@vellumai/web 0.11.10-staging.2 → 0.11.10-staging.4
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.
- package/dist/assets/{a2a-invite-CHs70w0x.js → a2a-invite-CXZCA0Zh.js} +1 -1
- package/dist/assets/{about-page-BAfcblHZ.js → about-page-DiyUJjGf.js} +1 -1
- package/dist/assets/{account-page-DgHmP7Vp.js → account-page-CJWUeKni.js} +1 -1
- package/dist/assets/{account-shell-gtSukU-d.js → account-shell-BF0wq3dL.js} +1 -1
- package/dist/assets/{acp-run-detail-panel-DyoyhiP_.js → acp-run-detail-panel-rEbi1ucP.js} +1 -1
- package/dist/assets/{activity-redirect-page-C_DWUvBC.js → activity-redirect-page-Bqoawew6.js} +1 -1
- package/dist/assets/{activity-steps-panel-AvExpkme.js → activity-steps-panel-BEVnG3V-.js} +1 -1
- package/dist/assets/{add-credits-modal-DUOuC3GI.js → add-credits-modal-0MXreRar.js} +1 -1
- package/dist/assets/{ai-page-B8d16kWG.js → ai-page-CiAqQ6Bt.js} +1 -1
- package/dist/assets/{android-billing-handoff-EugoDpAB.js → android-billing-handoff-Do0Z_tWL.js} +1 -1
- package/dist/assets/{api-key-screen-BBVUcSEd.js → api-key-screen-DHqMahec.js} +1 -1
- package/dist/assets/{app-info-DSoh18OI.js → app-info-DmJ1IJBZ.js} +1 -1
- package/dist/assets/archive-redirect-page-BHo8cKBO.js +1 -0
- package/dist/assets/{assistant-status-panel-B5InFx4W.js → assistant-status-panel-gPe4jn29.js} +1 -1
- package/dist/assets/{auth-welcome-screen-CLfTKo5E.js → auth-welcome-screen-CroiP_sh.js} +1 -1
- package/dist/assets/{avatar-random-BpcxZxka.js → avatar-random-B3s-p6ri.js} +2 -2
- package/dist/assets/{await-org-header-settled-CLc1AsJr.js → await-org-header-settled-CYg9juTz.js} +1 -1
- package/dist/assets/{background-task-detail-panel-CSFC9n00.js → background-task-detail-panel-viJcb3cl.js} +1 -1
- package/dist/assets/{billing-page-BolHOlH5.js → billing-page-DK2GIN6k.js} +3 -3
- package/dist/assets/{billing-redirect-page-Cm3JHjbW.js → billing-redirect-page-piXEk2bD.js} +1 -1
- package/dist/assets/{bookmarks-page-BltIzuR4.js → bookmarks-page-ixMKQPzN.js} +1 -1
- package/dist/assets/{bundle-confirm-page-T4olYjIG.js → bundle-confirm-page-BZfmArZf.js} +1 -1
- package/dist/assets/{channel-transcript-panel-DesB7qIf.js → channel-transcript-panel-CjU1kHAM.js} +1 -1
- package/dist/assets/{channels-page-route-e7dyERCA.js → channels-page-route-TMKiofYF.js} +1 -1
- package/dist/assets/{checkout-continuation-5SGZkBLQ.js → checkout-continuation--Gp9g8Cs.js} +1 -1
- package/dist/assets/{checkout-page-Cs-hhCrb.js → checkout-page-Dt_x1-Ak.js} +1 -1
- package/dist/assets/checkout-return-target-DgcrCyAx.js +1 -0
- package/dist/assets/{command-palette-CirFbiT7.js → command-palette-BYjwAuJQ.js} +1 -1
- package/dist/assets/{command-palette-window-page-CZutt5NL.js → command-palette-window-page-KNdnCkz_.js} +1 -1
- package/dist/assets/{community-page-9542ttDz.js → community-page-CGeHYhxR.js} +1 -1
- package/dist/assets/{companion-accent-wPZ1pxrU.js → companion-accent-DwBPqfnb.js} +1 -1
- package/dist/assets/{companion-layout-DGg7-a0R.js → companion-layout-Bv3xdQBy.js} +1 -1
- package/dist/assets/{companion-surface-page-tCr2rOjn.js → companion-surface-page-DVqRvVT7.js} +1 -1
- package/dist/assets/{companion-watch-frame-page-Cv9Knvsi.js → companion-watch-frame-page-Dmj0BZLk.js} +1 -1
- package/dist/assets/{connect-page-CaZ2ZbEr.js → connect-page-DvDO8pYQ.js} +1 -1
- package/dist/assets/{consent-controls-OHW0NhxR.js → consent-controls-Cqi-XchY.js} +1 -1
- package/dist/assets/{contacts-gateway-eLvOtV1d.js → contacts-gateway-BoQ3VEpG.js} +1 -1
- package/dist/assets/{contacts-page-route-DhLyI9t0.js → contacts-page-route-dMHiwIhE.js} +1 -1
- package/dist/assets/{credential-entry-page-DkFQuUE-.js → credential-entry-page-DVLlpzsQ.js} +1 -1
- package/dist/assets/{credentials-page-CHitkdnx.js → credentials-page-DGuGRbME.js} +1 -1
- package/dist/assets/{csv-preview-DB0cL1xj.js → csv-preview-ClM4J2DW.js} +1 -1
- package/dist/assets/danger-zone-redirect-page-QSBD8j9D.js +1 -0
- package/dist/assets/{debug-page-rSyNRCTU.js → debug-page-BNLV56hO.js} +1 -1
- package/dist/assets/{deploy-dialogs-Ba6QLnXa.js → deploy-dialogs-B5rrR-6M.js} +1 -1
- package/dist/assets/{detail-card-CWGzVd3J.js → detail-card-DozMITtn.js} +1 -1
- package/dist/assets/{detail-panel-stop-button-xy2Sa8Sa.js → detail-panel-stop-button-DFPBKjBo.js} +1 -1
- package/dist/assets/{detail-primitives-BUx1GVQ8.js → detail-primitives-0Z051SZJ.js} +1 -1
- package/dist/assets/{developer-page-B6814utx.js → developer-page-bqyYnvvf.js} +1 -1
- package/dist/assets/devices-redirect-page-D7XxyAb6.js +1 -0
- package/dist/assets/{dictation-overlay-page-DLJbj233.js → dictation-overlay-page-Bocg7l5v.js} +1 -1
- package/dist/assets/{document-viewer-page-BwJXE2UD.js → document-viewer-page-C7s8-yWd.js} +1 -1
- package/dist/assets/{emails-page-DBKEFqPe.js → emails-page-aS97qZTB.js} +1 -1
- package/dist/assets/{environment-store-CSHIirRc.js → environment-store-Cwp_aQVg.js} +1 -1
- package/dist/assets/{file-editor-Dhw2ANVi.js → file-editor-d-VpdSmC.js} +1 -1
- package/dist/assets/{general-page-Dlyt_WQs.js → general-page-Bpcb3cOw.js} +1 -1
- package/dist/assets/{hatching-screen-C088WvB1.js → hatching-screen-BqKoH9nP.js} +1 -1
- package/dist/assets/{hosting-screen-BgvR0QRg.js → hosting-screen-Cvd_lgtV.js} +1 -1
- package/dist/assets/{identity-page-route-CIee8Amd.js → identity-page-route-Be9kkJ6U.js} +1 -1
- package/dist/assets/{index-BfdeEXeE.js → index-BHBLeC80.js} +8 -8
- package/dist/assets/{inspect-page-SXC1iTL3.js → inspect-page-UYu_6yuD.js} +3 -3
- package/dist/assets/{integrations-page-BO6HvfHk.js → integrations-page-4nGzHdaB.js} +1 -1
- package/dist/assets/{intelligence-layout-Cb6R2GfS.js → intelligence-layout-BHPtC2az.js} +1 -1
- package/dist/assets/keyboard-shortcuts-redirect-page-HZbAKXV3.js +1 -0
- package/dist/assets/{latest-assistant-text-D738L8JS.js → latest-assistant-text-BVDHPDcj.js} +1 -1
- package/dist/assets/{library-detail-page-Bu6aq0fO.js → library-detail-page-0dxGGatK.js} +1 -1
- package/dist/assets/{library-page-BrDYbnbF.js → library-page-CN0wcNRe.js} +1 -1
- package/dist/assets/{login-page-Bhdjj1Bs.js → login-page-Ce0yHHIY.js} +1 -1
- package/dist/assets/{logout-page-Kg5yMn5r.js → logout-page-HAgKDdSg.js} +1 -1
- package/dist/assets/{logs-layout-Cj3Vadll.js → logs-layout-BtCoT0Cv.js} +1 -1
- package/dist/assets/{markdown-preview-CUbg4_gK.js → markdown-preview-oANTtJ4h.js} +1 -1
- package/dist/assets/{media-preview-DyuDmJy2.js → media-preview-DvwMMiAb.js} +1 -1
- package/dist/assets/{memory-page-route-SEp8b8X7.js → memory-page-route-Bafhl3aE.js} +1 -1
- package/dist/assets/{memory-router-playground-page-IUnEwsSj.js → memory-router-playground-page-knM-79pF.js} +1 -1
- package/dist/assets/{message-files-panel-D7hLP_iL.js → message-files-panel-CoABbiHA.js} +1 -1
- package/dist/assets/{metric-card-BHVRaFJp.js → metric-card-tzSXowqX.js} +1 -1
- package/dist/assets/{notifications-page-CicxaIkg.js → notifications-page-iwCiEsvG.js} +1 -1
- package/dist/assets/{oauth-complete-page-BsKfEMMi.js → oauth-complete-page-BSNj9OfZ.js} +1 -1
- package/dist/assets/{oauth-popup-complete-page-DEAzIlij.js → oauth-popup-complete-page-C5tlMQzH.js} +1 -1
- package/dist/assets/{page-shell-Dljxcga1.js → page-shell-yrQdXH7t.js} +1 -1
- package/dist/assets/{pairing-page-BOqtAZPy.js → pairing-page-CL8D36Jw.js} +1 -1
- package/dist/assets/password-reset-page-BP0tU3JU.js +1 -0
- package/dist/assets/{pdf-file-preview-CAGVOyYl.js → pdf-file-preview-DotetIoy.js} +1 -1
- package/dist/assets/{personality-page-BLLRYGPI.js → personality-page-BzN3CB4G.js} +1 -1
- package/dist/assets/{plans-page-B6qYXnbL.js → plans-page-BDO6hVar.js} +1 -1
- package/dist/assets/{platform-loopback-page-CSIxSQhF.js → platform-loopback-page-BJQB1fxq.js} +1 -1
- package/dist/assets/{plugin-detail-page-D39SatwJ.js → plugin-detail-page-DbOSNUlU.js} +1 -1
- package/dist/assets/{plugins-page-BhZTTxsN.js → plugins-page-CrmooYb6.js} +1 -1
- package/dist/assets/{preview-error-CwK08KLx.js → preview-error-CWZXjhgJ.js} +1 -1
- package/dist/assets/{privacy-page-CebWPXbH.js → privacy-page-DTg59h01.js} +1 -1
- package/dist/assets/{privacy-screen-Dd_-t9l8.js → privacy-screen-CAuKxlCT.js} +1 -1
- package/dist/assets/{provider-callback-page-Djkt1IVp.js → provider-callback-page-BiJRbo2j.js} +1 -1
- package/dist/assets/{provider-key-DhviMFPw.js → provider-key-e7bkE4FW.js} +1 -1
- package/dist/assets/{provider-signup-page-mO2ujVEA.js → provider-signup-page-BHcqfJkj.js} +1 -1
- package/dist/assets/{quick-input-page-CTEQkdsI.js → quick-input-page-CtnR_stl.js} +1 -1
- package/dist/assets/{research-mock-page-Dhpwn_2L.js → research-mock-page-CcU6Ca5m.js} +1 -1
- package/dist/assets/{research-onboarding-route-DHWgS8uy.js → research-onboarding-route-C_1EYWlc.js} +1 -1
- package/dist/assets/{review-terms-screen-CUOpJKOy.js → review-terms-screen-DNEe5COX.js} +1 -1
- package/dist/assets/{schedules-DNQlngWO.js → schedules-C6GFTq9e.js} +1 -1
- package/dist/assets/{schedules-page-BOyilEOD.js → schedules-page-DF9d_-hO.js} +1 -1
- package/dist/assets/security-redirect-page-fOqpqXhg.js +1 -0
- package/dist/assets/{select-assistant-screen-DXCW3hmi.js → select-assistant-screen-7s__H50j.js} +1 -1
- package/dist/assets/{self-hosted-servers-Bj5pH7o_.js → self-hosted-servers-X73OsSz4.js} +1 -1
- package/dist/assets/{service-form-controls-EiUB5Gk0.js → service-form-controls-Cn7xIKry.js} +1 -1
- package/dist/assets/{setting-row-DLyocDem.js → setting-row-CwEW1k3A.js} +1 -1
- package/dist/assets/{settings-divider-giYyo6jZ.js → settings-divider-DvaVqZSv.js} +1 -1
- package/dist/assets/{settings-layout-DVEic1h8.js → settings-layout-DKQW650m.js} +1 -1
- package/dist/assets/{share-feedback-modal-BAPQAmSL.js → share-feedback-modal-CXO1WiLR.js} +1 -1
- package/dist/assets/{sidebar-tree-CMTX-MWz.js → sidebar-tree-ppFGlSW4.js} +1 -1
- package/dist/assets/{signup-page-D1uRx9K9.js → signup-page-CBFu4Phx.js} +1 -1
- package/dist/assets/{signup-shell-Dwtr6y9v.js → signup-shell-C9bkpRpP.js} +1 -1
- package/dist/assets/{skill-detail-page-CGFpy2Lt.js → skill-detail-page-C34NDUXJ.js} +1 -1
- package/dist/assets/{skill-detail-panel-BoCYtvFB.js → skill-detail-panel-BFyWuPsn.js} +1 -1
- package/dist/assets/{skill-removal-dialog-CM2PAuWp.js → skill-removal-dialog-Dmej1bap.js} +1 -1
- package/dist/assets/{skills-page-Cp4FuR8C.js → skills-page-Cf_hKy9r.js} +1 -1
- package/dist/assets/{sounds-page-g_JaEnw1.js → sounds-page-BqQ6POCA.js} +1 -1
- package/dist/assets/{start-screen-B9II2M6k.js → start-screen-ClrAUbI0.js} +1 -1
- package/dist/assets/{stt-language-picker-modal-CtGuWDz3.js → stt-language-picker-modal-CZO7JoYT.js} +1 -1
- package/dist/assets/{subagent-detail-panel-BdHQkIA7.js → subagent-detail-panel-Cl9ImrOJ.js} +1 -1
- package/dist/assets/{superpowers-page-6E9TPdJO.js → superpowers-page-D1k1MEVI.js} +1 -1
- package/dist/assets/{system-events-page-Dn-ju2SJ.js → system-events-page-Bm5hG4ru.js} +1 -1
- package/dist/assets/system-events-redirect-page-B74O6yIF.js +1 -0
- package/dist/assets/{text-preview-D3AaED-8.js → text-preview-BKJ1Aeao.js} +1 -1
- package/dist/assets/{theme-stage-page-BDgn5ftT.js → theme-stage-page-DlRKsOdI.js} +1 -1
- package/dist/assets/{tiptap-document-editor-DrJ45WXG.js → tiptap-document-editor-B-vV6rr1.js} +1 -1
- package/dist/assets/{tool-detail-panel-n4V4LxRG.js → tool-detail-panel-uczeeElt.js} +1 -1
- package/dist/assets/{trait-cycle-row-CWC0JzHj.js → trait-cycle-row-0CXwkqPS.js} +1 -1
- package/dist/assets/{upgrade-cancel-page-chIOv0fY.js → upgrade-cancel-page-DonPXETN.js} +1 -1
- package/dist/assets/{upgrade-success-page-i_KCLlic.js → upgrade-success-page-CbbRpoIM.js} +1 -1
- package/dist/assets/{usage-redirect-page-CC1c8vE_.js → usage-redirect-page-D9ARkbO8.js} +1 -1
- package/dist/assets/{use-assistant-identity-details-DK6UFYwR.js → use-assistant-identity-details-BCrYYzla.js} +1 -1
- package/dist/assets/{use-checkout-dismiss-refresh-nWhLsQfJ.js → use-checkout-dismiss-refresh--5bkiBrA.js} +1 -1
- package/dist/assets/{use-edge-swipe-back-cmJPwM47.js → use-edge-swipe-back-DONCpBgK.js} +2 -2
- package/dist/assets/{use-hotkey-recorder-k_JoH6uU.js → use-hotkey-recorder-DKlT-BSf.js} +1 -1
- package/dist/assets/{use-invite-link-dialog-MnU7jg27.js → use-invite-link-dialog-DBeao10u.js} +1 -1
- package/dist/assets/{use-platform-assistant-id-DpGfFmds.js → use-platform-assistant-id-DxHYaWx7.js} +1 -1
- package/dist/assets/{use-return-to-short-circuit-Cqls2uNX.js → use-return-to-short-circuit-_5KJP58I.js} +1 -1
- package/dist/assets/{use-side-list-room-CcLqUOYE.js → use-side-list-room-CKAXuhLb.js} +1 -1
- package/dist/assets/{use-skill-actions-DQuYFxVw.js → use-skill-actions-weVkg8kB.js} +1 -1
- package/dist/assets/{use-skill-detail-files-CWTtpfE4.js → use-skill-detail-files-B6B6qn4A.js} +1 -1
- package/dist/assets/use-supports-credentials-settings-CRJVJGGZ.js +1 -0
- package/dist/assets/{use-transcript-message-by-id-6icnwkhV.js → use-transcript-message-by-id-DKwkoAvU.js} +1 -1
- package/dist/assets/{voice-page-Df7Zbtr-.js → voice-page-ESLvI7Wk.js} +1 -1
- package/dist/assets/{weather-forecast-display-CQxDU0TM.js → weather-forecast-display-CuijMBMn.js} +1 -1
- package/dist/assets/{welcome-screen-Bouj-NXh.js → welcome-screen-BKhi16Mk.js} +1 -1
- package/dist/assets/{workflow-detail-panel-CyMdOS8h.js → workflow-detail-panel-CjgIzQ49.js} +1 -1
- package/dist/assets/{workspace-page-B2GhomxM.js → workspace-page-BVZIUjC3.js} +1 -1
- package/dist/index.html +1 -1
- package/package.json +1 -1
- package/dist/assets/archive-redirect-page-C5TO-1QK.js +0 -1
- package/dist/assets/checkout-return-target-CTnuwKAx.js +0 -1
- package/dist/assets/danger-zone-redirect-page-DLxm6kbP.js +0 -1
- package/dist/assets/devices-redirect-page-DNPJ6DV4.js +0 -1
- package/dist/assets/keyboard-shortcuts-redirect-page-Lom8GMOo.js +0 -1
- package/dist/assets/password-reset-page-B-pHDzCc.js +0 -1
- package/dist/assets/security-redirect-page-Dkvw49QD.js +0 -1
- package/dist/assets/system-events-redirect-page-CK4Ii_PE.js +0 -1
- package/dist/assets/use-supports-credentials-settings-BSiNPNz9.js +0 -1
package/dist/assets/{companion-surface-page-tCr2rOjn.js → companion-surface-page-DVqRvVT7.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{f as t,g as n,j as r}from"./vendor-CCI2T82b.js";import{b as i,t as a}from"./react-DPM_L_aA.js";import{Ft as o,It as s,Kn as c,Si as l,Vr as u,Y as d,_t as f,bi as p,d as m,f as h,i as g,jt as _,qn as v,ui as y}from"./icons-B-6TfGtd.js";import{$o as b,Cy as x,Go as S,Gr as C,Ho as ee,Jo as te,Ko as w,Nl as T,Ny as ne,Pl as E,Qo as D,Vo as O,Wo as re,Xo as ie,Yo as ae,Zo as oe,en as se,es as ce,hi as le,ns as k,ps as ue,qo as de,ts as fe}from"./index-BfdeEXeE.js";import{n as pe,r as A,t as j}from"./companion-layout-DGg7-a0R.js";import{n as M}from"./companion-accent-wPZ1pxrU.js";var me=l(`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`}]]),N=e(i(),1),P=a(),F=460,he=3,ge=88,_e=3,I=[`screens`,`tabs`,`windows`],ve=(e,t)=>t===`screens`?e.displays.length:t===`tabs`?e.tabs.length:e.windows.length,ye=e=>I.find(t=>ve(e,t)>0)??`screens`,L=e=>e.kind===`display`?`display-${e.displayId}`:`window-${e.windowId}`;function be({sources:e,captureThumbnail:t,cardGrowth:n=`up`,avatarBox:i=T,optionsBox:a=T,cardRef:o,label:s,onPick:c}){let{t:l}=r(),{inUnits:u,lineAt:d,introStepOff:f}=j(i,a),p=u(f(n)),m={left:`50%`,top:d(n,0),transform:n===`up`?`translate(-50%, calc(-100% - ${p}px))`:`translate(-50%, ${p}px)`},h=e===null?[]:I.filter(t=>ve(e,t)>0),g=e!==null&&h.length===0,[v,y]=(0,N.useState)(null),b=e===null?`screens`:v!==null&&h.includes(v)?v:ye(e),S=(0,N.useMemo)(()=>e===null?[]:b===`screens`?e.displays.map(e=>{let t={kind:`display`,displayId:e.displayId};return{key:L(t),target:t}}):b===`windows`?e.windows.map(e=>{let t={kind:`window`,windowId:e.windowId};return{key:L(t),target:t}}):[],[b,e]),[C,ee]=(0,N.useState)(new Map),te=(0,N.useRef)(new Set),w=(0,N.useRef)(0),E=(0,N.useRef)(!1);(0,N.useEffect)(()=>(E.current=!0,()=>{E.current=!1}),[]),(0,N.useEffect)(()=>{te.current=new Set,w.current+=1,ee(new Map),y(null)},[e]);let D=(0,N.useRef)(null);(0,N.useEffect)(()=>{D.current!==null&&(D.current.scrollTop=0)},[b]),(0,N.useEffect)(()=>{if(t!==void 0)for(let{key:e,target:n}of S){if(te.current.has(e))continue;te.current.add(e);let r=w.current,i=t=>{!E.current||r!==w.current||ee(n=>new Map(n).set(e,t))};t(n).then(i,()=>{i(null)})}},[t,S]);let O=e=>t===void 0?null:C.get(e),re=e=>l(e===`screens`?`companionSurface.captureScreens`:e===`tabs`?`companionSurface.captureTabs`:`companionSurface.captureWindows`);return(0,P.jsxs)(`div`,{ref:o,role:`group`,"aria-label":s??l(`companionSurface.capturePicker`),"data-companion-capture-picker":!0,"data-theme":`dark`,className:`absolute flex flex-col rounded-2xl border border-white/10 bg-[#17181b]/95 p-1.5 shadow-lg shadow-black/40`,style:{width:F,...m},onPointerDown:e=>{e.stopPropagation()},children:[h.length>1&&(0,P.jsx)(x,{className:`mx-auto mb-1.5 w-auto shrink-0`,items:h.map(e=>({value:e,label:re(e)})),value:b,ariaLabel:l(`companionSurface.captureKind`),onChange:y}),(0,P.jsx)(ne,{ref:D,className:`max-h-48 flex-col px-0.5`,size:24,fadeEdges:`end`,hideScrollBar:!0,children:(0,P.jsxs)(`div`,{className:`flex flex-col`,"data-slot":`capture-sources`,children:[e===null&&(0,P.jsx)(V,{}),e!==null&&b===`screens`&&(0,P.jsx)(R,{children:e.displays.map(e=>{let t=l(`companionSurface.captureScreen`,{n:e.index+1}),n=L({kind:`display`,displayId:e.displayId});return(0,P.jsx)(z,{title:t,ariaLabel:t,answer:O(n),fallback:(0,P.jsx)(_,{className:`size-5 text-white/40`,"aria-hidden":!0}),onClick:()=>{c?.({kind:`display`,displayId:e.displayId})}},n)})}),e!==null&&b===`windows`&&(0,P.jsx)(R,{children:e.windows.map(e=>{let t=L({kind:`window`,windowId:e.windowId}),n=e.title===``?e.app:e.title;return(0,P.jsx)(z,{title:n,ariaLabel:e.title===``?n:`${n} (${e.app})`,answer:O(t),fallback:(0,P.jsx)(B,{icon:e.icon,large:!0}),icon:(0,P.jsx)(B,{icon:e.icon}),onClick:()=>{c?.({kind:`window`,windowId:e.windowId})}},t)})}),e!==null&&b===`tabs`&&(0,P.jsx)(`div`,{className:`flex flex-col`,children:e.tabs.map(e=>(0,P.jsx)(xe,{icon:(0,P.jsx)(B,{icon:e.icon}),title:e.title,onClick:()=>{c?.({kind:`tab`,chromeWindowId:e.chromeWindowId,tabIndex:e.tabIndex})}},`tab-${e.chromeWindowId}-${e.tabIndex}`))}),g&&(0,P.jsx)(`span`,{className:`px-2 py-3 text-[12px] text-white/50`,children:l(`companionSurface.captureNothing`)})]})})]})}function R({children:e}){return(0,P.jsx)(`div`,{className:`grid gap-1.5 py-0.5`,style:{gridTemplateColumns:`repeat(${he}, minmax(0, 1fr))`},children:e})}function z({title:e,ariaLabel:t,answer:n,fallback:r,icon:i,onClick:a}){return(0,P.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,P.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:ge},children:n==null?r:(0,P.jsx)(`img`,{src:n,alt:``,draggable:!1,className:`max-h-full max-w-full object-contain`})}),(0,P.jsxs)(`span`,{className:`flex min-w-0 items-center gap-1`,children:[i,(0,P.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-[11px] text-white/75 group-hover:text-white/90`,children:e})]})]})}function xe({icon:e,title:t,onClick:n}){return(0,P.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,P.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:t})]})}function B({icon:e,large:t=!1}){return(0,P.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,P.jsx)(p,{className:t?`size-5 text-white/40`:`size-3 text-white/70`,"aria-hidden":!0}):(0,P.jsx)(`img`,{src:e,alt:``,className:`size-full`,draggable:!1})})}function V(){return(0,P.jsx)(R,{children:Array.from({length:_e},(e,t)=>(0,P.jsxs)(`div`,{className:`flex flex-col gap-1 p-1`,"aria-hidden":!0,children:[(0,P.jsx)(`span`,{className:`animate-pulse rounded-md bg-white/10`,style:{height:ge}}),(0,P.jsx)(`span`,{className:`h-2 animate-pulse rounded-full bg-white/10`,style:{width:t===0?`70%`:`45%`}})]},t))})}var H=260;function Se({offer:e,growth:t=`right`,cardGrowth:n=`up`,avatarBox:i=T,optionsBox:a=T,cardRef:o,onAnswer:s}){let{t:c}=r(),l=e.reason===`claimed`?c(`companionSurface.offerVersion`):c(`companionSurface.offerNowhere`),{inUnits:u,avatarHalf:d,lineAt:f,edgeAt:p,introStepOff:m}=j(i,a),h=u(m(n)),g=p(t,-d),_={top:f(n,0),transform:n===`up`?`translateY(calc(-100% - ${h}px))`:`translateY(${h}px)`};return(0,P.jsxs)(`div`,{ref:o,role:`group`,"aria-label":l,"data-companion-dictation-offer":!0,className:`absolute flex flex-col gap-2 rounded-2xl border border-white/10 bg-[#17181b]/95 px-3.5 py-3 shadow-lg shadow-black/40`,style:{width:H,...g,..._},onPointerDown:e=>{e.stopPropagation()},children:[(0,P.jsx)(`p`,{className:`text-[11px] font-medium tracking-wide text-white/45 uppercase select-none`,children:l}),(0,P.jsx)(ne,{className:`max-h-40 flex-col`,size:20,fadeEdges:`end`,hideScrollBar:!0,children:(0,P.jsx)(`p`,{dir:`auto`,className:`text-[13px] leading-[1.45] text-white/90`,children:e.text})}),(0,P.jsxs)(`div`,{className:`flex flex-wrap items-center justify-end gap-1 pt-0.5`,children:[(0,P.jsx)(`button`,{type:`button`,className:`h-7 rounded-full px-2.5 text-[12px] text-white/55 transition-colors hover:bg-white/10 hover:text-white/80`,onClick:()=>s?.(`dismiss`),children:e.reason===`claimed`?c(`companionSurface.notNow`):c(`companionSurface.offerDiscard`)}),e.reason===`claimed`?(0,P.jsx)(`button`,{type:`button`,className:`h-7 rounded-full px-2.5 text-[12px] text-white/70 transition-colors hover:bg-white/10 hover:text-white`,onClick:()=>s?.(`quit`),children:c(`companionSurface.offerQuit`,{app:e.app})}):null,(0,P.jsx)(`button`,{type:`button`,className:`h-7 rounded-full bg-white/15 px-3 text-[12px] text-white transition-colors hover:bg-white/25`,onClick:()=>s?.(e.reason===`claimed`?`use`:`copy`),children:e.reason===`claimed`?c(`companionSurface.offerUse`):c(`companionSurface.offerCopy`)})]})]})}var U=244,Ce={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`}},we=e=>e===`talk`?e:void 0,Te=e=>e===null||e===`meet`?null:`hover`;function Ee({beat:e,growth:t=`right`,cardGrowth:n=`up`,avatarBox:i=T,optionsBox:a=T,accentHex:o,assistantName:s,cardRef:c,onAdvance:l}){let{t:u}=r(),d=E.indexOf(e),f=d===E.length-1,p=Ce[e],{inUnits:m,avatarHalf:h,lineAt:g,edgeAt:_,introStepOff:v}=j(i,a),y=m(v(n)),b=_(t,-h),x={top:g(n,0),transform:n===`up`?`translateY(calc(-100% - ${y}px))`:`translateY(${y}px)`};return(0,P.jsxs)(`div`,{ref:c,role:`group`,"aria-label":u(`companionIntro.ariaLabel`),className:`absolute flex flex-col gap-2 rounded-2xl border border-white/10 bg-[#17181b]/95 px-3.5 py-3 shadow-lg shadow-black/40`,style:{width:U,...b,...x},onPointerDown:e=>{e.stopPropagation()},children:[(0,P.jsx)(`p`,{className:`line-clamp-2 text-[13px] leading-tight font-medium text-white`,children:e===`meet`&&s!==void 0?u(`companionIntro.meet.titleNamed`,{name:s}):u(p.title)}),(0,P.jsx)(`p`,{className:`text-[12px] leading-[1.45] text-white/70`,children:u(p.body)}),(0,P.jsxs)(`div`,{className:`flex items-center justify-between pt-0.5`,children:[(0,P.jsx)(`div`,{className:`flex items-center gap-1`,"aria-hidden":!0,children:E.map((e,t)=>(0,P.jsx)(`span`,{className:`size-1.5 rounded-full transition-colors`,style:{backgroundColor:t===d?o??`#5eead4`:`rgba(255,255,255,.2)`}},e))}),(0,P.jsxs)(`div`,{className:`flex items-center gap-1`,children:[!f&&(0,P.jsx)(`button`,{type:`button`,className:`h-7 rounded-full px-2.5 text-[12px] text-white/55 transition-colors hover:bg-white/10 hover:text-white/80`,onClick:()=>l?.(`dismiss`),children:u(`companionIntro.skip`)}),(0,P.jsx)(`button`,{type:`button`,className:`h-7 rounded-full bg-white/15 px-3 text-[12px] text-white transition-colors hover:bg-white/25`,onClick:()=>l?.(`next`),children:u(f?`companionIntro.done`:`companionIntro.next`)})]})]})]})}var W={min:3,max:10},G=(e=Math.random)=>{let t=e();return t<1/3?`top`:t<2/3?`topLeft`:`topRight`},K=1600,De=.22,Oe=.04,ke=4,q=(e,t)=>{let n=Math.min(.95,Math.max(.25,e.eyeCenterFrac+e.eyeHalfFrac+Oe)),r=Math.min(t,24,14/n),i=r*n;return{size:r,exposed:i,clip:{width:r+2*ke,height:i+ke},rest:i+2}},Ae=(e,t=Math.random)=>(e.min+t()*(e.max-e.min))*1e3;function je(e,t=W){let[n,r]=(0,N.useState)(0),{min:i,max:a}=t;return(0,N.useEffect)(()=>{if(!e)return;let t,n=()=>{t=setTimeout(()=>{r(e=>e+1),n()},Ae({min:i,max:a}))};return n(),()=>{clearTimeout(t)}},[e,i,a]),n}var J=(e,t,n={width:0,height:0})=>{let r=e===`topLeft`?n.width/4:e===`topRight`?n.width*3/4:n.width/2;return{slot:{width:t.width,height:t.height,bottom:`100%`,left:r-t.width/2}}};function Me({character:e,capsule:r,enabled:i,held:a=!1,edge:o,interval:s=W,className:c,style:l}){let u=t(),d=(0,N.useMemo)(()=>se(le,e),[e]),f=je(i&&!a&&!u&&d!==null,s),[p,m]=(0,N.useState)(!1),[h,g]=(0,N.useState)(`top`);if((0,N.useEffect)(()=>{if(f===0)return;g(G()),m(!0);let e=setTimeout(()=>{m(!1)},K);return()=>{clearTimeout(e)}},[f]),d===null||u)return null;let _=q(d,r.width),v=a||p,y=o??h,b=J(y,_.clip,r);return(0,P.jsx)(`div`,{className:`companion-peek ${c??``}`,style:{width:r.width,height:r.height,...l},"data-risen":v,"data-edge":y,"aria-hidden":!0,children:(0,P.jsx)(`div`,{className:`absolute`,style:b.slot,children:(0,P.jsx)(`div`,{className:`absolute inset-0 overflow-hidden`,children:(0,P.jsx)(n.div,{className:`absolute left-1/2`,style:{width:_.size,height:_.size,marginLeft:-_.size/2,top:_.clip.height-_.exposed},initial:{y:_.rest},animate:{y:v?0:_.rest},transition:a?{duration:0}:v?{type:`spring`,stiffness:280,damping:14}:{duration:De,ease:`easeIn`},children:(0,P.jsx)(C,{components:le,traits:e,size:_.size})})})})})}var Y=`#5eead4`,Ne=new Set([`transcribing`,`thinking`,`speaking`]),Pe=28,X={idle:{width:64,height:14},closing:Pe,rim:2,bloom:4},Fe=X.idle,Ie=(e,t,n)=>[`inset 0 0 0 ${t}px color-mix(in srgb, ${e} 78%, transparent)`,`0 0 ${n}px color-mix(in srgb, ${e} 85%, transparent)`,`0 0 ${n*4}px color-mix(in srgb, ${e} 42%, transparent)`,`0 8px 24px rgba(0, 0, 0, 0.45)`].join(`, `),Le=244,Z=200,Re=120,ze={watching:40,summary:220,dictating:Le+32,offer:Z+32,call:4+Re+180};function Be({phase:e,assistantName:n=``,accentHex:i=Y,avatarSrc:a,character:o,hovered:s=!1,growth:c=`right`,avatarBox:l=T,optionsBox:u=T,cardGrowth:d=`up`,rootRef:f,restingPillRef:p,avatarRef:m,onSurfacePointerDown:h,onSurfaceContextMenu:g,spotlight:_,onWatch:v,onTeach:y,picking:b=!1,sharing:x=!1,shareEnabled:S=!1,sharePicking:C=!1,onShare:ee,onStopShare:te,annotating:w=!1,onAnnotate:ne,onAvatarClick:E,working:D=!1,watching:O=!1,watchRetro:re,onWatchRetro:ie,dictationOffer:ae,offer:oe,watchEnabled:se=!1,dictating:ce,dictationText:le=``,call:k,onControl:ue,intro:de,picker:fe}){let{t:pe}=r(),A=e!==`resting`,M=e===`call`||e===`dictating`||e===`offer`||e===`summary`||e===`watching`,[me,F]=(0,N.useState)(!1);(0,N.useEffect)(()=>{if(e!==`hover`){F(!1);return}let t=setTimeout(()=>{F(!0)},500);return()=>{clearTimeout(t)}},[e]);let he=_===`talk`||e===`hover`&&me,ge=re===`pending`,_e=D||k!==void 0&&Ne.has(k.phase),I=t(),ve=(0,N.useRef)(null),[ye,L]=(0,N.useState)(null);(0,N.useLayoutEffect)(()=>{let e=ve.current;if(!e)return;let t=()=>{L(e.scrollWidth)};t();let n=new ResizeObserver(t);return n.observe(e),()=>{n.disconnect()}},[e]);let{scale:be,avatarRel:R,avatarHalf:z,baseline:xe,gap:B,inUnits:V,lineAt:H,edgeAt:Se}=j(l,u),U=e===`call`,Ce=M?(ye??ze[e])+16:0,we=Se(c,z+B),Te=l/T,Ee=A?{width:X.closing*Te,height:X.closing*Te}:X.idle,W=de!=null,G=U?{width:Ce,left:`50%`,top:H(d,0),transform:`translate(-50%, -50%)`,transitionTimingFunction:`cubic-bezier(.2,.8,.2,1)`}:{width:Ce,...we,top:H(d,xe),transform:`translateY(-100%)`,transitionTimingFunction:`cubic-bezier(.2,.8,.2,1)`},K=U?`calc(50% - ${Ce/2+V(z+B)}px)`:`50%`;return(0,P.jsxs)(`div`,{className:`absolute top-0 left-0 origin-top-left`,style:{width:`${100/be}%`,height:`${100/be}%`,transform:`scale(${be})`},children:[(0,P.jsxs)(`div`,{className:`absolute flex h-11 cursor-grab items-center rounded-full transition-[width] duration-300 select-none will-change-[width] active:cursor-grabbing ${!U&&c===`left`?`justify-end`:``}`,style:G,onPointerDown:h,onContextMenu:g,ref:f,children:[(0,P.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:+!!M},"aria-hidden":!0}),U&&(0,P.jsx)(`span`,{className:`companion-working-ring pointer-events-none absolute -inset-0.5 rounded-full transition-opacity duration-200`,style:{opacity:+!!M,"--companion-ring-accent":i},"aria-hidden":!0}),(0,P.jsx)(`div`,{className:`relative flex h-11 shrink-0 items-center`,style:{paddingInline:8},children:(0,P.jsx)(`div`,{className:`flex min-w-0 items-center gap-1 overflow-hidden transition-opacity duration-200`,ref:ve,inert:!M,style:{opacity:+!!M,transitionDelay:M?`120ms`:`0ms`},children:e===`call`?(0,P.jsx)(Ye,{call:k,assistantName:n,watching:O,watchEnabled:se,picking:b,sharing:x,shareEnabled:S,sharePicking:C,annotating:w,onControl:ue,onWatch:v,onTeach:y,onShare:ee,onStopShare:te,onAnnotate:ne}):e===`dictating`&&ce!==void 0?(0,P.jsx)(Ge,{dictating:ce,dictationText:le}):e===`summary`&&re!==void 0?(0,P.jsx)(Je,{retro:re,onWatchRetro:ie}):e===`offer`&&ae!==void 0?(0,P.jsx)(Ke,{offer:ae}):(0,P.jsx)(qe,{watching:O,onWatch:v})})})]}),(0,P.jsx)(`div`,{className:`absolute cursor-grab active:cursor-grabbing`,style:{width:V(X.idle.width),height:V(X.idle.height),pointerEvents:A?`none`:void 0,left:`50%`,top:H(d,0),transform:`translate(-50%, -50%)`},onPointerDown:h,onContextMenu:g,ref:p,"aria-hidden":!0,children:(0,P.jsx)(`div`,{className:`absolute top-1/2 left-1/2 rounded-full transition-[width,height,opacity] duration-300`,style:{width:V(Ee.width),height:V(Ee.height),transform:`translate(-50%, -50%)`,transitionTimingFunction:`cubic-bezier(.2,.8,.2,1)`,transitionProperty:I?`opacity`:void 0,boxShadow:Ie(i,V(X.rim),V(X.bloom)),opacity:+!A}})}),(0,P.jsx)(Ue,{className:he?`opacity-100`:`opacity-0`,"data-companion-name":he?`shown`:`hidden`,style:{left:`50%`,top:H(d,0),transform:`translate(-50%, calc(-100% - ${V(z)}px - 4px))`},label:pe(`companionSurface.talk`)}),(0,P.jsx)(We,{label:pe(e===`call`?`companionSurface.openVellum`:`companionSurface.talk`),accentHex:i,avatarSrc:a,character:o,attentive:s,busy:_e||O||ge,collapsed:!A&&!W,restingScale:T/l,style:{left:K,top:H(d,0),transform:`translate(-50%, -50%)${R===1?``:` scale(${R})`}`,transition:I?void 0:`left 300ms cubic-bezier(.2,.8,.2,1)`},elementRef:m,onPointerDown:h,onContextMenu:g,onClick:E}),de,fe,oe]})}var Ve=`rgba(28, 28, 30, 0.55)`,He=`backdrop-blur-md backdrop-saturate-150`;function Ue({className:e,style:t,label:n,...r}){return(0,P.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 ${He} ${e}`,style:{...t,backgroundColor:Ve},"aria-hidden":!0,...r,children:[n,(0,P.jsx)(`span`,{className:`absolute top-full left-1/2 h-1.5 w-2.5 -translate-x-1/2 ${He}`,style:{backgroundColor:Ve,clipPath:`polygon(0 0, 100% 0, 50% 100%)`},"aria-hidden":!0})]})}function We({accentHex:e,avatarSrc:n,character:r,busy:i=!1,attentive:a=!1,collapsed:o=!1,restingScale:s=1,label:c,style:l,elementRef:u,onPointerDown:d,onContextMenu:f,onClick:p}){let m=t();return(0,P.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,P.jsx)(Me,{character:r,capsule:Fe,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,P.jsx)(`div`,{className:`transition-[opacity,transform] duration-300`,style:{opacity:+!o,transform:o?`scale(0.35)`:`scale(1)`,transitionTimingFunction:`cubic-bezier(.2,.8,.2,1)`,transitionProperty:m?`opacity`:void 0},children:(0,P.jsx)(`div`,{className:`companion-avatar-bob relative grid place-items-center`,style:{animation:m?`none`:void 0},children:r===void 0?n===void 0?(0,P.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,P.jsx)(`img`,{src:n,alt:``,draggable:!1,className:`relative size-7 rounded-full object-contain drop-shadow-[0_1px_3px_rgba(0,0,0,0.55)] [-webkit-user-drag:none]`}):(0,P.jsx)(`div`,{className:`relative drop-shadow-[0_1px_3px_rgba(0,0,0,0.55)]`,children:(0,P.jsx)(C,{components:le,traits:r,size:Pe,isAssistantBusy:i,attentive:a})})})})]})}function Ge({dictating:e,dictationText:t}){let{t:n}=r(),i=t.trim();return(0,P.jsxs)(`div`,{className:`flex h-7 shrink-0 items-center gap-2 px-1`,children:[(0,P.jsx)(y,{className:`size-4 shrink-0`,"aria-hidden":!0}),i?(0,P.jsx)(`span`,{dir:`auto`,className:`flex justify-end overflow-hidden text-[12px] whitespace-nowrap text-white/85`,style:{width:Le},children:(0,P.jsx)(`span`,{className:`shrink-0`,children:i})}):(0,P.jsx)(`span`,{className:`truncate text-[12px] text-white/85`,style:{width:Le},children:n(e===`listening`?`companionSurface.dictating`:`companionSurface.dictatingTranscribing`)})]})}function Ke({offer:e}){let{t}=r();return(0,P.jsxs)(`div`,{className:`flex h-7 shrink-0 items-center gap-2 px-1`,children:[(0,P.jsx)(y,{className:`size-4 shrink-0`,"aria-hidden":!0}),(0,P.jsx)(`span`,{className:`truncate text-[12px] text-white/85`,style:{width:Z},children:e.reason===`claimed`?t(`companionSurface.offerHeard`,{app:e.app}):t(`companionSurface.offerNowhere`)})]})}function qe({watching:e=!1,onWatch:t}){return(0,P.jsx)(P.Fragment,{children:e&&(0,P.jsx)(et,{onWatch:t})})}function Q({watching:e,watchEnabled:t,picking:n,onWatch:i,onTeach:a}){let{t:o}=r();return t?(0,P.jsx)($,{icon:(0,P.jsx)(c,{className:`size-4`}),label:o(`companionSurface.teach`),pressed:e||n,onClick:e?i:a??i}):e?(0,P.jsx)(et,{onWatch:i}):null}function Je({retro:e,onWatchRetro:t}){let{t:n}=r();return e===`pending`?(0,P.jsx)(`span`,{className:`ml-1 shrink-0 text-[12px] text-white/85`,children:n(`companionSurface.summarizing`)}):(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)($,{icon:(0,P.jsx)(d,{className:`size-4`}),label:n(`companionSurface.showSummary`),showLabel:!0,onClick:()=>{t?.(!0)}}),(0,P.jsx)($,{icon:(0,P.jsx)(g,{className:`size-4`}),label:n(`companionSurface.notNow`),showLabel:!0,onClick:()=>{t?.(!1)}})]})}function Ye({call:e,assistantName:t,watching:n,watchEnabled:i,picking:a,sharing:c,shareEnabled:l,sharePicking:u,annotating:d,onControl:f,onWatch:p,onTeach:g,onShare:_,onStopShare:v,onAnnotate:y}){let{t:b}=r();if(e===void 0)return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(`span`,{className:`ml-1 max-w-[160px] shrink-0 truncate text-[12px] text-white/85`,children:t===``?b(`companionSurface.calling`):b(`companionSurface.callingNamed`,{name:t})}),(0,P.jsx)(Q,{watching:n,watchEnabled:i,picking:a,onWatch:p,onTeach:g}),(0,P.jsx)(Qe,{onControl:f})]});if(e.approvalRequestId!==``)return(0,P.jsx)($e,{detail:e.detail,requestId:e.approvalRequestId,onControl:f});let x=e.detail||e.label,{muted:S,outputMuted:C}=e;return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(`span`,{className:`ml-1 shrink-0 truncate text-[12px] text-white/85`,style:{width:Re},children:x}),(0,P.jsx)(Q,{watching:n,watchEnabled:i,picking:a,onWatch:p,onTeach:g}),(0,P.jsx)(Xe,{sharing:c,shareEnabled:l,sharePicking:u,onShare:_,onStopShare:v}),(0,P.jsx)(Ze,{sharing:c,annotating:d,onAnnotate:y}),(0,P.jsx)($,{icon:S?(0,P.jsx)(s,{className:`size-4`}):(0,P.jsx)(o,{className:`size-4`}),label:b(S?`companionSurface.unmuteMicrophone`:`companionSurface.muteMicrophone`),onClick:()=>{f?.(S?`unmuteMicrophone`:`muteMicrophone`)}}),(0,P.jsx)($,{icon:C?(0,P.jsx)(m,{className:`size-4`}):(0,P.jsx)(h,{className:`size-4`}),label:b(C?`companionSurface.unmuteAssistant`:`companionSurface.muteAssistant`),onClick:()=>{f?.(C?`unmuteAssistantAudio`:`muteAssistantAudio`)}}),(0,P.jsx)(Qe,{onControl:f})]})}function Xe({sharing:e,shareEnabled:t,sharePicking:n,onShare:i,onStopShare:a}){let{t:o}=r();return!t&&!e?null:(0,P.jsx)($,{icon:(0,P.jsx)(me,{className:`size-4`}),label:o(`companionSurface.share`),pressed:e||n,onClick:e?a:i})}function Ze({sharing:e,annotating:t,onAnnotate:n}){let{t:i}=r();return e?(0,P.jsx)($,{icon:(0,P.jsx)(f,{className:`size-4`}),label:i(`companionSurface.draw`),pressed:t,onClick:()=>{n?.(!t)}}):null}function Qe({onControl:e}){let{t}=r();return(0,P.jsx)($,{icon:(0,P.jsx)(g,{className:`size-4`,strokeWidth:2.5}),label:t(`companionSurface.endSession`),tone:`negative`,onClick:()=>{e?.(`endSession`)}})}function $e({detail:e,requestId:t,onControl:n}){let{t:i}=r();return(0,P.jsxs)(P.Fragment,{children:[e!==``&&(0,P.jsx)(`span`,{className:`ml-1 max-w-[120px] shrink-0 truncate text-[12px] text-white/85`,children:e}),(0,P.jsx)($,{icon:(0,P.jsx)(u,{className:`size-4`}),label:i(`companionSurface.allow`),showLabel:!0,tone:`positive`,onClick:()=>{n?.(`approveRequest`,t)}}),(0,P.jsx)($,{icon:(0,P.jsx)(g,{className:`size-4`}),label:i(`companionSurface.deny`),showLabel:!0,tone:`negative`,onClick:()=>{n?.(`denyRequest`,t)}})]})}function et({onWatch:e}){let{t}=r();return(0,P.jsx)($,{icon:(0,P.jsx)(v,{className:`size-4`}),label:t(`companionSurface.stopTeaching`),onClick:e})}var tt=`-translate-y-[calc(50%+22px)]`;function $({icon:e,label:t,tone:n,showLabel:r=!1,pressed:i,onClick:a}){return(0,P.jsxs)(`button`,{type:`button`,"aria-label":t,"aria-pressed":i,onClick:a,onPointerDown:e=>{e.stopPropagation()},className:`group flex h-7 shrink-0 items-center justify-center gap-1.5 rounded-full px-2 text-[12px] transition-colors hover:bg-white/15 ${i===!0?`bg-white/15`:``} ${n===`negative`?`text-[#ff6b6b]`:n===`positive`?`text-[#5ee08a]`:`text-white/85`}`,children:[e,r?(0,P.jsx)(`span`,{children:t}):(0,P.jsx)(Ue,{label:t,className:`opacity-0 group-hover:opacity-100 ${tt}`,"data-label":`hover`})]})}var nt=3;function rt(){let{t:e}=r(),[t,n]=(0,N.useState)(`right`),[i,a]=(0,N.useState)(`up`),[o,s]=(0,N.useState)(T),[c,l]=(0,N.useState)(T),[u,d]=(0,N.useState)(),[f,p]=(0,N.useState)(),[m,h]=(0,N.useState)(),[g,_]=(0,N.useState)(null),[v,y]=(0,N.useState)(!1),[x,C]=(0,N.useState)(void 0),[ne,E]=(0,N.useState)(``),[se,le]=(0,N.useState)(``),[j,me]=(0,N.useState)(!1),[F,he]=(0,N.useState)(!1),[ge,_e]=(0,N.useState)(void 0),[I,ve]=(0,N.useState)(void 0),[ye,L]=(0,N.useState)(!1),[R,z]=(0,N.useState)(!1),[xe,B]=(0,N.useState)(void 0),[V,H]=(0,N.useState)(!1),[U,Ce]=(0,N.useState)(!1),[W,G]=(0,N.useState)(!1),[K,De]=(0,N.useState)(`teach`),[Oe,ke]=(0,N.useState)(null),q=(0,N.useRef)(0),[Ae,je]=(0,N.useState)(!1),[J,Me]=(0,N.useState)(null),Y=(0,N.useRef)(!1),Ne=(0,N.useRef)(null),Pe=(0,N.useRef)(null),X=(0,N.useRef)(null),Fe=(0,N.useRef)(null),Ie=(0,N.useRef)(null),Le=(0,N.useRef)(null),Z=(0,N.useRef)(null),Re=(0,N.useRef)(null),ze=(0,N.useRef)(!1);(0,N.useEffect)(()=>{let e=e=>{n(e.growth),a(e.cardGrowth),s(e.avatarBox),l(e.optionsBox??e.avatarBox),d(e.avatarBase64===void 0?void 0:`data:image/png;base64,${e.avatarBase64}`),p(e.character),h(e.accentHex),_(e.call),y(e.dialing===!0),le(e.assistantName),me(e.working),he(e.watching===!0),C(e.dictating),E(e.dictationText??``),_e(e.watchRetro),ve(e.dictationOffer),L(e.watchEnabled===!0),z(e.watchTargets===!0),B(e.screenShare),H(e.screenShareEnabled===!0),Ce(e.annotating===!0),Me(e.intro)},t=fe(e);return de().then(t=>{t&&e(t)}),t},[]),(0,N.useEffect)(()=>()=>{oe(!1)},[]);let Ve=g!==null||v,He=xe!==void 0;(0,N.useEffect)(()=>{Ve||(q.current+=1,G(!1))},[Ve]),(0,N.useEffect)(()=>{F&&K===`teach`&&(q.current+=1,G(!1))},[F,K]),(0,N.useEffect)(()=>{He&&K===`share`&&(q.current+=1,G(!1))},[He,K]);let Ue=(e,t)=>{ke(null),De(e),G(!0);let n=++q.current;te().then(e=>{if(n===q.current){if(e!==null){ke(e);return}G(!1),t()}})},We=()=>{if(!R){k();return}if(W&&K===`teach`){q.current+=1,G(!1);return}Ue(`teach`,k)},Ge=()=>{if(W&&K===`share`){q.current+=1,G(!1);return}Ue(`share`,()=>void 0)};(0,N.useEffect)(()=>{!W&&Y.current&&(Y.current=!1,oe(!1))},[W]),(0,N.useEffect)(()=>{I===void 0&&Y.current&&(Y.current=!1,oe(!1))},[I]);let Ke=e=>{if(q.current+=1,G(!1),K===`share`){D(e);return}k(e)},qe=e=>{Y.current!==e&&(Y.current=e,oe(e))},Q=J!==null&&g===null&&!v,Je=(0,N.useRef)(Q);(0,N.useEffect)(()=>{Je.current&&!Q&&(je(!1),qe(!1)),Je.current=Q},[Q]);let Ye=Te(J),Xe=g!==null||v?`call`:x===void 0?I===void 0?F?`watching`:ge===void 0?Ye??(Ae?`hover`:`resting`):`summary`:`offer`:`dictating`,Ze=e=>{if(Z.current!==null&&e.buttons===0&&(Z.current=null),Z.current!==null){let{x:t,y:n}=Z.current;ae(e.screenX-t,e.screenY-n),Z.current={x:e.screenX,y:e.screenY};let r=Re.current;r!==null&&Math.abs(e.screenX-r.x)+Math.abs(e.screenY-r.y)>nt&&(ze.current=!0);return}let t=X.current;if(!t)return;let n=Ne.current?.getBoundingClientRect()??null,r=Pe.current?.getBoundingClientRect()??null,i=n!==null&&n.width>0?n:r!==null&&r.width>0?r:null,a=A({x:e.clientX,y:e.clientY},{avatar:t.getBoundingClientRect(),pill:i}),o=Fe.current,s=o!==null&&pe(o.getBoundingClientRect(),e.clientX,e.clientY),c=Le.current,l=c!==null&&pe(c.getBoundingClientRect(),e.clientX,e.clientY),u=Ie.current,d=u!==null&&pe(u.getBoundingClientRect(),e.clientX,e.clientY);je(a),qe(a||s||d||l)},Qe=M(g,m,f);return(0,P.jsx)(`div`,{className:`relative h-screen w-screen bg-transparent`,onMouseMove:Ze,onMouseUp:()=>{Z.current=null},onPointerCancel:()=>{Z.current=null,je(!1),qe(!1)},onMouseLeave:()=>{Z.current===null&&(je(!1),qe(!1))},children:(0,P.jsx)(Be,{phase:Xe,growth:t,cardGrowth:i,avatarBox:o,optionsBox:c,avatarSrc:u,character:f,hovered:Ae,accentHex:Qe,call:g??void 0,assistantName:se,dictating:x,dictationText:ne,working:j,watching:F,watchRetro:ge,onWatchRetro:S,dictationOffer:I,offer:I===void 0?null:(0,P.jsx)(Se,{offer:I,growth:t,cardGrowth:i,avatarBox:o,optionsBox:c,cardRef:Le,onAnswer:e=>{re(e,I.id)}}),watchEnabled:ye,spotlight:we(J),intro:!Q||J===null?null:(0,P.jsx)(Ee,{beat:J,growth:t,cardGrowth:i,avatarBox:o,optionsBox:c,accentHex:Qe,assistantName:se===``?void 0:se,cardRef:Fe,onAdvance:ee}),rootRef:Ne,restingPillRef:Pe,avatarRef:X,onSurfacePointerDown:e=>{e.button===0&&e.target.closest(`button, a`)===null&&(e.currentTarget.setPointerCapture(e.pointerId),Z.current={x:e.screenX,y:e.screenY},Re.current={x:e.screenX,y:e.screenY},ze.current=!1)},onSurfaceContextMenu:e=>{(window.getSelection()?.toString().trim().length??0)>0||(e.preventDefault(),b())},onAvatarClick:()=>{if(!ze.current){if(g!==null||v){O();return}ce()}},onWatch:()=>{k()},onTeach:We,picking:W&&K===`teach`,sharing:He,shareEnabled:V,sharePicking:W&&K===`share`,onShare:Ge,onStopShare:()=>{D()},annotating:U,onAnnotate:e=>{ie(e)},picker:W?(0,P.jsx)(be,{sources:Oe,captureThumbnail:w,cardGrowth:i,avatarBox:o,optionsBox:c,cardRef:Ie,label:K===`share`?e(`companionSurface.sharePicker`):void 0,onPick:Ke}):null,onControl:(e,t)=>{ue(t===void 0?{action:e}:{action:e,requestId:t})}})})}export{rt as CompanionSurfacePage};
|
|
1
|
+
import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{f as t,g as n,j as r}from"./vendor-CCI2T82b.js";import{b as i,t as a}from"./react-DPM_L_aA.js";import{Ft as o,It as s,Kn as c,Si as l,Vr as u,Y as d,_t as f,bi as p,d as m,f as h,i as g,jt as _,qn as v,ui as y}from"./icons-B-6TfGtd.js";import{$o as b,Cy as x,Go as S,Gr as C,Ho as ee,Jo as te,Ko as w,Nl as T,Ny as ne,Pl as E,Qo as D,Vo as O,Wo as re,Xo as ie,Yo as ae,Zo as oe,en as se,es as ce,hi as le,ns as k,ps as ue,qo as de,ts as fe}from"./index-BHBLeC80.js";import{n as pe,r as A,t as j}from"./companion-layout-Bv3xdQBy.js";import{n as M}from"./companion-accent-DwBPqfnb.js";var me=l(`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`}]]),N=e(i(),1),P=a(),F=460,he=3,ge=88,_e=3,I=[`screens`,`tabs`,`windows`],ve=(e,t)=>t===`screens`?e.displays.length:t===`tabs`?e.tabs.length:e.windows.length,ye=e=>I.find(t=>ve(e,t)>0)??`screens`,L=e=>e.kind===`display`?`display-${e.displayId}`:`window-${e.windowId}`;function be({sources:e,captureThumbnail:t,cardGrowth:n=`up`,avatarBox:i=T,optionsBox:a=T,cardRef:o,label:s,onPick:c}){let{t:l}=r(),{inUnits:u,lineAt:d,introStepOff:f}=j(i,a),p=u(f(n)),m={left:`50%`,top:d(n,0),transform:n===`up`?`translate(-50%, calc(-100% - ${p}px))`:`translate(-50%, ${p}px)`},h=e===null?[]:I.filter(t=>ve(e,t)>0),g=e!==null&&h.length===0,[v,y]=(0,N.useState)(null),b=e===null?`screens`:v!==null&&h.includes(v)?v:ye(e),S=(0,N.useMemo)(()=>e===null?[]:b===`screens`?e.displays.map(e=>{let t={kind:`display`,displayId:e.displayId};return{key:L(t),target:t}}):b===`windows`?e.windows.map(e=>{let t={kind:`window`,windowId:e.windowId};return{key:L(t),target:t}}):[],[b,e]),[C,ee]=(0,N.useState)(new Map),te=(0,N.useRef)(new Set),w=(0,N.useRef)(0),E=(0,N.useRef)(!1);(0,N.useEffect)(()=>(E.current=!0,()=>{E.current=!1}),[]),(0,N.useEffect)(()=>{te.current=new Set,w.current+=1,ee(new Map),y(null)},[e]);let D=(0,N.useRef)(null);(0,N.useEffect)(()=>{D.current!==null&&(D.current.scrollTop=0)},[b]),(0,N.useEffect)(()=>{if(t!==void 0)for(let{key:e,target:n}of S){if(te.current.has(e))continue;te.current.add(e);let r=w.current,i=t=>{!E.current||r!==w.current||ee(n=>new Map(n).set(e,t))};t(n).then(i,()=>{i(null)})}},[t,S]);let O=e=>t===void 0?null:C.get(e),re=e=>l(e===`screens`?`companionSurface.captureScreens`:e===`tabs`?`companionSurface.captureTabs`:`companionSurface.captureWindows`);return(0,P.jsxs)(`div`,{ref:o,role:`group`,"aria-label":s??l(`companionSurface.capturePicker`),"data-companion-capture-picker":!0,"data-theme":`dark`,className:`absolute flex flex-col rounded-2xl border border-white/10 bg-[#17181b]/95 p-1.5 shadow-lg shadow-black/40`,style:{width:F,...m},onPointerDown:e=>{e.stopPropagation()},children:[h.length>1&&(0,P.jsx)(x,{className:`mx-auto mb-1.5 w-auto shrink-0`,items:h.map(e=>({value:e,label:re(e)})),value:b,ariaLabel:l(`companionSurface.captureKind`),onChange:y}),(0,P.jsx)(ne,{ref:D,className:`max-h-48 flex-col px-0.5`,size:24,fadeEdges:`end`,hideScrollBar:!0,children:(0,P.jsxs)(`div`,{className:`flex flex-col`,"data-slot":`capture-sources`,children:[e===null&&(0,P.jsx)(V,{}),e!==null&&b===`screens`&&(0,P.jsx)(R,{children:e.displays.map(e=>{let t=l(`companionSurface.captureScreen`,{n:e.index+1}),n=L({kind:`display`,displayId:e.displayId});return(0,P.jsx)(z,{title:t,ariaLabel:t,answer:O(n),fallback:(0,P.jsx)(_,{className:`size-5 text-white/40`,"aria-hidden":!0}),onClick:()=>{c?.({kind:`display`,displayId:e.displayId})}},n)})}),e!==null&&b===`windows`&&(0,P.jsx)(R,{children:e.windows.map(e=>{let t=L({kind:`window`,windowId:e.windowId}),n=e.title===``?e.app:e.title;return(0,P.jsx)(z,{title:n,ariaLabel:e.title===``?n:`${n} (${e.app})`,answer:O(t),fallback:(0,P.jsx)(B,{icon:e.icon,large:!0}),icon:(0,P.jsx)(B,{icon:e.icon}),onClick:()=>{c?.({kind:`window`,windowId:e.windowId})}},t)})}),e!==null&&b===`tabs`&&(0,P.jsx)(`div`,{className:`flex flex-col`,children:e.tabs.map(e=>(0,P.jsx)(xe,{icon:(0,P.jsx)(B,{icon:e.icon}),title:e.title,onClick:()=>{c?.({kind:`tab`,chromeWindowId:e.chromeWindowId,tabIndex:e.tabIndex})}},`tab-${e.chromeWindowId}-${e.tabIndex}`))}),g&&(0,P.jsx)(`span`,{className:`px-2 py-3 text-[12px] text-white/50`,children:l(`companionSurface.captureNothing`)})]})})]})}function R({children:e}){return(0,P.jsx)(`div`,{className:`grid gap-1.5 py-0.5`,style:{gridTemplateColumns:`repeat(${he}, minmax(0, 1fr))`},children:e})}function z({title:e,ariaLabel:t,answer:n,fallback:r,icon:i,onClick:a}){return(0,P.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,P.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:ge},children:n==null?r:(0,P.jsx)(`img`,{src:n,alt:``,draggable:!1,className:`max-h-full max-w-full object-contain`})}),(0,P.jsxs)(`span`,{className:`flex min-w-0 items-center gap-1`,children:[i,(0,P.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-[11px] text-white/75 group-hover:text-white/90`,children:e})]})]})}function xe({icon:e,title:t,onClick:n}){return(0,P.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,P.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:t})]})}function B({icon:e,large:t=!1}){return(0,P.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,P.jsx)(p,{className:t?`size-5 text-white/40`:`size-3 text-white/70`,"aria-hidden":!0}):(0,P.jsx)(`img`,{src:e,alt:``,className:`size-full`,draggable:!1})})}function V(){return(0,P.jsx)(R,{children:Array.from({length:_e},(e,t)=>(0,P.jsxs)(`div`,{className:`flex flex-col gap-1 p-1`,"aria-hidden":!0,children:[(0,P.jsx)(`span`,{className:`animate-pulse rounded-md bg-white/10`,style:{height:ge}}),(0,P.jsx)(`span`,{className:`h-2 animate-pulse rounded-full bg-white/10`,style:{width:t===0?`70%`:`45%`}})]},t))})}var H=260;function Se({offer:e,growth:t=`right`,cardGrowth:n=`up`,avatarBox:i=T,optionsBox:a=T,cardRef:o,onAnswer:s}){let{t:c}=r(),l=e.reason===`claimed`?c(`companionSurface.offerVersion`):c(`companionSurface.offerNowhere`),{inUnits:u,avatarHalf:d,lineAt:f,edgeAt:p,introStepOff:m}=j(i,a),h=u(m(n)),g=p(t,-d),_={top:f(n,0),transform:n===`up`?`translateY(calc(-100% - ${h}px))`:`translateY(${h}px)`};return(0,P.jsxs)(`div`,{ref:o,role:`group`,"aria-label":l,"data-companion-dictation-offer":!0,className:`absolute flex flex-col gap-2 rounded-2xl border border-white/10 bg-[#17181b]/95 px-3.5 py-3 shadow-lg shadow-black/40`,style:{width:H,...g,..._},onPointerDown:e=>{e.stopPropagation()},children:[(0,P.jsx)(`p`,{className:`text-[11px] font-medium tracking-wide text-white/45 uppercase select-none`,children:l}),(0,P.jsx)(ne,{className:`max-h-40 flex-col`,size:20,fadeEdges:`end`,hideScrollBar:!0,children:(0,P.jsx)(`p`,{dir:`auto`,className:`text-[13px] leading-[1.45] text-white/90`,children:e.text})}),(0,P.jsxs)(`div`,{className:`flex flex-wrap items-center justify-end gap-1 pt-0.5`,children:[(0,P.jsx)(`button`,{type:`button`,className:`h-7 rounded-full px-2.5 text-[12px] text-white/55 transition-colors hover:bg-white/10 hover:text-white/80`,onClick:()=>s?.(`dismiss`),children:e.reason===`claimed`?c(`companionSurface.notNow`):c(`companionSurface.offerDiscard`)}),e.reason===`claimed`?(0,P.jsx)(`button`,{type:`button`,className:`h-7 rounded-full px-2.5 text-[12px] text-white/70 transition-colors hover:bg-white/10 hover:text-white`,onClick:()=>s?.(`quit`),children:c(`companionSurface.offerQuit`,{app:e.app})}):null,(0,P.jsx)(`button`,{type:`button`,className:`h-7 rounded-full bg-white/15 px-3 text-[12px] text-white transition-colors hover:bg-white/25`,onClick:()=>s?.(e.reason===`claimed`?`use`:`copy`),children:e.reason===`claimed`?c(`companionSurface.offerUse`):c(`companionSurface.offerCopy`)})]})]})}var U=244,Ce={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`}},we=e=>e===`talk`?e:void 0,Te=e=>e===null||e===`meet`?null:`hover`;function Ee({beat:e,growth:t=`right`,cardGrowth:n=`up`,avatarBox:i=T,optionsBox:a=T,accentHex:o,assistantName:s,cardRef:c,onAdvance:l}){let{t:u}=r(),d=E.indexOf(e),f=d===E.length-1,p=Ce[e],{inUnits:m,avatarHalf:h,lineAt:g,edgeAt:_,introStepOff:v}=j(i,a),y=m(v(n)),b=_(t,-h),x={top:g(n,0),transform:n===`up`?`translateY(calc(-100% - ${y}px))`:`translateY(${y}px)`};return(0,P.jsxs)(`div`,{ref:c,role:`group`,"aria-label":u(`companionIntro.ariaLabel`),className:`absolute flex flex-col gap-2 rounded-2xl border border-white/10 bg-[#17181b]/95 px-3.5 py-3 shadow-lg shadow-black/40`,style:{width:U,...b,...x},onPointerDown:e=>{e.stopPropagation()},children:[(0,P.jsx)(`p`,{className:`line-clamp-2 text-[13px] leading-tight font-medium text-white`,children:e===`meet`&&s!==void 0?u(`companionIntro.meet.titleNamed`,{name:s}):u(p.title)}),(0,P.jsx)(`p`,{className:`text-[12px] leading-[1.45] text-white/70`,children:u(p.body)}),(0,P.jsxs)(`div`,{className:`flex items-center justify-between pt-0.5`,children:[(0,P.jsx)(`div`,{className:`flex items-center gap-1`,"aria-hidden":!0,children:E.map((e,t)=>(0,P.jsx)(`span`,{className:`size-1.5 rounded-full transition-colors`,style:{backgroundColor:t===d?o??`#5eead4`:`rgba(255,255,255,.2)`}},e))}),(0,P.jsxs)(`div`,{className:`flex items-center gap-1`,children:[!f&&(0,P.jsx)(`button`,{type:`button`,className:`h-7 rounded-full px-2.5 text-[12px] text-white/55 transition-colors hover:bg-white/10 hover:text-white/80`,onClick:()=>l?.(`dismiss`),children:u(`companionIntro.skip`)}),(0,P.jsx)(`button`,{type:`button`,className:`h-7 rounded-full bg-white/15 px-3 text-[12px] text-white transition-colors hover:bg-white/25`,onClick:()=>l?.(`next`),children:u(f?`companionIntro.done`:`companionIntro.next`)})]})]})]})}var W={min:3,max:10},G=(e=Math.random)=>{let t=e();return t<1/3?`top`:t<2/3?`topLeft`:`topRight`},K=1600,De=.22,Oe=.04,ke=4,q=(e,t)=>{let n=Math.min(.95,Math.max(.25,e.eyeCenterFrac+e.eyeHalfFrac+Oe)),r=Math.min(t,24,14/n),i=r*n;return{size:r,exposed:i,clip:{width:r+2*ke,height:i+ke},rest:i+2}},Ae=(e,t=Math.random)=>(e.min+t()*(e.max-e.min))*1e3;function je(e,t=W){let[n,r]=(0,N.useState)(0),{min:i,max:a}=t;return(0,N.useEffect)(()=>{if(!e)return;let t,n=()=>{t=setTimeout(()=>{r(e=>e+1),n()},Ae({min:i,max:a}))};return n(),()=>{clearTimeout(t)}},[e,i,a]),n}var J=(e,t,n={width:0,height:0})=>{let r=e===`topLeft`?n.width/4:e===`topRight`?n.width*3/4:n.width/2;return{slot:{width:t.width,height:t.height,bottom:`100%`,left:r-t.width/2}}};function Me({character:e,capsule:r,enabled:i,held:a=!1,edge:o,interval:s=W,className:c,style:l}){let u=t(),d=(0,N.useMemo)(()=>se(le,e),[e]),f=je(i&&!a&&!u&&d!==null,s),[p,m]=(0,N.useState)(!1),[h,g]=(0,N.useState)(`top`);if((0,N.useEffect)(()=>{if(f===0)return;g(G()),m(!0);let e=setTimeout(()=>{m(!1)},K);return()=>{clearTimeout(e)}},[f]),d===null||u)return null;let _=q(d,r.width),v=a||p,y=o??h,b=J(y,_.clip,r);return(0,P.jsx)(`div`,{className:`companion-peek ${c??``}`,style:{width:r.width,height:r.height,...l},"data-risen":v,"data-edge":y,"aria-hidden":!0,children:(0,P.jsx)(`div`,{className:`absolute`,style:b.slot,children:(0,P.jsx)(`div`,{className:`absolute inset-0 overflow-hidden`,children:(0,P.jsx)(n.div,{className:`absolute left-1/2`,style:{width:_.size,height:_.size,marginLeft:-_.size/2,top:_.clip.height-_.exposed},initial:{y:_.rest},animate:{y:v?0:_.rest},transition:a?{duration:0}:v?{type:`spring`,stiffness:280,damping:14}:{duration:De,ease:`easeIn`},children:(0,P.jsx)(C,{components:le,traits:e,size:_.size})})})})})}var Y=`#5eead4`,Ne=new Set([`transcribing`,`thinking`,`speaking`]),Pe=28,X={idle:{width:64,height:14},closing:Pe,rim:2,bloom:4},Fe=X.idle,Ie=(e,t,n)=>[`inset 0 0 0 ${t}px color-mix(in srgb, ${e} 78%, transparent)`,`0 0 ${n}px color-mix(in srgb, ${e} 85%, transparent)`,`0 0 ${n*4}px color-mix(in srgb, ${e} 42%, transparent)`,`0 8px 24px rgba(0, 0, 0, 0.45)`].join(`, `),Le=244,Z=200,Re=120,ze={watching:40,summary:220,dictating:Le+32,offer:Z+32,call:4+Re+180};function Be({phase:e,assistantName:n=``,accentHex:i=Y,avatarSrc:a,character:o,hovered:s=!1,growth:c=`right`,avatarBox:l=T,optionsBox:u=T,cardGrowth:d=`up`,rootRef:f,restingPillRef:p,avatarRef:m,onSurfacePointerDown:h,onSurfaceContextMenu:g,spotlight:_,onWatch:v,onTeach:y,picking:b=!1,sharing:x=!1,shareEnabled:S=!1,sharePicking:C=!1,onShare:ee,onStopShare:te,annotating:w=!1,onAnnotate:ne,onAvatarClick:E,working:D=!1,watching:O=!1,watchRetro:re,onWatchRetro:ie,dictationOffer:ae,offer:oe,watchEnabled:se=!1,dictating:ce,dictationText:le=``,call:k,onControl:ue,intro:de,picker:fe}){let{t:pe}=r(),A=e!==`resting`,M=e===`call`||e===`dictating`||e===`offer`||e===`summary`||e===`watching`,[me,F]=(0,N.useState)(!1);(0,N.useEffect)(()=>{if(e!==`hover`){F(!1);return}let t=setTimeout(()=>{F(!0)},500);return()=>{clearTimeout(t)}},[e]);let he=_===`talk`||e===`hover`&&me,ge=re===`pending`,_e=D||k!==void 0&&Ne.has(k.phase),I=t(),ve=(0,N.useRef)(null),[ye,L]=(0,N.useState)(null);(0,N.useLayoutEffect)(()=>{let e=ve.current;if(!e)return;let t=()=>{L(e.scrollWidth)};t();let n=new ResizeObserver(t);return n.observe(e),()=>{n.disconnect()}},[e]);let{scale:be,avatarRel:R,avatarHalf:z,baseline:xe,gap:B,inUnits:V,lineAt:H,edgeAt:Se}=j(l,u),U=e===`call`,Ce=M?(ye??ze[e])+16:0,we=Se(c,z+B),Te=l/T,Ee=A?{width:X.closing*Te,height:X.closing*Te}:X.idle,W=de!=null,G=U?{width:Ce,left:`50%`,top:H(d,0),transform:`translate(-50%, -50%)`,transitionTimingFunction:`cubic-bezier(.2,.8,.2,1)`}:{width:Ce,...we,top:H(d,xe),transform:`translateY(-100%)`,transitionTimingFunction:`cubic-bezier(.2,.8,.2,1)`},K=U?`calc(50% - ${Ce/2+V(z+B)}px)`:`50%`;return(0,P.jsxs)(`div`,{className:`absolute top-0 left-0 origin-top-left`,style:{width:`${100/be}%`,height:`${100/be}%`,transform:`scale(${be})`},children:[(0,P.jsxs)(`div`,{className:`absolute flex h-11 cursor-grab items-center rounded-full transition-[width] duration-300 select-none will-change-[width] active:cursor-grabbing ${!U&&c===`left`?`justify-end`:``}`,style:G,onPointerDown:h,onContextMenu:g,ref:f,children:[(0,P.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:+!!M},"aria-hidden":!0}),U&&(0,P.jsx)(`span`,{className:`companion-working-ring pointer-events-none absolute -inset-0.5 rounded-full transition-opacity duration-200`,style:{opacity:+!!M,"--companion-ring-accent":i},"aria-hidden":!0}),(0,P.jsx)(`div`,{className:`relative flex h-11 shrink-0 items-center`,style:{paddingInline:8},children:(0,P.jsx)(`div`,{className:`flex min-w-0 items-center gap-1 overflow-hidden transition-opacity duration-200`,ref:ve,inert:!M,style:{opacity:+!!M,transitionDelay:M?`120ms`:`0ms`},children:e===`call`?(0,P.jsx)(Ye,{call:k,assistantName:n,watching:O,watchEnabled:se,picking:b,sharing:x,shareEnabled:S,sharePicking:C,annotating:w,onControl:ue,onWatch:v,onTeach:y,onShare:ee,onStopShare:te,onAnnotate:ne}):e===`dictating`&&ce!==void 0?(0,P.jsx)(Ge,{dictating:ce,dictationText:le}):e===`summary`&&re!==void 0?(0,P.jsx)(Je,{retro:re,onWatchRetro:ie}):e===`offer`&&ae!==void 0?(0,P.jsx)(Ke,{offer:ae}):(0,P.jsx)(qe,{watching:O,onWatch:v})})})]}),(0,P.jsx)(`div`,{className:`absolute cursor-grab active:cursor-grabbing`,style:{width:V(X.idle.width),height:V(X.idle.height),pointerEvents:A?`none`:void 0,left:`50%`,top:H(d,0),transform:`translate(-50%, -50%)`},onPointerDown:h,onContextMenu:g,ref:p,"aria-hidden":!0,children:(0,P.jsx)(`div`,{className:`absolute top-1/2 left-1/2 rounded-full transition-[width,height,opacity] duration-300`,style:{width:V(Ee.width),height:V(Ee.height),transform:`translate(-50%, -50%)`,transitionTimingFunction:`cubic-bezier(.2,.8,.2,1)`,transitionProperty:I?`opacity`:void 0,boxShadow:Ie(i,V(X.rim),V(X.bloom)),opacity:+!A}})}),(0,P.jsx)(Ue,{className:he?`opacity-100`:`opacity-0`,"data-companion-name":he?`shown`:`hidden`,style:{left:`50%`,top:H(d,0),transform:`translate(-50%, calc(-100% - ${V(z)}px - 4px))`},label:pe(`companionSurface.talk`)}),(0,P.jsx)(We,{label:pe(e===`call`?`companionSurface.openVellum`:`companionSurface.talk`),accentHex:i,avatarSrc:a,character:o,attentive:s,busy:_e||O||ge,collapsed:!A&&!W,restingScale:T/l,style:{left:K,top:H(d,0),transform:`translate(-50%, -50%)${R===1?``:` scale(${R})`}`,transition:I?void 0:`left 300ms cubic-bezier(.2,.8,.2,1)`},elementRef:m,onPointerDown:h,onContextMenu:g,onClick:E}),de,fe,oe]})}var Ve=`rgba(28, 28, 30, 0.55)`,He=`backdrop-blur-md backdrop-saturate-150`;function Ue({className:e,style:t,label:n,...r}){return(0,P.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 ${He} ${e}`,style:{...t,backgroundColor:Ve},"aria-hidden":!0,...r,children:[n,(0,P.jsx)(`span`,{className:`absolute top-full left-1/2 h-1.5 w-2.5 -translate-x-1/2 ${He}`,style:{backgroundColor:Ve,clipPath:`polygon(0 0, 100% 0, 50% 100%)`},"aria-hidden":!0})]})}function We({accentHex:e,avatarSrc:n,character:r,busy:i=!1,attentive:a=!1,collapsed:o=!1,restingScale:s=1,label:c,style:l,elementRef:u,onPointerDown:d,onContextMenu:f,onClick:p}){let m=t();return(0,P.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,P.jsx)(Me,{character:r,capsule:Fe,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,P.jsx)(`div`,{className:`transition-[opacity,transform] duration-300`,style:{opacity:+!o,transform:o?`scale(0.35)`:`scale(1)`,transitionTimingFunction:`cubic-bezier(.2,.8,.2,1)`,transitionProperty:m?`opacity`:void 0},children:(0,P.jsx)(`div`,{className:`companion-avatar-bob relative grid place-items-center`,style:{animation:m?`none`:void 0},children:r===void 0?n===void 0?(0,P.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,P.jsx)(`img`,{src:n,alt:``,draggable:!1,className:`relative size-7 rounded-full object-contain drop-shadow-[0_1px_3px_rgba(0,0,0,0.55)] [-webkit-user-drag:none]`}):(0,P.jsx)(`div`,{className:`relative drop-shadow-[0_1px_3px_rgba(0,0,0,0.55)]`,children:(0,P.jsx)(C,{components:le,traits:r,size:Pe,isAssistantBusy:i,attentive:a})})})})]})}function Ge({dictating:e,dictationText:t}){let{t:n}=r(),i=t.trim();return(0,P.jsxs)(`div`,{className:`flex h-7 shrink-0 items-center gap-2 px-1`,children:[(0,P.jsx)(y,{className:`size-4 shrink-0`,"aria-hidden":!0}),i?(0,P.jsx)(`span`,{dir:`auto`,className:`flex justify-end overflow-hidden text-[12px] whitespace-nowrap text-white/85`,style:{width:Le},children:(0,P.jsx)(`span`,{className:`shrink-0`,children:i})}):(0,P.jsx)(`span`,{className:`truncate text-[12px] text-white/85`,style:{width:Le},children:n(e===`listening`?`companionSurface.dictating`:`companionSurface.dictatingTranscribing`)})]})}function Ke({offer:e}){let{t}=r();return(0,P.jsxs)(`div`,{className:`flex h-7 shrink-0 items-center gap-2 px-1`,children:[(0,P.jsx)(y,{className:`size-4 shrink-0`,"aria-hidden":!0}),(0,P.jsx)(`span`,{className:`truncate text-[12px] text-white/85`,style:{width:Z},children:e.reason===`claimed`?t(`companionSurface.offerHeard`,{app:e.app}):t(`companionSurface.offerNowhere`)})]})}function qe({watching:e=!1,onWatch:t}){return(0,P.jsx)(P.Fragment,{children:e&&(0,P.jsx)(et,{onWatch:t})})}function Q({watching:e,watchEnabled:t,picking:n,onWatch:i,onTeach:a}){let{t:o}=r();return t?(0,P.jsx)($,{icon:(0,P.jsx)(c,{className:`size-4`}),label:o(`companionSurface.teach`),pressed:e||n,onClick:e?i:a??i}):e?(0,P.jsx)(et,{onWatch:i}):null}function Je({retro:e,onWatchRetro:t}){let{t:n}=r();return e===`pending`?(0,P.jsx)(`span`,{className:`ml-1 shrink-0 text-[12px] text-white/85`,children:n(`companionSurface.summarizing`)}):(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)($,{icon:(0,P.jsx)(d,{className:`size-4`}),label:n(`companionSurface.showSummary`),showLabel:!0,onClick:()=>{t?.(!0)}}),(0,P.jsx)($,{icon:(0,P.jsx)(g,{className:`size-4`}),label:n(`companionSurface.notNow`),showLabel:!0,onClick:()=>{t?.(!1)}})]})}function Ye({call:e,assistantName:t,watching:n,watchEnabled:i,picking:a,sharing:c,shareEnabled:l,sharePicking:u,annotating:d,onControl:f,onWatch:p,onTeach:g,onShare:_,onStopShare:v,onAnnotate:y}){let{t:b}=r();if(e===void 0)return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(`span`,{className:`ml-1 max-w-[160px] shrink-0 truncate text-[12px] text-white/85`,children:t===``?b(`companionSurface.calling`):b(`companionSurface.callingNamed`,{name:t})}),(0,P.jsx)(Q,{watching:n,watchEnabled:i,picking:a,onWatch:p,onTeach:g}),(0,P.jsx)(Qe,{onControl:f})]});if(e.approvalRequestId!==``)return(0,P.jsx)($e,{detail:e.detail,requestId:e.approvalRequestId,onControl:f});let x=e.detail||e.label,{muted:S,outputMuted:C}=e;return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(`span`,{className:`ml-1 shrink-0 truncate text-[12px] text-white/85`,style:{width:Re},children:x}),(0,P.jsx)(Q,{watching:n,watchEnabled:i,picking:a,onWatch:p,onTeach:g}),(0,P.jsx)(Xe,{sharing:c,shareEnabled:l,sharePicking:u,onShare:_,onStopShare:v}),(0,P.jsx)(Ze,{sharing:c,annotating:d,onAnnotate:y}),(0,P.jsx)($,{icon:S?(0,P.jsx)(s,{className:`size-4`}):(0,P.jsx)(o,{className:`size-4`}),label:b(S?`companionSurface.unmuteMicrophone`:`companionSurface.muteMicrophone`),onClick:()=>{f?.(S?`unmuteMicrophone`:`muteMicrophone`)}}),(0,P.jsx)($,{icon:C?(0,P.jsx)(m,{className:`size-4`}):(0,P.jsx)(h,{className:`size-4`}),label:b(C?`companionSurface.unmuteAssistant`:`companionSurface.muteAssistant`),onClick:()=>{f?.(C?`unmuteAssistantAudio`:`muteAssistantAudio`)}}),(0,P.jsx)(Qe,{onControl:f})]})}function Xe({sharing:e,shareEnabled:t,sharePicking:n,onShare:i,onStopShare:a}){let{t:o}=r();return!t&&!e?null:(0,P.jsx)($,{icon:(0,P.jsx)(me,{className:`size-4`}),label:o(`companionSurface.share`),pressed:e||n,onClick:e?a:i})}function Ze({sharing:e,annotating:t,onAnnotate:n}){let{t:i}=r();return e?(0,P.jsx)($,{icon:(0,P.jsx)(f,{className:`size-4`}),label:i(`companionSurface.draw`),pressed:t,onClick:()=>{n?.(!t)}}):null}function Qe({onControl:e}){let{t}=r();return(0,P.jsx)($,{icon:(0,P.jsx)(g,{className:`size-4`,strokeWidth:2.5}),label:t(`companionSurface.endSession`),tone:`negative`,onClick:()=>{e?.(`endSession`)}})}function $e({detail:e,requestId:t,onControl:n}){let{t:i}=r();return(0,P.jsxs)(P.Fragment,{children:[e!==``&&(0,P.jsx)(`span`,{className:`ml-1 max-w-[120px] shrink-0 truncate text-[12px] text-white/85`,children:e}),(0,P.jsx)($,{icon:(0,P.jsx)(u,{className:`size-4`}),label:i(`companionSurface.allow`),showLabel:!0,tone:`positive`,onClick:()=>{n?.(`approveRequest`,t)}}),(0,P.jsx)($,{icon:(0,P.jsx)(g,{className:`size-4`}),label:i(`companionSurface.deny`),showLabel:!0,tone:`negative`,onClick:()=>{n?.(`denyRequest`,t)}})]})}function et({onWatch:e}){let{t}=r();return(0,P.jsx)($,{icon:(0,P.jsx)(v,{className:`size-4`}),label:t(`companionSurface.stopTeaching`),onClick:e})}var tt=`-translate-y-[calc(50%+22px)]`;function $({icon:e,label:t,tone:n,showLabel:r=!1,pressed:i,onClick:a}){return(0,P.jsxs)(`button`,{type:`button`,"aria-label":t,"aria-pressed":i,onClick:a,onPointerDown:e=>{e.stopPropagation()},className:`group flex h-7 shrink-0 items-center justify-center gap-1.5 rounded-full px-2 text-[12px] transition-colors hover:bg-white/15 ${i===!0?`bg-white/15`:``} ${n===`negative`?`text-[#ff6b6b]`:n===`positive`?`text-[#5ee08a]`:`text-white/85`}`,children:[e,r?(0,P.jsx)(`span`,{children:t}):(0,P.jsx)(Ue,{label:t,className:`opacity-0 group-hover:opacity-100 ${tt}`,"data-label":`hover`})]})}var nt=3;function rt(){let{t:e}=r(),[t,n]=(0,N.useState)(`right`),[i,a]=(0,N.useState)(`up`),[o,s]=(0,N.useState)(T),[c,l]=(0,N.useState)(T),[u,d]=(0,N.useState)(),[f,p]=(0,N.useState)(),[m,h]=(0,N.useState)(),[g,_]=(0,N.useState)(null),[v,y]=(0,N.useState)(!1),[x,C]=(0,N.useState)(void 0),[ne,E]=(0,N.useState)(``),[se,le]=(0,N.useState)(``),[j,me]=(0,N.useState)(!1),[F,he]=(0,N.useState)(!1),[ge,_e]=(0,N.useState)(void 0),[I,ve]=(0,N.useState)(void 0),[ye,L]=(0,N.useState)(!1),[R,z]=(0,N.useState)(!1),[xe,B]=(0,N.useState)(void 0),[V,H]=(0,N.useState)(!1),[U,Ce]=(0,N.useState)(!1),[W,G]=(0,N.useState)(!1),[K,De]=(0,N.useState)(`teach`),[Oe,ke]=(0,N.useState)(null),q=(0,N.useRef)(0),[Ae,je]=(0,N.useState)(!1),[J,Me]=(0,N.useState)(null),Y=(0,N.useRef)(!1),Ne=(0,N.useRef)(null),Pe=(0,N.useRef)(null),X=(0,N.useRef)(null),Fe=(0,N.useRef)(null),Ie=(0,N.useRef)(null),Le=(0,N.useRef)(null),Z=(0,N.useRef)(null),Re=(0,N.useRef)(null),ze=(0,N.useRef)(!1);(0,N.useEffect)(()=>{let e=e=>{n(e.growth),a(e.cardGrowth),s(e.avatarBox),l(e.optionsBox??e.avatarBox),d(e.avatarBase64===void 0?void 0:`data:image/png;base64,${e.avatarBase64}`),p(e.character),h(e.accentHex),_(e.call),y(e.dialing===!0),le(e.assistantName),me(e.working),he(e.watching===!0),C(e.dictating),E(e.dictationText??``),_e(e.watchRetro),ve(e.dictationOffer),L(e.watchEnabled===!0),z(e.watchTargets===!0),B(e.screenShare),H(e.screenShareEnabled===!0),Ce(e.annotating===!0),Me(e.intro)},t=fe(e);return de().then(t=>{t&&e(t)}),t},[]),(0,N.useEffect)(()=>()=>{oe(!1)},[]);let Ve=g!==null||v,He=xe!==void 0;(0,N.useEffect)(()=>{Ve||(q.current+=1,G(!1))},[Ve]),(0,N.useEffect)(()=>{F&&K===`teach`&&(q.current+=1,G(!1))},[F,K]),(0,N.useEffect)(()=>{He&&K===`share`&&(q.current+=1,G(!1))},[He,K]);let Ue=(e,t)=>{ke(null),De(e),G(!0);let n=++q.current;te().then(e=>{if(n===q.current){if(e!==null){ke(e);return}G(!1),t()}})},We=()=>{if(!R){k();return}if(W&&K===`teach`){q.current+=1,G(!1);return}Ue(`teach`,k)},Ge=()=>{if(W&&K===`share`){q.current+=1,G(!1);return}Ue(`share`,()=>void 0)};(0,N.useEffect)(()=>{!W&&Y.current&&(Y.current=!1,oe(!1))},[W]),(0,N.useEffect)(()=>{I===void 0&&Y.current&&(Y.current=!1,oe(!1))},[I]);let Ke=e=>{if(q.current+=1,G(!1),K===`share`){D(e);return}k(e)},qe=e=>{Y.current!==e&&(Y.current=e,oe(e))},Q=J!==null&&g===null&&!v,Je=(0,N.useRef)(Q);(0,N.useEffect)(()=>{Je.current&&!Q&&(je(!1),qe(!1)),Je.current=Q},[Q]);let Ye=Te(J),Xe=g!==null||v?`call`:x===void 0?I===void 0?F?`watching`:ge===void 0?Ye??(Ae?`hover`:`resting`):`summary`:`offer`:`dictating`,Ze=e=>{if(Z.current!==null&&e.buttons===0&&(Z.current=null),Z.current!==null){let{x:t,y:n}=Z.current;ae(e.screenX-t,e.screenY-n),Z.current={x:e.screenX,y:e.screenY};let r=Re.current;r!==null&&Math.abs(e.screenX-r.x)+Math.abs(e.screenY-r.y)>nt&&(ze.current=!0);return}let t=X.current;if(!t)return;let n=Ne.current?.getBoundingClientRect()??null,r=Pe.current?.getBoundingClientRect()??null,i=n!==null&&n.width>0?n:r!==null&&r.width>0?r:null,a=A({x:e.clientX,y:e.clientY},{avatar:t.getBoundingClientRect(),pill:i}),o=Fe.current,s=o!==null&&pe(o.getBoundingClientRect(),e.clientX,e.clientY),c=Le.current,l=c!==null&&pe(c.getBoundingClientRect(),e.clientX,e.clientY),u=Ie.current,d=u!==null&&pe(u.getBoundingClientRect(),e.clientX,e.clientY);je(a),qe(a||s||d||l)},Qe=M(g,m,f);return(0,P.jsx)(`div`,{className:`relative h-screen w-screen bg-transparent`,onMouseMove:Ze,onMouseUp:()=>{Z.current=null},onPointerCancel:()=>{Z.current=null,je(!1),qe(!1)},onMouseLeave:()=>{Z.current===null&&(je(!1),qe(!1))},children:(0,P.jsx)(Be,{phase:Xe,growth:t,cardGrowth:i,avatarBox:o,optionsBox:c,avatarSrc:u,character:f,hovered:Ae,accentHex:Qe,call:g??void 0,assistantName:se,dictating:x,dictationText:ne,working:j,watching:F,watchRetro:ge,onWatchRetro:S,dictationOffer:I,offer:I===void 0?null:(0,P.jsx)(Se,{offer:I,growth:t,cardGrowth:i,avatarBox:o,optionsBox:c,cardRef:Le,onAnswer:e=>{re(e,I.id)}}),watchEnabled:ye,spotlight:we(J),intro:!Q||J===null?null:(0,P.jsx)(Ee,{beat:J,growth:t,cardGrowth:i,avatarBox:o,optionsBox:c,accentHex:Qe,assistantName:se===``?void 0:se,cardRef:Fe,onAdvance:ee}),rootRef:Ne,restingPillRef:Pe,avatarRef:X,onSurfacePointerDown:e=>{e.button===0&&e.target.closest(`button, a`)===null&&(e.currentTarget.setPointerCapture(e.pointerId),Z.current={x:e.screenX,y:e.screenY},Re.current={x:e.screenX,y:e.screenY},ze.current=!1)},onSurfaceContextMenu:e=>{(window.getSelection()?.toString().trim().length??0)>0||(e.preventDefault(),b())},onAvatarClick:()=>{if(!ze.current){if(g!==null||v){O();return}ce()}},onWatch:()=>{k()},onTeach:We,picking:W&&K===`teach`,sharing:He,shareEnabled:V,sharePicking:W&&K===`share`,onShare:Ge,onStopShare:()=>{D()},annotating:U,onAnnotate:e=>{ie(e)},picker:W?(0,P.jsx)(be,{sources:Oe,captureThumbnail:w,cardGrowth:i,avatarBox:o,optionsBox:c,cardRef:Ie,label:K===`share`?e(`companionSurface.sharePicker`):void 0,onPick:Ke}):null,onControl:(e,t)=>{ue(t===void 0?{action:e}:{action:e,requestId:t})}})})}export{rt as CompanionSurfacePage};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{b as t,t as n}from"./react-DPM_L_aA.js";import{Ml as r,Uo as i,jl as a,qo as o,ts as s}from"./index-
|
|
1
|
+
import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{b as t,t as n}from"./react-DPM_L_aA.js";import{Ml as r,Uo as i,jl as a,qo as o,ts as s}from"./index-BHBLeC80.js";import{n as c}from"./companion-accent-DwBPqfnb.js";var l=e(t(),1);function u(){let[e,t]=(0,l.useState)(()=>({width:typeof window>`u`?0:window.innerWidth,height:typeof window>`u`?0:window.innerHeight}));return(0,l.useEffect)(()=>{let e=()=>{t({width:window.innerWidth,height:window.innerHeight})};return e(),window.addEventListener(`resize`,e),()=>{window.removeEventListener(`resize`,e)}},[]),e}var d=n(),f=.6,p=10;function m(e,t){let n=(1-(e.y+e.height))*t,r=e.y*t;return{above:n<58&&r>n,trailing:e.x+e.width>f}}function h(e,t,n){let r=n?1-e.y:e.y+e.height,i=Math.max(t-58,0);return Math.round(Math.min(r*t+p,i))}function g(e){let t=Math.min(Math.max(e,0),1)*100;return`${Number(t.toFixed(4))}%`}function _(e){return`${e.x},${e.y},${e.width},${e.height},${e.caption??``}`}function v({marks:e,ink:t}){let n=u();return(0,d.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}=m(e,n.height),i=`${h(e,n.height,t)}px`;return(0,d.jsxs)(l.Fragment,{children:[(0,d.jsx)(`div`,{className:`companion-coachmark`,"data-testid":`companion-coachmark`,style:{left:g(e.x),top:g(e.y),width:g(e.width),height:g(e.height)}}),e.caption!==void 0&&e.caption!==``&&(0,d.jsx)(`div`,{className:`companion-coachmark-caption`,"data-testid":`companion-coachmark-caption`,"data-above":t?``:void 0,"data-trailing":r?``:void 0,style:{...r?{right:g(1-(e.x+e.width))}:{left:g(e.x)},...t?{bottom:i}:{top:i},maxWidth:g(.4)},children:e.caption})]},_(e))})})}var y=e=>Math.min(Math.max(e,0),1);function b(e,t,n){let r=(t.x-e.x)*n,i=t.y-e.y;return r*r+i*i>=a**2}function x({ink:e}){let[t,n]=(0,l.useState)([]),a=(0,l.useRef)([]),o=(0,l.useRef)(null),s=(0,l.useRef)(0),c=(0,l.useRef)(new Set),f=u(),p=f.height===0?1:f.width/f.height,m=(0,l.useRef)(e);(0,l.useEffect)(()=>{m.current=e},[e]),(0,l.useEffect)(()=>{let e=c.current;return()=>{for(let t of e)clearTimeout(t);e.clear(),o.current!==null&&(o.current=null,i(`released`,[],m.current))}},[]);let h=(0,l.useCallback)(e=>{a.current=e,n(e)},[]),g=e=>({x:f.width===0?0:y(e.clientX/f.width),y:f.height===0?0:y(e.clientY/f.height)}),_=t=>{if(o.current!==null)return;t.currentTarget.setPointerCapture(t.pointerId);let n=s.current++;o.current=n,h([...a.current,{id:n,points:[g(t)],spent:!1}]),i(`drawing`,[],e)},v=e=>{let t=o.current;if(t===null)return;let n=g(e),r=a.current.find(e=>e.id===t);if(r===void 0)return;let i=r.points[r.points.length-1];i!==void 0&&!b(i,n,p)||h(a.current.map(e=>e.id===t?{...e,points:[...e.points,n].slice(-512)}:e))},x=t=>{if(o.current===null)return;o.current=null,t.currentTarget.hasPointerCapture(t.pointerId)&&t.currentTarget.releasePointerCapture(t.pointerId);let n=a.current.map(e=>({...e,spent:!0}));h(n),i(`released`,n.slice(-24).map(e=>({points:e.points})),e);let r=new Set(n.map(e=>e.id)),s=setTimeout(()=>{c.current.delete(s),h(a.current.filter(e=>!r.has(e.id)))},1400);c.current.add(s)},C=r*Math.min(f.width,f.height);return(0,d.jsx)(`svg`,{className:`companion-share-annotation fixed inset-0 h-full w-full`,"data-testid":`companion-share-annotation`,role:`presentation`,onPointerDown:_,onPointerMove:v,onPointerUp:x,onPointerCancel:x,children:t.map(t=>(0,d.jsx)(S,{stroke:t,box:f,width:C,ink:e},t.id))})}function S({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,d.jsx)(`circle`,{className:i,cx:a.x*t.width,cy:a.y*t.height,r:n/2,fill:r}):(0,d.jsx)(`polyline`,{className:i,points:e.points.map(e=>`${e.x*t.width},${e.y*t.height}`).join(` `),fill:`none`,stroke:r,strokeWidth:n,strokeLinecap:`round`,strokeLinejoin:`round`})}function C(e,t){let n=(0,l.useRef)({captureCount:e,watching:t}),[r,i]=(0,l.useState)(0);return(0,l.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 w(){let[e,t]=(0,l.useState)(null);(0,l.useEffect)(()=>{let e=s(t);return o().then(e=>{e&&t(e)}),e},[]);let n=e?.watching===!0,r=e?.screenShare!==void 0,i=n||r,a=C(e?.captureCount??0,n),u=c(e?.call??null,e?.accentHex,e?.character),f=u===void 0?void 0:{"--companion-ring-accent":u},p=e?.annotating===!0,m=r&&!n?e?.coachmarks??[]:[];return(0,d.jsxs)(`div`,{className:`pointer-events-none h-screen w-screen bg-transparent`,role:`presentation`,"aria-hidden":!0,children:[i&&(0,d.jsx)(`div`,{className:`companion-watch-frame fixed inset-0`,style:f}),n&&a>0&&(0,d.jsx)(`div`,{className:`companion-watch-frame-flash fixed inset-0`,style:f},a),p&&(0,d.jsx)(x,{ink:u??`#5eead4`}),m.length>0&&(0,d.jsx)(v,{marks:m,ink:u??`#5eead4`})]})}export{w as CompanionWatchFramePage};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Jn as t,er as n,j as r}from"./vendor-CCI2T82b.js";import{b as i,f as a,g as o,t as s}from"./react-DPM_L_aA.js";import{nn as c,sn as l,v as u}from"./icons-B-6TfGtd.js";import{Ly as d,Ry as f,Sv as p,Y as m,yy as h,zy as g}from"./index-
|
|
1
|
+
import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Jn as t,er as n,j as r}from"./vendor-CCI2T82b.js";import{b as i,f as a,g as o,t as s}from"./react-DPM_L_aA.js";import{nn as c,sn as l,v as u}from"./icons-B-6TfGtd.js";import{Ly as d,Ry as f,Sv as p,Y as m,yy as h,zy as g}from"./index-BHBLeC80.js";import{n as _}from"./a2a-invite-CXZCA0Zh.js";import{r as v}from"./contacts-gateway-BoQ3VEpG.js";var y=e(i(),1),b=s();function x(e){let t=e[0];return typeof t==`object`&&!!t&&t._id===`contactsGet`}function S(e){switch(e){case`expired`:case`not_found`:return`connectPage.errorExpired`;case`already_redeemed_by_other`:return`connectPage.errorAlreadyRedeemed`;case`sender_not_found`:return`connectPage.errorSenderNotFound`;case`not_platform_managed`:return`connectPage.errorNotPlatformManaged`;default:return null}}function C(){return(0,b.jsx)(w,{assistantId:m()})}function w({assistantId:e}){let{t:i}=r(`contacts`),s=a(),m=n(),[C]=o(),w=(0,y.useMemo)(()=>_(C),[C]),T=t({mutationFn:()=>{if(!w)throw Error(`Invalid invite link`);return v(e,{senderAssistantId:w.senderAssistantId,token:w.token})},onSuccess:e=>{e.success&&(m.invalidateQueries({predicate:e=>x(e.queryKey)}),e.alreadyConnected?h(i(`connectPage.alreadyConnected`)):h(i(`connectPage.connected`)),s(p.contacts.root))}}),E=(0,y.useCallback)(()=>{s(p.contacts.root)},[s]),D=(0,y.useCallback)(()=>{T.mutate()},[T]),O=(0,y.useMemo)(()=>{if(T.isError)return T.error instanceof Error?T.error.message:i(`connectPage.errorGeneric`);if(T.data&&!T.data.success){let e=S(T.data.errorCode);return e?i(e):T.data.error||i(`connectPage.errorGeneric`)}return null},[T.isError,T.error,T.data,i]);return w?(0,b.jsx)(`div`,{className:`flex min-h-full items-center justify-center p-6`,children:(0,b.jsx)(d,{className:`w-full max-w-md`,children:(0,b.jsxs)(`div`,{className:`flex flex-col gap-4 p-6`,children:[(0,b.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,b.jsx)(l,{className:`h-6 w-6`,style:{color:`var(--content-secondary)`}}),(0,b.jsx)(f,{variant:`title-small`,children:i(`connectPage.title`)})]}),(0,b.jsx)(f,{variant:`body-medium-lighter`,style:{color:`var(--content-secondary)`},children:i(`connectPage.body`)}),O&&(0,b.jsxs)(`div`,{className:`flex items-center gap-2 rounded-md p-3`,style:{backgroundColor:`var(--surface-negative-subtle)`,color:`var(--system-negative-strong)`},children:[(0,b.jsx)(u,{className:`h-4 w-4 shrink-0`}),(0,b.jsx)(f,{variant:`body-small-default`,children:O})]}),(0,b.jsxs)(`div`,{className:`flex gap-2 pt-2`,children:[(0,b.jsx)(g,{variant:`primary`,onClick:D,disabled:T.isPending,children:T.isPending?(0,b.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,b.jsx)(c,{className:`h-4 w-4 animate-spin`}),i(`actions.connecting`)]}):i(`actions.connect`)}),(0,b.jsx)(g,{variant:`outlined`,onClick:E,disabled:T.isPending,children:i(`actions.cancel`)})]})]})})}):(0,b.jsx)(`div`,{className:`flex min-h-full items-center justify-center p-6`,children:(0,b.jsx)(d,{className:`w-full max-w-md`,children:(0,b.jsxs)(`div`,{className:`flex flex-col gap-4 p-6`,children:[(0,b.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,b.jsx)(u,{className:`h-6 w-6`,style:{color:`var(--system-negative-strong)`}}),(0,b.jsx)(f,{variant:`title-small`,children:i(`connectPage.invalidTitle`)})]}),(0,b.jsx)(f,{variant:`body-medium-lighter`,style:{color:`var(--content-secondary)`},children:i(`connectPage.invalidBody`)}),(0,b.jsx)(`div`,{className:`flex gap-2 pt-2`,children:(0,b.jsx)(g,{variant:`primary`,onClick:E,children:i(`connectPage.goToContacts`)})})]})})})}export{C as ConnectPage};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{N as e,j as t}from"./vendor-CCI2T82b.js";import{t as n}from"./react-DPM_L_aA.js";import{Dy as r,Ly as i,Sv as a,xv as o}from"./index-
|
|
1
|
+
import{N as e,j as t}from"./vendor-CCI2T82b.js";import{t as n}from"./react-DPM_L_aA.js";import{Dy as r,Ly as i,Sv as a,xv as o}from"./index-BHBLeC80.js";import{t as s}from"./setting-row-CwEW1k3A.js";var c=n(),l=[`[&_button[data-state=checked]]:bg-[var(--primary-base)]`,`[&_svg]:text-[var(--content-inset)]`,`[&_button[data-state=unchecked]]:bg-[var(--surface-base)]`,`[&_button[data-state=unchecked]]:border-[var(--border-element)]`].join(` `),u=`mb-2.5 ml-1 text-body-small-default font-medium uppercase tracking-wider text-[var(--content-tertiary)]`,d={privacy:{href:a.docs.legal.privacyPolicy,text:`Privacy and AI Data Sharing Policy`,aria:`I agree to the Privacy and AI Data Sharing Policy`},tos:{href:a.docs.legal.termsOfUse,text:`Terms of Service`,aria:`I agree to the Terms of Service`}};function f({kind:t,checked:n,onChange:i}){let a=d[t];return(0,c.jsx)(r,{checked:n,onCheckedChange:e=>i(e===!0),label:(0,c.jsx)(`span`,{className:`text-body-medium-lighter text-[var(--content-default)]`,children:(0,c.jsx)(e,{i18nKey:`consentControls.agreeTo`,ns:`onboarding`,values:{policy:a.text},components:{link:(0,c.jsx)(`a`,{href:o(a.href),target:`_blank`,rel:`noreferrer`,className:`underline`})}})}),"aria-label":a.aria,className:l})}function p(){return(0,c.jsx)(`div`,{className:`h-px bg-[var(--surface-active)] dark:bg-[var(--surface-lift)]`})}function m({notes:e}){let{t:n}=t(`onboarding`);return!e||e.length===0?null:(0,c.jsxs)(`div`,{className:`rounded-r-md border-l-2 border-[var(--content-secondary)] bg-[var(--surface-base)] py-3 pl-3.5 pr-3.5`,children:[(0,c.jsx)(`p`,{className:`text-body-small-default font-medium text-[var(--content-secondary)]`,children:n(`consentControls.whatsChanged`)}),e.length===1?(0,c.jsx)(`p`,{className:`mt-1.5 text-body-medium-lighter text-[var(--content-default)]`,children:e[0]}):(0,c.jsx)(`ul`,{className:`mt-2 flex flex-col gap-1.5`,children:e.map(e=>(0,c.jsxs)(`li`,{className:`flex gap-2.5 text-body-medium-lighter text-[var(--content-default)]`,children:[(0,c.jsx)(`span`,{"aria-hidden":!0,className:`mt-[0.5em] h-1 w-1 flex-none rounded-full bg-[var(--content-tertiary)]`}),(0,c.jsx)(`span`,{children:e})]},e))})]})}function h({electron:e,showAnalytics:n=!0,showDiagnostics:r=!0,shareAnalytics:a,shareDiagnostics:o,onShareAnalyticsChange:l,onShareDiagnosticsChange:d,className:f,style:m}){let{t:h}=t(`onboarding`);return(0,c.jsxs)(`section`,{className:f,style:m,children:[(0,c.jsx)(`p`,{className:u,children:h(`consentControls.privacyPreferences`)}),(0,c.jsx)(i,{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:a,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:n=!0,showTos:r=!0,privacyConsent:i,tosAccepted:a,onPrivacyChange:o,onTosChange:s,privacyNotes:l,tosNotes:d,className:p,style:h}){let{t:g}=t(`onboarding`);return(0,c.jsxs)(`section`,{className:p,style:h,children:[(0,c.jsx)(`p`,{className:u,children:g(`consentControls.agreements`)}),(0,c.jsxs)(`div`,{className:`flex flex-col pl-2 ${e?`gap-3.5`:`gap-4`}`,children:[n&&(0,c.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,c.jsx)(m,{notes:l}),(0,c.jsx)(f,{kind:`privacy`,checked:i,onChange:o})]}),r&&(0,c.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,c.jsx)(m,{notes:d}),(0,c.jsx)(f,{kind:`tos`,checked:a,onChange:s})]})]})]})}export{h as n,g as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Du as e,Fv as t,Km as n,Lv as r,Ou as i,Pv as a,ku as o}from"./index-
|
|
1
|
+
import{Du as e,Fv as t,Km as n,Lv as r,Ou as i,Pv as a,ku as o}from"./index-BHBLeC80.js";async function s(e,n){let{data:i,error:s,response:c}=await o({path:{assistant_id:e},body:n,throwOnError:!1});if(t(c,s,`Failed to save contact`),!c.ok||!i?.contact)throw new a(c.status,r(s,c,`Failed to save contact`));return i.contact}async function c(e,n){let{error:o,response:s}=await i({path:{assistant_id:e,contact_id:n},throwOnError:!1});if(t(s,o,`Failed to delete contact`),!s.ok&&s.status!==204)throw new a(s.status,r(o,s,`Failed to delete contact`))}async function l(n,i){let{error:o,response:s}=await e({path:{assistant_id:n,channel_id:i},throwOnError:!1});if(t(s,o,`Failed to verify channel`),!s.ok)throw new a(s.status,r(o,s,`Failed to verify channel`))}async function u(e,t,n){let r=(await s(e,{id:t.id,displayName:t.displayName,channels:[{type:n.type,address:n.address}]})).channels.find(e=>e.type===n.type&&e.address.toLowerCase()===n.address.toLowerCase());if(!r)throw new a(409,`That account is already linked to another contact.`);if(r.status===`blocked`)throw new a(409,`That account is blocked for this contact. Unblock it before linking.`);await l(e,r.id)}async function d(e,i){let{data:o,error:s,response:c}=await n.post({url:`/v1/assistants/{assistant_id}/a2a/invites/redeem/`,path:{assistant_id:e},body:{sender_assistant_id:i.senderAssistantId,token:i.token},headers:{"Content-Type":`application/json`},throwOnError:!1});if(t(c,s,`Failed to redeem A2A invite`),!c.ok)throw new a(c.status,r(s,c,`Failed to redeem A2A invite`));return{success:o?.success??!0,alreadyConnected:o?.already_connected,error:o?.error,errorCode:o?.error_code}}export{l as a,s as i,u as n,d as r,c as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{I as t,Jn as n,N as r,Zn as i,er as a,j as o}from"./vendor-CCI2T82b.js";import{b as s,f as c,g as l,n as u,r as d,t as f}from"./react-DPM_L_aA.js";import{$r as p,J as m,Nr as h,Rt as g,Si as _,Yt as v,_t as y,g as b,mi as x,nn as S,pi as C,pt as w,q as T,sn as E,st as D,xn as O}from"./icons-B-6TfGtd.js";import{t as k}from"./ellipsis-vertical-D7YDF4in.js";import{F as A,Jr as j,Kr as ee,Ly as M,My as N,Qa as te,Ru as ne,Ry as P,Su as re,Sv as ie,Xr as F,Y as ae,Yr as I,_s as oe,af as se,ed as ce,h as le,js as ue,ky as L,ly as de,nd as R,nh as fe,of as pe,py as z,sv as me,td as he,vy as B,xy as V,yy as ge,zy as H}from"./index-BfdeEXeE.js";import{t as U}from"./detail-card-CWGzVd3J.js";import{n as _e,r as ve,t as ye}from"./use-side-list-room-CcLqUOYE.js";import{c as W,i as be,n as xe,r as G,t as Se}from"./use-invite-link-dialog-MnU7jg27.js";import{a as Ce,i as we,n as Te,t as Ee}from"./contacts-gateway-eLvOtV1d.js";var De=_(`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`}]]),Oe=_(`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`}]]),K=e(s(),1),ke=new Set([`slack`]);function q(e){return e.status===`verified`||e.status===`active`&&e.verifiedAt!=null}function Ae(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 J(e){let n=Ae(e.toLowerCase());return n?t(n,{ns:`contacts`}):e}var je=`New Contact`;function Me(e){return e===je}var Y=f();function Ne({channels:e,pendingChannelKey:t=null,onConnect:n,onDisconnect:r}){let{t:i}=o(`contacts`),[a,s]=(0,K.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)(B,{open:a!==null,title:i(`assistantContactChannels.disconnectConfirmTitle`,{channel:a?I(a):``}),message:i(`assistantContactChannels.disconnectConfirmMessage`),confirmLabel:i(`actions.disconnect`),destructive:!0,onConfirm:()=>{a&&r&&r(a),s(null)},onCancel:()=>s(null)})]})}function Pe({channel:e,pending:t,onConnect:n,onDisconnect:r}){let{t:i}=o(`contacts`),a=e.configured,{Icon:s,label:c}=F(e.health);return(0,Y.jsxs)(`div`,{className:`flex items-center gap-3 py-4`,children:[(0,Y.jsx)(ee,{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:I(e.key)}),a&&e.address?(0,Y.jsx)(`span`,{className:`truncate text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:e.address}):null,(0,Y.jsx)(`div`,{className:`ml-auto flex shrink-0 items-center gap-2`,children:a?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(`span`,{className:`inline-flex items-center gap-1 h-8 px-2.5 rounded-md whitespace-nowrap select-none text-body-small-emphasised leading-none bg-[var(--content-default)] text-[var(--surface-base)]`,children:[(0,Y.jsx)(s,{className:`h-3 w-3`}),c]}),r?(0,Y.jsx)(H,{variant:`danger`,onClick:r,disabled:t,children:i(t?`actions.disconnecting`:`actions.disconnect`)}):(0,Y.jsx)(H,{variant:`outlined`,asChild:!0,children:(0,Y.jsx)(u,{to:`${ie.channels}?setup=${e.key}`,children:i(`actions.manage`)})})]}):n?(0,Y.jsx)(H,{variant:`outlined`,onClick:n,disabled:t,children:i(`actions.connect`)}):null})]})}function X({role:e,contactType:t}){let{label:n,tone:r}=Z(e,t);return(0,Y.jsx)(N,{tone:r,children:n})}function Z(e,t){switch(e){case`guardian`:return{label:`Guardian`,tone:`positive`};case`assistant`:return{label:`Assistant`,tone:`negative`};default:return t===`assistant`?{label:`Assistant`,tone:`negative`}:{label:`Human`,tone:`warning`}}}function Fe({assistantName:e,...t}){let{t:n}=o(`contacts`),r=te(e);return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[(0,Y.jsx)(U,{title:n(`assistantChannelsDetail.title`,{name:r}),accessory:(0,Y.jsx)(X,{role:`assistant`}),compactAccessory:!0}),(0,Y.jsx)(U,{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&&q(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=j(e);if(i)return(0,K.createElement)(i,{size:16,className:n,style:r});switch(t){case`bot`:return(0,Y.jsx)(p,{className:n,style:r});case`hash`:return(0,Y.jsx)(O,{className:n,style:r});case`send`:return(0,Y.jsx)(T,{className:n,style:r});case`phone`:return(0,Y.jsx)(w,{className:n,style:r});case`mail`:return(0,Y.jsx)(v,{className:n,style:r});case`message-square`:return(0,Y.jsx)(g,{className:n,style:r});default:return(0,Y.jsx)(De,{className:n,style:r})}}function He({contactChannels:e,availableChannels:t,channelsLoadFailed:n,a2aEnabled:r,setupLabel:i,verifyLoading:a,verifySubject:s=`self`,onSetupChannel:c,onVerifyChannel:l,onRevokeChannel:u,onLinkAccount:d}){let{t:f}=o(`contacts`),[p,m]=(0,K.useState)(null),[h,g]=(0,K.useState)(null),_=new Map;for(let t of e)t.status!==`revoked`&&(_.has(t.type)||_.set(t.type,t));let v=e=>{p&&(l?.(p.info.id,e),m(null))},y=Ve(t,e,r);return(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(`div`,{className:`flex flex-col`,children:[n&&(0,Y.jsx)(`div`,{className:`px-1 py-2 text-sm`,style:{color:`var(--content-secondary)`},role:`status`,children:f(`contactChannelsSection.loadFailed`)}),y.map((e,t)=>{let n=_.get(e.id);return(0,Y.jsxs)(`div`,{children:[t>0&&(0,Y.jsx)(`div`,{className:`border-t`,style:{borderColor:`var(--border-base)`}}),(0,Y.jsx)(Ue,{info:e,existing:n,setupLabel:i??f(`contactChannelsSection.setupDefault`),verifyLoading:a,onSetup:c?()=>c(e.id):void 0,onVerify:l&&Re(e)?()=>m({info:e,existing:n}):void 0,onRevoke:u&&n?()=>g({channelId:n.id,channel:e}):void 0,onLinkAccount:d&&ke.has(e.id)?()=>d(e.id):void 0})]},e.id)})]}),p?(0,Y.jsx)(We,{info:p.info,existing:p.existing,verifySubject:s,onConfirm:v,onCancel:()=>m(null)}):null,h&&(0,Y.jsx)(B,{open:!0,title:f(`contactChannelsSection.revokeConfirmTitle`,{channel:h.channel.label}),message:f(`contactChannelsSection.revokeConfirmMessage`),confirmLabel:f(`actions.revoke`),destructive:!0,onConfirm:()=>{u?.(h.channelId,h.channel.id),g(null)},onCancel:()=>g(null)})]})}function Ue({info:e,existing:t,setupLabel:n,verifyLoading:r,onSetup:i,onVerify:a,onRevoke:s,onLinkAccount:c}){let{t:l}=o(`contacts`),u=Be(e,t);return(0,Y.jsxs)(`div`,{className:`flex items-center gap-3 py-4`,children:[(0,Y.jsx)($,{channelId:e.id,name:e.icon,className:`h-4 w-4 shrink-0`,style:{color:`var(--content-secondary)`}}),(0,Y.jsx)(`span`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:e.label}),t?.address?(0,Y.jsx)(`span`,{className:`truncate text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:t.address}):null,(0,Y.jsx)(`div`,{className:`ml-auto flex shrink-0 items-center gap-2`,children:u.kind===`connected`?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(`span`,{className:`inline-flex items-center gap-1 h-8 px-2.5 rounded-md whitespace-nowrap select-none text-body-small-emphasised leading-none bg-[var(--content-default)] text-[var(--surface-base)]`,children:[(0,Y.jsx)(h,{className:`h-3 w-3`}),l(`channelStatus.connected`)]}),s?(0,Y.jsx)(H,{variant:`danger`,onClick:s,children:l(`actions.revoke`)}):null]}):u.kind===`verified`?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(`span`,{className:`inline-flex items-center gap-1 h-8 px-2.5 rounded-md whitespace-nowrap select-none text-body-small-emphasised leading-none bg-[var(--content-default)] text-[var(--surface-base)]`,children:[(0,Y.jsx)(h,{className:`h-3 w-3`}),l(`channelStatus.verified`)]}),s?(0,Y.jsx)(H,{variant:`danger`,onClick:s,children:l(`actions.revoke`)}):null]}):u.kind===`unverified`?(0,Y.jsx)(H,{variant:`outlined`,onClick:a,disabled:!a||r,children:l(r?`actions.verifying`:`actions.verify`)}):u.kind===`setup`?e.id===`a2a`?null:(0,Y.jsxs)(Y.Fragment,{children:[c?(0,Y.jsxs)(H,{onClick:c,children:[(0,Y.jsx)(E,{className:`h-3.5 w-3.5`}),l(`contactChannelsSection.linkAccount`)]}):null,(0,Y.jsx)(H,{variant:`outlined`,onClick:i,disabled:!i,children:n})]}):null})]})}function We({info:e,existing:t,verifySubject:n,onConfirm:r,onCancel:i}){let{t:a}=o(`contacts`),[s,c]=(0,K.useState)(t?.address?.trim()??``),l=(0,K.useRef)(null),u=(0,K.useId)(),d=s.trim();return ze(t)?(0,Y.jsx)(B,{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)(V.Root,{open:!0,onOpenChange:e=>{e||i()},children:(0,Y.jsx)(V.Content,{size:`sm`,hideCloseButton:!0,onOpenAutoFocus:e=>{e.preventDefault(),l.current?.focus()},onEscapeKeyDown:e=>{e.preventDefault(),e.stopPropagation(),i()},children:(0,Y.jsxs)(`form`,{className:`flex flex-col`,onSubmit:e=>{e.preventDefault(),d.length!==0&&r(d)},children:[(0,Y.jsx)(V.Header,{children:(0,Y.jsx)(V.Title,{children:a(`contactChannelsSection.verifyConfirmTitle`,{channel:e.label})})}),(0,Y.jsxs)(V.Body,{className:`flex flex-col gap-3`,children:[(0,Y.jsx)(V.Description,{children:a(n===`contact`?`contactChannelsSection.verifyAddressMessageContact`:`contactChannelsSection.verifyAddressMessageGuardian`,{channel:e.label})}),(0,Y.jsx)(L,{ref:l,id:u,label:a(`contactChannelsSection.verifyAddressLabel`),type:`text`,value:s,onChange:e=>{c(e.target.value)},placeholder:a(`contactChannelsSection.verifyAddressPlaceholder`),autoComplete:`off`,spellCheck:!1,fullWidth:!0})]}),(0,Y.jsxs)(V.Footer,{children:[(0,Y.jsx)(H,{variant:`outlined`,type:`button`,onClick:i,children:a(`actions.cancel`)}),(0,Y.jsx)(H,{type:`submit`,disabled:d.length===0,children:a(`actions.verify`)})]})]})})})}function Ge(e){return e===`none`||e===`low`||e===`medium`||e===`high`}function Ke(e,t){switch(t){case`none`:return e(`contactPermissions.preset.none`);case`low`:return e(`contactPermissions.preset.low`);case`medium`:return e(`contactPermissions.preset.medium`);case`high`:return e(`contactPermissions.preset.high`)}}function qe(e,t){if(t===null)return e(`contactPermissions.inheritDescription`);switch(t){case`none`:return e(`contactPermissions.description.none`);case`low`:return e(`contactPermissions.description.low`);case`medium`:return e(`contactPermissions.description.medium`);case`high`:return e(`contactPermissions.description.high`)}}function Je(e){return e.role!==`guardian`&&e.contactType!==`assistant`}function Ye({contact:e,pending:t,onAutoApproveThresholdChange:n}){let{t:r}=o(`contacts`),i=Ge(e.autoApproveThreshold)?e.autoApproveThreshold:null,a=i===null?null:A.find(e=>e.riskThreshold===i);return(0,Y.jsx)(U,{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)(de,{value:a?.id??null,placeholder:r(`contactPermissions.inheritLabel`),disabled:t,onSelectNone:()=>{n(null)},onChange:e=>{let t=A.find(t=>t.id===e);t&&n(t.riskThreshold)},options:[{value:null,label:r(`contactPermissions.inheritLabel`)},...A.map(e=>{let t=e.icon;return{value:e.id,label:Ke(r,e.riskThreshold),icon:(0,Y.jsx)(t,{className:`h-3.5 w-3.5`})}})]})}),(0,Y.jsx)(`p`,{className:`text-body-small-default text-[var(--content-tertiary)]`,children:qe(r,i)})]})})}function Xe(e){return(0,Y.jsx)(Ze,{...e},e.contact.id)}function Ze({contact:e,savePending:t,deletePending:n,verifyPending:r,mergePending:i=!1,canMerge:a=!1,availableChannels:s,channelsLoadFailed:c,a2aEnabled:l,onSave:u,onDelete:d,onMerge:f,onSetupChannel:p,onVerifyChannel:m,onRevokeChannel:h,onLinkAccount:g,pendingAutoApproveThreshold:_,onAutoApproveThresholdChange:v}){let{t:y}=o(`contacts`),b=Me(e.displayName),[x,S]=(0,K.useState)(b?``:e.displayName),[C,w]=(0,K.useState)(e.notes??``),[T,E]=(0,K.useState)(!1),D=x.trim(),O=C.trim(),k=b?``:e.displayName,A=e.notes??``,j=D!==k||O!==A,ee=D.length>0&&j&&!t&&!n,M=b&&e.channels.length===0&&e.interactionCount===0,N=D||(b?y(`contact.draftName`):e.displayName),te=y(`contact.interactions`,{count:e.interactionCount});return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[(0,Y.jsx)(U,{title:N,accessory:(0,Y.jsx)(X,{role:e.role,contactType:e.contactType}),compactAccessory:!0,subtitle:te,children:(0,Y.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,Y.jsx)(L,{label:y(`contact.nameLabel`),type:`text`,value:x,onChange:e=>S(e.target.value),placeholder:y(`contactDetailView.namePlaceholder`),autoFocus:b,disabled:t||n,fullWidth:!0}),(0,Y.jsx)(L,{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)(H,{type:`button`,onClick:()=>u({displayName:D,notes:O}),disabled:!ee,children:y(t?`actions.saving`:`actions.save`)}),f?(0,Y.jsx)(H,{type:`button`,variant:`outlined`,onClick:f,disabled:!a||M||j||i||t||n,title:a?M?y(`contactDetailView.mergeBlockedUnsavedDraft`):j?y(`contact.mergeBlockedUnsaved`):void 0:y(`contact.mergeBlockedNoCandidates`),children:y(i?`actions.merging`:`actions.merge`)}):null,(0,Y.jsx)(H,{type:`button`,variant:`danger`,onClick:()=>{M?d():E(!0)},disabled:n,children:y(n?`actions.deleting`:`contactDetailView.delete`)})]})]})}),(0,Y.jsx)(U,{title:y(`contactDetailView.linkedAccountsTitle`),subtitle:y(`contactDetailView.linkedAccountsSubtitle`),children:(0,Y.jsx)(He,{contactChannels:e.channels,availableChannels:s,channelsLoadFailed:c,a2aEnabled:l,verifyLoading:r,verifySubject:`contact`,onSetupChannel:p,onVerifyChannel:m,onRevokeChannel:h,onLinkAccount:g})}),Je(e)&&v?(0,Y.jsx)(Ye,{contact:e,pending:_,onAutoApproveThresholdChange:v}):null,(0,Y.jsx)(B,{open:T,title:y(`contactDetailView.deleteConfirmTitle`,{name:N}),message:y(`contactDetailView.deleteConfirmMessage`),confirmLabel:y(`actions.delete`),destructive:!0,onConfirm:()=>{E(!1),d()},onCancel:()=>E(!1)})]})}function Qe(e){return(0,Y.jsx)($e,{...e},`${e.survivor.id}:${e.open?`open`:`closed`}`)}function $e({open:e,survivor:t,candidates:n,pending:r,errorMessage:i,onMerge:a,onClose:s}){let{t:c}=o(`contacts`),[l,u]=(0,K.useState)(``),[d,f]=(0,K.useState)(null);(0,K.useEffect)(()=>{d&&!n.some(e=>e.id===d)&&f(null)},[n,d]);let p=(0,K.useMemo)(()=>{let e=l.trim().toLowerCase();return e?n.filter(t=>t.displayName.toLowerCase().includes(e)):n},[n,l]),m=d?n.find(e=>e.id===d)??null:null,h=it(t);return(0,Y.jsx)(V.Root,{open:e,onOpenChange:e=>{!e&&!r&&s()},children:(0,Y.jsxs)(V.Content,{size:`md`,children:[(0,Y.jsxs)(V.Header,{icon:Oe,children:[(0,Y.jsx)(V.Title,{children:m?c(`contactMergeDialog.titlePicked`,{donor:m.displayName,survivor:h}):c(`contactMergeDialog.titlePicking`,{survivor:h})}),(0,Y.jsx)(V.Description,{children:c(m?`contactMergeDialog.descriptionPicked`:`contactMergeDialog.descriptionPicking`)})]}),(0,Y.jsxs)(V.Body,{className:`flex flex-col gap-3`,children:[m?(0,Y.jsx)(nt,{survivor:t,donor:m}):n.length===0?(0,Y.jsx)(rt,{}):(0,Y.jsx)(et,{search:l,onSearch:u,candidates:p,onPick:f}),i?(0,Y.jsx)(P,{as:`p`,variant:`body-small-default`,className:`text-(--system-negative-strong)`,role:`alert`,children:i}):null]}),(0,Y.jsx)(V.Footer,{children:m?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(H,{variant:`outlined`,onClick:()=>f(null),disabled:r,leftIcon:(0,Y.jsx)(x,{"aria-hidden":!0}),children:c(`actions.back`)}),(0,Y.jsx)(H,{variant:`danger`,onClick:()=>a(m.id),disabled:r,children:c(r?`actions.merging`:`contactMergeDialog.confirm`)})]}):(0,Y.jsx)(H,{variant:`outlined`,onClick:s,disabled:r,children:c(`actions.cancel`)})})]})})}function et({search:e,onSearch:t,candidates:n,onPick:r}){let{t:i}=o(`contacts`);return(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(L,{type:`text`,value:e,onChange:e=>t(e.target.value),placeholder:i(`contactMergeDialog.searchPlaceholder`),leftIcon:(0,Y.jsx)(m,{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)(P,{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)(z,{asChild:!0,children:(0,Y.jsx)(`button`,{type:`button`,onClick:t,role:`option`,"aria-selected":`false`,className:`flex h-auto w-full items-center gap-2 rounded-[6px] px-[8px] py-2 text-left`,children:(0,Y.jsxs)(`span`,{className:`flex min-w-0 flex-1 flex-col`,children:[(0,Y.jsx)(`span`,{className:`truncate text-body-medium-default`,children:e.displayName}),n?(0,Y.jsx)(`span`,{className:`truncate text-body-small-default text-(--content-tertiary)`,children:n}):null]})})})}function nt({survivor:e,donor:t}){let{t:n}=o(`contacts`),i=it(e),{moved:a,duplicates:s}=at(e,t);return(0,Y.jsxs)(`ul`,{className:`flex flex-col gap-2 text-body-medium-lighter text-(--content-secondary)`,children:[(0,Y.jsx)(`li`,{children:(0,Y.jsx)(r,{i18nKey:`contactMergeDialog.donorDeleted`,ns:`contacts`,values:{donor:t.displayName},components:{donor:(0,Y.jsx)(`span`,{className:`text-(--content-default)`})}})}),(0,Y.jsx)(`li`,{children:n(`contactMergeDialog.channelsMoved`,{count:a.length,survivor:i,channels:a.map(e=>J(e.type)).join(`, `)})}),s.length>0?(0,Y.jsx)(`li`,{className:`text-(--content-tertiary)`,children:n(`contactMergeDialog.duplicatesSkipped`,{count:s.length,survivor:i})}):null,t.notes?(0,Y.jsx)(`li`,{children:n(`contactMergeDialog.notesAppended`)}):null,(0,Y.jsx)(`li`,{className:`text-(--content-tertiary)`,children:n(`contactMergeDialog.irreversible`)})]})}function rt(){let{t:e}=o(`contacts`);return(0,Y.jsx)(P,{as:`p`,variant:`body-medium-lighter`,className:`px-3 py-6 text-center text-(--content-tertiary)`,children:e(`contactMergeDialog.empty`)})}function it(e){return e.role===`guardian`?!e.displayName||e.displayName.startsWith(`vellum-principal-`)?t(`survivorName.you`,{ns:`contacts`}):t(`survivorName.youNamed`,{ns:`contacts`,name:e.displayName}):e.displayName||t(`survivorName.thisContact`,{ns:`contacts`})}function at(e,t){let n=[],r=[];for(let i of t.channels)i.status!==`revoked`&&(e.channels.some(e=>e.type===i.type&&e.address.toLowerCase()===i.address.toLowerCase())?r.push(i):n.push(i));return{moved:n,duplicates:r}}function ot(e){let t=new Set,n=[];for(let r of e.channels){if(r.status===`revoked`)continue;let e=r.type.toLowerCase();t.has(e)||(t.add(e),n.push(J(e)))}return n}function st({loading:e,guardian:t,assistantName:n,regularContacts:r,selection:i,onSelect:a,onAddContact:s,addingContact:c=!1,search:l,onSearchChange:u}){let{t:d}=o(`contacts`),f=l.trim()?r.filter(e=>e.displayName.toLowerCase().includes(l.trim().toLowerCase())):r;return(0,Y.jsx)(M.Root,{className:`flex h-full flex-col overflow-hidden`,children:(0,Y.jsxs)(M.Body,{className:`flex min-h-0 min-w-0 flex-1 flex-col gap-4`,children:[(0,Y.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,Y.jsx)(`h2`,{className:`text-title-medium`,style:{color:`var(--content-default)`},children:d(`contactsList.heading`)}),(0,Y.jsx)(H,{type:`button`,variant:`ghost`,iconOnly:c?(0,Y.jsx)(S,{className:`animate-spin`,"aria-hidden":!0}):(0,Y.jsx)(D,{"aria-hidden":!0}),onClick:s,disabled:c,"aria-label":d(`contactsList.addAriaLabel`),tintColor:`var(--content-secondary)`})]}),(0,Y.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[t?(0,Y.jsx)(ct,{name:t.displayName?d(`contactsList.youNamed`,{name:t.displayName}):d(`contactsList.you`),role:t.role,channelTypes:t.channelTypes,selected:i?.kind===`contact`&&i.contactId===t.id,onClick:()=>a({kind:`contact`,contactId:t.id}),trailingIcon:`pencil`}):null,(0,Y.jsx)(ct,{name:n?.trim()||d(`contactsList.assistantFallback`),role:`assistant`,selected:i?.kind===`assistant`,onClick:()=>a({kind:`assistant`}),trailingIcon:`more`})]}),(0,Y.jsx)(`div`,{className:`border-t`,style:{borderColor:`var(--border-base)`}}),r.length>0?(0,Y.jsx)(L,{type:`text`,value:l,onChange:e=>u(e.target.value),placeholder:d(`contactsList.searchPlaceholder`),leftIcon:(0,Y.jsx)(m,{className:`h-3.5 w-3.5`,"aria-hidden":!0}),fullWidth:!0}):null,r.length>0?(0,Y.jsxs)(`div`,{className:`min-h-0 flex-1 overflow-y-auto flex flex-col gap-1`,children:[f.map(e=>(0,Y.jsx)(ct,{name:e.displayName,role:e.role,contactType:e.contactType,channelTypes:e.channelTypes,verified:e.verified,selected:i?.kind===`contact`&&i.contactId===e.id,onClick:()=>a({kind:`contact`,contactId:e.id}),trailingIcon:`more`},e.id)),f.length===0?(0,Y.jsx)(`p`,{className:`px-3 py-4 text-center text-body-small-default`,style:{color:`var(--content-tertiary)`},children:d(`contactsList.noMatches`)}):null]}):e?null:(0,Y.jsx)(H,{type:`button`,variant:`ghost`,onClick:s,disabled:c,tintColor:`var(--primary-base)`,leftIcon:c?(0,Y.jsx)(S,{className:`animate-spin`,"aria-hidden":!0}):(0,Y.jsx)(b,{"aria-hidden":!0}),children:d(`contactsList.add`)})]})})}function ct({name:e,role:t,contactType:n,channelTypes:r,selected:i,onClick:a,trailingIcon:s,verified:c}){let{t:l}=o(`contacts`),u=r&&r.length>0?r.join(` | `):void 0,d=s===`pencil`?(0,Y.jsx)(y,{className:`h-3.5 w-3.5 text-[color:var(--content-tertiary)]`,"aria-hidden":!0}):s===`more`?(0,Y.jsx)(k,{className:`h-3.5 w-3.5 text-[color:var(--content-tertiary)]`,"aria-hidden":!0}):void 0;return(0,Y.jsx)(z,{asChild:!0,active:i,children:(0,Y.jsxs)(`button`,{type:`button`,onClick:a,className:`flex h-auto w-full items-center gap-2 rounded-[6px] px-[8px] py-2 text-left`,children:[(0,Y.jsxs)(`span`,{className:`flex min-w-0 flex-1 flex-col`,children:[(0,Y.jsx)(`span`,{className:`truncate text-body-medium-default`,children:e}),u?(0,Y.jsx)(`span`,{className:`truncate text-body-small-default`,style:{color:`var(--content-tertiary)`},children:u}):null]}),(0,Y.jsxs)(`span`,{className:`flex shrink-0 items-center gap-1`,children:[c===void 0?null:(0,Y.jsx)(N,{tone:c?`positive`:`neutral`,children:l(c?`contactsList.verified`:`contactsList.unverified`)}),(0,Y.jsx)(X,{role:t,contactType:n}),d]})]})})}function lt(e){return(0,Y.jsx)(ut,{...e},e.contact.id)}function ut({contact:e,savePending:t,verifyPending:n,mergePending:r=!1,canMerge:i=!1,availableChannels:a,channelsLoadFailed:s,a2aEnabled:c,onSave:l,onMerge:u,onSetupChannel:d,onVerifyChannel:f,onRevokeChannel:p,onGenerateInviteLink:m}){let{t:h}=o(`contacts`),g=e.displayName.startsWith(`vellum-principal-`),_=g?``:e.displayName,[v,y]=(0,K.useState)(_),[b,x]=(0,K.useState)(e.notes??``),S=v.trim(),C=b.trim(),w=S!==_.trim()||C!==(e.notes??``).trim(),T=w&&!t,E=h(`contact.interactions`,{count:e.interactionCount});return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[(0,Y.jsx)(U,{title:g?h(`contactsList.you`):h(`contactsList.youNamed`,{name:e.displayName}),accessory:(0,Y.jsx)(X,{role:`guardian`}),compactAccessory:!0,subtitle:E,children:(0,Y.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,Y.jsx)(L,{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)(L,{label:h(`contact.notesLabel`),type:`text`,value:b,onChange:e=>x(e.target.value),placeholder:h(`guardianDetailView.notesPlaceholder`),disabled:t,fullWidth:!0}),(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,Y.jsx)(H,{variant:`primary`,onClick:()=>l({displayName:S||e.displayName,notes:C}),disabled:!T,children:h(t?`actions.saving`:`actions.save`)}),u?(0,Y.jsx)(H,{variant:`outlined`,onClick:u,disabled:!i||w||r||t,title:i?w?h(`contact.mergeBlockedUnsaved`):void 0:h(`contact.mergeBlockedNoCandidates`),children:h(r?`actions.merging`:`actions.merge`)}):null]})]})}),(0,Y.jsx)(U,{title:h(`guardianDetailView.channelsTitle`),subtitle:h(`guardianDetailView.channelsSubtitle`),children:(0,Y.jsx)(He,{contactChannels:e.channels,availableChannels:a,channelsLoadFailed:s,a2aEnabled:c,setupLabel:h(`guardianDetailView.setupLabel`),verifyLoading:n,onSetupChannel:d,onVerifyChannel:f,onRevokeChannel:p})}),m?(0,Y.jsx)(G,{onClick:m}):null]})}function dt(e,t){let n=t.trim().toLowerCase().replace(/^@/,``);return n===``?e:e.filter(e=>e.displayName.toLowerCase().includes(n)||e.username.toLowerCase().includes(n))}function ft(e){let t=e.trim().split(/\s+/).filter(Boolean);return`${t[0]?.[0]??`?`}${t.length>1?t[t.length-1]?.[0]??``:``}`.toUpperCase()}function pt({open:e,channelLabel:t,contactName:n,accounts:i,loading:a,errorMessage:s,pendingAccountId:c,onPick:l,onClose:u,onInviteInstead:d}){let{t:f}=o(`contacts`),[p,h]=(0,K.useState)(``);(0,K.useEffect)(()=>{e&&h(``)},[e]);let g=(0,K.useMemo)(()=>dt(i??[],p),[i,p]),_=c!=null;return(0,Y.jsx)(V.Root,{open:e,onOpenChange:e=>!e&&u(),children:(0,Y.jsxs)(V.Content,{size:`sm`,children:[(0,Y.jsxs)(V.Header,{children:[(0,Y.jsx)(V.Title,{children:f(`linkAccountDialog.title`,{channel:t})}),(0,Y.jsx)(V.Description,{children:(0,Y.jsx)(r,{i18nKey:`linkAccountDialog.description`,ns:`contacts`,values:{channel:t,name:n},components:{contact:(0,Y.jsx)(`span`,{className:`text-[color:var(--content-default)]`})}})})]}),(0,Y.jsxs)(V.Body,{className:`flex flex-col gap-3`,children:[(0,Y.jsx)(L,{type:`search`,value:p,onChange:e=>h(e.target.value),placeholder:f(`linkAccountDialog.searchPlaceholder`),"aria-label":f(`linkAccountDialog.searchAriaLabel`,{channel:t}),leftIcon:(0,Y.jsx)(m,{className:`h-4 w-4`}),fullWidth:!0}),s?(0,Y.jsx)(`p`,{className:`text-body-small-default text-[color:var(--content-negative)]`,children:s}):null,(0,Y.jsx)(`div`,{className:`max-h-80 overflow-y-auto`,children:a?(0,Y.jsx)(`p`,{className:`py-4 text-center text-body-small-default text-[color:var(--content-tertiary)]`,children:f(`linkAccountDialog.loading`)}):g.length===0?(0,Y.jsx)(`p`,{className:`py-4 text-center text-body-small-default text-[color:var(--content-tertiary)]`,children:(i?.length??0)===0?f(`linkAccountDialog.noMembers`):f(`linkAccountDialog.noMatches`)}):(0,Y.jsx)(`ul`,{className:`flex flex-col`,children:g.map(e=>(0,Y.jsx)(`li`,{children:(0,Y.jsxs)(`button`,{type:`button`,onClick:()=>l(e),disabled:_,className:`flex w-full cursor-pointer items-center gap-3 rounded-md px-2 py-2 text-left transition-colors hover:bg-[var(--surface-overlay)] disabled:cursor-not-allowed disabled:opacity-60`,children:[e.imageUrl?(0,Y.jsx)(`img`,{src:e.imageUrl,alt:``,className:`h-8 w-8 shrink-0 rounded-full`}):(0,Y.jsx)(`span`,{"aria-hidden":`true`,className:`flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[var(--tag-bg-neutral)] text-body-small-emphasised text-[color:var(--content-secondary)]`,children:ft(e.displayName)}),(0,Y.jsxs)(`span`,{className:`flex min-w-0 flex-col`,children:[(0,Y.jsx)(`span`,{className:`truncate text-body-medium-default text-[color:var(--content-default)]`,children:e.displayName}),(0,Y.jsxs)(`span`,{className:`truncate text-body-small-default text-[color:var(--content-tertiary)]`,children:[`@`,e.username]})]}),c===e.id?(0,Y.jsx)(`span`,{className:`ml-auto shrink-0 text-body-small-default text-[color:var(--content-tertiary)]`,children:f(`linkAccountDialog.linking`)}):null]})},e.id))})})]}),(0,Y.jsxs)(V.Footer,{className:`items-center justify-between gap-3 border-t border-[var(--border-base)]`,children:[(0,Y.jsx)(`p`,{className:`text-body-small-default text-[color:var(--content-tertiary)]`,children:(0,Y.jsx)(r,{i18nKey:`linkAccountDialog.guardianLinkNote`,ns:`contacts`,components:{emphasis:(0,Y.jsx)(`span`,{className:`text-[color:var(--content-secondary)]`})}})}),d?(0,Y.jsxs)(H,{variant:`link`,className:`shrink-0`,onClick:d,disabled:_,children:[f(`linkAccountDialog.inviteInstead`),(0,Y.jsx)(C,{className:`h-3.5 w-3.5`})]}):null]})]})})}function mt({assistantId:e,channelType:r,contact:i,onLinked:a}){let[o,s]=(0,K.useState)(!1),c=n({mutationFn:t=>Te(e,t.contact,{type:r,address:t.account.id}),onSuccess:(e,n)=>{s(!1),ge.success(t(`accountLink.linked`,{ns:`contacts`,username:n.account.username})),a()}}),l=(0,K.useCallback)(()=>{c.reset(),s(!0)},[c]),u=(0,K.useCallback)(()=>{c.isPending||(c.reset(),s(!1))},[c]),d=(0,K.useCallback)(e=>{!i||c.isPending||c.mutate({contact:i,account:e})},[i,c]);return{channelType:r,dialogOpen:o,open:l,close:u,linkErrorMessage:c.error instanceof Error?c.error.message:c.error?t(`accountLink.linkFailed`,{ns:`contacts`}):null,pendingAccountId:c.isPending?c.variables.account.id:null,pick:d}}var ht=[{id:`slack`,source:`default`,label:`Slack`,subtitle:`Message your assistant from Slack`,icon:`hash`,supportsVerification:!0,setupMessages:{guardian:`I'd like to verify my identity as your guardian on Slack. Can you help me set that up?`,contact:`I'd like to verify a contact's Slack identity. Can you walk me through it?`}},{id:`telegram`,source:`default`,label:`Telegram`,subtitle:`Message your assistant from Telegram`,icon:`send`,supportsVerification:!0,setupMessages:{guardian:`I'd like to verify my identity as your guardian on Telegram. Can you help me set that up?`,contact:`I'd like to verify a contact's Telegram identity. Can you walk me through it?`}},{id:`phone`,source:`default`,label:`Phone Calling`,subtitle:`Call or text your assistant via phone`,icon:`phone`,supportsVerification:!0,setupMessages:{guardian:`I'd like to verify my identity as your guardian for phone calls. Can you help me set that up?`,contact:`I'd like to verify a contact's phone number. Can you help me set that up?`}}],gt=[];function _t({assistantId:e,onStartSetupConversation:t}){let{t:r}=o(`contacts`),s=re.use.a2aChannel(),c=me.use.name(),u=a(),[f]=l(),p=f.get(`setup`),m=p&&ue(p)?p:null,[h,g]=(0,K.useState)({kind:`assistant`}),_=Se(e),{paneRef:v,hasRoomForList:y,drawerOpen:b,openDrawer:x,closeDrawer:S}=ye(),[C,w]=(0,K.useState)(``),[T,E]=(0,K.useState)(!1),D=te(c),O=(0,K.useMemo)(()=>({path:{assistant_id:e}}),[e]),k=he(O),A=i({...ce(O),enabled:!!e,select:e=>e.contacts}),j=xe({assistantId:e,onStartSetupConversation:t}),ee=i({...ne({path:{assistant_id:e}}),enabled:!!e,queryFn:async({signal:t})=>{let{data:n,error:r,response:i}=await fe({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}),M=ee.data??gt,N=ee.isError,P=A.data,F=(0,K.useMemo)(()=>P?.find(e=>e.role===`guardian`)??null,[P]),ae=(0,K.useMemo)(()=>P?.filter(e=>e.role!==`guardian`)??[],[P]),I=(0,K.useMemo)(()=>h.kind===`contact`?P?.find(e=>e.id===h.contactId)??null:null,[P,h]),oe=(0,K.useMemo)(()=>!P||!I?[]:P.filter(e=>e.id!==I.id&&e.role!==`guardian`),[P,I]),L=oe.length>0,de=(0,K.useRef)(!!m);(0,K.useEffect)(()=>{de.current||F&&(de.current=!0,g({kind:`contact`,contactId:F.id}))},[F]);let z=(0,K.useCallback)(()=>u.invalidateQueries({queryKey:k}),[u,k]),B=n({mutationFn:()=>we(e,{displayName:je}),onMutate:async()=>{await u.cancelQueries({queryKey:k})},onSuccess:e=>{R(u,O,t=>t?{...t,contacts:[...t.contacts,e]}:void 0),g({kind:`contact`,contactId:e.id})},onError:W(r(`contactsPage.createFailed`)),onSettled:()=>z()}),V=n({mutationFn:t=>Ee(e,t),onSuccess:(e,t)=>{R(u,O,e=>e?{...e,contacts:e.contacts.filter(e=>e.id!==t)}:void 0),g({kind:`assistant`})},onError:W(r(`contactsPage.deleteFailed`)),onSettled:()=>z()}),H=n({mutationFn:({contactId:t,patch:n})=>we(e,{id:t,displayName:n.displayName,notes:n.notes}),onSuccess:e=>{R(u,O,t=>t?{...t,contacts:t.contacts.map(t=>t.id===e.id?e:t)}:void 0)},onError:W(r(`contactsPage.saveFailed`)),onSettled:()=>z()}),U=n({mutationFn:({contactId:t,displayName:n,autoApproveThreshold:r})=>we(e,{id:t,displayName:n,autoApproveThreshold:r}),onSuccess:e=>{R(u,O,t=>t?{...t,contacts:t.contacts.map(t=>t.id===e.id?e:t)}:void 0)},onError:W(r(`contactPermissions.saveFailed`)),onSettled:()=>z()}),G=pe({onMutate:async()=>{await u.cancelQueries({queryKey:k})},onSuccess:(e,t)=>{let n=e.contact,i=t.body.mergeId;n&&(R(u,O,e=>e?{...e,contacts:e.contacts.filter(e=>e.id!==i).map(e=>e.id===n.id?n:e)}:void 0),g({kind:`contact`,contactId:n.id})),E(!1),ge.success(r(`contactsPage.mergeSucceeded`))},onSettled:()=>z()}),De=(0,K.useCallback)(e=>{g(e),S(),E(!1),G.reset()},[S,G]),Oe=(0,K.useCallback)(()=>{G.reset(),E(!0)},[G]),ke=(0,K.useCallback)(()=>{G.isPending||(E(!1),G.reset())},[G]),q=se({onSuccess:()=>z()}),Ae=(0,K.useCallback)((t,n)=>{q.mutate({path:{assistant_id:e,contactChannelId:t},body:{status:`revoked`}})},[q,e]),Me=(0,K.useCallback)(()=>{B.isPending||B.mutate()},[B]),Ne=(0,K.useCallback)(e=>{if(!t)return;let n=M.find(t=>t.id===e);if(!n||Le(n))return;let r=n.setupMessages.contact;r&&t(r)},[M,t]),Pe=(0,K.useCallback)(e=>{if(!t)return;let n=M.find(t=>t.id===e);if(!n||Le(n))return;let r=n.setupMessages.guardian;r&&t(r)},[M,t]),X=n({mutationFn:t=>Ce(e,t.channelId),onSuccess:()=>z(),onError:W(r(`contactsPage.verifyFailed`))}),Z=n({mutationFn:t=>{if(!I)throw Error(`No contact selected`);return Te(e,{id:I.id,displayName:I.displayName},{type:t.type,address:t.address})},onSuccess:()=>z(),onError:W(r(`contactsPage.verifyFailed`))}),Ie=(0,K.useCallback)((e,t)=>{if(!I)return;let n=t?.trim();if(n){Z.mutate({type:e,address:n});return}let r=I.channels.find(t=>t.type===e&&t.status!==`revoked`);r?.address?.trim()&&X.mutate({channelId:r.id})},[I,Z,X]),Q=mt({assistantId:e,channelType:`slack`,contact:I?{id:I.id,displayName:I.displayName}:null,onLinked:z}),Re=i({...le(e),enabled:!!e&&Q.dialogOpen,select:e=>e.users}),ze=j.channels.some(e=>e.key===`slack`&&e.configured),Be=(0,K.useCallback)(e=>{e===Q.channelType&&Q.open()},[Q]),Ve=V.isPending?V.variables:null,$=(0,K.useMemo)(()=>{if(!I)return null;let e=I;return H.isPending&&H.variables?.contactId===I.id&&(e={...e,displayName:H.variables.patch.displayName,notes:H.variables.patch.notes}),U.isPending&&U.variables?.contactId===I.id&&(e={...e,autoApproveThreshold:U.variables.autoApproveThreshold}),e},[I,H.isPending,H.variables,U.isPending,U.variables]);if(m)return(0,Y.jsx)(d,{to:`${ie.channels}?setup=${m}`,replace:!0});let He={loading:A.isLoading,assistantName:D,guardian:F?{id:F.id,displayName:F.displayName.startsWith(`vellum-principal-`)?``:F.displayName,role:F.role,channelTypes:bt(F.channels,s)}:null,regularContacts:ae.filter(e=>e.id!==Ve).map(e=>({id:e.id,displayName:e.displayName,role:e.role,contactType:e.contactType,channelTypes:bt(e.channels,s),verified:yt(e.channels)})),selection:h,onAddContact:Me,addingContact:B.isPending,search:C,onSearchChange:w};return(0,Y.jsxs)(`div`,{ref:v,className:`flex min-h-0 flex-1 overflow-hidden ${y?`flex-row gap-6`:`flex-col gap-4`}`,children:[y?(0,Y.jsx)(`aside`,{className:`min-h-0 w-[320px] shrink-0 overflow-y-auto self-stretch`,children:(0,Y.jsx)(st,{...He,onSelect:De})}):(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(`div`,{className:`flex items-center`,children:(0,Y.jsx)(ve,{onClick:x})}),(0,Y.jsx)(_e,{open:b,onClose:S,title:r(`contactsPage.title`),children:(0,Y.jsx)(st,{...He,onSelect:De})})]}),(0,Y.jsx)(`section`,{className:`min-h-0 min-w-0 flex-1 overflow-y-auto`,children:h.kind===`assistant`||h.kind===`contact`&&h.contactId===Ve?(0,Y.jsx)(Fe,{assistantName:D,channels:j.channels,pendingChannelKey:j.pendingChannelKey,onConnect:j.onSetup,onDisconnect:j.onDisconnect}):$?$.role===`guardian`?(0,Y.jsx)(lt,{contact:$,savePending:H.isPending,verifyPending:X.isPending||Z.isPending,mergePending:G.isPending,canMerge:L,availableChannels:M,channelsLoadFailed:N,a2aEnabled:s,onSave:e=>{H.mutate({contactId:$.id,patch:e})},onMerge:Oe,onSetupChannel:t?Pe:void 0,onVerifyChannel:Ie,onRevokeChannel:Ae,onGenerateInviteLink:s?_.open:void 0}):(0,Y.jsx)(Xe,{contact:$,savePending:H.isPending,deletePending:V.isPending,verifyPending:X.isPending||Z.isPending,mergePending:G.isPending,canMerge:L,availableChannels:M,channelsLoadFailed:N,a2aEnabled:s,onSave:e=>{H.mutate({contactId:$.id,patch:e})},onDelete:()=>{V.mutate($.id)},onMerge:Oe,onSetupChannel:t?Ne:void 0,onVerifyChannel:Ie,onRevokeChannel:Ae,onLinkAccount:ze?Be:void 0,pendingAutoApproveThreshold:U.isPending,onAutoApproveThresholdChange:e=>{U.mutate({contactId:$.id,displayName:$.displayName,autoApproveThreshold:e})}}):(0,Y.jsx)(vt,{})}),I?(0,Y.jsx)(Qe,{open:T,survivor:I,candidates:oe,pending:G.isPending,errorMessage:G.error instanceof Error?G.error.message:G.error?r(`contactsPage.mergeFailed`):null,onMerge:t=>G.mutate({path:{assistant_id:e},body:{keepId:I.id,mergeId:t}}),onClose:ke}):null,(0,Y.jsx)(pt,{open:Q.dialogOpen,channelLabel:J(`slack`),contactName:I?.displayName??``,accounts:Re.data,loading:Re.isLoading,errorMessage:Re.isError?r(`contactsPage.rosterLoadFailed`):Q.linkErrorMessage,pendingAccountId:Q.pendingAccountId,onPick:Q.pick,onClose:Q.close,onInviteInstead:t?()=>{Q.close(),Ne(Q.channelType)}:void 0}),(0,Y.jsx)(be,{open:_.isOpen,assistantId:e,onClose:_.close})]})}function vt(){let{t:e}=o(`contacts`);return(0,Y.jsx)(`div`,{className:`flex h-full items-center justify-center py-16`,children:(0,Y.jsx)(`p`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:e(`contactsPage.emptyBody`)})})}function yt(e){return e.some(e=>e.status!==`revoked`&&(e.type===`a2a`||q(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(J(e)))}return r}function xt(){let e=c(),t=ae();return(0,Y.jsx)(_t,{assistantId:t,onStartSetupConversation:t=>{oe(e,{prompt:t})}},t)}export{xt as ContactsPageRoute};
|
|
1
|
+
import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{I as t,Jn as n,N as r,Zn as i,er as a,j as o}from"./vendor-CCI2T82b.js";import{b as s,f as c,g as l,n as u,r as d,t as f}from"./react-DPM_L_aA.js";import{$r as p,J as m,Nr as h,Rt as g,Si as _,Yt as v,_t as y,g as b,mi as x,nn as S,pi as C,pt as w,q as T,sn as E,st as D,xn as O}from"./icons-B-6TfGtd.js";import{t as k}from"./ellipsis-vertical-D7YDF4in.js";import{F as A,Jr as j,Kr as ee,Ly as M,My as N,Qa as te,Ru as ne,Ry as P,Su as re,Sv as ie,Xr as F,Y as ae,Yr as I,_s as oe,af as se,ed as ce,h as le,js as ue,ky as L,ly as de,nd as R,nh as fe,of as pe,py as z,sv as me,td as he,vy as B,xy as V,yy as ge,zy as H}from"./index-BHBLeC80.js";import{t as U}from"./detail-card-DozMITtn.js";import{n as _e,r as ve,t as ye}from"./use-side-list-room-CKAXuhLb.js";import{c as W,i as be,n as xe,r as G,t as Se}from"./use-invite-link-dialog-DBeao10u.js";import{a as Ce,i as we,n as Te,t as Ee}from"./contacts-gateway-BoQ3VEpG.js";var De=_(`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`}]]),Oe=_(`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`}]]),K=e(s(),1),ke=new Set([`slack`]);function q(e){return e.status===`verified`||e.status===`active`&&e.verifiedAt!=null}function Ae(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 J(e){let n=Ae(e.toLowerCase());return n?t(n,{ns:`contacts`}):e}var je=`New Contact`;function Me(e){return e===je}var Y=f();function Ne({channels:e,pendingChannelKey:t=null,onConnect:n,onDisconnect:r}){let{t:i}=o(`contacts`),[a,s]=(0,K.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)(B,{open:a!==null,title:i(`assistantContactChannels.disconnectConfirmTitle`,{channel:a?I(a):``}),message:i(`assistantContactChannels.disconnectConfirmMessage`),confirmLabel:i(`actions.disconnect`),destructive:!0,onConfirm:()=>{a&&r&&r(a),s(null)},onCancel:()=>s(null)})]})}function Pe({channel:e,pending:t,onConnect:n,onDisconnect:r}){let{t:i}=o(`contacts`),a=e.configured,{Icon:s,label:c}=F(e.health);return(0,Y.jsxs)(`div`,{className:`flex items-center gap-3 py-4`,children:[(0,Y.jsx)(ee,{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:I(e.key)}),a&&e.address?(0,Y.jsx)(`span`,{className:`truncate text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:e.address}):null,(0,Y.jsx)(`div`,{className:`ml-auto flex shrink-0 items-center gap-2`,children:a?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(`span`,{className:`inline-flex items-center gap-1 h-8 px-2.5 rounded-md whitespace-nowrap select-none text-body-small-emphasised leading-none bg-[var(--content-default)] text-[var(--surface-base)]`,children:[(0,Y.jsx)(s,{className:`h-3 w-3`}),c]}),r?(0,Y.jsx)(H,{variant:`danger`,onClick:r,disabled:t,children:i(t?`actions.disconnecting`:`actions.disconnect`)}):(0,Y.jsx)(H,{variant:`outlined`,asChild:!0,children:(0,Y.jsx)(u,{to:`${ie.channels}?setup=${e.key}`,children:i(`actions.manage`)})})]}):n?(0,Y.jsx)(H,{variant:`outlined`,onClick:n,disabled:t,children:i(`actions.connect`)}):null})]})}function X({role:e,contactType:t}){let{label:n,tone:r}=Z(e,t);return(0,Y.jsx)(N,{tone:r,children:n})}function Z(e,t){switch(e){case`guardian`:return{label:`Guardian`,tone:`positive`};case`assistant`:return{label:`Assistant`,tone:`negative`};default:return t===`assistant`?{label:`Assistant`,tone:`negative`}:{label:`Human`,tone:`warning`}}}function Fe({assistantName:e,...t}){let{t:n}=o(`contacts`),r=te(e);return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[(0,Y.jsx)(U,{title:n(`assistantChannelsDetail.title`,{name:r}),accessory:(0,Y.jsx)(X,{role:`assistant`}),compactAccessory:!0}),(0,Y.jsx)(U,{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&&q(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=j(e);if(i)return(0,K.createElement)(i,{size:16,className:n,style:r});switch(t){case`bot`:return(0,Y.jsx)(p,{className:n,style:r});case`hash`:return(0,Y.jsx)(O,{className:n,style:r});case`send`:return(0,Y.jsx)(T,{className:n,style:r});case`phone`:return(0,Y.jsx)(w,{className:n,style:r});case`mail`:return(0,Y.jsx)(v,{className:n,style:r});case`message-square`:return(0,Y.jsx)(g,{className:n,style:r});default:return(0,Y.jsx)(De,{className:n,style:r})}}function He({contactChannels:e,availableChannels:t,channelsLoadFailed:n,a2aEnabled:r,setupLabel:i,verifyLoading:a,verifySubject:s=`self`,onSetupChannel:c,onVerifyChannel:l,onRevokeChannel:u,onLinkAccount:d}){let{t:f}=o(`contacts`),[p,m]=(0,K.useState)(null),[h,g]=(0,K.useState)(null),_=new Map;for(let t of e)t.status!==`revoked`&&(_.has(t.type)||_.set(t.type,t));let v=e=>{p&&(l?.(p.info.id,e),m(null))},y=Ve(t,e,r);return(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(`div`,{className:`flex flex-col`,children:[n&&(0,Y.jsx)(`div`,{className:`px-1 py-2 text-sm`,style:{color:`var(--content-secondary)`},role:`status`,children:f(`contactChannelsSection.loadFailed`)}),y.map((e,t)=>{let n=_.get(e.id);return(0,Y.jsxs)(`div`,{children:[t>0&&(0,Y.jsx)(`div`,{className:`border-t`,style:{borderColor:`var(--border-base)`}}),(0,Y.jsx)(Ue,{info:e,existing:n,setupLabel:i??f(`contactChannelsSection.setupDefault`),verifyLoading:a,onSetup:c?()=>c(e.id):void 0,onVerify:l&&Re(e)?()=>m({info:e,existing:n}):void 0,onRevoke:u&&n?()=>g({channelId:n.id,channel:e}):void 0,onLinkAccount:d&&ke.has(e.id)?()=>d(e.id):void 0})]},e.id)})]}),p?(0,Y.jsx)(We,{info:p.info,existing:p.existing,verifySubject:s,onConfirm:v,onCancel:()=>m(null)}):null,h&&(0,Y.jsx)(B,{open:!0,title:f(`contactChannelsSection.revokeConfirmTitle`,{channel:h.channel.label}),message:f(`contactChannelsSection.revokeConfirmMessage`),confirmLabel:f(`actions.revoke`),destructive:!0,onConfirm:()=>{u?.(h.channelId,h.channel.id),g(null)},onCancel:()=>g(null)})]})}function Ue({info:e,existing:t,setupLabel:n,verifyLoading:r,onSetup:i,onVerify:a,onRevoke:s,onLinkAccount:c}){let{t:l}=o(`contacts`),u=Be(e,t);return(0,Y.jsxs)(`div`,{className:`flex items-center gap-3 py-4`,children:[(0,Y.jsx)($,{channelId:e.id,name:e.icon,className:`h-4 w-4 shrink-0`,style:{color:`var(--content-secondary)`}}),(0,Y.jsx)(`span`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:e.label}),t?.address?(0,Y.jsx)(`span`,{className:`truncate text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:t.address}):null,(0,Y.jsx)(`div`,{className:`ml-auto flex shrink-0 items-center gap-2`,children:u.kind===`connected`?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(`span`,{className:`inline-flex items-center gap-1 h-8 px-2.5 rounded-md whitespace-nowrap select-none text-body-small-emphasised leading-none bg-[var(--content-default)] text-[var(--surface-base)]`,children:[(0,Y.jsx)(h,{className:`h-3 w-3`}),l(`channelStatus.connected`)]}),s?(0,Y.jsx)(H,{variant:`danger`,onClick:s,children:l(`actions.revoke`)}):null]}):u.kind===`verified`?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(`span`,{className:`inline-flex items-center gap-1 h-8 px-2.5 rounded-md whitespace-nowrap select-none text-body-small-emphasised leading-none bg-[var(--content-default)] text-[var(--surface-base)]`,children:[(0,Y.jsx)(h,{className:`h-3 w-3`}),l(`channelStatus.verified`)]}),s?(0,Y.jsx)(H,{variant:`danger`,onClick:s,children:l(`actions.revoke`)}):null]}):u.kind===`unverified`?(0,Y.jsx)(H,{variant:`outlined`,onClick:a,disabled:!a||r,children:l(r?`actions.verifying`:`actions.verify`)}):u.kind===`setup`?e.id===`a2a`?null:(0,Y.jsxs)(Y.Fragment,{children:[c?(0,Y.jsxs)(H,{onClick:c,children:[(0,Y.jsx)(E,{className:`h-3.5 w-3.5`}),l(`contactChannelsSection.linkAccount`)]}):null,(0,Y.jsx)(H,{variant:`outlined`,onClick:i,disabled:!i,children:n})]}):null})]})}function We({info:e,existing:t,verifySubject:n,onConfirm:r,onCancel:i}){let{t:a}=o(`contacts`),[s,c]=(0,K.useState)(t?.address?.trim()??``),l=(0,K.useRef)(null),u=(0,K.useId)(),d=s.trim();return ze(t)?(0,Y.jsx)(B,{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)(V.Root,{open:!0,onOpenChange:e=>{e||i()},children:(0,Y.jsx)(V.Content,{size:`sm`,hideCloseButton:!0,onOpenAutoFocus:e=>{e.preventDefault(),l.current?.focus()},onEscapeKeyDown:e=>{e.preventDefault(),e.stopPropagation(),i()},children:(0,Y.jsxs)(`form`,{className:`flex flex-col`,onSubmit:e=>{e.preventDefault(),d.length!==0&&r(d)},children:[(0,Y.jsx)(V.Header,{children:(0,Y.jsx)(V.Title,{children:a(`contactChannelsSection.verifyConfirmTitle`,{channel:e.label})})}),(0,Y.jsxs)(V.Body,{className:`flex flex-col gap-3`,children:[(0,Y.jsx)(V.Description,{children:a(n===`contact`?`contactChannelsSection.verifyAddressMessageContact`:`contactChannelsSection.verifyAddressMessageGuardian`,{channel:e.label})}),(0,Y.jsx)(L,{ref:l,id:u,label:a(`contactChannelsSection.verifyAddressLabel`),type:`text`,value:s,onChange:e=>{c(e.target.value)},placeholder:a(`contactChannelsSection.verifyAddressPlaceholder`),autoComplete:`off`,spellCheck:!1,fullWidth:!0})]}),(0,Y.jsxs)(V.Footer,{children:[(0,Y.jsx)(H,{variant:`outlined`,type:`button`,onClick:i,children:a(`actions.cancel`)}),(0,Y.jsx)(H,{type:`submit`,disabled:d.length===0,children:a(`actions.verify`)})]})]})})})}function Ge(e){return e===`none`||e===`low`||e===`medium`||e===`high`}function Ke(e,t){switch(t){case`none`:return e(`contactPermissions.preset.none`);case`low`:return e(`contactPermissions.preset.low`);case`medium`:return e(`contactPermissions.preset.medium`);case`high`:return e(`contactPermissions.preset.high`)}}function qe(e,t){if(t===null)return e(`contactPermissions.inheritDescription`);switch(t){case`none`:return e(`contactPermissions.description.none`);case`low`:return e(`contactPermissions.description.low`);case`medium`:return e(`contactPermissions.description.medium`);case`high`:return e(`contactPermissions.description.high`)}}function Je(e){return e.role!==`guardian`&&e.contactType!==`assistant`}function Ye({contact:e,pending:t,onAutoApproveThresholdChange:n}){let{t:r}=o(`contacts`),i=Ge(e.autoApproveThreshold)?e.autoApproveThreshold:null,a=i===null?null:A.find(e=>e.riskThreshold===i);return(0,Y.jsx)(U,{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)(de,{value:a?.id??null,placeholder:r(`contactPermissions.inheritLabel`),disabled:t,onSelectNone:()=>{n(null)},onChange:e=>{let t=A.find(t=>t.id===e);t&&n(t.riskThreshold)},options:[{value:null,label:r(`contactPermissions.inheritLabel`)},...A.map(e=>{let t=e.icon;return{value:e.id,label:Ke(r,e.riskThreshold),icon:(0,Y.jsx)(t,{className:`h-3.5 w-3.5`})}})]})}),(0,Y.jsx)(`p`,{className:`text-body-small-default text-[var(--content-tertiary)]`,children:qe(r,i)})]})})}function Xe(e){return(0,Y.jsx)(Ze,{...e},e.contact.id)}function Ze({contact:e,savePending:t,deletePending:n,verifyPending:r,mergePending:i=!1,canMerge:a=!1,availableChannels:s,channelsLoadFailed:c,a2aEnabled:l,onSave:u,onDelete:d,onMerge:f,onSetupChannel:p,onVerifyChannel:m,onRevokeChannel:h,onLinkAccount:g,pendingAutoApproveThreshold:_,onAutoApproveThresholdChange:v}){let{t:y}=o(`contacts`),b=Me(e.displayName),[x,S]=(0,K.useState)(b?``:e.displayName),[C,w]=(0,K.useState)(e.notes??``),[T,E]=(0,K.useState)(!1),D=x.trim(),O=C.trim(),k=b?``:e.displayName,A=e.notes??``,j=D!==k||O!==A,ee=D.length>0&&j&&!t&&!n,M=b&&e.channels.length===0&&e.interactionCount===0,N=D||(b?y(`contact.draftName`):e.displayName),te=y(`contact.interactions`,{count:e.interactionCount});return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[(0,Y.jsx)(U,{title:N,accessory:(0,Y.jsx)(X,{role:e.role,contactType:e.contactType}),compactAccessory:!0,subtitle:te,children:(0,Y.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,Y.jsx)(L,{label:y(`contact.nameLabel`),type:`text`,value:x,onChange:e=>S(e.target.value),placeholder:y(`contactDetailView.namePlaceholder`),autoFocus:b,disabled:t||n,fullWidth:!0}),(0,Y.jsx)(L,{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)(H,{type:`button`,onClick:()=>u({displayName:D,notes:O}),disabled:!ee,children:y(t?`actions.saving`:`actions.save`)}),f?(0,Y.jsx)(H,{type:`button`,variant:`outlined`,onClick:f,disabled:!a||M||j||i||t||n,title:a?M?y(`contactDetailView.mergeBlockedUnsavedDraft`):j?y(`contact.mergeBlockedUnsaved`):void 0:y(`contact.mergeBlockedNoCandidates`),children:y(i?`actions.merging`:`actions.merge`)}):null,(0,Y.jsx)(H,{type:`button`,variant:`danger`,onClick:()=>{M?d():E(!0)},disabled:n,children:y(n?`actions.deleting`:`contactDetailView.delete`)})]})]})}),(0,Y.jsx)(U,{title:y(`contactDetailView.linkedAccountsTitle`),subtitle:y(`contactDetailView.linkedAccountsSubtitle`),children:(0,Y.jsx)(He,{contactChannels:e.channels,availableChannels:s,channelsLoadFailed:c,a2aEnabled:l,verifyLoading:r,verifySubject:`contact`,onSetupChannel:p,onVerifyChannel:m,onRevokeChannel:h,onLinkAccount:g})}),Je(e)&&v?(0,Y.jsx)(Ye,{contact:e,pending:_,onAutoApproveThresholdChange:v}):null,(0,Y.jsx)(B,{open:T,title:y(`contactDetailView.deleteConfirmTitle`,{name:N}),message:y(`contactDetailView.deleteConfirmMessage`),confirmLabel:y(`actions.delete`),destructive:!0,onConfirm:()=>{E(!1),d()},onCancel:()=>E(!1)})]})}function Qe(e){return(0,Y.jsx)($e,{...e},`${e.survivor.id}:${e.open?`open`:`closed`}`)}function $e({open:e,survivor:t,candidates:n,pending:r,errorMessage:i,onMerge:a,onClose:s}){let{t:c}=o(`contacts`),[l,u]=(0,K.useState)(``),[d,f]=(0,K.useState)(null);(0,K.useEffect)(()=>{d&&!n.some(e=>e.id===d)&&f(null)},[n,d]);let p=(0,K.useMemo)(()=>{let e=l.trim().toLowerCase();return e?n.filter(t=>t.displayName.toLowerCase().includes(e)):n},[n,l]),m=d?n.find(e=>e.id===d)??null:null,h=it(t);return(0,Y.jsx)(V.Root,{open:e,onOpenChange:e=>{!e&&!r&&s()},children:(0,Y.jsxs)(V.Content,{size:`md`,children:[(0,Y.jsxs)(V.Header,{icon:Oe,children:[(0,Y.jsx)(V.Title,{children:m?c(`contactMergeDialog.titlePicked`,{donor:m.displayName,survivor:h}):c(`contactMergeDialog.titlePicking`,{survivor:h})}),(0,Y.jsx)(V.Description,{children:c(m?`contactMergeDialog.descriptionPicked`:`contactMergeDialog.descriptionPicking`)})]}),(0,Y.jsxs)(V.Body,{className:`flex flex-col gap-3`,children:[m?(0,Y.jsx)(nt,{survivor:t,donor:m}):n.length===0?(0,Y.jsx)(rt,{}):(0,Y.jsx)(et,{search:l,onSearch:u,candidates:p,onPick:f}),i?(0,Y.jsx)(P,{as:`p`,variant:`body-small-default`,className:`text-(--system-negative-strong)`,role:`alert`,children:i}):null]}),(0,Y.jsx)(V.Footer,{children:m?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(H,{variant:`outlined`,onClick:()=>f(null),disabled:r,leftIcon:(0,Y.jsx)(x,{"aria-hidden":!0}),children:c(`actions.back`)}),(0,Y.jsx)(H,{variant:`danger`,onClick:()=>a(m.id),disabled:r,children:c(r?`actions.merging`:`contactMergeDialog.confirm`)})]}):(0,Y.jsx)(H,{variant:`outlined`,onClick:s,disabled:r,children:c(`actions.cancel`)})})]})})}function et({search:e,onSearch:t,candidates:n,onPick:r}){let{t:i}=o(`contacts`);return(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(L,{type:`text`,value:e,onChange:e=>t(e.target.value),placeholder:i(`contactMergeDialog.searchPlaceholder`),leftIcon:(0,Y.jsx)(m,{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)(P,{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)(z,{asChild:!0,children:(0,Y.jsx)(`button`,{type:`button`,onClick:t,role:`option`,"aria-selected":`false`,className:`flex h-auto w-full items-center gap-2 rounded-[6px] px-[8px] py-2 text-left`,children:(0,Y.jsxs)(`span`,{className:`flex min-w-0 flex-1 flex-col`,children:[(0,Y.jsx)(`span`,{className:`truncate text-body-medium-default`,children:e.displayName}),n?(0,Y.jsx)(`span`,{className:`truncate text-body-small-default text-(--content-tertiary)`,children:n}):null]})})})}function nt({survivor:e,donor:t}){let{t:n}=o(`contacts`),i=it(e),{moved:a,duplicates:s}=at(e,t);return(0,Y.jsxs)(`ul`,{className:`flex flex-col gap-2 text-body-medium-lighter text-(--content-secondary)`,children:[(0,Y.jsx)(`li`,{children:(0,Y.jsx)(r,{i18nKey:`contactMergeDialog.donorDeleted`,ns:`contacts`,values:{donor:t.displayName},components:{donor:(0,Y.jsx)(`span`,{className:`text-(--content-default)`})}})}),(0,Y.jsx)(`li`,{children:n(`contactMergeDialog.channelsMoved`,{count:a.length,survivor:i,channels:a.map(e=>J(e.type)).join(`, `)})}),s.length>0?(0,Y.jsx)(`li`,{className:`text-(--content-tertiary)`,children:n(`contactMergeDialog.duplicatesSkipped`,{count:s.length,survivor:i})}):null,t.notes?(0,Y.jsx)(`li`,{children:n(`contactMergeDialog.notesAppended`)}):null,(0,Y.jsx)(`li`,{className:`text-(--content-tertiary)`,children:n(`contactMergeDialog.irreversible`)})]})}function rt(){let{t:e}=o(`contacts`);return(0,Y.jsx)(P,{as:`p`,variant:`body-medium-lighter`,className:`px-3 py-6 text-center text-(--content-tertiary)`,children:e(`contactMergeDialog.empty`)})}function it(e){return e.role===`guardian`?!e.displayName||e.displayName.startsWith(`vellum-principal-`)?t(`survivorName.you`,{ns:`contacts`}):t(`survivorName.youNamed`,{ns:`contacts`,name:e.displayName}):e.displayName||t(`survivorName.thisContact`,{ns:`contacts`})}function at(e,t){let n=[],r=[];for(let i of t.channels)i.status!==`revoked`&&(e.channels.some(e=>e.type===i.type&&e.address.toLowerCase()===i.address.toLowerCase())?r.push(i):n.push(i));return{moved:n,duplicates:r}}function ot(e){let t=new Set,n=[];for(let r of e.channels){if(r.status===`revoked`)continue;let e=r.type.toLowerCase();t.has(e)||(t.add(e),n.push(J(e)))}return n}function st({loading:e,guardian:t,assistantName:n,regularContacts:r,selection:i,onSelect:a,onAddContact:s,addingContact:c=!1,search:l,onSearchChange:u}){let{t:d}=o(`contacts`),f=l.trim()?r.filter(e=>e.displayName.toLowerCase().includes(l.trim().toLowerCase())):r;return(0,Y.jsx)(M.Root,{className:`flex h-full flex-col overflow-hidden`,children:(0,Y.jsxs)(M.Body,{className:`flex min-h-0 min-w-0 flex-1 flex-col gap-4`,children:[(0,Y.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,Y.jsx)(`h2`,{className:`text-title-medium`,style:{color:`var(--content-default)`},children:d(`contactsList.heading`)}),(0,Y.jsx)(H,{type:`button`,variant:`ghost`,iconOnly:c?(0,Y.jsx)(S,{className:`animate-spin`,"aria-hidden":!0}):(0,Y.jsx)(D,{"aria-hidden":!0}),onClick:s,disabled:c,"aria-label":d(`contactsList.addAriaLabel`),tintColor:`var(--content-secondary)`})]}),(0,Y.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[t?(0,Y.jsx)(ct,{name:t.displayName?d(`contactsList.youNamed`,{name:t.displayName}):d(`contactsList.you`),role:t.role,channelTypes:t.channelTypes,selected:i?.kind===`contact`&&i.contactId===t.id,onClick:()=>a({kind:`contact`,contactId:t.id}),trailingIcon:`pencil`}):null,(0,Y.jsx)(ct,{name:n?.trim()||d(`contactsList.assistantFallback`),role:`assistant`,selected:i?.kind===`assistant`,onClick:()=>a({kind:`assistant`}),trailingIcon:`more`})]}),(0,Y.jsx)(`div`,{className:`border-t`,style:{borderColor:`var(--border-base)`}}),r.length>0?(0,Y.jsx)(L,{type:`text`,value:l,onChange:e=>u(e.target.value),placeholder:d(`contactsList.searchPlaceholder`),leftIcon:(0,Y.jsx)(m,{className:`h-3.5 w-3.5`,"aria-hidden":!0}),fullWidth:!0}):null,r.length>0?(0,Y.jsxs)(`div`,{className:`min-h-0 flex-1 overflow-y-auto flex flex-col gap-1`,children:[f.map(e=>(0,Y.jsx)(ct,{name:e.displayName,role:e.role,contactType:e.contactType,channelTypes:e.channelTypes,verified:e.verified,selected:i?.kind===`contact`&&i.contactId===e.id,onClick:()=>a({kind:`contact`,contactId:e.id}),trailingIcon:`more`},e.id)),f.length===0?(0,Y.jsx)(`p`,{className:`px-3 py-4 text-center text-body-small-default`,style:{color:`var(--content-tertiary)`},children:d(`contactsList.noMatches`)}):null]}):e?null:(0,Y.jsx)(H,{type:`button`,variant:`ghost`,onClick:s,disabled:c,tintColor:`var(--primary-base)`,leftIcon:c?(0,Y.jsx)(S,{className:`animate-spin`,"aria-hidden":!0}):(0,Y.jsx)(b,{"aria-hidden":!0}),children:d(`contactsList.add`)})]})})}function ct({name:e,role:t,contactType:n,channelTypes:r,selected:i,onClick:a,trailingIcon:s,verified:c}){let{t:l}=o(`contacts`),u=r&&r.length>0?r.join(` | `):void 0,d=s===`pencil`?(0,Y.jsx)(y,{className:`h-3.5 w-3.5 text-[color:var(--content-tertiary)]`,"aria-hidden":!0}):s===`more`?(0,Y.jsx)(k,{className:`h-3.5 w-3.5 text-[color:var(--content-tertiary)]`,"aria-hidden":!0}):void 0;return(0,Y.jsx)(z,{asChild:!0,active:i,children:(0,Y.jsxs)(`button`,{type:`button`,onClick:a,className:`flex h-auto w-full items-center gap-2 rounded-[6px] px-[8px] py-2 text-left`,children:[(0,Y.jsxs)(`span`,{className:`flex min-w-0 flex-1 flex-col`,children:[(0,Y.jsx)(`span`,{className:`truncate text-body-medium-default`,children:e}),u?(0,Y.jsx)(`span`,{className:`truncate text-body-small-default`,style:{color:`var(--content-tertiary)`},children:u}):null]}),(0,Y.jsxs)(`span`,{className:`flex shrink-0 items-center gap-1`,children:[c===void 0?null:(0,Y.jsx)(N,{tone:c?`positive`:`neutral`,children:l(c?`contactsList.verified`:`contactsList.unverified`)}),(0,Y.jsx)(X,{role:t,contactType:n}),d]})]})})}function lt(e){return(0,Y.jsx)(ut,{...e},e.contact.id)}function ut({contact:e,savePending:t,verifyPending:n,mergePending:r=!1,canMerge:i=!1,availableChannels:a,channelsLoadFailed:s,a2aEnabled:c,onSave:l,onMerge:u,onSetupChannel:d,onVerifyChannel:f,onRevokeChannel:p,onGenerateInviteLink:m}){let{t:h}=o(`contacts`),g=e.displayName.startsWith(`vellum-principal-`),_=g?``:e.displayName,[v,y]=(0,K.useState)(_),[b,x]=(0,K.useState)(e.notes??``),S=v.trim(),C=b.trim(),w=S!==_.trim()||C!==(e.notes??``).trim(),T=w&&!t,E=h(`contact.interactions`,{count:e.interactionCount});return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[(0,Y.jsx)(U,{title:g?h(`contactsList.you`):h(`contactsList.youNamed`,{name:e.displayName}),accessory:(0,Y.jsx)(X,{role:`guardian`}),compactAccessory:!0,subtitle:E,children:(0,Y.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,Y.jsx)(L,{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)(L,{label:h(`contact.notesLabel`),type:`text`,value:b,onChange:e=>x(e.target.value),placeholder:h(`guardianDetailView.notesPlaceholder`),disabled:t,fullWidth:!0}),(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,Y.jsx)(H,{variant:`primary`,onClick:()=>l({displayName:S||e.displayName,notes:C}),disabled:!T,children:h(t?`actions.saving`:`actions.save`)}),u?(0,Y.jsx)(H,{variant:`outlined`,onClick:u,disabled:!i||w||r||t,title:i?w?h(`contact.mergeBlockedUnsaved`):void 0:h(`contact.mergeBlockedNoCandidates`),children:h(r?`actions.merging`:`actions.merge`)}):null]})]})}),(0,Y.jsx)(U,{title:h(`guardianDetailView.channelsTitle`),subtitle:h(`guardianDetailView.channelsSubtitle`),children:(0,Y.jsx)(He,{contactChannels:e.channels,availableChannels:a,channelsLoadFailed:s,a2aEnabled:c,setupLabel:h(`guardianDetailView.setupLabel`),verifyLoading:n,onSetupChannel:d,onVerifyChannel:f,onRevokeChannel:p})}),m?(0,Y.jsx)(G,{onClick:m}):null]})}function dt(e,t){let n=t.trim().toLowerCase().replace(/^@/,``);return n===``?e:e.filter(e=>e.displayName.toLowerCase().includes(n)||e.username.toLowerCase().includes(n))}function ft(e){let t=e.trim().split(/\s+/).filter(Boolean);return`${t[0]?.[0]??`?`}${t.length>1?t[t.length-1]?.[0]??``:``}`.toUpperCase()}function pt({open:e,channelLabel:t,contactName:n,accounts:i,loading:a,errorMessage:s,pendingAccountId:c,onPick:l,onClose:u,onInviteInstead:d}){let{t:f}=o(`contacts`),[p,h]=(0,K.useState)(``);(0,K.useEffect)(()=>{e&&h(``)},[e]);let g=(0,K.useMemo)(()=>dt(i??[],p),[i,p]),_=c!=null;return(0,Y.jsx)(V.Root,{open:e,onOpenChange:e=>!e&&u(),children:(0,Y.jsxs)(V.Content,{size:`sm`,children:[(0,Y.jsxs)(V.Header,{children:[(0,Y.jsx)(V.Title,{children:f(`linkAccountDialog.title`,{channel:t})}),(0,Y.jsx)(V.Description,{children:(0,Y.jsx)(r,{i18nKey:`linkAccountDialog.description`,ns:`contacts`,values:{channel:t,name:n},components:{contact:(0,Y.jsx)(`span`,{className:`text-[color:var(--content-default)]`})}})})]}),(0,Y.jsxs)(V.Body,{className:`flex flex-col gap-3`,children:[(0,Y.jsx)(L,{type:`search`,value:p,onChange:e=>h(e.target.value),placeholder:f(`linkAccountDialog.searchPlaceholder`),"aria-label":f(`linkAccountDialog.searchAriaLabel`,{channel:t}),leftIcon:(0,Y.jsx)(m,{className:`h-4 w-4`}),fullWidth:!0}),s?(0,Y.jsx)(`p`,{className:`text-body-small-default text-[color:var(--content-negative)]`,children:s}):null,(0,Y.jsx)(`div`,{className:`max-h-80 overflow-y-auto`,children:a?(0,Y.jsx)(`p`,{className:`py-4 text-center text-body-small-default text-[color:var(--content-tertiary)]`,children:f(`linkAccountDialog.loading`)}):g.length===0?(0,Y.jsx)(`p`,{className:`py-4 text-center text-body-small-default text-[color:var(--content-tertiary)]`,children:(i?.length??0)===0?f(`linkAccountDialog.noMembers`):f(`linkAccountDialog.noMatches`)}):(0,Y.jsx)(`ul`,{className:`flex flex-col`,children:g.map(e=>(0,Y.jsx)(`li`,{children:(0,Y.jsxs)(`button`,{type:`button`,onClick:()=>l(e),disabled:_,className:`flex w-full cursor-pointer items-center gap-3 rounded-md px-2 py-2 text-left transition-colors hover:bg-[var(--surface-overlay)] disabled:cursor-not-allowed disabled:opacity-60`,children:[e.imageUrl?(0,Y.jsx)(`img`,{src:e.imageUrl,alt:``,className:`h-8 w-8 shrink-0 rounded-full`}):(0,Y.jsx)(`span`,{"aria-hidden":`true`,className:`flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[var(--tag-bg-neutral)] text-body-small-emphasised text-[color:var(--content-secondary)]`,children:ft(e.displayName)}),(0,Y.jsxs)(`span`,{className:`flex min-w-0 flex-col`,children:[(0,Y.jsx)(`span`,{className:`truncate text-body-medium-default text-[color:var(--content-default)]`,children:e.displayName}),(0,Y.jsxs)(`span`,{className:`truncate text-body-small-default text-[color:var(--content-tertiary)]`,children:[`@`,e.username]})]}),c===e.id?(0,Y.jsx)(`span`,{className:`ml-auto shrink-0 text-body-small-default text-[color:var(--content-tertiary)]`,children:f(`linkAccountDialog.linking`)}):null]})},e.id))})})]}),(0,Y.jsxs)(V.Footer,{className:`items-center justify-between gap-3 border-t border-[var(--border-base)]`,children:[(0,Y.jsx)(`p`,{className:`text-body-small-default text-[color:var(--content-tertiary)]`,children:(0,Y.jsx)(r,{i18nKey:`linkAccountDialog.guardianLinkNote`,ns:`contacts`,components:{emphasis:(0,Y.jsx)(`span`,{className:`text-[color:var(--content-secondary)]`})}})}),d?(0,Y.jsxs)(H,{variant:`link`,className:`shrink-0`,onClick:d,disabled:_,children:[f(`linkAccountDialog.inviteInstead`),(0,Y.jsx)(C,{className:`h-3.5 w-3.5`})]}):null]})]})})}function mt({assistantId:e,channelType:r,contact:i,onLinked:a}){let[o,s]=(0,K.useState)(!1),c=n({mutationFn:t=>Te(e,t.contact,{type:r,address:t.account.id}),onSuccess:(e,n)=>{s(!1),ge.success(t(`accountLink.linked`,{ns:`contacts`,username:n.account.username})),a()}}),l=(0,K.useCallback)(()=>{c.reset(),s(!0)},[c]),u=(0,K.useCallback)(()=>{c.isPending||(c.reset(),s(!1))},[c]),d=(0,K.useCallback)(e=>{!i||c.isPending||c.mutate({contact:i,account:e})},[i,c]);return{channelType:r,dialogOpen:o,open:l,close:u,linkErrorMessage:c.error instanceof Error?c.error.message:c.error?t(`accountLink.linkFailed`,{ns:`contacts`}):null,pendingAccountId:c.isPending?c.variables.account.id:null,pick:d}}var ht=[{id:`slack`,source:`default`,label:`Slack`,subtitle:`Message your assistant from Slack`,icon:`hash`,supportsVerification:!0,setupMessages:{guardian:`I'd like to verify my identity as your guardian on Slack. Can you help me set that up?`,contact:`I'd like to verify a contact's Slack identity. Can you walk me through it?`}},{id:`telegram`,source:`default`,label:`Telegram`,subtitle:`Message your assistant from Telegram`,icon:`send`,supportsVerification:!0,setupMessages:{guardian:`I'd like to verify my identity as your guardian on Telegram. Can you help me set that up?`,contact:`I'd like to verify a contact's Telegram identity. Can you walk me through it?`}},{id:`phone`,source:`default`,label:`Phone Calling`,subtitle:`Call or text your assistant via phone`,icon:`phone`,supportsVerification:!0,setupMessages:{guardian:`I'd like to verify my identity as your guardian for phone calls. Can you help me set that up?`,contact:`I'd like to verify a contact's phone number. Can you help me set that up?`}}],gt=[];function _t({assistantId:e,onStartSetupConversation:t}){let{t:r}=o(`contacts`),s=re.use.a2aChannel(),c=me.use.name(),u=a(),[f]=l(),p=f.get(`setup`),m=p&&ue(p)?p:null,[h,g]=(0,K.useState)({kind:`assistant`}),_=Se(e),{paneRef:v,hasRoomForList:y,drawerOpen:b,openDrawer:x,closeDrawer:S}=ye(),[C,w]=(0,K.useState)(``),[T,E]=(0,K.useState)(!1),D=te(c),O=(0,K.useMemo)(()=>({path:{assistant_id:e}}),[e]),k=he(O),A=i({...ce(O),enabled:!!e,select:e=>e.contacts}),j=xe({assistantId:e,onStartSetupConversation:t}),ee=i({...ne({path:{assistant_id:e}}),enabled:!!e,queryFn:async({signal:t})=>{let{data:n,error:r,response:i}=await fe({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}),M=ee.data??gt,N=ee.isError,P=A.data,F=(0,K.useMemo)(()=>P?.find(e=>e.role===`guardian`)??null,[P]),ae=(0,K.useMemo)(()=>P?.filter(e=>e.role!==`guardian`)??[],[P]),I=(0,K.useMemo)(()=>h.kind===`contact`?P?.find(e=>e.id===h.contactId)??null:null,[P,h]),oe=(0,K.useMemo)(()=>!P||!I?[]:P.filter(e=>e.id!==I.id&&e.role!==`guardian`),[P,I]),L=oe.length>0,de=(0,K.useRef)(!!m);(0,K.useEffect)(()=>{de.current||F&&(de.current=!0,g({kind:`contact`,contactId:F.id}))},[F]);let z=(0,K.useCallback)(()=>u.invalidateQueries({queryKey:k}),[u,k]),B=n({mutationFn:()=>we(e,{displayName:je}),onMutate:async()=>{await u.cancelQueries({queryKey:k})},onSuccess:e=>{R(u,O,t=>t?{...t,contacts:[...t.contacts,e]}:void 0),g({kind:`contact`,contactId:e.id})},onError:W(r(`contactsPage.createFailed`)),onSettled:()=>z()}),V=n({mutationFn:t=>Ee(e,t),onSuccess:(e,t)=>{R(u,O,e=>e?{...e,contacts:e.contacts.filter(e=>e.id!==t)}:void 0),g({kind:`assistant`})},onError:W(r(`contactsPage.deleteFailed`)),onSettled:()=>z()}),H=n({mutationFn:({contactId:t,patch:n})=>we(e,{id:t,displayName:n.displayName,notes:n.notes}),onSuccess:e=>{R(u,O,t=>t?{...t,contacts:t.contacts.map(t=>t.id===e.id?e:t)}:void 0)},onError:W(r(`contactsPage.saveFailed`)),onSettled:()=>z()}),U=n({mutationFn:({contactId:t,displayName:n,autoApproveThreshold:r})=>we(e,{id:t,displayName:n,autoApproveThreshold:r}),onSuccess:e=>{R(u,O,t=>t?{...t,contacts:t.contacts.map(t=>t.id===e.id?e:t)}:void 0)},onError:W(r(`contactPermissions.saveFailed`)),onSettled:()=>z()}),G=pe({onMutate:async()=>{await u.cancelQueries({queryKey:k})},onSuccess:(e,t)=>{let n=e.contact,i=t.body.mergeId;n&&(R(u,O,e=>e?{...e,contacts:e.contacts.filter(e=>e.id!==i).map(e=>e.id===n.id?n:e)}:void 0),g({kind:`contact`,contactId:n.id})),E(!1),ge.success(r(`contactsPage.mergeSucceeded`))},onSettled:()=>z()}),De=(0,K.useCallback)(e=>{g(e),S(),E(!1),G.reset()},[S,G]),Oe=(0,K.useCallback)(()=>{G.reset(),E(!0)},[G]),ke=(0,K.useCallback)(()=>{G.isPending||(E(!1),G.reset())},[G]),q=se({onSuccess:()=>z()}),Ae=(0,K.useCallback)((t,n)=>{q.mutate({path:{assistant_id:e,contactChannelId:t},body:{status:`revoked`}})},[q,e]),Me=(0,K.useCallback)(()=>{B.isPending||B.mutate()},[B]),Ne=(0,K.useCallback)(e=>{if(!t)return;let n=M.find(t=>t.id===e);if(!n||Le(n))return;let r=n.setupMessages.contact;r&&t(r)},[M,t]),Pe=(0,K.useCallback)(e=>{if(!t)return;let n=M.find(t=>t.id===e);if(!n||Le(n))return;let r=n.setupMessages.guardian;r&&t(r)},[M,t]),X=n({mutationFn:t=>Ce(e,t.channelId),onSuccess:()=>z(),onError:W(r(`contactsPage.verifyFailed`))}),Z=n({mutationFn:t=>{if(!I)throw Error(`No contact selected`);return Te(e,{id:I.id,displayName:I.displayName},{type:t.type,address:t.address})},onSuccess:()=>z(),onError:W(r(`contactsPage.verifyFailed`))}),Ie=(0,K.useCallback)((e,t)=>{if(!I)return;let n=t?.trim();if(n){Z.mutate({type:e,address:n});return}let r=I.channels.find(t=>t.type===e&&t.status!==`revoked`);r?.address?.trim()&&X.mutate({channelId:r.id})},[I,Z,X]),Q=mt({assistantId:e,channelType:`slack`,contact:I?{id:I.id,displayName:I.displayName}:null,onLinked:z}),Re=i({...le(e),enabled:!!e&&Q.dialogOpen,select:e=>e.users}),ze=j.channels.some(e=>e.key===`slack`&&e.configured),Be=(0,K.useCallback)(e=>{e===Q.channelType&&Q.open()},[Q]),Ve=V.isPending?V.variables:null,$=(0,K.useMemo)(()=>{if(!I)return null;let e=I;return H.isPending&&H.variables?.contactId===I.id&&(e={...e,displayName:H.variables.patch.displayName,notes:H.variables.patch.notes}),U.isPending&&U.variables?.contactId===I.id&&(e={...e,autoApproveThreshold:U.variables.autoApproveThreshold}),e},[I,H.isPending,H.variables,U.isPending,U.variables]);if(m)return(0,Y.jsx)(d,{to:`${ie.channels}?setup=${m}`,replace:!0});let He={loading:A.isLoading,assistantName:D,guardian:F?{id:F.id,displayName:F.displayName.startsWith(`vellum-principal-`)?``:F.displayName,role:F.role,channelTypes:bt(F.channels,s)}:null,regularContacts:ae.filter(e=>e.id!==Ve).map(e=>({id:e.id,displayName:e.displayName,role:e.role,contactType:e.contactType,channelTypes:bt(e.channels,s),verified:yt(e.channels)})),selection:h,onAddContact:Me,addingContact:B.isPending,search:C,onSearchChange:w};return(0,Y.jsxs)(`div`,{ref:v,className:`flex min-h-0 flex-1 overflow-hidden ${y?`flex-row gap-6`:`flex-col gap-4`}`,children:[y?(0,Y.jsx)(`aside`,{className:`min-h-0 w-[320px] shrink-0 overflow-y-auto self-stretch`,children:(0,Y.jsx)(st,{...He,onSelect:De})}):(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(`div`,{className:`flex items-center`,children:(0,Y.jsx)(ve,{onClick:x})}),(0,Y.jsx)(_e,{open:b,onClose:S,title:r(`contactsPage.title`),children:(0,Y.jsx)(st,{...He,onSelect:De})})]}),(0,Y.jsx)(`section`,{className:`min-h-0 min-w-0 flex-1 overflow-y-auto`,children:h.kind===`assistant`||h.kind===`contact`&&h.contactId===Ve?(0,Y.jsx)(Fe,{assistantName:D,channels:j.channels,pendingChannelKey:j.pendingChannelKey,onConnect:j.onSetup,onDisconnect:j.onDisconnect}):$?$.role===`guardian`?(0,Y.jsx)(lt,{contact:$,savePending:H.isPending,verifyPending:X.isPending||Z.isPending,mergePending:G.isPending,canMerge:L,availableChannels:M,channelsLoadFailed:N,a2aEnabled:s,onSave:e=>{H.mutate({contactId:$.id,patch:e})},onMerge:Oe,onSetupChannel:t?Pe:void 0,onVerifyChannel:Ie,onRevokeChannel:Ae,onGenerateInviteLink:s?_.open:void 0}):(0,Y.jsx)(Xe,{contact:$,savePending:H.isPending,deletePending:V.isPending,verifyPending:X.isPending||Z.isPending,mergePending:G.isPending,canMerge:L,availableChannels:M,channelsLoadFailed:N,a2aEnabled:s,onSave:e=>{H.mutate({contactId:$.id,patch:e})},onDelete:()=>{V.mutate($.id)},onMerge:Oe,onSetupChannel:t?Ne:void 0,onVerifyChannel:Ie,onRevokeChannel:Ae,onLinkAccount:ze?Be:void 0,pendingAutoApproveThreshold:U.isPending,onAutoApproveThresholdChange:e=>{U.mutate({contactId:$.id,displayName:$.displayName,autoApproveThreshold:e})}}):(0,Y.jsx)(vt,{})}),I?(0,Y.jsx)(Qe,{open:T,survivor:I,candidates:oe,pending:G.isPending,errorMessage:G.error instanceof Error?G.error.message:G.error?r(`contactsPage.mergeFailed`):null,onMerge:t=>G.mutate({path:{assistant_id:e},body:{keepId:I.id,mergeId:t}}),onClose:ke}):null,(0,Y.jsx)(pt,{open:Q.dialogOpen,channelLabel:J(`slack`),contactName:I?.displayName??``,accounts:Re.data,loading:Re.isLoading,errorMessage:Re.isError?r(`contactsPage.rosterLoadFailed`):Q.linkErrorMessage,pendingAccountId:Q.pendingAccountId,onPick:Q.pick,onClose:Q.close,onInviteInstead:t?()=>{Q.close(),Ne(Q.channelType)}:void 0}),(0,Y.jsx)(be,{open:_.isOpen,assistantId:e,onClose:_.close})]})}function vt(){let{t:e}=o(`contacts`);return(0,Y.jsx)(`div`,{className:`flex h-full items-center justify-center py-16`,children:(0,Y.jsx)(`p`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:e(`contactsPage.emptyBody`)})})}function yt(e){return e.some(e=>e.status!==`revoked`&&(e.type===`a2a`||q(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(J(e)))}return r}function xt(){let e=c(),t=ae();return(0,Y.jsx)(_t,{assistantId:t,onStartSetupConversation:t=>{oe(e,{prompt:t})}},t)}export{xt as ContactsPageRoute};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{j as t}from"./vendor-CCI2T82b.js";import{b as n,t as r}from"./react-DPM_L_aA.js";import{Ir as i,Mr as a,mn as o,nn as s}from"./icons-B-6TfGtd.js";import{Ly as c,ky as l,om as u,zy as d}from"./index-
|
|
1
|
+
import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{j as t}from"./vendor-CCI2T82b.js";import{b as n,t as r}from"./react-DPM_L_aA.js";import{Ir as i,Mr as a,mn as o,nn as s}from"./icons-B-6TfGtd.js";import{Ly as c,ky as l,om as u,zy as d}from"./index-BHBLeC80.js";var f=e(n(),1),p=`/v1/credential-requests/peek`,m=`/v1/credential-requests/submit`;function h(e){return e>0xe8d4a51000?e:e*1e3}function g(e){let t=e?.error?.code;return t===`INVALID`?`invalid`:t===`EXPIRED`?`expired`:t===`USED`?`used`:null}function _(e){let t=e;return typeof t?.service==`string`&&typeof t.field==`string`&&(t.label===null||typeof t.label==`string`)&&typeof t.expiresAt==`number`}async function v(e,t){let n=await fetch(u(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(u(m),{method:`POST`,credentials:`include`,headers:{"Content-Type":`application/json`},body:JSON.stringify({token:e,value:t}),signal:n});if(r.ok)return{status:`ok`};let i=await r.json().catch(()=>null);return r.status===404?{status:g(i)??`invalid`}:r.status===502?{status:`store-failed`}:{status:`error`}}var b=r();function x(e){let[t,n]=(0,f.useState)(()=>Date.now());return(0,f.useEffect)(()=>{let t=setInterval(()=>n(Date.now()),e);return()=>clearInterval(t)},[e]),t}function S(e){let t=Math.max(0,Math.ceil(e/1e3)),n=Math.floor(t/3600),r=Math.floor(t%3600/60),i=t%60;return n>0?`${n}h ${r}m`:r>0?`${r}m ${i}s`:`${i}s`}function C({icon:e,title:t,children:n}){return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsxs)(`div`,{className:`flex items-center gap-3`,children:[e,(0,b.jsx)(`h1`,{className:`text-xl font-semibold`,children:t})]}),(0,b.jsx)(`p`,{className:`text-sm leading-6 text-[var(--content-secondary)]`,children:n})]})}function w(){let{t:e}=t(`credential-requests`),[n]=(0,f.useState)(()=>new URLSearchParams(window.location.hash.replace(/^#/,``)).get(`token`)?.trim()||new URLSearchParams(window.location.search).get(`token`)?.trim()||null),[r,u]=(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){u({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`?u({kind:`form`,request:t.request}):u({kind:t.status}))})(),()=>{e.abort()}},[n]);let D=async e=>{if(e.preventDefault(),!n||r.kind!==`form`||!p.trim()||g)return;_(!0),T(null);let t=await y(n,p).catch(()=>({status:`error`}));switch(_(!1),t.status){case`ok`:m(``),u({kind:`success`});break;case`invalid`:case`expired`:case`used`:u({kind:t.status});break;case`store-failed`:m(``),u({kind:`store-failed`});break;case`error`:T(`Something went wrong while submitting. Check your connection and try again.`);break}},O=r.kind===`form`?h(r.request.expiresAt):null,k=r.kind===`form`&&O!==null&&O>E,A;if(r.kind===`loading`)A=(0,b.jsx)(C,{icon:(0,b.jsx)(s,{className:`h-5 w-5 animate-spin text-blue-600`,"aria-hidden":!0}),title:e(`credentialEntry.checkingTitle`),children:e(`credentialEntry.checkingBody`)});else if(r.kind===`success`)A=(0,b.jsx)(C,{icon:(0,b.jsx)(a,{className:`h-5 w-5 text-green-600`,"aria-hidden":!0}),title:e(`credentialEntry.savedTitle`),children:e(`credentialEntry.savedBody`)});else if(r.kind===`invalid`)A=(0,b.jsx)(C,{icon:(0,b.jsx)(i,{className:`h-5 w-5 text-red-600`,"aria-hidden":!0}),title:e(`credentialEntry.invalidTitle`),children:e(`credentialEntry.invalidBody`)});else if(r.kind===`expired`||r.kind===`form`&&!k)A=(0,b.jsx)(C,{icon:(0,b.jsx)(i,{className:`h-5 w-5 text-red-600`,"aria-hidden":!0}),title:e(`credentialEntry.expiredTitle`),children:e(`credentialEntry.expiredBody`)});else if(r.kind===`used`)A=(0,b.jsx)(C,{icon:(0,b.jsx)(i,{className:`h-5 w-5 text-red-600`,"aria-hidden":!0}),title:e(`credentialEntry.usedTitle`),children:e(`credentialEntry.usedBody`)});else if(r.kind===`store-failed`)A=(0,b.jsx)(C,{icon:(0,b.jsx)(i,{className:`h-5 w-5 text-red-600`,"aria-hidden":!0}),title:e(`credentialEntry.storeFailedTitle`),children:e(`credentialEntry.storeFailedBody`)});else if(r.kind===`error`)A=(0,b.jsx)(C,{icon:(0,b.jsx)(i,{className:`h-5 w-5 text-red-600`,"aria-hidden":!0}),title:e(`credentialEntry.errorTitle`),children:e(`credentialEntry.errorBody`)});else{let{request:t}=r,n=`${t.service}:${t.field}`,i=(O??0)-E;A=(0,b.jsxs)(b.Fragment,{children:[(0,b.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,b.jsx)(o,{className:`h-5 w-5 text-blue-600`,"aria-hidden":!0}),(0,b.jsx)(`h1`,{className:`text-xl font-semibold`,children:e(`credentialEntry.heading`)})]}),(0,b.jsxs)(`div`,{className:`rounded-md border border-[var(--border-subtle)] bg-[var(--background-muted)] p-4`,children:[(0,b.jsx)(`p`,{className:`text-body-medium-default text-[var(--content-default)]`,children:t.label||n}),(0,b.jsxs)(`p`,{className:`mt-1 font-mono text-body-small-default text-[var(--content-tertiary)]`,children:[t.label?`${n} · `:``,e(`credentialEntry.oneTimeEntry`)]})]}),(0,b.jsx)(`p`,{className:`text-sm leading-6 text-[var(--content-secondary)]`,children:e(`credentialEntry.instructions`)}),(0,b.jsxs)(`form`,{className:`flex flex-col gap-3`,onSubmit:e=>void D(e),children:[(0,b.jsx)(l,{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)(d,{type:`submit`,disabled:g||!p.trim(),leftIcon:g?(0,b.jsx)(s,{className:`animate-spin`,"aria-hidden":!0}):void 0,children:e(`credentialEntry.submit`)})]}),(0,b.jsx)(`p`,{className:`text-xs text-[var(--content-tertiary)]`,children:e(`credentialEntry.expiresIn`,{remaining:S(i),time:new Date(O??0).toLocaleTimeString()})})]})}return(0,b.jsx)(`main`,{className:`flex min-h-svh items-center justify-center bg-[var(--background-default)] px-6 py-10 text-[var(--content-primary)]`,children:(0,b.jsx)(`div`,{className:`w-full max-w-md`,children:(0,b.jsx)(c.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 +1 @@
|
|
|
1
|
-
import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Zn as t,er as n,j as r}from"./vendor-CCI2T82b.js";import{b as i,t as a}from"./react-DPM_L_aA.js";import{J as o,Kn as s,Vr as c,mn as l,nn as u,nr as d,qn as f,sn as p,st as m,x as h}from"./icons-B-6TfGtd.js";import{Av as g,By as _,Cy as v,J as y,Ly as b,My as x,Nv as ee,Pv as S,Su as te,Y as C,ap as ne,dg as w,fh as re,ky as T,lg as E,ph as D,q as ie,sf as ae,sv as O,t as k,vy as A,wv as j,xy as M,yy as N,zy as P}from"./index-BfdeEXeE.js";import{t as oe}from"./detail-card-CWGzVd3J.js";import{t as F}from"./use-supports-credentials-settings-BSiNPNz9.js";var I=e(i(),1),L=`CREDENTIAL_IN_USE`;function R(e){if(!(e instanceof S)||e.code!==L)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 z(e){return new Intl.ListFormat(j(),{style:`long`,type:`conjunction`}).format(e)}var B=a(),V=1500;function H(e){if(!e)return``;try{return new Date(e).toLocaleDateString(void 0,{year:`numeric`,month:`short`,day:`numeric`})}catch{return``}}function se({credential:e,assistantId:t,generatingLink:n,deleting:i,onGenerateLink:a,onDelete:o}){let{t:s}=r(`settings`),c=`${e.service}:${e.field}`,d=n||i,f=[e.alias?c:null,e.createdAt?s(`credentialRow.addedMetadata`,{date:H(e.createdAt)}):null].filter(e=>!!e);return(0,B.jsx)(b.Root,{children:(0,B.jsxs)(b.Body,{padding:`sm`,className:`flex items-center gap-4 px-4`,children:[(0,B.jsx)(l,{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||c}),(0,B.jsx)(`div`,{className:`mt-0.5 flex min-w-0 items-center`,children:(0,B.jsx)(U,{assistantId:t,credential:e})}),f.length>0&&(0,B.jsx)(`p`,{className:`mt-0.5 truncate font-mono text-body-medium-lighter text-[var(--content-tertiary)]`,children:f.join(` · `)})]}),(0,B.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[(0,B.jsx)(_,{content:s(`credentialRow.generateLinkLabel`),side:`top`,children:(0,B.jsx)(P,{variant:`outlined`,onClick:a,disabled:d,"aria-label":s(`credentialRow.generateLinkAriaLabel`,{name:c}),iconOnly:n?(0,B.jsx)(u,{className:`animate-spin`,"aria-hidden":!0}):(0,B.jsx)(p,{"aria-hidden":!0})})}),(0,B.jsx)(_,{content:s(`credentialRow.deleteLabel`),side:`top`,children:(0,B.jsx)(P,{variant:`dangerOutline`,onClick:o,disabled:d,"aria-label":s(`credentialRow.deleteAriaLabel`,{name:c}),iconOnly:i?(0,B.jsx)(u,{className:`animate-spin`,"aria-hidden":!0}):(0,B.jsx)(h,{"aria-hidden":!0})})})]})]})})}function U({assistantId:e,credential:t}){let{t:n}=r(`settings`),[i,a]=(0,I.useState)(null),[o,l]=(0,I.useState)(!1),[p,m]=(0,I.useState)(!1),h=(0,I.useRef)(null),g=(0,I.useRef)(0),_=`${t.service}:${t.field}`,v=(0,I.useCallback)(()=>{g.current++,a(null),l(!1),m(!1),h.current&&=(clearTimeout(h.current),null)},[]);(0,I.useEffect)(()=>{v()},[t.updatedAt,v]);let y=(0,I.useCallback)(async()=>{let r=++g.current;l(!0);try{let{data:n}=await D({path:{assistant_id:e},body:{service:t.service,field:t.field},throwOnError:!0});g.current===r&&a(n.value)}catch{g.current===r&&N.error(n(`credentialRow.revealFailedToast`,{name:_}))}finally{g.current===r&&l(!1)}},[e,t.service,t.field,_,n]),b=(0,I.useCallback)(()=>{i!=null&&w(i,{errorMessage:n(`credentialRow.copyFailedToast`),onCopied:()=>{m(!0),h.current&&clearTimeout(h.current),h.current=setTimeout(()=>m(!1),V)}})},[i,n]),x=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:()=>x?v():void y(),disabled:o,"aria-label":n(x?`credentialRow.hideValueAriaLabel`:`credentialRow.revealValueAriaLabel`,{name:_}),title:n(x?`credentialRow.hideValueTitle`:`credentialRow.clickToRevealTitle`),"data-private":!0,className:`min-w-0 truncate rounded-sm text-left transition-[filter,color] focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--border-focus)] ${x?`text-[var(--content-secondary)]`:`select-none text-[var(--content-tertiary)] blur-[3px] hover:blur-[2px]`}`,children:x?i:t.scrubbedValue}),o?(0,B.jsx)(u,{className:`h-3.5 w-3.5 shrink-0 animate-spin`,"aria-hidden":!0}):x?(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(`button`,{type:`button`,onClick:b,"aria-label":n(`credentialRow.copyValueAriaLabel`,{name:_}),title:n(`credentialRow.copyValueTitle`),className:`shrink-0 rounded-sm p-0.5 text-[var(--content-tertiary)] transition-colors hover:text-[var(--content-secondary)] focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--border-focus)]`,children:p?(0,B.jsx)(c,{className:`h-3.5 w-3.5`,"aria-hidden":!0}):(0,B.jsx)(d,{className:`h-3.5 w-3.5`,"aria-hidden":!0})}),(0,B.jsx)(`button`,{type:`button`,onClick:v,"aria-label":n(`credentialRow.hideValueAriaLabel`,{name:_}),title:n(`credentialRow.hideValueTitle`),className:`shrink-0 rounded-sm p-0.5 text-[var(--content-tertiary)] transition-colors hover:text-[var(--content-secondary)] focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--border-focus)]`,children:(0,B.jsx)(f,{className:`h-3.5 w-3.5`,"aria-hidden":!0})})]}):(0,B.jsx)(`button`,{type:`button`,onClick:()=>void y(),"aria-label":n(`credentialRow.revealValueAriaLabel`,{name:_}),title:n(`credentialRow.clickToRevealTitle`),className:`shrink-0 rounded-sm p-0.5 text-[var(--content-tertiary)] transition-colors hover:text-[var(--content-secondary)] focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--border-focus)]`,children:(0,B.jsx)(s,{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 E.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=C(),t=F(e),n=O.use.assistantId();return O.use.version()!==null&&n===e&&!t?(0,B.jsx)(k,{}):t?(0,B.jsx)(K,{}):null}function K(){let{t:e}=r(`settings`),i=C(),a=n(),s=ne(),c=y(i),f=t({queryKey:c,queryFn:async()=>{let{data:e}=await re({path:{assistant_id:i},body:{},throwOnError:!0});return{credentials:e.credentials,managedCredentials:e.managedCredentials}},enabled:s,retry:ee}),h=(0,I.useMemo)(()=>f.data?.credentials??[],[f.data]),_=te.use.settingsDeveloperNav(),S=(0,I.useMemo)(()=>_?f.data?.managedCredentials??[]:[],[_,f.data]),[E,D]=(0,I.useState)(!1),[O,k]=(0,I.useState)(`own`),[j,F]=(0,I.useState)(``),[L,V]=(0,I.useState)(null),[H,U]=(0,I.useState)(null),[G,K]=(0,I.useState)(null),[ue,q]=(0,I.useState)(null),J=ae({onSuccess:(t,n)=>{a.invalidateQueries({queryKey:c}),N.success(e(`credentialsPage.deleteSuccessToast`,{name:`${n.body.service}:${n.body.field}`}))},onError:(t,n)=>{let r=R(t),i=h.find(e=>e.service===n.body.service&&e.field===n.body.field);if(r&&i){U({credential:i,connections:r});return}g(t,{context:`credentials-delete`}),N.error(t.message||e(`credentialsPage.deleteErrorToast`))}}),de=J.isPending?`${J.variables?.body?.service}:${J.variables?.body?.field}`:null,Y=(0,I.useMemo)(()=>{let e=j.trim().toLowerCase();return e?h.filter(t=>[t.service,t.field,`${t.service}:${t.field}`,t.alias??``].join(` `).toLowerCase().includes(e)):h},[h,j]);(0,I.useEffect)(()=>{h.length<=W&&F(``)},[h.length]),(0,I.useEffect)(()=>{h.length===0&&S.length>0&&k(`managed`)},[h.length,S.length]);let X=(e,t)=>{J.mutate({path:{assistant_id:i},body:{service:e.service,field:e.field,...t?{force:!0}:{}}})},fe=()=>{let e=L;V(null),e&&X(e,!1)},pe=()=>{let e=H;U(null),e&&X(e.credential,!0)},me=async t=>{let n=`${t.service}:${t.field}`;q(n);try{let r=await le(i,{service:t.service,field:t.field,label:t.alias??void 0});r.ok&&r.url?K({name:n,url:r.url,expiresAt:r.expiresAt??null}):N.error(r.error||e(`credentialsPage.generateLinkFailedToast`))}catch(t){N.error(t instanceof Error?t.message:e(`credentialsPage.generateLinkFailedToast`))}finally{q(null)}},he=()=>{let t=G?.url;t&&w(t,{successMessage:e(`credentialsPage.linkCopiedToast`),errorMessage:e(`credentialsPage.linkCopyFailedToast`)})};if(f.isLoading)return(0,B.jsx)(`div`,{className:`flex items-center justify-center py-10`,children:(0,B.jsx)(u,{className:`h-5 w-5 animate-spin text-[var(--content-disabled)]`})});let Z=h.length>0,Q=S.length>0,ge=h.length>W,$=O===`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)(oe,{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)(v,{items:ve,value:O,onChange:k,ariaLabel:e(`credentialsPage.credentialSourceAriaLabel`)}):null,_e&&Z?(0,B.jsx)(P,{type:`button`,variant:`primary`,size:`regular`,onClick:()=>D(!0),leftIcon:(0,B.jsx)(m,{"aria-hidden":!0}),children:e(`credentialsPage.addButton`)}):null]}),children:$?(0,B.jsx)(`div`,{className:`space-y-2`,children:S.map(t=>(0,B.jsx)(b.Root,{children:(0,B.jsxs)(b.Body,{padding:`sm`,className:`flex items-center gap-4 px-4`,children:[(0,B.jsx)(l,{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)(x,{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)(T,{type:`text`,value:j,onChange:e=>F(e.target.value),placeholder:e(`credentialsPage.searchPlaceholder`),"aria-label":e(`credentialsPage.searchAriaLabel`),leftIcon:(0,B.jsx)(o,{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:j.trim()})}):(0,B.jsx)(`div`,{className:`space-y-2`,children:Y.map(e=>{let t=`${e.service}:${e.field}`;return(0,B.jsx)(se,{credential:e,assistantId:i,generatingLink:ue===t,deleting:de===t,onGenerateLink:()=>void me(e),onDelete:()=>V(e)},e.credentialId??t)})})]}):(0,B.jsxs)(`div`,{className:`flex flex-col items-center justify-center px-6 py-12 text-center`,children:[(0,B.jsx)(`div`,{className:`flex h-12 w-12 items-center justify-center rounded-full bg-[var(--surface-base)]`,children:(0,B.jsx)(l,{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)(P,{type:`button`,variant:`outlined`,size:`compact`,onClick:()=>D(!0),className:`w-full border-dashed`,leftIcon:(0,B.jsx)(m,{"aria-hidden":!0}),children:e(`credentialsPage.addCredentialButton`)})]})}),(0,B.jsx)(A,{open:L!==null,title:e(`credentialsPage.deleteConfirmTitle`),message:L?e(`credentialsPage.deleteConfirmMessage`,{name:`${L.service}:${L.field}`}):``,confirmLabel:e(`credentialsPage.deleteConfirmLabel`),destructive:!0,onConfirm:fe,onCancel:()=>V(null)}),(0,B.jsx)(A,{open:H!==null,title:e(`credentialsPage.inUseTitle`),message:H?e(`credentialsPage.inUseMessage`,{count:H.connections.length,name:`${H.credential.service}:${H.credential.field}`,connections:z(H.connections)}):``,confirmLabel:e(`credentialsPage.inUseConfirmLabel`),destructive:!0,onConfirm:pe,onCancel:()=>U(null)}),(0,B.jsx)(ie,{open:E,onClose:()=>D(!1)}),(0,B.jsx)(M.Root,{open:G!==null,onOpenChange:e=>{e||K(null)},children:(0,B.jsxs)(M.Content,{size:`sm`,children:[(0,B.jsxs)(M.Header,{icon:p,children:[(0,B.jsx)(M.Title,{children:e(`credentialsPage.oneTimeLinkModalTitle`)}),(0,B.jsx)(M.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)(M.Body,{children:(0,B.jsx)(T,{label:e(`credentialsPage.linkLabel`),type:`text`,readOnly:!0,value:G?.url??``,onFocus:e=>e.currentTarget.select(),fullWidth:!0})}),(0,B.jsx)(M.Footer,{children:(0,B.jsx)(P,{type:`button`,size:`compact`,onClick:he,leftIcon:(0,B.jsx)(d,{"aria-hidden":!0}),children:e(`credentialsPage.copyLinkButton`)})})]})})]})}export{G as CredentialsPage};
|
|
1
|
+
import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Zn as t,er as n,j as r}from"./vendor-CCI2T82b.js";import{b as i,t as a}from"./react-DPM_L_aA.js";import{J as o,Kn as s,Vr as c,mn as l,nn as u,nr as d,qn as f,sn as p,st as m,x as h}from"./icons-B-6TfGtd.js";import{Av as g,By as _,Cy as v,J as y,Ly as b,My as x,Nv as ee,Pv as S,Su as te,Y as C,ap as ne,dg as w,fh as re,ky as T,lg as E,ph as D,q as ie,sf as ae,sv as O,t as k,vy as A,wv as j,xy as M,yy as N,zy as P}from"./index-BHBLeC80.js";import{t as oe}from"./detail-card-DozMITtn.js";import{t as F}from"./use-supports-credentials-settings-CRJVJGGZ.js";var I=e(i(),1),L=`CREDENTIAL_IN_USE`;function R(e){if(!(e instanceof S)||e.code!==L)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 z(e){return new Intl.ListFormat(j(),{style:`long`,type:`conjunction`}).format(e)}var B=a(),V=1500;function H(e){if(!e)return``;try{return new Date(e).toLocaleDateString(void 0,{year:`numeric`,month:`short`,day:`numeric`})}catch{return``}}function se({credential:e,assistantId:t,generatingLink:n,deleting:i,onGenerateLink:a,onDelete:o}){let{t:s}=r(`settings`),c=`${e.service}:${e.field}`,d=n||i,f=[e.alias?c:null,e.createdAt?s(`credentialRow.addedMetadata`,{date:H(e.createdAt)}):null].filter(e=>!!e);return(0,B.jsx)(b.Root,{children:(0,B.jsxs)(b.Body,{padding:`sm`,className:`flex items-center gap-4 px-4`,children:[(0,B.jsx)(l,{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||c}),(0,B.jsx)(`div`,{className:`mt-0.5 flex min-w-0 items-center`,children:(0,B.jsx)(U,{assistantId:t,credential:e})}),f.length>0&&(0,B.jsx)(`p`,{className:`mt-0.5 truncate font-mono text-body-medium-lighter text-[var(--content-tertiary)]`,children:f.join(` · `)})]}),(0,B.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[(0,B.jsx)(_,{content:s(`credentialRow.generateLinkLabel`),side:`top`,children:(0,B.jsx)(P,{variant:`outlined`,onClick:a,disabled:d,"aria-label":s(`credentialRow.generateLinkAriaLabel`,{name:c}),iconOnly:n?(0,B.jsx)(u,{className:`animate-spin`,"aria-hidden":!0}):(0,B.jsx)(p,{"aria-hidden":!0})})}),(0,B.jsx)(_,{content:s(`credentialRow.deleteLabel`),side:`top`,children:(0,B.jsx)(P,{variant:`dangerOutline`,onClick:o,disabled:d,"aria-label":s(`credentialRow.deleteAriaLabel`,{name:c}),iconOnly:i?(0,B.jsx)(u,{className:`animate-spin`,"aria-hidden":!0}):(0,B.jsx)(h,{"aria-hidden":!0})})})]})]})})}function U({assistantId:e,credential:t}){let{t:n}=r(`settings`),[i,a]=(0,I.useState)(null),[o,l]=(0,I.useState)(!1),[p,m]=(0,I.useState)(!1),h=(0,I.useRef)(null),g=(0,I.useRef)(0),_=`${t.service}:${t.field}`,v=(0,I.useCallback)(()=>{g.current++,a(null),l(!1),m(!1),h.current&&=(clearTimeout(h.current),null)},[]);(0,I.useEffect)(()=>{v()},[t.updatedAt,v]);let y=(0,I.useCallback)(async()=>{let r=++g.current;l(!0);try{let{data:n}=await D({path:{assistant_id:e},body:{service:t.service,field:t.field},throwOnError:!0});g.current===r&&a(n.value)}catch{g.current===r&&N.error(n(`credentialRow.revealFailedToast`,{name:_}))}finally{g.current===r&&l(!1)}},[e,t.service,t.field,_,n]),b=(0,I.useCallback)(()=>{i!=null&&w(i,{errorMessage:n(`credentialRow.copyFailedToast`),onCopied:()=>{m(!0),h.current&&clearTimeout(h.current),h.current=setTimeout(()=>m(!1),V)}})},[i,n]),x=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:()=>x?v():void y(),disabled:o,"aria-label":n(x?`credentialRow.hideValueAriaLabel`:`credentialRow.revealValueAriaLabel`,{name:_}),title:n(x?`credentialRow.hideValueTitle`:`credentialRow.clickToRevealTitle`),"data-private":!0,className:`min-w-0 truncate rounded-sm text-left transition-[filter,color] focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--border-focus)] ${x?`text-[var(--content-secondary)]`:`select-none text-[var(--content-tertiary)] blur-[3px] hover:blur-[2px]`}`,children:x?i:t.scrubbedValue}),o?(0,B.jsx)(u,{className:`h-3.5 w-3.5 shrink-0 animate-spin`,"aria-hidden":!0}):x?(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(`button`,{type:`button`,onClick:b,"aria-label":n(`credentialRow.copyValueAriaLabel`,{name:_}),title:n(`credentialRow.copyValueTitle`),className:`shrink-0 rounded-sm p-0.5 text-[var(--content-tertiary)] transition-colors hover:text-[var(--content-secondary)] focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--border-focus)]`,children:p?(0,B.jsx)(c,{className:`h-3.5 w-3.5`,"aria-hidden":!0}):(0,B.jsx)(d,{className:`h-3.5 w-3.5`,"aria-hidden":!0})}),(0,B.jsx)(`button`,{type:`button`,onClick:v,"aria-label":n(`credentialRow.hideValueAriaLabel`,{name:_}),title:n(`credentialRow.hideValueTitle`),className:`shrink-0 rounded-sm p-0.5 text-[var(--content-tertiary)] transition-colors hover:text-[var(--content-secondary)] focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--border-focus)]`,children:(0,B.jsx)(f,{className:`h-3.5 w-3.5`,"aria-hidden":!0})})]}):(0,B.jsx)(`button`,{type:`button`,onClick:()=>void y(),"aria-label":n(`credentialRow.revealValueAriaLabel`,{name:_}),title:n(`credentialRow.clickToRevealTitle`),className:`shrink-0 rounded-sm p-0.5 text-[var(--content-tertiary)] transition-colors hover:text-[var(--content-secondary)] focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--border-focus)]`,children:(0,B.jsx)(s,{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 E.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=C(),t=F(e),n=O.use.assistantId();return O.use.version()!==null&&n===e&&!t?(0,B.jsx)(k,{}):t?(0,B.jsx)(K,{}):null}function K(){let{t:e}=r(`settings`),i=C(),a=n(),s=ne(),c=y(i),f=t({queryKey:c,queryFn:async()=>{let{data:e}=await re({path:{assistant_id:i},body:{},throwOnError:!0});return{credentials:e.credentials,managedCredentials:e.managedCredentials}},enabled:s,retry:ee}),h=(0,I.useMemo)(()=>f.data?.credentials??[],[f.data]),_=te.use.settingsDeveloperNav(),S=(0,I.useMemo)(()=>_?f.data?.managedCredentials??[]:[],[_,f.data]),[E,D]=(0,I.useState)(!1),[O,k]=(0,I.useState)(`own`),[j,F]=(0,I.useState)(``),[L,V]=(0,I.useState)(null),[H,U]=(0,I.useState)(null),[G,K]=(0,I.useState)(null),[ue,q]=(0,I.useState)(null),J=ae({onSuccess:(t,n)=>{a.invalidateQueries({queryKey:c}),N.success(e(`credentialsPage.deleteSuccessToast`,{name:`${n.body.service}:${n.body.field}`}))},onError:(t,n)=>{let r=R(t),i=h.find(e=>e.service===n.body.service&&e.field===n.body.field);if(r&&i){U({credential:i,connections:r});return}g(t,{context:`credentials-delete`}),N.error(t.message||e(`credentialsPage.deleteErrorToast`))}}),de=J.isPending?`${J.variables?.body?.service}:${J.variables?.body?.field}`:null,Y=(0,I.useMemo)(()=>{let e=j.trim().toLowerCase();return e?h.filter(t=>[t.service,t.field,`${t.service}:${t.field}`,t.alias??``].join(` `).toLowerCase().includes(e)):h},[h,j]);(0,I.useEffect)(()=>{h.length<=W&&F(``)},[h.length]),(0,I.useEffect)(()=>{h.length===0&&S.length>0&&k(`managed`)},[h.length,S.length]);let X=(e,t)=>{J.mutate({path:{assistant_id:i},body:{service:e.service,field:e.field,...t?{force:!0}:{}}})},fe=()=>{let e=L;V(null),e&&X(e,!1)},pe=()=>{let e=H;U(null),e&&X(e.credential,!0)},me=async t=>{let n=`${t.service}:${t.field}`;q(n);try{let r=await le(i,{service:t.service,field:t.field,label:t.alias??void 0});r.ok&&r.url?K({name:n,url:r.url,expiresAt:r.expiresAt??null}):N.error(r.error||e(`credentialsPage.generateLinkFailedToast`))}catch(t){N.error(t instanceof Error?t.message:e(`credentialsPage.generateLinkFailedToast`))}finally{q(null)}},he=()=>{let t=G?.url;t&&w(t,{successMessage:e(`credentialsPage.linkCopiedToast`),errorMessage:e(`credentialsPage.linkCopyFailedToast`)})};if(f.isLoading)return(0,B.jsx)(`div`,{className:`flex items-center justify-center py-10`,children:(0,B.jsx)(u,{className:`h-5 w-5 animate-spin text-[var(--content-disabled)]`})});let Z=h.length>0,Q=S.length>0,ge=h.length>W,$=O===`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)(oe,{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)(v,{items:ve,value:O,onChange:k,ariaLabel:e(`credentialsPage.credentialSourceAriaLabel`)}):null,_e&&Z?(0,B.jsx)(P,{type:`button`,variant:`primary`,size:`regular`,onClick:()=>D(!0),leftIcon:(0,B.jsx)(m,{"aria-hidden":!0}),children:e(`credentialsPage.addButton`)}):null]}),children:$?(0,B.jsx)(`div`,{className:`space-y-2`,children:S.map(t=>(0,B.jsx)(b.Root,{children:(0,B.jsxs)(b.Body,{padding:`sm`,className:`flex items-center gap-4 px-4`,children:[(0,B.jsx)(l,{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)(x,{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)(T,{type:`text`,value:j,onChange:e=>F(e.target.value),placeholder:e(`credentialsPage.searchPlaceholder`),"aria-label":e(`credentialsPage.searchAriaLabel`),leftIcon:(0,B.jsx)(o,{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:j.trim()})}):(0,B.jsx)(`div`,{className:`space-y-2`,children:Y.map(e=>{let t=`${e.service}:${e.field}`;return(0,B.jsx)(se,{credential:e,assistantId:i,generatingLink:ue===t,deleting:de===t,onGenerateLink:()=>void me(e),onDelete:()=>V(e)},e.credentialId??t)})})]}):(0,B.jsxs)(`div`,{className:`flex flex-col items-center justify-center px-6 py-12 text-center`,children:[(0,B.jsx)(`div`,{className:`flex h-12 w-12 items-center justify-center rounded-full bg-[var(--surface-base)]`,children:(0,B.jsx)(l,{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)(P,{type:`button`,variant:`outlined`,size:`compact`,onClick:()=>D(!0),className:`w-full border-dashed`,leftIcon:(0,B.jsx)(m,{"aria-hidden":!0}),children:e(`credentialsPage.addCredentialButton`)})]})}),(0,B.jsx)(A,{open:L!==null,title:e(`credentialsPage.deleteConfirmTitle`),message:L?e(`credentialsPage.deleteConfirmMessage`,{name:`${L.service}:${L.field}`}):``,confirmLabel:e(`credentialsPage.deleteConfirmLabel`),destructive:!0,onConfirm:fe,onCancel:()=>V(null)}),(0,B.jsx)(A,{open:H!==null,title:e(`credentialsPage.inUseTitle`),message:H?e(`credentialsPage.inUseMessage`,{count:H.connections.length,name:`${H.credential.service}:${H.credential.field}`,connections:z(H.connections)}):``,confirmLabel:e(`credentialsPage.inUseConfirmLabel`),destructive:!0,onConfirm:pe,onCancel:()=>U(null)}),(0,B.jsx)(ie,{open:E,onClose:()=>D(!1)}),(0,B.jsx)(M.Root,{open:G!==null,onOpenChange:e=>{e||K(null)},children:(0,B.jsxs)(M.Content,{size:`sm`,children:[(0,B.jsxs)(M.Header,{icon:p,children:[(0,B.jsx)(M.Title,{children:e(`credentialsPage.oneTimeLinkModalTitle`)}),(0,B.jsx)(M.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)(M.Body,{children:(0,B.jsx)(T,{label:e(`credentialsPage.linkLabel`),type:`text`,readOnly:!0,value:G?.url??``,onFocus:e=>e.currentTarget.select(),fullWidth:!0})}),(0,B.jsx)(M.Footer,{children:(0,B.jsx)(P,{type:`button`,size:`compact`,onClick:he,leftIcon:(0,B.jsx)(d,{"aria-hidden":!0}),children:e(`credentialsPage.copyLinkButton`)})})]})})]})}export{G as CredentialsPage};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{at as t,j as n}from"./vendor-CCI2T82b.js";import{b as r,t as i}from"./react-DPM_L_aA.js";import{t as a}from"./preview-error-
|
|
1
|
+
import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{at as t,j as n}from"./vendor-CCI2T82b.js";import{b as r,t as i}from"./react-DPM_L_aA.js";import{t as a}from"./preview-error-CWZXjhgJ.js";import{Ln as o,Ry as s}from"./index-BHBLeC80.js";var c=e(r(),1),l=[`,`,`;`,` `];function u(e){let t=e.trim();return t===``?!1:/^[+-]?(\d+(\.\d+)?|\.\d+)([eE][+-]?\d+)?$/.test(t)}function d(e,t){let n=0,r=!1,i=!1;for(let a=0;a<e.length;a+=1){let o=e[a];if(r){o===`"`&&(e[a+1]===`"`?a+=1:r=!1),i=!0;continue}if(o===`"`){r=!0,i=!0;continue}if(o===`
|
|
2
2
|
`||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===`
|
|
3
3
|
`){if(l===`\r`&&e[c+1]===`
|
|
4
4
|
`&&(c+=1),s(),n.length>=5e3)return o=e.slice(c+1).trim()!==``,{records:n,truncated:o};continue}i+=l}return(i!==``||r.length>0)&&s(),{records:n,truncated:o}}function m(e){let t=e[0];return!t||e.length<2||t.some(e=>e.trim()===``||u(e))?!1:e.slice(1).some(e=>e.some(e=>u(e)))}function h(e){let t=e.charCodeAt(0)===65279?e.slice(1):e;if(t.trim()===``)return{headers:null,rows:[],truncated:!1};let{records:n,truncated:r}=p(t,f(t));if(n.length===0)return{headers:null,rows:[],truncated:r};let i=n.reduce((e,t)=>Math.max(e,t.length),0),a=Math.min(i,200),o=i>200,s=n.map(e=>{let t=e.slice(0,a);for(;t.length<a;)t.push(``);return t}),c=m(s);return{headers:c?s[0]:null,rows:c?s.slice(1):s,truncated:r||o}}var g=i(),_=30,v=`border-b border-r border-[var(--border-element)] px-2 py-1 align-top last:border-r-0`,y={Table:({style:e,...t})=>(0,g.jsx)(`table`,{...t,className:`w-full min-w-max border-collapse text-body-small-default text-[var(--content-default)]`,style:e}),TableRow:({item:e,...t})=>(0,g.jsx)(`tr`,{...t})};function b({blob:e,filename:r}){let{t:i}=n(`chat`),[l,u]=(0,c.useState)(null),[d,f]=(0,c.useState)(!1);(0,c.useEffect)(()=>{let t=!1;return u(null),f(!1),e.text().then(e=>{t||u(e)},()=>{t||f(!0)}),()=>{t=!0}},[e]);let p=(0,c.useMemo)(()=>l===null?null:h(l),[l]),m=p?.headers??null,b=(0,c.useCallback)(()=>m===null?null:(0,g.jsx)(`tr`,{children:m.map((e,t)=>(0,g.jsx)(`th`,{scope:`col`,title:e,className:`${v} bg-[var(--surface-sunken)] text-left text-body-small-emphasised`,children:(0,g.jsx)(`span`,{className:`block max-w-[20rem] truncate`,children:e})},t))}),[m]);if(d)return(0,g.jsx)(a,{filename:r});if(p===null)return(0,g.jsx)(o,{});let x=m?.length??p.rows[0]?.length??0;return x===0?(0,g.jsx)(`div`,{role:`status`,className:`flex h-full items-center justify-center p-4`,children:(0,g.jsx)(s,{as:`span`,variant:`body-small-default`,className:`text-[var(--content-tertiary)]`,children:i(`csvPreview.emptyFile`)})}):(0,g.jsxs)(`div`,{className:`flex h-full min-h-0 flex-col`,children:[(0,g.jsx)(t,{data:p.rows,initialItemCount:Math.min(p.rows.length,_),components:y,fixedHeaderContent:m===null?void 0:b,itemContent:(e,t)=>t.map((e,t)=>(0,g.jsx)(`td`,{title:e,className:v,children:(0,g.jsx)(`span`,{className:`block max-w-[20rem] truncate`,children:e})},t)),className:`min-h-0 flex-1`}),(0,g.jsx)(s,{as:`p`,variant:`label-small-default`,className:`shrink-0 border-t border-[var(--border-element)] px-3 py-1.5 text-[var(--content-tertiary)]`,children:p.truncated?i(`csvPreview.summaryTruncated`,{rows:p.rows.length,columns:x}):i(`csvPreview.summary`,{rows:p.rows.length,columns:x})})]})}export{b as CsvPreview};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{b as t,f as n}from"./react-DPM_L_aA.js";import{Sv as r}from"./index-BHBLeC80.js";var i=e(t(),1);function a(){let e=n();return(0,i.useEffect)(()=>{e(r.settings.general,{replace:!0})},[e]),null}export{a as DangerZoneRedirectPage};
|