@remit/web-client-dist 0.0.233 → 0.0.235
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/assets/{ComposeBody-BcQecTuQ.js → ComposeBody-B3Nmzijx.js} +1 -1
- package/assets/{ConfirmDialog-CnYqgkOA.js → ConfirmDialog-BpUrsXLk.js} +1 -1
- package/assets/{ErrorState-D-gXnDjC.js → ErrorState-bMUzcZIM.js} +1 -1
- package/assets/{OnboardingWizard-BTJrEyZ0.js → OnboardingWizard-DWnkJAHY.js} +1 -1
- package/assets/{account-form-helpers-Cp_I3W2r.js → account-form-helpers-DXU4vLm1.js} +1 -1
- package/assets/{accounts-5E86dkHP.js → accounts-DCcdozjz.js} +1 -1
- package/assets/{advanced-DT7yCVAM.js → advanced-paRf4gkD.js} +1 -1
- package/assets/{appearance-D_lyrkjj.js → appearance-CuF4PcDC.js} +1 -1
- package/assets/{avatar-DaLimp69.js → avatar-CtuD1YX5.js} +1 -1
- package/assets/{browser-ponyfill-CxjWlnOI.js → browser-ponyfill-C9nHtZAz.js} +1 -1
- package/assets/{circle-check-Dy7Fn24s.js → circle-check-DUL2FJgx.js} +1 -1
- package/assets/{download-BB-2kuJs.js → download-ByxWU9Jp.js} +1 -1
- package/assets/{filters-CxVqc7t6.js → filters-IBn7E-Ot.js} +1 -1
- package/assets/{flagged-BHteTS7x.js → flagged-Bv98c-Ka.js} +1 -1
- package/assets/{folders-yaaO5Q_w.js → folders-DkGS109p.js} +1 -1
- package/assets/{index-B95Rmhv4.js → index-CUHlNARz.js} +1 -1
- package/assets/index-DEg2fkje.js +1 -0
- package/assets/{index-DsNk8hw-.js → index-Dxew1xwK.js} +4 -4
- package/assets/{kbd-DRbPYGIm.js → kbd-qmDGflCz.js} +1 -1
- package/assets/{labels-BwmsQm78.js → labels-DNdKk7qa.js} +1 -1
- package/assets/mail-vgOnZKmB.js +118 -0
- package/assets/{move-options-CD23xEGw.js → move-options-BGMoonnA.js} +1 -1
- package/assets/{move-targets-D6YkAvoz.js → move-targets-BynPWe7f.js} +1 -1
- package/assets/{onboarding-CaxO5gAk.js → onboarding-BoPow3Xw.js} +1 -1
- package/assets/{senders-CSe-IRmR.js → senders-Bj288MAc.js} +1 -1
- package/assets/settings-Cys2oav5.js +1 -0
- package/assets/{settings-screen-BL4DzkR9.js → settings-screen-kA6SMHAH.js} +1 -1
- package/assets/{shield-check-BFPVUTY4.js → shield-check-C_oZ0EOJ.js} +1 -1
- package/assets/{suggested-vips-Cd1sa_l4.js → suggested-vips-BYZYxnup.js} +1 -1
- package/assets/{useDebouncedValue-Dspzsg0n.js → useDebouncedValue-CgW97ioB.js} +1 -1
- package/assets/{useFilters-D2TJVo9-.js → useFilters-Dg-Ad1jJ.js} +1 -1
- package/assets/{useLabels-DeJFvem6.js → useLabels-LkdyxhWz.js} +1 -1
- package/assets/{useSignature-C3vkfKxG.js → useSignature-BANC-U1c.js} +1 -1
- package/index.html +1 -1
- package/package.json +1 -1
- package/assets/index-u9wPut9x.js +0 -1
- package/assets/mail-CaQlOyXX.js +0 -118
- package/assets/settings-CYtRnw7Q.js +0 -1
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/ComposeBody-B3Nmzijx.js","assets/index-Dxew1xwK.js","assets/index-B3MvR18E.css","assets/move-options-BGMoonnA.js","assets/move-targets-BynPWe7f.js","assets/avatar-CtuD1YX5.js","assets/kbd-qmDGflCz.js","assets/shield-check-C_oZ0EOJ.js","assets/account-form-helpers-DXU4vLm1.js","assets/useSignature-BANC-U1c.js","assets/useDebouncedValue-CgW97ioB.js","assets/useFilters-Dg-Ad1jJ.js","assets/ErrorState-bMUzcZIM.js","assets/format-CKZmh-Ru.js","assets/useLabels-LkdyxhWz.js","assets/ConfirmDialog-BpUrsXLk.js","assets/circle-check-DUL2FJgx.js"])))=>i.map(i=>d[i]);
|
|
2
|
+
import{R as B,c as uf,r as c,a as Ee,j as r,C as Vt,b as Os,X as Ct,d as W,B as ce,e as St,S as Gt,f as Mt,g as ds,L as Ls,h as Ia,i as df,k as ff,l as fn,A as Ta,T as At,F as Ra,P as mf,m as mn,u as Zn,n as Ma,o as hf,I as Al,p as Ol,q as Aa,s as pf,D as gf,t as hn,v as xf,w as er,O as bf,M as vf,x as yf,y as Dl,z as wf,E as Sf,G as kf,H as jf,J as Cf,K as Pl,N as Oa,Q as Nf,U as Ll,V as Ef,W as If,Y as Da,Z as Pa,_ as Ut,$ as Fl,a0 as Tf,a1 as La,a2 as Rf,a3 as Mf,a4 as Af,a5 as aa,a6 as Of,a7 as Df,a8 as Te,a9 as Pf,aa as Lf,ab as Ff,ac as $f,ad as _f,ae as zf,af as Ho,ag as Bf,ah as Kf,ai as Uf,aj as Fa,ak as $l,al as _l,am as Yt,an as We,ao as ot,ap as $a,aq as _e,ar as _a,as as za,at as Ba,au as Ka,av as Ua,aw as Kn,ax as Re,ay as pn,az as ve,aA as zl,aB as qf,aC as Fe,aD as Bl,aE as Hf,aF as tr,aG as sr,aH as Kl,aI as Ul,aJ as Wf,aK as Ot,aL as st,aM as Vf,aN as mt,aO as ql,aP as is,aQ as nr,aR as Qf,aS as rr,aT as qa,aU as Ha,aV as fs,aW as ar,aX as ms,aY as Gf,aZ as Yf,a_ as oa,a$ as Xf,b0 as Hl,b1 as Ds,b2 as Jf,b3 as or,b4 as Zf,b5 as em,b6 as tm,b7 as Wl,b8 as Wa,b9 as sm,ba as Wo,bb as nm,bc as rm,bd as Fs,be as am,bf as Tt,bg as Vl,bh as om,bi as im,bj as lm,bk as Ql,bl as cm,bm as um,bn as dm,bo as fm,bp as Vo,bq as mm,br as hm,bs as pm,bt as gm,bu as Va,bv as ia,bw as la,bx as xm,by as bm,bz as Gl,bA as vm,bB as Qa,bC as ym,bD as wm,bE as Sm,bF as km,bG as jm,bH as Cm,bI as Nm,bJ as Em,bK as Im,bL as Tm,bM as Bt,bN as It,bO as Rm}from"./index-Dxew1xwK.js";import{P as Mm,u as Ga,b as Ya,f as Xa}from"./move-options-BGMoonnA.js";import{A as kt,M as Ja,C as Am}from"./avatar-CtuD1YX5.js";import{K as Ts}from"./kbd-qmDGflCz.js";import{S as gn,C as Za,R as Om}from"./shield-check-C_oZ0EOJ.js";import{M as Yl,a as Dm}from"./account-form-helpers-DXU4vLm1.js";import{R as Pm,u as Lm}from"./useSignature-BANC-U1c.js";import{u as ir}from"./useDebouncedValue-CgW97ioB.js";import{B as Fm,u as Xt,a as Qo,b as Go,c as $m,d as _m,e as zm,n as Bm,o as Km,f as Um,g as qm,S as Hm}from"./useFilters-Dg-Ad1jJ.js";import{E as Jt,f as Xl}from"./ErrorState-bMUzcZIM.js";import{f as Jl,a as ht,b as Zl,c as jt,d as Un,t as Wm}from"./format-CKZmh-Ru.js";import{P as Yo,u as ec,M as at}from"./move-targets-BynPWe7f.js";import{u as eo}from"./useLabels-LkdyxhWz.js";import{C as to}from"./ConfirmDialog-BpUrsXLk.js";import{C as Vm}from"./circle-check-DUL2FJgx.js";function an(e){if(Qm())e.focus({preventScroll:!0});else{let t=Gm(e);e.focus(),Ym(t)}}let jn=null;function Qm(){if(jn==null){jn=!1;try{document.createElement("div").focus({get preventScroll(){return jn=!0,!0}})}catch{}}return jn}function Gm(e){let t=e.parentNode,s=[],n=document.scrollingElement||document.documentElement;for(;t instanceof HTMLElement&&t!==n;)(t.offsetHeight<t.scrollHeight||t.offsetWidth<t.scrollWidth)&&s.push({element:t,scrollTop:t.scrollTop,scrollLeft:t.scrollLeft}),t=t.parentNode;return n instanceof HTMLElement&&s.push({element:n,scrollTop:n.scrollTop,scrollLeft:n.scrollLeft}),s}function Ym(e){for(let{element:t,scrollTop:s,scrollLeft:n}of e)t.scrollTop=s,t.scrollLeft=n}const Ht=e=>e?.ownerDocument??document,Qt=e=>e&&"window"in e&&e.window===e?e:Ht(e).defaultView||window;function Xm(e){return e!==null&&typeof e=="object"&&"nodeType"in e&&typeof e.nodeType=="number"}function Jm(e){return Xm(e)&&e.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&"host"in e}let Zm=!1;function tc(){return Zm}function wt(e,t){if(!tc())return t&&e?e.contains(t):!1;if(!e||!t)return!1;let s=t;for(;s!==null;){if(s===e)return!0;s.tagName==="SLOT"&&s.assignedSlot?s=s.assignedSlot.parentNode:Jm(s)?s=s.host:s=s.parentNode}return!1}function He(e){if(tc()&&e.target instanceof Element&&e.target.shadowRoot){if("composedPath"in e)return e.composedPath()[0]??null;if("composedPath"in e.nativeEvent)return e.nativeEvent.composedPath()[0]??null}return e.target}const eh=typeof Element<"u"&&"checkVisibility"in Element.prototype;function th(e){const t=Qt(e);if(!(e instanceof t.HTMLElement)&&!(e instanceof t.SVGElement))return!1;let{display:s,visibility:n}=e.style,a=s!=="none"&&n!=="hidden"&&n!=="collapse";if(a){const{getComputedStyle:o}=Qt(e);let{display:i,visibility:l}=o(e);a=i!=="none"&&l!=="hidden"&&l!=="collapse"}return a}function sh(e,t){return!e.hasAttribute("hidden")&&!e.hasAttribute("data-react-aria-prevent-focus")&&(e.nodeName==="DETAILS"&&t&&t.nodeName!=="SUMMARY"?e.hasAttribute("open"):!0)}function sc(e,t){return eh?e.checkVisibility({visibilityProperty:!0})&&!e.closest("[data-react-aria-prevent-focus]"):e.nodeName!=="#comment"&&th(e)&&sh(e,t)&&(!e.parentElement||sc(e.parentElement,e))}const nc=["input:not([disabled]):not([type=hidden])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable^="false"])',"permission"],nh=nc.join(":not([hidden]),")+",[tabindex]:not([disabled]):not([hidden])";nc.push('[tabindex]:not([tabindex="-1"]):not([disabled])');function rh(e,t){return e.matches(nh)&&!ah(e)&&(t?.skipVisibilityCheck||sc(e))}function ah(e){let t=e;for(;t!=null;){if(t instanceof Qt(t).HTMLElement&&t.inert)return!0;t=t.parentElement}return!1}const so=typeof document<"u"?B.useLayoutEffect:()=>{};function oh(e){let t=e;return t.nativeEvent=e,t.isDefaultPrevented=()=>t.defaultPrevented,t.isPropagationStopped=()=>t.cancelBubble,t.persist=()=>{},t}function ih(e,t){Object.defineProperty(e,"target",{value:t}),Object.defineProperty(e,"currentTarget",{value:t})}function lh(e){for(;e&&!rh(e,{skipVisibilityCheck:!0});)e=e.parentElement;let t=Qt(e),s=t.document.activeElement;if(!s||s===e)return;let n=!1,a=f=>{(He(f)===s||n)&&f.stopImmediatePropagation()},o=f=>{(He(f)===s||n)&&(f.stopImmediatePropagation(),!e&&!n&&(n=!0,an(s),u()))},i=f=>{(He(f)===e||n)&&f.stopImmediatePropagation()},l=f=>{(He(f)===e||n)&&(f.stopImmediatePropagation(),n||(n=!0,an(s),u()))};t.addEventListener("blur",a,!0),t.addEventListener("focusout",o,!0),t.addEventListener("focusin",l,!0),t.addEventListener("focus",i,!0);let u=()=>{cancelAnimationFrame(m),t.removeEventListener("blur",a,!0),t.removeEventListener("focusout",o,!0),t.removeEventListener("focusin",l,!0),t.removeEventListener("focus",i,!0),n=!1},m=requestAnimationFrame(u);return u}function lr(e){if(typeof window>"u"||window.navigator==null)return!1;let t=window.navigator.userAgentData?.brands;return Array.isArray(t)&&t.some(s=>e.test(s.brand))||e.test(window.navigator.userAgent)}function no(e){return typeof window<"u"&&window.navigator!=null?e.test(window.navigator.userAgentData?.platform||window.navigator.platform):!1}function Zt(e){let t=null;return()=>(t==null&&(t=e()),t)}const qn=Zt(function(){return no(/^Mac/i)}),ch=Zt(function(){return no(/^iPhone/i)}),rc=Zt(function(){return no(/^iPad/i)||qn()&&navigator.maxTouchPoints>1}),ac=Zt(function(){return ch()||rc()}),uh=Zt(function(){return lr(/AppleWebKit/i)&&!dh()}),dh=Zt(function(){return lr(/Chrome/i)}),oc=Zt(function(){return lr(/Android/i)}),fh=Zt(function(){return lr(/Firefox/i)});function mh(e){return e.pointerType===""&&e.isTrusted?!0:oc()&&e.pointerType?e.type==="click"&&e.buttons===1:e.detail===0&&!e.pointerType}function hh(e){return!oc()&&e.width===0&&e.height===0||e.width===1&&e.height===1&&e.pressure===0&&e.detail===0&&e.pointerType==="mouse"}function on(e,t,s=!0){let{metaKey:n,ctrlKey:a,altKey:o,shiftKey:i}=t;fh()&&window.event?.type?.startsWith("key")&&e.target==="_blank"&&(qn()?n=!0:a=!0);let l=uh()&&qn()&&!rc()?new KeyboardEvent("keydown",{keyIdentifier:"Enter",metaKey:n,ctrlKey:a,altKey:o,shiftKey:i}):new MouseEvent("click",{metaKey:n,ctrlKey:a,altKey:o,shiftKey:i,detail:1,bubbles:!0,cancelable:!0});on.isOpening=s,an(e),e.dispatchEvent(l),on.isOpening=!1}on.isOpening=!1;let qt=new Map,ca=new Set;function Xo(){if(typeof window>"u")return;function e(n){return"propertyName"in n}let t=n=>{let a=He(n);if(!e(n)||!a)return;let o=qt.get(a);o||(o=new Set,qt.set(a,o),a.addEventListener("transitioncancel",s,{once:!0})),o.add(n.propertyName)},s=n=>{let a=He(n);if(!e(n)||!a)return;let o=qt.get(a);if(o&&(o.delete(n.propertyName),o.size===0&&(a.removeEventListener("transitioncancel",s),qt.delete(a)),qt.size===0)){for(let i of ca)i();ca.clear()}};document.body.addEventListener("transitionrun",t),document.body.addEventListener("transitionend",s)}typeof document<"u"&&(document.readyState!=="loading"?Xo():document.addEventListener("DOMContentLoaded",Xo));function ph(){for(const[e]of qt)"isConnected"in e&&!e.isConnected&&qt.delete(e)}function gh(e){requestAnimationFrame(()=>{ph(),qt.size===0?e():ca.add(e)})}function ic(...e){return(...t)=>{for(let s of e)typeof s=="function"&&s(...t)}}let ua=new Map;typeof FinalizationRegistry<"u"&&new FinalizationRegistry(e=>{ua.delete(e)});function xh(e,t){if(e===t)return e;let s=ua.get(e);if(s)return s.forEach(a=>a.current=t),t;let n=ua.get(t);return n?(n.forEach(a=>a.current=e),e):t}function bh(...e){return e.length===1&&e[0]?e[0]:t=>{let s=!1;const n=e.map(a=>{const o=Jo(a,t);return s||=typeof o=="function",o});if(s)return()=>{n.forEach((a,o)=>{typeof a=="function"?a():Jo(e[o],null)})}}}function Jo(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function $s(...e){let t={...e[0]};for(let s=1;s<e.length;s++){let n=e[s];for(let a in n){let o=t[a],i=n[a];typeof o=="function"&&typeof i=="function"&&a[0]==="o"&&a[1]==="n"&&a.charCodeAt(2)>=65&&a.charCodeAt(2)<=90?t[a]=ic(o,i):(a==="className"||a==="UNSAFE_className")&&typeof o=="string"&&typeof i=="string"?t[a]=uf(o,i):a==="id"&&o&&i?t.id=xh(o,i):a==="ref"&&o&&i?t.ref=bh(o,i):t[a]=i!==void 0?i:o}}return t}function vh(e,t){so(()=>{if(e&&e.ref&&t)return e.ref.current=t.current,()=>{e.ref&&(e.ref.current=null)}})}const yh=B.useInsertionEffect??so;function Dr(e){const t=c.useRef(null);return yh(()=>{t.current=e},[e]),c.useCallback((...s)=>{const n=t.current;return n?.(...s)},[])}let Es="default",da="",Fn=new WeakMap;function wh(e){if(ac()){if(Es==="default"){const t=Ht(e);da=t.documentElement.style.webkitUserSelect,t.documentElement.style.webkitUserSelect="none"}Es="disabled"}else if(e instanceof HTMLElement||e instanceof SVGElement){let t="userSelect"in e.style?"userSelect":"webkitUserSelect";Fn.set(e,e.style[t]),e.style[t]="none"}}function Zo(e){if(ac()){if(Es!=="disabled")return;Es="restoring",setTimeout(()=>{gh(()=>{if(Es==="restoring"){const t=Ht(e);t.documentElement.style.webkitUserSelect==="none"&&(t.documentElement.style.webkitUserSelect=da||""),da="",Es="default"}})},300)}else if((e instanceof HTMLElement||e instanceof SVGElement)&&e&&Fn.has(e)){let t=Fn.get(e),s="userSelect"in e.style?"userSelect":"webkitUserSelect";e.style[s]==="none"&&(e.style[s]=t),e.getAttribute("style")===""&&e.removeAttribute("style"),Fn.delete(e)}}function ei(e){return e?.defaultView?.__webpack_nonce__||globalThis.__webpack_nonce__||void 0}let Pr=new WeakMap;function Sh(e){let t=e??(typeof document<"u"?document:void 0);if(!t)return ei(t);if(Pr.has(t))return Pr.get(t);let s=t.querySelector('meta[property="csp-nonce"]'),n=s&&s instanceof Qt(s).HTMLMetaElement&&(s.nonce||s.content)||ei(t)||void 0;return n!==void 0&&Pr.set(t,n),n}const lc=B.createContext({register:()=>{}});lc.displayName="PressResponderContext";function cc(){let e=c.useRef(new Map),t=c.useCallback((a,o,i,l)=>{let u=l?.once?(...m)=>{e.current.delete(i),i(...m)}:i;e.current.set(i,{type:o,eventTarget:a,fn:u,options:l}),a.addEventListener(o,u,l)},[]),s=c.useCallback((a,o,i,l)=>{let u=e.current.get(i)?.fn||i;a.removeEventListener(o,u,l),e.current.delete(i)},[]),n=c.useCallback(()=>{e.current.forEach((a,o)=>{s(a.eventTarget,a.type,o,a.options)})},[s]);return c.useEffect(()=>n,[n]),{addGlobalListener:t,removeGlobalListener:s,removeAllGlobalListeners:n}}function kh(e){let t=c.useContext(lc);if(t){let{register:s,ref:n,...a}=t;e=$s(a,e),s()}return vh(t,e.ref),e}class Cn{#s;constructor(t,s,n,a){this.#s=!0;const i=(a?.target??n.currentTarget)?.getBoundingClientRect();let l,u=0,m,f=null;n.clientX!=null&&n.clientY!=null&&(m=n.clientX,f=n.clientY),i&&(m!=null&&f!=null?(l=m-i.left,u=f-i.top):(l=i.width/2,u=i.height/2)),this.type=t,this.pointerType=s,this.target=n.currentTarget,this.shiftKey=n.shiftKey,this.metaKey=n.metaKey,this.ctrlKey=n.ctrlKey,this.altKey=n.altKey,this.x=l,this.y=u,this.key=n.key}continuePropagation(){this.#s=!1}get shouldStopPropagation(){return this.#s}}const ti=Symbol("linkClicked"),si="react-aria-pressable-style",ni="data-react-aria-pressable";function jh(e){let{onPress:t,onPressChange:s,onPressStart:n,onPressEnd:a,onPressUp:o,onClick:i,isDisabled:l,isPressed:u,preventFocusOnPress:m,shouldCancelOnPointerExit:f,allowTextSelectionOnPress:d,ref:h,...x}=kh(e),[g,p]=c.useState(!1),v=c.useRef({isPressed:!1,ignoreEmulatedMouseEvents:!1,didFirePressStart:!1,isTriggeringEvent:!1,activePointerId:null,target:null,isOverTarget:!1,pointerType:null,disposables:[]}),{addGlobalListener:b,removeAllGlobalListeners:S}=cc(),w=c.useCallback((k,E)=>{let D=v.current;if(l||D.didFirePressStart)return!1;let I=!0;if(D.isTriggeringEvent=!0,n){let L=new Cn("pressstart",E,k);n(L),I=L.shouldStopPropagation}return s&&s(!0),D.isTriggeringEvent=!1,D.didFirePressStart=!0,p(!0),I},[l,n,s]),y=c.useCallback((k,E,D=!0)=>{let I=v.current;if(!I.didFirePressStart)return!1;I.didFirePressStart=!1,I.isTriggeringEvent=!0;let L=!0;if(a){let N=new Cn("pressend",E,k);a(N),L=N.shouldStopPropagation}if(s&&s(!1),p(!1),t&&D&&!l){let N=new Cn("press",E,k);t(N),L&&=N.shouldStopPropagation}return I.isTriggeringEvent=!1,L},[l,a,s,t]),C=Dr(y),T=c.useCallback((k,E)=>{let D=v.current;if(l)return!1;if(o){D.isTriggeringEvent=!0;let I=new Cn("pressup",E,k);return o(I),D.isTriggeringEvent=!1,I.shouldStopPropagation}return!0},[l,o]),O=Dr(T),j=c.useCallback(k=>{let E=v.current;if(E.isPressed&&E.target){E.didFirePressStart&&E.pointerType!=null&&y(ns(E.target,k),E.pointerType,!1),E.isPressed=!1,E.isOverTarget=!1,E.activePointerId=null,E.pointerType=null,S(),d||Zo(E.target);for(let D of E.disposables)D();E.disposables=[]}},[d,S,y]),R=Dr(j);c.useEffect(()=>{l&&v.current.isPressed&&R({currentTarget:v.current.target,shiftKey:!1,ctrlKey:!1,metaKey:!1,altKey:!1})},[l]);let P=c.useCallback(k=>{f&&j(k)},[f,j]),M=c.useCallback(k=>{l||i?.(k)},[l,i]),F=c.useCallback((k,E)=>{if(!l&&i){let D=new MouseEvent("click",k);ih(D,E),i(oh(D))}},[l,i]),A=c.useMemo(()=>{let k=v.current,E={onKeyDown(I){if(Lr(I.nativeEvent,I.currentTarget)&&wt(I.currentTarget,He(I))){ri(He(I),I.key)&&I.preventDefault();let L=!0;!k.isPressed&&!I.repeat&&(k.target=I.currentTarget,k.isPressed=!0,k.pointerType="keyboard",L=w(I,"keyboard"));let N=I.currentTarget,K=re=>{Lr(re,N)&&!re.repeat&&wt(N,He(re))&&k.target&&O(ns(k.target,re),"keyboard")};b(Ht(I.currentTarget),"keyup",ic(K,D),!0),L&&I.stopPropagation(),I.metaKey&&qn()&&k.metaKeyEvents?.set(I.key,I.nativeEvent)}else I.key==="Meta"&&(k.metaKeyEvents=new Map)},onClick(I){if(!(I&&!wt(I.currentTarget,He(I)))&&I&&I.button===0&&!k.isTriggeringEvent&&!on.isOpening){let L=!0;if(l&&I.preventDefault(),!k.ignoreEmulatedMouseEvents&&!k.isPressed&&(k.pointerType==="virtual"||mh(I.nativeEvent))){let N=w(I,"virtual"),K=O(I,"virtual"),re=C(I,"virtual");M(I),L=N&&K&&re}else if(k.isPressed&&k.pointerType!=="keyboard"){let N=k.pointerType||I.nativeEvent.pointerType||"virtual",K=O(ns(I.currentTarget,I),N),re=C(ns(I.currentTarget,I),N,!0);L=K&&re,k.isOverTarget=!1,M(I),R(I)}k.ignoreEmulatedMouseEvents=!1,L&&I.stopPropagation()}}},D=I=>{if(k.isPressed&&k.target&&Lr(I,k.target)){ri(He(I),I.key)&&I.preventDefault();let L=He(I),N=wt(k.target,L);C(ns(k.target,I),"keyboard",N),N&&F(I,k.target),S(),I.key!=="Enter"&&ro(k.target)&&wt(k.target,L)&&!I[ti]&&(I[ti]=!0,on(k.target,I,!1)),k.isPressed=!1,k.metaKeyEvents?.delete(I.key)}else if(I.key==="Meta"&&k.metaKeyEvents?.size){let L=k.metaKeyEvents;k.metaKeyEvents=void 0;for(let N of L.values())k.target?.dispatchEvent(new KeyboardEvent("keyup",N))}};if(typeof PointerEvent<"u"){E.onPointerDown=N=>{if(N.button!==0||!wt(N.currentTarget,He(N)))return;if(hh(N.nativeEvent)){k.pointerType="virtual";return}k.pointerType=N.pointerType;let K=!0;if(!k.isPressed){k.isPressed=!0,k.isOverTarget=!0,k.activePointerId=N.pointerId,k.target=N.currentTarget,d||wh(k.target),K=w(N,k.pointerType);let re=He(N);"releasePointerCapture"in re&&("hasPointerCapture"in re?re.hasPointerCapture(N.pointerId)&&re.releasePointerCapture(N.pointerId):re.releasePointerCapture(N.pointerId)),b(Ht(N.currentTarget),"pointerup",I,!1),b(Ht(N.currentTarget),"pointercancel",L,!1)}K&&N.stopPropagation()},E.onMouseDown=N=>{if(wt(N.currentTarget,He(N))&&N.button===0){if(m){let K=lh(N.target);K&&k.disposables.push(K)}N.stopPropagation()}},E.onPointerUp=N=>{!wt(N.currentTarget,He(N))||k.pointerType==="virtual"||N.button===0&&!k.isPressed&&O(N,k.pointerType||N.pointerType)},E.onPointerEnter=N=>{N.pointerId===k.activePointerId&&k.target&&!k.isOverTarget&&k.pointerType!=null&&(k.isOverTarget=!0,w(ns(k.target,N),k.pointerType))},E.onPointerLeave=N=>{N.pointerId===k.activePointerId&&k.target&&k.isOverTarget&&k.pointerType!=null&&(k.isOverTarget=!1,C(ns(k.target,N),k.pointerType,!1),P(N))};let I=N=>{if(N.pointerId===k.activePointerId&&k.isPressed&&N.button===0&&k.target){if(wt(k.target,He(N))&&k.pointerType!=null){let K=!1,re=setTimeout(()=>{k.isPressed&&k.target instanceof HTMLElement&&(K?R(N):(an(k.target),k.target.click()))},80);b(N.currentTarget,"click",()=>K=!0,!0),k.disposables.push(()=>clearTimeout(re))}else R(N);k.isOverTarget=!1}},L=N=>{R(N)};E.onDragStart=N=>{wt(N.currentTarget,He(N))&&R(N)}}return E},[b,l,m,S,d,P,w,M,F]);return c.useEffect(()=>{if(!h)return;const k=Ht(h.current);if(!k||!k.head||k.getElementById(si))return;const E=k.createElement("style");E.id=si;let D=Sh(k);D&&(E.nonce=D),E.textContent=`
|
|
3
|
+
@layer {
|
|
4
|
+
[${ni}] {
|
|
5
|
+
touch-action: pan-x pan-y pinch-zoom;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
`.trim(),k.head.prepend(E)},[h]),c.useEffect(()=>{let k=v.current;return()=>{d||Zo(k.target??void 0);for(let E of k.disposables)E();k.disposables=[]}},[d]),{isPressed:u||g,pressProps:$s(x,A,{[ni]:!0})}}function ro(e){return e.tagName==="A"&&e.hasAttribute("href")}function Lr(e,t){const{key:s,code:n}=e,a=t,o=a.getAttribute("role");return(s==="Enter"||s===" "||s==="Spacebar"||n==="Space")&&!(a instanceof Qt(a).HTMLInputElement&&!uc(a,s)||a instanceof Qt(a).HTMLTextAreaElement||a.isContentEditable)&&!((o==="link"||!o&&ro(a))&&s!=="Enter")}function ns(e,t){let s=t.clientX,n=t.clientY;return{currentTarget:e,shiftKey:t.shiftKey,ctrlKey:t.ctrlKey,metaKey:t.metaKey,altKey:t.altKey,clientX:s,clientY:n,key:t.key}}function Ch(e){return e instanceof HTMLInputElement?!1:e instanceof HTMLButtonElement?e.type!=="submit"&&e.type!=="reset":!ro(e)}function ri(e,t){return e instanceof HTMLInputElement?!uc(e,t):Ch(e)}const Nh=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);function uc(e,t){return e.type==="checkbox"||e.type==="radio"?t===" ":Nh.has(e.type)}let Eh=0;const Fr=new Map;function Ih(e){let[t,s]=c.useState();return so(()=>{if(!e)return;let n=Fr.get(e);if(n)s(n.element.id);else{let a=`react-aria-description-${Eh++}`;s(a);let o=document.createElement("div");o.id=a,o.style.display="none",o.textContent=e,document.body.appendChild(o),n={refCount:0,element:o},Fr.set(e,n)}return n.refCount++,()=>{n&&--n.refCount===0&&(n.element.remove(),Fr.delete(e))}},[e]),{"aria-describedby":e?t:void 0}}const Th=500;function Rh(e){let{isDisabled:t,onLongPressStart:s,onLongPressEnd:n,onLongPress:a,threshold:o=Th,accessibilityDescription:i}=e;const l=c.useRef(void 0);let{addGlobalListener:u,removeGlobalListener:m}=cc(),{pressProps:f}=jh({isDisabled:t,onPressStart(h){if(h.continuePropagation(),(h.pointerType==="mouse"||h.pointerType==="touch")&&(s&&s({...h,type:"longpressstart"}),l.current=setTimeout(()=>{h.target.dispatchEvent(new PointerEvent("pointercancel",{bubbles:!0})),Ht(h.target).activeElement!==h.target&&an(h.target),a&&a({...h,type:"longpress"}),l.current=void 0},o),h.pointerType==="touch")){let x=p=>{p.preventDefault()},g=Qt(h.target);u(h.target,"contextmenu",x,{once:!0}),u(g,"pointerup",()=>{setTimeout(()=>{m(h.target,"contextmenu",x)},30)},{once:!0})}},onPressEnd(h){l.current&&clearTimeout(l.current),n&&(h.pointerType==="mouse"||h.pointerType==="touch")&&n({...h,type:"longpressend"})}}),d=Ih(a&&!t?i:void 0);return{longPressProps:$s(f,d)}}const cr=Ee("BadgeCheck",[["path",{d:"M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z",key:"3c2336"}],["path",{d:"m9 12 2 2 4-4",key:"dzmm74"}]]);const Mh=Ee("Ban",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m4.9 4.9 14.2 14.2",key:"1m5liu"}]]);const dc=Ee("BellOff",[["path",{d:"M10.268 21a2 2 0 0 0 3.464 0",key:"vwvbt9"}],["path",{d:"M17 17H4a1 1 0 0 1-.74-1.673C4.59 13.956 6 12.499 6 8a6 6 0 0 1 .258-1.742",key:"178tsu"}],["path",{d:"m2 2 20 20",key:"1ooewy"}],["path",{d:"M8.668 3.01A6 6 0 0 1 18 8c0 2.687.77 4.653 1.707 6.05",key:"1hqiys"}]]);const Ah=Ee("BookmarkPlus",[["path",{d:"m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z",key:"1fy3hk"}],["line",{x1:"12",x2:"12",y1:"7",y2:"13",key:"1cppfj"}],["line",{x1:"15",x2:"9",y1:"10",y2:"10",key:"1gty7f"}]]);const ai=Ee("Bug",[["path",{d:"m8 2 1.88 1.88",key:"fmnt4t"}],["path",{d:"M14.12 3.88 16 2",key:"qol33r"}],["path",{d:"M9 7.13v-1a3.003 3.003 0 1 1 6 0v1",key:"d7y7pr"}],["path",{d:"M12 20c-3.3 0-6-2.7-6-6v-3a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v3c0 3.3-2.7 6-6 6",key:"xs1cw7"}],["path",{d:"M12 20v-9",key:"1qisl0"}],["path",{d:"M6.53 9C4.6 8.8 3 7.1 3 5",key:"32zzws"}],["path",{d:"M6 13H2",key:"82j7cp"}],["path",{d:"M3 21c0-2.1 1.7-3.9 3.8-4",key:"4p0ekp"}],["path",{d:"M20.97 5c0 2.1-1.6 3.8-3.5 4",key:"18gb23"}],["path",{d:"M22 13h-4",key:"1jl80f"}],["path",{d:"M17.2 17c2.1.1 3.8 1.9 3.8 4",key:"k3fwyw"}]]);const fc=Ee("CircleCheckBig",[["path",{d:"M21.801 10A10 10 0 1 1 17 3.335",key:"yps3ct"}],["path",{d:"m9 11 3 3L22 4",key:"1pflzl"}]]);const mc=Ee("Code",[["polyline",{points:"16 18 22 12 16 6",key:"z7tu5w"}],["polyline",{points:"8 6 2 12 8 18",key:"1eg1df"}]]);const hc=Ee("EllipsisVertical",[["circle",{cx:"12",cy:"12",r:"1",key:"41hilf"}],["circle",{cx:"12",cy:"5",r:"1",key:"gxeob9"}],["circle",{cx:"12",cy:"19",r:"1",key:"lyex9k"}]]);const pc=Ee("Forward",[["polyline",{points:"15 17 20 12 15 7",key:"1w3sku"}],["path",{d:"M4 18v-2a4 4 0 0 1 4-4h12",key:"jmiej9"}]]);const gc=Ee("LogOut",[["path",{d:"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4",key:"1uf3rs"}],["polyline",{points:"16 17 21 12 16 7",key:"1gabdz"}],["line",{x1:"21",x2:"9",y1:"12",y2:"12",key:"1uyos4"}]]);const Oh=Ee("MailCheck",[["path",{d:"M22 13V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h8",key:"12jkf8"}],["path",{d:"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7",key:"1ocrg3"}],["path",{d:"m16 19 2 2 4-4",key:"1b14m6"}]]);const ur=Ee("MailOpen",[["path",{d:"M21.2 8.4c.5.38.8.97.8 1.6v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V10a2 2 0 0 1 .8-1.6l8-6a2 2 0 0 1 2.4 0l8 6Z",key:"1jhwl8"}],["path",{d:"m22 10-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 10",key:"1qfld7"}]]);const Dh=Ee("MailX",[["path",{d:"M22 13V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h9",key:"1j9vog"}],["path",{d:"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7",key:"1ocrg3"}],["path",{d:"m17 17 4 4",key:"1b3523"}],["path",{d:"m21 17-4 4",key:"uinynz"}]]);const Ph=Ee("Minus",[["path",{d:"M5 12h14",key:"1ays0h"}]]);const dr=Ee("Paperclip",[["path",{d:"M13.234 20.252 21 12.3",key:"1cbrk9"}],["path",{d:"m16 6-8.414 8.586a2 2 0 0 0 0 2.828 2 2 0 0 0 2.828 0l8.414-8.586a4 4 0 0 0 0-5.656 4 4 0 0 0-5.656 0l-8.415 8.585a6 6 0 1 0 8.486 8.486",key:"1pkts6"}]]);const xc=Ee("RefreshCw",[["path",{d:"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",key:"v9h5vc"}],["path",{d:"M21 3v5h-5",key:"1q7to0"}],["path",{d:"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16",key:"3uifl3"}],["path",{d:"M8 16H3v5",key:"1cv678"}]]);const bc=Ee("ReplyAll",[["polyline",{points:"7 17 2 12 7 7",key:"t83bqg"}],["polyline",{points:"12 17 7 12 12 7",key:"1g4ajm"}],["path",{d:"M22 18v-2a4 4 0 0 0-4-4H7",key:"1fcyog"}]]);const vc=Ee("Reply",[["polyline",{points:"9 17 4 12 9 7",key:"hvgpf2"}],["path",{d:"M20 18v-2a4 4 0 0 0-4-4H4",key:"5vmcpk"}]]);const ao=Ee("Settings",[["path",{d:"M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z",key:"1qme2f"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}]]);const _s=Ee("ShieldAlert",[["path",{d:"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",key:"oel41y"}],["path",{d:"M12 8v4",key:"1got3b"}],["path",{d:"M12 16h.01",key:"1drbdi"}]]);const Lh=Ee("ShieldQuestion",[["path",{d:"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",key:"oel41y"}],["path",{d:"M9.1 9a3 3 0 0 1 5.82 1c0 2-3 3-3 3",key:"mhlwft"}],["path",{d:"M12 17h.01",key:"p32p05"}]]);const Fh=Ee("ShieldX",[["path",{d:"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",key:"oel41y"}],["path",{d:"m14.5 9.5-5 5",key:"17q4r4"}],["path",{d:"m9.5 9.5 5 5",key:"18nt4w"}]]);const $h=Ee("SquarePen",[["path",{d:"M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7",key:"1m0v6g"}],["path",{d:"M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z",key:"ohrbg2"}]]);const _h=Ee("Undo2",[["path",{d:"M9 14 4 9l5-5",key:"102s5s"}],["path",{d:"M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11",key:"f3b9sd"}]]),zh=({address:e,showTrustedBadge:t=!1})=>{const s=t?r.jsx(cr,{className:"inline-block size-4 ml-1 -mt-0.5 text-positive","aria-label":"Trusted sender","data-testid":"trusted-sender-badge"}):null;return e.displayName?r.jsxs("span",{children:[r.jsx("span",{className:"text-fg",children:e.displayName}),r.jsxs("span",{className:"text-fg-muted",children:[" ","<",e.normalizedEmail,">"]}),s]}):r.jsxs("span",{className:"text-fg",children:[e.normalizedEmail,s]})},Bh=({label:e,addresses:t,showTrustedBadge:s=!1})=>{const[n,a]=c.useState(!1);if(t.length===0)return null;const o=t.length>3,i=l=>{const u=s&&l.flags?.trusted?.value===!0;return r.jsx(zh,{address:l,showTrustedBadge:u})};return r.jsxs("div",{className:"flex gap-2 text-sm",children:[r.jsxs("span",{className:"text-fg-muted shrink-0 w-12",children:[e,":"]}),r.jsx("div",{className:"flex-1 min-w-0",children:n?r.jsx("div",{className:"flex flex-wrap gap-1",children:t.map((l,u)=>r.jsxs("span",{children:[i(l),u<t.length-1&&", "]},u))}):r.jsx("div",{className:"truncate",children:t.map((l,u)=>r.jsxs("span",{children:[i(l),u<t.length-1&&", "]},u))})}),o&&r.jsx("button",{type:"button",onClick:l=>{l.stopPropagation(),a(!n)},className:"shrink-0 text-fg-muted hover:text-fg transition-colors","aria-label":n?"Collapse":"Expand",children:n?r.jsx(Vt,{className:"h-4 w-4"}):r.jsx(Os,{className:"h-4 w-4"})})]})},Kh=({email:e,displayName:t,onRemove:s,className:n})=>r.jsxs("span",{className:W("inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-accent-2-soft text-sm max-w-[200px]",n),children:[r.jsx("span",{className:"truncate",children:t||e}),r.jsx("button",{type:"button",onClick:s,className:"shrink-0 p-0.5 rounded-full hover:bg-fg-muted/20 transition-colors","aria-label":`Remove ${e}`,children:r.jsx(Ct,{className:"size-3"})})]}),Uh={unknown:{label:"Unknown sender",tone:"neutral"},wellknown:{label:"Known sender",tone:"positive"},vip:{label:"VIP",tone:"accent"}};function bs({label:e,children:t,className:s}){return r.jsxs("section",{className:W("border-b border-line px-row-inset py-3",s),children:[r.jsx("h3",{className:"text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:e}),r.jsx("div",{className:"mt-2",children:t})]})}function qh({sender:e}){const t=Uh[e.trust],s=e.inboundCount==null?null:(e.replyCount??0)>0?`${e.inboundCount} received · you replied ${e.replyCount}×`:`${e.inboundCount} received · you've never replied`;return r.jsxs("div",{children:[r.jsxs("div",{className:"flex items-center gap-3",children:[r.jsx(kt,{name:e.name,email:e.email,size:"md"}),r.jsxs("div",{className:"min-w-0",children:[r.jsx("div",{className:"truncate text-sm font-semibold text-fg",children:e.name}),r.jsx("div",{className:"truncate text-2xs text-fg-subtle",children:e.email})]})]}),r.jsx("div",{className:"mt-2 flex items-center gap-2",children:e.addressUnverified?r.jsx(St,{tone:"danger",dot:!0,children:"Address couldn't be verified"}):r.jsx(St,{tone:t.tone,dot:!0,children:t.label})}),r.jsxs("p",{className:"mt-2 text-xs text-fg-muted",children:["First seen ",e.firstSeenLabel,s?` · ${s}`:""]})]})}function Hh({auth:e,onShowSimilar:t}){if(e.verdict==="aligned")return r.jsxs("div",{className:"flex items-start gap-2 text-xs text-fg-muted",children:[r.jsx(gn,{className:"mt-0.5 size-3.5 shrink-0 text-positive"}),r.jsx("span",{children:e.summary})]});if(e.verdict==="caution")return r.jsxs("div",{className:"flex items-start gap-2 rounded-md bg-warning/10 p-3 text-warning",children:[r.jsx(Lh,{className:"mt-0.5 size-4 shrink-0"}),r.jsx("p",{className:"text-xs leading-relaxed",children:e.summary})]});const s=e.addressUnreadable?"This sender can't be verified":"This message may be impersonating someone";return r.jsxs("div",{className:"rounded-md bg-danger-soft p-3",children:[r.jsxs("div",{className:"flex items-start gap-2",children:[r.jsx(_s,{className:"mt-0.5 size-4 shrink-0 text-danger"}),r.jsxs("div",{className:"min-w-0",children:[r.jsx("p",{className:"text-sm font-semibold text-danger",children:s}),r.jsx("p",{className:"mt-1 text-xs leading-relaxed text-fg",children:e.summary}),!e.addressUnreadable&&e.dkimDomain&&r.jsxs("p",{className:"mt-1 text-2xs text-fg-muted",children:["Sent from"," ",r.jsx("code",{className:"rounded bg-surface px-1 py-0.5",children:e.dkimDomain}),", claims to be"," ",r.jsx("code",{className:"rounded bg-surface px-1 py-0.5",children:e.fromDomain})]})]})]}),e.similarCount!=null&&e.similarCount>0&&r.jsxs(ce,{variant:"secondary",size:"sm",className:"mt-2 w-full border-danger/30 text-danger hover:bg-danger-soft",onClick:t,children:[e.similarCount," similar messages"]})]})}function vs({icon:e,label:t,active:s,danger:n,onClick:a}){const o=a===void 0;return r.jsxs("button",{type:"button",onClick:a,disabled:o,className:W("flex items-center gap-2 rounded-md border px-2 py-1 text-xs transition-colors",s?"border-accent-2 bg-accent-2-soft text-accent-2":"border-line text-fg-muted hover:border-line-strong hover:text-fg",n&&!s&&"text-danger hover:bg-danger-soft",o&&"cursor-not-allowed opacity-50 hover:border-line"),children:[e,t]})}const Wh={sender:"matched: sender",recipient:"matched: recipient",subject:"matched: subject",attachment:"matched: attachment",body:"matched: body",entities:"matched: entities"};function yc({data:e,onClose:t,onShowSimilar:s,actions:n,similarState:a="ready",similarLinkComponent:o,className:i,hideCloseButton:l=!1}){const{sender:u,authenticity:m,category:f,flags:d={},similar:h}=e,x=m.verdict==="mismatch";return r.jsxs("aside",{className:W("flex w-76 shrink-0 flex-col overflow-y-auto border-l border-line bg-surface",i),children:[r.jsxs("header",{className:"flex h-pane-header shrink-0 items-center justify-between border-b border-line px-row-inset",children:[r.jsx("span",{className:"text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:"Intelligence"}),!l&&r.jsx(ce,{variant:"ghost",size:"sm",icon:r.jsx(Ct,{className:"size-3.5"}),onClick:t,"aria-label":"Collapse intelligence sidebar"})]}),r.jsx(bs,{label:"Sender",children:r.jsx(qh,{sender:u})}),r.jsx(bs,{label:"Authenticity",children:r.jsx(Hh,{auth:m,onShowSimilar:s})}),r.jsx(bs,{label:"Category",children:r.jsxs("div",{className:"flex items-center gap-2",children:[r.jsx(St,{tone:x?"danger":"neutral",children:f.value}),f.overridden&&r.jsx("span",{className:"text-2xs text-fg-subtle",children:"your override"}),r.jsx("button",{type:"button",className:W("ml-auto text-2xs text-accent hover:underline",!n?.onReclassify&&"cursor-not-allowed opacity-50 hover:no-underline"),disabled:!n?.onReclassify,onClick:n?.onReclassify,children:"reclassify"})]})}),r.jsx(bs,{label:"Quick actions",children:r.jsxs("div",{className:"flex flex-wrap gap-1.5",children:[r.jsx(vs,{icon:r.jsx(Gt,{className:"size-3.5"}),label:"VIP",active:d.vip,onClick:n?.onToggleVip}),r.jsx(vs,{icon:r.jsx(dc,{className:"size-3.5"}),label:"Mute",active:d.muted,onClick:n?.onToggleMute}),r.jsx(vs,{icon:r.jsx(Mh,{className:"size-3.5"}),label:"Block",active:d.blocked,danger:!0,onClick:n?.onToggleBlock}),r.jsx(vs,{icon:r.jsx(Dh,{className:"size-3.5"}),label:"Unsubscribe",active:d.unsubscribed,onClick:n?.onToggleUnsubscribe}),n?.onNotSpam&&r.jsx(vs,{icon:r.jsx(Oh,{className:"size-3.5"}),label:"Not spam",onClick:n.onNotSpam}),n?.onMarkSpam&&r.jsx(vs,{icon:r.jsx(Fh,{className:"size-3.5"}),label:"Mark spam",danger:!0,onClick:n.onMarkSpam})]})}),(a!=="ready"||h.length>0)&&r.jsx(bs,{label:"Similar messages",children:a==="loading"?r.jsx("div",{className:"animate-pulse space-y-2",children:Array.from({length:3}).map((g,p)=>r.jsxs("div",{className:"space-y-1",children:[r.jsx("div",{className:"h-3 w-3/4 rounded bg-surface-sunken"}),r.jsx("div",{className:"h-2.5 w-1/2 rounded bg-surface-sunken"})]},p))}):a==="error"?r.jsx("p",{className:"text-xs text-fg-subtle",children:"Similarity search unavailable"}):r.jsx("ul",{className:"-mx-1 space-y-1",children:h.map(g=>{const p="block w-full rounded-md px-1 py-1 text-left hover:bg-surface-sunken",v=`Open message from ${g.fromName||"unknown sender"}: ${g.subject}`,b=r.jsxs(r.Fragment,{children:[r.jsxs("div",{className:"flex items-baseline justify-between gap-2",children:[r.jsx("span",{className:"truncate text-xs font-medium text-fg",children:g.fromName}),r.jsx("span",{className:"shrink-0 text-2xs text-fg-subtle tabular-nums",children:g.timeLabel})]}),r.jsx("div",{className:"truncate text-xs text-fg-muted",children:g.subject}),r.jsx("span",{className:"mt-1 inline-block rounded-full bg-surface-sunken px-1.5 py-px text-2xs text-fg-subtle",children:Wh[g.matched]})]});return r.jsx("li",{children:o?o({mailboxId:g.mailboxId,messageId:g.id,className:p,ariaLabel:v,children:b}):r.jsx("div",{className:p,children:b})},g.id)})})}),r.jsx(bs,{label:"Coming soon",className:"border-b-0 opacity-70",children:r.jsxs("div",{className:"space-y-2",children:[r.jsxs("div",{className:"flex items-start gap-2 rounded-md border border-dashed border-line p-2",children:[r.jsx(Mt,{className:"mt-0.5 size-3.5 shrink-0 text-fg-subtle"}),r.jsxs("div",{children:[r.jsx("div",{className:"text-xs font-medium text-fg-muted",children:"Suggested actions"}),r.jsx("div",{className:"text-2xs text-fg-subtle",children:'"Create a filter for messages like this" — on-device model'})]})]}),r.jsxs("div",{className:"flex items-start gap-2 rounded-md border border-dashed border-line p-2",children:[r.jsx(Mt,{className:"mt-0.5 size-3.5 shrink-0 text-fg-subtle"}),r.jsxs("div",{children:[r.jsx("div",{className:"text-xs font-medium text-fg-muted",children:"Thread summary"}),r.jsx("div",{className:"text-2xs text-fg-subtle",children:"One-paragraph digest — Bedrock"})]})]})]})})]})}const Vh=[{keys:["j","k"],label:"navigate"},{keys:["m"],label:"mute"},{keys:["?"],label:"all shortcuts"}];function wc({hints:e=Vh,className:t}){return r.jsx("footer",{className:W("flex items-center gap-2 border-t border-line px-row-inset py-1 text-2xs text-fg-subtle",t),children:e.map(s=>r.jsx(Qh,{hint:s},s.label))})}function Qh({hint:e}){return r.jsxs("span",{className:"flex items-center gap-1",children:[e.keys.map(t=>r.jsx(Ts,{children:t},t)),r.jsx("span",{children:e.label})]})}function Gh(){return r.jsx("div",{className:"space-y-0",role:"status","aria-busy":"true","aria-label":"Loading messages",children:Array.from({length:8}).map((e,t)=>r.jsxs("div",{className:"animate-pulse border-b border-line px-3 py-2",children:[r.jsxs("div",{className:"mb-2 flex items-center justify-between",children:[r.jsx("div",{className:"h-4 w-32 rounded bg-surface-sunken"}),r.jsx("div",{className:"h-3 w-16 rounded bg-surface-sunken"})]}),r.jsx("div",{className:"mb-2 h-4 w-48 rounded bg-surface-sunken"}),r.jsx("div",{className:"h-3 w-full rounded bg-surface-sunken"})]},t))})}function Yh({filter:e,scopeLabel:t,searchQuery:s}){const n=s?.trim();return e?r.jsxs(oi,{children:[r.jsx("p",{className:"font-medium text-fg",children:Zh(e.label,t,n)}),r.jsx("p",{className:"mt-1 text-sm text-fg-muted",children:Xh[e.reach]}),r.jsx(ce,{variant:"secondary",size:"sm",className:"mt-4",onClick:e.onClear,children:"Clear filter"})]}):r.jsx(oi,{children:r.jsx("p",{className:"text-fg-muted",children:Jh(n,t)})})}const Xh={"whole-folder":"Every message in this folder was checked.","loaded-pages":"Only the messages loaded so far were checked."};function Jh(e,t){return e?"No messages match your search":t?`No messages in ${t}`:"No messages in this mailbox"}function Zh(e,t,s){return s?`No results for “${s}” in ${e}`:t?`No ${e} mail in ${t}`:`No ${e} mail`}function oi({children:e}){return r.jsx("div",{className:"flex h-full flex-1 items-center justify-center",children:r.jsx("div",{className:"flex max-w-sm flex-col items-center justify-center p-8 text-center",children:e})})}function ep(){return r.jsxs("div",{className:"flex items-center justify-center gap-2 py-4 text-sm text-fg-muted",role:"status","aria-live":"polite",children:[r.jsx(Ls,{className:"size-4 animate-spin","aria-hidden":"true"}),r.jsx("span",{children:"Loading more…"})]})}function tp({message:e="Something went wrong loading this mailbox.",onRetry:t,onReport:s}){return r.jsx("div",{className:"flex h-full flex-1 items-center justify-center p-4",children:r.jsxs("div",{role:"alert",className:"flex max-w-sm flex-col items-center justify-center gap-3 text-center",children:[r.jsx(ds,{className:"size-8 text-danger","aria-hidden":"true"}),r.jsxs("div",{children:[r.jsx("p",{className:"font-medium text-danger",children:"Couldn't load messages"}),r.jsx("p",{className:"mt-1 break-words text-sm text-fg-muted",children:e})]}),r.jsxs("div",{className:"flex items-center gap-2",children:[t&&r.jsx(ce,{variant:"secondary",size:"sm",onClick:t,children:"Retry"}),s&&r.jsx(ce,{variant:"ghost",size:"sm",onClick:s,children:"Report a problem"})]})]})})}const Sc="outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset",kc=({active:e,focused:t})=>W("relative flex h-8 w-full items-center gap-2 px-row-inset text-left",Sc,e?"bg-accent-2-soft":t?"bg-surface-sunken":"hover:bg-surface-sunken",t&&!e&&"before:absolute before:inset-y-0 before:left-0 before:w-0.5 before:bg-accent-2"),zs=({active:e,focused:t})=>W("relative flex w-full items-start gap-3 py-2 pl-5 pr-row-inset text-left transition-colors",Sc,e?"bg-accent-2-soft":t?"bg-surface-sunken":"hover:bg-surface-sunken",t&&!e&&"before:absolute before:inset-y-0 before:left-0 before:w-0.5 before:bg-accent-2");function jc({thread:e}){const t=!e.isRead;return r.jsxs(r.Fragment,{children:[r.jsx("span",{className:"flex w-4 shrink-0 items-center justify-center",children:e.suspicious?r.jsx(_s,{className:"size-3.5 text-danger"}):e.starred?r.jsx(Gt,{className:"size-3 fill-warning text-warning"}):t?r.jsx("span",{className:"size-1.5 rounded-full bg-accent"}):null}),r.jsx("span",{className:W("w-36 shrink-0 truncate text-xs",t?"font-semibold text-fg":"text-fg-muted"),children:e.fromName}),r.jsxs("span",{className:"min-w-0 flex-1 truncate text-xs",children:[r.jsx("span",{className:W(t?"font-medium text-fg":"text-fg-muted"),children:e.subject}),r.jsxs("span",{className:"text-fg-subtle",children:[" — ",e.snippet]})]}),e.hasAttachment&&r.jsx(dr,{className:"size-3 shrink-0 text-fg-subtle"}),r.jsx("span",{className:"w-11 shrink-0 text-right text-2xs text-fg-subtle tabular-nums",children:e.timeLabel})]})}function ii(e,t){const s=t?.trim();if(!s)return e;const n=e.toLowerCase(),a=s.toLowerCase(),o=[];let i=0,l=n.indexOf(a,i),u=0;for(;l!==-1;)l>i&&o.push(e.slice(i,l)),o.push(r.jsx("mark",{className:"bg-transparent font-semibold text-fg",children:e.slice(l,l+a.length)},u++)),i=l+a.length,l=n.indexOf(a,i);return i<e.length&&o.push(e.slice(i)),o}function ln({thread:e,badge:t,highlightQuery:s}){const n=!e.isRead;return r.jsxs("span",{className:"min-w-0 flex-1",children:[r.jsxs("span",{className:"flex items-baseline justify-between gap-2",children:[r.jsxs("span",{className:W("flex min-w-0 items-center gap-1.5 truncate text-sm",n?"font-semibold text-fg":"font-medium text-fg-muted"),children:[e.trust==="vip"&&r.jsx("span",{className:"size-1.5 shrink-0 rounded-full bg-accent-2"}),r.jsx("span",{className:"truncate",children:e.fromName}),e.messageCount!=null&&e.messageCount>1&&r.jsx("span",{className:"shrink-0 text-2xs font-normal text-fg-subtle",children:e.messageCount})]}),r.jsx("span",{className:"shrink-0 text-2xs text-fg-subtle tabular-nums",children:e.timeLabel})]}),r.jsxs("span",{className:"flex items-center gap-1.5",children:[r.jsx("span",{className:W("truncate text-sm",n?"text-fg":"text-fg-muted"),children:ii(e.subject,s)}),e.suspicious&&r.jsx(_s,{className:"size-3.5 shrink-0 text-danger"}),e.starred&&r.jsx(Gt,{className:"size-3 shrink-0 fill-warning text-warning"}),e.hasAttachment&&r.jsx(dr,{className:"size-3 shrink-0 text-fg-subtle"})]}),r.jsxs("span",{className:"flex items-center gap-1.5",children:[r.jsx("span",{className:"line-clamp-1 min-w-0 flex-1 text-xs text-fg-subtle",children:ii(e.snippet,s)}),e.category&&e.category!=="personal"&&r.jsx(St,{tone:df[e.category],className:"shrink-0",children:e.category}),e.labels?.map(a=>r.jsx(ff,{label:a,className:"max-w-20"},a.labelId)),t]})]})}function sp({thread:e,selection:t}){if(!t)return r.jsx(kt,{name:e.fromName,email:e.fromEmail,size:"sm"});const{checked:s,alwaysVisible:n}=t;return r.jsxs("span",{className:"relative size-7 shrink-0",children:[r.jsx(kt,{name:e.fromName,email:e.fromEmail,size:"sm",className:W("absolute inset-0 transition-opacity sm:group-hover:opacity-0",(s||n)&&"opacity-0")}),r.jsx("span",{role:"button",tabIndex:-1,onClick:t.onToggle,onKeyDown:a=>{a.key!=="Enter"&&a.key!==" "||(a.preventDefault(),a.stopPropagation(),t.onToggle(a))},className:W("absolute inset-0 size-7 items-center justify-center rounded-full border transition-opacity",n?"flex":"hidden sm:flex",s?"bg-accent border-accent text-accent-fg opacity-100":n?"border-fg-subtle/40 bg-canvas opacity-100":"border-fg-subtle/40 bg-canvas opacity-0 group-hover:opacity-100"),"aria-label":s?"Deselect message":"Select message",children:s&&r.jsx(fn,{className:"size-3"})})]})}function oo({thread:e,selection:t,badge:s,highlightQuery:n}){const a=!e.isRead;return r.jsxs(r.Fragment,{children:[a&&r.jsx("span",{className:"absolute left-1.5 top-1/2 size-1.5 -translate-y-1/2 rounded-full bg-accent"}),r.jsx(sp,{thread:e,selection:t}),r.jsx(ln,{thread:e,badge:s,highlightQuery:n})]})}function np({thread:e,active:t,focused:s,onClick:n}){return r.jsx("button",{type:"button",...Ia,onClick:n,className:kc({active:t,focused:s}),children:r.jsx(jc,{thread:e})})}function rp({thread:e,active:t,focused:s,selection:n,onClick:a}){return r.jsx("button",{type:"button",...Ia,onClick:a,className:W("group",zs({active:t,focused:s})),children:r.jsx(oo,{thread:e,selection:n})})}const ap="peer relative size-5 shrink-0 cursor-pointer appearance-none rounded-md border border-line-strong bg-surface outline-none transition-colors checked:border-positive checked:bg-positive indeterminate:border-positive indeterminate:bg-positive focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-surface",li="pointer-events-none absolute inset-0 m-auto size-3.5 text-accent-fg";function io({label:e,description:t,indeterminate:s=!1,checked:n,onChange:a,className:o,...i}){const l=c.useRef(null);c.useEffect(()=>{l.current&&(l.current.indeterminate=s)},[s]);const u=r.jsxs("span",{className:"relative inline-flex",children:[r.jsx("input",{ref:l,type:"checkbox",checked:n,onChange:a,className:ap,...i}),r.jsx(fn,{className:W(li,"hidden peer-checked:block"),"aria-hidden":!0}),r.jsx(Ph,{className:W(li,"hidden peer-indeterminate:block"),"aria-hidden":!0})]});return e===void 0&&t===void 0?r.jsx("span",{className:o,children:u}):r.jsxs("label",{className:W("flex min-h-11 cursor-pointer items-center gap-3 text-left",o),children:[u,r.jsxs("span",{className:"flex min-w-0 flex-col",children:[e!==void 0&&r.jsx("span",{className:"text-sm text-fg",children:e}),t!==void 0&&r.jsx("span",{className:"text-xs text-fg-subtle",children:t})]})]})}function lo({triggerLabel:e,triggerIcon:t,triggerText:s,items:n,align:a="end",touch:o=!0,className:i,triggerClassName:l,nested:u=!1,children:m}){const[f,d]=c.useState(!1),h=c.useRef(null);return c.useEffect(()=>{if(!f)return;const x=p=>{h.current&&!h.current.contains(p.target)&&d(!1)},g=p=>{p.key==="Escape"&&d(!1)};return document.addEventListener("mousedown",x),document.addEventListener("keydown",g),()=>{document.removeEventListener("mousedown",x),document.removeEventListener("keydown",g)}},[f]),n.length===0&&!m?null:r.jsxs("div",{ref:h,className:W("relative",i),...u?{role:"none"}:{},children:[r.jsx(ce,{variant:"ghost",size:"sm",icon:t??r.jsx(hc,{className:"size-5"}),onClick:()=>d(x=>!x),"aria-label":e,"aria-haspopup":"menu","aria-expanded":f,...u?{role:"menuitem"}:{},className:W(o&&"min-h-11 min-w-11 px-0",l),children:s}),f&&r.jsxs("div",{role:"menu",className:W("absolute top-full z-50 mt-1 flex max-h-[60dvh] min-w-44 flex-col overflow-y-auto overscroll-contain rounded-md border border-line bg-surface py-1 shadow-lg",a==="end"?"right-0":"left-0"),children:[n.map(x=>r.jsxs("button",{type:"button",role:"menuitem",onClick:()=>{d(!1),x.onSelect()},className:"flex min-h-11 items-center gap-3 px-4 py-2.5 text-left text-sm text-fg transition-colors hover:bg-surface-sunken",children:[x.icon&&r.jsx("span",{className:"shrink-0 text-fg-subtle",children:x.icon}),x.label]},x.key)),m]})]})}const ci=e=>e.toLocaleString();function ui({selectAll:e,selecting:t,className:s}){return r.jsx(io,{className:s,checked:e.checked,indeterminate:e.indeterminate,onChange:e.onChange,label:r.jsx("span",{className:"font-medium text-accent",children:e.checked&&t?"Deselect all":"Select all"})})}function fr({title:e,count:t,onCancel:s,onDelete:n,onMove:a,onOrganize:o,onJunk:i,onMarkRead:l,navSlot:u,titleMeta:m,searchSlot:f,searchField:d,idleSlot:h,overflowSlot:x,isBusy:g=!1,isCounting:p=!1,selectAll:v,statusLabel:b,progress:S,notice:w}){const y=t>0||p,C=v?.checked?`All ${ci(t)} loaded selected`:`${ci(t)} ${t===1?"message":"messages"} selected`,T=[];return i&&!g&&!p&&T.push({key:"junk",label:"Junk",icon:r.jsx(_s,{className:"size-4"}),onSelect:i}),l&&!g&&!p&&T.push({key:"mark-read",label:"Mark read",icon:r.jsx(ur,{className:"size-4"}),onSelect:l}),r.jsxs("header",{"data-selection-bar":"",className:"flex shrink-0 flex-col border-b border-line bg-surface-sunken",children:[r.jsxs("div",{"data-selection-bar-row":"actions",className:"flex h-pane-header items-center gap-1 px-row-inset",children:[y?r.jsx(ce,{variant:"ghost",size:"touch",icon:r.jsx(Ta,{className:"size-5"}),onClick:s,"aria-label":"Cancel selection",className:"-ml-2 shrink-0"}):u,v&&r.jsx(ui,{selectAll:v,selecting:y,className:"hidden shrink-0 pr-2 md:flex"}),y?r.jsx("span",{"data-selection-count":"",className:"min-w-0 flex-1 truncate px-1 text-sm font-medium text-fg",role:"status","aria-live":"polite",children:b??C}):d?r.jsx("div",{className:"flex min-w-0 flex-1 items-center gap-1",children:d}):r.jsxs(r.Fragment,{children:[r.jsx("h1",{className:"min-w-0 flex-1 truncate px-1 text-sm font-semibold text-fg",children:e}),m,f]}),y&&!p&&r.jsxs(r.Fragment,{children:[r.jsx(ce,{variant:"ghost",size:"touch",icon:g?r.jsx(Ls,{className:"size-5 animate-spin"}):r.jsx(At,{className:"size-5 text-danger"}),onClick:g?void 0:n,"aria-label":"Move selected messages to Trash","aria-busy":g||void 0,className:"shrink-0"}),!g&&a&&r.jsx(ce,{variant:"ghost",size:"touch",icon:r.jsx(Ra,{className:"size-5"}),onClick:a,"aria-label":"Move selected messages",className:"shrink-0"}),!g&&o&&r.jsx(ce,{variant:"ghost",size:"touch",icon:r.jsx(Mt,{className:"size-5"}),onClick:o,"aria-label":"Organize selected messages",className:"shrink-0"})]}),y&&r.jsx(lo,{triggerLabel:"More actions",items:T,className:"shrink-0",children:!g&&!p&&x})]}),!y&&h,y&&v&&r.jsx("div",{"data-selection-bar-row":"select-all",className:"px-row-inset pb-2 md:hidden",children:r.jsx(ui,{selectAll:v,selecting:y,className:"w-full"})}),S&&r.jsx("div",{className:"px-row-inset pb-2",children:r.jsx(mf,{value:S.value,max:S.max,tone:S.tone})}),w&&r.jsx(mn,{"data-selection-notice":"",tone:w.tone,variant:"soft",role:"status","aria-live":"polite",className:"mx-row-inset mb-2",children:r.jsxs("div",{className:"flex items-center justify-between gap-2",children:[w.text&&r.jsx("span",{children:w.text}),w.action&&r.jsx(ce,{variant:"ghost",size:"md",onClick:w.action.onClick,className:"-my-1 min-h-11 shrink-0",children:w.action.label})]})})]})}let Rs;const op=5e3;function Cc(e){e.preventDefault(),Hn()}function Hn(){Rs!==void 0&&(clearTimeout(Rs),Rs=void 0,document.removeEventListener("contextmenu",Cc,!0),document.removeEventListener("pointerup",Hn,!0))}function ip(){Rs===void 0?(document.addEventListener("contextmenu",Cc,!0),document.addEventListener("pointerup",Hn,!0)):clearTimeout(Rs),Rs=setTimeout(Hn,op)}function Nc({onLongPress:e,isDisabled:t,delayMs:s=500,accessibilityDescription:n}){const{longPressProps:a}=Rh({isDisabled:t,threshold:s,accessibilityDescription:n,onLongPress:e}),o=c.useCallback(i=>{i.pointerType!=="touch"&&i.pointerType!=="pen"||ip()},[]);return{longPressProps:$s(a,{onPointerDown:o})}}const ls=72,di=10,lp=ls/2,fi="__swipeableRowAxisCancel";function mi(e){return e==="leading"?ls:e==="trailing"?-ls:0}function cp(e){return e>=ls/2?"leading":e<=-ls/2?"trailing":"none"}function Ec({thread:e,selectionMode:t,checked:s,active:n,peek:a,onPeek:o,onToggleCheck:i,onLongPress:l,onOpen:u,onAct:m,linkComponent:f}){const d=c.useRef(null),[h,x]=c.useState(null),{longPressProps:g}=Nc({onLongPress:l,isDisabled:t,accessibilityDescription:"Select message"}),p=A=>{const k=new PointerEvent("pointercancel",{bubbles:!0});k[fi]=!0,A.currentTarget.dispatchEvent(k)},y=$s(g,{onPointerDown:A=>{d.current={startX:A.clientX,startY:A.clientY,axis:"none",escaped:!1}},onPointerMove:A=>{if(t)return;const k=d.current;if(!k)return;const E=A.clientX-k.startX,D=A.clientY-k.startY;if(k.axis==="none"&&(Math.abs(D)>di&&Math.abs(D)>Math.abs(E)?k.axis="vertical":Math.abs(E)>di&&Math.abs(E)>Math.abs(D)&&(k.axis="horizontal",A.currentTarget.setPointerCapture(A.pointerId))),k.axis==="none")return;const I=k.axis==="horizontal"?Math.abs(E):Math.abs(D);if(!k.escaped&&I>lp&&(k.escaped=!0,p(A)),k.axis!=="horizontal")return;const L=mi(a),N=Math.max(-ls,Math.min(ls,L+E));x(N)},onPointerUp:A=>{const k=d.current;d.current=null;const E=h;if(x(null),!!k){if(k.axis!=="none"&&!k.escaped&&p(A),k.axis==="horizontal"){E!==null&&o(cp(E));return}if(k.axis!=="vertical"){if(t){i();return}if(a!=="none"){o("none");return}f||u()}}},onPointerCancel:A=>{A.nativeEvent[fi]||(d.current=null,x(null))}}),C=A=>{a!=="none"&&A.preventDefault()},T=h??mi(a),O=T>0?"leading":T<0?"trailing":"none",j=W("relative touch-pan-y bg-surface","select-none [-webkit-touch-callout:none]",zs({active:s||n})),R={transform:T!==0?`translateX(${T}px)`:void 0,transition:h===null?"transform 150ms ease":"none",minHeight:44},P=!e.isRead,M=A=>A.stopPropagation(),F=t?r.jsxs(r.Fragment,{children:[r.jsx("span",{className:W("inline-flex size-7 shrink-0 items-center justify-center rounded-full border",s?"border-accent bg-accent text-accent-fg":"border-line-strong bg-canvas"),children:s&&r.jsx(fn,{className:"size-3.5"})}),r.jsx(ln,{thread:e})]}):r.jsxs(r.Fragment,{children:[P&&r.jsx("span",{className:"absolute left-1.5 top-1/2 size-1.5 -translate-y-1/2 rounded-full bg-accent"}),r.jsx("button",{type:"button",role:"checkbox","aria-checked":s,"aria-label":`Select message from ${e.fromName}`,onPointerDown:M,onPointerMove:M,onPointerUp:M,onClick:A=>{A.preventDefault(),A.stopPropagation(),l()},className:"-m-2 inline-flex size-11 shrink-0 items-center justify-center rounded-full",children:r.jsx(kt,{name:e.fromName,email:e.fromEmail,size:"sm"})}),r.jsx(ln,{thread:e})]});return r.jsxs("div",{className:"relative overflow-hidden",children:[O==="leading"&&r.jsx("button",{type:"button",onClick:()=>m("leading"),"aria-label":e.isRead?"Mark as unread":"Mark as read",className:"absolute inset-y-0 left-0 flex items-center justify-start bg-accent-2 px-6 text-accent-fg",children:e.isRead?r.jsx(Yl,{className:"size-6"}):r.jsx(ur,{className:"size-6"})}),O==="trailing"&&r.jsx("button",{type:"button",onClick:()=>m("trailing"),"aria-label":"Delete message",className:"absolute inset-y-0 right-0 flex items-center justify-end bg-danger px-6 text-canvas",children:r.jsx(At,{className:"size-6"})}),f&&!t?f({...y,className:j,style:R,onOpenClick:C,children:F}):r.jsx("button",{type:"button",role:t?"checkbox":void 0,"aria-checked":t?s:void 0,...y,className:j,style:R,children:F})]})}function up({sections:e,selectedThreadId:t,selectionMode:s,checkedIds:n,initialPeek:a,onToggleCheck:o,onEnterSelection:i,onOpenThread:l,onRefresh:u,refreshing:m,busy:f=!1}){const[d,h]=c.useState(()=>e.flatMap(v=>v.threads)),[x,g]=c.useState(a&&a!=="none"&&d[1]?{id:d[1].id,side:a}:null),p=(v,b)=>{h(b==="trailing"?S=>S.filter(w=>w.id!==v):S=>S.map(w=>w.id===v?{...w,isRead:!w.isRead}:w)),g(null)};return r.jsxs("div",{className:"flex-1 overflow-y-auto",children:[m&&r.jsxs("div",{className:"flex items-center justify-center gap-2 border-b border-line py-3 text-fg-muted",children:[r.jsx(xc,{className:"size-4 animate-spin"}),r.jsx("span",{className:"text-xs",children:"Checking for new mail…"})]}),r.jsx("div",{className:"divide-y divide-line",children:d.map(v=>r.jsx("div",{className:f?"pointer-events-none opacity-50":void 0,children:r.jsx(Ec,{thread:v,selectionMode:s,checked:n.has(v.id),active:v.id===t,peek:x?.id===v.id?x.side:"none",onPeek:b=>g(b==="none"?null:{id:v.id,side:b}),onToggleCheck:()=>o(v.id),onLongPress:()=>i(v.id),onOpen:()=>l(v.id),onAct:b=>p(v.id,b)})},v.id))}),!s&&!m&&!f&&r.jsx("button",{type:"button",onClick:u,className:"w-full border-t border-line py-2 text-center text-2xs text-fg-subtle transition-colors hover:bg-surface-sunken",children:"Pull to refresh"})]})}function Ic({listTitle:e,listMeta:t,sections:s,briefFilters:n,flatList:a,listState:o="ready",searchQuery:i,listFilter:l,listScopeLabel:u,errorMessage:m,onRetry:f,onReportError:d,briefCategory:h,selectedThreadId:x,density:g="comfortable",onSelectThread:p,onSelectBriefCategory:v,onOpenNav:b,isDesktop:S,initialTouchState:w,selectionBar:y,paneOverlay:C,listBody:T,hideHeader:O=!1}){const j=g==="compact"?np:rp,R=c.useRef(null);Zn({containerRef:R,itemSelector:Ma});const P=!S&&!n&&o==="ready",M=s.flatMap(J=>J.threads),[F,A]=c.useState(w==="selection"),[k,E]=c.useState(()=>w==="selection"?new Set(M.slice(0,2).map(J=>J.id)):new Set),[D,I]=c.useState(new Set),[L,N]=c.useState(new Set),[K,re]=c.useState(!1),ae=c.useMemo(()=>D.size===0&&L.size===0?s:s.map(J=>({...J,threads:J.threads.filter(xe=>!D.has(xe.id)).map(xe=>L.has(xe.id)?{...xe,isRead:!0}:xe)})),[s,D,L]),oe=w==="peek-trailing"?"trailing":w==="peek-leading"?"leading":void 0,ee=J=>{E(xe=>{const be=new Set(xe);return be.has(J)?be.delete(J):be.add(J),be.size===0&&A(!1),be})},te=J=>{A(!0),E(new Set([J]))},me=()=>{A(!1),E(new Set)},de=()=>{I(J=>new Set([...J,...k])),me()},se=()=>{N(J=>new Set([...J,...k])),me()},H=()=>{re(!0),setTimeout(()=>re(!1),1400)},pe=!y&&P&&F&&k.size>0;return r.jsxs("section",{className:"relative flex h-full w-full flex-col bg-surface",children:[y??(pe?r.jsx(fr,{title:e,count:k.size,onCancel:me,onMarkRead:se,onDelete:de}):O?null:r.jsxs("header",{className:"flex h-pane-header shrink-0 items-center gap-2 border-b border-line px-row-inset",children:[b&&r.jsx(ce,{variant:"ghost",size:"sm",icon:r.jsx(Ja,{className:"size-4"}),onClick:b,"aria-label":"Open folders",className:"-ml-1 shrink-0"}),r.jsx("h1",{className:"min-w-0 flex-1 truncate text-sm font-semibold text-fg",children:e}),t&&r.jsx("span",{className:"shrink-0 text-2xs text-fg-subtle",children:t})]})),o==="loading"?r.jsx("div",{className:"flex-1 overflow-y-auto",children:r.jsx(Gh,{})}):o==="empty"?r.jsx(Yh,{filter:l,scopeLabel:u,searchQuery:i}):o==="error"?r.jsx(tp,{message:m,onRetry:f,onReport:d}):n?r.jsx(hf,{sections:s,briefCategory:h,selectedThreadId:x,Row:j,onSelectThread:p,onSelectBriefCategory:v}):T??(P?r.jsx(up,{sections:ae,selectedThreadId:x,selectionMode:F,checkedIds:k,initialPeek:oe,onToggleCheck:ee,onEnterSelection:te,onOpenThread:J=>p?.(J),onRefresh:H,refreshing:K}):r.jsx("div",{ref:R,className:"flex-1 overflow-y-auto",children:s.map(J=>r.jsxs("div",{children:[!a&&J.label&&r.jsxs("div",{className:"sticky top-0 flex h-section-row items-center justify-between border-b border-line bg-surface-sunken px-row-inset",children:[r.jsx("span",{className:"text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:J.label}),r.jsx("span",{className:"text-2xs text-fg-subtle tabular-nums",children:J.threads.length})]}),r.jsx("div",{className:"divide-y divide-line",children:J.threads.map(xe=>r.jsx(j,{thread:xe,active:xe.id===x,onClick:()=>p?.(xe.id)},xe.id))})]},J.id))})),S&&r.jsx(wc,{}),C]})}const Gs="min-h-11 min-w-11 px-0";function Tc({hasThread:e,onReply:t,onReplyAll:s,onForward:n,isStarred:a,onToggleStar:o,onDelete:i,isRead:l,onToggleRead:u,moveSlot:m,overflowItems:f=[],onUnavailable:d,unavailableHint:h,className:x}){const g=(v,b)=>()=>{if(!e){d?.(v);return}b?.()},p=u?[{key:"toggle-read",label:l?"Mark as unread":"Mark as read",icon:l?r.jsx(Yl,{className:"size-4"}):r.jsx(ur,{className:"size-4"}),onSelect:g("toggleRead",u)}]:[];return r.jsxs("div",{className:W("relative",x),children:[r.jsxs("div",{className:"flex h-12 shrink-0 items-center gap-0.5 bg-canvas px-1",children:[r.jsx(ce,{variant:"ghost",size:"sm",icon:r.jsx(vc,{className:"size-5"}),onClick:g("reply",t),"aria-label":"Reply",title:"Reply",className:Gs}),r.jsx(ce,{variant:"ghost",size:"sm",icon:r.jsx(bc,{className:"size-5"}),onClick:g("replyAll",s),"aria-label":"Reply all",title:"Reply all",className:Gs}),r.jsx(ce,{variant:"ghost",size:"sm",icon:r.jsx(pc,{className:"size-5"}),onClick:g("forward",n),"aria-label":"Forward",title:"Forward",className:Gs}),r.jsx("div",{className:"flex-1"}),r.jsx(ce,{variant:"ghost",size:"sm",icon:r.jsx(Gt,{className:W("size-5",a&&"fill-warning text-warning")}),onClick:g("star",o),"aria-label":a?"Unstar":"Star","aria-pressed":a,title:a?"Unstar":"Star",className:Gs}),m,r.jsx(ce,{variant:"ghost",size:"sm",icon:r.jsx(At,{className:"size-5"}),onClick:g("delete",i),"aria-label":"Move to Trash",title:"Move to Trash",className:Gs}),r.jsx(lo,{triggerLabel:"More actions",items:[...p,...f]})]}),!e&&h&&r.jsx("p",{role:"status",className:"bg-surface-sunken px-3 py-1 text-2xs text-fg-subtle",children:h})]})}function dp({open:e=!1,enabled:t=!0,onToggle:s,className:n}){return r.jsx(ce,{variant:"ghost",size:"sm",icon:r.jsx(Al,{className:"size-4"}),title:"Intelligence","aria-label":e?"Hide intelligence sidebar":"Show intelligence sidebar","aria-pressed":e,disabled:!t,onClick:s,className:W(e&&"bg-accent-2-soft text-accent-2",n)})}function fp({hasThread:e,onUnavailable:t,unavailableHint:s,isStarred:n,showTriage:a=!0,onReply:o,onReplyAll:i,onForward:l,onDelete:u,onToggleStar:m,moveSlot:f,onMove:d,replyTitle:h="Reply (r)",replyAllTitle:x="Reply all (a)",forwardTitle:g="Forward (f)",deleteTitle:p="Move to Trash (#)",flagTitle:v="Star (s)",children:b,className:S}){const w=(y,C)=>()=>{if(!e){t?.(y);return}C?.()};return r.jsxs("div",{className:"relative",children:[r.jsxs("header",{className:W("flex h-pane-header shrink-0 items-center gap-1 border-b border-line bg-surface px-3",S),children:[r.jsx(ce,{variant:"ghost",size:"sm",icon:r.jsx(vc,{className:"size-4"}),title:h,"aria-label":"Reply",onClick:w("reply",o)}),r.jsx(ce,{variant:"ghost",size:"sm",icon:r.jsx(bc,{className:"size-4"}),title:x,"aria-label":"Reply all",onClick:w("replyAll",i)}),r.jsx(ce,{variant:"ghost",size:"sm",icon:r.jsx(pc,{className:"size-4"}),title:g,"aria-label":"Forward",onClick:w("forward",l)}),a&&r.jsxs(r.Fragment,{children:[r.jsx("span",{className:"mx-1 h-4 w-px bg-line","aria-hidden":!0}),r.jsx(ce,{variant:"ghost",size:"sm",icon:r.jsx(At,{className:"size-4"}),title:p,"aria-label":"Move to Trash",onClick:w("delete",u)}),f??r.jsx(ce,{variant:"ghost",size:"sm",icon:r.jsx(Ra,{className:"size-4"}),title:"Move to mailbox","aria-label":"Move to mailbox",onClick:w("move",d)}),r.jsx(ce,{variant:"ghost",size:"sm",icon:r.jsx(Gt,{className:W("size-4",n&&"fill-warning text-warning")}),title:v,"aria-label":"Star",onClick:w("flag",m)})]}),r.jsx("div",{className:"flex-1"}),b]}),!e&&s&&r.jsx("p",{role:"status",className:"border-b border-line bg-surface-sunken px-3 py-1 text-2xs text-fg-subtle",children:s})]})}const mp=(e,t)=>{const n=e==="newsletter"||e==="marketing"||t;return{framed:n,isPlain:!n}},hp=()=>`
|
|
9
|
+
/* Zero the UA default body margin and clamp the document to the iframe width so
|
|
10
|
+
wide author markup can't push the body (and the page) past the viewport. */
|
|
11
|
+
html, body {
|
|
12
|
+
margin: 0;
|
|
13
|
+
padding: 0;
|
|
14
|
+
max-width: 100%;
|
|
15
|
+
}
|
|
16
|
+
body {
|
|
17
|
+
overflow-wrap: anywhere;
|
|
18
|
+
word-break: break-word;
|
|
19
|
+
}
|
|
20
|
+
/* Media never wider than the frame; keep aspect ratio when width is capped. */
|
|
21
|
+
img, video, iframe, svg, canvas {
|
|
22
|
+
max-width: 100% !important;
|
|
23
|
+
height: auto;
|
|
24
|
+
}
|
|
25
|
+
/* Fixed-width author tables (\`<table width="600">\`) collapse to fit. */
|
|
26
|
+
table {
|
|
27
|
+
max-width: 100% !important;
|
|
28
|
+
table-layout: auto;
|
|
29
|
+
}
|
|
30
|
+
/* Cells carry the fixed widths in real newsletters (\`<td width="600">\`);
|
|
31
|
+
cap them too or the table can't actually shrink. */
|
|
32
|
+
td, th {
|
|
33
|
+
max-width: 100% !important;
|
|
34
|
+
}
|
|
35
|
+
/* \`max-width\` alone can't beat an inline \`min-width\`; zeroing the min lets
|
|
36
|
+
flex / grid / table children actually collapse to the clamped width. */
|
|
37
|
+
* {
|
|
38
|
+
min-width: 0;
|
|
39
|
+
}
|
|
40
|
+
/* Long unbroken strings (URLs, tokens) wrap instead of forcing a wide line. */
|
|
41
|
+
pre, code {
|
|
42
|
+
white-space: pre-wrap;
|
|
43
|
+
overflow-wrap: anywhere;
|
|
44
|
+
word-break: break-word;
|
|
45
|
+
}
|
|
46
|
+
`,pp=e=>{const t=new Map;for(const s of e){if(!s.contentId||s.contentUrl.length===0)continue;const n=s.contentId.replace(/^<|>$/g,"");t.set(n,s.contentUrl)}return s=>t.get(s.replace(/^<|>$/g,""))},gp=/^(none|transparent|inherit|initial|unset)\s*$/i,xp=e=>{const t=[],s=/<style[^>]*>([\s\S]*?)<\/style>/gi;let n;for(n=s.exec(e);n!==null;)t.push(n[1]),n=s.exec(e);return t},bp=e=>{const t=/background(?:-color)?\s*:\s*([^;}\n]+)/gi;let s;for(s=t.exec(e);s!==null;){const n=s[1].trim();if(!gp.test(n))return!0;s=t.exec(e)}return!1},vp=e=>{if(/\bstyle\s*=\s*["'][^"']*background/i.test(e)||/\bbgcolor\s*=/i.test(e))return!0;for(const t of xp(e))if(bp(t))return!0;return!1},yp=["script","iframe","object","embed","form","input","button","textarea","select","meta","link","base"],wp=["onerror","onload","onclick","onmouseover","onmouseout","onfocus","onblur","onsubmit","onkeydown","onkeyup","formaction","xlink:href","data-bind"],Sp="data:image/svg+xml,"+encodeURIComponent(`
|
|
47
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
|
|
48
|
+
<rect fill="#f0f0f0" width="100" height="100"/>
|
|
49
|
+
<text x="50" y="50" text-anchor="middle" dy=".3em" fill="#999" font-size="12">
|
|
50
|
+
Image blocked
|
|
51
|
+
</text>
|
|
52
|
+
</svg>
|
|
53
|
+
`),kp=e=>e.replace(/url\s*\([^)]*\)/gi,"none").replace(/expression\s*\([^)]*\)/gi,"").replace(/-moz-binding\s*:[^;]*/gi,""),jp=e=>e.replace(/@import[^;]*;/gi,"/* @import blocked */").replace(/url\s*\([^)]*\)/gi,"none").replace(/expression\s*\([^)]*\)/gi,"").replace(/-moz-binding\s*:[^;]*/gi,""),Cp=(e={})=>{const t=Ol(),s={FORBID_TAGS:yp,FORBID_ATTR:wp,ALLOW_DATA_ATTR:!1,ALLOW_UNKNOWN_PROTOCOLS:!1};return t.addHook("afterSanitizeAttributes",n=>{if(n.tagName==="IMG"){const a=n.getAttribute("src")||"";if(a.startsWith("data:"))return;if(a.startsWith("cid:")){const i=a.slice(4).replace(/^<|>$/g,""),l=e.resolveCid?.(i);l&&(n.setAttribute("src",l),n.classList.add("inline-content"));return}e.allowExternalImages||(n.setAttribute("data-blocked-src",a),n.setAttribute("src",Sp),n.setAttribute("alt","[Blocked image]"),n.classList.add("blocked-image"))}if(n.tagName==="A"){const a=n.getAttribute("href")||"";if(/^(javascript|data):/i.test(a)){n.removeAttribute("href");return}n.setAttribute("target","_blank"),n.setAttribute("rel","noopener noreferrer nofollow"),n.classList.add("external-link")}if(n.hasAttribute("style")){const a=n.getAttribute("style")||"";n.setAttribute("style",kp(a))}}),t.addHook("uponSanitizeElement",(n,a)=>{if(a.tagName==="style"){const o=n.textContent||"";n.textContent=jp(o)}}),n=>{const a=vp(n),o=t.sanitize(n,s);return{html:`<style>${hp()}</style>${o}`,hasAuthorBackground:a}}},Np='"Geist Variable", "Geist", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',hi={light:{fg:"oklch(0.3 0.025 235)",surface:"oklch(0.975 0.012 90)",accent:"oklch(0.55 0.14 150)"},dark:{fg:"oklch(0.88 0.02 90)",surface:"oklch(0.25 0.025 220)",accent:"oklch(0.78 0.16 150)"}},Ep=/prefers-color-scheme\s*:\s*dark|color-scheme\s*:\s*[^;}"']*\bdark\b/i,pi='<meta name="viewport" content="width=device-width, initial-scale=1">',Ip=e=>{const t=e?hi.dark:hi.light;return`
|
|
54
|
+
/* Plain-email base: UI font-stack + theme-aware colors (#424) */
|
|
55
|
+
html, body {
|
|
56
|
+
font-family: ${Np};
|
|
57
|
+
font-size: 14px;
|
|
58
|
+
line-height: 1.6;
|
|
59
|
+
color: ${t.fg};
|
|
60
|
+
background-color: ${t.surface};
|
|
61
|
+
margin: 0;
|
|
62
|
+
padding: 0;
|
|
63
|
+
}
|
|
64
|
+
/* Strip author unreadable text colors and element backgrounds, scoped to body
|
|
65
|
+
descendants so the themed html/body surface above survives this reset. */
|
|
66
|
+
body * {
|
|
67
|
+
color: inherit !important;
|
|
68
|
+
background-color: transparent !important;
|
|
69
|
+
}
|
|
70
|
+
a, a:visited {
|
|
71
|
+
color: ${t.accent} !important;
|
|
72
|
+
text-decoration: underline;
|
|
73
|
+
}
|
|
74
|
+
`},Tp=(e,t)=>e?t?"html,body{margin:0;color-scheme:dark light}":"html{margin:0;background-color:#ffffff;filter:invert(0.92) hue-rotate(180deg)}body{margin:0}img,picture,video,svg,canvas,[style*='background-image'],[background]{filter:invert(0.92) hue-rotate(180deg)}":"html,body{margin:0;background-color:#ffffff;color-scheme:light}",Rp=(e,t,s)=>{if(t==="plain")return`${pi}<style>${Ip(s)}</style>${e}`;const n=Ep.test(e);return`${pi}<style>${Tp(s,n)}</style>${e}`},Mp=5e4,Ap=1e4,Op="(max-width: 640px)",Dp=.4,Pp="allow-same-origin allow-popups allow-popups-to-escape-sandbox",gi=(e,t,s)=>Math.min(Math.ceil(Math.max(e,t)),s),Lp=(e,t)=>e<=0||t<=0||e<=t?1:Math.max(Dp,t/e),Fp=e=>{const[t,s]=c.useState(()=>typeof window>"u"||!window.matchMedia?!1:window.matchMedia(e).matches);return c.useEffect(()=>{if(typeof window>"u"||!window.matchMedia)return;const n=window.matchMedia(e);s(n.matches);const a=o=>s(o.matches);return n.addEventListener("change",a),()=>n.removeEventListener("change",a)},[e]),t},$p=new Set(["Enter","Escape","ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End"]),_p=e=>e===" "?!1:e.length===1?!0:$p.has(e),xi=e=>{if(e.metaKey||e.ctrlKey||e.altKey||!_p(e.key))return;const t=e.currentTarget??e.target,s=t?.defaultView?.parent;!s||s===t?.defaultView||s.dispatchEvent(new KeyboardEvent("keydown",{key:e.key,code:e.code,shiftKey:e.shiftKey,bubbles:!0,cancelable:!0}))},bi=({html:e,variant:t="framed",isDark:s=!1,className:n})=>{const a=c.useRef(null),o=c.useRef(null),[i,l]=c.useState(0),[u,m]=c.useState(0),[f,d]=c.useState(0),h=Fp(Op),x=c.useMemo(()=>Rp(e,t,s),[e,t,s]);c.useEffect(()=>{const w=a.current;if(!w)return;const y=()=>d(T=>T===w.clientWidth?T:w.clientWidth);y();const C=new ResizeObserver(y);return C.observe(w),()=>C.disconnect()},[]),c.useEffect(()=>{const w=o.current;if(!w)return;const y=()=>{const j=w.contentDocument;if(!j?.body)return;const R=j.documentElement,P=gi(j.body.scrollHeight,R?.scrollHeight??0,Mp);l(F=>F===P?F:P);const M=gi(j.body.scrollWidth,R?.scrollWidth??0,Ap);m(F=>F===M?F:M)};let C,T;const O=()=>{y();const j=w.contentDocument;j?.body&&(C=new ResizeObserver(y),C.observe(j.body),j.documentElement&&C.observe(j.documentElement),j.addEventListener("keydown",xi),T=j)};return w.addEventListener("load",O),()=>{w.removeEventListener("load",O),T?.removeEventListener("keydown",xi),C?.disconnect()}},[]);const g=h?Lp(u,f):1,p=g<1,v=p?`${u}px`:h?"100%":t==="framed"&&u>0?`max(100%, ${u}px)`:u===0?"100%":`${u}px`,b=i===0?"1px":`${i}px`,S=r.jsx("iframe",{ref:o,title:"Email content",sandbox:Pp,srcDoc:x,className:p?void 0:n,scrolling:"no",style:{width:v,maxWidth:p?"none":void 0,border:"none",display:"block",height:b,overflow:"hidden",transform:p?`scale(${g})`:void 0,transformOrigin:p?"top left":void 0,colorScheme:"normal"}});return r.jsx("div",{ref:a,className:p?n:void 0,children:p?r.jsx("div",{style:{width:"100%",height:`${Math.ceil(i*g)}px`,overflow:"hidden"},children:S}):S})},vi=()=>r.jsx("p",{className:"text-fg-muted text-sm italic",children:"This message has no body content."}),Rc=({html:e,text:t,isDark:s=!1,category:n,allowImages:a=!1,resolveCid:o,className:i,renderBlockedNotice:l})=>{const u=c.useMemo(()=>!e||typeof document>"u"?null:Cp({allowExternalImages:a,resolveCid:o})(e),[e,a,o]),m=u?.html??null,{framed:f,isPlain:d}=mp(n,u?.hasAuthorBackground??!1),h=c.useMemo(()=>!m||a?0:(m.match(/data-blocked-src/g)||[]).length,[m,a]);return!m&&!t?r.jsx("div",{className:W("message-body",i),children:r.jsx(vi,{})}):r.jsxs("div",{className:W("message-body",i),children:[h>0&&r.jsx("div",{className:"message-body-notice",children:l?.(h)}),m?f?r.jsx("div",{className:"w-full max-w-full overflow-x-auto",children:r.jsx(bi,{html:m,variant:"framed",isDark:s})}):r.jsx("div",{className:"max-w-full overflow-x-auto lg:max-w-2xl",children:r.jsx(bi,{html:m,variant:d?"plain":"framed",isDark:s})}):t?r.jsx("pre",{className:"email-text whitespace-pre-wrap text-sm leading-relaxed",children:t}):r.jsx(vi,{})]})};function Bs({message:e="Select a thread to read",icon:t,showHints:s=!0,className:n}){return r.jsxs("div",{className:W("flex flex-1 flex-col items-center justify-center text-center",n),children:[t??r.jsx(Aa,{className:"size-10 text-fg-subtle"}),r.jsx("p",{className:"mt-3 text-sm text-fg-muted",children:e}),s&&r.jsxs("p",{className:"text-2xs text-fg-subtle",children:[r.jsx(Ts,{children:"j"})," / ",r.jsx(Ts,{children:"k"})," to move, ",r.jsx(Ts,{children:"Enter"})," to open"]})]})}function Mc({message:e,onClick:t,isFocused:s,isUnread:n,trailing:a}){const o=r.jsxs(r.Fragment,{children:[r.jsx(Os,{className:"size-3.5 shrink-0 text-fg-subtle"}),r.jsxs("div",{className:"relative shrink-0",children:[r.jsx(kt,{name:e.fromName,email:e.fromEmail,size:"md"}),n&&r.jsx("span",{className:"absolute -top-0.5 -right-0.5 size-2 rounded-full border border-canvas bg-accent"})]}),r.jsx("span",{className:W("w-36 shrink-0 truncate text-sm",n?"font-semibold text-fg":"font-medium text-fg-muted"),children:e.fromName}),r.jsx("span",{className:"min-w-0 flex-1 truncate text-xs text-fg-subtle",children:e.snippet}),a??r.jsx("span",{className:"shrink-0 text-2xs text-fg-subtle tabular-nums",children:e.dateLabel})]}),i=W("group flex h-section-row w-full items-center gap-3 border-b border-line px-2 text-left transition-colors hover:bg-surface-sunken lg:px-4",s&&"bg-surface-sunken ring-1 ring-inset ring-accent/30");return t?r.jsx("div",{role:"button",tabIndex:0,"aria-expanded":!1,onClick:t,onKeyDown:l=>{pf(l)&&(l.preventDefault(),t())},className:W(i,"cursor-pointer"),children:o}):r.jsx("div",{className:i,children:o})}function Ac({message:e,warning:t,onHeaderClick:s,isFocused:n,senderBadge:a,trailing:o,to:i,indicators:l,actionMenu:u,actionBar:m,body:f}){const d=r.jsxs(r.Fragment,{children:[r.jsxs("div",{className:"flex items-baseline justify-between gap-2",children:[r.jsxs("span",{className:"text-sm font-semibold text-fg",children:[e.fromName,a]}),o??r.jsx("span",{className:"text-2xs text-fg-subtle",children:e.dateLabel})]}),r.jsx("div",{className:"text-xs text-fg-subtle",children:e.fromEmail}),i!==null&&r.jsx("div",{className:"text-xs text-fg-subtle",children:i??r.jsxs(r.Fragment,{children:["to ",e.toLabel]})})]});return r.jsxs("div",{className:W("px-2 py-3 lg:px-4",n&&"ring-1 ring-inset ring-accent/30"),children:[r.jsxs("div",{className:"flex items-start gap-3",children:[r.jsx(Vt,{className:"mt-1 size-3.5 shrink-0 text-fg-subtle"}),r.jsx(kt,{name:e.fromName,email:e.fromEmail,size:"md"}),r.jsxs("div",{className:"min-w-0 flex-1",children:[s?r.jsx("button",{type:"button",onClick:s,className:"w-full text-left",children:d}):d,l]}),u&&r.jsx("div",{className:"shrink-0",children:u})]}),t&&r.jsxs("div",{className:"mt-3 flex items-start gap-3 rounded-md bg-danger-soft p-3",children:[r.jsx(_s,{className:"mt-0.5 size-4 shrink-0 text-danger"}),r.jsxs("div",{className:"text-sm text-fg",children:[r.jsx("span",{className:"font-semibold text-danger",children:"Caution: "}),t," ",r.jsx("button",{type:"button",className:"text-accent underline",children:"Why?"})]})]}),m&&r.jsx("div",{className:"mt-3 -mx-2 lg:-mx-4",children:m}),r.jsx("div",{className:"-mx-2 [&_.message-body-notice]:px-2 lg:mx-0 lg:[&_.message-body-notice]:px-0",children:f??r.jsx(Rc,{className:"mt-3",html:e.bodyHtml,category:e.framed?"newsletter":"personal",allowImages:!0})})]})}function zp({thread:e,onBack:t,intelligence:s,intelligenceOpen:n,onToggleIntelligence:a,actions:o,children:i,touchHandlers:l}){const[u,m]=c.useState(!1),f=a!==void 0,d=f?n??!1:u,h=!!s||f,x=()=>{if(f){a?.();return}m(p=>!p)},g=()=>{if(f){d&&a?.();return}m(!1)};return r.jsxs("article",{className:"flex h-full w-full min-w-0 flex-col bg-canvas",children:[r.jsxs("header",{className:"flex h-pane-header shrink-0 items-center gap-2 border-b border-line bg-surface px-row-inset",children:[r.jsx(ce,{variant:"ghost",size:"sm",icon:r.jsx(Ta,{className:"size-4"}),onClick:t,"aria-label":"Back to messages",className:"-ml-1 shrink-0"}),r.jsx("h2",{className:"min-w-0 flex-1 truncate text-sm font-semibold text-fg",children:e.subject}),h&&r.jsx(ce,{variant:"ghost",size:"sm",icon:r.jsx(Al,{className:"size-4"}),onClick:x,"aria-label":d?"Hide intelligence panel":"Show intelligence panel","aria-pressed":d,title:"Intelligence",className:W("shrink-0",d&&"bg-accent-2-soft text-accent-2")})]}),r.jsx("div",{className:"flex-1 overflow-y-auto",style:l?{touchAction:"pan-y"}:void 0,...l,children:i??e.messages.map(p=>{const v=b=>b?()=>b(p.id):void 0;return p.expanded?r.jsx(Ac,{message:p,warning:e.warning,onHeaderClick:v(o?.onToggleExpand),actionBar:r.jsx(Tc,{hasThread:!0,onReply:v(o?.onReply),onReplyAll:v(o?.onReplyAll),onForward:v(o?.onForward),onToggleStar:v(o?.onToggleStar),onDelete:v(o?.onDelete),onToggleRead:v(o?.onToggleRead),moveSlot:o?.moveSlot?.(p.id)})},p.id):r.jsx(Mc,{message:p,onClick:v(o?.onToggleExpand)},p.id)})}),s&&!f&&r.jsx(gf,{open:d,onClose:g,title:"Intelligence",anchor:"right",className:"p-0",children:r.jsx(yc,{data:s,onClose:g,className:"h-full w-full border-l-0"})})]})}const Bp="button:not([disabled]), a[href]",os="outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-surface-sunken";function Kp({active:e,dimmed:t,indent:s}){return W("flex w-full items-center gap-2 rounded-md px-2 py-1 text-left text-sm transition-colors",os,s&&"pl-7",e?"bg-accent-2-soft font-medium text-accent-2":"text-fg-muted hover:bg-surface hover:text-fg",t&&"opacity-55")}function Up({icon:e,label:t,count:s,active:n}){return r.jsxs(r.Fragment,{children:[e&&r.jsx("span",{className:W("shrink-0",n?"text-accent-2":"text-fg-subtle"),children:e}),r.jsx("span",{className:"flex-1 truncate",children:t}),s!=null&&s>0&&r.jsx("span",{className:W("text-2xs tabular-nums",n?"text-accent-2":"text-fg-subtle"),children:s})]})}function Ms({icon:e,label:t,count:s,active:n,dimmed:a,indent:o,navId:i,linkComponent:l,ariaLabel:u,title:m,onClick:f}){const d=Kp({active:n,dimmed:a,indent:o}),h=r.jsx(Up,{icon:e,label:t,count:s,active:n});return i&&l?l({navId:i,className:d,ariaLabel:u??t,title:m,onClick:f,children:h}):r.jsx("button",{type:"button",onClick:f,className:d,"aria-label":u,title:m,children:h})}const yi={inbox:0,flagged:1,drafts:2,sent:3,archive:4,all:5,junk:6,trash:7};function qp(e){switch(e){case"inbox":return r.jsx(Aa,{className:"size-4"});case"flagged":return r.jsx(Gt,{className:"size-4"});case"drafts":return r.jsx(Dl,{className:"size-4"});case"sent":return r.jsx(hn,{className:"size-4"});case"archive":return r.jsx(yf,{className:"size-4"});case"all":return r.jsx(vf,{className:"size-4"});case"junk":return r.jsx(bf,{className:"size-4"});case"trash":return r.jsx(At,{className:"size-4"})}}const wi=e=>e.role!=null,$r=8,Si="remit.nav.folders.open.",ki="remit.nav.account.open.";function ji(e,t,s){if(typeof localStorage>"u")return s;const n=localStorage.getItem(e+t);return n===null?s:n!=="0"}function Ci(e,t,s){typeof localStorage>"u"||localStorage.setItem(e+t,s?"1":"0")}function Hp({query:e,onSelect:t,onRemove:s}){return r.jsxs("div",{className:"group flex w-full items-center gap-1 rounded-md pr-1 hover:bg-surface",children:[r.jsxs("button",{type:"button",onClick:t,className:W("flex min-w-0 flex-1 items-center gap-2 px-2 py-1 text-left text-sm text-fg-muted transition-colors hover:text-fg",os),children:[r.jsx(er,{className:"size-4 shrink-0 text-fg-subtle"}),r.jsx("span",{className:"min-w-0 flex-1 truncate",children:e})]}),s&&r.jsx("button",{type:"button",onClick:s,"aria-label":`Remove saved search: ${e}`,className:W("shrink-0 rounded-full p-1 text-fg-subtle opacity-0 transition-opacity hover:bg-surface-sunken hover:text-fg group-hover:opacity-100 focus-visible:opacity-100",os),children:r.jsx(Ct,{className:"size-3.5"})})]})}function Wp({savedSearches:e,saveableQuery:t,onSelectSavedSearch:s,onRemoveSavedSearch:n,onSaveCurrentSearch:a}){return e.length===0&&!t?null:r.jsxs("div",{className:"mt-3",children:[r.jsx("div",{className:"px-2 pb-1 text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:"Saved searches"}),t&&r.jsxs("button",{type:"button",onClick:a,className:W("flex w-full items-center gap-2 rounded-md px-2 py-1 text-left text-sm text-accent transition-colors hover:bg-surface",os),children:[r.jsx(Ah,{className:"size-4 shrink-0"}),r.jsxs("span",{className:"min-w-0 flex-1 truncate",children:["Save “",t,"”"]})]}),e.map(o=>r.jsx(Hp,{query:o,onSelect:()=>s?.(o),onRemove:n?()=>n(o):void 0},o))]})}function Vp({account:e,selectedNavId:t,onSelectNav:s,linkComponent:n}){const[a,o]=c.useState(()=>ji(ki,e.id,!0)),[i,l]=c.useState(()=>ji(Si,e.id,!0)),[u,m]=c.useState(!1),f=()=>{o(S=>{const w=!S;return Ci(ki,e.id,w),w})},d=()=>{l(S=>{const w=!S;return Ci(Si,e.id,w),w})},h=e.mailboxes.filter(wi).sort((S,w)=>yi[S.role]-yi[w.role]),x=e.mailboxes.filter(S=>!wi(S)),g=u||x.length<=$r?x:x.slice(0,$r),p=x.length-g.length,v=e.status??"ready",b=v==="ready"&&h.length===0&&x.length===0;return r.jsxs("div",{className:"mt-3",children:[r.jsxs("button",{type:"button",onClick:f,"aria-expanded":a,className:W("flex w-full items-center gap-1.5 px-2 pb-1 text-left transition-colors hover:text-fg",os,e.muted&&"opacity-55"),children:[a?r.jsx(Vt,{className:"size-3 shrink-0 text-fg-subtle"}):r.jsx(Os,{className:"size-3 shrink-0 text-fg-subtle"}),r.jsx("span",{className:"truncate text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:e.label}),e.muted&&r.jsxs(r.Fragment,{children:[r.jsx(dc,{className:"size-3 shrink-0 text-fg-subtle"}),r.jsx("span",{className:"text-2xs text-fg-subtle",children:"muted"})]})]}),a&&r.jsxs(r.Fragment,{children:[v==="loading"&&r.jsx("div",{className:"px-2 py-1 text-sm text-fg-muted",children:"Loading…"}),v==="error"&&r.jsxs("div",{role:"alert",className:"mx-2 my-1 flex items-start gap-2 rounded-md border border-danger/40 bg-danger-soft px-2 py-1.5 text-sm",children:[r.jsx(ds,{className:"mt-0.5 size-4 shrink-0 text-danger","aria-hidden":"true"}),r.jsx("div",{className:"min-w-0 flex-1",children:r.jsx("p",{className:"font-medium text-danger",children:"Couldn't load mailboxes"})}),e.onRetry&&r.jsx("button",{type:"button",onClick:e.onRetry,className:"shrink-0 text-sm font-medium text-accent hover:underline",children:"Retry"})]}),b&&r.jsx("div",{className:"px-2 py-1 text-sm text-fg-muted",children:"No mailboxes"}),v==="ready"&&r.jsxs(r.Fragment,{children:[h.map(S=>r.jsx(Ms,{navId:S.id,linkComponent:n,icon:qp(S.role),label:S.name,ariaLabel:S.name,title:S.fullPath??S.name,count:S.unseen,active:t===S.id,dimmed:e.muted,onClick:()=>s?.(S.id)},S.id)),e.outboxPending!==void 0&&r.jsx(Ms,{navId:"outbox",linkComponent:n,icon:r.jsx(hn,{className:"size-4"}),label:"Outbox",ariaLabel:"Outbox",count:e.outboxPending>0?e.outboxPending:void 0,active:t==="outbox",dimmed:e.muted,onClick:()=>s?.("outbox")}),x.length>0&&r.jsxs(r.Fragment,{children:[r.jsxs("button",{type:"button",onClick:d,"aria-expanded":i,className:W("mt-1 flex w-full items-center gap-1 px-2 py-1 text-left text-2xs font-semibold uppercase tracking-wider text-fg-subtle transition-colors hover:text-fg",os),children:[i?r.jsx(Vt,{className:"size-3 shrink-0"}):r.jsx(Os,{className:"size-3 shrink-0"}),r.jsx("span",{className:"flex-1",children:"Folders"}),r.jsx("span",{className:"tabular-nums opacity-70",children:x.length})]}),i&&r.jsxs(r.Fragment,{children:[g.map(S=>r.jsx(Ms,{navId:S.id,linkComponent:n,icon:r.jsx(xf,{className:"size-4"}),label:S.name,ariaLabel:S.name,title:S.fullPath??S.name,count:S.unseen,active:t===S.id,dimmed:e.muted,onClick:()=>s?.(S.id)},S.id)),(p>0||u)&&x.length>$r&&r.jsx("button",{type:"button",onClick:()=>m(S=>!S),className:W("ml-7 flex items-center px-2 py-1 text-2xs font-medium text-accent transition-colors hover:underline",os),children:u?"Show less":`Show all (${x.length})`})]})]})]})]})]})}function Qp({accounts:e,selectedNavId:t,briefUnseen:s,onSelectNav:n,variant:a="desktop",linkComponent:o,savedSearches:i=[],saveableQuery:l,onSelectSavedSearch:u,onRemoveSavedSearch:m,onSaveCurrentSearch:f}){const d=c.useRef(null);Zn({containerRef:d,itemSelector:Bp});const h=a==="drawer",x=r.jsxs("nav",{ref:h?d:void 0,className:h?"px-2 py-2":"flex-1 overflow-y-auto px-2 py-2","aria-label":"Mailboxes",children:[r.jsx(Ms,{navId:"brief",linkComponent:o,icon:r.jsx(Mt,{className:"size-4"}),label:"Daily brief",ariaLabel:"Daily brief",count:s,active:t==="brief",onClick:()=>n?.("brief")}),r.jsx(Ms,{navId:"flagged",linkComponent:o,icon:r.jsx(Gt,{className:"size-4"}),label:"Starred",ariaLabel:"Starred",active:t==="flagged",onClick:()=>n?.("flagged")}),r.jsx(Wp,{savedSearches:i,saveableQuery:l,onSelectSavedSearch:u,onRemoveSavedSearch:m,onSaveCurrentSearch:f}),e.length===0?r.jsx("div",{className:"px-2 py-4 text-center text-sm text-fg-muted",children:"No accounts configured"}):e.map(g=>r.jsx(Vp,{account:g,selectedNavId:t,onSelectNav:n,linkComponent:o},g.id))]});return h?x:r.jsxs("aside",{ref:d,className:"flex h-full w-full flex-col bg-surface-sunken",children:[x,r.jsx("div",{className:"border-t border-line px-2 py-2",children:r.jsx(Ms,{navId:"settings",linkComponent:o,icon:r.jsx(ao,{className:"size-4"}),label:"Settings",ariaLabel:"Settings",active:t==="settings",onClick:()=>n?.("settings")})})]})}function Gp({search:e,actions:t,className:s}){return r.jsxs("header",{className:W("flex min-h-16 w-full shrink-0 items-center gap-3 border-b border-line bg-canvas px-3 py-2",s),children:[r.jsx("div",{className:"flex min-w-0 flex-1 justify-start",children:r.jsx("div",{className:"w-full max-w-2xl",children:e})}),t&&r.jsx("div",{className:"flex shrink-0 items-center gap-1",children:t})]})}function Yp({label:e,onUndo:t,undoLabel:s="Undo",filtersHref:n,className:a}){return r.jsxs(St,{tone:"accent",className:W("py-1 text-xs",a),children:[r.jsx(_h,{className:"size-3.5 shrink-0","aria-hidden":!0}),r.jsx("span",{children:e}),t&&r.jsx("button",{type:"button",onClick:o=>{o.stopPropagation(),t()},className:"font-semibold underline decoration-dotted underline-offset-2 hover:decoration-solid",children:s}),n&&r.jsx("a",{href:n,onClick:o=>{o.stopPropagation()},className:"font-semibold underline decoration-dotted underline-offset-2 hover:decoration-solid",children:"Manage filter"})]})}function Xp({sync:e}){return e?r.jsxs("div",{className:"flex h-full flex-col items-center justify-center gap-2 py-12 text-center px-4",role:"status","aria-live":"polite",children:[r.jsx(Ls,{className:"size-8 animate-spin text-fg-subtle","aria-hidden":"true"}),r.jsx("p",{className:"text-sm font-medium text-fg",children:"Still syncing your mail"}),r.jsx("p",{className:"text-xs text-fg-subtle",children:Jp(e)})]}):r.jsxs("div",{className:"flex h-full flex-col items-center justify-center gap-2 py-12 text-center px-4",children:[r.jsx(Mt,{className:"size-8 text-fg-subtle","aria-hidden":"true"}),r.jsx("p",{className:"text-sm font-medium text-fg",children:"You're caught up"}),r.jsx("p",{className:"text-xs text-fg-subtle",children:"Nothing needs attention."})]})}function Jp({synced:e,total:t}){return t>0?`${e.toLocaleString()} of ${t.toLocaleString()} messages downloaded. This list fills in as they arrive.`:"Downloading your messages. This list fills in as they arrive."}const Zp=({status:e})=>e==="saving"?r.jsx("span",{className:"animate-pulse text-xs text-fg-muted",children:"Saving..."}):e==="saved"?r.jsx("span",{className:"text-xs text-fg-muted",children:"Draft saved"}):e==="error"?r.jsx("span",{className:"text-xs text-danger",children:"Save failed"}):null;function eg({onSend:e,onDiscard:t,sending:s,canSend:n,saveStatus:a="idle",unavailableReason:o,onUnavailable:i}){return r.jsxs("div",{className:"flex items-center justify-between border-t border-line px-3 py-2",children:[r.jsxs("div",{className:"flex items-center gap-3",children:[r.jsx(ce,{variant:"primary",size:"md","aria-busy":s,title:n?void 0:o,className:"min-h-11 rounded-full px-4",icon:s?r.jsx(Ls,{className:"size-4 animate-spin"}):r.jsx(hn,{className:"size-4"}),onClick:()=>{if(!s){if(!n){o&&i?.(o);return}e()}},children:"Send"}),r.jsx(Zp,{status:a})]}),r.jsx(ce,{variant:"ghost",size:"md","aria-busy":s,"aria-label":"Discard",className:"min-h-11 min-w-11 px-2 hover:text-danger",icon:r.jsx(At,{className:"size-4"}),onClick:()=>{s||t()}})]})}function tg({banner:e,header:t,children:s,quoted:n,actionBar:a}){return r.jsxs("div",{className:"flex h-full min-h-0 flex-col",children:[e,t,r.jsxs("div",{className:"min-h-0 flex-1 overflow-auto",children:[s,n&&r.jsx("div",{className:"px-3 pb-2",children:n})]}),a]})}function sg({key:e,shiftKey:t=!1,repeat:s=!1,caretAtStart:n,hasValue:a,chipCount:o}){const i=o-1;return e==="Escape"?a?{type:"clearQuery"}:{type:"blur"}:e==="Tab"&&t?o===0?{type:"none"}:{type:"focusChip",index:i}:e==="Backspace"||e==="ArrowLeft"?!n||o===0?{type:"none"}:s?{type:"none"}:{type:"focusChip",index:i}:{type:"none"}}function ng({key:e,repeat:t=!1,index:s,chipCount:n}){return e==="Backspace"||e==="Delete"?t?{type:"none"}:{type:"removeChip",index:s}:e==="ArrowLeft"?s===0?{type:"none"}:{type:"focusChip",index:s-1}:e==="ArrowRight"?s>=n-1?{type:"focusInput"}:{type:"focusChip",index:s+1}:e==="Enter"||e===" "?{type:"activateChip",index:s}:e==="Escape"?{type:"focusInput"}:{type:"none"}}function rg(e,t){const s=t-1;return s<=0?null:e<s?e:s-1}const ag=e=>e instanceof HTMLElement?e.tagName==="INPUT"||e.tagName==="TEXTAREA"||e.isContentEditable:!1,og=({chips:e=[],onRemoveChip:t,value:s,onChange:n,onClear:a,onClearQuery:o,placeholder:i="Search mail...",globalFocusKey:l=!0,showClearButton:u=!0,size:m="sm",inputId:f,suggest:d,className:h})=>{const x=c.useId(),g=f??x,p=c.useRef(null),v=c.useRef([]),b=o??a,[S,w]=c.useState(null),y=c.useRef(void 0),[C,T]=c.useState(""),O=e.length>0;c.useEffect(()=>{w(E=>E!==null&&E>=e.length?null:E)},[e.length]),c.useEffect(()=>{const E=y.current;if(E!==void 0){if(y.current=void 0,E===null){p.current?.focus();return}v.current[E]?.focus()}});const j=c.useRef(void 0);c.useEffect(()=>{const E=d?.caret;if(!E||E===j.current)return;j.current=E;const D=p.current;!D||D.ownerDocument.activeElement!==D||(D.setSelectionRange(E.cursor,E.cursor),d?.onCaretChange(E.cursor))});const R=E=>{d?.onCaretChange(E.selectionStart??E.value.length)},P=c.useCallback(E=>{w(E),y.current=E},[]),M=c.useCallback(E=>{const D=e[E];D&&t&&(P(rg(E,e.length)),T(`${D.label} removed`),t(D.id))},[e,t,P]),F=c.useCallback(()=>{P(null),a()},[a,P]),A=c.useCallback(E=>{const D=E.currentTarget;if(d?.onKeyDown(E))return;const I=sg({key:E.key,shiftKey:E.shiftKey,repeat:E.repeat,caretAtStart:D.selectionStart===0&&D.selectionEnd===0,hasValue:s.length>0,chipCount:e.length});switch(I.type){case"focusChip":E.preventDefault(),P(I.index);return;case"clearQuery":b();return;case"blur":D.blur();return;case"none":return}},[e.length,s,b,P,d]),k=c.useCallback(E=>D=>{const I=ng({key:D.key,repeat:D.repeat,index:E,chipCount:e.length});switch(I.type!=="none"&&D.preventDefault(),I.type){case"removeChip":M(I.index);return;case"focusChip":P(I.index);return;case"focusInput":P(null);return;case"activateChip":return;case"none":return}},[e,M,P]);return c.useEffect(()=>{if(!l)return;const E=D=>{D.key!=="/"||D.metaKey||D.ctrlKey||D.altKey||ag(D.target)||(D.preventDefault(),p.current?.focus())};return window.addEventListener("keydown",E),()=>window.removeEventListener("keydown",E)},[l]),r.jsxs("label",{htmlFor:g,className:W("flex w-full items-center gap-1.5 text-sm","bg-surface-sunken/50 border border-transparent","focus-within:bg-canvas focus-within:border-line focus-within:ring-2 focus-within:ring-ring","transition-colors",m==="lg"?"rounded-xl px-4 py-2":"rounded-md px-2.5 py-1",h),children:[r.jsx(er,{className:W("shrink-0 text-fg-muted pointer-events-none",m==="lg"?"size-5":"size-4")}),r.jsxs("div",{className:"flex min-w-0 flex-1 flex-wrap items-center gap-1",children:[O&&r.jsx("div",{role:"grid","aria-label":"Search filters",className:"flex min-w-0 flex-wrap items-center gap-1",children:e.map((E,D)=>r.jsx(wf,{ref:I=>{v.current[D]=I},label:E.label,tone:E.tone,focused:S===D,onFocusLabel:()=>w(D),onKeyDown:k(D),onRemove:()=>M(D)},E.id))}),r.jsx("input",{ref:p,id:g,name:"q",type:"text","aria-label":"Search mail",autoComplete:"off",value:s,tabIndex:S===null?0:-1,onChange:E=>{n(E.target.value),R(E.target)},onKeyDown:A,onKeyUp:E=>R(E.currentTarget),onClick:E=>R(E.currentTarget),onFocus:E=>{w(null),d?.onFocusChange?.(!0),R(E.currentTarget)},onBlur:()=>d?.onFocusChange?.(!1),...d?.comboboxProps,placeholder:O?void 0:i,className:"min-w-24 flex-1 bg-transparent text-fg outline-none placeholder:text-fg-muted"})]}),(s||O)&&u&&r.jsx("button",{type:"button",onClick:F,className:"shrink-0 rounded p-0.5 hover:bg-surface-raised transition-colors","aria-label":"Clear search",children:r.jsx(Ct,{className:W("text-fg-muted",m==="lg"?"size-5":"size-4")})}),r.jsx("span",{role:"status","aria-live":"polite",className:"sr-only",children:C})]})},co=({value:e,onChange:t,onClear:s,onClearQuery:n,chips:a,onRemoveChip:o,placeholder:i="Search mail...",globalFocusKey:l=!0,showClearButton:u=!0,size:m,inputId:f,suggest:d,className:h})=>r.jsx(og,{value:e,onChange:t,onClear:s,onClearQuery:n,chips:a,onRemoveChip:o,placeholder:i,globalFocusKey:l,showClearButton:u,size:m,inputId:f,suggest:d,className:h});function ig(e){return{id:e.id,fromName:e.sender,fromEmail:e.senderEmail??e.sender,subject:e.subject,snippet:e.snippet,timeLabel:e.date,isRead:!e.unread,starred:e.flagged,...e.mailboxId?{mailboxId:e.mailboxId}:{}}}function lg({result:e,onClick:t,query:s,showFolder:n=!0}){const a=n&&e.folder?Sf(e.folder):void 0;return r.jsx("button",{type:"button",onClick:t,className:W("group",zs({}),"border-b border-line"),children:r.jsx(oo,{thread:ig(e),highlightQuery:s,badge:r.jsxs(r.Fragment,{children:[a&&r.jsx(St,{tone:"neutral",className:"shrink-0",children:a}),e.category&&r.jsx(St,{tone:e.category.tone??"neutral",className:"shrink-0",children:e.category.label}),e.matchedChunkLabel&&r.jsx(St,{tone:"neutral",className:"shrink-0",children:`matched: ${e.matchedChunkLabel}`}),e.score!=null&&r.jsx("span",{className:"shrink-0 text-2xs text-fg-subtle tabular-nums",children:e.score.toFixed(2)})]})})})}const cg=e=>e===1?"result":"results";function Oc({count:e,onScopeToSpam:t}){return r.jsx(mn,{tone:"info",variant:"soft",className:"items-center justify-between gap-3 rounded-none border-b border-line",children:r.jsxs("div",{className:"flex items-center justify-between gap-3",children:[r.jsxs("p",{className:"min-w-0 text-xs text-fg-muted",children:[r.jsx("span",{className:"font-semibold text-fg tabular-nums",children:e})," ",`${cg(e)} from Spam`]}),r.jsx(ce,{variant:"ghost",size:"sm",onClick:t,className:"shrink-0 text-accent",children:"Go to Spam"})]})})}const Ni=6,ug={kind:"global"},dg=e=>e.kind==="folder"&&e.role==="junk",fg=e=>e.folder?.role==="junk";function uo(e){const t=[],s=[];for(const n of e)fg(n)?s.push(n):t.push(n);return{kept:t,spam:s}}function Dc({onClick:e,blockedReason:t}){const s=c.useId(),[n,a]=c.useState(!1);return r.jsxs("div",{className:"border-b border-line px-row-inset py-1.5",children:[r.jsxs("button",{type:"button",onClick:()=>{if(t){a(!0);return}e()},"aria-describedby":t?s:void 0,className:W("flex w-full items-center gap-1.5 rounded-md px-2 py-1.5 text-left text-xs font-medium transition-colors",t?"text-fg-subtle opacity-55":"text-accent hover:bg-surface-sunken"),children:[r.jsx(kf,{className:"size-3.5 shrink-0","aria-hidden":"true"}),r.jsx("span",{children:"Make this a filter"})]}),t&&r.jsx(jf,{id:s,reason:t,nudged:n,className:"px-2 pt-1 text-2xs text-warning"})]})}function mg({section:e,query:t,onSelectResult:s,showFolder:n}){const[a,o]=c.useState(e.initialCollapsed??!1),[i,l]=c.useState(!1),u=e.results.length>Ni,f=!i&&u?e.results.slice(0,Ni):e.results,d=e.results.length-f.length;return r.jsxs("div",{children:[r.jsxs("button",{type:"button","aria-expanded":!a,onClick:()=>o(h=>!h),className:"sticky top-0 z-10 flex h-section-row w-full items-center gap-1.5 border-b border-line bg-surface-sunken px-row-inset text-left transition-colors hover:bg-surface",children:[r.jsx("span",{className:"flex-1 text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:e.label}),r.jsx("span",{className:"text-2xs text-fg-subtle tabular-nums",children:e.results.length}),r.jsx(Vt,{className:W("size-3 shrink-0 text-fg-subtle transition-transform duration-200",a?"rotate-0":"rotate-180")})]}),!a&&r.jsxs(r.Fragment,{children:[f.map(h=>r.jsx(lg,{result:h,query:t,showFolder:n,onClick:s?()=>s(h):void 0},h.id)),u&&r.jsxs("button",{type:"button",onClick:()=>l(h=>!h),className:"flex w-full items-center justify-center border-b border-line px-row-inset py-1.5 text-2xs font-medium text-accent transition-colors hover:bg-surface",children:[i?"Show less":`Show ${d} more`,!i&&r.jsx(Vt,{className:"ml-1 size-3"})]})]})]})}function Pc({value:e,recentSearches:t,onPickRecent:s,sections:n,loading:a,onSelectResult:o,tokens:i,scope:l=ug,makeFilter:u}){if(!(e.trim().length>0))return t&&t.length>0?r.jsxs("div",{className:"flex flex-col",children:[r.jsx("h3",{className:"px-row-inset pb-1 pt-3 text-2xs font-semibold uppercase tracking-wide text-fg-subtle",children:"Recent searches"}),t.map(y=>r.jsxs("button",{type:"button",onClick:()=>s?.(y),className:"flex w-full items-center gap-2.5 border-b border-line px-row-inset py-2.5 text-left transition-colors hover:bg-surface-sunken",children:[r.jsx(Za,{className:"size-4 shrink-0 text-fg-subtle"}),r.jsx("span",{className:"min-w-0 flex-1 truncate text-sm text-fg-muted",children:y})]},y))]}):r.jsx("p",{className:"px-row-inset py-6 text-center text-sm text-fg-subtle",children:"Search across your mail by sender, subject or words in the message."});const f=i&&i.length>0&&r.jsx(Cf,{tokens:i}),d=u&&r.jsx(Dc,{...u});if(a)return r.jsxs("div",{className:"flex flex-col",children:[d,f,r.jsx("div",{className:"flex flex-col gap-3 px-row-inset py-4",children:[0,1,2,3].map(y=>r.jsxs("div",{className:"flex flex-col gap-1.5",children:[r.jsx("div",{className:"h-3 w-1/3 animate-pulse rounded bg-surface-sunken"}),r.jsx("div",{className:"h-3 w-2/3 animate-pulse rounded bg-surface-sunken"}),r.jsx("div",{className:"h-2.5 w-1/2 animate-pulse rounded bg-surface-sunken"})]},y))})]});const h=l.kind==="global",x=dg(l)||l.kind==="collection",g=h||l.kind==="collection",p=(n??[]).map(y=>{if(x)return{section:y,spam:[]};const{kept:C,spam:T}=uo(y.results);return{section:{...y,results:C},spam:T}}),v=p.map(y=>y.section),b=p.reduce((y,C)=>y+C.spam.length,0),S=l.kind==="global"&&b>0&&l.onScopeToSpam!==void 0?r.jsx(Oc,{count:b,onScopeToSpam:l.onScopeToSpam}):void 0;return v.some(y=>y.results.length>0)?r.jsxs("div",{className:"flex flex-col",children:[d,f,S,v.filter(y=>y.results.length>0).map(y=>r.jsx(mg,{section:y,query:e,showFolder:g,onSelectResult:o},y.id))]}):r.jsxs("div",{className:"flex flex-col",children:[d,f,S,r.jsxs("div",{className:"px-row-inset py-10 text-center",children:[r.jsxs("p",{className:"text-sm font-medium text-fg",children:["No matches for “",e,"”"]}),r.jsx("p",{className:"mt-1 text-xs text-fg-subtle",children:"Try a different word, or adjust the filters above."})]})]})}function hg({value:e,onChange:t,onClear:s,onCancel:n,filter:a,recentSearches:o,onPickRecent:i,sections:l,loading:u,onSelectResult:m,tokens:f,chips:d,onRemoveChip:h,scope:x,makeFilter:g,suggest:p,suggestList:v}){const b=r.jsx(Pc,{value:e,recentSearches:o,onPickRecent:i,sections:l,loading:u,onSelectResult:m,tokens:f,scope:x,makeFilter:g});return r.jsxs("article",{className:"flex h-full w-full min-w-0 flex-col bg-canvas",children:[r.jsxs("header",{className:"flex h-pane-header shrink-0 items-center gap-2 border-b border-line bg-surface px-row-inset",children:[r.jsx("div",{className:"min-w-0 flex-1",children:r.jsx(co,{value:e,onChange:t,onClear:s,chips:d,onRemoveChip:h,globalFocusKey:!1,showClearButton:!1,suggest:p})}),r.jsx(ce,{variant:"ghost",size:"sm",icon:r.jsx(Ct,{className:"size-4"}),onClick:n,"aria-label":"Clear and close search",className:"-mr-1 shrink-0"})]}),v,a&&e.trim().length===0?r.jsx(Pl,{...a,children:b}):r.jsx("div",{className:"flex-1 overflow-y-auto",children:b})]})}const pg={queued:{icon:Za,label:"Queued",className:"text-warning"},sending:{icon:Ls,label:"Sending…",className:"text-accent-2",spin:!0},sent:{icon:fc,label:"Sent",className:"text-positive"},failed:{icon:ds,label:"Failed",className:"text-danger"},blocked:{icon:Oa,label:"Blocked",className:"text-warning"}};function Ei({status:e,iconOnly:t,className:s}){const n=pg[e],a=n.icon;return r.jsxs("span",{className:W("inline-flex items-center gap-1.5 text-xs font-medium",n.className,s),children:[r.jsx(a,{className:W("size-4",n.spin&&"animate-spin")}),!t&&n.label]})}const gg=(e,t)=>t?"bg-accent-2-soft":e==="failed"?"bg-danger-soft":e==="blocked"?"bg-warning/10":"";function xg({recipients:e,subject:t,time:s,status:n,error:a,selected:o,onSelect:i,onRetry:l,retrying:u,onEdit:m,onDelete:f,deleting:d}){const h=n==="failed"||n==="blocked";return r.jsxs("div",{className:W("flex items-start gap-3 border-b border-line px-4 py-3 transition-colors hover:bg-surface-raised",gg(n,o)),children:[r.jsxs("button",{type:"button",...Ia,onClick:i,className:"flex flex-1 min-w-0 items-start gap-3 text-left",children:[r.jsx("div",{className:"mt-0.5 shrink-0",children:r.jsx(Ei,{status:n,iconOnly:!0})}),r.jsxs("div",{className:"min-w-0 flex-1",children:[r.jsxs("div",{className:"flex items-center justify-between gap-2",children:[r.jsx("span",{className:"truncate text-sm font-medium",children:e}),r.jsx("span",{className:"shrink-0 text-xs text-fg-muted",children:s})]}),r.jsx("div",{className:"truncate text-sm",children:t||"No subject"}),r.jsxs("div",{className:"mt-1 flex items-center gap-2",children:[r.jsx(Ei,{status:n}),a&&r.jsxs("span",{className:"truncate text-xs text-fg-muted",children:["— ",a]})]})]})]}),h&&r.jsx("div",{className:"shrink-0",children:r.jsx(Pm,{actions:[...n==="failed"&&l?[{label:"Retry sending",iconOnly:!0,icon:r.jsx(Om,{className:"size-3.5"}),busy:u,onClick:l}]:[],{label:"Edit as draft",iconOnly:!0,icon:r.jsx(hn,{className:"size-3.5"}),onClick:m}],destructive:{label:"Delete message",iconOnly:!0,icon:r.jsx(At,{className:"size-3.5"}),busy:d,confirm:{prompt:"Delete this message?",confirmLabel:"Delete"},onClick:f}})})]})}const bg=e=>{const[t,s]=c.useState(()=>typeof window>"u"||!window.matchMedia?!1:window.matchMedia(e).matches);return c.useEffect(()=>{if(typeof window>"u"||!window.matchMedia)return;const n=window.matchMedia(e);s(n.matches);const a=o=>s(o.matches);return n.addEventListener("change",a),()=>n.removeEventListener("change",a)},[e]),t},vg=({children:e,onRefresh:t,isRefreshing:s})=>bg("(min-width: 1024px)")?e:r.jsx(Nf,{onRefresh:t,isPullable:!s,children:e}),yg=({text:e,html:t,senderName:s,date:n})=>{const[a,o]=c.useState(!1);if(!e&&!t)return null;const i=[s,n].filter(Boolean).join(" on ");return r.jsxs("div",{className:"mt-2 px-3 pb-2",children:[r.jsxs("button",{type:"button",onClick:()=>o(!a),"aria-expanded":a,className:"flex items-center gap-1 text-xs text-fg-muted hover:text-fg transition-colors",children:[a?r.jsx(Vt,{className:"size-3"}):r.jsx(Os,{className:"size-3"}),i?`${i} wrote:`:"Show quoted text"]}),a&&r.jsx("blockquote",{className:"mt-2 pl-3 border-l-2 border-fg-subtle/30 text-sm text-fg-muted [&_a]:text-accent [&_a]:underline [&_blockquote]:pl-3 [&_blockquote]:border-l-2 [&_blockquote]:border-fg-subtle/30",children:t?r.jsx("div",{dangerouslySetInnerHTML:{__html:t}}):e.split(`
|
|
75
|
+
`).map((l,u)=>r.jsx("p",{className:"min-h-[1.2em]",children:l},u))})]})},wg=e=>e===1?"message":"messages";function Sg({count:e,onReview:t,onDismiss:s,actionLabel:n="Review & rescue"}){return r.jsx(mn,{tone:"info",variant:"soft",onDismiss:s,children:r.jsxs("div",{className:"flex flex-col gap-2",children:[r.jsxs("p",{className:"flex items-start gap-2 text-sm text-fg",children:[r.jsx(gn,{className:"mt-0.5 size-4 shrink-0 text-positive","aria-hidden":!0}),r.jsxs("span",{children:[r.jsx("span",{className:"font-semibold text-fg",children:`${e} ${wg(e)} here`})," ","may not be spam — they're from senders we can verify."]})]}),r.jsx(ce,{variant:"primary",size:"sm",onClick:t,className:"self-start",children:n})]})})}const kg=(e,t)=>e==="vip"?"vip":e==="unknown"&&t==="md"?"unknown-pill":"hidden",Lc=({senderTrust:e,size:t="sm",className:s})=>{const n=kg(e,t);return n==="vip"?r.jsx(Mt,{className:W("text-warning shrink-0",t==="sm"&&"size-3.5",t==="md"&&"size-4",s),"aria-label":"VIP sender","data-testid":"sender-trust-vip"}):n==="unknown-pill"?r.jsx("span",{className:W("inline-flex items-center rounded border border-dashed border-fg-subtle/40 font-medium uppercase tracking-wide text-fg-muted/80 shrink-0","px-2 py-0.5 text-xs",s),title:"First message from this sender","aria-label":"First message from this sender","data-testid":"sender-trust-unknown",children:"new"}):null};function jg({candidate:e,selected:t,onToggle:s,hideSender:n=!1}){const{senderName:a,senderAddress:o,subject:i,snippet:l,trustReason:u,trustSubReason:m,senderTrust:f}=e;return r.jsxs("label",{className:W("flex w-full cursor-pointer items-start gap-3 px-3 py-2.5 text-left transition-colors",n&&"pl-11",t?"bg-positive/10":"bg-surface hover:bg-surface-sunken"),children:[r.jsx(io,{className:"mt-0.5",checked:t,onChange:s,"aria-label":`${t?"Deselect":"Select"} ${n?i:`message from ${a}`}`}),!n&&r.jsx(kt,{name:a,email:o,size:"sm"}),r.jsxs("span",{className:"min-w-0 flex-1",children:[!n&&r.jsxs("span",{className:"flex items-center gap-1.5",children:[r.jsx("span",{className:"truncate text-sm font-medium text-fg",children:a}),f&&r.jsx(Lc,{senderTrust:f,size:"sm"}),r.jsx("span",{className:"truncate text-2xs text-fg-subtle",children:o})]}),r.jsx("span",{className:"block truncate text-sm text-fg-muted",children:i}),r.jsx("span",{className:"block line-clamp-1 text-xs text-fg-subtle",children:l}),!n&&r.jsxs("span",{className:"mt-1.5 flex flex-wrap items-center gap-1.5",children:[r.jsxs(St,{tone:"positive",children:[r.jsx(gn,{className:"size-3","aria-hidden":!0}),u]}),r.jsx("span",{className:"text-2xs text-fg-subtle",children:m})]})]})]})}const Cg=e=>{const t=new Map,s=[];for(const n of e){const a=(n.senderAddress||n.senderName).toLowerCase(),o=t.get(a);if(o){o.messages.push(n);continue}t.set(a,{key:a,senderName:n.senderName,senderAddress:n.senderAddress,trustReason:n.trustReason,trustSubReason:n.trustSubReason,senderTrust:n.senderTrust,messages:[n]}),s.push(a)}return s.map(n=>t.get(n)).sort((n,a)=>a.messages.length-n.messages.length)},Ng=(e,t)=>{const s=e.messages.filter(n=>t.has(n.id)).length;return s===0?"none":s===e.messages.length?"all":"some"},Ii=e=>e===1?"message":"messages";function Eg({group:e,selected:t,onToggleGroup:s,onToggleMessage:n}){const[a,o]=c.useState(!1),i=Ng(e,t),l=e.messages.length,u=a?Vt:Os;return r.jsxs("div",{className:W(i!=="none"?"bg-positive/10":"bg-surface"),children:[r.jsxs("div",{className:"flex w-full items-start gap-3 px-3 py-2.5",children:[r.jsx(io,{className:"mt-0.5",checked:i==="all",indeterminate:i==="some",onChange:()=>s(e,i!=="all"),"aria-label":`${i==="all"?"Deselect":"Select"} all ${l} ${Ii(l)} from ${e.senderName}`}),r.jsx(kt,{name:e.senderName,email:e.senderAddress,size:"sm"}),r.jsxs("div",{className:"min-w-0 flex-1",children:[r.jsxs("div",{className:"flex items-center gap-1.5",children:[r.jsx("span",{className:"truncate text-sm font-medium text-fg",children:e.senderName}),e.senderTrust&&r.jsx(Lc,{senderTrust:e.senderTrust,size:"sm"}),r.jsx("span",{className:"truncate text-2xs text-fg-subtle",children:e.senderAddress})]}),r.jsxs("div",{className:"mt-1.5 flex flex-wrap items-center gap-1.5",children:[r.jsxs(St,{tone:"positive",children:[r.jsx(gn,{className:"size-3","aria-hidden":!0}),e.trustReason]}),r.jsx("span",{className:"text-2xs text-fg-subtle",children:e.trustSubReason})]})]}),r.jsxs("button",{type:"button",onClick:()=>o(m=>!m),"aria-expanded":a,className:"flex shrink-0 items-center gap-1 rounded-md px-1.5 py-1 text-2xs text-fg-muted transition-colors hover:bg-surface-sunken hover:text-fg",children:[`${l} ${Ii(l)}`,r.jsx(u,{className:"size-3.5","aria-hidden":!0})]})]}),a&&r.jsx("div",{className:"divide-y divide-line border-t border-line",children:e.messages.map(m=>r.jsx(jg,{candidate:m,selected:t.has(m.id),onToggle:()=>n(m.id),hideSender:!0},m.id))})]})}const fo=e=>e===1?"message":"messages",Ig=(e,t)=>`Moves ${e===1?"this message":`these ${e} ${fo(e)}`} out of Spam to ${t} now. Nothing later.`,fa=(e,t)=>e.find(s=>s.id===t)?.label??"Inbox";function Tg(){return r.jsx(mn,{tone:"info",variant:"soft",children:r.jsx("p",{className:"text-2xs text-fg-muted",children:"We list a message here only when we can confirm the sender is who they say — usually someone you've emailed before, write to often, or a service that consistently checks out. We never guess from words in the subject. Anything we can't confirm stays in Spam."})})}function Rg({candidates:e,selected:t,onToggle:s,onToggleGroup:n,onSelectAll:a,onSelectNone:o,onContinue:i,onCancel:l}){const[u,m]=c.useState(!1),f=t.size,d=c.useMemo(()=>Cg(e),[e]);return r.jsxs("div",{className:"flex min-h-0 flex-col",children:[r.jsxs("div",{className:"px-row-inset pb-2 pt-1",children:[r.jsxs("div",{className:"flex items-start justify-between gap-2",children:[r.jsxs("h2",{className:"flex items-center gap-2 text-sm font-semibold text-fg",children:[r.jsx(gn,{className:"size-4 text-positive","aria-hidden":!0}),"Rescue from Spam"]}),r.jsx(ce,{variant:"ghost",size:"sm",icon:r.jsx(Am,{className:"size-3.5"}),onClick:()=>m(h=>!h),className:"-mr-1.5 -mt-0.5",children:"Why these?"})]}),r.jsx("p",{className:"mt-1 text-2xs text-fg-subtle",children:"These look safe — from senders we can verify. Uncheck any sender that belongs in Spam, or open a sender to pick individual messages."}),u&&r.jsx("div",{className:"mt-2",children:r.jsx(Tg,{})})]}),r.jsxs("div",{className:"flex items-center justify-between px-row-inset pb-1.5",children:[r.jsx("span",{className:"text-2xs font-medium text-fg-muted",children:`${f} of ${e.length} selected · ${d.length} ${d.length===1?"sender":"senders"}`}),r.jsxs("span",{className:"flex gap-1",children:[r.jsx(ce,{variant:"ghost",size:"sm",onClick:a,children:"Select all"}),r.jsx(ce,{variant:"ghost",size:"sm",onClick:o,children:"Select none"})]})]}),r.jsx("div",{className:"min-h-0 flex-1 divide-y divide-line overflow-y-auto border-y border-line",children:d.map(h=>r.jsx(Eg,{group:h,selected:t,onToggleGroup:n,onToggleMessage:s},h.key))}),r.jsxs("div",{className:"space-y-2 border-t border-line bg-surface px-row-inset py-3",children:[r.jsx(ce,{variant:"primary",onClick:i,className:"h-11 w-full font-semibold",children:`Continue with ${f} ${fo(f)}`}),r.jsx(ce,{variant:"ghost",onClick:l,className:"h-11 w-full",children:"Cancel"})]})]})}function Mg({count:e,folders:t,delimiter:s,destination:n,onPick:a,onMove:o,onBack:i}){const[l,u]=c.useState(!1);return r.jsxs("div",{className:"flex min-h-0 flex-col",children:[r.jsxs("div",{className:"px-row-inset pb-2 pt-1",children:[r.jsx("h2",{className:"text-sm font-semibold text-fg",children:"Where should they go?"}),r.jsx("p",{className:"mt-1 text-2xs text-fg-subtle",children:"Pick a folder, then we move them out of Spam."})]}),r.jsx("div",{className:"flex min-h-0 flex-1 flex-col overflow-y-auto px-row-inset py-2",children:l?r.jsx("div",{className:"flex min-h-0 flex-1 overflow-hidden rounded-xl border border-line bg-surface",children:r.jsx(Ll,{folders:t,selectedId:n,delimiter:s,onSelect:a,onCancel:()=>u(!1)})}):r.jsxs("div",{className:"rounded-xl border border-line bg-surface-sunken p-3",children:[r.jsx("p",{className:"text-2xs text-fg-subtle",children:"Destination"}),r.jsx("p",{className:"mt-0.5 text-sm font-medium text-fg",children:fa(t,n)}),r.jsx(ce,{variant:"ghost",size:"sm",onClick:()=>u(!0),className:"mt-2 px-0",children:"Move to a different folder"})]})}),r.jsxs("div",{className:"space-y-2 border-t border-line bg-surface px-row-inset py-3",children:[r.jsx("p",{className:"text-2xs text-fg-subtle",children:Ig(e,fa(t,n))}),r.jsx(ce,{variant:"primary",onClick:o,className:"h-11 w-full font-semibold",children:`Move ${e} out of Spam`}),r.jsx(ce,{variant:"ghost",onClick:i,className:"h-11 w-full",children:"Back"})]})]})}function Ag({count:e,destinationLabel:t,onClose:s}){return r.jsxs("div",{className:"flex min-h-0 flex-col",children:[r.jsxs("div",{className:"flex flex-1 flex-col items-center justify-center gap-3 px-row-inset py-10 text-center",children:[r.jsx(Vm,{className:"size-10 text-positive","aria-hidden":!0}),r.jsx("p",{className:"text-base font-semibold text-fg",children:`Moved ${e} ${fo(e)} out of Spam.`}),r.jsx("p",{className:"text-2xs text-fg-subtle",children:`You'll find them in ${t}.`})]}),r.jsx("div",{className:"border-t border-line bg-surface px-row-inset py-3",children:r.jsx(ce,{variant:"primary",onClick:s,className:"h-11 w-full font-semibold",children:"Done"})})]})}function Og({open:e,candidates:t,defaultDestinationId:s,availableFolders:n,delimiter:a,onConfirmMove:o,onCancel:i}){const[l,u]=c.useState("review"),[m,f]=c.useState(()=>e?new Set(t.map(y=>y.id)):new Set),[d,h]=c.useState(s),[x,g]=c.useState(0),p=c.useRef(!1);c.useEffect(()=>{e&&!p.current&&(u("review"),f(new Set(t.map(y=>y.id))),h(s),g(0)),p.current=e},[e,t,s]);const v=m.size,b=y=>{f(C=>{const T=new Set(C);return T.has(y)?T.delete(y):T.add(y),T})},S=(y,C)=>{f(T=>{const O=new Set(T);for(const j of y.messages)C?O.add(j.id):O.delete(j.id);return O})},w=()=>{const y=Array.from(m);g(y.length),o(y,d),u("done")};return r.jsxs(Fm,{open:e,onClose:i,dismissLabel:"Close rescue",children:[l==="review"&&r.jsx(Rg,{candidates:t,selected:m,onToggle:b,onToggleGroup:S,onSelectAll:()=>f(new Set(t.map(y=>y.id))),onSelectNone:()=>f(new Set),onContinue:()=>u("destination"),onCancel:i}),l==="destination"&&r.jsx(Mg,{count:v,folders:n,delimiter:a,destination:d,onPick:h,onMove:w,onBack:()=>u("review")}),l==="done"&&r.jsx(Ag,{count:x,destinationLabel:fa(n,d),onClose:i})]})}const mo=[{id:"all",label:"All",tone:"neutral"},{id:"personal",label:"Personal",tone:"accent"},{id:"uncategorized",label:"Unclassified",tone:"neutral"},{id:"transactional",label:"Transactional",tone:"positive"},{id:"newsletter",label:"Newsletter",tone:"neutral"},{id:"marketing",label:"Marketing",tone:"warning"},{id:"social",label:"Social",tone:"warning"},{id:"automated",label:"Automated",tone:"neutral"}],Fc={id:"unread",label:"Unread"},Dg={id:"flagged",label:"Starred"},$c={id:"attachment",label:"Has attachment"};function Pg(e){if(!(e.length<=1))return e.map(t=>({id:t.id,label:t.label,count:t.count,active:t.active}))}function Lg(e=[]){return{categories:[...mo],filters:Ef,sources:Pg(e)}}function _c(){return{categories:[...mo],filters:[Fc,Dg,$c]}}function Fg(){return{categories:[...mo],filters:[Fc,$c]}}function $g(e,t){return e.endsWith(t)?e.length===t.length||e[e.length-t.length-1]===".":!1}function _g(e,t){const s=e.length-t.length-2,n=e.lastIndexOf(".",s);return n===-1?e:e.slice(n+1)}function zg(e,t,s){if(s.validHosts!==null){const a=s.validHosts;for(const o of a)if($g(t,o))return o}let n=0;if(t.startsWith("."))for(;n<t.length&&t[n]===".";)n+=1;return e.length===t.length-n?null:_g(t,e)}const _r=/[\t\n\r]/g;let ma=!1;function Ti(e){return e>=97&&e<=122||e>=48&&e<=57||e>127||e>=65&&e<=90||e===45||e===95}function Ri(e,t,s){const n=s-t,a=e.charCodeAt(t)|32;if(n===2)return a===119&&(e.charCodeAt(t+1)|32)===115?1:0;if(n===3){const o=e.charCodeAt(t+1)|32,i=e.charCodeAt(t+2)|32;return a===119&&o===115&&i===115||a===102&&o===116&&i===112?1:0}else if(n===4){const o=e.charCodeAt(t+1)|32,i=e.charCodeAt(t+2)|32,l=e.charCodeAt(t+3)|32;return a===104&&o===116&&i===116&&l===112?1:a===102&&o===105&&i===108&&l===101?2:0}else if(n===5)return a===104&&(e.charCodeAt(t+1)|32)===116&&(e.charCodeAt(t+2)|32)===116&&(e.charCodeAt(t+3)|32)===112&&(e.charCodeAt(t+4)|32)===115?1:0;return 0}function rn(e,t,s=!1){let n=0,a=e.length,o=!1,i=!1;if(ma=!1,!t){if(e.startsWith("data:"))return null;for(;n<e.length&&e.charCodeAt(n)<=32;)n+=1;for(;a>n+1&&e.charCodeAt(a-1)<=32;)a-=1;if(e.charCodeAt(n)===47&&e.charCodeAt(n+1)===47)n+=2;else{const v=e.indexOf(":/",n);if(v!==-1){const b=Ri(e,n,v);if(b===1)for(i=!0,n=v+2;e.charCodeAt(n)===47||e.charCodeAt(n)===92;)n+=1;else if(b===2){i=!0,n=v+1;let S=0;for(;(e.charCodeAt(n)===47||e.charCodeAt(n)===92)&&S<2;)n+=1,S+=1;if(S<2)return null}else{for(let S=n;S<v;S+=1){const w=e.charCodeAt(S)|32;if(!(w>=97&&w<=122||w>=48&&w<=57||w===46||w===45||w===43)){const y=e.charCodeAt(S);return y===9||y===10||y===13?rn(e.replace(_r,""),t,s):null}}if(e.charCodeAt(v+2)===47)n=v+3;else return null}}else if(e.charCodeAt(n)!==91){let b=-1;for(let S=n;S<a;S+=1){const w=e.charCodeAt(S);if(w===9||w===10||w===13)return rn(e.replace(_r,""),t,s);if(w===58){b=S;break}if(w===47||w===92||w===63||w===35)break}if(b!==-1){let S=!1;for(let w=b+1;w<a;w+=1){const y=e.charCodeAt(w);if(y===47||y===92||y===63||y===35)break;if(y===64){S=!0;break}}if(!S){let w=!0,y=b+1;for(;y<a;y+=1){const C=e.charCodeAt(y);if(C===47||C===92||C===63||C===35)break;if(C<48||C>57){w=!1;break}}if(y===b+1&&(w=!1),!w){const C=Ri(e,n,b);if(C===0){let T=!1;for(let O=b+1;O<a;O+=1){const j=e.charCodeAt(O);if(j===47||j===92||j===63||j===35)break;if(j===58){T=!0;break}}if(!T)return null}else if(i=!0,n=b+1,C===2){let T=0;for(;(e.charCodeAt(n)===47||e.charCodeAt(n)===92)&&T<2;)n+=1,T+=1;if(T<2)return null}else for(;e.charCodeAt(n)===47||e.charCodeAt(n)===92;)n+=1}}}}}let u=-1,m=-1,f=-1,d=-1,h=!1,x=s,g=n-1,p=-1;if(s&&n<a){const v=e.charCodeAt(n);(!(Ti(v)||v===46||v===95)||v===45)&&(x=!1)}for(let v=n;v<a;v+=1){const b=e.charCodeAt(v);if(b<64)if(b===47||b===35||b===63){a=v;break}else b===58?(d===-1&&(d=v),f=v):b===9||b===10||b===13?h=!0:s&&(b===46?((v-g>64||p===46||p===45)&&(x=!1),g=v):(b<48||b>57)&&(b!==45||p===46)&&(x=!1));else if(i&&b===92){a=v;break}else b===64?(u=v,d=-1):b===93?m=v:b>=65&&b<=90?o=!0:s&&!Ti(b)&&(x=!1);s&&(p=b)}if(h)return rn(e.replace(_r,""),t,s);if(u!==-1&&u>=n&&u<a&&(n=u+1),e.charCodeAt(n)===91)return m!==-1?e.slice(n+1,m).toLowerCase():null;if(f!==-1&&f>n&&f<a&&d===f&&(a=f),n>=a)return null;s&&x&&u===-1&&f===-1&&m===-1&&e.charCodeAt(a-1)!==46&&a-n<=255&&a-g-1<=63&&p!==45&&(ma=!0)}for(;a>n+1&&e.charCodeAt(a-1)===46;)a-=1;const l=n!==0||a!==e.length?e.slice(n,a):e;return o?l.toLowerCase():l}function Bg(e){if(e.length<7||e.length>15)return!1;let t=0;for(let s=0;s<e.length;s+=1){const n=e.charCodeAt(s);if(n===46)t+=1;else if(n<48||n>57)return!1}return t===3&&e.charCodeAt(0)!==46&&e.charCodeAt(e.length-1)!==46}function Kg(e){if(e.length<3)return!1;let t=e.startsWith("[")?1:0,s=e.length;if(e[s-1]==="]"&&(s-=1),s-t>39)return!1;let n=!1;for(;t<s;t+=1){const a=e.charCodeAt(t);if(a===58)n=!0;else if(!(a>=48&&a<=57||a>=97&&a<=102||a>=65&&a<=70))return!1}return n}function Ug(e){return Kg(e)||Bg(e)}function Mi(e){return e>=97&&e<=122||e>=48&&e<=57||e>127}function Ai(e){if(e.length>255||e.length===0||!Mi(e.charCodeAt(0))&&e.charCodeAt(0)!==46&&e.charCodeAt(0)!==95)return!1;let t=-1,s=-1;const n=e.length;for(let a=0;a<n;a+=1){const o=e.charCodeAt(a);if(o===46){if(a-t>64||s===46||s===45)return!1;t=a}else if(!(Mi(o)||o===45||o===95)||o===45&&s===46)return!1;s=o}return n-t-1<=63&&s!==45}function qg({allowIcannDomains:e=!0,allowPrivateDomains:t=!1,detectIp:s=!0,detectSpecialUse:n=!1,extractHostname:a=!0,mixedInputs:o=!0,validHosts:i=null,validateHostname:l=!0}){return{allowIcannDomains:e,allowPrivateDomains:t,detectIp:s,detectSpecialUse:n,extractHostname:a,mixedInputs:o,validHosts:i,validateHostname:l}}const Hg=qg({});function Wg(e){return Hg}function Vg(){return{domain:null,domainWithoutSuffix:null,hostname:null,isIcann:null,isIp:null,isPrivate:null,isSpecialUse:null,publicSuffix:null,subdomain:null}}function Qg(e){e.domain=null,e.domainWithoutSuffix=null,e.hostname=null,e.isIcann=null,e.isIp=null,e.isPrivate=null,e.isSpecialUse=null,e.publicSuffix=null,e.subdomain=null}function Gg(e,t,s,n,a){const o=Wg();if(typeof e!="string")return a;let i=!1;return o.extractHostname?o.mixedInputs?(i=Ai(e),a.hostname=rn(e,i,o.validateHostname)):a.hostname=rn(e,!1,o.validateHostname):a.hostname=e,o.detectIp&&a.hostname!==null&&(a.isIp=Ug(a.hostname),a.isIp)?a:o.validateHostname&&o.extractHostname&&a.hostname!==null&&!(i&&a.hostname===e)&&!ma&&!Ai(a.hostname)?(a.hostname=null,a):(a.hostname===null||(s(a.hostname,o,a),a.publicSuffix===null)||(a.domain=zg(a.publicSuffix,a.hostname,o)),a)}const Oi=Vg();function Yg(e,t){return Qg(Oi),Gg(e,3,If,t,Oi).domain}const mr=e=>{const t=new Set,s=[];for(const n of e){const a=n.trim();if(a==="")continue;const o=a.toLowerCase();t.has(o)||(t.add(o),s.push(a))}return s},Xg=e=>{const t=e.lastIndexOf("@");return t>=0?e.slice(t+1):e},zc=e=>Yg(Xg(e.trim())),Jg=e=>{const t=mr(e);if(t.length<2)return null;let s=null;for(const n of t){const a=zc(n);if(a===null)return null;if(s===null)s=a;else if(s!==a)return null}return s},hr=e=>{const t=Jg(e);return t!==null?[{field:"FromDomain",value:t}]:mr(e).map(s=>({field:"From",value:s}))},Zg=e=>{const t=new Map;for(const a of e){const o=a.normalizedEmail.trim().toLowerCase();if(o==="")continue;const i=t.get(o);i?i.count+=1:t.set(o,{sender:a,count:1})}let s,n=0;for(const{sender:a,count:o}of t.values())o<=n||(s=a,n=o);return s},Bc=e=>e.displayName?.trim()||e.normalizedEmail,ex=/^\s*(?:(?:re|aw|fwd?|vs|sv|antw|res|enc|tr)\s*(?:\[\d+\])?\s*:|\[[^\]]{1,32}\])\s*/i,tx=e=>{let t=e.replace(/\s+/g," ").trim();for(;;){const s=t.replace(ex,"");if(s===t)return t.trim();t=s}},sx=new Set(["a","an","and","are","as","at","be","by","for","from","has","have","in","is","it","me","my","new","of","on","or","our","the","this","to","was","we","with","you","your"]),nx=3,zr=e=>e.split(" ").filter(t=>t!==""),Di=e=>e.length===0||e.join(" ").length<nx?!1:e.some(t=>!sx.has(t.toLowerCase())),rx=(e,t)=>e.findIndex((s,n)=>t.every((a,o)=>e[n+o]?.toLowerCase()===a.toLowerCase())),ax=e=>{const t=e.map(tx).filter(o=>o!=="");if(t.length===0)return;const[s,...n]=t;if(n.length===0)return Di(zr(s))?s:void 0;const a=zr(s);for(let o=a.length;o>0;o-=1)for(let i=0;i+o<=a.length;i+=1){const l=a.slice(i,i+o);if(Di(l)&&n.every(u=>rx(zr(u),l)>=0))return l.join(" ")}},ox=(e,t)=>{const s=hr(e);if(mr(e).length===1||s.length===1&&s[0].field==="FromDomain")return s;const n=ax(t);return n!==void 0?[{field:"Subject",value:n}]:s},ix=({match:e,sender:t,folder:s})=>{const n=e??t;return n?s?`${n} → ${s}`:e?`Mail matching ${e}`:`Mail from ${n}`:s?`Mail to ${s}`:""},lx=e=>e.clauses.length>0,cx=e=>({scopedOutFolder:e.scopedOut?.label,droppedFacets:e.droppedFacets.map(t=>t.label),droppedSemantic:e.droppedSemantic});function Wt(e,t,{checkForDefaultPrevented:s=!0}={}){return function(a){if(e?.(a),s===!1||!a||!a.defaultPrevented)return t?.(a)}}function Pi(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function ux(...e){return t=>{let s=!1;const n=e.map(a=>{const o=Pi(a,t);return!s&&typeof o=="function"&&(s=!0),o});if(s)return()=>{for(let a=0;a<n.length;a++){const o=n[a];typeof o=="function"?o():Pi(e[a],null)}}}}function hs(...e){return c.useCallback(ux(...e),e)}function dx(e,t=[]){let s=[];function n(o,i){const l=c.createContext(i);l.displayName=o+"Context";const u=s.length;s=[...s,i];const m=d=>{const{scope:h,children:x,...g}=d,p=h?.[e]?.[u]||l,v=c.useMemo(()=>g,Object.values(g));return r.jsx(p.Provider,{value:v,children:x})};m.displayName=o+"Provider";function f(d,h,x={}){const{optional:g=!1}=x,p=h?.[e]?.[u]||l,v=c.useContext(p);if(v)return v;if(i!==void 0)return i;if(!g)throw new Error(`\`${d}\` must be used within \`${o}\``)}return[m,f]}const a=()=>{const o=s.map(i=>c.createContext(i));return function(l){const u=l?.[e]||o;return c.useMemo(()=>({[`__scope${e}`]:{...l,[e]:u}}),[l,u])}};return a.scopeName=e,[n,fx(a,...t)]}function fx(...e){const t=e[0];if(e.length===1)return t;const s=()=>{const n=e.map(a=>({useScope:a(),scopeName:a.scopeName}));return function(o){const i=n.reduce((l,{useScope:u,scopeName:m})=>{const d=u(o)[`__scope${m}`];return{...l,...d}},{});return c.useMemo(()=>({[`__scope${t.scopeName}`]:i}),[i])}};return s.scopeName=t.scopeName,s}var cn=globalThis?.document?c.useLayoutEffect:()=>{},mx=Da[" useInsertionEffect ".trim().toString()]||cn;function hx({prop:e,defaultProp:t,onChange:s=()=>{},caller:n}){const[a,o,i]=px({defaultProp:t,onChange:s}),l=e!==void 0,u=l?e:a;{const f=c.useRef(e!==void 0);c.useEffect(()=>{const d=f.current;d!==l&&console.warn(`${n} is changing from ${d?"controlled":"uncontrolled"} to ${l?"controlled":"uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`),f.current=l},[l,n])}const m=c.useCallback(f=>{if(l){const d=gx(f)?f(e):f;d!==e&&i.current?.(d)}else o(f)},[l,e,o,i]);return[u,m]}function px({defaultProp:e,onChange:t}){const[s,n]=c.useState(e),a=c.useRef(s),o=c.useRef(t);return mx(()=>{o.current=t},[t]),c.useEffect(()=>{a.current!==s&&(o.current?.(s),a.current=s)},[s,a]),[s,n,o]}function gx(e){return typeof e=="function"}function ho(e){const t=c.forwardRef((s,n)=>{let{children:a,...o}=s,i=null,l=!1;const u=[];Li(a)&&typeof Nn=="function"&&(a=Nn(a._payload)),c.Children.forEach(a,h=>{if(wx(h)){l=!0;const x=h;let g="child"in x.props?x.props.child:x.props.children;Li(g)&&typeof Nn=="function"&&(g=Nn(g._payload)),i=bx(x,g),u.push(i?.props?.children)}else u.push(h)}),i?i=c.cloneElement(i,void 0,u):!l&&c.Children.count(a)===1&&c.isValidElement(a)&&(i=a);const m=i?yx(i):void 0,f=hs(n,m);if(!i){if(a||a===0)throw new Error(l?Cx(e):jx(e));return a}const d=vx(o,i.props??{});return i.type!==c.Fragment&&(d.ref=n?f:m),c.cloneElement(i,d)});return t.displayName=`${e}.Slot`,t}var iC=ho("Slot"),xx=Symbol.for("radix.slottable"),bx=(e,t)=>{if("child"in e.props){const s=e.props.child;return c.isValidElement(s)?c.cloneElement(s,void 0,e.props.children(s.props.children)):null}return c.isValidElement(t)?t:null};function vx(e,t){const s={...t};for(const n in t){const a=e[n],o=t[n];/^on[A-Z]/.test(n)?a&&o?s[n]=(...l)=>{const u=o(...l);return a(...l),u}:a&&(s[n]=a):n==="style"?s[n]={...a,...o}:n==="className"&&(s[n]=[a,o].filter(Boolean).join(" "))}return{...e,...s}}function yx(e){let t=Object.getOwnPropertyDescriptor(e.props,"ref")?.get,s=t&&"isReactWarning"in t&&t.isReactWarning;return s?e.ref:(t=Object.getOwnPropertyDescriptor(e,"ref")?.get,s=t&&"isReactWarning"in t&&t.isReactWarning,s?e.props.ref:e.props.ref||e.ref)}function wx(e){return c.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===xx}var Sx=Symbol.for("react.lazy");function Li(e){return e!=null&&typeof e=="object"&&"$$typeof"in e&&e.$$typeof===Sx&&"_payload"in e&&kx(e._payload)}function kx(e){return typeof e=="object"&&e!==null&&"then"in e}var jx=e=>`${e} failed to slot onto its children. Expected a single React element child or \`Slottable\`.`,Cx=e=>`${e} failed to slot onto its \`Slottable\`. Expected \`Slottable\` to receive a single React element child.`,Nn=Da[" use ".trim().toString()],Nx=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],Dt=Nx.reduce((e,t)=>{const s=ho(`Primitive.${t}`),n=c.forwardRef((a,o)=>{const{asChild:i,...l}=a,u=i?s:t;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),r.jsx(u,{...l,ref:o})});return n.displayName=`Primitive.${t}`,{...e,[t]:n}},{});function Ex(e,t){e&&Pa.flushSync(()=>e.dispatchEvent(t))}function un(e){const t=c.useRef(e);return c.useEffect(()=>{t.current=e}),c.useMemo(()=>((...s)=>t.current?.(...s)),[])}var Ix="DismissableLayer",ha="dismissableLayer.update",Tx="dismissableLayer.pointerDownOutside",Rx="dismissableLayer.focusOutside",Fi,po=c.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set,dismissableSurfaces:new Set}),Kc=c.forwardRef((e,t)=>{const{disableOutsidePointerEvents:s=!1,deferPointerDownOutside:n=!1,onEscapeKeyDown:a,onPointerDownOutside:o,onFocusOutside:i,onInteractOutside:l,onDismiss:u,...m}=e,f=c.useContext(po),[d,h]=c.useState(null),x=d?.ownerDocument??globalThis?.document,[,g]=c.useState({}),p=hs(t,h),v=Array.from(f.layers),[b]=[...f.layersWithOutsidePointerEventsDisabled].slice(-1),S=b?v.indexOf(b):-1,w=d?v.indexOf(d):-1,y=f.layersWithOutsidePointerEventsDisabled.size>0,C=w>=S,T=c.useRef(!1),O=Px(M=>{o?.(M),l?.(M),M.defaultPrevented||u?.()},{ownerDocument:x,deferPointerDownOutside:n,isDeferredPointerDownOutsideRef:T,dismissableSurfaces:f.dismissableSurfaces,shouldHandlePointerDownOutside:c.useCallback(M=>{if(!(M instanceof Node))return!1;const F=[...f.branches].some(A=>A.contains(M));return C&&!F},[f.branches,C])}),j=Lx(M=>{if(n&&T.current)return;const F=M.target;[...f.branches].some(k=>k.contains(F))||(i?.(M),l?.(M),M.defaultPrevented||u?.())},x),R=d?w===v.length-1:!1,P=un(M=>{M.key==="Escape"&&(a?.(M),!M.defaultPrevented&&u&&(M.preventDefault(),u()))});return c.useEffect(()=>{if(R)return x.addEventListener("keydown",P,{capture:!0}),()=>x.removeEventListener("keydown",P,{capture:!0})},[x,R,P]),c.useEffect(()=>{if(d)return s&&(f.layersWithOutsidePointerEventsDisabled.size===0&&(Fi=x.body.style.pointerEvents,x.body.style.pointerEvents="none"),f.layersWithOutsidePointerEventsDisabled.add(d)),f.layers.add(d),$i(),()=>{s&&(f.layersWithOutsidePointerEventsDisabled.delete(d),f.layersWithOutsidePointerEventsDisabled.size===0&&(x.body.style.pointerEvents=Fi))}},[d,x,s,f]),c.useEffect(()=>()=>{d&&(f.layers.delete(d),f.layersWithOutsidePointerEventsDisabled.delete(d),$i())},[d,f]),c.useEffect(()=>{const M=()=>g({});return document.addEventListener(ha,M),()=>document.removeEventListener(ha,M)},[]),r.jsx(Dt.div,{...m,ref:p,style:{pointerEvents:y?C?"auto":"none":void 0,...e.style},onFocusCapture:Wt(e.onFocusCapture,j.onFocusCapture),onBlurCapture:Wt(e.onBlurCapture,j.onBlurCapture),onPointerDownCapture:Wt(e.onPointerDownCapture,O.onPointerDownCapture)})});Kc.displayName=Ix;var Mx="DismissableLayerBranch",Ax=c.forwardRef((e,t)=>{const s=c.useContext(po),n=c.useRef(null),a=hs(t,n);return c.useEffect(()=>{const o=n.current;if(o)return s.branches.add(o),()=>{s.branches.delete(o)}},[s.branches]),r.jsx(Dt.div,{...e,ref:a})});Ax.displayName=Mx;function Ox(){const e=c.useContext(po),[t,s]=c.useState(null);return c.useEffect(()=>{if(t)return e.dismissableSurfaces.add(t),()=>{e.dismissableSurfaces.delete(t)}},[t,e.dismissableSurfaces]),s}var Dx=()=>!0;function Px(e,t){const{ownerDocument:s=globalThis?.document,deferPointerDownOutside:n=!1,isDeferredPointerDownOutsideRef:a,dismissableSurfaces:o,shouldHandlePointerDownOutside:i=Dx}=t,l=un(e),u=c.useRef(!1),m=c.useRef(!1),f=c.useRef(new Map),d=c.useRef(()=>{});return c.useEffect(()=>{function h(){m.current=!1,a.current=!1,f.current.clear()}function x(){return Array.from(f.current.values()).some(Boolean)}function g(w){if(!m.current)return;const y=w.target;y instanceof Node&&[...o].some(T=>T.contains(y))||f.current.set(w.type,!0),w.type==="click"&&window.setTimeout(()=>{m.current&&d.current()},0)}function p(w){m.current&&f.current.set(w.type,!1)}const v=w=>{if(w.target&&!u.current){let y=function(){s.removeEventListener("click",d.current);const T=x();h(),T||Uc(Tx,l,C,{discrete:!0})};if(!i(w.target)){s.removeEventListener("click",d.current),h(),u.current=!1;return}const C={originalEvent:w};m.current=!0,a.current=n&&w.button===0,f.current.clear(),!n||w.button!==0?y():(s.removeEventListener("click",d.current),d.current=y,s.addEventListener("click",d.current,{once:!0}))}else s.removeEventListener("click",d.current),h();u.current=!1},b=["pointerup","mousedown","mouseup","touchstart","touchend","click"];for(const w of b)s.addEventListener(w,g,!0),s.addEventListener(w,p);const S=window.setTimeout(()=>{s.addEventListener("pointerdown",v)},0);return()=>{window.clearTimeout(S),s.removeEventListener("pointerdown",v),s.removeEventListener("click",d.current);for(const w of b)s.removeEventListener(w,g,!0),s.removeEventListener(w,p)}},[s,l,n,a,o,i]),{onPointerDownCapture:()=>u.current=!0}}function Lx(e,t=globalThis?.document){const s=un(e),n=c.useRef(!1);return c.useEffect(()=>{const a=o=>{o.target&&!n.current&&Uc(Rx,s,{originalEvent:o},{discrete:!1})};return t.addEventListener("focusin",a),()=>t.removeEventListener("focusin",a)},[t,s]),{onFocusCapture:()=>n.current=!0,onBlurCapture:()=>n.current=!1}}function $i(){const e=new CustomEvent(ha);document.dispatchEvent(e)}function Uc(e,t,s,{discrete:n}){const a=s.originalEvent.target,o=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:s});t&&a.addEventListener(e,t,{once:!0}),n?Ex(a,o):a.dispatchEvent(o)}var En=0,ys=null;function Fx(){c.useEffect(()=>{ys||(ys={start:_i(),end:_i()});const{start:e,end:t}=ys;return document.body.firstElementChild!==e&&document.body.insertAdjacentElement("afterbegin",e),document.body.lastElementChild!==t&&document.body.insertAdjacentElement("beforeend",t),En++,()=>{En===1&&(ys?.start.remove(),ys?.end.remove(),ys=null),En=Math.max(0,En-1)}},[])}function _i(){const e=document.createElement("span");return e.setAttribute("data-radix-focus-guard",""),e.tabIndex=0,e.style.outline="none",e.style.opacity="0",e.style.position="fixed",e.style.pointerEvents="none",e}var Br="focusScope.autoFocusOnMount",Kr="focusScope.autoFocusOnUnmount",zi={bubbles:!1,cancelable:!0},$x="FocusScope",qc=c.forwardRef((e,t)=>{const{loop:s=!1,trapped:n=!1,onMountAutoFocus:a,onUnmountAutoFocus:o,...i}=e,[l,u]=c.useState(null),m=un(a),f=un(o),d=c.useRef(null),h=hs(t,u),x=c.useRef({paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}}).current;c.useEffect(()=>{if(n){let p=function(w){if(x.paused||!l)return;const y=w.target;l.contains(y)?d.current=y:Kt(d.current,{select:!0})},v=function(w){if(x.paused||!l)return;const y=w.relatedTarget;y!==null&&(l.contains(y)||Kt(d.current,{select:!0}))},b=function(w){if(document.activeElement===document.body)for(const C of w)C.removedNodes.length>0&&Kt(l)};document.addEventListener("focusin",p),document.addEventListener("focusout",v);const S=new MutationObserver(b);return l&&S.observe(l,{childList:!0,subtree:!0}),()=>{document.removeEventListener("focusin",p),document.removeEventListener("focusout",v),S.disconnect()}}},[n,l,x.paused]),c.useEffect(()=>{if(l){Ki.add(x);const p=document.activeElement;if(!l.contains(p)){const b=new CustomEvent(Br,zi);l.addEventListener(Br,m),l.dispatchEvent(b),b.defaultPrevented||(_x(qx(Hc(l)),{select:!0}),document.activeElement===p&&Kt(l))}return()=>{l.removeEventListener(Br,m),setTimeout(()=>{const b=new CustomEvent(Kr,zi);l.addEventListener(Kr,f),l.dispatchEvent(b),b.defaultPrevented||Kt(p??document.body,{select:!0}),l.removeEventListener(Kr,f),Ki.remove(x)},0)}}},[l,m,f,x]);const g=c.useCallback(p=>{if(!s&&!n||x.paused)return;const v=p.key==="Tab"&&!p.altKey&&!p.ctrlKey&&!p.metaKey,b=document.activeElement;if(v&&b){const S=p.currentTarget,[w,y]=zx(S);w&&y?!p.shiftKey&&b===y?(p.preventDefault(),s&&Kt(w,{select:!0})):p.shiftKey&&b===w&&(p.preventDefault(),s&&Kt(y,{select:!0})):b===S&&p.preventDefault()}},[s,n,x.paused]);return r.jsx(Dt.div,{tabIndex:-1,...i,ref:h,onKeyDown:g})});qc.displayName=$x;function _x(e,{select:t=!1}={}){const s=document.activeElement;for(const n of e)if(Kt(n,{select:t}),document.activeElement!==s)return}function zx(e){const t=Hc(e),s=Bi(t,e),n=Bi(t.reverse(),e);return[s,n]}function Hc(e){const t=[],s=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:n=>{const a=n.tagName==="INPUT"&&n.type==="hidden";return n.disabled||n.hidden||a?NodeFilter.FILTER_SKIP:n.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;s.nextNode();)t.push(s.currentNode);return t}function Bi(e,t){const s=typeof t.checkVisibility=="function"&&t.checkVisibility({checkVisibilityCSS:!0});for(const n of e)if(!(s?!n.checkVisibility({checkVisibilityCSS:!0}):Bx(n,{upTo:t})))return n}function Bx(e,{upTo:t}){if(getComputedStyle(e).visibility==="hidden")return!0;for(;e;){if(t!==void 0&&e===t)return!1;if(getComputedStyle(e).display==="none")return!0;e=e.parentElement}return!1}function Kx(e){return e instanceof HTMLInputElement&&"select"in e}function Kt(e,{select:t=!1}={}){if(e&&e.focus){const s=document.activeElement;e.focus({preventScroll:!0}),e!==s&&Kx(e)&&t&&e.select()}}var Ki=Ux();function Ux(){let e=[];return{add(t){const s=e[0];t!==s&&s?.pause(),e=Ui(e,t),e.unshift(t)},remove(t){e=Ui(e,t),e[0]?.resume()}}}function Ui(e,t){const s=[...e],n=s.indexOf(t);return n!==-1&&s.splice(n,1),s}function qx(e){return e.filter(t=>t.tagName!=="A")}var Hx=Da[" useId ".trim().toString()]||(()=>{}),Wx=0;function Ur(e){const[t,s]=c.useState(Hx());return cn(()=>{s(n=>n??String(Wx++))},[e]),e||(t?`radix-${t}`:"")}var Vx="Portal",Wc=c.forwardRef((e,t)=>{const{container:s,...n}=e,[a,o]=c.useState(!1);cn(()=>o(!0),[]);const i=s||a&&globalThis?.document?.body;return i?Pa.createPortal(r.jsx(Dt.div,{...n,ref:t}),i):null});Wc.displayName=Vx;function Qx(e,t){return c.useReducer((s,n)=>t[s][n]??s,e)}var pr=e=>{const{present:t,children:s}=e,n=Gx(t),a=typeof s=="function"?s({present:n.isPresent}):c.Children.only(s),o=Yx(n.ref,Xx(a));return typeof s=="function"||n.isPresent?c.cloneElement(a,{ref:o}):null};pr.displayName="Presence";function Gx(e){const[t,s]=c.useState(),n=c.useRef(null),a=c.useRef(e),o=c.useRef("none"),i=c.useRef(void 0),l=e?"mounted":"unmounted",[u,m]=Qx(l,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return c.useEffect(()=>{u==="mounted"?(o.current=i.current??Ys(n.current),i.current=void 0):o.current="none"},[u]),cn(()=>{const f=n.current,d=a.current;if(d!==e){const x=o.current,g=Ys(f);e?(i.current=g,m("MOUNT")):g==="none"||f?.display==="none"?m("UNMOUNT"):m(d&&x!==g?"ANIMATION_OUT":"UNMOUNT"),a.current=e}},[e,m]),cn(()=>{if(t){let f;const d=t.ownerDocument.defaultView??window,h=g=>{const v=Ys(n.current).includes(CSS.escape(g.animationName));if(g.target===t&&v&&(m("ANIMATION_END"),!a.current)){const b=t.style.animationFillMode;t.style.animationFillMode="forwards",f=d.setTimeout(()=>{t.style.animationFillMode==="forwards"&&(t.style.animationFillMode=b)})}},x=g=>{g.target===t&&(o.current=Ys(n.current))};return t.addEventListener("animationstart",x),t.addEventListener("animationcancel",h),t.addEventListener("animationend",h),()=>{d.clearTimeout(f),t.removeEventListener("animationstart",x),t.removeEventListener("animationcancel",h),t.removeEventListener("animationend",h)}}else m("ANIMATION_END")},[t,m]),{isPresent:["mounted","unmountSuspended"].includes(u),ref:c.useCallback(f=>{if(f){const d=getComputedStyle(f);n.current=d,i.current=Ys(d)}else n.current=null;s(f)},[])}}function qi(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function Yx(...e){const t=c.useRef(e);return t.current=e,c.useCallback(s=>{const n=t.current;let a=!1;const o=n.map(i=>{const l=qi(i,s);return!a&&typeof l=="function"&&(a=!0),l});if(a)return()=>{for(let i=0;i<o.length;i++){const l=o[i];typeof l=="function"?l():qi(n[i],null)}}},[])}function Ys(e){return e?.animationName||"none"}function Xx(e){let t=Object.getOwnPropertyDescriptor(e.props,"ref")?.get,s=t&&"isReactWarning"in t&&t.isReactWarning;return s?e.ref:(t=Object.getOwnPropertyDescriptor(e,"ref")?.get,s=t&&"isReactWarning"in t&&t.isReactWarning,s?e.props.ref:e.props.ref||e.ref)}var Jx=function(e){if(typeof document>"u")return null;var t=Array.isArray(e)?e[0]:e;return t.ownerDocument.body},ws=new WeakMap,In=new WeakMap,Tn={},qr=0,Vc=function(e){return e&&(e.host||Vc(e.parentNode))},Zx=function(e,t){return t.map(function(s){if(e.contains(s))return s;var n=Vc(s);return n&&e.contains(n)?n:(console.error("aria-hidden",s,"in not contained inside",e,". Doing nothing"),null)}).filter(function(s){return!!s})},eb=function(e,t,s,n){var a=Zx(t,Array.isArray(e)?e:[e]);Tn[s]||(Tn[s]=new WeakMap);var o=Tn[s],i=[],l=new Set,u=new Set(a),m=function(d){!d||l.has(d)||(l.add(d),m(d.parentNode))};a.forEach(m);var f=function(d){!d||u.has(d)||Array.prototype.forEach.call(d.children,function(h){if(l.has(h))f(h);else try{var x=h.getAttribute(n),g=x!==null&&x!=="false",p=(ws.get(h)||0)+1,v=(o.get(h)||0)+1;ws.set(h,p),o.set(h,v),i.push(h),p===1&&g&&In.set(h,!0),v===1&&h.setAttribute(s,"true"),g||h.setAttribute(n,"true")}catch(b){console.error("aria-hidden: cannot operate on ",h,b)}})};return f(t),l.clear(),qr++,function(){i.forEach(function(d){var h=ws.get(d)-1,x=o.get(d)-1;ws.set(d,h),o.set(d,x),h||(In.has(d)||d.removeAttribute(n),In.delete(d)),x||d.removeAttribute(s)}),qr--,qr||(ws=new WeakMap,ws=new WeakMap,In=new WeakMap,Tn={})}},tb=function(e,t,s){s===void 0&&(s="data-aria-hidden");var n=Array.from(Array.isArray(e)?e:[e]),a=Jx(e);return a?(n.push.apply(n,Array.from(a.querySelectorAll("[aria-live], script"))),eb(n,a,s,"aria-hidden")):function(){return null}},$n="right-scroll-bar-position",_n="width-before-scroll-bar",sb="with-scroll-bars-hidden",nb="--removed-body-scroll-bar-size";function Hr(e,t){return typeof e=="function"?e(t):e&&(e.current=t),e}function rb(e,t){var s=c.useState(function(){return{value:e,callback:t,facade:{get current(){return s.value},set current(n){var a=s.value;a!==n&&(s.value=n,s.callback(n,a))}}}})[0];return s.callback=t,s.facade}var ab=typeof window<"u"?c.useLayoutEffect:c.useEffect,Hi=new WeakMap;function ob(e,t){var s=rb(null,function(n){return e.forEach(function(a){return Hr(a,n)})});return ab(function(){var n=Hi.get(s);if(n){var a=new Set(n),o=new Set(e),i=s.current;a.forEach(function(l){o.has(l)||Hr(l,null)}),o.forEach(function(l){a.has(l)||Hr(l,i)})}Hi.set(s,e)},[e]),s}function ib(e){return e}function lb(e,t){t===void 0&&(t=ib);var s=[],n=!1,a={read:function(){if(n)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return s.length?s[s.length-1]:e},useMedium:function(o){var i=t(o,n);return s.push(i),function(){s=s.filter(function(l){return l!==i})}},assignSyncMedium:function(o){for(n=!0;s.length;){var i=s;s=[],i.forEach(o)}s={push:function(l){return o(l)},filter:function(){return s}}},assignMedium:function(o){n=!0;var i=[];if(s.length){var l=s;s=[],l.forEach(o),i=s}var u=function(){var f=i;i=[],f.forEach(o)},m=function(){return Promise.resolve().then(u)};m(),s={push:function(f){i.push(f),m()},filter:function(f){return i=i.filter(f),s}}}};return a}function cb(e){e===void 0&&(e={});var t=lb(null);return t.options=Ut({async:!0,ssr:!1},e),t}var Qc=function(e){var t=e.sideCar,s=Fl(e,["sideCar"]);if(!t)throw new Error("Sidecar: please provide `sideCar` property to import the right car");var n=t.read();if(!n)throw new Error("Sidecar medium not found");return c.createElement(n,Ut({},s))};Qc.isSideCarExport=!0;function ub(e,t){return e.useMedium(t),Qc}var Gc=cb(),Wr=function(){},gr=c.forwardRef(function(e,t){var s=c.useRef(null),n=c.useState({onScrollCapture:Wr,onWheelCapture:Wr,onTouchMoveCapture:Wr}),a=n[0],o=n[1],i=e.forwardProps,l=e.children,u=e.className,m=e.removeScrollBar,f=e.enabled,d=e.shards,h=e.sideCar,x=e.noRelative,g=e.noIsolation,p=e.inert,v=e.allowPinchZoom,b=e.as,S=b===void 0?"div":b,w=e.gapMode,y=Fl(e,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noRelative","noIsolation","inert","allowPinchZoom","as","gapMode"]),C=h,T=ob([s,t]),O=Ut(Ut({},y),a);return c.createElement(c.Fragment,null,f&&c.createElement(C,{sideCar:Gc,removeScrollBar:m,shards:d,noRelative:x,noIsolation:g,inert:p,setCallbacks:o,allowPinchZoom:!!v,lockRef:s,gapMode:w}),i?c.cloneElement(c.Children.only(l),Ut(Ut({},O),{ref:T})):c.createElement(S,Ut({},O,{className:u,ref:T}),l))});gr.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1};gr.classNames={fullWidth:_n,zeroRight:$n};var db=function(){if(typeof __webpack_nonce__<"u")return __webpack_nonce__};function fb(){if(!document)return null;var e=document.createElement("style");e.type="text/css";var t=db();return t&&e.setAttribute("nonce",t),e}function mb(e,t){e.styleSheet?e.styleSheet.cssText=t:e.appendChild(document.createTextNode(t))}function hb(e){var t=document.head||document.getElementsByTagName("head")[0];t.appendChild(e)}var pb=function(){var e=0,t=null;return{add:function(s){e==0&&(t=fb())&&(mb(t,s),hb(t)),e++},remove:function(){e--,!e&&t&&(t.parentNode&&t.parentNode.removeChild(t),t=null)}}},gb=function(){var e=pb();return function(t,s){c.useEffect(function(){return e.add(t),function(){e.remove()}},[t&&s])}},Yc=function(){var e=gb(),t=function(s){var n=s.styles,a=s.dynamic;return e(n,a),null};return t},xb={left:0,top:0,right:0,gap:0},Vr=function(e){return parseInt(e||"",10)||0},bb=function(e){var t=window.getComputedStyle(document.body),s=t[e==="padding"?"paddingLeft":"marginLeft"],n=t[e==="padding"?"paddingTop":"marginTop"],a=t[e==="padding"?"paddingRight":"marginRight"];return[Vr(s),Vr(n),Vr(a)]},vb=function(e){if(e===void 0&&(e="margin"),typeof window>"u")return xb;var t=bb(e),s=document.documentElement.clientWidth,n=window.innerWidth;return{left:t[0],top:t[1],right:t[2],gap:Math.max(0,n-s+t[2]-t[0])}},yb=Yc(),As="data-scroll-locked",wb=function(e,t,s,n){var a=e.left,o=e.top,i=e.right,l=e.gap;return s===void 0&&(s="margin"),`
|
|
76
|
+
.`.concat(sb,` {
|
|
77
|
+
overflow: hidden `).concat(n,`;
|
|
78
|
+
padding-right: `).concat(l,"px ").concat(n,`;
|
|
79
|
+
}
|
|
80
|
+
body[`).concat(As,`] {
|
|
81
|
+
overflow: hidden `).concat(n,`;
|
|
82
|
+
overscroll-behavior: contain;
|
|
83
|
+
`).concat([t&&"position: relative ".concat(n,";"),s==="margin"&&`
|
|
84
|
+
padding-left: `.concat(a,`px;
|
|
85
|
+
padding-top: `).concat(o,`px;
|
|
86
|
+
padding-right: `).concat(i,`px;
|
|
87
|
+
margin-left:0;
|
|
88
|
+
margin-top:0;
|
|
89
|
+
margin-right: `).concat(l,"px ").concat(n,`;
|
|
90
|
+
`),s==="padding"&&"padding-right: ".concat(l,"px ").concat(n,";")].filter(Boolean).join(""),`
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
.`).concat($n,` {
|
|
94
|
+
right: `).concat(l,"px ").concat(n,`;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
.`).concat(_n,` {
|
|
98
|
+
margin-right: `).concat(l,"px ").concat(n,`;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.`).concat($n," .").concat($n,` {
|
|
102
|
+
right: 0 `).concat(n,`;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
.`).concat(_n," .").concat(_n,` {
|
|
106
|
+
margin-right: 0 `).concat(n,`;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
body[`).concat(As,`] {
|
|
110
|
+
`).concat(nb,": ").concat(l,`px;
|
|
111
|
+
}
|
|
112
|
+
`)},Wi=function(){var e=parseInt(document.body.getAttribute(As)||"0",10);return isFinite(e)?e:0},Sb=function(){c.useEffect(function(){return document.body.setAttribute(As,(Wi()+1).toString()),function(){var e=Wi()-1;e<=0?document.body.removeAttribute(As):document.body.setAttribute(As,e.toString())}},[])},kb=function(e){var t=e.noRelative,s=e.noImportant,n=e.gapMode,a=n===void 0?"margin":n;Sb();var o=c.useMemo(function(){return vb(a)},[a]);return c.createElement(yb,{styles:wb(o,!t,a,s?"":"!important")})},pa=!1;if(typeof window<"u")try{var Rn=Object.defineProperty({},"passive",{get:function(){return pa=!0,!0}});window.addEventListener("test",Rn,Rn),window.removeEventListener("test",Rn,Rn)}catch{pa=!1}var Ss=pa?{passive:!1}:!1,jb=function(e){return e.tagName==="TEXTAREA"},Xc=function(e,t){if(!(e instanceof Element))return!1;var s=window.getComputedStyle(e);return s[t]!=="hidden"&&!(s.overflowY===s.overflowX&&!jb(e)&&s[t]==="visible")},Cb=function(e){return Xc(e,"overflowY")},Nb=function(e){return Xc(e,"overflowX")},Vi=function(e,t){var s=t.ownerDocument,n=t;do{typeof ShadowRoot<"u"&&n instanceof ShadowRoot&&(n=n.host);var a=Jc(e,n);if(a){var o=Zc(e,n),i=o[1],l=o[2];if(i>l)return!0}n=n.parentNode}while(n&&n!==s.body);return!1},Eb=function(e){var t=e.scrollTop,s=e.scrollHeight,n=e.clientHeight;return[t,s,n]},Ib=function(e){var t=e.scrollLeft,s=e.scrollWidth,n=e.clientWidth;return[t,s,n]},Jc=function(e,t){return e==="v"?Cb(t):Nb(t)},Zc=function(e,t){return e==="v"?Eb(t):Ib(t)},Tb=function(e,t){return e==="h"&&t==="rtl"?-1:1},Rb=function(e,t,s,n,a){var o=Tb(e,window.getComputedStyle(t).direction),i=o*n,l=s.target,u=t.contains(l),m=!1,f=i>0,d=0,h=0;do{if(!l)break;var x=Zc(e,l),g=x[0],p=x[1],v=x[2],b=p-v-o*g;(g||b)&&Jc(e,l)&&(d+=b,h+=g);var S=l.parentNode;l=S&&S.nodeType===Node.DOCUMENT_FRAGMENT_NODE?S.host:S}while(!u&&l!==document.body||u&&(t.contains(l)||t===l));return(f&&Math.abs(d)<1||!f&&Math.abs(h)<1)&&(m=!0),m},Mn=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},Qi=function(e){return[e.deltaX,e.deltaY]},Gi=function(e){return e&&"current"in e?e.current:e},Mb=function(e,t){return e[0]===t[0]&&e[1]===t[1]},Ab=function(e){return`
|
|
113
|
+
.block-interactivity-`.concat(e,` {pointer-events: none;}
|
|
114
|
+
.allow-interactivity-`).concat(e,` {pointer-events: all;}
|
|
115
|
+
`)},Ob=0,ks=[];function Db(e){var t=c.useRef([]),s=c.useRef([0,0]),n=c.useRef(),a=c.useState(Ob++)[0],o=c.useState(Yc)[0],i=c.useRef(e);c.useEffect(function(){i.current=e},[e]),c.useEffect(function(){if(e.inert){document.body.classList.add("block-interactivity-".concat(a));var p=Tf([e.lockRef.current],(e.shards||[]).map(Gi),!0).filter(Boolean);return p.forEach(function(v){return v.classList.add("allow-interactivity-".concat(a))}),function(){document.body.classList.remove("block-interactivity-".concat(a)),p.forEach(function(v){return v.classList.remove("allow-interactivity-".concat(a))})}}},[e.inert,e.lockRef.current,e.shards]);var l=c.useCallback(function(p,v){if("touches"in p&&p.touches.length===2||p.type==="wheel"&&p.ctrlKey)return!i.current.allowPinchZoom;var b=Mn(p),S=s.current,w="deltaX"in p?p.deltaX:S[0]-b[0],y="deltaY"in p?p.deltaY:S[1]-b[1],C,T=p.target,O=Math.abs(w)>Math.abs(y)?"h":"v";if("touches"in p&&O==="h"&&T.type==="range")return!1;var j=window.getSelection(),R=j&&j.anchorNode,P=R?R===T||R.contains(T):!1;if(P)return!1;var M=Vi(O,T);if(!M)return!0;if(M?C=O:(C=O==="v"?"h":"v",M=Vi(O,T)),!M)return!1;if(!n.current&&"changedTouches"in p&&(w||y)&&(n.current=C),!C)return!0;var F=n.current||C;return Rb(F,v,p,F==="h"?w:y)},[]),u=c.useCallback(function(p){var v=p;if(!(!ks.length||ks[ks.length-1]!==o)){var b="deltaY"in v?Qi(v):Mn(v),S=t.current.filter(function(C){return C.name===v.type&&(C.target===v.target||v.target===C.shadowParent)&&Mb(C.delta,b)})[0];if(S&&S.should){v.cancelable&&v.preventDefault();return}if(!S){var w=(i.current.shards||[]).map(Gi).filter(Boolean).filter(function(C){return C.contains(v.target)}),y=w.length>0?l(v,w[0]):!i.current.noIsolation;y&&v.cancelable&&v.preventDefault()}}},[]),m=c.useCallback(function(p,v,b,S){var w={name:p,delta:v,target:b,should:S,shadowParent:Pb(b)};t.current.push(w),setTimeout(function(){t.current=t.current.filter(function(y){return y!==w})},1)},[]),f=c.useCallback(function(p){s.current=Mn(p),n.current=void 0},[]),d=c.useCallback(function(p){m(p.type,Qi(p),p.target,l(p,e.lockRef.current))},[]),h=c.useCallback(function(p){m(p.type,Mn(p),p.target,l(p,e.lockRef.current))},[]);c.useEffect(function(){return ks.push(o),e.setCallbacks({onScrollCapture:d,onWheelCapture:d,onTouchMoveCapture:h}),document.addEventListener("wheel",u,Ss),document.addEventListener("touchmove",u,Ss),document.addEventListener("touchstart",f,Ss),function(){ks=ks.filter(function(p){return p!==o}),document.removeEventListener("wheel",u,Ss),document.removeEventListener("touchmove",u,Ss),document.removeEventListener("touchstart",f,Ss)}},[]);var x=e.removeScrollBar,g=e.inert;return c.createElement(c.Fragment,null,g?c.createElement(o,{styles:Ab(a)}):null,x?c.createElement(kb,{noRelative:e.noRelative,gapMode:e.gapMode}):null)}function Pb(e){for(var t=null;e!==null;)e instanceof ShadowRoot&&(t=e.host,e=e.host),e=e.parentNode;return t}const Lb=ub(Gc,Db);var eu=c.forwardRef(function(e,t){return c.createElement(gr,Ut({},e,{ref:t,sideCar:Lb}))});eu.classNames=gr.classNames;var Fb=class extends La{constructor(e,t){super(e,t)}bindMethods(){super.bindMethods(),this.fetchNextPage=this.fetchNextPage.bind(this),this.fetchPreviousPage=this.fetchPreviousPage.bind(this)}setOptions(e){e._type="infinite",super.setOptions(e)}getOptimisticResult(e){return e._type="infinite",super.getOptimisticResult(e)}fetchNextPage(e){return this.fetch({...e,meta:{fetchMore:{direction:"forward"}}})}fetchPreviousPage(e){return this.fetch({...e,meta:{fetchMore:{direction:"backward"}}})}createResult(e,t){const{state:s}=e,n=super.createResult(e,t),{isFetching:a,isRefetching:o,isError:i,isRefetchError:l}=n,u=s.fetchMeta?.fetchMore?.direction,m=i&&u==="forward",f=a&&u==="forward",d=i&&u==="backward",h=a&&u==="backward";return{...n,fetchNextPage:this.fetchNextPage,fetchPreviousPage:this.fetchPreviousPage,hasNextPage:Mf(t,s.data),hasPreviousPage:Rf(t,s.data),isFetchNextPageError:m,isFetchingNextPage:f,isFetchPreviousPageError:d,isFetchingPreviousPage:h,isRefetchError:l&&!m&&!d,isRefetching:o&&!f&&!h}}};function Yi(e,t){const s=new Set(t);return e.filter(n=>!s.has(n))}function $b(e,t,s){const n=e.slice(0);return n[t]=s,n}var _b=class extends Af{#s;#e;#a;#r;#t;#n;#o;#i;#l;#c=[];constructor(e,t,s){super(),this.#s=e,this.#r=s,this.#a=[],this.#t=[],this.#e=[],this.setQueries(t)}onSubscribe(){this.listeners.size===1&&this.#t.forEach(e=>{e.subscribe(t=>{this.#m(e,t)})})}onUnsubscribe(){this.listeners.size||this.destroy()}destroy(){this.listeners=new Set,this.#t.forEach(e=>{e.destroy()})}setQueries(e,t){this.#a=e,this.#r=t,aa.batch(()=>{const s=this.#t,n=this.#f(this.#a);n.forEach(f=>f.observer.setOptions(f.defaultedQueryOptions));const a=n.map(f=>f.observer),o=a.map(f=>f.getCurrentResult()),i=s.length!==a.length,l=a.some((f,d)=>f!==s[d]),u=i||l,m=u?!0:o.some((f,d)=>{const h=this.#e[d];return!h||!Of(f,h)});!u&&!m||(u&&(this.#c=n,this.#t=a),this.#e=o,this.hasListeners()&&(u&&(Yi(s,a).forEach(f=>{f.destroy()}),Yi(a,s).forEach(f=>{f.subscribe(d=>{this.#m(f,d)})})),this.#h()))})}getCurrentResult(){return this.#e}getQueries(){return this.#t.map(e=>e.getCurrentQuery())}getObservers(){return this.#t}getOptimisticResult(e,t){const s=this.#f(e),n=s.map(o=>o.observer.getOptimisticResult(o.defaultedQueryOptions)),a=s.map(o=>o.defaultedQueryOptions.queryHash);return[n,o=>this.#d(o??n,t,a),()=>this.#u(n,s)]}#u(e,t){return t.map((s,n)=>{const a=e[n];return s.defaultedQueryOptions.notifyOnChangeProps?a:s.observer.trackResult(a,o=>{t.forEach(i=>{i.observer.trackProp(o)})})})}#d(e,t,s){if(t){const n=this.#l,a=s!==void 0&&n!==void 0&&(n.length!==s.length||s.some((o,i)=>o!==n[i]));return(!this.#n||this.#e!==this.#i||a||t!==this.#o)&&(this.#o=t,this.#i=this.#e,s!==void 0&&(this.#l=s),this.#n=Df(this.#n,t(e))),this.#n}return e}#p(){return this.#r?.combine!==void 0&&this.#t.some((e,t)=>e.options.suspense&&this.#e[t]?.data===void 0)}#f(e){const t=new Map;this.#t.forEach(n=>{const a=n.options.queryHash;if(!a)return;const o=t.get(a);o?o.push(n):t.set(a,[n])});const s=[];return e.forEach(n=>{const a=this.#s.defaultQueryOptions(n),i=t.get(a.queryHash)?.shift()??new La(this.#s,a);s.push({defaultedQueryOptions:a,observer:i})}),s}#m(e,t){const s=this.#t.indexOf(e);s!==-1&&(this.#e=$b(this.#e,s,t),this.#h())}#h(){if(this.hasListeners()){const e=this.#u(this.#e,this.#c),t=this.#p(),s=this.#n,n=t?s:this.#d(e,this.#r?.combine);(t||s!==n)&&aa.batch(()=>{this.listeners.forEach(a=>{a(this.#e)})})}}};function pt({queries:e,...t},s){const n=Te(),a=Pf(),o=Lf(),i=c.useMemo(()=>e.map(p=>{const v=n.defaultQueryOptions(p);return v._optimisticResults=a?"isRestoring":"optimistic",v}),[e,n,a]);i.forEach(p=>{Ff(p);const v=n.getQueryCache().get(p.queryHash);$f(p,o,v)}),_f(o);const[l]=c.useState(()=>new _b(n,i,t)),[u,m,f]=l.getOptimisticResult(i,t.combine),d=!a&&t.subscribed!==!1;c.useSyncExternalStore(c.useCallback(p=>d?l.subscribe(aa.batchCalls(p)):zf,[l,d]),()=>l.getCurrentResult(),()=>l.getCurrentResult()),c.useEffect(()=>{l.setQueries(i,t)},[i,t,l]);const x=u.some((p,v)=>Ho(i[v],p))?u.flatMap((p,v)=>{const b=i[v];if(b&&Ho(b,p)){const S=new La(n,b);return Bf(b,S,o)}return[]}):[];if(x.length>0)throw Promise.all(x);const g=u.find((p,v)=>{const b=i[v];return b&&Kf({result:p,errorResetBoundary:o,throwOnError:b.throwOnError,query:n.getQueryCache().get(b.queryHash),suspense:b.suspense})});if(g?.error)throw g.error;return m(f())}function tu(e,t){return Uf(e,Fb)}function zb(e,t){if(e===void 0)return{shouldBlockFn:()=>!0,withResolver:!1};if("shouldBlockFn"in e)return e;if(typeof e=="function")return{shouldBlockFn:async()=>await e(),enableBeforeUnload:!0,withResolver:!1};const s=!!(e.condition??!0),n=e.blockerFn;return{shouldBlockFn:async()=>s&&n!==void 0?await n():s,enableBeforeUnload:s,withResolver:n===void 0}}function su(e,t){const{shouldBlockFn:s,enableBeforeUnload:n=!0,disabled:a=!1,withResolver:o=!1}=zb(e),i=Fa(),{history:l}=i,[u,m]=c.useState({status:"idle",current:void 0,next:void 0,action:void 0,proceed:void 0,reset:void 0});return c.useEffect(()=>{const f=async d=>{function h(b){const S=i.parseLocation(b),w=i.getMatchedRoutes(S.pathname);return w.foundRoute===void 0?{routeId:"__notFound__",fullPath:S.pathname,pathname:S.pathname,params:w.routeParams,search:i.options.parseSearch(b.search)}:{routeId:w.foundRoute.id,fullPath:w.foundRoute.fullPath,pathname:S.pathname,params:w.routeParams,search:i.options.parseSearch(b.search)}}const x=h(d.currentLocation),g=h(d.nextLocation);if(x.routeId==="__notFound__"&&g.routeId!=="__notFound__")return!1;const p=await s({action:d.action,current:x,next:g});if(!o)return p;if(!p)return!1;const v=await new Promise(b=>{m({status:"blocked",current:x,next:g,action:d.action,proceed:()=>b(!1),reset:()=>b(!0)})});return m({status:"idle",current:void 0,next:void 0,action:void 0,proceed:void 0,reset:void 0}),v};return a?void 0:l.block({blockerFn:f,enableBeforeUnload:n})},[s,n,a,o,l,i]),u}function Rt(e){const t=Fa({warn:e?.router===void 0}),s=e?.router||t;return $l(s.stores.__store,_l(e,s))}function xr(e){const t=Fa();return $l(t.stores.location,_l(e,t))}const Bb=new Set(["outbox","flagged"]),Kb=e=>{const[,t,s]=e.split(/[?#]/)[0].split("/");return t!=="mail"||!s?!1:!Bb.has(s)};function Ub(e){const t=pt({queries:e.map(s=>({...ot({path:{accountId:s.accountId}}),staleTime:1/0}))});for(const[s,n]of e.entries()){const a=t[s];if(!a||a.isPending)return;const o=a.data?.items??[];if(o.length===0)continue;const i=$a(n.folderAppointments);return(o.find(u=>i.get(u.mailboxId)==="inbox")??o[0])?.mailboxId}}function nu(e){const{openCompose:t}=Yt(),s=We(),n=xr(),a=Ub(e);return c.useCallback(()=>{if(Kb(n.pathname)){c.startTransition(()=>{t({mode:"new"})});return}a&&(c.startTransition(()=>{t({mode:"new"})}),s({to:"/mail/$mailboxId",params:{mailboxId:a}}))},[t,s,n.pathname,a])}const qb=e=>e.startsWith("/mail")||e.startsWith("/settings"),Hb=({accounts:e})=>{const{state:t}=Yt(),s=xr(),n=nu(e),a=s.search,o=typeof a?.selectedMessageId=="string"&&a.selectedMessageId.length>0;return!qb(s.pathname)||t.isOpen||o?null:r.jsx("button",{type:"button",onClick:n,"aria-label":"Compose new message",className:"lg:hidden fixed right-4 z-30 h-14 w-14 rounded-full bg-accent text-accent-fg shadow-lg flex items-center justify-center hover:opacity-90 active:scale-95 transition-all",style:{bottom:"calc(env(safe-area-inset-bottom, 0) + 1rem)"},children:r.jsx(Mm,{className:"size-6"})})},ru=({trigger:e,children:t,align:s="right"})=>{const[n,a]=c.useState(!1),o=c.useRef(null),i=c.useCallback(u=>{o.current&&!o.current.contains(u.target)&&a(!1)},[]),l=c.useCallback(u=>{u.key==="Escape"&&a(!1)},[]);return c.useEffect(()=>(n&&(document.addEventListener("mousedown",i),document.addEventListener("keydown",l)),()=>{document.removeEventListener("mousedown",i),document.removeEventListener("keydown",l)}),[n,i,l]),r.jsxs("div",{ref:o,className:"relative",children:[r.jsx("button",{type:"button",onClick:u=>{u.stopPropagation(),a(!n)},className:_e("p-1.5 min-h-11 min-w-11 inline-flex items-center justify-center rounded-md transition-colors","hover:bg-surface-raised text-fg-muted hover:text-fg"),children:e}),n&&r.jsx("div",{className:_e("absolute z-50 mt-1 min-w-[180px] py-1","bg-surface border border-line rounded-md shadow-lg",s==="right"?"right-0":"left-0"),children:t})]})},Is=({onClick:e,disabled:t,destructive:s,children:n})=>r.jsx("button",{type:"button",onClick:a=>{a.stopPropagation(),t||e()},disabled:t,className:_e("w-full px-3 py-2 text-left text-sm transition-colors","flex items-center gap-2",t&&"opacity-50 cursor-not-allowed",!t&&"hover:bg-surface-raised",s&&"text-danger hover:text-danger"),children:n}),ga=()=>r.jsx("div",{className:"my-1 h-px bg-line"}),au=({children:e})=>{const{Account:t}=_a();return r.jsx(t,{children:e})},Wb=({email:e,onSignOut:t})=>{const s=We(),n=e??"Account";return r.jsxs(ru,{trigger:r.jsx(kt,{name:n,email:e??void 0,size:"sm"}),align:"right",children:[e&&r.jsxs(r.Fragment,{children:[r.jsx("div",{className:"px-3 py-2 text-xs text-fg-muted truncate",title:e,"data-testid":"account-menu-email",children:e}),r.jsx(ga,{})]}),r.jsxs(Is,{onClick:()=>s({to:"/settings/accounts"}),children:[r.jsx(ao,{className:"size-4"}),"Settings"]}),r.jsx(ga,{}),r.jsxs(Is,{onClick:t,children:[r.jsx(gc,{className:"size-4"}),"Sign out"]})]})},Vb=()=>r.jsx(au,{children:({email:e,signOut:t})=>r.jsx(Wb,{email:e,onSignOut:t})}),Xi=()=>{const e=za(),t=Ba(e);window.open(t,"_blank","noopener,noreferrer")};function ou({variant:e="icon"}){return e==="drawer"?r.jsxs("button",{type:"button",onClick:Xi,className:"flex w-full items-center gap-2 rounded-md px-2 py-1 text-sm text-fg-muted transition-colors hover:bg-surface hover:text-fg",children:[r.jsx(ai,{className:"size-4 shrink-0"}),r.jsx("span",{className:"flex-1 truncate text-left",children:"Report a bug"})]}):r.jsx(ce,{variant:"ghost",size:"sm",icon:r.jsx(ai,{className:"size-4"}),title:"Report a bug","aria-label":"Report a bug",onClick:Xi})}const iu="/mail/",go="/mail/$mailboxId",lu="/mail/outbox",cu="/mail/flagged";function xo(e){return e.some(t=>t.routeId===iu)}function xn(e){return e.some(t=>t.routeId===cu)}function br(e){return e.some(t=>t.routeId===lu)}function uu(e){return e.some(t=>t.routeId===go)}function Qb(e){const t=e.find(s=>s.params?.mailboxId)?.params?.mailboxId;return t?`${go}:${t}`:xn(e)?cu:br(e)?lu:xo(e)?iu:""}const zn="search-scope";function Gb(e){const t=e.trim().replace(/\s+/g," ").toLowerCase();return/\s/.test(t)?`in:"${t}"`:`in:${t}`}function du(e){return xn(e)||br(e)||uu(e)}function fu(e){return e.find(t=>t.routeId===go)?.params?.mailboxId}function Yb(e){const t=fu(e.matches);return t||(du(e.matches)?e.callerMailboxId:e.callerMailboxId??e.inTokenMailboxId)}function Xb(e,t){return xo(e)?{kind:"global"}:xn(e)?{kind:"scoped",chip:{id:zn,label:"is:starred"}}:br(e)?{kind:"scoped",chip:{id:zn,label:"in:outbox"}}:uu(e)?t?{kind:"scoped",chip:{id:zn,label:Gb(t)}}:{kind:"pending"}:{kind:"global"}}function Jb(e,t,s){return t.kind==="global"?{kind:"global"}:xn(e)?{kind:"collection"}:{kind:"folder",...s?{role:s}:{}}}const mu=({accounts:e})=>{const t=Ka({strict:!1}),s=xr(),n=t.mailboxId,{t:a}=Ua("mail",{useSuspense:!1}),o=c.useCallback((l,u)=>a(l,{defaultValue:u}),[a]),i=pt({queries:e.map(l=>({...ot({path:{accountId:l.accountId}}),staleTime:1/0}))});if(s.pathname.startsWith("/mail/outbox"))return"Outbox";if(!n)return null;for(let l=0;l<e.length;l++){const u=i[l]?.data?.items;if(!u)continue;const m=u.find(d=>d.mailboxId===n);if(!m)continue;const f=$a(e[l].folderAppointments);return Kn(m,f.get(n),o)}return null},Zb=({accounts:e})=>{const s=Ka({strict:!1}).mailboxId,n=pt({queries:e.map(a=>({...ot({path:{accountId:a.accountId}}),staleTime:1/0}))});if(!s)return null;for(const a of n){const o=a.data?.items;if(!o)continue;const i=o.find(l=>l.mailboxId===s);if(i)return i.unseenCount}return null};function hu(e){const t=We(),{searchInput:s}=Re(),n=mu({accounts:e}),a=Rt({select:l=>l.matches}),o=Xb(a,n),i=c.useCallback(l=>{l===zn&&t({to:"/mail",search:{q:s||void 0,selectedMessageId:void 0}})},[t,s]);return{scope:o,clearScope:i}}const pu=[{title:"Navigation",hints:[{action:"focusNext",keys:["j"],description:"Focus next message"},{action:"focusPrevious",keys:["k"],description:"Focus previous message"},{action:"focusNext",keys:["↓"],description:"Focus next message"},{action:"focusPrevious",keys:["↑"],description:"Focus previous message"},{action:"focusFirst",keys:["Home"],description:"Focus first"},{action:"focusLast",keys:["End"],description:"Focus last"},{action:"openFocused",keys:["Enter"],description:"Open focused thread"},{action:"back",keys:["Esc"],description:"Back / close overlay"}]},{title:"Selection",hints:[{action:"toggleSelect",keys:["x"],description:"Toggle select"},{action:"toggleSelect",keys:["Space"],description:"Toggle select"},{action:"extendSelectDown",keys:["Shift","j"],description:"Extend selection down"},{action:"extendSelectUp",keys:["Shift","k"],description:"Extend selection up"},{action:"extendSelectDown",keys:["Shift","↓"],description:"Extend selection down"},{action:"extendSelectUp",keys:["Shift","↑"],description:"Extend selection up"},{action:"selectAll",keys:["⌘","A"],description:"Select all"}]},{title:"Actions",hints:[{action:"reply",keys:["r"],description:"Reply"},{action:"replyAll",keys:["a"],description:"Reply all"},{action:"forward",keys:["f"],description:"Forward"},{action:"delete",keys:["#"],description:"Delete"},{action:"toggleStar",keys:["s"],description:"Star / unstar"},{action:"toggleRead",keys:["u"],description:"Toggle read / unread"}]},{title:"Sender",hints:[{action:"muteSender",keys:["m"],description:"Mute sender"},{action:"blockSender",keys:["b"],description:"Block sender"},{action:"vipSender",keys:["v"],description:"VIP sender"},{action:"markJunk",keys:["!"],description:"Mark junk"}]},{title:"Go to",hints:[{action:"goBrief",keys:["g","b"],description:"Daily brief"},{action:"goInbox",keys:["g","i"],description:"Inbox"},{action:"goSent",keys:["g","s"],description:"Sent"},{action:"goFlagged",keys:["g","f"],description:"Starred"},{action:"goSettings",keys:["g",","],description:"Settings"}]},{title:"View & global",hints:[{action:"toggleIntelligence",keys:["i"],description:"Toggle intelligence"},{action:"toggleDensity",keys:["d"],description:"Toggle density"},{action:"focusSearch",keys:["/"],description:"Focus search"},{action:"compose",keys:["c"],description:"Compose"},{action:"compose",keys:["⌘","N"],description:"Compose"},{action:"help",keys:["?"],description:"Shortcut help"}]}];function ev(e){for(const t of pu){const s=t.hints.find(n=>n.action===e);if(s)return s.keys}}function Ns(e){const t=ev(e);return!t||t.length===0?"":t.length===1?`(${t[0]})`:t[0]==="g"?`(${t.join(" then ")})`:`(${t.join("")})`}const tv={global:"Search all mail",pending:"Search mail",scoped:"Search this folder"};function sv({accounts:e}){const{searchInput:t,onSearchChange:s,onSearchClear:n,onSearchClearQuery:a}=Re(),o=nu(e),{scope:i,clearScope:l}=hu(e),u=i.kind==="scoped"?[{id:i.chip.id,label:i.chip.label,tone:"scope"}]:void 0,m=tv[i.kind];return r.jsx(Gp,{search:r.jsx(co,{value:t,onChange:s,onClear:n,onClearQuery:a,chips:u,onRemoveChip:l,placeholder:m,size:"lg"}),actions:r.jsxs(r.Fragment,{children:[r.jsx(ce,{variant:"ghost",size:"sm",icon:r.jsx($h,{className:"size-4"}),title:`Compose ${Ns("compose")}`,"aria-label":"Compose",onClick:o}),r.jsx(ou,{}),r.jsx(Vb,{})]})})}const bo=({isOpen:e,onClose:t,children:s,ariaLabel:n="Navigation",side:a="left",widthClassName:o="w-[80vw] max-w-[320px]"})=>{const i=c.useRef(null),l=c.useRef(null);if(c.useEffect(()=>{if(!e)return;l.current=document.activeElement;const m=h=>{h.key==="Escape"&&(h.preventDefault(),t())};document.addEventListener("keydown",m),i.current?.querySelector("button, [href], input, select, textarea, [tabindex]:not([tabindex='-1'])")?.focus();const d=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",m),document.body.style.overflow=d,l.current?.focus()}},[e,t]),!e)return null;const u=a==="left"?"left-0 border-r animate-in slide-in-from-left duration-150":"right-0 border-l animate-in slide-in-from-right duration-150";return r.jsxs("div",{className:"fixed inset-0 z-50 lg:hidden",role:"dialog","aria-modal":"true","aria-label":n,children:[r.jsx("button",{type:"button","aria-label":"Close menu",onClick:t,className:"absolute inset-0 bg-black/40 animate-in fade-in duration-150 cursor-default"}),r.jsxs("div",{ref:i,className:_e("absolute top-0 bottom-0 bg-canvas border-line shadow-xl flex flex-col",o,u),children:[r.jsx("div",{className:"flex items-center justify-end h-12 px-2 border-b border-line shrink-0",children:r.jsx("button",{type:"button",onClick:t,className:"p-2 rounded-md hover:bg-surface-raised transition-colors min-h-11 min-w-11 inline-flex items-center justify-center","aria-label":"Close menu",children:r.jsx(Ct,{className:"size-5"})})}),r.jsx("div",{className:"flex-1 overflow-y-auto",children:s})]})]})},nv=e=>{const t=e.filter(a=>!a.isMultipart&&a.disposition!=="attachment"&&a.mediaType==="TEXT"&&a.contentUrl.length>0),s=t.find(a=>a.mediaSubtype.toUpperCase()==="HTML");if(s)return{kind:"html",contentUrl:s.contentUrl};const n=t.find(a=>a.mediaSubtype.toUpperCase()==="PLAIN");return n?{kind:"text",contentUrl:n.contentUrl}:null},xa={all:["messages"],detail:e=>[...xa.all,"detail",e],body:e=>[...xa.detail(e),"body"]};class as extends Error{reason;status;retryAfterSeconds;constructor(t,s,n,a){super(s),this.name="BodyFetchError",this.reason=t,this.status=n,this.retryAfterSeconds=a}}const rv=e=>{const t=Number.parseInt(e??"",10);return!Number.isFinite(t)||t<=0?1:Math.min(t,30)},av=8,ov="x-remit-403-reason",iv=(e,t)=>{const s=t?.trim()??"";return e===401?"auth":e===403?s.length>0?"auth":"body-missing":e===404?"body-missing":"generic"},lv=(e,t)=>(t??"").toLowerCase().startsWith("text/html")?/<div\s+id=["']root["']/i.test(e):!1,cv=(e,t)=>{const s=(t??"").toLowerCase();return!!(e==="text"&&s.startsWith("text/html"))},uv=async(e,t,s=async()=>null)=>{const n={},a=await s();a&&(n.Authorization=`Bearer ${a}`);const o=await qf(e,{headers:n});if(o.status===202)throw new as("not-ready","Message body is still syncing",202,rv(o.headers.get("Retry-After")));if(!o.ok){const u=o.headers.get(ov),m=iv(o.status,u);throw new as(m,`Failed to load message body (${o.status} ${o.statusText})`,o.status)}const i=o.headers.get("content-type");if(cv(t,i))throw new as("content-type-mismatch",`Refusing to render message body — expected ${t}, got Content-Type ${i}`);const l=await o.text();if(lv(l,i))throw new as("spa-shell-leak","Refusing to render message body — response looks like the SPA shell (CloudFront 403/404 fallback leaked through to /content/*)");return l},dv=async(e,t)=>(t.isRetryAfterNotReady&&await e.refetchDescribeMessage(),e.fetchContent(t.contentUrl,t.kind)),gu=({messageId:e,bodyParts:t,enabled:s=!0})=>{const n=t?nv(t):null,a=pn(),{getToken:o}=_a(),i=c.useRef(null),l=Te(),u=c.useRef(!1),m=c.useRef(null),f=e&&n?`${e}:${n.contentUrl}`:null;m.current!==f&&(m.current=f,u.current=!1);const d=ve({queryKey:e?[...xa.body(e),n?.contentUrl??null]:["messages","body","noop"],queryFn:()=>{if(!n)throw new Error("No renderable body part");if(!e)throw new Error("No messageId");const g=u.current;return u.current=!1,dv({fetchContent:(p,v)=>uv(p,v,o),refetchDescribeMessage:()=>l.refetchQueries({queryKey:zl({path:{messageId:e}})})},{contentUrl:n.contentUrl,kind:n.kind,isRetryAfterNotReady:g})},enabled:s&&!!e&&!!n,staleTime:300*1e3,gcTime:1800*1e3,retry:(g,p)=>p instanceof as&&p.reason==="not-ready"?g<av:g<1,retryDelay:(g,p)=>p instanceof as&&p.reason==="not-ready"?(u.current=!0,(p.retryAfterSeconds??1)*1e3):1e3,meta:{softError:!0}}),h=d.isLoading&&!!n;c.useEffect(()=>{h&&(i.current=performance.now())},[h]),c.useEffect(()=>{d.isSuccess&&i.current!==null&&(a.recordTiming("message.body.load",Math.round(performance.now()-i.current)),i.current=null)},[d.isSuccess,a]);const x=d.data&&n?{kind:n.kind,body:d.data}:void 0;return{picked:n,data:x,isLoading:h,isError:d.isError,error:d.error,refetch:d.refetch}},fv=({outboxMessageId:e,onDraftCreated:t})=>{const[s,n]=c.useState("idle"),[a,o]=c.useState(null),i=c.useRef(void 0),l=Te(),u=Fe(Bl()),m=Fe(Hf()),f=c.useCallback(async g=>{if(n("saving"),o(null),e){const v=await m.mutateAsync({path:{outboxMessageId:e},body:{toAddresses:g.toAddresses,ccAddresses:g.ccAddresses,bccAddresses:g.bccAddresses,subject:g.subject,textBody:g.textBody,htmlBody:g.htmlBody,inReplyTo:g.inReplyTo,references:g.references}});return n("saved"),v}const p=await u.mutateAsync({body:{...g,sendImmediately:!1}});return t(p.outboxMessageId),n("saved"),l.invalidateQueries({queryKey:tr().queryKey}),p},[e,u,m,t,l]),d=c.useCallback(g=>{i.current&&clearTimeout(i.current),i.current=setTimeout(()=>{f(g).catch(p=>{o(p),n("error")})},2e3)},[f]),h=c.useCallback(g=>(i.current&&clearTimeout(i.current),f(g)),[f]),x=c.useCallback(()=>{i.current&&clearTimeout(i.current)},[]);return{saveStatus:s,saveError:a,saveDraft:d,saveImmediately:h,cancelAutoSave:x}},xu=e=>"text"in e&&!("children"in e),bu=e=>e.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,"""),mv=e=>{let t=bu(e.text);return e.bold&&(t=`<strong>${t}</strong>`),e.italic&&(t=`<em>${t}</em>`),t},vu=e=>{const t=e.children.map(s=>xu(s)?mv(s):vu(s)).join("");switch(e.type){case"blockquote":return`<blockquote>${t}</blockquote>`;case"a":{const s=e.url??"";return`<a href="${bu(s)}">${t}</a>`}default:return`<p>${t}</p>`}},Ji=e=>e.map(vu).join(""),yu=e=>xu(e)?e.text:e.children.map(yu).join(""),ba=e=>e.map(yu).join(`
|
|
116
|
+
`),hv=["Tab",","],Zi=e=>/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e.trim()),pv=e=>{const t=e.trim();if(!t)return;const s=t.match(/^(.+?)\s*<([^>]+)>$/);if(s){const n=s[1].trim(),a=s[2].trim();if(Zi(a))return{email:a,displayName:n}}if(Zi(t))return{email:t}},Qr=({label:e,addresses:t,onChange:s,placeholder:n})=>{const[a,o]=c.useState(""),i=c.useRef(null),l=ir(a,200),{data:u}=ve({...sr({query:{q:l,limit:8}}),enabled:l.length>=2}),m=u?.items??[],f=new Set(t.map(y=>y.email.toLowerCase())),d=a.length>=2?m.filter(y=>!f.has(y.normalizedEmail.toLowerCase())):[],h=c.useCallback(y=>{f.has(y.email.toLowerCase())||(s([...t,y]),o(""))},[t,f,s]),x=c.useCallback(y=>{s(t.filter((C,T)=>T!==y))},[t,s]),g=c.useCallback(y=>{h({email:y.normalizedEmail,displayName:y.displayName}),i.current?.focus()},[h]),p=c.useCallback(()=>{const y=pv(a);y&&h(y)},[a,h]),v=Kl({count:d.length,acceptKeys:hv,onAccept:y=>g(d[y])}),b=c.useMemo(()=>d.map(y=>({value:y.normalizedEmail,label:y.displayName??y.normalizedEmail,...y.displayName?{hint:y.normalizedEmail}:{}})),[d]),S=c.useCallback(y=>{if(y.key==="Backspace"&&a===""&&t.length>0){x(t.length-1);return}v.handleKeyDown(y)||(y.key==="Enter"||y.key==="Tab"||y.key===",")&&a.trim()&&(y.preventDefault(),p())},[a,t.length,x,v.handleKeyDown,p]),w=c.useCallback(()=>{setTimeout(()=>{p(),v.dismiss()},150)},[p,v.dismiss]);return r.jsxs("div",{className:"relative",children:[r.jsxs("div",{className:"flex items-start gap-2",children:[r.jsxs("label",{htmlFor:`address-field-${e}`,className:"text-sm text-fg-muted shrink-0 w-12 pt-1.5",children:[e,":"]}),r.jsxs("div",{className:"flex-1 flex flex-wrap items-center gap-1 min-h-[36px] px-2 py-1 border rounded-md bg-canvas cursor-text",onClick:()=>i.current?.focus(),onKeyDown:y=>{(y.key==="Enter"||y.key===" ")&&i.current?.focus()},children:[t.map((y,C)=>r.jsx(Kh,{email:y.email,displayName:y.displayName,onRemove:()=>x(C)},y.email)),r.jsx("input",{ref:i,id:`address-field-${e}`,type:"text",value:a,onChange:y=>{v.reopen(),o(y.target.value)},onKeyDown:S,onBlur:w,placeholder:t.length===0?n:"",className:"flex-1 min-w-[120px] bg-transparent outline-none text-sm py-0.5",autoComplete:"off",...v.comboboxProps})]})]}),v.open&&r.jsx(Ul,{id:v.listId,suggestions:b,activeIndex:v.activeIndex,optionId:v.optionId,onPick:y=>{const C=d.find(T=>T.normalizedEmail===y.value);C&&g(C)},onHighlight:v.setActiveIndex,label:`${e} suggestions`,className:"absolute left-12 right-0 z-50 mt-1 max-h-[200px] shadow-lg"})]})},gv=({accountId:e})=>{const t=We();return r.jsxs("div",{role:"alert","data-testid":"compose-smtp-missing-banner",className:"flex items-start gap-3 border-b border-warning/50 bg-warning/10 px-3 py-2",children:[r.jsx(Oa,{className:"size-5 shrink-0 mt-0.5 text-warning","aria-hidden":"true"}),r.jsxs("div",{className:"flex-1 min-w-0",children:[r.jsx("p",{className:"text-sm font-medium text-warning",children:"This account can't send mail until SMTP is configured."}),r.jsxs("button",{type:"button",onClick:()=>{t({to:"/settings/accounts",search:{editAccountId:e,focusSmtp:!0}})},className:"mt-1 inline-flex items-center gap-1 text-xs font-medium text-warning hover:underline",children:["Configure SMTP",r.jsx(Wf,{className:"size-3","aria-hidden":"true"})]})]})]})},el=150,xv=()=>{const[e,t]=c.useState(()=>{if(typeof window>"u"||!window.visualViewport)return{viewportHeight:0,isKeyboardOpen:!1};const s=window.visualViewport.height;return{viewportHeight:s,isKeyboardOpen:window.innerHeight-s>el}});return c.useEffect(()=>{if(typeof window>"u"||!window.visualViewport)return;const s=window.visualViewport,n=()=>{const a=s.height;t({viewportHeight:a,isKeyboardOpen:window.innerHeight-a>el})};return n(),s.addEventListener("resize",n),()=>s.removeEventListener("resize",n)},[]),e},bv=({selectedAccountId:e,onSelect:t})=>{const{data:s}=ve({...Ot(),staleTime:1/0}),n=s?.accounts??[];if(c.useEffect(()=>{!e&&n.length===1&&n[0]&&t(n[0])},[e,n,t]),n.length<=1){const a=n[0];return a?r.jsxs("div",{className:"flex items-start gap-2",children:[r.jsx("label",{className:"text-sm text-fg-muted shrink-0 w-12 pt-1.5",children:"From:"}),r.jsx("div",{className:"text-sm py-1.5",children:a.email})]}):null}return r.jsxs("div",{className:"flex items-start gap-2",children:[r.jsx("label",{htmlFor:"from-account-selector",className:"text-sm text-fg-muted shrink-0 w-12 pt-1.5",children:"From:"}),r.jsx("select",{id:"from-account-selector",value:e??"",onChange:a=>{const o=n.find(i=>i.accountId===a.target.value);o&&t(o)},className:"flex-1 px-2 py-1.5 border rounded-md bg-canvas text-sm",children:n.map(a=>r.jsx("option",{value:a.accountId,children:a.email},a.accountId))})]})},vv=({value:e,onChange:t})=>r.jsxs("div",{className:"flex items-start gap-2",children:[r.jsx("label",{className:"text-sm text-fg-muted shrink-0 w-12 pt-1.5",children:"Subj:"}),r.jsx("input",{type:"text",value:e,onChange:s=>t(s.target.value),className:"flex-1 px-2 py-1.5 border rounded-md bg-canvas text-sm",placeholder:"Subject","data-subject-field":!0})]}),yv=["p","br","strong","b","em","i","a","blockquote","ul","ol","li"],wv=["href"],Sv=e=>Ol.sanitize(e,{ALLOWED_TAGS:yv,ALLOWED_ATTR:wv}),kv=c.lazy(()=>Qf(()=>import("./ComposeBody-B3Nmzijx.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16])).then(e=>({default:e.ComposeBody}))),jv=()=>r.jsxs("div",{className:"min-h-[120px] px-3 py-2",children:[r.jsx("div",{className:"h-8 mb-2 rounded bg-surface-sunken animate-pulse"}),r.jsx("div",{className:"min-h-[80px] rounded bg-surface-sunken/50 animate-pulse"})]}),wu=[{type:"p",children:[{text:""}]}],Cv=[{type:"p",children:[{text:""}]},{type:"p",children:[{text:"-- "}]}],Nv=e=>e?[...Cv,{type:"p",children:[{text:e}]}]:wu,Ev=e=>e?/^re:\s/i.test(e)?e:`Re: ${e}`:"Re: ",Iv=e=>e?/^fwd?:\s/i.test(e)?e:`Fwd: ${e}`:"Fwd: ",Tv=(e,t,s)=>{const{envelope:n}=e,o=(n.replyTo.length>0?n.replyTo:n.from).map(m=>({email:m.normalizedEmail,displayName:m.displayName}));if(t!=="reply_all")return{to:o,cc:[]};const i=s?.toLowerCase(),l=new Set(o.map(m=>m.email.toLowerCase())),u=[...n.to,...n.cc].filter(m=>m.normalizedEmail.toLowerCase()!==i&&!l.has(m.normalizedEmail.toLowerCase())).map(m=>({email:m.normalizedEmail,displayName:m.displayName}));return{to:o,cc:u}},Rv=e=>{const t=e.envelope.messageIdValue,n=[...e.references.filter(a=>a.referenceType==="references").sort((a,o)=>a.referenceOrder-o.referenceOrder).map(a=>a.messageIdValue)];return t&&!n.includes(t)&&n.push(t),{inReplyTo:t,references:n}},Mv=(e,t,s,n,a)=>e.length===0&&t.length===0&&s.length===0&&n.trim()===""&&ba(a).trim()==="",Av=({selectedAccountId:e,onAccountChange:t,toAddresses:s,setToAddresses:n,ccAddresses:a,setCcAddresses:o,bccAddresses:i,setBccAddresses:l,showCc:u,setShowCc:m,showBcc:f,setShowBcc:d,subject:h,setSubject:x})=>{const g=Xt(),{isKeyboardOpen:p}=xv();if(!g&&p){const b=[];return s.length>0&&b.push(`To: ${s.map(S=>S.displayName??S.email).join(", ")}`),a.length>0&&b.push(`Cc: ${a.length}`),i.length>0&&b.push(`Bcc: ${i.length}`),h&&b.push(h),r.jsxs("div",{className:"flex items-center gap-2 px-3 py-1.5 border-b border-line overflow-hidden","data-testid":"compose-header-collapsed",children:[r.jsx("span",{className:"truncate text-xs text-fg-muted",children:b.length>0?b.join(" · "):"…"}),r.jsx("span",{className:"shrink-0 inline-flex items-center justify-center rounded bg-surface-sunken px-1.5 py-0.5 text-2xs text-fg-muted",children:"…"})]})}return r.jsxs("div",{className:"space-y-1 px-3 py-2 border-b border-line",children:[r.jsx(bv,{selectedAccountId:e,onSelect:t}),r.jsx(Qr,{label:"To",addresses:s,onChange:n,placeholder:"Recipients"}),u?r.jsx(Qr,{label:"Cc",addresses:a,onChange:o}):r.jsxs("div",{className:"flex gap-2 pl-14",children:[r.jsx("button",{type:"button",onClick:()=>m(!0),className:"text-xs text-fg-muted hover:text-fg transition-colors",children:"Cc"}),r.jsx("button",{type:"button",onClick:()=>d(!0),className:"text-xs text-fg-muted hover:text-fg transition-colors",children:"Bcc"})]}),u&&!f&&r.jsx("div",{className:"pl-14",children:r.jsx("button",{type:"button",onClick:()=>d(!0),className:"text-xs text-fg-muted hover:text-fg transition-colors",children:"Bcc"})}),f&&r.jsx(Qr,{label:"Bcc",addresses:i,onChange:l}),r.jsx(vv,{value:h,onChange:x})]})},vo=({mode:e,account:t,sourceMessage:s,onClose:n,onAccountChange:a})=>{const{state:o,setOutboxMessageId:i,startSendPolling:l}=Yt(),{pushError:u}=st(),{outboxMessageId:m}=o,[f,d]=c.useState([]),[h,x]=c.useState([]),[g,p]=c.useState([]),[v,b]=c.useState(""),[S,w]=c.useState(!1),[y,C]=c.useState(!1),[T,O]=c.useState(t?.accountId),[j,R]=c.useState(!1),P=c.useRef(m);c.useEffect(()=>{P.current!==m&&(P.current=m,m&&(d([]),x([]),p([]),b(""),w(!1),C(!1),A(wu),R(!1)))},[m]);const{signature:M}=Lm(T),[F,A]=c.useState(()=>Nv(M.plainText)),{data:k}=ve({...Vf({path:{outboxMessageId:m??""}}),enabled:!!m&&!j});c.useEffect(()=>{!k||j||(d(k.toAddresses.map(q=>({email:q,displayName:void 0}))),k.ccAddresses&&k.ccAddresses.length>0&&(x(k.ccAddresses.map(q=>({email:q,displayName:void 0}))),w(!0)),k.bccAddresses&&k.bccAddresses.length>0&&(p(k.bccAddresses.map(q=>({email:q,displayName:void 0}))),C(!0)),k.subject&&b(k.subject),k.textBody&&A([{type:"p",children:[{text:k.textBody}]}]),O(k.accountId),R(!0))},[k,j]),c.useEffect(()=>{if(s){if(e==="reply"||e==="reply_all"){const{to:q,cc:$}=Tv(s,e,t?.email);d(q),x($),$.length>0&&w(!0),b(Ev(s.envelope.subject))}e==="forward"&&b(Iv(s.envelope.subject))}},[e,s,t?.email]);const E=e==="reply"||e==="reply_all"||e==="forward",{data:D}=gu({messageId:s?.message.messageId,bodyParts:s?.bodyParts,enabled:E&&!!s}),I=D?.kind==="text"?D.body:"",L=D?.kind==="html"?Sv(D.body):void 0,N=s?.envelope.from[0]?.displayName??s?.envelope.from[0]?.normalizedEmail,{saveStatus:K,saveError:re,saveDraft:ae,cancelAutoSave:oe}=fv({outboxMessageId:m,onDraftCreated:i});c.useEffect(()=>{re&&u({title:"Couldn't save draft",detail:mt(re)??"Saving the draft failed.",error:re})},[re,u]);const ee=Fe(Bl()),te=Fe(ql()),me=Fe({...nr(),onError:q=>{u(is("Couldn't discard draft","The draft wasn't discarded.",q))}}),{data:de}=ve({...Ot(),staleTime:1/0}),se=de?.accounts.find(q=>q.accountId===T),H=se?Dm(se):!1,pe=ee.isPending||te.isPending,J=f.length>0&&!!T&&!H;c.useEffect(()=>{if(!T||m&&!j||Mv(f,h,g,v,F))return;const q=ba(F),$=Ji(F);ae({accountId:T,toAddresses:f.map(U=>U.email),ccAddresses:h.length>0?h.map(U=>U.email):void 0,bccAddresses:g.length>0?g.map(U=>U.email):void 0,subject:v||void 0,textBody:q||void 0,htmlBody:$||void 0})},[T,m,j,f,h,g,v,F,ae]);const xe=c.useCallback(async()=>{if(!T||f.length===0)return;oe();const q=s&&(e==="reply"||e==="reply_all")?Rv(s):{};let $=m,U=!1;if(!$){const he=ba(F),Me=Ji(F),ze=await ee.mutateAsync({body:{accountId:T,toAddresses:f.map(we=>we.email),ccAddresses:h.length>0?h.map(we=>we.email):void 0,bccAddresses:g.length>0?g.map(we=>we.email):void 0,subject:v||void 0,textBody:he||void 0,htmlBody:Me||void 0,sendImmediately:!0,...q}}).catch(we=>(u({title:"Couldn't send message",detail:mt(we)??"Saving the draft failed.",error:we}),null));if(ze===null)return;$=ze.outboxMessageId,U=!0,i($)}await te.mutateAsync({path:{outboxMessageId:$}}).catch(he=>(u({title:"Couldn't send message",detail:mt(he)??(U?"The draft was saved but the send request failed. Try again from the Outbox.":"The send request failed. Try again."),error:he}),null))!==null&&(l($),n())},[T,f,h,g,v,F,e,s,m,ee,te,oe,l,i,u,n]),be=c.useCallback(()=>{oe(),m&&me.mutate({path:{outboxMessageId:m}}),n()},[oe,m,me,n]),G=c.useCallback(q=>{O(q.accountId),a?.(q)},[a]);return r.jsx(tg,{banner:se&&H?r.jsx(gv,{accountId:se.accountId}):void 0,header:r.jsx(Av,{selectedAccountId:T,onAccountChange:G,toAddresses:f,setToAddresses:d,ccAddresses:h,setCcAddresses:x,bccAddresses:g,setBccAddresses:p,showCc:S,setShowCc:w,showBcc:y,setShowBcc:C,subject:v,setSubject:b}),quoted:I||L?r.jsx(yg,{text:I,html:L,senderName:N}):void 0,actionBar:r.jsx(eg,{onSend:xe,onDiscard:be,sending:pe,canSend:J,saveStatus:K,unavailableReason:H?"SMTP not configured":void 0,onUnavailable:q=>u({title:"Can't send yet",detail:q})}),children:r.jsx(c.Suspense,{fallback:r.jsx(jv,{}),children:r.jsx(kv,{value:F,onChange:A,onSubmit:xe,autoFocus:e==="new"})})})},tl=({mode:e,account:t,sourceMessage:s,onClose:n})=>r.jsx("div",{className:"border-t border-line bg-canvas max-h-[400px] flex flex-col",children:r.jsx(vo,{mode:e,account:t,sourceMessage:s,onClose:n})}),Su=({message:e,icon:t})=>r.jsxs("div",{className:"flex flex-col items-center justify-center p-8 text-center",children:[t&&r.jsx("div",{className:"mb-4 text-fg-muted",children:t}),r.jsx("p",{className:"text-fg-muted",children:e})]}),yo=({enabled:e=!0,bindings:t,capture:s=!1})=>{const n=c.useCallback(a=>{const o=a.target;if(!(o.tagName==="INPUT"||o.tagName==="TEXTAREA"||o.isContentEditable))for(const i of t){if(!(a.key.toLowerCase()===i.key.toLowerCase())||i.requireShift!==void 0&&i.requireShift!==a.shiftKey)continue;const u=a.ctrlKey||a.metaKey;if(i.requireMeta!==void 0){if(i.requireMeta!==u)continue}else{const m=i.noModifiers??!0,f=u||a.altKey||i.requireShift===void 0&&a.shiftKey;if(m&&f)continue}i.preventDefault&&a.preventDefault(),i.stopPropagation&&(a.stopPropagation(),a.stopImmediatePropagation()),i.handler(a);return}},[t]);c.useEffect(()=>{if(e)return window.addEventListener("keydown",n,s),()=>window.removeEventListener("keydown",n,s)},[e,n,s])},wo=e=>{const{data:t,isLoading:s}=ve({...Ot(),staleTime:1/0}),n=c.useMemo(()=>(t?.accounts??[]).map(l=>l.accountId),[t?.accounts]),a=pt({queries:n.map(l=>({...ot({path:{accountId:l}}),staleTime:1/0,enabled:!!e}))}),o=s||a.some(l=>l.isLoading);return{accountId:c.useMemo(()=>{if(e){for(let l=0;l<n.length;l++)if((a[l].data?.items??[]).some(f=>f.mailboxId===e))return n[l]}},[e,n,a]),isLoading:o}},Ov=100,Wn=async e=>e.then(t=>({ok:!0,value:t}),t=>({ok:!1,error:t})),Dv=(e,t=Ov)=>{if(e.length===0)return[];const s=[];for(let n=0;n<e.length;n+=t)s.push(e.slice(n,n+t));return s},ku=async(e,t,s,n)=>{const a=Dv(e),o=e.length;let i=0;const l=[];for(let u=0;u<a.length;u++){if(n())return l.push(...a.slice(u).flat()),{done:i,failedIds:l,cancelled:!0};const m=a[u],f=await Wn(t(m));if(!f.ok)return l.push(...a.slice(u).flat()),s({done:i,total:o}),{done:i,failedIds:l,cancelled:!1,error:f.error};i+=m.length,s({done:i,total:o})}return{done:i,failedIds:l,cancelled:!1}},vr=async(e,t)=>{await ku(e,async s=>(await t(s),{successCount:s.length,failureCount:0}),()=>{},()=>!1)},Pv=async(e,t,s,n,a)=>{let o=0;const i=[];let l;do{if(a())return{done:o,failedIds:i,cancelled:!0};const u=await Wn(e(l));if(!u.ok)return{done:o,failedIds:i,cancelled:!1,error:u.error};const m=u.value;if(m.ids.length>0){const f=await Wn(s(m.ids));if(!f.ok)return{done:o,failedIds:i,cancelled:!1,error:f.error};o+=m.ids.length,n({done:o,total:t})}l=m.continuationToken}while(l);return{done:o,failedIds:i,cancelled:!1}},Lv=e=>({done:e.done,total:Math.max(e.total,e.done)}),Fv=async(e,t,s)=>{let n=0,a;do{if(s())return{total:n,cancelled:!0};const o=await Wn(e(a));if(!o.ok)return{total:n,cancelled:!1,error:o.error};const i=o.value;n+=i.ids.length,t(n),a=i.continuationToken}while(a);return{total:n,cancelled:!1}},ju=e=>typeof e=="object"&&e!==null&&Array.isArray(e.pages),Cu=e=>typeof e=="object"&&e!==null&&Array.isArray(e.items),Nu=(e,t)=>e===void 0?e:ju(e)?{...e,pages:e.pages.map(s=>({...s,items:t(s.items)}))}:Cu(e)?{...e,items:t(e.items)}:e,Pt=e=>{const t=[];for(const s of new Set(e))t.push(rr({path:{mailboxId:s}})),t.push(qa({path:{mailboxId:s}}));return t.push(Ha()),t},bn=(e,t)=>Promise.all(t.map(s=>e.cancelQueries({queryKey:s}))),vn=(e,t)=>t.flatMap(s=>e.getQueriesData({queryKey:s})).filter(s=>s[1]!==void 0).map(([s,n])=>({queryKey:s,data:n})),yn=(e,t,s)=>{const n=a=>Nu(a,s);for(const a of t)e.setQueriesData({queryKey:a},n)},wn=(e,t)=>{for(const s of t)e.setQueryData(s.queryKey,s.data)},Lt=(e,t)=>{for(const s of t)e.invalidateQueries({queryKey:s})},$v=3e3,_v=(e,t,s)=>{if(e.length===0)return()=>{};const n=setTimeout(()=>s(e),t);return()=>clearTimeout(n)},yr=(e,t,s)=>{const n=new Map(t.map(o=>[o.messageId,o.mailboxId])),a=new Set;for(const o of e)a.add(n.get(o)??s);return[...a]},Vn=(e,t,s)=>e.map(n=>t.has(n.messageId)?{...n,isRead:s}:n),zv=(e,t,s,n)=>e.filter(a=>!a.isRead&&t.has(a.threadMessageId)&&!s.has(a.messageId)&&!n.has(a.messageId)).map(a=>a.messageId),Bv=({messages:e,expandedIds:t,threadId:s,mailboxId:n,accountId:a})=>{const o=Te(),{pushError:i}=st(),l=c.useRef(new Set),u=c.useRef(new Set),{mutate:m}=Fe({...ar(),onMutate:async h=>{const x=new Set(h.body.messageIds??[]),g=h.body.isRead??!0,p=ms({path:{threadId:s}}),v=Pt(yr(x,e,n));await Promise.all([o.cancelQueries({queryKey:p}),bn(o,v)]);const b=o.getQueriesData({queryKey:p}).filter(w=>w[1]!==void 0).map(([w,y])=>({queryKey:w,data:y})),S=vn(o,v);return o.setQueriesData({queryKey:p},w=>w&&{...w,items:Vn(w.items,x,g)}),yn(o,v,w=>Vn(w,x,g)),{threadMessagesPrefix:p,listPrefixes:v,previousThreadMessages:b,previousThreadsList:S}},onSuccess:(h,x)=>{const g=x.body.messageIds??[];for(const p of g)l.current.add(p),u.current.delete(p)},onError:(h,x,g)=>{const p=x.body.messageIds??[];for(const b of p)u.current.delete(b);if(g){for(const b of g.previousThreadMessages)o.setQueryData(b.queryKey,b.data);wn(o,g.previousThreadsList)}const v=x.body.isRead??!0;i({title:v?"Couldn't mark as read":"Couldn't mark as unread",detail:mt(h),error:h})},onSettled:(h,x,g,p)=>{p&&(o.invalidateQueries({queryKey:p.threadMessagesPrefix}),Lt(o,p.listPrefixes),a&&o.invalidateQueries({queryKey:fs({path:{accountId:a}})}))}}),f=c.useCallback(h=>{const x=h.filter(g=>!l.current.has(g)&&!u.current.has(g));if(x.length!==0){for(const g of x)u.current.add(g);m({body:{messageIds:x,isRead:!0}})}},[m]),d=c.useMemo(()=>zv(e,t,l.current,u.current),[e,t]);c.useEffect(()=>_v(d,$v,f),[d,f]),c.useEffect(()=>{l.current.clear(),u.current.clear()},[s])},wr=e=>{const{mailboxId:t,accountId:s,messages:n}=e,a=Te(),{pushError:o}=st(),{mutateAsync:i,isPending:l}=Fe({...ar(),onError:(m,f)=>{const d=f.body.isRead??!0;o({title:d?"Couldn't mark as read":"Couldn't mark as unread",detail:mt(m),error:m})},onSettled:(m,f,d)=>{Lt(a,Pt(yr(d.body.messageIds??[],n??[],t))),s&&a.invalidateQueries({queryKey:fs({path:{accountId:s}})})}});return{toggleReadFor:c.useCallback((m,f)=>{m.length!==0&&vr(m,d=>i({body:{messageIds:d,isRead:f}}))},[i]),isPending:l}},Kv=60,Uv=1.5,qv=(e,t,s)=>{const n=Math.abs(e),a=Math.abs(t);return n<s?{direction:null}:n<a*Uv?{direction:null}:{direction:e<0?"left":"right"}},Hv=({onSwipeLeft:e,onSwipeRight:t,thresholdPx:s=Kv})=>{const n=c.useRef(null),a=c.useCallback(u=>{if(u.pointerType==="mouse"){n.current=null;return}n.current={x:u.clientX,y:u.clientY}},[]),o=c.useCallback(()=>{},[]),i=c.useCallback(u=>{const m=n.current;if(n.current=null,!m)return;const{direction:f}=qv(u.clientX-m.x,u.clientY-m.y,s);f==="left"&&e?.(),f==="right"&&t?.()},[e,t,s]),l=c.useCallback(()=>{n.current=null},[]);return{handlers:{onPointerDown:a,onPointerMove:o,onPointerUp:i,onPointerCancel:l}}},Wv=(e,t,s)=>t?.find(n=>n.messageId===e)?.mailboxId??s,sl=(e,t,s)=>e.map(n=>n.messageId===t?{...n,hasStars:s}:n),So=({threadId:e,mailboxId:t,messages:s})=>{const n=Te(),{pushError:a}=st(),{mutate:o,isPending:i,variables:l}=Fe({...Gf(),onMutate:async m=>{const f=m.path.messageId,d=m.body.isStarred??!1,h=ms({path:{threadId:e}}),x=Pt([Wv(f,s,t)]);await Promise.all([n.cancelQueries({queryKey:h}),bn(n,x)]);const g=n.getQueriesData({queryKey:h}).filter(v=>v[1]!==void 0).map(([v,b])=>({queryKey:v,data:b})),p=vn(n,x);return n.setQueriesData({queryKey:h},v=>Nu(v,b=>sl(b,f,d))),yn(n,x,v=>sl(v,f,d)),{threadMessagesPrefix:h,listPrefixes:x,previousThreadMessages:g,previousThreadsList:p}},onError:(m,f,d)=>{if(d){for(const x of d.previousThreadMessages)n.setQueryData(x.queryKey,x.data);wn(n,d.previousThreadsList)}const h=f.body.isStarred??!1;a({title:h?"Couldn't star message":"Couldn't unstar message",detail:mt(m),error:m})},onSettled:(m,f,d,h)=>{h&&(n.invalidateQueries({queryKey:h.threadMessagesPrefix}),Lt(n,h.listPrefixes))}});return{toggleStar:(m,f)=>{o({path:{messageId:m},body:{isStarred:!f}})},isPending:i,pendingMessageId:i?l?.path.messageId:void 0}};function Sr(e){return e===void 0?"uncategorized":e}const Vv={inbox:"Inbox",junk:"Junk"},ko=e=>e.destinationMailboxId!==void 0,Qv=(e,t)=>{if(ko(e))return`Moved from ${t??"another folder"} by Remit`;const s=e.fromPlacement??"";return`Moved from ${Vv[s]??"another folder"} by Remit`},Gv=(e,t)=>{if(e===Yo.MoveToInbox)return t.inboxMailboxId;if(e===Yo.MoveToJunk)return t.junkMailboxId},Yv=(e,t,s)=>{if(!e||!t)return!1;const n=ko(e)?e.destinationMailboxId:Gv(e.action,s);return n!==void 0&&n===t},Xv=(e,t)=>{if(e){if(ko(e))return e.fromMailboxId;if(e.fromPlacement==="inbox")return t.inboxMailboxId;if(e.fromPlacement==="junk")return t.junkMailboxId}},kr=(e,t)=>{const{data:s,isLoading:n}=ve({...Ot(),staleTime:1/0,enabled:!!e});return{mailboxId:c.useMemo(()=>e?s?.accounts.find(i=>i.accountId===e)?.folderAppointments.find(i=>i.role===t)?.mailboxId:void 0,[s,e,t]),isLoading:n}},Jv=e=>{const{mailboxId:t,isLoading:s}=kr(e,"Archive");return{archiveMailboxId:t,isLoading:s}},Zv=e=>{const{mailboxId:t,isLoading:s}=kr(e,"Drafts");return{draftsMailboxId:t,isLoading:s}},jo=e=>{const{mailboxId:t,isLoading:s}=kr(e,"Inbox");return{inboxMailboxId:t,isLoading:s}},Ks=e=>{const{mailboxId:t,isLoading:s}=kr(e,"Junk");return{junkMailboxId:t,isLoading:s}},Co=e=>{const{data:t}=ve({...Ot(),staleTime:1/0,enabled:!!e});return c.useMemo(()=>t?.accounts.find(s=>s.accountId===e)?.folderAppointments??[],[t,e])},nl=(e,t)=>e.filter(s=>!t.has(s.messageId)),cs=({mailboxId:e,threadId:t,accountId:s,onAfterOptimisticRemove:n})=>{const a=Te(),{pushError:o}=st(),{mutateAsync:i,isPending:l}=Fe({...Yf(),onMutate:async m=>{const f=new Set(m.body.messageIds??[]),d=t?ms({path:{threadId:t}}):[],h=Pt([e,m.body.destinationMailboxId]);await Promise.all([...t?[a.cancelQueries({queryKey:d})]:[],bn(a,h)]);const x=t?a.getQueriesData({queryKey:d}).filter(p=>p[1]!==void 0).map(([p,v])=>({queryKey:p,data:v})):[],g=vn(a,h);return t&&a.setQueriesData({queryKey:d},p=>p&&{...p,items:nl(p.items,f)}),yn(a,h,p=>nl(p,f)),n?.(Array.from(f)),{threadMessagesPrefix:d,listPrefixes:h,previousThreadMessages:x,previousThreadsList:g}},onError:(m,f,d)=>{if(d){for(const x of d.previousThreadMessages)a.setQueryData(x.queryKey,x.data);wn(a,d.previousThreadsList)}const h=f.body.messageIds?.length??0;o({title:h>1?`Couldn't move ${h} messages`:"Couldn't move this message",detail:mt(m),error:m})},onSettled:(m,f,d,h)=>{h&&(t&&a.invalidateQueries({queryKey:h.threadMessagesPrefix}),Lt(a,h.listPrefixes),s&&a.invalidateQueries({queryKey:fs({path:{accountId:s}})}))}});return{moveMessages:c.useCallback((m,f)=>{m.length!==0&&vr(m,d=>i({body:{messageIds:d,destinationMailboxId:f}}))},[i]),isPending:l}},ey=({accountId:e,messageId:t,threadId:s,mailboxId:n,autoMoved:a})=>{const{inboxMailboxId:o}=jo(e),{junkMailboxId:i}=Ks(e),{moveMessages:l,isPending:u}=cs({mailboxId:n,threadId:s,accountId:e}),{data:m}=ve({...ot({path:{accountId:e??""}}),staleTime:1/0,enabled:!!e&&a?.fromMailboxId!==void 0}),f={inboxMailboxId:o,junkMailboxId:i},d=Yv(a,n,f),h=Xv(a,f),x=c.useCallback(()=>{h&&l([t],h)},[l,t,h]);if(!d||!a)return{show:!1,label:"",isUndoing:!1};const g=a.fromMailboxId?m?.items.filter(p=>p.mailboxId===a.fromMailboxId).map(p=>oa(p.fullPath))[0]:void 0;return{show:!0,label:Qv(a,g),onUndo:h?x:void 0,isUndoing:u,...a.filterId?{filtersHref:"/settings/filters"}:{}}};function ty({accountId:e,messageId:t,threadId:s,mailboxId:n,autoMoved:a}){const o=ey({accountId:e,messageId:t,threadId:s,mailboxId:n,autoMoved:a});return o.show?r.jsx(Yp,{label:o.label,onUndo:o.onUndo,undoLabel:o.isUndoing?"Undoing…":"Undo",filtersHref:o.filtersHref}):null}const rl=(e,t)=>e.filter(s=>!t.has(s.messageId)),sy=e=>e.filter(t=>t.isDeleted!==!0),us=({mailboxId:e,threadId:t,accountId:s,messages:n,onAfterOptimisticRemove:a})=>{const o=Te(),{pushError:i}=st(),{mutateAsync:l,isPending:u}=Fe({...Xf(),onMutate:async f=>{const d=new Set(f.body.messageIds??[]),h=t?ms({path:{threadId:t}}):[],x=Pt(yr(d,n??[],e));await Promise.all([o.cancelQueries({queryKey:h}),bn(o,x)]);const g=t?o.getQueriesData({queryKey:h}).filter(v=>v[1]!==void 0).map(([v,b])=>({queryKey:v,data:b})):[],p=vn(o,x);return t&&o.setQueriesData({queryKey:h},v=>v&&{...v,items:rl(v.items,d)}),yn(o,x,v=>rl(v,d)),a?.(Array.from(d)),{threadMessagesPrefix:h,listPrefixes:x,previousThreadMessages:g,previousThreadsList:p}},onError:(f,d,h)=>{if(h){for(const g of h.previousThreadMessages)o.setQueryData(g.queryKey,g.data);wn(o,h.previousThreadsList)}const x=d.body.messageIds?.length??0;i({title:x>1?`Couldn't delete ${x} messages`:"Couldn't delete this message",detail:mt(f),error:f})},onSettled:(f,d,h,x)=>{x&&(t&&o.invalidateQueries({queryKey:x.threadMessagesPrefix}),Lt(o,x.listPrefixes),s&&o.invalidateQueries({queryKey:fs({path:{accountId:s}})}))}});return{deleteMessages:c.useCallback(f=>{f.length!==0&&vr(f,d=>l({body:{messageIds:d}}))},[l]),isPending:u}},Eu=(e,t=Date.now())=>({value:e,setAt:t}),ny=(e,t,s,n)=>{if(e.addressId!==t)return e;const a={...e.flags??{}};return s?a.trusted=Eu(!0,n):delete a.trusted,{...e,flags:a}},ry=(e,t,s,n)=>{const a=o=>o.map(i=>ny(i,t,s,n));return{...e,envelope:{...e.envelope,from:a(e.envelope.from),to:a(e.envelope.to),cc:a(e.envelope.cc),bcc:a(e.envelope.bcc),replyTo:a(e.envelope.replyTo)}}},No=({messageId:e})=>{const t=Te(),{pushError:s}=st(),{mutate:n,isPending:a,error:o,reset:i}=Fe({...Hl(),onMutate:async u=>{const m=u.path.addressId,d=u.body.flags?.trusted?.value===!0,h=zl({path:{messageId:e}});await t.cancelQueries({queryKey:h});const x=t.getQueriesData({queryKey:h}).filter(g=>g[1]!==void 0).map(([g,p])=>({queryKey:g,data:p}));return t.setQueriesData({queryKey:h},g=>g&&ry(g,m,d)),{describePrefix:h,previous:x}},onError:(u,m,f)=>{if(f)for(const d of f.previous)t.setQueryData(d.queryKey,d.data);s(is("Couldn't trust sender","The change wasn't saved.",u))},onSettled:(u,m,f,d)=>{d&&t.invalidateQueries({queryKey:d.describePrefix})}});return{toggleTrusted:(u,m)=>{n({path:{addressId:u},body:{flags:{trusted:Eu(!m)}}})},isPending:a,error:o,reset:i}};var jr="Dialog",[Iu]=dx(jr),[ay,gt]=Iu(jr),Tu=e=>{const{__scopeDialog:t,children:s,open:n,defaultOpen:a,onOpenChange:o,modal:i=!0}=e,l=c.useRef(null),u=c.useRef(null),[m,f]=hx({prop:n,defaultProp:a??!1,onChange:o,caller:jr});return r.jsx(ay,{scope:t,triggerRef:l,contentRef:u,contentId:Ur(),titleId:Ur(),descriptionId:Ur(),open:m,onOpenChange:f,onOpenToggle:c.useCallback(()=>f(d=>!d),[f]),modal:i,children:s})};Tu.displayName=jr;var Ru="DialogTrigger",oy=c.forwardRef((e,t)=>{const{__scopeDialog:s,...n}=e,a=gt(Ru,s),o=hs(t,a.triggerRef);return r.jsx(Dt.button,{type:"button","aria-haspopup":"dialog","aria-expanded":a.open,"aria-controls":a.open?a.contentId:void 0,"data-state":Io(a.open),...n,ref:o,onClick:Wt(e.onClick,a.onOpenToggle)})});oy.displayName=Ru;var Eo="DialogPortal",[iy,Mu]=Iu(Eo,{forceMount:void 0}),Au=e=>{const{__scopeDialog:t,forceMount:s,children:n,container:a}=e,o=gt(Eo,t);return r.jsx(iy,{scope:t,forceMount:s,children:c.Children.map(n,i=>r.jsx(pr,{present:s||o.open,children:r.jsx(Wc,{asChild:!0,container:a,children:i})}))})};Au.displayName=Eo;var Qn="DialogOverlay",Ou=c.forwardRef((e,t)=>{const s=Mu(Qn,e.__scopeDialog),{forceMount:n=s.forceMount,...a}=e,o=gt(Qn,e.__scopeDialog);return o.modal?r.jsx(pr,{present:n||o.open,children:r.jsx(cy,{...a,ref:t})}):null});Ou.displayName=Qn;var ly=ho("DialogOverlay.RemoveScroll"),cy=c.forwardRef((e,t)=>{const{__scopeDialog:s,...n}=e,a=gt(Qn,s),o=Ox(),i=hs(t,o);return r.jsx(eu,{as:ly,allowPinchZoom:!0,shards:[a.contentRef],children:r.jsx(Dt.div,{"data-state":Io(a.open),...n,ref:i,style:{pointerEvents:"auto",...n.style}})})}),Ps="DialogContent",Du=c.forwardRef((e,t)=>{const s=Mu(Ps,e.__scopeDialog),{forceMount:n=s.forceMount,...a}=e,o=gt(Ps,e.__scopeDialog);return r.jsx(pr,{present:n||o.open,children:o.modal?r.jsx(uy,{...a,ref:t}):r.jsx(dy,{...a,ref:t})})});Du.displayName=Ps;var uy=c.forwardRef((e,t)=>{const s=gt(Ps,e.__scopeDialog),n=c.useRef(null),a=hs(t,s.contentRef,n);return c.useEffect(()=>{const o=n.current;if(o)return tb(o)},[]),r.jsx(Pu,{...e,ref:a,trapFocus:s.open,disableOutsidePointerEvents:s.open,onCloseAutoFocus:Wt(e.onCloseAutoFocus,o=>{o.preventDefault(),s.triggerRef.current?.focus()}),onPointerDownOutside:Wt(e.onPointerDownOutside,o=>{const i=o.detail.originalEvent,l=i.button===0&&i.ctrlKey===!0;(i.button===2||l)&&o.preventDefault()}),onFocusOutside:Wt(e.onFocusOutside,o=>o.preventDefault())})}),dy=c.forwardRef((e,t)=>{const s=gt(Ps,e.__scopeDialog),n=c.useRef(!1),a=c.useRef(!1);return r.jsx(Pu,{...e,ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:o=>{e.onCloseAutoFocus?.(o),o.defaultPrevented||(n.current||s.triggerRef.current?.focus(),o.preventDefault()),n.current=!1,a.current=!1},onInteractOutside:o=>{e.onInteractOutside?.(o),o.defaultPrevented||(n.current=!0,o.detail.originalEvent.type==="pointerdown"&&(a.current=!0));const i=o.target;s.triggerRef.current?.contains(i)&&o.preventDefault(),o.detail.originalEvent.type==="focusin"&&a.current&&o.preventDefault()}})}),Pu=c.forwardRef((e,t)=>{const{__scopeDialog:s,trapFocus:n,onOpenAutoFocus:a,onCloseAutoFocus:o,...i}=e,l=gt(Ps,s);return Fx(),r.jsx(r.Fragment,{children:r.jsx(qc,{asChild:!0,loop:!0,trapped:n,onMountAutoFocus:a,onUnmountAutoFocus:o,children:r.jsx(Kc,{role:"dialog",id:l.contentId,"aria-describedby":l.descriptionId,"aria-labelledby":l.titleId,"data-state":Io(l.open),...i,ref:t,deferPointerDownOutside:!0,onDismiss:()=>l.onOpenChange(!1)})})})}),Lu="DialogTitle",Fu=c.forwardRef((e,t)=>{const{__scopeDialog:s,...n}=e,a=gt(Lu,s);return r.jsx(Dt.h2,{id:a.titleId,...n,ref:t})});Fu.displayName=Lu;var $u="DialogDescription",fy=c.forwardRef((e,t)=>{const{__scopeDialog:s,...n}=e,a=gt($u,s);return r.jsx(Dt.p,{id:a.descriptionId,...n,ref:t})});fy.displayName=$u;var _u="DialogClose",my=c.forwardRef((e,t)=>{const{__scopeDialog:s,...n}=e,a=gt(_u,s);return r.jsx(Dt.button,{type:"button",...n,ref:t,onClick:Wt(e.onClick,()=>a.onOpenChange(!1))})});my.displayName=_u;function Io(e){return e?"open":"closed"}function hy(e){if(typeof document>"u")return;let t=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css",t.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}const zu=B.createContext({drawerRef:{current:null},overlayRef:{current:null},onPress:()=>{},onRelease:()=>{},onDrag:()=>{},onNestedDrag:()=>{},onNestedOpenChange:()=>{},onNestedRelease:()=>{},openProp:void 0,dismissible:!1,isOpen:!1,isDragging:!1,keyboardIsOpen:{current:!1},snapPointsOffset:null,snapPoints:null,handleOnly:!1,modal:!1,shouldFade:!1,activeSnapPoint:null,onOpenChange:()=>{},setActiveSnapPoint:()=>{},closeDrawer:()=>{},direction:"bottom",shouldAnimate:{current:!0},shouldScaleBackground:!1,setBackgroundColorOnScale:!0,noBodyStyles:!1,container:null,autoFocus:!1}),Sn=()=>{const e=B.useContext(zu);if(!e)throw new Error("useDrawerContext must be used within a Drawer.Root");return e};hy(`[data-vaul-drawer]{touch-action:none;will-change:transform;transition:transform .5s cubic-bezier(.32, .72, 0, 1);animation-duration:.5s;animation-timing-function:cubic-bezier(0.32,0.72,0,1)}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=open]{animation-name:slideFromBottom}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=closed]{animation-name:slideToBottom}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=open]{animation-name:slideFromTop}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=closed]{animation-name:slideToTop}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=open]{animation-name:slideFromLeft}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=closed]{animation-name:slideToLeft}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=open]{animation-name:slideFromRight}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=closed]{animation-name:slideToRight}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=bottom]{transform:translate3d(0,var(--initial-transform,100%),0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=top]{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=left]{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=right]{transform:translate3d(var(--initial-transform,100%),0,0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=top]{transform:translate3d(0,var(--snap-point-height,0),0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=bottom]{transform:translate3d(0,var(--snap-point-height,0),0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=left]{transform:translate3d(var(--snap-point-height,0),0,0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=right]{transform:translate3d(var(--snap-point-height,0),0,0)}[data-vaul-overlay][data-vaul-snap-points=false]{animation-duration:.5s;animation-timing-function:cubic-bezier(0.32,0.72,0,1)}[data-vaul-overlay][data-vaul-snap-points=false][data-state=open]{animation-name:fadeIn}[data-vaul-overlay][data-state=closed]{animation-name:fadeOut}[data-vaul-animate=false]{animation:none!important}[data-vaul-overlay][data-vaul-snap-points=true]{opacity:0;transition:opacity .5s cubic-bezier(.32, .72, 0, 1)}[data-vaul-overlay][data-vaul-snap-points=true]{opacity:1}[data-vaul-drawer]:not([data-vaul-custom-container=true])::after{content:'';position:absolute;background:inherit;background-color:inherit}[data-vaul-drawer][data-vaul-drawer-direction=top]::after{top:initial;bottom:100%;left:0;right:0;height:200%}[data-vaul-drawer][data-vaul-drawer-direction=bottom]::after{top:100%;bottom:initial;left:0;right:0;height:200%}[data-vaul-drawer][data-vaul-drawer-direction=left]::after{left:initial;right:100%;top:0;bottom:0;width:200%}[data-vaul-drawer][data-vaul-drawer-direction=right]::after{left:100%;right:initial;top:0;bottom:0;width:200%}[data-vaul-overlay][data-vaul-snap-points=true]:not([data-vaul-snap-points-overlay=true]):not(
|
|
117
|
+
[data-state=closed]
|
|
118
|
+
){opacity:0}[data-vaul-overlay][data-vaul-snap-points-overlay=true]{opacity:1}[data-vaul-handle]{display:block;position:relative;opacity:.7;background:#e2e2e4;margin-left:auto;margin-right:auto;height:5px;width:32px;border-radius:1rem;touch-action:pan-y}[data-vaul-handle]:active,[data-vaul-handle]:hover{opacity:1}[data-vaul-handle-hitarea]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(100%,2.75rem);height:max(100%,2.75rem);touch-action:inherit}@media (hover:hover) and (pointer:fine){[data-vaul-drawer]{user-select:none}}@media (pointer:fine){[data-vaul-handle-hitarea]:{width:100%;height:100%}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{to{opacity:0}}@keyframes slideFromBottom{from{transform:translate3d(0,var(--initial-transform,100%),0)}to{transform:translate3d(0,0,0)}}@keyframes slideToBottom{to{transform:translate3d(0,var(--initial-transform,100%),0)}}@keyframes slideFromTop{from{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}to{transform:translate3d(0,0,0)}}@keyframes slideToTop{to{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}}@keyframes slideFromLeft{from{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}to{transform:translate3d(0,0,0)}}@keyframes slideToLeft{to{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}}@keyframes slideFromRight{from{transform:translate3d(var(--initial-transform,100%),0,0)}to{transform:translate3d(0,0,0)}}@keyframes slideToRight{to{transform:translate3d(var(--initial-transform,100%),0,0)}}`);function py(){const e=navigator.userAgent;return typeof window<"u"&&(/Firefox/.test(e)&&/Mobile/.test(e)||/FxiOS/.test(e))}function gy(){return To(/^Mac/)}function xy(){return To(/^iPhone/)}function al(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}function by(){return To(/^iPad/)||gy()&&navigator.maxTouchPoints>1}function Bu(){return xy()||by()}function To(e){return typeof window<"u"&&window.navigator!=null?e.test(window.navigator.platform):void 0}const vy=24,yy=typeof window<"u"?c.useLayoutEffect:c.useEffect;function ol(...e){return(...t)=>{for(let s of e)typeof s=="function"&&s(...t)}}const Gr=typeof document<"u"&&window.visualViewport;function il(e){let t=window.getComputedStyle(e);return/(auto|scroll)/.test(t.overflow+t.overflowX+t.overflowY)}function Ku(e){for(il(e)&&(e=e.parentElement);e&&!il(e);)e=e.parentElement;return e||document.scrollingElement||document.documentElement}const wy=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);let An=0,Yr;function Sy(e={}){let{isDisabled:t}=e;yy(()=>{if(!t)return An++,An===1&&Bu()&&(Yr=ky()),()=>{An--,An===0&&Yr?.()}},[t])}function ky(){let e,t=0,s=d=>{e=Ku(d.target),!(e===document.documentElement&&e===document.body)&&(t=d.changedTouches[0].pageY)},n=d=>{if(!e||e===document.documentElement||e===document.body){d.preventDefault();return}let h=d.changedTouches[0].pageY,x=e.scrollTop,g=e.scrollHeight-e.clientHeight;g!==0&&((x<=0&&h>t||x>=g&&h<t)&&d.preventDefault(),t=h)},a=d=>{let h=d.target;va(h)&&h!==document.activeElement&&(d.preventDefault(),h.style.transform="translateY(-2000px)",h.focus(),requestAnimationFrame(()=>{h.style.transform=""}))},o=d=>{let h=d.target;va(h)&&(h.style.transform="translateY(-2000px)",requestAnimationFrame(()=>{h.style.transform="",Gr&&(Gr.height<window.innerHeight?requestAnimationFrame(()=>{ll(h)}):Gr.addEventListener("resize",()=>ll(h),{once:!0}))}))},i=()=>{window.scrollTo(0,0)},l=window.pageXOffset,u=window.pageYOffset,m=ol(jy(document.documentElement,"paddingRight",`${window.innerWidth-document.documentElement.clientWidth}px`));window.scrollTo(0,0);let f=ol(Xs(document,"touchstart",s,{passive:!1,capture:!0}),Xs(document,"touchmove",n,{passive:!1,capture:!0}),Xs(document,"touchend",a,{passive:!1,capture:!0}),Xs(document,"focus",o,!0),Xs(window,"scroll",i));return()=>{m(),f(),window.scrollTo(l,u)}}function jy(e,t,s){let n=e.style[t];return e.style[t]=s,()=>{e.style[t]=n}}function Xs(e,t,s,n){return e.addEventListener(t,s,n),()=>{e.removeEventListener(t,s,n)}}function ll(e){let t=document.scrollingElement||document.documentElement;for(;e&&e!==t;){let s=Ku(e);if(s!==document.documentElement&&s!==document.body&&s!==e){let n=s.getBoundingClientRect().top,a=e.getBoundingClientRect().top,o=e.getBoundingClientRect().bottom;const i=s.getBoundingClientRect().bottom+vy;o>i&&(s.scrollTop+=a-n)}e=s.parentElement}}function va(e){return e instanceof HTMLInputElement&&!wy.has(e.type)||e instanceof HTMLTextAreaElement||e instanceof HTMLElement&&e.isContentEditable}function Cy(e,t){typeof e=="function"?e(t):e!=null&&(e.current=t)}function Ny(...e){return t=>e.forEach(s=>Cy(s,t))}function Uu(...e){return c.useCallback(Ny(...e),e)}const qu=new WeakMap;function Be(e,t,s=!1){if(!e||!(e instanceof HTMLElement))return;let n={};Object.entries(t).forEach(([a,o])=>{if(a.startsWith("--")){e.style.setProperty(a,o);return}n[a]=e.style[a],e.style[a]=o}),!s&&qu.set(e,n)}function Ey(e,t){if(!e||!(e instanceof HTMLElement))return;let s=qu.get(e);s&&(e.style[t]=s[t])}const $e=e=>{switch(e){case"top":case"bottom":return!0;case"left":case"right":return!1;default:return e}};function On(e,t){if(!e)return null;const s=window.getComputedStyle(e),n=s.transform||s.webkitTransform||s.mozTransform;let a=n.match(/^matrix3d\((.+)\)$/);return a?parseFloat(a[1].split(", ")[$e(t)?13:12]):(a=n.match(/^matrix\((.+)\)$/),a?parseFloat(a[1].split(", ")[$e(t)?5:4]):null)}function Iy(e){return 8*(Math.log(e+1)-2)}function Xr(e,t){if(!e)return()=>{};const s=e.style.cssText;return Object.assign(e.style,t),()=>{e.style.cssText=s}}function Ty(...e){return(...t)=>{for(const s of e)typeof s=="function"&&s(...t)}}const Ie={DURATION:.5,EASE:[.32,.72,0,1]},Hu=.4,Ry=.25,My=100,Wu=8,rs=16,ya=26,Jr="vaul-dragging";function Vu(e){const t=B.useRef(e);return B.useEffect(()=>{t.current=e}),B.useMemo(()=>(...s)=>t.current==null?void 0:t.current.call(t,...s),[])}function Ay({defaultProp:e,onChange:t}){const s=B.useState(e),[n]=s,a=B.useRef(n),o=Vu(t);return B.useEffect(()=>{a.current!==n&&(o(n),a.current=n)},[n,a,o]),s}function Qu({prop:e,defaultProp:t,onChange:s=()=>{}}){const[n,a]=Ay({defaultProp:t,onChange:s}),o=e!==void 0,i=o?e:n,l=Vu(s),u=B.useCallback(m=>{if(o){const d=typeof m=="function"?m(e):m;d!==e&&l(d)}else a(m)},[o,e,a,l]);return[i,u]}function Oy({activeSnapPointProp:e,setActiveSnapPointProp:t,snapPoints:s,drawerRef:n,overlayRef:a,fadeFromIndex:o,onSnapPointChange:i,direction:l="bottom",container:u,snapToSequentialPoint:m}){const[f,d]=Qu({prop:e,defaultProp:s?.[0],onChange:t}),[h,x]=B.useState(typeof window<"u"?{innerWidth:window.innerWidth,innerHeight:window.innerHeight}:void 0);B.useEffect(()=>{function O(){x({innerWidth:window.innerWidth,innerHeight:window.innerHeight})}return window.addEventListener("resize",O),()=>window.removeEventListener("resize",O)},[]);const g=B.useMemo(()=>f===s?.[s.length-1]||null,[s,f]),p=B.useMemo(()=>{var O;return(O=s?.findIndex(j=>j===f))!=null?O:null},[s,f]),v=s&&s.length>0&&(o||o===0)&&!Number.isNaN(o)&&s[o]===f||!s,b=B.useMemo(()=>{const O=u?{width:u.getBoundingClientRect().width,height:u.getBoundingClientRect().height}:typeof window<"u"?{width:window.innerWidth,height:window.innerHeight}:{width:0,height:0};var j;return(j=s?.map(R=>{const P=typeof R=="string";let M=0;if(P&&(M=parseInt(R,10)),$e(l)){const A=P?M:h?R*O.height:0;return h?l==="bottom"?O.height-A:-O.height+A:A}const F=P?M:h?R*O.width:0;return h?l==="right"?O.width-F:-O.width+F:F}))!=null?j:[]},[s,h,u]),S=B.useMemo(()=>p!==null?b?.[p]:null,[b,p]),w=B.useCallback(O=>{var j;const R=(j=b?.findIndex(P=>P===O))!=null?j:null;i(R),Be(n.current,{transition:`transform ${Ie.DURATION}s cubic-bezier(${Ie.EASE.join(",")})`,transform:$e(l)?`translate3d(0, ${O}px, 0)`:`translate3d(${O}px, 0, 0)`}),b&&R!==b.length-1&&o!==void 0&&R!==o&&R<o?Be(a.current,{transition:`opacity ${Ie.DURATION}s cubic-bezier(${Ie.EASE.join(",")})`,opacity:"0"}):Be(a.current,{transition:`opacity ${Ie.DURATION}s cubic-bezier(${Ie.EASE.join(",")})`,opacity:"1"}),d(s?.[Math.max(R,0)])},[n.current,s,b,o,a,d]);B.useEffect(()=>{if(f||e){var O;const j=(O=s?.findIndex(R=>R===e||R===f))!=null?O:-1;b&&j!==-1&&typeof b[j]=="number"&&w(b[j])}},[f,e,s,b,w]);function y({draggedDistance:O,closeDrawer:j,velocity:R,dismissible:P}){if(o===void 0)return;const M=l==="bottom"||l==="right"?(S??0)-O:(S??0)+O,F=p===o-1,A=p===0,k=O>0;if(F&&Be(a.current,{transition:`opacity ${Ie.DURATION}s cubic-bezier(${Ie.EASE.join(",")})`}),!m&&R>2&&!k){P?j():w(b[0]);return}if(!m&&R>2&&k&&b&&s){w(b[s.length-1]);return}const E=b?.reduce((I,L)=>typeof I!="number"||typeof L!="number"?I:Math.abs(L-M)<Math.abs(I-M)?L:I),D=$e(l)?window.innerHeight:window.innerWidth;if(R>Hu&&Math.abs(O)<D*.4){const I=k?1:-1;if(I>0&&g&&s){w(b[s.length-1]);return}if(A&&I<0&&P&&j(),p===null)return;w(b[p+I]);return}w(E)}function C({draggedDistance:O}){if(S===null)return;const j=l==="bottom"||l==="right"?S-O:S+O;(l==="bottom"||l==="right")&&j<b[b.length-1]||(l==="top"||l==="left")&&j>b[b.length-1]||Be(n.current,{transform:$e(l)?`translate3d(0, ${j}px, 0)`:`translate3d(${j}px, 0, 0)`})}function T(O,j){if(!s||typeof p!="number"||!b||o===void 0)return null;const R=p===o-1;if(p>=o&&j)return 0;if(R&&!j)return 1;if(!v&&!R)return null;const M=R?p+1:p-1,F=R?b[M]-b[M-1]:b[M+1]-b[M],A=O/Math.abs(F);return R?1-A:A}return{isLastSnapPoint:g,activeSnapPoint:f,shouldFade:v,getPercentageDragged:T,setActiveSnapPoint:d,activeSnapPointIndex:p,onRelease:y,onDrag:C,snapPointsOffset:b}}const Dy=()=>()=>{};function Py(){const{direction:e,isOpen:t,shouldScaleBackground:s,setBackgroundColorOnScale:n,noBodyStyles:a}=Sn(),o=B.useRef(null),i=c.useMemo(()=>document.body.style.backgroundColor,[]);function l(){return(window.innerWidth-ya)/window.innerWidth}B.useEffect(()=>{if(t&&s){o.current&&clearTimeout(o.current);const u=document.querySelector("[data-vaul-drawer-wrapper]")||document.querySelector("[vaul-drawer-wrapper]");if(!u)return;Ty(n&&!a?Xr(document.body,{background:"black"}):Dy,Xr(u,{transformOrigin:$e(e)?"top":"left",transitionProperty:"transform, border-radius",transitionDuration:`${Ie.DURATION}s`,transitionTimingFunction:`cubic-bezier(${Ie.EASE.join(",")})`}));const m=Xr(u,{borderRadius:`${Wu}px`,overflow:"hidden",...$e(e)?{transform:`scale(${l()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`}:{transform:`scale(${l()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`}});return()=>{m(),o.current=window.setTimeout(()=>{i?document.body.style.background=i:document.body.style.removeProperty("background")},Ie.DURATION*1e3)}}},[t,s,i])}let Js=null;function Ly({isOpen:e,modal:t,nested:s,hasBeenOpened:n,preventScrollRestoration:a,noBodyStyles:o}){const[i,l]=B.useState(()=>typeof window<"u"?window.location.href:""),u=B.useRef(0),m=B.useCallback(()=>{if(al()&&Js===null&&e&&!o){Js={position:document.body.style.position,top:document.body.style.top,left:document.body.style.left,height:document.body.style.height,right:"unset"};const{scrollX:d,innerHeight:h}=window;document.body.style.setProperty("position","fixed","important"),Object.assign(document.body.style,{top:`${-u.current}px`,left:`${-d}px`,right:"0px",height:"auto"}),window.setTimeout(()=>window.requestAnimationFrame(()=>{const x=h-window.innerHeight;x&&u.current>=h&&(document.body.style.top=`${-(u.current+x)}px`)}),300)}},[e]),f=B.useCallback(()=>{if(al()&&Js!==null&&!o){const d=-parseInt(document.body.style.top,10),h=-parseInt(document.body.style.left,10);Object.assign(document.body.style,Js),window.requestAnimationFrame(()=>{if(a&&i!==window.location.href){l(window.location.href);return}window.scrollTo(h,d)}),Js=null}},[i]);return B.useEffect(()=>{function d(){u.current=window.scrollY}return d(),window.addEventListener("scroll",d),()=>{window.removeEventListener("scroll",d)}},[]),B.useEffect(()=>{if(t)return()=>{typeof document>"u"||document.querySelector("[data-vaul-drawer]")||f()}},[t,f]),B.useEffect(()=>{s||!n||(e?(!window.matchMedia("(display-mode: standalone)").matches&&m(),t||window.setTimeout(()=>{f()},500)):f())},[e,n,i,t,s,m,f]),{restorePositionSetting:f}}function Fy({open:e,onOpenChange:t,children:s,onDrag:n,onRelease:a,snapPoints:o,shouldScaleBackground:i=!1,setBackgroundColorOnScale:l=!0,closeThreshold:u=Ry,scrollLockTimeout:m=My,dismissible:f=!0,handleOnly:d=!1,fadeFromIndex:h=o&&o.length-1,activeSnapPoint:x,setActiveSnapPoint:g,fixed:p,modal:v=!0,onClose:b,nested:S,noBodyStyles:w=!1,direction:y="bottom",defaultOpen:C=!1,disablePreventScroll:T=!0,snapToSequentialPoint:O=!1,preventScrollRestoration:j=!1,repositionInputs:R=!0,onAnimationEnd:P,container:M,autoFocus:F=!1}){var A,k;const[E=!1,D]=Qu({defaultProp:C,prop:e,onChange:V=>{t?.(V),!V&&!S&&Se(),setTimeout(()=>{P?.(V)},Ie.DURATION*1e3),V&&!v&&typeof window<"u"&&window.requestAnimationFrame(()=>{document.body.style.pointerEvents="auto"}),V||(document.body.style.pointerEvents="auto")}}),[I,L]=B.useState(!1),[N,K]=B.useState(!1),[re,ae]=B.useState(!1),oe=B.useRef(null),ee=B.useRef(null),te=B.useRef(null),me=B.useRef(null),de=B.useRef(null),se=B.useRef(!1),H=B.useRef(null),pe=B.useRef(0),J=B.useRef(!1),xe=B.useRef(!C),be=B.useRef(0),G=B.useRef(null),q=B.useRef(((A=G.current)==null?void 0:A.getBoundingClientRect().height)||0),$=B.useRef(((k=G.current)==null?void 0:k.getBoundingClientRect().width)||0),U=B.useRef(0),fe=B.useCallback(V=>{o&&V===ie.length-1&&(ee.current=new Date)},[]),{activeSnapPoint:he,activeSnapPointIndex:Me,setActiveSnapPoint:ze,onRelease:we,snapPointsOffset:ie,onDrag:ft,shouldFade:Le,getPercentageDragged:Y}=Oy({snapPoints:o,activeSnapPointProp:x,setActiveSnapPointProp:g,drawerRef:G,fadeFromIndex:h,overlayRef:oe,onSnapPointChange:fe,direction:y,container:M,snapToSequentialPoint:O});Sy({isDisabled:!E||N||!v||re||!I||!R||!T});const{restorePositionSetting:Se}=Ly({isOpen:E,modal:v,nested:S??!1,hasBeenOpened:I,preventScrollRestoration:j,noBodyStyles:w});function Ve(){return(window.innerWidth-ya)/window.innerWidth}function Ae(V){var Z,le;!f&&!o||G.current&&!G.current.contains(V.target)||(q.current=((Z=G.current)==null?void 0:Z.getBoundingClientRect().height)||0,$.current=((le=G.current)==null?void 0:le.getBoundingClientRect().width)||0,K(!0),te.current=new Date,Bu()&&window.addEventListener("touchend",()=>se.current=!1,{once:!0}),V.target.setPointerCapture(V.pointerId),pe.current=$e(y)?V.pageY:V.pageX)}function ge(V,Z){var le;let ue=V;const ke=(le=window.getSelection())==null?void 0:le.toString(),Ne=G.current?On(G.current,y):null,De=new Date;if(ue.tagName==="SELECT"||ue.hasAttribute("data-vaul-no-drag")||ue.closest("[data-vaul-no-drag]"))return!1;if(y==="right"||y==="left")return!0;if(ee.current&&De.getTime()-ee.current.getTime()<500)return!1;if(Ne!==null&&(y==="bottom"?Ne>0:Ne<0))return!0;if(ke&&ke.length>0)return!1;if(de.current&&De.getTime()-de.current.getTime()<m&&Ne===0||Z)return de.current=De,!1;for(;ue;){if(ue.scrollHeight>ue.clientHeight){if(ue.scrollTop!==0)return de.current=new Date,!1;if(ue.getAttribute("role")==="dialog")return!0}ue=ue.parentNode}return!0}function it(V){if(G.current&&N){const Z=y==="bottom"||y==="right"?1:-1,le=(pe.current-($e(y)?V.pageY:V.pageX))*Z,ue=le>0,ke=o&&!f&&!ue;if(ke&&Me===0)return;const Ne=Math.abs(le),De=document.querySelector("[data-vaul-drawer-wrapper]"),qe=y==="bottom"||y==="top"?q.current:$.current;let ye=Ne/qe;const Qe=Y(Ne,ue);if(Qe!==null&&(ye=Qe),ke&&ye>=1||!se.current&&!ge(V.target,ue))return;if(G.current.classList.add(Jr),se.current=!0,Be(G.current,{transition:"none"}),Be(oe.current,{transition:"none"}),o&&ft({draggedDistance:le}),ue&&!o){const Pe=Iy(le),et=Math.min(Pe*-1,0)*Z;Be(G.current,{transform:$e(y)?`translate3d(0, ${et}px, 0)`:`translate3d(${et}px, 0, 0)`});return}const Ge=1-ye;if((Le||h&&Me===h-1)&&(n?.(V,ye),Be(oe.current,{opacity:`${Ge}`,transition:"none"},!0)),De&&oe.current&&i){const Pe=Math.min(Ve()+ye*(1-Ve()),1),et=8-ye*8,Ye=Math.max(0,14-ye*14);Be(De,{borderRadius:`${et}px`,transform:$e(y)?`scale(${Pe}) translate3d(0, ${Ye}px, 0)`:`scale(${Pe}) translate3d(${Ye}px, 0, 0)`,transition:"none"},!0)}if(!o){const Pe=Ne*Z;Be(G.current,{transform:$e(y)?`translate3d(0, ${Pe}px, 0)`:`translate3d(${Pe}px, 0, 0)`})}}}B.useEffect(()=>{window.requestAnimationFrame(()=>{xe.current=!0})},[]),B.useEffect(()=>{var V;function Z(){if(!G.current||!R)return;const le=document.activeElement;if(va(le)||J.current){var ue;const ke=((ue=window.visualViewport)==null?void 0:ue.height)||0,Ne=window.innerHeight;let De=Ne-ke;const qe=G.current.getBoundingClientRect().height||0,ye=qe>Ne*.8;U.current||(U.current=qe);const Qe=G.current.getBoundingClientRect().top;if(Math.abs(be.current-De)>60&&(J.current=!J.current),o&&o.length>0&&ie&&Me){const Ge=ie[Me]||0;De+=Ge}if(be.current=De,qe>ke||J.current){const Ge=G.current.getBoundingClientRect().height;let Pe=Ge;Ge>ke&&(Pe=ke-(ye?Qe:ya)),p?G.current.style.height=`${Ge-Math.max(De,0)}px`:G.current.style.height=`${Math.max(Pe,ke-Qe)}px`}else py()||(G.current.style.height=`${U.current}px`);o&&o.length>0&&!J.current?G.current.style.bottom="0px":G.current.style.bottom=`${Math.max(De,0)}px`}}return(V=window.visualViewport)==null||V.addEventListener("resize",Z),()=>{var le;return(le=window.visualViewport)==null?void 0:le.removeEventListener("resize",Z)}},[Me,o,ie]);function Xe(V){Ke(),b?.(),V||D(!1),setTimeout(()=>{o&&ze(o[0])},Ie.DURATION*1e3)}function Oe(){if(!G.current)return;const V=document.querySelector("[data-vaul-drawer-wrapper]"),Z=On(G.current,y);Be(G.current,{transform:"translate3d(0, 0, 0)",transition:`transform ${Ie.DURATION}s cubic-bezier(${Ie.EASE.join(",")})`}),Be(oe.current,{transition:`opacity ${Ie.DURATION}s cubic-bezier(${Ie.EASE.join(",")})`,opacity:"1"}),i&&Z&&Z>0&&E&&Be(V,{borderRadius:`${Wu}px`,overflow:"hidden",...$e(y)?{transform:`scale(${Ve()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,transformOrigin:"top"}:{transform:`scale(${Ve()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,transformOrigin:"left"},transitionProperty:"transform, border-radius",transitionDuration:`${Ie.DURATION}s`,transitionTimingFunction:`cubic-bezier(${Ie.EASE.join(",")})`},!0)}function Ke(){!N||!G.current||(G.current.classList.remove(Jr),se.current=!1,K(!1),me.current=new Date)}function Ue(V){if(!N||!G.current)return;G.current.classList.remove(Jr),se.current=!1,K(!1),me.current=new Date;const Z=On(G.current,y);if(!V||!ge(V.target,!1)||!Z||Number.isNaN(Z)||te.current===null)return;const le=me.current.getTime()-te.current.getTime(),ue=pe.current-($e(y)?V.pageY:V.pageX),ke=Math.abs(ue)/le;if(ke>.05&&(ae(!0),setTimeout(()=>{ae(!1)},200)),o){we({draggedDistance:ue*(y==="bottom"||y==="right"?1:-1),closeDrawer:Xe,velocity:ke,dismissible:f}),a?.(V,!0);return}if(y==="bottom"||y==="right"?ue>0:ue<0){Oe(),a?.(V,!0);return}if(ke>Hu){Xe(),a?.(V,!1);return}var Ne;const De=Math.min((Ne=G.current.getBoundingClientRect().height)!=null?Ne:0,window.innerHeight);var qe;const ye=Math.min((qe=G.current.getBoundingClientRect().width)!=null?qe:0,window.innerWidth),Qe=y==="left"||y==="right";if(Math.abs(Z)>=(Qe?ye:De)*u){Xe(),a?.(V,!1);return}a?.(V,!0),Oe()}B.useEffect(()=>(E&&(Be(document.documentElement,{scrollBehavior:"auto"}),ee.current=new Date),()=>{Ey(document.documentElement,"scrollBehavior")}),[E]);function Ze(V){const Z=V?(window.innerWidth-rs)/window.innerWidth:1,le=V?-rs:0;H.current&&window.clearTimeout(H.current),Be(G.current,{transition:`transform ${Ie.DURATION}s cubic-bezier(${Ie.EASE.join(",")})`,transform:$e(y)?`scale(${Z}) translate3d(0, ${le}px, 0)`:`scale(${Z}) translate3d(${le}px, 0, 0)`}),!V&&G.current&&(H.current=setTimeout(()=>{const ue=On(G.current,y);Be(G.current,{transition:"none",transform:$e(y)?`translate3d(0, ${ue}px, 0)`:`translate3d(${ue}px, 0, 0)`})},500))}function nt(V,Z){if(Z<0)return;const le=(window.innerWidth-rs)/window.innerWidth,ue=le+Z*(1-le),ke=-rs+Z*rs;Be(G.current,{transform:$e(y)?`scale(${ue}) translate3d(0, ${ke}px, 0)`:`scale(${ue}) translate3d(${ke}px, 0, 0)`,transition:"none"})}function je(V,Z){const le=$e(y)?window.innerHeight:window.innerWidth,ue=Z?(le-rs)/le:1,ke=Z?-rs:0;Z&&Be(G.current,{transition:`transform ${Ie.DURATION}s cubic-bezier(${Ie.EASE.join(",")})`,transform:$e(y)?`scale(${ue}) translate3d(0, ${ke}px, 0)`:`scale(${ue}) translate3d(${ke}px, 0, 0)`})}return B.useEffect(()=>{v||window.requestAnimationFrame(()=>{document.body.style.pointerEvents="auto"})},[v]),B.createElement(Tu,{defaultOpen:C,onOpenChange:V=>{!f&&!V||(V?L(!0):Xe(!0),D(V))},open:E},B.createElement(zu.Provider,{value:{activeSnapPoint:he,snapPoints:o,setActiveSnapPoint:ze,drawerRef:G,overlayRef:oe,onOpenChange:t,onPress:Ae,onRelease:Ue,onDrag:it,dismissible:f,shouldAnimate:xe,handleOnly:d,isOpen:E,isDragging:N,shouldFade:Le,closeDrawer:Xe,onNestedDrag:nt,onNestedOpenChange:Ze,onNestedRelease:je,keyboardIsOpen:J,modal:v,snapPointsOffset:ie,activeSnapPointIndex:Me,direction:y,shouldScaleBackground:i,setBackgroundColorOnScale:l,noBodyStyles:w,container:M,autoFocus:F}},s))}const Gu=B.forwardRef(function({...e},t){const{overlayRef:s,snapPoints:n,onRelease:a,shouldFade:o,isOpen:i,modal:l,shouldAnimate:u}=Sn(),m=Uu(t,s),f=n&&n.length>0;if(!l)return null;const d=B.useCallback(h=>a(h),[a]);return B.createElement(Ou,{onMouseUp:d,ref:m,"data-vaul-overlay":"","data-vaul-snap-points":i&&f?"true":"false","data-vaul-snap-points-overlay":i&&o?"true":"false","data-vaul-animate":u?.current?"true":"false",...e})});Gu.displayName="Drawer.Overlay";const Yu=B.forwardRef(function({onPointerDownOutside:e,style:t,onOpenAutoFocus:s,...n},a){const{drawerRef:o,onPress:i,onRelease:l,onDrag:u,keyboardIsOpen:m,snapPointsOffset:f,activeSnapPointIndex:d,modal:h,isOpen:x,direction:g,snapPoints:p,container:v,handleOnly:b,shouldAnimate:S,autoFocus:w}=Sn(),[y,C]=B.useState(!1),T=Uu(a,o),O=B.useRef(null),j=B.useRef(null),R=B.useRef(!1),P=p&&p.length>0;Py();const M=(A,k,E=0)=>{if(R.current)return!0;const D=Math.abs(A.y),I=Math.abs(A.x),L=I>D,N=["bottom","right"].includes(k)?1:-1;if(k==="left"||k==="right"){if(!(A.x*N<0)&&I>=0&&I<=E)return L}else if(!(A.y*N<0)&&D>=0&&D<=E)return!L;return R.current=!0,!0};B.useEffect(()=>{P&&window.requestAnimationFrame(()=>{C(!0)})},[]);function F(A){O.current=null,R.current=!1,l(A)}return B.createElement(Du,{"data-vaul-drawer-direction":g,"data-vaul-drawer":"","data-vaul-delayed-snap-points":y?"true":"false","data-vaul-snap-points":x&&P?"true":"false","data-vaul-custom-container":v?"true":"false","data-vaul-animate":S?.current?"true":"false",...n,ref:T,style:f&&f.length>0?{"--snap-point-height":`${f[d??0]}px`,...t}:t,onPointerDown:A=>{b||(n.onPointerDown==null||n.onPointerDown.call(n,A),O.current={x:A.pageX,y:A.pageY},i(A))},onOpenAutoFocus:A=>{s?.(A),w||A.preventDefault()},onPointerDownOutside:A=>{if(e?.(A),!h||A.defaultPrevented){A.preventDefault();return}m.current&&(m.current=!1)},onFocusOutside:A=>{if(!h){A.preventDefault();return}},onPointerMove:A=>{if(j.current=A,b||(n.onPointerMove==null||n.onPointerMove.call(n,A),!O.current))return;const k=A.pageY-O.current.y,E=A.pageX-O.current.x,D=A.pointerType==="touch"?10:2;M({x:E,y:k},g,D)?u(A):(Math.abs(E)>D||Math.abs(k)>D)&&(O.current=null)},onPointerUp:A=>{n.onPointerUp==null||n.onPointerUp.call(n,A),O.current=null,R.current=!1,l(A)},onPointerOut:A=>{n.onPointerOut==null||n.onPointerOut.call(n,A),F(j.current)},onContextMenu:A=>{n.onContextMenu==null||n.onContextMenu.call(n,A),j.current&&F(j.current)}})});Yu.displayName="Drawer.Content";const $y=250,_y=120,Xu=B.forwardRef(function({preventCycle:e=!1,children:t,...s},n){const{closeDrawer:a,isDragging:o,snapPoints:i,activeSnapPoint:l,setActiveSnapPoint:u,dismissible:m,handleOnly:f,isOpen:d,onPress:h,onDrag:x}=Sn(),g=B.useRef(null),p=B.useRef(!1);function v(){if(p.current){w();return}window.setTimeout(()=>{b()},_y)}function b(){if(o||e||p.current){w();return}if(w(),!i||i.length===0){m||a();return}if(l===i[i.length-1]&&m){a();return}const C=i.findIndex(O=>O===l);if(C===-1)return;const T=i[C+1];u(T)}function S(){g.current=window.setTimeout(()=>{p.current=!0},$y)}function w(){g.current&&window.clearTimeout(g.current),p.current=!1}return B.createElement("div",{onClick:v,onPointerCancel:w,onPointerDown:y=>{f&&h(y),S()},onPointerMove:y=>{f&&x(y)},ref:n,"data-vaul-drawer-visible":d?"true":"false","data-vaul-handle":"","aria-hidden":"true",...s},B.createElement("span",{"data-vaul-handle-hitarea":"","aria-hidden":"true"},t))});Xu.displayName="Drawer.Handle";function zy(e){const t=Sn(),{container:s=t.container,...n}=e;return B.createElement(Au,{container:s,...n})}const dt={Root:Fy,Content:Yu,Overlay:Gu,Portal:zy,Handle:Xu,Title:Fu},Ju="inline-flex items-center justify-center transition-colors",By=_e(Ju,"min-h-11 min-w-11 rounded hover:bg-surface-raised"),Ky=_e(Ju,"min-h-11 gap-1.5 px-3 rounded text-sm font-medium hover:bg-surface-raised"),Ro=({accountId:e,currentMailboxId:t,onMove:s,disabled:n=!1,disabledHint:a,variant:o="icon-only",label:i})=>{const[l,u]=c.useState(!1),[m,f]=c.useState(),d=Xt(),h=c.useRef(null),x=i??"Move to folder",g=c.useId(),{t:p}=Ua("mail",{useSuspense:!1}),v=Ga(),{data:b,isLoading:S,isError:w,error:y,refetch:C}=ve({...ot({path:{accountId:e}}),staleTime:1/0,enabled:l}),T=Co(e),{createFolderIn:O}=ec(e),j=c.useMemo(()=>Ya({mailboxes:b?.items??[],folderAppointments:T,currentMailboxId:t,translator:v}),[b?.items,T,t,v]),R=Xa(b?.items??[]),P=j.find(I=>I.id===m),M=c.useCallback(()=>{u(!1),f(void 0)},[]),F=c.useCallback(()=>{P&&(M(),s(P.id))},[P,M,s]);c.useEffect(()=>{if(!l||!d)return;const I=N=>{h.current&&!h.current.contains(N.target)&&M()},L=N=>{N.key==="Escape"&&M()};return document.addEventListener("mousedown",I),document.addEventListener("keydown",L),()=>{document.removeEventListener("mousedown",I),document.removeEventListener("keydown",L)}},[l,d,M]);const A=n||!!a,k=r.jsxs("button",{type:"button",onClick:I=>{I.stopPropagation(),!A&&u(L=>!L)},"aria-label":x,"aria-haspopup":d?"tree":"dialog","aria-expanded":l,"aria-controls":l?g:void 0,title:a,className:o==="icon-only"?By:Ky,children:[r.jsx(Ra,{className:o==="icon-only"?"size-5":"size-4"}),o==="compact"&&r.jsx("span",{className:"hidden sm:inline",children:"Move"})]}),E=S?r.jsx("div",{className:"px-3 py-5 text-sm text-fg-muted",children:"Loading folders…"}):w?r.jsx("div",{className:"p-3",children:r.jsx(Jt,{variant:"inline",title:"Couldn't load folders",error:y,onRetry:()=>C()})}):r.jsx(Ll,{folders:j,selectedId:m,delimiter:R,onSelect:f,onCreateFolder:O,onCancel:M,labels:{filterPlaceholder:p("move_picker_filter_placeholder",{defaultValue:"Filter folders…"}),filterAriaLabel:p("move_picker_filter_label",{defaultValue:"Filter folders"})}}),D=P&&r.jsx("div",{className:"shrink-0 border-t border-line p-2",children:r.jsx(ce,{variant:"primary",onClick:F,className:"h-11 w-full font-semibold",children:`Move to ${P.label}`})});return d?r.jsxs("div",{ref:h,className:"relative inline-block",children:[k,l&&r.jsxs("div",{id:g,className:_e("absolute right-0 mt-1 z-50 w-72 max-h-96 flex flex-col","bg-surface border border-line rounded-md shadow-lg"),children:[E,D]})]}):r.jsxs(r.Fragment,{children:[k,r.jsx(dt.Root,{open:l,onOpenChange:I=>I?u(!0):M(),children:r.jsxs(dt.Portal,{children:[r.jsx(dt.Overlay,{className:"fixed inset-0 z-40 bg-black/40"}),r.jsxs(dt.Content,{className:"fixed inset-x-0 bottom-0 z-50 flex flex-col bg-canvas rounded-t-lg",style:{maxHeight:"85dvh"},id:g,children:[r.jsx(dt.Handle,{className:"mx-auto mt-2 mb-1 h-1.5 w-12 rounded-full bg-fg-subtle/30"}),r.jsx(dt.Title,{className:"px-4 py-2 text-base font-semibold border-b border-line",children:"Move to folder"}),r.jsx("div",{className:"flex min-h-0 flex-1 overflow-hidden",children:E}),D]})]})})]})},Uy=({messageId:e,threadId:t,mailboxId:s,isRead:n,accountId:a,fromAddressId:o,isTrusted:i=!1,showRaw:l=!1,onToggleRaw:u})=>{const m=Te(),f=We(),{pushError:d}=st(),{selectedMessageId:h}=Ds({strict:!1}),{mutate:x,isPending:g}=Fe({...ar(),onMutate:async E=>{const D=E.body.isRead??!0,I=new Set(E.body.messageIds??[]),L=ms({path:{threadId:t}}),N=Pt([s]);await Promise.all([m.cancelQueries({queryKey:L}),bn(m,N)]);const K=m.getQueriesData({queryKey:L}).filter(ae=>ae[1]!==void 0).map(([ae,oe])=>({queryKey:ae,data:oe})),re=vn(m,N);return m.setQueriesData({queryKey:L},ae=>ae&&{...ae,items:Vn(ae.items,I,D)}),yn(m,N,ae=>Vn(ae,I,D)),{threadMessagesPrefix:L,listPrefixes:N,previousThreadMessages:K,previousThreadsList:re}},onError:(E,D,I)=>{if(I){for(const N of I.previousThreadMessages)m.setQueryData(N.queryKey,N.data);wn(m,I.previousThreadsList)}const L=D.body.isRead??!0;d({title:L?"Couldn't mark as read":"Couldn't mark as unread",detail:mt(E),error:E})},onSettled:(E,D,I,L)=>{L&&(m.invalidateQueries({queryKey:L.threadMessagesPrefix}),Lt(m,L.listPrefixes))}}),p=c.useCallback(E=>{h&&E.includes(h)&&f({to:"/mail/$mailboxId",params:{mailboxId:s},search:D=>({...D,selectedMessageId:void 0})})},[h,s,f]),{deleteMessages:v,isPending:b}=us({mailboxId:s,threadId:t,onAfterOptimisticRemove:p}),{moveMessages:S,isPending:w}=cs({mailboxId:s,threadId:t,accountId:a,onAfterOptimisticRemove:p}),{toggleTrusted:y,isPending:C,error:T,reset:O}=No({messageId:e}),j=()=>{x({body:{messageIds:[e],isRead:!1}})},R=()=>{v([e])},P=()=>{o&&y(o,i)},M=g||b||w||C,F=M||!o,A=c.useCallback(E=>{S([e],E)},[S,e]),k=o?void 0:"Sender has no parseable address";return r.jsxs("div",{className:"flex flex-col items-end gap-1",children:[r.jsxs("div",{className:"flex items-center gap-1",children:[a&&r.jsx(Ro,{accountId:a,currentMailboxId:s,onMove:A,disabled:M,label:"Move this message"}),r.jsxs(ru,{trigger:r.jsx(hc,{className:"size-4"}),children:[r.jsxs(Is,{onClick:P,disabled:F,children:[i?r.jsx(cr,{className:"size-4 text-positive"}):r.jsx(fn,{className:"size-4 opacity-0"}),r.jsx("span",{title:k,children:"Trusted sender"})]}),n&&r.jsxs(Is,{onClick:j,disabled:M,children:[r.jsx(ur,{className:"size-4"}),"Mark as unread"]}),u&&r.jsxs(Is,{onClick:u,children:[r.jsx(mc,{className:"size-4"}),l?"Show formatted":"Show raw email"]}),r.jsx(ga,{}),r.jsxs(Is,{onClick:R,disabled:M,destructive:!0,children:[r.jsx(At,{className:"size-4"}),"Delete"]})]})]}),T&&r.jsx("div",{className:"w-64",children:r.jsx(Jt,{variant:"inline",title:"Couldn't update trust",error:T,onRetry:()=>{O(),P()}})})]})},qy=()=>{const[e,t]=c.useState(()=>typeof document<"u"&&document.documentElement.classList.contains("dark"));return c.useEffect(()=>{const s=document.documentElement,n=new MutationObserver(()=>{t(s.classList.contains("dark"))});return n.observe(s,{attributes:!0,attributeFilter:["class"]}),()=>n.disconnect()},[]),e},Hy=({blockedImageCount:e,canAlwaysTrust:t,isTrustPending:s,onLoadOnce:n,onAlwaysTrust:a})=>r.jsxs("div",{className:"mb-3 flex items-center justify-between rounded-md bg-surface-sunken/50 px-3 py-2 text-sm",children:[r.jsxs("span",{className:"text-fg-muted",children:[e," image",e>1?"s":""," blocked for privacy"]}),r.jsxs("div",{className:"flex items-center gap-3",children:[r.jsx("button",{type:"button",onClick:n,className:"text-accent hover:underline",children:"Load once"}),t&&r.jsx("button",{type:"button",onClick:a,"aria-busy":s,className:"text-accent hover:underline aria-busy:opacity-50",children:s?"Trusting…":"Always trust"})]})]}),Wy=(e,t)=>{switch(e){case"auth":return{title:"Your session expired",detail:"Sign in again to reload the message body. Other parts of the app may also stop responding until you do."};case"body-missing":return{title:"Message body is missing in storage",detail:"A sync failure may have left this message without its body bytes. Contact support, or run the reconcile script to refetch from the upstream IMAP server."};case"content-type-mismatch":return{title:"Couldn't load message body",detail:"The server returned an unexpected content type for this part. The message body has not been rendered to keep you safe."};case"spa-shell-leak":return{title:"Couldn't load message body",detail:"The server returned the app shell instead of the message body. This is an infrastructure bug — please report it."};case"not-ready":return{title:"Message body is still syncing",detail:"This message's body hasn't finished downloading from the mail server yet. It should appear shortly — reopen the message to try again."};default:return{title:"Couldn't load message body",detail:t}}},Vy=e=>e instanceof as?e.reason:"generic",Qy=e=>e instanceof Error?e.message:typeof e=="string"?e:"An unexpected error occurred while loading the message body.",Gy=({error:e,onRetry:t})=>{const s=Vy(e),n=Qy(e),{title:a,detail:o}=Wy(s,n),[i,l]=c.useState(!1),{Account:u}=_a();return i?null:r.jsxs("div",{role:"alert","data-testid":"message-body-error-banner","data-reason":s,className:"flex items-start gap-2 rounded-md border border-danger/40 bg-danger-soft px-3 py-2 text-sm",children:[r.jsx(ds,{className:"size-4 shrink-0 text-danger mt-0.5","aria-hidden":"true"}),r.jsxs("div",{className:"flex-1 min-w-0",children:[r.jsx("p",{className:"font-medium text-danger",children:a}),r.jsx("p",{className:"text-fg-muted mt-1 break-words",children:o})]}),r.jsxs("div",{className:"flex shrink-0 items-center gap-3",children:[s==="auth"&&r.jsx(u,{children:({signOut:m})=>r.jsx("button",{type:"button",onClick:()=>m(),className:"text-sm font-medium text-accent hover:underline",children:"Sign in again"})}),t&&r.jsx("button",{type:"button",onClick:t,className:"text-sm font-medium text-accent hover:underline",children:"Retry"}),r.jsx("button",{type:"button",onClick:()=>l(!0),"aria-label":"Dismiss message body error",className:"rounded-md p-1 text-fg-muted hover:bg-surface-raised hover:text-fg transition-colors",children:r.jsx(Ct,{className:"size-4","aria-hidden":"true"})})]})]})},Yy=()=>r.jsxs("div",{className:"animate-pulse space-y-2",role:"status","aria-label":"Loading message body",children:[r.jsx("div",{className:"h-4 bg-surface-sunken rounded w-full"}),r.jsx("div",{className:"h-4 bg-surface-sunken rounded w-11/12"}),r.jsx("div",{className:"h-4 bg-surface-sunken rounded w-3/4"}),r.jsx("div",{className:"h-4 bg-surface-sunken rounded w-5/6"})]}),cl=()=>r.jsx("p",{className:"text-fg-muted text-sm italic",children:"This message has no body content."}),Zu=({bodyParts:e,html:t,text:s,isTrusted:n=!1,messageId:a,fromAddressId:o,category:i,className:l})=>{const[u,m]=c.useState(!1),f=n||u,d=qy(),{toggleTrusted:h,isPending:x}=No({messageId:a??""}),g=!!e&&e.length>0,{picked:p,data:v,isLoading:b,isError:S,error:w,refetch:y}=gu({messageId:a,bodyParts:e,enabled:g}),C=c.useMemo(()=>pp(e??[]),[e]),T=g&&v?.kind==="html"?v.body:t,O=g&&v?.kind==="text"?v.body:s;if(g){if(b)return r.jsx("div",{className:_e("message-body",l),children:r.jsx(Yy,{})});if(S)return r.jsx("div",{className:_e("message-body",l),children:r.jsx(Gy,{error:w,onRetry:()=>y()})});if(!p)return r.jsx("div",{className:_e("message-body",l),children:r.jsx(cl,{})})}else if(!t&&!s)return r.jsx("div",{className:_e("message-body",l),children:r.jsx(cl,{})});const j=!!(o&&a),R=()=>{!o||x||(m(!0),h(o,!1))};return r.jsx(Rc,{className:l,html:T,text:O,isDark:d,category:i,allowImages:f,resolveCid:C,renderBlockedNotice:P=>r.jsx(Hy,{blockedImageCount:P,canAlwaysTrust:j,isTrustPending:x,onLoadOnce:()=>m(!0),onAlwaysTrust:R})})},Xy=({messageId:e,threadId:t,mailboxId:s,accountId:n,isRead:a,isStarred:o,onToggleStar:i,fromAddressId:l,isTrusted:u,showRaw:m,onToggleRaw:f,onReply:d,onReplyAll:h,onForward:x})=>{const g=Te(),{deleteMessages:p}=us({mailboxId:s,threadId:t}),{moveMessages:v}=cs({mailboxId:s,threadId:t,accountId:n}),{toggleTrusted:b}=No({messageId:e}),{mutate:S}=Fe({...ar(),onSettled:()=>{g.invalidateQueries({queryKey:ms({path:{threadId:t}})}),Lt(g,Pt([s]))}}),w=c.useCallback(O=>{v([e],O)},[v,e]),y=c.useCallback(()=>{p([e])},[p,e]),C=c.useCallback(()=>{S({body:{messageIds:[e],isRead:!a}})},[S,e,a]),T=[];return l&&T.push({key:"trusted",label:u?"Trusted sender":"Mark sender trusted",icon:u?r.jsx(cr,{className:"size-4 text-positive"}):r.jsx(fn,{className:"size-4"}),onSelect:()=>b(l,u)}),f&&T.push({key:"raw",label:m?"Show formatted":"Show raw email",icon:r.jsx(mc,{className:"size-4"}),onSelect:f}),r.jsx(Tc,{hasThread:!0,onReply:d,onReplyAll:h,onForward:x,isStarred:o,onToggleStar:i,onDelete:y,isRead:a,onToggleRead:C,overflowItems:T,moveSlot:n?r.jsx(Ro,{accountId:n,currentMailboxId:s,onMove:w,label:"Move this message"}):void 0})},Jy=()=>r.jsxs("div",{className:"animate-pulse space-y-2",role:"status","aria-label":"Loading raw email",children:[r.jsx("div",{className:"h-4 bg-surface-sunken rounded w-full"}),r.jsx("div",{className:"h-4 bg-surface-sunken rounded w-11/12"}),r.jsx("div",{className:"h-4 bg-surface-sunken rounded w-5/6"}),r.jsx("div",{className:"h-4 bg-surface-sunken rounded w-3/4"})]}),Zy=({messageId:e,enabled:t=!0})=>{const{data:s,isLoading:n,isError:a,error:o,refetch:i}=ve({...Jf({path:{messageId:e}}),enabled:t});if(n)return r.jsx("div",{className:"message-body",children:r.jsx(Jy,{})});if(a)return r.jsx("div",{className:"message-body",children:r.jsx(Jt,{variant:"inline",title:"Couldn't load the raw email",error:o,onRetry:()=>i()})});const l=s?.raw??"";return l===""?r.jsx("div",{className:"message-body",children:r.jsx("p",{className:"text-fg-muted text-sm italic",children:"No raw source available for this message."})}):r.jsx("div",{className:"message-body",children:r.jsx("pre",{className:"email-text whitespace-pre-wrap break-words text-sm leading-relaxed bg-surface-sunken rounded-md p-3 max-h-[32rem] overflow-auto",children:l})})},e0=()=>r.jsx(cr,{className:"inline-block size-4 ml-1 -mt-0.5 text-positive align-middle","aria-label":"Trusted sender","data-testid":"trusted-sender-badge"}),ed=(e,t)=>({id:e.messageId,fromName:e.fromName??e.fromEmail??"?",fromEmail:e.fromEmail??"",toLabel:"",dateLabel:t,snippet:e.snippet||"",bodyHtml:""}),td=({isStarred:e,onToggleStar:t,isStarPending:s,hoverReveal:n})=>r.jsx("button",{type:"button",onClick:a=>{a.stopPropagation(),t()},disabled:s,"aria-label":e?"Remove star":"Add star",className:_e("shrink-0 p-0.5 rounded transition-colors",e?"text-warning":_e("text-fg-subtle hover:text-warning",n&&"opacity-0 group-hover:opacity-100 focus:opacity-100"),s&&"opacity-50"),children:r.jsx(Gt,{className:_e("size-3.5",e&&"fill-current")})}),t0=({threadMessage:e,isFocused:t,onToggle:s,onToggleStar:n,isStarPending:a})=>{const o=Jl(e.sentDate,"datetime"),i=ed(e,o);return r.jsx(Mc,{message:i,onClick:s,isFocused:t,isUnread:!e.isRead,trailing:r.jsxs(r.Fragment,{children:[e.hasAttachment&&r.jsx(dr,{className:"size-3 shrink-0 text-fg-subtle"}),r.jsx(td,{isStarred:e.hasStars,onToggleStar:n,isStarPending:a,hoverReveal:!0}),r.jsx("span",{"data-testid":"message-date",className:"shrink-0 text-2xs text-fg-subtle tabular-nums",children:o})]})})},s0=({threadMessage:e,messageData:t,isLoading:s,isError:n,error:a,onRetry:o,isFocused:i,onToggle:l,onToggleStar:u,isStarPending:m,accountId:f,showRaw:d,onToggleRaw:h,mobile:x,onReply:g,onReplyAll:p,onForward:v})=>{const b=Jl(e.sentDate,"long"),S=!e.isRead,w=t?.envelope.from[0]?.flags?.trusted?.value===!0,y=t?.envelope.from[0]?.addressId,C=ed(e,b),T=e.autoMoved?r.jsx(ty,{accountId:f,messageId:e.messageId,threadId:e.threadId,mailboxId:e.mailboxId,autoMoved:e.autoMoved}):null;return r.jsx(Ac,{message:C,isFocused:x?!1:i,onHeaderClick:l,senderBadge:w?r.jsx(e0,{}):void 0,trailing:r.jsx("span",{"data-testid":"message-date",className:"text-2xs text-fg-subtle",children:b}),to:t?r.jsx(Bh,{label:"To",addresses:t.envelope.to}):null,indicators:T||!x?r.jsxs("div",{className:"flex flex-wrap items-center gap-1.5 mt-0.5",children:[T,!x&&r.jsxs(r.Fragment,{children:[r.jsxs("div",{className:"flex items-center justify-end gap-1",children:[r.jsx(td,{isStarred:e.hasStars,onToggleStar:u,isStarPending:m}),e.hasAttachment&&r.jsx("span",{className:"text-fg-subtle p-0.5",children:r.jsx(dr,{className:"size-3.5"})})]}),S&&r.jsx("span",{className:"size-1.5 rounded-full bg-accent","aria-label":"Unread"})]})]}):void 0,actionMenu:x?void 0:r.jsx(Uy,{messageId:e.messageId,threadId:e.threadId,mailboxId:e.mailboxId,isRead:e.isRead,accountId:f,fromAddressId:y,isTrusted:w,showRaw:d,onToggleRaw:h}),actionBar:x?r.jsx(Xy,{messageId:e.messageId,threadId:e.threadId,mailboxId:e.mailboxId,accountId:f,isRead:e.isRead,isStarred:e.hasStars,onToggleStar:u,fromAddressId:y,isTrusted:w,showRaw:d,onToggleRaw:h,onReply:g,onReplyAll:p,onForward:v}):void 0,body:s?r.jsxs("div",{className:"mt-3 animate-pulse space-y-2",children:[r.jsx("div",{className:"h-4 bg-surface-sunken rounded w-full"}),r.jsx("div",{className:"h-4 bg-surface-sunken rounded w-3/4"}),r.jsx("div",{className:"h-4 bg-surface-sunken rounded w-1/2"})]}):n&&Zf(a)?r.jsx("div",{className:"mt-3",children:r.jsx(Su,{message:"This message has been deleted"})}):n?r.jsx("div",{className:"mt-3",children:r.jsx(Jt,{variant:"inline",title:"Couldn't load this message",error:a,onRetry:o})}):d?r.jsx("div",{className:"mt-3",children:r.jsx(Zy,{messageId:e.messageId})}):r.jsx("div",{className:"mt-3",children:r.jsx(Zu,{bodyParts:t?.bodyParts,messageId:e.messageId,fromAddressId:t?.envelope.from[0]?.addressId,isTrusted:w,category:Sr(e.category)})})})},n0=({threadMessage:e,isExpanded:t,isFocused:s,onToggle:n,onToggleStar:a,isStarPending:o,accountId:i,mobile:l,onReply:u,onReplyAll:m,onForward:f})=>{const[d,h]=c.useState(!1),{data:x,isLoading:g,isError:p,error:v,refetch:b}=ve({...or({path:{messageId:e.messageId}}),enabled:t,meta:{softError:!0}});return t?r.jsx(s0,{threadMessage:e,messageData:x,isLoading:g,isError:p,error:v,onRetry:()=>b(),isFocused:s,onToggle:n,onToggleStar:a,isStarPending:o,accountId:i,showRaw:d,onToggleRaw:()=>h(S=>!S),mobile:l,onReply:u,onReplyAll:m,onForward:f}):r.jsx(t0,{threadMessage:e,isFocused:s,onToggle:n,onToggleStar:a,isStarPending:o})},r0=()=>r.jsxs("div",{className:"animate-pulse p-4",children:[r.jsx("div",{className:"h-6 bg-surface-sunken rounded w-3/4 mb-5"}),r.jsx("div",{className:"space-y-4",children:Array.from({length:2}).map((e,t)=>r.jsxs("div",{className:"flex gap-3 py-3",children:[r.jsx("div",{className:"size-10 bg-surface-sunken rounded-full shrink-0"}),r.jsxs("div",{className:"flex-1",children:[r.jsx("div",{className:"h-4 bg-surface-sunken rounded w-32 mb-2"}),r.jsx("div",{className:"h-3 bg-surface-sunken rounded w-48"})]})]},t))})]});function ul({authenticity:e,onOpenIntelligence:t}){return e.dkimMismatch?r.jsxs("div",{className:"flex items-start gap-2 rounded-none border-b border-danger/20 bg-danger-soft px-5 py-2.5 text-sm",children:[r.jsx(_s,{className:"mt-0.5 size-4 shrink-0 text-danger"}),r.jsxs("p",{className:"flex-1 leading-snug text-fg",children:["This message claims to be from"," ",r.jsx("span",{className:"font-semibold",children:e.fromDomain})," but was sent",e.dkimDomain?` via ${e.dkimDomain}`:" from a different domain","."]}),t&&r.jsx("button",{type:"button",onClick:t,className:"shrink-0 text-2xs font-medium text-danger hover:underline",children:"Why?"})]}):null}const Us=({threadId:e,mailboxId:t,subject:s,selectedMessageId:n,authenticity:a,onOpenIntelligence:o,onBack:i,composeRequest:l,onComposeClose:u,onSwipeNext:m,onSwipePrevious:f,mobileIntelligenceOpen:d})=>{const h=Xt(),{handlers:x}=Hv({onSwipeLeft:m,onSwipeRight:f}),{accountId:g}=wo(t),{data:p,isLoading:v,isError:b,error:S,refetch:w}=ve({...em({path:{threadId:e}})}),y=c.useMemo(()=>p?.items??[],[p?.items]),C=y[y.length-1],T=c.useRef(new Map),[O,j]=c.useState(new Set),[R,P]=c.useState(null),[M,F]=c.useState(0);c.useEffect(()=>{if(y.length>0&&e!==R){P(e);const q=new Set([y[y.length-1].threadMessageId]);if(n){const $=y.find(U=>U.messageId===n);$&&q.add($.threadMessageId)}j(q),F(y.length-1)}},[e,y,R,n]);const A=c.useCallback(q=>{j($=>{const U=new Set($);return U.has(q)?U.delete(q):U.add(q),U})},[]),k=c.useCallback(q=>{const $=y[q];if(!$)return;T.current.get($.threadMessageId)?.scrollIntoView({behavior:"smooth",block:"nearest"})},[y]),E=c.useCallback(()=>{if(y.length===0)return;const q=Math.min(M+1,y.length-1);F(q),k(q)},[y.length,M,k]),D=c.useCallback(()=>{if(y.length===0)return;const q=Math.max(M-1,0);F(q),k(q)},[y.length,M,k]),I=c.useCallback(()=>{const q=y[M];q&&A(q.threadMessageId)},[y,M,A]),{data:L}=ve({...Ot(),staleTime:1/0}),N=L?.accounts?.[0],K=!!N?.smtpHost;Bv({messages:y,expandedIds:O,threadId:e,mailboxId:t,accountId:N?.accountId});const{toggleStar:re,isPending:ae,pendingMessageId:oe}=So({threadId:e,mailboxId:t,messages:y}),[ee,te]=c.useState(null);c.useEffect(()=>{l&&l!=="new"&&(te(l),u?.())},[l,u]);const{data:me}=ve({...or({path:{messageId:C?.messageId??""}}),enabled:!!C&&ee!==null}),de=c.useCallback(()=>{te("reply")},[]),se=c.useCallback(()=>{te("reply_all")},[]),H=c.useCallback(()=>{te("forward")},[]),pe=c.useCallback(()=>{te(null),u?.()},[u]);if(yo({enabled:!v&&y.length>0&&ee===null,bindings:[{key:"j",handler:E,preventDefault:!0},{key:"ArrowDown",handler:E,preventDefault:!0},{key:"k",handler:D,preventDefault:!0},{key:"ArrowUp",handler:D,preventDefault:!0},{key:"Enter",handler:I,preventDefault:!0},{key:"o",handler:I,preventDefault:!0},...K?[{key:"r",handler:de,preventDefault:!0},{key:"R",handler:se,noModifiers:!1,preventDefault:!0},{key:"f",handler:H,preventDefault:!0}]:[]]}),v)return r.jsx(r0,{});if(b)return r.jsx("div",{className:"flex h-full items-center justify-center",children:r.jsx(Jt,{title:"Couldn't load this conversation",error:S,onRetry:()=>w()})});if(y.length===0)return r.jsx("div",{className:"flex h-full items-center justify-center",children:r.jsx(Su,{message:"No messages in this thread"})});const J=s||y[0]?.subject||"(No subject)",xe=y.length,be=q=>r.jsx("div",{children:y.map(($,U)=>r.jsx("div",{ref:fe=>{fe&&T.current.set($.threadMessageId,fe)},children:r.jsx(n0,{threadMessage:$,isExpanded:O.has($.threadMessageId),isFocused:U===M,onToggle:()=>A($.threadMessageId),onToggleStar:()=>re($.messageId,$.hasStars),isStarPending:ae&&oe===$.messageId,accountId:g,mobile:q,onReply:q&&K?de:void 0,onReplyAll:q&&K?se:void 0,onForward:q&&K?H:void 0})},$.threadMessageId))}),G=r.jsxs("header",{className:"border-b border-line px-5 pt-5 pb-3",children:[r.jsx("h1",{className:"max-w-2xl text-lg font-semibold leading-snug text-fg",children:J}),r.jsxs("p",{className:"mt-1 text-2xs text-fg-subtle",children:[xe," ",xe===1?"message":"messages"]})]});return h?r.jsxs("article",{className:"h-full flex flex-col",children:[G,a?.dkimMismatch&&r.jsx(ul,{authenticity:a,onOpenIntelligence:o}),r.jsx("div",{className:"flex-1 overflow-auto",children:be(!1)}),ee!==null&&r.jsx(tl,{mode:ee,account:N,sourceMessage:me,onClose:pe})]}):r.jsxs(zp,{thread:{subject:J,messages:[]},onBack:i??(()=>{}),intelligenceOpen:d,onToggleIntelligence:o,touchHandlers:x,children:[a?.dkimMismatch&&r.jsx(ul,{authenticity:a,onOpenIntelligence:o}),be(!0),ee!==null&&r.jsx(tl,{mode:ee,account:N,sourceMessage:me,onClose:pe})]})},a0=new Set(["discovering_mailboxes","syncing_inbox","syncing_others"]);function sd(e){return!!e&&a0.has(e)}const nd=3e3,o0=nd*2,dl={syncing:!1,resolved:!1,synced:0,total:0};function i0(e,t){const s=e.join(","),[n,a]=c.useState(!1),[o,i]=c.useState(!1);c.useEffect(()=>{a(!1),i(!1)},[s,t]),c.useEffect(()=>{if(!t)return;const g=setTimeout(()=>i(!0),o0);return()=>clearTimeout(g)},[s,t]);const l=pt({queries:e.map(g=>({...tm({path:{accountId:g}}),enabled:t&&!n,refetchInterval:nd,meta:{softError:!0}}))}),u=l.every(g=>g.isSuccess||g.isError),m=l.length===0||u||o;let f=!1,d=0,h=0;for(const g of l)if(sd(g.data?.syncPhase)){f=!0;for(const p of g.data?.mailboxes??[])d+=p.messagesSynced,h+=p.messagesTotal}const x=t&&m&&!f;return c.useEffect(()=>{x&&a(!0)},[x]),!t||!m?dl:{syncing:f,resolved:!0,synced:d,total:h}}function ps(){const{mailboxNameIndex:e,accountNameIndex:t}=Re();return{...Rt({select:n=>du(n.matches)})?{}:{mailboxesByName:e},accountsByName:t}}const Mo=e=>e.trim().toLocaleLowerCase(),rd={personal:"Personal",uncategorized:"Unclassified",transactional:"Transactional",newsletter:"Newsletter",marketing:"Marketing",social:"Social",automated:"Automated"},l0=Object.values(at).map(e=>({value:e,label:rd[e]})),c0={unclassified:"uncategorized"},wa=[{name:"from",label:"Sender",values:"contact"},{name:"subject",label:"Subject",values:"text"},{name:"category",label:"Category",values:"fixed",options:l0},{name:"is",label:"State",values:"fixed",options:[{value:"unread",label:"Unread"},{value:"read",label:"Read"},{value:"starred",label:"Starred"}]},{name:"has",label:"Contents",values:"fixed",options:[{value:"attachment",label:"Has attachment"}]},{name:"in",label:"Folder",values:"mailbox"},{name:"account",label:"Account",values:"account"},{name:"after",label:"Sent on or after",values:"date"},{name:"before",label:"Sent before",values:"date"}],u0=new Map(wa.map(e=>[e.name,e])),ad=e=>u0.get(e.toLowerCase()),d0=/^\d{4}-\d{2}-\d{2}$/,f0=e=>/[\s"]/.test(e),m0=e=>f0(e)?`"${e.replace(/"/g,"")}"`:e,od=(e,t)=>`${e}:${m0(t)}`,h0=e=>{if(!e.startsWith('"'))return e;const t=e.slice(1);return t.endsWith('"')?t.slice(0,-1):t};function Ao(e){const t=[];let s=-1,n=!1;for(let a=0;a<e.length;a++){const o=e[a];if(o==='"'){n=!n,s<0&&(s=a);continue}if(!n&&/\s/.test(o)){s>=0&&t.push({raw:e.slice(s,a),start:s,end:a}),s=-1;continue}s<0&&(s=a)}return s>=0&&t.push({raw:e.slice(s),start:s,end:e.length}),t}function id(e){const t=e.indexOf(":");if(t<=0)return;const s=e.slice(t+1);return{name:e.slice(0,t).toLowerCase(),value:h0(s),rawValue:s}}function p0(e,t,s){if(!d0.test(s))return;const n=Date.parse(`${s}T00:00:00Z`);if(!Number.isNaN(n))return{type:e,raw:t,value:s,epochSeconds:Math.floor(n/1e3)}}function g0(e){const t=e.toLowerCase(),s=c0[t];return s||Object.values(at).find(a=>a===t)}function x0(e,t){switch(t.toLowerCase()){case"unread":return{type:"isUnread",raw:e};case"read":return{type:"isRead",raw:e};case"starred":case"flagged":return{type:"isStarred",raw:e};default:return}}function b0(e,t){const s=id(e);if(!s||s.value.length===0)return;const{name:n,value:a}=s;switch(n){case"from":return{type:"from",raw:e,value:a};case"subject":return{type:"subject",raw:e,value:a};case"category":{const o=g0(a);return o?{type:"category",raw:e,value:a,category:o}:void 0}case"is":return x0(e,a);case"has":return a.toLowerCase()==="attachment"?{type:"hasAttachment",raw:e}:void 0;case"before":case"after":return p0(n,e,a);case"in":{const o=t.mailboxesByName?.get(a.toLowerCase());return o?{type:"in",raw:e,value:a,mailboxId:o}:void 0}case"account":{const o=t.accountsByName?.get(a.toLowerCase());return o?{type:"account",raw:e,value:a,accountId:o}:void 0}default:return}}function qs(e,t={}){const s=[],n=[];for(const a of Ao(e)){const o=b0(a.raw,t);o?s.push(o):n.push(a.raw)}return{freeText:n.join(" "),tokens:s}}function v0(e,t){return Ao(e).filter(s=>s.raw!==t.raw).map(s=>s.raw).join(" ")}function ld(e){switch(e.type){case"from":return`From: ${e.value}`;case"subject":return`Subject: ${e.value}`;case"category":return`Category: ${rd[e.category]}`;case"hasAttachment":return"Has attachment";case"isUnread":return"Unread";case"isRead":return"Read";case"isStarred":return"Starred";case"before":return`Before ${e.value}`;case"after":return`After ${e.value}`;case"in":return`In: ${e.value}`;case"account":return`Account: ${e.value}`}}const y0=20,w0=new Set(Object.values(at)),S0=e=>e!==void 0&&w0.has(e)?e:void 0,k0=e=>{if(e.some(t=>t.type==="isUnread"))return!1;if(e.some(t=>t.type==="isRead"))return!0};function cd({mailboxId:e,filterCategory:t}={}){const{searchQuery:s}=Re(),n=ps(),a=Rt({select:y=>y.matches}),o=Mo(s),{freeText:i,tokens:l}=qs(o,n),u=i.length>0,m=l.find(y=>y.type==="category"),f=S0(t)??m?.category,d=l.some(y=>y.type==="hasAttachment")?!0:void 0,h=l.some(y=>y.type==="isStarred")?!0:void 0,x=k0(l),g=l.find(y=>y.type==="after"),p=l.find(y=>y.type==="before"),v=l.find(y=>y.type==="in"),b=Yb({matches:a,callerMailboxId:e,inTokenMailboxId:v?.mailboxId}),{data:S,isLoading:w}=ve({...Wl({query:{query:i,mailboxId:b,limit:y0,...f!==void 0?{category:f}:{},...d!==void 0?{hasAttachment:d}:{},...h!==void 0?{hasStars:h}:{},...x!==void 0?{isRead:x}:{},...g?{sentDateFrom:g.epochSeconds}:{},...p?{sentDateTo:p.epochSeconds}:{}}}),enabled:u,staleTime:6e4});return{hits:S?.items??[],isLoading:u&&w}}const j0=(e,t)=>e.createdAt!==t.createdAt?e.createdAt-t.createdAt:e.accountId.localeCompare(t.accountId),C0=e=>[...e].sort(j0);function Gn(e){const t=e.authenticity?.dkimMismatch===!0;return{id:e.messageId,accountId:e.accountId,mailboxId:e.mailboxId,fromName:e.fromName??e.fromEmail??"Unknown",fromEmail:e.fromEmail??"",subject:e.subject??"(No subject)",snippet:e.snippet??"",timeLabel:ht(e.sentDate),sentDate:e.sentDate,isRead:e.isRead,hasAttachment:e.hasAttachment,starred:e.hasStars===!0,trust:e.senderTrust,category:Sr(e.category),suspicious:t}}function fl(e){return e.filter(t=>t.muted!==!0)}function N0(e,t){const s=new Set,n=[];for(const a of[...e,...t])s.has(a.id)||(s.add(a.id),n.push(a));return n.sort((a,o)=>(o.sentDate??0)-(a.sentDate??0))}const ml=[{id:"personal",label:"Personal",category:at.personal},{id:"transactional",label:"Transactional",category:at.transactional},{id:"newsletter",label:"Newsletter",category:at.newsletter},{id:"marketing",label:"Marketing",category:at.marketing},{id:"social",label:"Social",category:at.social},{id:"automated",label:"Automated",category:at.automated},{id:"uncategorized",label:"Unclassified",category:at.uncategorized}];function E0(e){const t=new Map(ml.map(n=>[n.category,[]]));for(const n of e){const a=n.category??at.uncategorized;(t.get(a)??t.get(at.uncategorized))?.push(n)}const s=[];for(const n of ml){const a=t.get(n.category);a&&a.length>0&&s.push({id:n.id,label:n.label,threads:a})}return s}function ud(e,t){return e.fromName.toLowerCase().includes(t)||e.fromEmail.toLowerCase().includes(t)||e.subject.toLowerCase().includes(t)||e.snippet.toLowerCase().includes(t)}function Oo(e,t){return t.every(s=>{switch(s.type){case"from":{const n=s.value.toLowerCase();return e.fromEmail.toLowerCase().includes(n)||e.fromName.toLowerCase().includes(n)}case"subject":return e.subject.toLowerCase().includes(s.value.toLowerCase());case"category":return(e.category??"uncategorized")===s.category;case"hasAttachment":return e.hasAttachment===!0;case"isUnread":return!e.isRead;case"isRead":return e.isRead===!0;case"isStarred":return e.starred===!0;case"after":return e.sentDate!=null&&e.sentDate>=s.epochSeconds*1e3;case"before":return e.sentDate!=null&&e.sentDate<s.epochSeconds*1e3;case"in":return e.mailboxId===s.mailboxId;case"account":return e.accountId===s.accountId;default:return!1}})}const I0={sender:"sender",recipient:"recipient",subject:"subject",attachment:"attachment",body:"body",entities:"entities"};function T0(e){return I0[e]??e}function R0(e,t){const{folder:s}=Wa(t,[e.mailboxId]);return{id:e.messageId,sender:e.fromName??e.fromEmail??"Unknown",...e.fromEmail?{senderEmail:e.fromEmail}:{},subject:e.subject??"(No subject)",snippet:e.snippet??"",date:ht(e.sentDate),unread:!e.isRead,flagged:e.hasStars===!0,threadId:e.threadId,mailboxId:e.mailboxId,...s?{folder:s}:{}}}function Sa(e,t){const{folder:s}=Wa(t,e.mailboxId?[e.mailboxId]:[]);return{id:e.id,sender:e.fromName,...e.fromEmail?{senderEmail:e.fromEmail}:{},subject:e.subject,snippet:e.snippet,date:e.timeLabel,unread:!e.isRead,flagged:e.starred===!0,...e.mailboxId?{mailboxId:e.mailboxId}:{},...s?{folder:s}:{}}}function M0(e,t){const{mailboxId:s,folder:n}=Wa(t,e.mailboxIds);return{id:e.messageId,sender:e.fromName??"Unknown",subject:e.subject??"(No subject)",snippet:"",date:e.sentDate!=null?ht(e.sentDate*1e3):"",threadId:e.threadId,matchedChunkLabel:T0(e.matchedChunkType),score:e.score,...s?{mailboxId:s}:{},...n?{folder:n}:{}}}function dd(e,t,s){const n=new Set(t),a=[];for(const o of[...e].sort((i,l)=>l.score-i.score))n.has(o.threadId)||(n.add(o.threadId),a.push(M0(o,s)));return a}function fd(e){const{spam:t}=uo([...e]),s=new Map;for(const a of t)a.mailboxId&&s.set(a.mailboxId,(s.get(a.mailboxId)??0)+1);let n;for(const[a,o]of s)(!n||o>n.count)&&(n={mailboxId:a,count:o});return n}const A0=e=>{const{mailboxId:t,messages:s}=e,n=Te(),{pushError:a}=st(),{mutateAsync:o,isPending:i}=Fe({...sm(),onError:(u,m)=>{a({title:m.body.action==="Remove"?"Couldn't remove label":"Couldn't apply label",detail:mt(u),error:u})},onSettled:(u,m,f)=>{Lt(n,Pt(yr(f.body.messageIds??[],s??[],t)))}});return{applyLabel:c.useCallback((u,m,f)=>{u.length!==0&&vr(u,d=>o({body:{messageIds:d,labelId:m,action:f}}))},[o]),isPending:i}};function md({accountId:e,mailboxId:t,messageIds:s}){const{labels:n}=eo(e),{applyLabel:a}=A0({mailboxId:t}),o=c.useMemo(()=>n.map(i=>({key:i.labelId,label:i.name,icon:r.jsx("span",{className:`size-2.5 rounded-full ${nm(i.color)?Wo[i.color]:Wo.Default}`}),onSelect:()=>a(s,i.labelId,"Apply")})),[n,s,a]);return o.length===0?null:r.jsx(lo,{triggerLabel:"Apply label to selected messages",triggerIcon:r.jsx(rm,{className:"size-4 text-fg-subtle"}),triggerText:"Apply label",items:o,align:"start",nested:!0,touch:!1,triggerClassName:"min-h-11 w-full justify-start gap-3 px-4 py-2.5 text-sm font-normal text-fg"})}const O0=768,D0=1024,hd=e=>e!=="desktop",Cr=()=>{const e=Qo(`(min-width: ${O0}px)`);return Qo(`(min-width: ${D0}px)`)?"desktop":e?"tablet":"phone"},pd=8;function Do(e,t){const s=Math.max(0,Math.min(t,e.length)),n=Ao(e).find(o=>s>=o.start&&s<=o.end);if(!n)return{start:s,end:s,raw:""};const a=id(n.raw);return a?{start:n.start,end:n.end,raw:n.raw,name:a.name,value:a.value}:{start:n.start,end:n.end,raw:n.raw}}function P0(e,t){const s=Do(e,t);if(s.name===void 0)return{kind:"token",query:s.raw};const n=ad(s.name);if(n)return{kind:"value",token:n.name,source:n.values,query:s.value??""}}const L0={mailbox:"mailboxes",account:"accounts",contact:"contacts"},F0=(e,t)=>{if(e.values==="fixed")return e.options??[];const s=L0[e.values];return s?t[s]??[]:[]},$0=(e,t)=>{if(t==="")return 1;const s=e.toLowerCase();return s.startsWith(t)?0:s.includes(t)?1:-1},ka=(e,...t)=>{let s=-1;for(const n of t){if(n===void 0)continue;const a=$0(n,e);a<0||(s<0||a<s)&&(s=a)}return s},gd=e=>{const t=new Set;return e.filter(s=>s.rank>=0).sort((s,n)=>s.rank-n.rank).filter(s=>{const n=s.suggestion.value.toLowerCase();return t.has(n)?!1:(t.add(n),!0)}).slice(0,pd).map(s=>s.suggestion)},hl=e=>({value:`${e.name}:`,label:`${e.name}:`,hint:e.label});function _0(e){const t=e.trim().toLowerCase();if(t==="")return wa.map(hl);const s=[];for(const n of wa)if(s.push({rank:ka(t,`${n.name}:`,n.label),suggestion:hl(n)}),n.values==="fixed")for(const a of n.options??[]){const o=od(n.name,a.value);s.push({rank:ka(t,o,a.label),suggestion:{value:o,label:a.label??o,hint:o}})}return gd(s)}function z0(e,t,s){const n=t.trim().toLowerCase(),a=F0(e,s).map(o=>({rank:ka(n,o.value,o.label),suggestion:{value:od(e.name,o.value),label:o.label??o.value,...o.hint?{hint:o.hint}:{}}}));return gd(a)}function B0(e,t,s={}){const n=Do(e,t);if(n.name===void 0)return _0(n.raw);const a=ad(n.name);return a?z0(a,n.value??"",s):[]}function K0(e,t,s){const n=Do(e,t),a=!s.value.endsWith(":"),o=/\s/.test(e.slice(n.end,n.end+1)),i=a&&!o?`${s.value} `:s.value;return{query:e.slice(0,n.start)+i+e.slice(n.end),cursor:n.start+i.length+(a&&o?1:0)}}const U0=e=>({value:e.normalizedEmail,...e.displayName?{label:e.displayName,hint:e.normalizedEmail}:{}});function q0(e){const t=new Map;for(const s of e){const n=s.email.toLowerCase(),a=n.split("@")[0];a&&!t.has(a)&&t.set(a,s.accountId),t.has(n)||t.set(n,s.accountId)}return t}function H0(e){const t=new Map;for(const s of e)for(const n of s){const a=n.fullPath?.toLowerCase();if(!a)continue;const o=a.split("/").pop();t.has(a)||t.set(a,n.mailboxId),o&&!t.has(o)&&t.set(o,n.mailboxId)}return t}function W0(e,t=[]){const s=e.flat().filter(o=>o.fullPath),n=new Map;for(const o of s){const i=oa(o.fullPath).toLowerCase();n.set(i,(n.get(i)??0)+1)}const a=new Map(t.map(o=>[o.accountId,o.email]));return s.map(o=>{const i=oa(o.fullPath),l=n.get(i.toLowerCase())===1,u=t.length>1?a.get(o.accountId):void 0;return{value:l?i:o.fullPath,label:o.displayNameOverride?.trim()||i,...u?{hint:u}:{}}})}function V0(e){const t=new Map;for(const s of e){const n=s.email.toLowerCase().split("@")[0]??"";t.set(n,(t.get(n)??0)+1)}return e.map(s=>{const n=s.email.split("@")[0]??s.email,a=t.get(n.toLowerCase())===1,o=s.displayName?.trim();return{value:a?n:s.email,label:o||s.email,...o?{hint:s.email}:{}}})}const Q0=250,G0=2;function Y0({query:e,cursor:t,enabled:s}){const{accounts:n}=Re(),{mailboxesByName:a}=ps(),o=a!==void 0,i=s?P0(e,t):void 0,l=i?.source==="contact"?i.query.trim():"",u=ir(l,Q0),{data:m}=ve({...sr({query:{q:u,limit:pd}}),enabled:u.length>=G0}),f=pt({queries:n.map(g=>({...ot({path:{accountId:g.accountId}}),staleTime:1/0}))}),d=c.useMemo(()=>o?W0(f.map(g=>g.data?.items??[]),n):[],[o,f,n]),h=c.useMemo(()=>V0(n),[n]),x=c.useMemo(()=>(m?.items??[]).map(U0),[m]);return c.useMemo(()=>{if(!s)return[];const g=B0(e,t,{mailboxes:d,accounts:h,contacts:x});return o?g:g.filter(p=>p.value!=="in:")},[s,e,t,d,h,x,o])}const X0={title:"",navSlot:null,titleMeta:null,searchSlot:null,searchField:null,searchResults:null,makeFilterSlot:null},ja=c.createContext(X0),Nr=()=>c.useContext(ja),J0=new Set(["hasAttachment","isUnread","isRead","isStarred","category","before","after"]),Z0=e=>J0.has(e),ew=(e,{searchHadSemanticReach:t})=>{const s=[],n=[];let a,o;for(const u of e.tokens){if(u.type==="from"){s.push({field:"From",value:u.value});continue}if(u.type==="subject"){s.push({field:"Subject",value:u.value});continue}if(u.type==="in"){a={mailboxId:u.mailboxId,label:u.value};continue}if(u.type==="account"){o=u.accountId;continue}Z0(u.type)&&n.push({type:u.type,label:ld(u)})}const i=e.freeText.trim(),l=i.length>0;return l&&s.push({field:"HasWords",value:i}),{clauses:s,matchOperator:"all",scopedOut:a,droppedFacets:n,targetAccountId:o,keptTerms:l,droppedSemantic:l&&t}},tw=(e,t,s)=>e.targetAccountId??t??s[0]?.accountId,xd="remit.recentSearches",sw=5;function Ca(){try{const e=localStorage.getItem(xd);if(!e)return[];const t=JSON.parse(e);return Array.isArray(t)?t.filter(s=>typeof s=="string"):[]}catch{return[]}}function pl(e){const t=e.trim();if(!t)return Ca();const s=[t,...Ca().filter(n=>n!==t)].slice(0,sw);try{localStorage.setItem(xd,JSON.stringify(s))}catch{return s}return s}const nw=e=>e.tier!=="phone"&&e.hasLiveInput&&!(e.bodyRendersCommittedResults&&e.hasCommittedQuery);function bd({title:e,unreadCount:t,children:s,selectionBar:n,paneOverlay:a,footer:o,searchFilter:i,searchResults:l,searchLoading:u,relatedResults:m,relatedLoading:f,onSelectSearchResult:d,searchResultsLabel:h="Top matches",relatedResultsLabel:x="Related",searchResultsInBody:g=!1}){const{accounts:p,resultFolderIndex:v,searchQuery:b,searchInput:S,onSearchChange:w,onSearchClear:y,searchViewKey:C}=Re(),T=ps(),O=We(),j=Fs(),R=Cr(),[P,M]=c.useState(!1),[F,A]=c.useState(Ca),k=am(),E=c.useRef(C);c.useEffect(()=>{E.current!==C&&(E.current=C,M(!1))},[C]);const[D,I]=c.useState(0),[L,N]=c.useState(!1),[K,re]=c.useState(void 0),ae=Y0({query:S,cursor:D,enabled:L&&S.trim().length>0}),oe=c.useCallback(Z=>{const le=K0(S,D,Z);w(le.query),re({cursor:le.cursor})},[S,D,w]),ee=Kl({count:ae.length,onAccept:Z=>{const le=ae[Z];le&&oe(le)}}),{comboboxProps:te,handleKeyDown:me}=ee,de=c.useMemo(()=>({comboboxProps:te,onKeyDown:me,onCaretChange:I,onFocusChange:N,...K?{caret:K}:{}}),[te,me,K]),se=ee.open?r.jsx(Ul,{id:ee.listId,suggestions:ae,activeIndex:ee.activeIndex,optionId:ee.optionId,onPick:oe,onHighlight:ee.setActiveIndex,label:"Search suggestions",className:"mx-row-inset mt-1 shrink-0"}):null,H=S.trim().length>0,{mailboxesByName:pe,accountsByName:J}=T,xe=c.useMemo(()=>qs(S,{mailboxesByName:pe,accountsByName:J}),[S,pe,J]),be=xe.tokens.map(Z=>({label:ld(Z),onRemove:()=>w(v0(S,Z))})),G=l??[],q=m??[],$=H?[{id:"top",label:h,results:G},{id:"related",label:x,results:q}]:[],fe=!(G.length+q.length>0)&&(u===!0||f===!0),{scope:he}=hu(p),Me=Rt({select:Z=>Z.matches}),ze=fu(Me),we=Jb(Me,he,ze?v.get(ze)?.role:void 0),ie=we.kind==="global"?fd([...G,...q]):void 0,ft=ie?{kind:"global",onScopeToSpam:()=>O({to:"/mail/$mailboxId",params:{mailboxId:ie.mailboxId},search:{q:b||void 0,selectedMessageId:void 0,selectedThreadId:void 0}})}:we,Le=q.length>0,Y=c.useMemo(()=>ew(xe,{searchHadSemanticReach:Le}),[xe,Le]),Se=H?Y:void 0,Ve=H?{onClick:()=>{M(!1),k("properties","search")},blockedReason:lx(Y)?void 0:"Add a sender or words to filter on"}:void 0,Ae=Ve?r.jsx(Dc,{...Ve}):null,ge=nw({tier:R,hasLiveInput:H,hasCommittedQuery:b.trim().length>0,bodyRendersCommittedResults:g}),it=Z=>{A(pl(S)),d?.(Z)},Xe=r.jsx(Pc,{value:S,sections:$,loading:fe,onSelectResult:it,tokens:be,scope:ft}),Oe=n===void 0,Ke=ge?r.jsx("div",{className:"h-full overflow-y-auto",children:Xe}):null,Ue=Ke&&!Oe?Ke:s,Ze=Ke&&Oe?Ke:null,nt=hd(R),je=nt&&(P||H),V=c.useMemo(()=>({title:e,searchResults:Ze,makeFilterSlot:Ae,searchConversion:Se,navSlot:j&&!j.showNavPane&&r.jsx(ce,{variant:"ghost",size:"touch",icon:r.jsx(Ja,{className:"size-5"}),onClick:()=>j.openNav(),"aria-label":"Menu",className:"-ml-2 shrink-0"}),titleMeta:r.jsxs("span",{className:"shrink-0 text-2xs text-fg-subtle",children:[t.toLocaleString()," unread"]}),searchSlot:nt&&!je&&r.jsx(ce,{variant:"ghost",size:"touch",icon:r.jsx(er,{className:"size-5"}),onClick:()=>M(!0),"aria-label":"Search",className:"shrink-0"}),searchField:je&&r.jsxs(r.Fragment,{children:[r.jsx("div",{className:"min-w-0 flex-1",children:r.jsx(co,{value:S,onChange:w,onClear:y,globalFocusKey:!1,showClearButton:!1,suggest:de})}),r.jsx(ce,{variant:"ghost",size:"touch",icon:r.jsx(Ct,{className:"size-5"}),onClick:()=>{y(),M(!1)},"aria-label":"Close search",className:"shrink-0"})]})}),[e,t,j,nt,je,S,w,y,de,Ze,Ae,Se]);if(R==="phone"&&P){const Z=le=>{A(pl(S)),M(!1),d?.(le)};return r.jsxs(ja.Provider,{value:V,children:[r.jsx(hg,{value:S,onChange:w,onClear:y,onCancel:()=>{M(!1),y()},filter:i,recentSearches:F,onPickRecent:w,makeFilter:Ve,sections:$,loading:fe,onSelectResult:Z,tokens:be,scope:ft,suggest:de,suggestList:se}),a]})}return r.jsx(ja.Provider,{value:V,children:r.jsxs("section",{className:"relative flex h-full w-full flex-col bg-surface",children:[n?.(V),se,r.jsx("div",{className:"min-h-0 flex-1",children:Ue}),o,a]})})}const rw=120,vd=({keyboardFocusedMessageId:e,openMessageId:t,enabled:s,open:n,delayMs:a=rw})=>{const o=c.useRef(n);o.current=n;const i=c.useRef(void 0);c.useEffect(()=>{const l=e;if(!s){i.current=l;return}if(l===void 0||l===t)return;if(l===i.current){i.current=void 0;return}const u=setTimeout(()=>o.current(l),a);return()=>clearTimeout(u)},[s,e,t,a])},aw=(e,t,s)=>{const n=e.indexOf(s);if(n===-1)return[];const a=t===void 0?-1:e.indexOf(t);if(a===-1)return[s];const o=Math.min(a,n),i=Math.max(a,n);return e.slice(o,i+1)},ow=(e,t,s,n)=>t!==void 0&&e.includes(t)?t:s!==void 0&&e.includes(s)?s:n,iw=(e,t)=>{const s=new Set(t),n=new Set;for(const a of e)s.has(a)&&n.add(a);return n},yd=(e,t,s)=>{if(e.length===0)return;const n=t===void 0?-1:e.indexOf(t);if(n===-1)return s>0?e[0]:e[e.length-1];const a=Math.min(Math.max(n+s,0),e.length-1);return e[a]},wd=e=>{const[t,s]=c.useState(new Set),[n,a]=c.useState(void 0),o=c.useCallback(p=>t.has(p),[t]),i=c.useCallback(p=>{a(p),s(v=>{const b=new Set(v);return b.has(p)?b.delete(p):b.add(p),b})},[]),l=c.useCallback(p=>{a(p),s(v=>{if(v.has(p))return v;const b=new Set(v);return b.add(p),b})},[]),u=c.useCallback(p=>{s(v=>{if(!v.has(p))return v;const b=new Set(v);return b.delete(p),b})},[]),m=c.useCallback(p=>{s(new Set(p))},[]),f=c.useCallback(()=>{a(void 0),s(new Set)},[]),d=c.useCallback(p=>{s(v=>p.every(S=>v.has(S))?new Set:new Set(p))},[]),h=c.useCallback(p=>{a(p)},[]),x=c.useCallback(p=>{s(v=>{if(v.size===0)return v;const b=iw(v,p);return b.size===v.size?v:b})},[]),g=c.useCallback((p,v,b)=>{const S=ow(p,n,b,v);s(w=>{const y=aw(p,S,v);if(y.length===0)return w;const C=new Set(w);for(const T of y)C.add(T);return C}),a(S)},[n]);return{selectedIds:t,selectedCount:t.size,hasSelection:t.size>0,isSelected:o,toggle:i,select:l,deselect:u,selectAll:m,clearSelection:f,toggleAll:d,selectRange:g,setAnchor:h,anchorId:n,intersectWith:x}},Sd=(e,t)=>!t&&e>0,lw=(e,t,s)=>e==="BACK"&&t&&s===void 0,cw=({orderedIds:e,isDesktop:t,initialFocusedId:s,onExitSelection:n})=>{const[a,o]=c.useState(s),[i,l]=c.useState(),u=c.useCallback(D=>{l(I=>I===D?I:void 0),o(D)},[]),m=wd(),{selectedCount:f,toggle:d,clearSelection:h,selectRange:x,setAnchor:g,selectAll:p}=m,v=Sd(f,t),b=c.useRef(null),S=c.useRef(!1),w=c.useCallback(()=>{n?.(),h()},[h,n]),y=c.useMemo(()=>a?e.indexOf(a):-1,[e,a]),C=c.useCallback(D=>{if(D<0||D>=e.length)return;const I=e[D];if(v){d(I);return}b.current=I,S.current=!1,l(I),o(I)},[e,v,d]),T=c.useCallback(()=>{e.length!==0&&C(y<0?0:Math.min(y+1,e.length-1))},[e.length,y,C]),O=c.useCallback(()=>{e.length!==0&&C(y<=0?0:y-1)},[e.length,y,C]),j=c.useCallback(()=>C(0),[C]),R=c.useCallback(()=>C(e.length-1),[C,e.length]),P=c.useCallback(()=>{a&&d(a)},[a,d]),M=c.useCallback((D,I)=>I.shiftKey?(x(e,D,a),!0):I.metaKey||I.ctrlKey?(d(D),!0):(w(),g(D),!1),[e,a,x,d,w,g]),F=c.useCallback(D=>{const I=yd(e,a,D);I!==void 0&&(x(e,I),b.current=I,S.current=!1,l(void 0),o(I))},[e,a,x]),A=c.useCallback(()=>F(-1),[F]),k=c.useCallback(()=>F(1),[F]),E=c.useCallback(()=>{e.length>0&&p(e)},[e,p]);return{focusedMessageId:a,setFocusedMessageId:u,keyboardFocusedMessageId:i,focusIndex:y,pendingDomFocusRef:b,cursorMovedByPointerRef:S,selection:m,isMultiSelectMode:v,exitSelection:w,moveFocusToIndex:C,focusNext:T,focusPrevious:O,focusFirst:j,focusLast:R,toggleFocusedSelection:P,extendRangeUp:A,extendRangeDown:k,selectAllLoaded:E,handleRowSelect:M}};function kd(e,t){if(e.length!==0)return t!==void 0&&e.includes(t)?t:e[0]}const Po=c.createContext(null),uw=e=>{const t=c.useContext(Po);return t?t.rowInteraction(e):null},Lo=()=>{const e=c.useContext(Po);if(!e)throw new Error("useThreadListSelection must be used inside <ThreadListInteraction>");return e},dw="[data-message-id]",fw=e=>Array.from(e.querySelectorAll(dw)).map(t=>t.dataset.messageId).filter(t=>t!==void 0),mw=(e,t)=>e.length===t.length&&e.every((s,n)=>s===t[n]),hw=e=>{const[t,s]=c.useState([]);return c.useEffect(()=>{const n=e.current;if(!n)return;const a=()=>{const i=fw(n);s(l=>mw(l,i)?l:i)};a();const o=new MutationObserver(a);return o.observe(n,{childList:!0,subtree:!0}),()=>o.disconnect()},[e]),t};function jd({selectedMessageId:e,onOpen:t,onDeleteMessages:s,onSelectionVerb:n,wizardOpen:a=!1,isDeleting:o=!1,commandsRef:i,onTriageContextChange:l,children:u}){const m=Xt(),f=c.useRef(null),d=hw(f),h=cw({orderedIds:d,isDesktop:m,initialFocusedId:e}),{focusedMessageId:x,setFocusedMessageId:g,pendingDomFocusRef:p,cursorMovedByPointerRef:v,selection:b,isMultiSelectMode:S,exitSelection:w,handleRowSelect:y}=h,{selectedIds:C,selectedCount:T,isSelected:O,toggle:j,select:R,toggleAll:P}=b,M=d.length>0&&d.every(H=>C.has(H)),F=c.useCallback(()=>{d.length>0&&P(d)},[d,P]),{intersectWith:A}=b;c.useEffect(()=>{A(d)},[A,d]),c.useEffect(()=>{const H=p.current;H!==null&&(p.current=null,f.current?.querySelector(`[data-message-id="${H}"]`)?.focus())});const k=c.useCallback(H=>{v.current=!0,g(H)},[v,g]),E=c.useCallback(H=>{m||R(H)},[m,R]),D=c.useCallback(()=>{x&&t(x)},[x,t]),I=c.useCallback(H=>t(H,{replace:!0}),[t]);vd({keyboardFocusedMessageId:h.keyboardFocusedMessageId,openMessageId:e,enabled:m&&T===0,open:I});const[L,N]=c.useState(null),K=c.useCallback(H=>L!==null?!0:T>0?(n(H),!0):H!=="delete"||!x?!1:(N([x]),!0),[L,T,n,x]),re=c.useCallback(()=>{L!==null&&(s(L),N(null),w())},[L,s,w]),ae=c.useCallback(()=>N(null),[]),oe=c.useCallback(()=>T===0?!1:(w(),!0),[T,w]),ee=d.length>0;c.useEffect(()=>{if(i){if(!ee){i.current=null;return}return i.current={focusNext:h.focusNext,focusPrevious:h.focusPrevious,focusFirst:h.focusFirst,focusLast:h.focusLast,openFocused:D,toggleSelect:h.toggleFocusedSelection,extendSelectDown:h.extendRangeDown,extendSelectUp:h.extendRangeUp,selectAll:h.selectAllLoaded,clearSelection:oe,requestVerb:K,toggleDensity:()=>{}},()=>{i.current=null}}},[i,ee,h.focusNext,h.focusPrevious,h.focusFirst,h.focusLast,h.toggleFocusedSelection,h.extendRangeDown,h.extendRangeUp,h.selectAllLoaded,D,oe,K]);const te=c.useMemo(()=>Array.from(C),[C]),me=L!==null;c.useEffect(()=>{l?.({focusedMessageId:x,selectedIds:te,orderedIds:d,hasList:ee,blocksKeyboard:me||a})},[l,x,te,d,ee,me,a]);const de=kd(d,x),se=c.useMemo(()=>({selectedIds:C,selectedCount:T,exitSelection:w,startSelectionVerb:n,orderedIds:d,allSelected:M,toggleAllLoaded:F,rowInteraction:H=>({focused:H===x,isTabStop:H===de,isDesktop:m,onFocusRow:k,selection:{isChecked:O(H),onToggleCheck:j,onRowSelect:y,isMultiSelectMode:S,onLongPress:E}})}),[C,T,w,n,d,M,F,x,de,m,k,O,j,y,S,E]);return r.jsxs(Po.Provider,{value:se,children:[r.jsx("div",{ref:f,className:"contents",children:u}),r.jsx(to,{isOpen:me,title:Zl(L?.length??0),description:"You can restore them from Trash later.",confirmLabel:"Move to Trash",destructive:!0,isBusy:o,onConfirm:re,onCancel:ae})]})}function pw({title:e,isDeleting:t}){const s=Nr(),{selectedCount:n,exitSelection:a,startSelectionVerb:o,orderedIds:i,allSelected:l,toggleAllLoaded:u}=Lo();return r.jsx(fr,{title:s.title||e,navSlot:s.navSlot,titleMeta:s.titleMeta,searchSlot:s.searchSlot,searchField:s.searchField,idleSlot:s.makeFilterSlot,count:n,onCancel:a,onDelete:()=>o("delete"),onMarkRead:()=>o("markRead"),isBusy:t,selectAll:i.length>0?{checked:l,indeterminate:n>0&&!l,onChange:u}:void 0})}const Na=e=>({shiftKey:e.shiftKey,metaKey:e.metaKey,ctrlKey:e.ctrlKey}),gl=e=>e.shiftKey||e.metaKey||e.ctrlKey,Zr=e=>{e.preventDefault(),e.stopPropagation()},Cd=(e,t)=>{const s=c.useRef(!1),n=c.useCallback(i=>{if(s.current=!1,i.button!==0)return;const l=Na(i);gl(l)&&t?.(e,l)&&(Zr(i),s.current=!0,i.currentTarget.focus(),l.shiftKey&&window.getSelection()?.removeAllRanges())},[t,e]),a=c.useCallback(i=>{!i.ctrlKey||!t||i.preventDefault()},[t]),o=c.useCallback(i=>{if(s.current)return s.current=!1,Zr(i),!0;const l=Na(i);return!gl(l)||!t?.(e,l)?!1:(Zr(i),l.shiftKey&&window.getSelection()?.removeAllRanges(),!0)},[t,e]);return{onMouseDown:n,onContextMenu:a,claimClick:o}},gw=({thread:e,active:t=!1,focused:s,isTabStop:n,density:a="comfortable",isDesktop:o,badge:i,selection:l,inListbox:u=!1,linkMailboxId:m,onClick:f,onFocusRow:d})=>{const h=Te(),x=e.id,g=uw(x),p=s??g?.focused??!1,v=n??g?.isTabStop??!1,b=l??g?.selection,S=d??g?.onFocusRow,w=o??g?.isDesktop??!0,y=b?.isChecked??!1,C=b?.isMultiSelectMode??!1,T=b?.onToggleCheck,O=b?.onRowSelect,j=b?.onLongPress,R=c.useCallback(N=>{N.preventDefault(),N.stopPropagation(),T?.(x)},[T,x]),P=Cd(x,O),M=c.useCallback(N=>{if(!P.claimClick(N)){if(!w){if(C){N.preventDefault(),N.stopPropagation(),T?.(x);return}f?.();return}O?.(x,Na(N)),f?.()}},[P,w,C,T,O,f,x]),F=c.useCallback(()=>{j?.(x)},[j,x]),{longPressProps:A}=Nc({onLongPress:F,accessibilityDescription:y?"Deselect message":"Select message"}),k=c.useCallback(()=>{h.prefetchQuery(or({path:{messageId:x}}))},[h,x]),E=c.useCallback(()=>{k(),S?.(x)},[k,S,x]),D=$s({"data-list-row":"","data-message-row":!0,"data-message-id":x,...u?{role:"option","aria-selected":y}:{},tabIndex:v?0:-1,onClick:M,onMouseDown:P.onMouseDown,onContextMenu:P.onContextMenu,onMouseEnter:k,onFocus:E},w||!b?{}:A),I=_e(a==="compact"?kc({active:t,focused:p}):_e("group",zs({active:t,focused:p})),"outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-inset",y&&"bg-accent-soft",!w&&"min-h-11 select-none [-webkit-touch-callout:none]"),L=a==="compact"?r.jsx(jc,{thread:e}):r.jsx(oo,{thread:e,badge:i,selection:b?{checked:y,alwaysVisible:C,onToggle:R}:void 0});return m===void 0?r.jsx("button",{type:"button",...D,className:I,children:L}):r.jsx(Tt,{to:"/mail/$mailboxId",params:{mailboxId:m},search:N=>({...N,selectedMessageId:x}),...D,className:I,children:L})},Yn=c.memo(gw),Nd=8,Ed=e=>e==="From"||e==="FromDomain",xw=e=>({value:e.email,label:e.displayName??e.email,...e.displayName?{hint:e.email}:{},...e.fromSelection?{source:"selected"}:{}}),bw=e=>{const t=zc(e.email);if(t!==null)return{value:t,...e.fromSelection?{source:"selected"}:{}}},vw=(e,t)=>e.value.toLowerCase().includes(t)||(e.label??"").toLowerCase().includes(t),yw=(e,t,s)=>{if(!Ed(e))return[];const n=t.trim().toLowerCase(),a=new Set,o=[];for(const i of s){if(i.email.trim()==="")continue;const l=e==="From"?xw(i):bw(i);if(!l)continue;const u=l.value.toLowerCase();if(!(u===""||a.has(u))&&(a.add(u),u!==n&&!(n!==""&&!vw(l,n))&&(o.push(l),o.length===Nd)))break}return o},ww=250,Sw=2,kw=(e,t,s)=>{const n=t.trim(),a=ir(n,ww),o=e!==void 0&&Ed(e),{data:i}=ve({...sr({query:{q:a,limit:Nd}}),enabled:o&&a.length>=Sw});if(!o||e===void 0)return[];const l=[...s.map(u=>({email:u,fromSelection:!0})),...(i?.items??[]).map(u=>({email:u.normalizedEmail,...u.displayName?{displayName:u.displayName}:{}}))];return yw(e,n,l)},jw={delete:(e,t)=>`Deleting ${e} of ${t}…`,move:(e,t)=>`Moving ${e} of ${t}…`,markRead:(e,t)=>`Marking ${e} of ${t} as read…`},Id={delete:"moved to Trash",move:"moved",markRead:"marked as read"},Cw={delete:"couldn't be deleted",move:"couldn't be moved",markRead:"couldn't be marked as read"},Nw={delete:"Couldn't delete these messages",move:"Couldn't move these messages",markRead:"Couldn't mark these messages as read"},Ew={delete:"The delete didn't finish.",move:"The move didn't finish.",markRead:"The update didn't finish."},Iw=(e,t,s)=>jw[e](jt(t),jt(s)),xl=(e,t)=>`${jt(t)} ${Id[e]}. Your mail server is still catching up.`,Tw=e=>`Stopped after ${jt(e)}`,Rw=(e,t,s)=>`${jt(t)} of ${jt(s)} ${Id[e]}. Nothing was sent for the rest, so they are untouched.`,Mw=(e,t)=>t>0?`Stopped after ${jt(t)} — some messages ${Cw[e]}`:Nw[e],Aw=e=>Ew[e],Ow=e=>e==="delete"?"danger":"info",Dw=100,Pw=(e,t)=>e.kind==="move"?[t,e.destinationMailboxId]:[t],Td=({mailboxId:e,accountId:t,enabled:s,predicateKey:n,searchQuery:a})=>{const[o,i]=c.useState({kind:"idle"}),[l,u]=c.useState(void 0),[m,f]=c.useState(void 0),d=c.useRef(!1),h=c.useRef(!1),x=Te(),{pushError:g}=st();c.useEffect(()=>{h.current||(d.current=!0),i({kind:"idle"})},[s,n]);const p=c.useRef(a);p.current=a;const v=c.useCallback(j=>async R=>{const{data:P}=await Vl({path:{mailboxId:e},query:{...j,continuationToken:R,limit:Dw},throwOnError:!0});return{ids:(P.items??[]).map(M=>M.messageId),continuationToken:P.continuationToken}},[e]),b=c.useCallback(j=>v(p.current)(j),[v]),S=c.useCallback(j=>async R=>{if(j.kind==="move"){const{data:M}=await om({body:{messageIds:R,destinationMailboxId:j.destinationMailboxId},throwOnError:!0});return M}if(j.kind==="markRead"){const{data:M}=await im({body:{messageIds:R,isRead:!0},throwOnError:!0});return M}const{data:P}=await lm({body:{messageIds:R},throwOnError:!0});return P},[]),w=c.useCallback(j=>{Lt(x,Pt(Pw(j,e))),t&&x.invalidateQueries({queryKey:fs({path:{accountId:t}})})},[x,e,t]),y=c.useCallback(()=>{d.current=!1,i({kind:"counting",countSoFar:0}),Fv(b,j=>i({kind:"counting",countSoFar:j}),()=>d.current).then(j=>{if(j.error){g(is("Couldn't count matching messages","The count didn't finish.",j.error)),i({kind:"idle"});return}if(j.cancelled){i({kind:"idle"});return}i({kind:"escalated",total:j.total})})},[b,g]),C=c.useCallback(()=>{d.current=!0},[]),T=c.useCallback(()=>{h.current||(d.current=!0,i({kind:"idle"}))},[]),O=c.useCallback(async(j,R)=>{d.current=!1,h.current=!0,u(j);const P=k=>f(Lv(k)),M=S(j),F=v(p.current);let A;try{A=R!==void 0?await ku(R,M,P,()=>d.current):await Pv(F,o.kind==="escalated"?o.total:0,M,P,()=>d.current)}finally{h.current=!1}return u(void 0),f(void 0),i({kind:"idle"}),A.error&&g(is(Mw(j.kind,A.done),Aw(j.kind),A.error)),A.done>0&&w(j),A},[S,v,o,g,w]);return{phase:o,escalate:y,stop:C,clear:T,isRunning:l!==void 0,runningAction:l,progress:m,runAction:O}},Rd=12,Lw=e=>{const{envelope:t}=e,s=t.from[0];return{id:t.messageId,sender:s?Bc({normalizedEmail:s.normalizedEmail,displayName:s.displayName}):"Unknown",subject:t.subject??"(No subject)",date:ht(t.date)}},Fw=(e,t)=>{const s=e!==void 0&&t!==void 0,{data:n,isLoading:a}=ve({...Ql({path:{mailboxId:e??""},query:{...t,limit:Rd}}),enabled:s,staleTime:3e4});return{messages:(n?.items??[]).map($w),isPending:s&&a}},$w=e=>({id:e.messageId,sender:e.fromName||e.fromEmail||"Unknown",subject:e.subject??"(No subject)",date:ht(e.sentDate)}),_w=e=>pt({queries:e.slice(0,Rd).map(t=>({...or({path:{messageId:t}}),staleTime:Number.POSITIVE_INFINITY})),combine:t=>({messages:t.map(s=>s.data).filter(s=>s!==void 0).map(Lw),isPending:t.some(s=>s.isPending)})}),zw=e=>({matchOperator:"Or",literalClauses:hr(e)}),Bw=(e,t,s)=>{const n=Fe(cm()),{mutate:a,reset:o}=n,[i,l]=c.useState(!1),u=c.useMemo(()=>mr(s),[s]),m=c.useCallback(()=>{!e||!t||(l(!1),a({path:{accountId:e},body:Go({anchorMessageId:t,matchOperator:"And",literalClauses:[]})}))},[e,t,a]),f=c.useCallback(()=>{l(!1),o()},[o]),d=n.data,h=d?.semanticUnavailable===!0&&!i&&u.length>0;c.useEffect(()=>{!h||!e||(l(!0),a({path:{accountId:e},body:Go(zw(u))}))},[h,e,u,a]);const x=i||(d?.semanticUnavailable??!1),g=n.isPending||h,p=i?{matchOperator:"Or",literalClauses:hr(u)}:{...t?{anchorMessageId:t}:{},matchOperator:"And",literalClauses:[]};return{preview:m,reset:f,matchedCount:g?void 0:d?.matchedCount,messageIds:g?void 0:d?.messageIds,semanticUnavailable:x,senderFallback:i,senders:u,matchPredicate:p,isPending:g,isError:n.isError,error:n.error}},Kw=()=>[rr({path:{mailboxId:""}}),qa({path:{mailboxId:""}}),Ha()].map(e=>[{_id:e[0]._id}]),Uw=e=>ju(e)?e.pages:Cu(e)?[e]:[],qw=e=>typeof e=="object"&&e!==null&&typeof e.messageId=="string",Hw=(e,t)=>{const s=new Set(t),n=new Map;for(const a of e)for(const o of Uw(a))for(const i of o.items){if(!qw(i)||!s.has(i.messageId))continue;const l=i.subject?.trim();l&&n.set(i.messageId,l)}return t.map(a=>n.get(a)).filter(a=>a!==void 0)},Ww=e=>{const t=Te(),s=e.join("\0");return c.useMemo(()=>{const n=Kw().flatMap(a=>t.getQueriesData({queryKey:a}).map(([,o])=>o));return Hw(n,e)},[t,s])},Vw=({failure:e,isStarting:t,isRunning:s,isDone:n,failedCount:a,ruleSaved:o})=>e?.kind==="startFailed"?o?"backApplyStartFailed":"commitFailed":n?a>0?"backApplyFailed":"backApplyComplete":e?.kind==="statusUnreadable"?"statusUnknown":t||s?"backApplyRunning":"saving",Qw={clauses:[],matchOperator:"any"},Gw={clauses:[],matchOperator:"all",droppedFacets:[],keptTerms:!1,droppedSemantic:!1},Yw=[],js={state:"saving",matched:0,applied:0,failed:0,failures:[]},ea=(e,t)=>e.map((s,n)=>({...s,id:`${t}-${n}`})),bl=(e,t,s)=>{if(e==="delete")return{kind:"delete"};if(e==="markRead")return{kind:"markRead"};const n=e==="junk"?s:t;return n?{kind:"move",destinationMailboxId:n}:void 0},ta=e=>e==="move"||e==="junk"||e==="organize",vl=(e,t)=>({done:0,failedIds:[...t],cancelled:!1,error:new Error(e==="junk"?"This account has no Junk folder appointed, so there is nowhere to file these. Appoint one under Settings › Folders.":"No destination was chosen, so there is nowhere to file these. Go back and pick a folder.")});function Xw({verb:e,accountId:t,mailboxId:s,selection:n,crossAccount:a=!1,escalated:o,escalatedProgress:i,searchConversion:l,onFinished:u,onRunEnded:m,step:f,goToStep:d,goBack:h,closeWizard:x}){const[g]=c.useState(()=>l),[p]=c.useState(()=>o),v=g!==void 0,[b,S]=c.useState(v?"properties":"selected"),w=p?"escalated":b,[y,C]=c.useState(()=>g?{clauses:ea(g.clauses,"search"),matchOperator:g.matchOperator}:Qw),[T,O]=c.useState(void 0),[j,R]=c.useState(void 0),[P,M]=c.useState(!1),[F,A]=c.useState(void 0),[k,E]=c.useState(void 0),[D,I]=c.useState(),L=c.useRef(!1),N=c.useRef(!1),K=c.useMemo(()=>n.map(z=>z.id),[n]),re=c.useMemo(()=>n.map(z=>z.email).filter(Boolean),[n]),ae=K[0],oe=Ww(K),{junkMailboxId:ee}=Ks(t),te=Bw(p?void 0:t,ae,re),{preview:me}=te;c.useEffect(()=>{me()},[me]);const de=w==="similar"||w==="properties",se=c.useMemo(()=>({matchOperator:y.matchOperator==="all"?"And":"Or",literalClauses:y.clauses.map(z=>({field:z.field,value:z.value}))}),[y.clauses,y.matchOperator]),H=w==="similar"?te.matchPredicate:se,{count:pe,matchedIds:J}=$m(de?t:void 0,H),xe=_w(de?J:[]),be=Fw(p?s:void 0,p?.searchQuery),G=p?{status:"ready",count:p.total}:de?pe:{status:"ready",count:n.length},{data:q}=ve({...ot({path:{accountId:t??""}}),enabled:!!t,staleTime:Number.POSITIVE_INFINITY}),$=Co(t),U=Ga(),fe=c.useMemo(()=>Ya({mailboxes:q?.items??[],folderAppointments:$,currentMailboxId:s,translator:U}),[q?.items,$,s,U]),{createFolderIn:he}=ec(t),Me=fe.find(z=>z.id===y.moveMailboxId)?.label,ze=Zg(n.map(z=>({normalizedEmail:z.email,displayName:z.sender}))),we=ix({match:w==="properties"&&y.clauses[0]?.value.trim()||void 0,sender:ze?Bc(ze):void 0,folder:Me}),ie=c.useMemo(()=>({...y,name:y.name??we}),[y,we]),ft=kw(T?.draft.field,T?.draft.value??"",re),Le=_m(t),Y=zm(t),Se=Td({mailboxId:s??"",accountId:t,enabled:!1,predicateKey:"selection-wizard",searchQuery:{}}),{runAction:Ve}=Se,Ae=fm({verb:e,mode:w,scope:y.scope,fromSearch:v}),ge=Ae[Vo(Ae,f)],it=!a&&!!t,Xe=it?void 0:pm,Oe=it?void 0:gm,Ue=(z=>{if(z==="folder")return Oe;if(z==="rule")return ie.scope==="standing"||ie.scope==="until"?Xe:void 0})(ge)??mm(ge,ie,G),Ze=c.useCallback(()=>ea(ox(re,oe),"seed"),[re,oe]),nt=c.useCallback(z=>{S(z),C(Q=>({...Q,widen:z==="similar"&&ae?{anchorCount:Math.max(n.length,1)}:void 0,...z==="properties"&&Q.clauses.length===0?{clauses:Ze()}:{}}))},[ae,n.length,Ze]),je=c.useCallback(()=>{M(!0),S("properties"),C(z=>({...z,widen:void 0,clauses:ea(hr(re),"sender"),matchOperator:"any"})),d("properties")},[re,d]),V=te.semanticUnavailable||te.isError;c.useEffect(()=>{ge==="match"&&(w!=="similar"||!V||P||je())},[ge,w,V,P,je]);const Z=c.useCallback(()=>{O({mode:"add",draft:{field:"From",value:""}})},[]),le=c.useCallback(z=>{const Q=y.clauses.find(Ce=>Ce.id===z);Q&&O({mode:"edit",clauseId:z,draft:{field:Q.field,value:Q.value}})},[y.clauses]),ue=c.useCallback(z=>{C(Q=>({...Q,clauses:Q.clauses.filter(Ce=>Ce.id!==z)}))},[]),ke=c.useCallback(z=>{O(Q=>Q&&{...Q,draft:z})},[]),Ne=c.useCallback(()=>{O(z=>{if(!z)return;const Q=Bm(z.draft.field,z.draft.value),Ce={...z.draft,value:Q};C(ct=>({...ct,clauses:z.clauseId?ct.clauses.map(bt=>bt.id===z.clauseId?{...bt,...Ce}:bt):[...ct.clauses,{id:crypto.randomUUID(),...Ce}]}))})},[]),De=c.useCallback(()=>{if(Ue){R(ge);return}R(void 0);const z=Ae[Vo(Ae,ge)+1];z&&d(z)},[Ue,ge,Ae,d]),qe=c.useCallback(async z=>{const Q=bl(e,ie.moveMailboxId,ee);if(!Q){E({matched:z.length,outcome:vl(e,z)});return}E({matched:z.length});const Ce=await Ve(Q,[...z]);E({matched:z.length,outcome:Ce}),N.current&&m?.(Q.kind,z.length,Ce)},[e,ie.moveMailboxId,ee,Ve,m]),ye=c.useCallback(async()=>{if(!p)return;const z=bl(e,ie.moveMailboxId,ee);if(!z){E({matched:p.total,outcome:vl(e,[])});return}E({matched:p.total});const Q=await p.run(z);E({matched:p.total,outcome:Q}),N.current&&m?.(z.kind,p.total,Q)},[p,e,ie.moveMailboxId,ee,m]),{start:Qe}=Le,{createFilterAsync:Ge}=Y,Pe=c.useCallback(()=>{if(p){ye();return}const z=Km({mode:b,ruleScope:ie.scope}),Q=Um({mode:b,ruleScope:ie.scope,anchorMessageId:ae,clauses:ie.clauses,matchOperator:ie.matchOperator,moveMailboxId:ie.moveMailboxId,until:ie.until});if(A(z),z==="standing"||z==="temporary"){const Ce=qm(Q)?Q:void 0;I(Ce),Ge(Q,z,(ie.name??"").trim()).then(ct=>{ct&&Ce&&Qe(Ce)});return}if(z==="all-like-these"&&ta(e)){Qe(Q);return}qe(z==="just-these"?K:J)},[p,ye,b,ie,ae,e,K,J,Ge,Qe,qe]),et=c.useCallback(()=>{if(Ue){R(ge);return}L.current||(L.current=!0,d("run"),Pe())},[Ue,ge,d,Pe]),Ye=c.useCallback(z=>{const Q=Le.progress,Ce=Vw({failure:Le.failure,isStarting:Le.isStarting,isRunning:Le.isRunning,isDone:Le.isDone,failedCount:Q.failedCount,ruleSaved:z});return Ce==="saving"||Ce==="commitFailed"||Ce==="backApplyStartFailed"?{...js,state:Ce}:{state:Ce,matched:Q.matchedCount,applied:Q.appliedCount,failed:Ce==="backApplyFailed"?Q.failedCount:0,failures:[]}},[Le]),Ft=c.useMemo(()=>{const z=new Map;for(const Q of[...n,...xe.messages,...be.messages])z.set(Q.id,Q);return z},[n,xe.messages,be.messages]),es=p?i:Se.progress,$t=c.useCallback(()=>{if(!k)return js;const{matched:z,outcome:Q}=k;if(!Q){const vt=es?.done??0;return{state:"backApplyRunning",matched:Math.max(z,vt),applied:vt,failed:0,failures:[]}}if(!(Q.cancelled||Q.error!==void 0))return{state:"backApplyComplete",matched:Math.max(z,Q.done),applied:Q.done,failed:0,failures:[]};if(Q.done===0)return{...js,state:"commitFailed"};const ct=Q.failedIds.map(vt=>Ft.get(vt)).filter(vt=>vt!==void 0),bt=Q.failedIds.length>0?Q.failedIds.length:Math.max(z-Q.done,1);return{state:"runStopped",matched:Math.max(z,Q.done),applied:Q.done,failed:bt,failures:ct}},[k,es,Ft]),tt=p?$t():F==="standing"||F==="temporary"?Y.isError?{...js,state:"commitFailed"}:Y.isSuccess?D?Ye(!0):{...js,state:"filterSaved"}:js:F==="all-like-these"&&ta(e)?Ye(!1):$t(),xt=()=>{if(tt.state==="statusUnknown"){Le.refreshStatus();return}if(p){ye();return}if(F==="standing"||F==="temporary"){if(Y.isError){Y.reset(),Pe();return}D&&Qe(D);return}if(F==="all-like-these"&&ta(e)){Pe();return}const z=k?.outcome?.failedIds??[];qe(z.length>0?z:K)},_t=c.useCallback(()=>{x(Ae,ge)},[x,Ae,ge]),lt=c.useCallback(()=>{N.current=!0,x(Ae,ge),u()},[x,Ae,ge,u]),{stop:zt}=Se,Ws=k!==void 0&&k.outcome===void 0,Vs=c.useCallback(()=>{if(p){p.stop();return}zt()},[p,zt]);su({shouldBlockFn:({action:z})=>z!=="BACK"?!1:(lt(),!0),enableBeforeUnload:!1,disabled:ge!=="run"});const ts={messages:p?be.messages:de?xe.messages:n,count:G,label:w==="selected"?"Your selection":"A sample of what matches",emptyReason:w==="similar"&&V?"notIndexed":"noMatch",loading:p?be.isPending:de&&(G.status==="loading"||xe.isPending)};return r.jsx(hm,{verb:e,steps:Ae,step:ge,blockedReason:Ue,nudged:j===ge,onBack:h,onExit:ge==="run"?lt:_t,onContinue:De,onCommit:et,match:{selectedCount:n.length,mode:w,onModeChange:nt,semanticUnavailable:V,semanticErrorDetail:te.error instanceof Error?te.error.message:void 0,semanticFallbackTaken:P,onSemanticFallback:je,escalatedScope:p?.scope,sample:ts},properties:{clauses:ie.clauses,matchOperator:ie.matchOperator,onMatchOperatorChange:z=>C(Q=>({...Q,matchOperator:z})),clauseEdit:T,onStartAddClause:Z,onStartEditClause:le,onRemoveClause:ue,onChangeDraft:ke,onSubmitClause:Ne,onCancelClause:()=>O(void 0),clauseFields:Hm,clauseSuggestions:ft,conversionNotice:g?cx(g):void 0,semanticFallbackTaken:P,sample:{...ts,label:"What this matches"}},folder:{folders:fe,mailboxId:ie.moveMailboxId,delimiter:Xa(q?.items??[]),onSelect:z=>C(Q=>({...Q,moveMailboxId:z})),onCreateFolder:t?he:void 0,restriction:Oe},rule:{draft:ie,onScopeChange:z=>C(Q=>({...Q,scope:z})),onUntilChange:z=>C(Q=>({...Q,until:z})),restriction:Xe},name:{name:ie.name??"",onNameChange:z=>C(Q=>({...Q,name:z})),nudged:j===ge},review:{verb:e,mode:w,selectedCount:n.length,clauses:ie.clauses,matchOperator:ie.matchOperator,folder:Me,scope:ie.scope,until:ie.until,ruleName:Ae.includes("name")?ie.name:void 0,escalatedScope:p?.scope,sample:ts},run:{state:tt.state,verb:e,scope:ie.scope,matched:tt.matched,applied:tt.applied,failedCount:tt.failed,failures:tt.failures,onRetry:xt,onDismiss:lt,onCancelRun:Ws?Vs:void 0}})}function Fo(e){const t=um()==="search",{searchConversion:s}=Nr(),{accounts:n}=Re(),{step:a,goToStep:o,goBack:i,closeWizard:l}=dm(t?"properties":"match");if(!a)return null;const u=t?s??Gw:void 0;return r.jsx(Xw,{...e,...u?{verb:"organize",accountId:tw(u,e.accountId,n),selection:Yw,crossAccount:!1,escalated:void 0,searchConversion:u}:{},step:a,goToStep:o,goBack:i,closeWizard:l})}const Jw=200,Zw={unread:e=>!e.isRead,attachment:e=>e.hasAttachment===!0,contacts:e=>e.trust==="vip"||e.trust==="wellknown",today:e=>e.sentDate!=null&&new Date(e.sentDate).toDateString()===new Date().toDateString()},yl=()=>r.jsx("div",{className:"animate-pulse",children:Array.from({length:3}).map((e,t)=>r.jsxs("div",{className:"flex items-start gap-3 py-2 pl-5 pr-4 border-b border-line",children:[r.jsx("div",{className:"size-7 rounded-full bg-surface-sunken shrink-0 mt-0.5"}),r.jsxs("div",{className:"flex-1 space-y-1.5",children:[r.jsxs("div",{className:"flex justify-between gap-2",children:[r.jsx("div",{className:"h-3.5 bg-surface-sunken rounded w-28"}),r.jsx("div",{className:"h-3 bg-surface-sunken rounded w-12"})]}),r.jsx("div",{className:"h-3.5 bg-surface-sunken rounded w-48"}),r.jsx("div",{className:"h-3 bg-surface-sunken rounded w-full"})]})]},t))}),eS=({accountEmail:e})=>{const t=We();return r.jsxs("div",{className:"flex items-center gap-2 px-row-inset py-2 border-b border-line bg-danger-soft/40 text-xs text-danger",children:[r.jsx(ds,{className:"size-3.5 shrink-0"}),r.jsxs("span",{className:"flex-1 truncate",children:[e," can't connect"]}),r.jsx("button",{type:"button",onClick:()=>t({to:"/settings/accounts"}),className:"shrink-0 underline text-danger hover:opacity-80",children:"Reconnect"})]})};function tS({sections:e,briefCategory:t,selectedThreadId:s,onSelectThread:n}){const a=t==="all",o=e.flatMap(l=>l.threads).filter(l=>l.category===t),i=a?e.length===0:o.length===0;return r.jsxs("div",{className:"h-full overflow-y-auto",children:[a?e.map(l=>r.jsx(xm,{section:l,Row:Yn,selectedThreadId:s,onSelectThread:n},l.id)):r.jsx("div",{className:"divide-y divide-line",children:o.map(l=>r.jsx(Yn,{thread:l,active:l.id===s,onClick:()=>n?.(l.id)},l.id))}),i&&r.jsx("div",{className:"px-row-inset py-6 text-center text-2xs text-fg-subtle",children:"No threads match these filters."})]})}const sS=(e,t)=>{if(t.size===0)return{};const s=new Set,n=new Set;for(const o of e)t.has(o.id)&&(o.accountId&&s.add(o.accountId),o.mailboxId&&n.add(o.mailboxId));if(s.size>1)return{moveDisabledHint:"Move only works within one account — clear selection or pick messages from a single account"};const a=s.size===1?[...s][0]:void 0;return n.size>1?{accountId:a,moveDisabledHint:`Move only works within one folder — this selection spans ${n.size} folders`}:{accountId:a,mailboxId:n.size===1?[...n][0]:void 0}};function nS({header:e,rows:t,wizard:s,children:n}){const{selectedIds:a,selectedCount:o,exitSelection:i,orderedIds:l,allSelected:u,toggleAllLoaded:m}=Lo(),f=c.useMemo(()=>sS(t,a),[t,a]),{junkMailboxId:d}=Ks(f.accountId),{labels:h}=eo(f.accountId),x=c.useMemo(()=>Array.from(a),[a]),g=c.useMemo(()=>t.filter(w=>a.has(w.id)).map(w=>({id:w.id,sender:w.fromName,email:w.fromEmail,subject:w.subject,date:w.timeLabel})),[t,a]),p=!!d&&d!==f.mailboxId,v=c.useMemo(()=>l.length>0?{checked:u,indeterminate:o>0&&!u,onChange:m}:void 0,[l.length,u,o,m]),b=f.moveDisabledHint?{tone:"warning",text:f.moveDisabledHint}:void 0,S=w=>r.jsx(fr,{title:w.title,navSlot:w.navSlot,titleMeta:w.titleMeta,searchSlot:w.searchSlot,searchField:w.searchField,idleSlot:w.makeFilterSlot,count:o,onCancel:i,onDelete:()=>s.start("delete"),onMove:()=>s.start("move"),onOrganize:()=>s.start("organize"),onJunk:p?()=>s.start("junk"):void 0,onMarkRead:()=>s.start("markRead"),overflowSlot:f.accountId&&f.mailboxId&&o>0&&h.length>0?r.jsx(md,{accountId:f.accountId,mailboxId:f.mailboxId,messageIds:x}):void 0,selectAll:v,notice:b});return r.jsx(bd,{...e,selectionBar:S,paneOverlay:r.jsx(Fo,{verb:s.verb,accountId:f.accountId,mailboxId:f.mailboxId,selection:g,crossAccount:f.moveDisabledHint!==void 0,onFinished:i}),children:n})}function rS({accounts:e,selectedMessageId:t,onSelectMessage:s,onSelectSearchResult:n,commandsRef:a,onTriageContextChange:o,onDeleteMessages:i}){const{searchQuery:l,resultFolderIndex:u}=Re(),m=ps(),f=Xt(),d=Va(),h=We(),x=c.useMemo(()=>C0(e.filter($=>!$.muted?.value)),[e]),[g,p]=c.useState("all"),[v,b]=c.useState("all"),[S,w]=c.useState(new Set),[y,C]=c.useState(!1),T=c.useCallback($=>{w(U=>{const fe=new Set(U);return fe.has($)?fe.delete($):fe.add($),fe})},[]),{data:O,isLoading:j,isError:R,refetch:P}=ve({...ia(),staleTime:6e4}),M=pt({queries:x.map($=>({...ot({path:{accountId:$.accountId}}),staleTime:1/0,meta:{softError:!0}}))}),F=c.useMemo(()=>{const $=new Map;for(let U=0;U<x.length;U++){const fe=x[U].accountId,Me=(M[U]?.data?.items??[]).reduce((ze,we)=>ze+(we.unseenCount??0),0);$.set(fe,Me)}return $},[x,M]),A=c.useMemo(()=>x.filter(($,U)=>{const fe=M[U];return fe?.isError?!la(fe.error):!1}),[x,M]),{freeText:k,tokens:E}=qs(l.trim().toLowerCase(),m),{data:D,isFetching:I}=ve({...ia({query:{query:k,limit:Jw}}),enabled:k.length>0,staleTime:3e4}),L=c.useMemo(()=>{const $=fl(O?.items??[]).map(Gn);return(k?N0($.filter(fe=>ud(fe,k)),fl(D?.items??[]).map(Gn)):$).filter(fe=>(g==="all"||fe.accountId===g)&&Oo(fe,E))},[O,D,g,k,E]),{bodyRows:N,briefSpamOffer:K}=c.useMemo(()=>{if(!k)return{bodyRows:L,briefSpamOffer:void 0};const $=L.map(he=>Sa(he,u)),{spam:U}=uo($);if(U.length===0)return{bodyRows:L,briefSpamOffer:void 0};const fe=new Set(U.map(he=>he.id));return{bodyRows:L.filter(he=>!fe.has(he.id)),briefSpamOffer:fd($)}},[L,k,u]),re=c.useMemo(()=>E0(N),[N]),ae=c.useMemo(()=>x.length<=1?[]:[{id:"all",label:"All",active:g==="all"},...x.map($=>({id:$.accountId,label:$.email.split("@")[0]??$.email,count:F.get($.accountId),active:g===$.accountId}))],[x,F,g]),oe=c.useMemo(()=>e.filter($=>$.muted?.value).length,[e]),ee=c.useMemo(()=>Array.from(F.values()).reduce(($,U)=>$+U,0),[F]),te=c.useMemo(()=>{const $=Array.from(S).map(U=>Zw[U]).filter(U=>U!=null);return L.filter(U=>(v==="all"||U.category===v)&&$.every(fe=>fe(U))).map(U=>Sa(U,u))},[L,v,S,u]),{hits:me,isLoading:de}=cd(),se=c.useMemo(()=>{const $=new Map;for(const fe of O?.items??[])$.set(fe.messageId,fe.threadId);const U=te.map(fe=>$.get(fe.id)).filter(fe=>fe!=null);return dd(me,U,u)},[me,te,O,u]),H=c.useMemo(()=>{const $=Lg(ae.map(U=>({id:U.id,label:U.label,count:U.count,active:U.active})));return{categories:$.categories,filters:$.filters,sources:$.sources,sourcesNote:oe>0?`+${oe} muted`:void 0,selectedCategory:v,activeFilters:S,expanded:y,onExpandedChange:C,onSelectCategory:U=>b(U),onSelectSource:p,onToggleFilter:T,onClear:()=>{b("all"),p("all"),w(new Set)}}},[ae,oe,v,S,y,T]),pe=re.length===0&&g==="all"&&k.length===0&&E.length===0,J=c.useMemo(()=>x.map($=>$.accountId),[x]),xe=c.useMemo(()=>x.some($=>sd($.syncPhase)),[x]),be=i0(J,pe||xe),G=r.jsxs("div",{className:"h-full overflow-y-auto",children:[r.jsx(yl,{}),r.jsx(yl,{})]}),q=j?G:R?r.jsxs("div",{className:"flex h-full flex-col items-center justify-center gap-3 py-12 text-sm text-fg-muted",children:[r.jsx(ds,{className:"size-8 text-danger"}),r.jsx("p",{children:"Couldn't load your messages"}),r.jsxs("button",{type:"button",onClick:()=>P(),className:"flex items-center gap-1 text-accent underline text-xs",children:[r.jsx(xc,{className:"size-3.5"}),"Try again"]})]}):pe?be.resolved?r.jsx(Xp,{sync:be.syncing?{synced:be.synced,total:be.total}:void 0}):G:r.jsxs("div",{className:"flex h-full min-h-0 flex-col",children:[K&&r.jsx(Oc,{count:K.count,onScopeToSpam:()=>h({to:"/mail/$mailboxId",params:{mailboxId:K.mailboxId},search:{q:l||void 0,selectedMessageId:void 0,selectedThreadId:void 0}})}),r.jsx("div",{className:"min-h-0 flex-1",children:r.jsx(tS,{sections:re,briefCategory:v,selectedThreadId:t,onSelectThread:s})})]});return r.jsx(jd,{selectedMessageId:t,onOpen:($,U)=>s?.($,U),onDeleteMessages:i,onSelectionVerb:d.start,wizardOpen:d.isOpen,commandsRef:a,onTriageContextChange:o,children:r.jsx(nS,{wizard:d,header:{title:"Daily brief",unreadCount:ee,footer:f?r.jsx(wc,{}):void 0,searchFilter:H,searchResults:te,searchLoading:j||I,relatedResults:se,relatedLoading:de,onSelectSearchResult:n,searchResultsInBody:!0},rows:L,children:r.jsxs("div",{className:"flex h-full flex-col",children:[A.map($=>r.jsx(eS,{accountEmail:$.email,accountId:$.accountId},$.accountId)),r.jsx("div",{className:"min-h-0 flex-1",children:q})]})})})}const aS=10,Md=e=>({q:e?.toLowerCase()??"",limit:aS}),oS=(e,t)=>{if(!t)return;const s=t.toLowerCase();return e?.find(n=>n.normalizedEmail===s)};function iS(e){const t=new Date(e),s=new Date;return t.toDateString()===s.toDateString()?"today":Un(t,{month:"short",year:"numeric"})}function Ad(e){if(!e)return!0;const[,t]=e.split("@");return t?!t.includes("."):!0}const lS="We can't verify the sender of this email, which could mean it's from an insecure source.",cS="We couldn't read this sender's address, so we can't confirm who really sent this message.";function uS(e,t){return{name:e.fromName??e.fromEmail??"Unknown",email:e.fromEmail??"",trust:e.senderTrust,firstSeenLabel:t?iS(t.createdAt):"unknown",inboundCount:t?.inboundCount,replyCount:t?.replyCount,addressUnverified:Ad(e.fromEmail)}}function dS(e){return e?.flags?{vip:e.flags.vip?.value===!0,muted:e.flags.muted?.value===!0,blocked:e.flags.blocked?.value===!0,unsubscribed:e.flags.unsubscribed?.value===!0}:{}}function fS(e,t){const s=t>0?t:void 0;if(Ad(e.fromEmail))return{verdict:"mismatch",fromDomain:"",addressUnreadable:!0,summary:cS,similarCount:s};const n=e.authenticity;if(!n)return{verdict:"caution",fromDomain:e.fromEmail?.split("@")[1]??"",summary:lS};if(!n.dkimMismatch)return{verdict:"aligned",fromDomain:n.fromDomain,dkimDomain:n.dkimDomain,summary:n.dkimDomain?`We verified this message was really sent by ${n.fromDomain}.`:"Nothing looks unusual about this sender."};const a=n.fromDomain,o=n.dkimDomain,i=e.fromName&&e.fromName!==e.fromEmail?e.fromName:void 0,l=i?`The display name claims "${i}", but this message was actually sent from ${o??"another sender"} — not ${a}. Real senders use their own address.`:`This message claims to be from ${a}, but it was actually sent from ${o??"a different sender"}.`;return{verdict:"mismatch",fromDomain:a,dkimDomain:o,claimedBrand:i,summary:l,similarCount:s}}function Od(e,t){const s=e?.fromEmail??null,n=e?.subject??"",{data:a,error:o}=ve({...sr({query:Md(s??void 0)}),enabled:!!s,staleTime:3e4}),i=oS(a?.items,s??void 0),l=[n,s].filter(Boolean).join(" "),{data:u,isLoading:m,error:f}=ve({...Wl({query:{query:l,limit:5}}),enabled:!!(e&&l.length>3),staleTime:6e4,retry:1});return{data:c.useMemo(()=>{if(!e)return null;const h=(u?.items??[]).filter(b=>b.messageId!==e.messageId).map(b=>({id:b.messageId,mailboxId:t!=null&&b.mailboxIds.includes(t)?t:b.mailboxIds[0]??"",fromName:b.fromName??"",subject:b.subject??"(No subject)",timeLabel:b.sentDate!=null?ht(b.sentDate*1e3):"",matched:b.matchedChunkType})),x=uS(e,i),g=fS(e,h.length),p={value:e.category??"personal",overridden:i?.flags?.category?.value!=null&&i.flags.category.value!==e.category},v=dS(i);return{sender:x,authenticity:g,category:p,flags:v,similar:h}},[e,i,u,t]),isSimilarLoading:m,similarError:f,similarErrorIsFatal:la(f),addressErrorIsFatal:la(o),addressId:i?.addressId,address:i}}function mS(e,t){const s={...e??{}};for(const[n,a]of Object.entries(t))a==null?delete s[n]:s[n]={...a,setAt:a.setAt??Date.now()};return s}function Dd({addressId:e,senderEmail:t}){const s=Te(),{pushError:n}=st(),a=bm({query:Md(t)}),{mutate:o,isPending:i}=Fe({...Hl(),onMutate:async u=>{const m=u.body.flags??{};await s.cancelQueries({queryKey:a});const f=s.getQueryData(a);return s.setQueryData(a,d=>d&&{...d,items:d.items.map(h=>h.addressId===u.path.addressId?{...h,flags:mS(h.flags,m)}:h)}),{previous:f}},onError:(u,m,f)=>{f?.previous!==void 0&&s.setQueryData(a,f.previous),n({title:"Couldn't update sender preference",detail:mt(u),error:u})},onSettled:()=>{s.invalidateQueries({queryKey:a})}});return{updateFlags:c.useCallback(u=>{if(!e){Gl(new Error(`Quick action fired but the sender's address record did not resolve (sender: ${t??"unknown"}). This should never happen — the address row exists.`));return}o({path:{addressId:e},body:{flags:u}})},[e,o,t]),isPending:i}}const hS=e=>e==="vip"?"A sender you know":e==="wellknown"?"You've emailed them before":"Passed authentication",Pd=e=>e.senderTrust!=="vip"&&e.senderTrust!=="wellknown"?!1:e.authenticity?.dkimMismatch!==!0;function pS(e,t){e.recordEvent("rescue.candidates_surfaced",{count:String(t)})}function gS(e,t){e.recordEvent("rescue.flow_opened",{count:String(t)})}function xS(e,t){e.recordEvent("rescue.committed",{selected:String(t.selected),total:String(t.total),destination:t.toInbox?"inbox":"other"})}function Ld(e,t){e.recordEvent("rescue.sent_to_junk",{count:String(t.count),senderTrust:t.senderTrust,wasRescuable:String(t.wasRescuable)})}const bS=["personal","newsletter","marketing","automated","transactional","social"],vS=e=>{const{mailboxId:t,junkMailboxId:s,inboxMailboxId:n}=e;return t?s&&t===s?n?"notSpam":null:s?"markSpam":null:null},yS=e=>{const{similarError:t,similarErrorIsFatal:s,isSimilarLoading:n}=e;return t&&!s?"error":n?"loading":"ready"};function wS(){return r.jsxs("aside",{className:"flex h-full w-full flex-col bg-surface-sunken",children:[r.jsxs("header",{className:"flex h-pane-header shrink-0 items-center gap-1.5 border-b border-line px-row-inset",children:[r.jsx(Mt,{className:"size-3.5 text-fg-subtle"}),r.jsx("span",{className:"text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:"Intelligence"})]}),r.jsxs("div",{className:"flex-1 animate-pulse space-y-4 p-4",children:[r.jsxs("div",{className:"space-y-2",children:[r.jsx("div",{className:"h-2.5 rounded bg-surface w-1/4"}),r.jsxs("div",{className:"flex gap-3",children:[r.jsx("div",{className:"size-10 rounded-full bg-surface shrink-0"}),r.jsxs("div",{className:"flex-1 space-y-1.5",children:[r.jsx("div",{className:"h-3 rounded bg-surface w-3/4"}),r.jsx("div",{className:"h-2.5 rounded bg-surface w-1/2"})]})]})]}),r.jsxs("div",{className:"space-y-2",children:[r.jsx("div",{className:"h-2.5 rounded bg-surface w-1/4"}),r.jsx("div",{className:"h-8 rounded bg-surface"})]}),r.jsxs("div",{className:"space-y-2",children:[r.jsx("div",{className:"h-2.5 rounded bg-surface w-1/4"}),r.jsx("div",{className:"flex gap-1.5 flex-wrap",children:Array.from({length:5}).map((e,t)=>r.jsx("div",{className:"h-6 w-16 rounded bg-surface"},t))})]})]})]})}function SS({isOpen:e,current:t,onSelect:s,onCancel:n}){return e?r.jsxs("div",{className:"fixed inset-0 z-50 flex items-center justify-center","aria-hidden":"true",onClick:n,children:[r.jsx("div",{className:"absolute inset-0 bg-canvas/80 backdrop-blur-sm"}),r.jsxs("div",{role:"dialog","aria-modal":"true","aria-label":"Reclassify sender",className:"relative z-10 w-full max-w-sm rounded-sm border border-line bg-surface p-6 shadow-lg",onClick:a=>a.stopPropagation(),onKeyDown:a=>a.stopPropagation(),children:[r.jsx("h2",{className:"text-lg font-semibold",children:"Reclassify this sender"}),r.jsx("p",{className:"mt-2 text-sm text-fg-muted",children:"Set a category override for future messages from this sender."}),r.jsx("div",{className:"mt-4 flex flex-col gap-1",children:bS.map(a=>r.jsxs("button",{type:"button",onClick:()=>s(a),className:`flex min-h-11 items-center justify-between rounded px-3 text-left text-sm capitalize transition-colors hover:bg-surface-raised ${a===t?"font-semibold text-accent":"text-fg"}`,children:[a,a===t&&r.jsx("span",{className:"text-2xs text-fg-subtle",children:"current"})]},a))}),r.jsx("div",{className:"mt-6 flex justify-end",children:r.jsx("button",{type:"button",onClick:n,className:"inline-flex min-h-11 items-center justify-center rounded border border-line px-4 text-sm font-medium transition-colors hover:bg-surface-raised",children:"Cancel"})})]})]}):null}function kS({thread:e,onClose:t,mailboxId:s,accountId:n,hideCloseButton:a}){const{data:o,addressId:i,isSimilarLoading:l,similarError:u,similarErrorIsFatal:m}=Od(e,s),[f,d]=c.useState(!1),[h,x]=c.useState(!1),g=e.fromEmail??void 0,{updateFlags:p,isPending:v}=Dd({addressId:i,senderEmail:g}),{junkMailboxId:b}=Ks(n),{inboxMailboxId:S}=jo(n),{moveMessages:w}=cs({mailboxId:s??"",threadId:e.threadId,accountId:n}),y=pn(),C=vS({mailboxId:s,junkMailboxId:b,inboxMailboxId:S}),T=c.useCallback(()=>{S&&w([e.messageId],S)},[S,w,e.messageId]),O=c.useCallback(()=>{b&&(Ld(y,{count:1,senderTrust:e.senderTrust,wasRescuable:Pd(e)}),w([e.messageId],b))},[b,w,e,y]),j=c.useCallback(()=>{},[]),R=c.useCallback(()=>{const N=o?.flags?.vip!==!0;p({vip:{value:N}})},[o?.flags?.vip,p]),P=c.useCallback(()=>{const N=o?.flags?.muted!==!0;p({muted:{value:N}})},[o?.flags?.muted,p]),M=c.useCallback(()=>{o?.flags?.blocked===!0?p({blocked:{value:!1}}):d(!0)},[o?.flags?.blocked,p]),F=c.useCallback(()=>{d(!1),p({blocked:{value:!0}})},[p]),A=c.useCallback(()=>{const N=o?.flags?.unsubscribed!==!0;p({unsubscribed:{value:N}})},[o?.flags?.unsubscribed,p]),k=c.useCallback(N=>{x(!1),p({category:{value:N}})},[p]),E=i!==void 0,D={onToggleVip:E?R:void 0,onToggleMute:E?P:void 0,onToggleBlock:E?M:void 0,onToggleUnsubscribe:E?A:void 0,onReclassify:E?()=>x(!0):void 0,onNotSpam:C==="notSpam"?T:void 0,onMarkSpam:C==="markSpam"?O:void 0},I=({mailboxId:N,messageId:K,className:re,ariaLabel:ae,children:oe})=>r.jsx(Tt,{to:"/mail/$mailboxId",params:{mailboxId:N},search:ee=>({...ee,selectedMessageId:K}),className:re,"aria-label":ae,children:oe});if(!o)return r.jsx(wS,{});const L=yS({similarError:u,similarErrorIsFatal:m,isSimilarLoading:l});return r.jsxs(r.Fragment,{children:[r.jsx(yc,{data:o,onClose:t,hideCloseButton:a,onShowSimilar:j,actions:D,similarState:L,similarLinkComponent:I,className:"border-l-0 h-full w-full"}),r.jsx(to,{isOpen:f,title:"Block this sender?",description:`Messages from ${g??"this sender"} will never load images and will be flagged. You can undo this in Settings → Senders.`,confirmLabel:"Block sender",destructive:!0,isBusy:v,onConfirm:F,onCancel:()=>d(!1)}),r.jsx(SS,{isOpen:h,current:o.category.value,onSelect:k,onCancel:()=>x(!1)})]})}const Hs=({onClose:e,thread:t,mailboxId:s,accountId:n,hideCloseButton:a})=>t?r.jsx(kS,{thread:t,onClose:e,mailboxId:s,accountId:n,hideCloseButton:a}):r.jsxs("aside",{className:"flex h-full w-full flex-col bg-surface-sunken",children:[r.jsxs("header",{className:"flex h-pane-header shrink-0 items-center gap-1.5 border-b border-line px-row-inset",children:[r.jsx(Mt,{className:"size-3.5 text-fg-subtle"}),r.jsx("span",{className:"text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:"Intelligence"})]}),r.jsxs("div",{className:"flex flex-1 flex-col items-center justify-center px-row-inset text-center",children:[r.jsx(Mt,{className:"size-8 text-fg-subtle"}),r.jsx("p",{className:"mt-3 text-sm text-fg-muted",children:"Intelligence"}),r.jsx("p",{className:"mt-1 text-2xs text-fg-subtle",children:"Sender trust, authenticity and similar messages will appear here."})]})]}),sa="Open a message first",$o=({hasThread:e,intelligenceOpen:t,canToggleIntelligence:s,onToggleIntelligence:n,onReply:a,onReplyAll:o,onForward:i,onDelete:l,canDelete:u,onToggleStar:m,isStarred:f,moveContext:d})=>{const[h,x]=c.useState(null),g=u??e,p=v=>()=>x(v);return r.jsx(fp,{hasThread:e,isStarred:f,onUnavailable:v=>x(sa),unavailableHint:h,replyTitle:`Reply ${Ns("reply")}`,replyAllTitle:`Reply all ${Ns("replyAll")}`,forwardTitle:`Forward ${Ns("forward")}`,deleteTitle:`Move to Trash ${Ns("delete")}`,flagTitle:`Star ${Ns("toggleStar")}`,onReply:a,onReplyAll:o,onForward:i,onDelete:g?l:p(sa),onToggleStar:m,onMove:p(sa),moveSlot:d?r.jsx(Ro,{accountId:d.accountId,currentMailboxId:d.currentMailboxId,onMove:d.onMove,label:"Move to mailbox"}):void 0,children:r.jsx(dp,{open:t,enabled:s,onToggle:n})})},Fd=()=>{const e=Te();return c.useCallback(t=>{const s=ms({path:{threadId:t.threadId}}),a=e.getQueriesData({queryKey:s}).flatMap(([,o])=>o?.items.map(i=>i.messageId)??[]);return a.length>0?a:[t.messageId]},[e])},dn=({thread:e,mailboxId:t,accountId:s,onAfterOptimisticRemove:n})=>{const a=t??e?.mailboxId,o=s??e?.accountId,{accountId:i}=wo(o?void 0:a),l=o??i,u=Fd(),{deleteMessages:m}=us({mailboxId:a??"",threadId:e?.threadId,accountId:l,onAfterOptimisticRemove:n}),{moveMessages:f}=cs({mailboxId:a??"",threadId:e?.threadId,accountId:l,onAfterOptimisticRemove:n}),{toggleStar:d}=So({threadId:e?.threadId??"",mailboxId:a??""}),h=c.useCallback(()=>{e&&m(u(e))},[e,u,m]),x=c.useCallback(S=>{e&&f(u(e),S)},[e,u,f]),g=c.useCallback(()=>{e&&d(e.messageId,e.hasStars)},[e,d]),[p,v]=c.useState(null),b=c.useCallback(()=>v(null),[]);return{mailboxId:a,accountId:l,isStarred:e?.hasStars,deleteThread:h,moveThread:x,toggleStar:g,composeRequest:p,requestCompose:v,clearComposeRequest:b}},Zs={action:null,nextPrefix:null,preventDefault:!1},jS={b:"goBrief",i:"goInbox",s:"goSent",f:"goFlagged",",":"goSettings"},CS={j:{action:"focusNext"},k:{action:"focusPrevious"},arrowdown:{action:"focusNext"},arrowup:{action:"focusPrevious"},home:{action:"focusFirst"},end:{action:"focusLast"},enter:{action:"openFocused"}," ":{action:"toggleSelect"},delete:{action:"delete"},backspace:{action:"delete"},u:{action:"toggleRead"},x:{action:"toggleSelect"},r:{action:"reply"},a:{action:"replyAll"},f:{action:"forward"},"#":{action:"delete"},s:{action:"toggleStar"},m:{action:"muteSender"},b:{action:"blockSender"},v:{action:"vipSender"},"!":{action:"markJunk"},i:{action:"toggleIntelligence"},d:{action:"toggleDensity"},"/":{action:"focusSearch"},c:{action:"compose"},"?":{action:"help"}};function NS(e,t){const s=e.key.toLowerCase(),n=e.metaKey||e.ctrlKey;if(e.inEditable)return{...Zs,nextPrefix:t==="g"?null:t};if(e.onControl&&(s==="enter"||s===" "))return{...Zs,nextPrefix:t==="g"?null:t};if(n&&s==="n")return{action:"compose",nextPrefix:null,preventDefault:!0};if(n&&s==="a")return{action:"selectAll",nextPrefix:null,preventDefault:!0};if(n)return{...Zs,nextPrefix:t==="g"?null:t};if(s==="escape")return{action:"back",nextPrefix:null,preventDefault:!1};if(t==="g"){const i=jS[s===","?",":s]??null;return{action:i,nextPrefix:null,preventDefault:i!==null}}if(s==="g"&&!e.shiftKey)return{action:null,nextPrefix:"g",preventDefault:!0};if(e.shiftKey){const o=s==="j"||s==="arrowdown";if(o||(s==="k"||s==="arrowup"))return{action:o?"extendSelectDown":"extendSelectUp",nextPrefix:null,preventDefault:!0}}const a=CS[s];if(a){const o=a.requireShift===!0,i=s.length===1&&!/[a-z0-9]/.test(s);return!o&&e.shiftKey&&!i?Zs:{action:a.action,nextPrefix:null,preventDefault:!0}}return Zs}function ES(e){if(!(e instanceof HTMLElement))return!1;const t=e.tagName;return t==="INPUT"||t==="TEXTAREA"||t==="SELECT"||e.isContentEditable}const IS="data-message-row",TS='button, a[href], summary, [role="button"], [role="menuitem"], [role="tab"], [role="switch"], [role="checkbox"]';function RS(e){if(!(e instanceof HTMLElement))return!1;const t=e.closest(TS);return t?!t.hasAttribute(IS):!1}function MS({handlers:e,enabled:t=!0,sequenceTimeoutMs:s=1e3}){const n=c.useRef(e);n.current=e;const a=c.useRef(null),o=c.useRef(null);c.useEffect(()=>{if(!t)return;const i=()=>{o.current!==null&&(clearTimeout(o.current),o.current=null)},l=u=>{const m=NS({key:u.key,shiftKey:u.shiftKey,metaKey:u.metaKey,ctrlKey:u.ctrlKey,altKey:u.altKey,inEditable:ES(u.target),onControl:RS(u.target)},a.current);if(i(),a.current=m.nextPrefix,m.nextPrefix!==null&&(o.current=setTimeout(()=>{a.current=null,o.current=null},s)),m.action===null)return;const f=n.current[m.action];f&&(m.preventDefault&&u.preventDefault(),f())};return window.addEventListener("keydown",l),()=>{window.removeEventListener("keydown",l),i(),a.current=null}},[t,s])}const wl=(e,t,s)=>{if(!t)return null;const n=e.indexOf(t);if(n===-1)return null;const a=s==="next"?n+1:n-1;return a<0||a>=e.length?null:e[a]},_o=()=>{const[e,t]=c.useState(void 0),[s,n]=c.useState([]),[a,o]=c.useState([]),i=c.useRef(null),[l,u]=c.useState(!1),[m,f]=c.useState(!1),d=c.useCallback(h=>{t(h.focusedMessageId),n(h.selectedIds),h.orderedIds&&o(h.orderedIds),u(h.hasList),f(h.blocksKeyboard)},[]);return{listCommandsRef:i,onTriageContextChange:d,focusedMessageId:e,selectedIds:s,orderedIds:a,hasList:l,blocksKeyboard:m}},zo=({context:e,orderedIds:t,selectedMessageId:s,enabled:n=!0,onClose:a,handlers:o})=>{const{listCommandsRef:i,hasList:l,blocksKeyboard:u}=e,m=c.useCallback(()=>{i.current?.clearSelection()||s&&a()},[i,s,a]);return MS({enabled:n&&!u,handlers:{...l?{focusNext:()=>i.current?.focusNext(),focusPrevious:()=>i.current?.focusPrevious(),focusFirst:()=>i.current?.focusFirst(),focusLast:()=>i.current?.focusLast(),openFocused:()=>i.current?.openFocused(),toggleSelect:()=>i.current?.toggleSelect(),extendSelectDown:()=>i.current?.extendSelectDown(),extendSelectUp:()=>i.current?.extendSelectUp(),selectAll:()=>i.current?.selectAll(),toggleDensity:()=>i.current?.toggleDensity()}:{},back:m,...o}}),{goBack:m,nextMessageId:wl(t,s,"next")??void 0,previousMessageId:wl(t,s,"previous")??void 0}};function AS(e){return{threadId:e.threadId,mailboxId:e.mailboxId,subject:e.subject,messageId:e.messageId,authenticity:e.authenticity}}function $d(e,t){if(e)return AS(e);if(t.messageId&&t.threadId&&t.mailboxId)return{threadId:t.threadId,mailboxId:t.mailboxId,messageId:t.messageId}}const _d=c.createContext(null);function Er(){const e=c.useContext(_d);if(!e)throw new Error("BriefPane.* must be used inside <BriefPane>");return e}function OS({selectedMessageId:e,children:t}){const s=We(),{searchInput:n}=Re(),{selectedThreadId:a,selectedMailboxId:o}=Ds({strict:!1}),{data:i}=ve({...ia(),staleTime:6e4}),l=c.useMemo(()=>{if(e)return i?.items.find(R=>R.messageId===e)},[i,e]),u=c.useMemo(()=>$d(l,{messageId:e,threadId:a,mailboxId:o}),[l,e,a,o]),m=c.useCallback((R,P)=>{s({to:"/mail",search:M=>({...M,selectedMessageId:R,selectedThreadId:void 0,selectedMailboxId:void 0}),replace:P?.replace})},[s]),f=c.useCallback(R=>{s({to:"/mail",search:P=>({...P,q:n||void 0,selectedMessageId:R.id,selectedThreadId:R.threadId,selectedMailboxId:R.mailboxId})})},[s,n]),d=c.useCallback(R=>{e&&R.includes(e)&&s({to:"/mail",search:P=>({...P,selectedMessageId:void 0,selectedThreadId:void 0,selectedMailboxId:void 0})})},[e,s]),h=dn({thread:l,onAfterOptimisticRemove:d}),x=c.useCallback(()=>{s({to:"/mail",search:R=>({...R,selectedMessageId:void 0,selectedThreadId:void 0,selectedMailboxId:void 0})})},[s]),g=_o(),p=c.useMemo(()=>i?.items??[],[i]),{deleteMessages:v}=us({mailboxId:l?.mailboxId??"",messages:p,onAfterOptimisticRemove:d}),{toggleReadFor:b}=wr({mailboxId:l?.mailboxId??"",messages:p}),S=g.focusedMessageId,y=c.useMemo(()=>i?.items.find(R=>R.messageId===S),[i,S])??l,C=dn({thread:y}),{nextMessageId:T,previousMessageId:O}=zo({context:g,orderedIds:g.orderedIds,selectedMessageId:e,onClose:x,handlers:{reply:()=>h.requestCompose("reply"),replyAll:()=>h.requestCompose("reply_all"),forward:()=>h.requestCompose("forward"),delete:()=>{g.listCommandsRef.current?.requestVerb("delete")||C.deleteThread()},toggleStar:C.toggleStar,toggleRead:()=>{g.listCommandsRef.current?.requestVerb("markRead")||y&&b([y.messageId],!y.isRead)},goFlagged:()=>s({to:"/mail/flagged"}),goSettings:()=>s({to:"/settings"})}}),j={selectedMessageId:e,selectedThread:l,conversation:u,onSelectMessage:m,onSelectSearchResult:f,onCloseThread:x,actions:h,triage:g,onDeleteMessages:v,nextMessageId:T,previousMessageId:O};return r.jsx(_d.Provider,{value:j,children:t})}function zd(){const{selectedMessageId:e,onSelectMessage:t,onSelectSearchResult:s,triage:n,onDeleteMessages:a}=Er(),{accounts:o}=Re();return r.jsx(rS,{accounts:o,selectedMessageId:e,onSelectMessage:t,onSelectSearchResult:s,commandsRef:n.listCommandsRef,onTriageContextChange:n.onTriageContextChange,onDeleteMessages:a})}function DS(){const{conversation:e,actions:t}=Er(),{intelligenceOpen:s,onToggleIntelligence:n}=Re(),a=Fs()?.showIntelligencePane??!1,o=!!e,i=a&&o;return r.jsxs("section",{className:"flex h-full w-full min-w-0 flex-col bg-canvas",children:[r.jsx($o,{hasThread:o,intelligenceOpen:i&&s,canToggleIntelligence:i,onToggleIntelligence:n,onReply:o?()=>t.requestCompose("reply"):void 0,onReplyAll:o?()=>t.requestCompose("reply_all"):void 0,onForward:o?()=>t.requestCompose("forward"):void 0,onDelete:o?t.deleteThread:void 0,onToggleStar:o?t.toggleStar:void 0,isStarred:t.isStarred,moveContext:o&&t.accountId&&t.mailboxId?{accountId:t.accountId,currentMailboxId:t.mailboxId,onMove:t.moveThread}:void 0}),r.jsx("div",{className:"min-h-0 flex-1 overflow-hidden",children:e?r.jsx(Us,{threadId:e.threadId,mailboxId:e.mailboxId,subject:e.subject,selectedMessageId:e.messageId,authenticity:e.authenticity,composeRequest:t.composeRequest,onComposeClose:t.clearComposeRequest}):r.jsx(Bs,{})})]})}function PS(){const{selectedThread:e}=Er(),{onToggleIntelligence:t}=Re();return r.jsx(Hs,{onClose:t,thread:e,mailboxId:e?.mailboxId,accountId:e?.accountId})}function LS(){const{selectedThread:e,conversation:t,onSelectMessage:s,onCloseThread:n,nextMessageId:a,previousMessageId:o}=Er(),{intelligenceOpen:i,onToggleIntelligence:l}=Re();return t?r.jsxs(r.Fragment,{children:[r.jsx(Us,{threadId:t.threadId,mailboxId:t.mailboxId,subject:t.subject,selectedMessageId:t.messageId,authenticity:t.authenticity,onBack:n,onOpenIntelligence:l,onSwipeNext:a?()=>s(a):void 0,onSwipePrevious:o?()=>s(o):void 0,mobileIntelligenceOpen:i}),r.jsx(bo,{isOpen:i,onClose:l,ariaLabel:"Message details",side:"right",children:r.jsx(Hs,{onClose:l,thread:e,hideCloseButton:!0})})]}):r.jsx("div",{className:"h-full",children:r.jsx(zd,{})})}const en=Object.assign(OS,{List:zd,Reading:DS,Intelligence:PS,Phone:LS}),FS=()=>Ha({query:{starred:!0,order:"desc"}});function Bd(){const{data:e,isLoading:t,isError:s,error:n,refetch:a,fetchNextPage:o,hasNextPage:i,isFetchingNextPage:l}=tu({queryKey:FS(),queryFn:async({pageParam:m})=>{const{data:f}=await vm({query:{starred:!0,order:"desc",continuationToken:m},throwOnError:!0});return f},initialPageParam:void 0,getNextPageParam:m=>m.continuationToken,staleTime:6e4});return{threads:c.useMemo(()=>(e?.pages??[]).flatMap(m=>m.items??[]),[e]),isLoading:t,isError:s,error:n,refetch:a,fetchNextPage:o,hasNextPage:i,isFetchingNextPage:l}}const $S=e=>{const t=new Set;return e.filter(s=>t.has(s.threadId)?!1:(t.add(s.threadId),!0))};function Kd({title:e,unreadCount:t,preset:s,selectedCategory:n,activeFilters:a,onSelectCategory:o,onToggleFilter:i,onSelectSource:l,onClearFilters:u,children:m,footer:f,searchResults:d,searchLoading:h,relatedResults:x,relatedLoading:g,onSelectSearchResult:p,searchResultsLabel:v,relatedResultsLabel:b,searchResultsInBody:S}){const[w,y]=c.useState(!1),{searchInput:C}=Re(),T=C.trim().length>0,O={categories:s.categories,filters:s.filters,sources:s.sources,selectedCategory:n,activeFilters:a,expanded:w,onExpandedChange:y,onSelectCategory:o,onSelectSource:l,onToggleFilter:i,onClear:u};return r.jsx(bd,{title:e,unreadCount:t,footer:f,searchFilter:O,searchResults:d,searchLoading:h,relatedResults:x,relatedLoading:g,onSelectSearchResult:p,searchResultsLabel:v,relatedResultsLabel:b,searchResultsInBody:S,children:r.jsx(Pl,{...O,hideChrome:T,children:m})})}const _S={unread:e=>!e.isRead,attachment:e=>e.hasAttachment===!0};function zS({rows:e,verb:t}){const{selectedIds:s,exitSelection:n}=Lo(),a=c.useMemo(()=>e.filter(o=>s.has(o.id)).map(o=>({id:o.id,sender:o.fromName,email:o.fromEmail,subject:o.subject,date:o.timeLabel})),[e,s]);return r.jsx(Fo,{verb:t,selection:a,crossAccount:!0,onFinished:n})}function BS({selectedMessageId:e,onSelectMessage:t,commandsRef:s,onTriageContextChange:n,onDeleteMessages:a}){const{searchQuery:o,resultFolderIndex:i}=Re(),l=ps(),u=Xt(),m=Va(),[f,d]=c.useState("all"),[h,x]=c.useState(new Set),g=c.useCallback(L=>{x(N=>{const K=new Set(N);return K.has(L)?K.delete(L):K.add(L),K})},[]),p=c.useCallback(()=>{d("all"),x(new Set)},[]),{threads:v,isLoading:b,isError:S,error:w,refetch:y,fetchNextPage:C,hasNextPage:T,isFetchingNextPage:O}=Bd(),{freeText:j,tokens:R}=qs(o.trim().toLowerCase(),l),P=c.useMemo(()=>{const L=Array.from(h).map(N=>_S[N]).filter(N=>N!=null);return $S(v).map(Gn).filter(N=>(f==="all"||N.category===f)&&L.every(K=>K(N))&&(!j||ud(N,j))&&Oo(N,R))},[v,f,h,j,R]),M=c.useMemo(()=>Fg(),[]),F=c.useMemo(()=>P.map(L=>Sa(L,i)),[P,i]),A=c.useMemo(()=>P.filter(L=>!L.isRead).length,[P]),k=b?"loading":S?"error":P.length===0?"empty":"ready",E=c.useCallback(()=>{const L=Ba(za());window.open(L,"_blank","noopener,noreferrer")},[]),D=Nr(),I=r.jsx("div",{className:"flex h-full min-h-0 flex-col",children:r.jsxs("div",{className:"flex-1 overflow-y-auto",children:[r.jsx("div",{className:"divide-y divide-line",children:P.map(L=>r.jsx(Yn,{thread:L,active:L.id===e,onClick:()=>t?.(L.id)},L.id))}),T?r.jsx("button",{type:"button",className:"w-full py-3 text-sm text-muted hover:text-fg disabled:opacity-50",onClick:()=>C(),disabled:O,children:O?"Loading…":"Load more"}):null]})});return r.jsx(Kd,{title:"Starred",unreadCount:A,preset:M,selectedCategory:f,activeFilters:h,onSelectCategory:d,onToggleFilter:g,onClearFilters:p,searchResults:F,searchLoading:b,onSelectSearchResult:L=>t?.(L.id),searchResultsInBody:!0,children:r.jsxs(jd,{selectedMessageId:e,onOpen:(L,N)=>t?.(L,N),onDeleteMessages:a,onSelectionVerb:m.start,wizardOpen:m.isOpen,commandsRef:s,onTriageContextChange:n,children:[r.jsx(Ic,{listTitle:"Starred",sections:[{id:"flagged",threads:P}],flatList:!0,hideHeader:!0,listState:D.searchResults?"ready":k,searchQuery:j?o:void 0,errorMessage:S?Xl(w):void 0,onRetry:()=>y(),onReportError:E,selectedThreadId:e,onSelectThread:t,onSelectBriefCategory:()=>{},isDesktop:u,selectionBar:r.jsx(pw,{title:"Starred"}),listBody:D.searchResults??(k==="ready"?I:void 0)}),r.jsx(zS,{rows:P,verb:m.verb})]})})}const Ud=c.createContext(null);function Ir(){const e=c.useContext(Ud);if(!e)throw new Error("FlaggedPane.* must be used inside <FlaggedPane>");return e}function KS({selectedMessageId:e,children:t}){const s=We(),{threads:n}=Bd(),a=c.useMemo(()=>{if(e)return n.find(w=>w.messageId===e)},[n,e]),o=c.useCallback((w,y)=>{s({to:"/mail/flagged",search:C=>({...C,selectedMessageId:w}),replace:y?.replace})},[s]),i=c.useCallback(()=>{s({to:"/mail/flagged",search:w=>({...w,selectedMessageId:void 0})})},[s]),l=c.useCallback(w=>{e&&w.includes(e)&&i()},[e,i]),u=dn({thread:a,onAfterOptimisticRemove:l}),m=_o(),{deleteMessages:f}=us({mailboxId:a?.mailboxId??"",messages:n,onAfterOptimisticRemove:l}),{toggleReadFor:d}=wr({mailboxId:a?.mailboxId??"",messages:n}),h=m.focusedMessageId,g=c.useMemo(()=>n.find(w=>w.messageId===h),[n,h])??a,p=dn({thread:g}),{nextMessageId:v,previousMessageId:b}=zo({context:m,orderedIds:m.orderedIds,selectedMessageId:e,onClose:i,handlers:{reply:()=>u.requestCompose("reply"),replyAll:()=>u.requestCompose("reply_all"),forward:()=>u.requestCompose("forward"),delete:()=>{m.listCommandsRef.current?.requestVerb("delete")||p.deleteThread()},toggleStar:p.toggleStar,toggleRead:()=>{m.listCommandsRef.current?.requestVerb("markRead")||g&&d([g.messageId],!g.isRead)},goBrief:()=>s({to:"/mail"}),goSettings:()=>s({to:"/settings"})}}),S={selectedMessageId:e,selectedThread:a,onSelectMessage:o,onCloseThread:i,actions:u,triage:m,onDeleteMessages:f,nextMessageId:v,previousMessageId:b};return r.jsx(Ud.Provider,{value:S,children:t})}function qd(){const{selectedMessageId:e,onSelectMessage:t,triage:s,onDeleteMessages:n}=Ir();return r.jsx(BS,{selectedMessageId:e,onSelectMessage:t,commandsRef:s.listCommandsRef,onTriageContextChange:s.onTriageContextChange,onDeleteMessages:n})}function US(){const{selectedThread:e,actions:t}=Ir(),{intelligenceOpen:s,onToggleIntelligence:n}=Re(),a=Fs()?.showIntelligencePane??!1,o=!!e,i=a&&o;return r.jsxs("section",{className:"flex h-full w-full min-w-0 flex-col bg-canvas",children:[r.jsx($o,{hasThread:o,intelligenceOpen:i&&s,canToggleIntelligence:i,onToggleIntelligence:n,onReply:o?()=>t.requestCompose("reply"):void 0,onReplyAll:o?()=>t.requestCompose("reply_all"):void 0,onForward:o?()=>t.requestCompose("forward"):void 0,onDelete:o?t.deleteThread:void 0,onToggleStar:o?t.toggleStar:void 0,isStarred:t.isStarred,moveContext:o&&t.accountId&&t.mailboxId?{accountId:t.accountId,currentMailboxId:t.mailboxId,onMove:t.moveThread}:void 0}),r.jsx("div",{className:"min-h-0 flex-1 overflow-hidden",children:e?r.jsx(Us,{threadId:e.threadId,mailboxId:e.mailboxId,subject:e.subject,authenticity:e.authenticity,composeRequest:t.composeRequest,onComposeClose:t.clearComposeRequest}):r.jsx(Bs,{})})]})}function qS(){const{selectedThread:e}=Ir(),{onToggleIntelligence:t}=Re();return r.jsx(Hs,{onClose:t,thread:e,mailboxId:e?.mailboxId,accountId:e?.accountId})}function HS(){const{selectedThread:e,onCloseThread:t,onSelectMessage:s,nextMessageId:n,previousMessageId:a}=Ir(),{intelligenceOpen:o,onToggleIntelligence:i}=Re();return e?r.jsxs(r.Fragment,{children:[r.jsx(Us,{threadId:e.threadId,mailboxId:e.mailboxId,subject:e.subject,authenticity:e.authenticity,onBack:t,onOpenIntelligence:i,onSwipeNext:n?()=>s(n):void 0,onSwipePrevious:a?()=>s(a):void 0,mobileIntelligenceOpen:o}),r.jsx(bo,{isOpen:o,onClose:i,ariaLabel:"Message details",side:"right",children:r.jsx(Hs,{onClose:i,thread:e,hideCloseButton:!0})})]}):r.jsx("div",{className:"h-full",children:r.jsx(qd,{})})}const tn=Object.assign(KS,{List:qd,Reading:US,Intelligence:qS,Phone:HS}),WS={reply:"Reply",reply_all:"Reply All",forward:"Forward",new:"New Message"},VS=()=>{const e=c.useRef(!1);return c.useCallback(()=>{const s=document.querySelector("[data-subject-field]")?.value??"",o=(document.querySelector("[data-slate-editor]")?.textContent??"").replace(/--\s*/g,"").trim();return e.current=s.trim().length>0||o.length>0,e.current},[])},QS=()=>{const{state:e,closeCompose:t}=Yt(),s=VS(),[n,a]=c.useState(!1),{isError:o,error:i,refetch:l}=ve({...Ot(),staleTime:1/0}),u=c.useCallback(h=>{h||(s()?a(!0):t())},[t,s]),m=c.useCallback(()=>{a(!1),t()},[t]),f=c.useCallback(()=>{a(!1)},[]);if(!e.isOpen)return null;const d=WS[e.mode]??"New Message";return r.jsxs(dt.Root,{open:e.isOpen,onOpenChange:u,children:[r.jsxs(dt.Portal,{children:[r.jsx(dt.Overlay,{className:"fixed inset-0 z-40 bg-black/40"}),r.jsxs(dt.Content,{className:"fixed inset-x-0 bottom-0 z-50 flex flex-col bg-canvas rounded-t-lg",style:{height:"95dvh"},children:[r.jsx(dt.Handle,{className:"mx-auto mt-2 mb-1 h-1.5 w-12 rounded-full bg-fg-muted/30"}),r.jsx(dt.Title,{className:"px-4 py-2 text-base font-semibold border-b border-line",children:d}),o?r.jsx("div",{className:"flex-1 flex items-center justify-center p-4",children:r.jsx(Jt,{title:"Couldn't load compose",error:i,onRetry:()=>{l()}})}):r.jsx("div",{className:"flex-1 overflow-hidden",children:r.jsx(vo,{mode:e.mode,account:e.account,sourceMessage:e.sourceMessage,onClose:t})})]})]}),n&&r.jsx("div",{className:"fixed inset-0 z-[60] flex items-center justify-center bg-black/50",children:r.jsxs("div",{className:"mx-4 w-full max-w-sm rounded-xl bg-canvas p-6 shadow-xl",children:[r.jsx("h3",{className:"text-lg font-semibold",children:"Discard draft?"}),r.jsx("p",{className:"mt-2 text-sm text-fg-muted",children:"Your message has unsaved content. Are you sure you want to discard it?"}),r.jsxs("div",{className:"mt-4 flex justify-end gap-2",children:[r.jsx("button",{type:"button",onClick:f,className:"rounded-md px-4 py-2 text-sm font-medium hover:bg-surface-raised transition-colors",children:"Keep editing"}),r.jsx("button",{type:"button",onClick:m,className:"rounded-md bg-danger px-4 py-2 text-sm font-medium text-canvas hover:bg-danger/90 transition-colors",children:"Discard"})]})]})})]})},GS={reply:"Reply",reply_all:"Reply All",forward:"Forward",new:"New Message"},Hd=()=>{const{state:e,closeCompose:t}=Yt(),s=Xt(),{isError:n,error:a,refetch:o}=ve({...Ot(),staleTime:1/0});if(!s)return r.jsx(QS,{});if(!e.isOpen)return null;const i=GS[e.mode]??"New Message",l=r.jsxs("header",{className:"flex items-center justify-between gap-2 px-4 py-3 border-b border-line shrink-0",children:[r.jsx("div",{className:"flex items-center gap-2 min-w-0",children:r.jsx("h2",{className:"text-lg font-semibold truncate",children:i})}),r.jsx("button",{type:"button",onClick:t,className:"p-2 rounded-md hover:bg-surface-raised transition-colors min-h-11 min-w-11 inline-flex items-center justify-center","aria-label":"Close",children:r.jsx(Ct,{className:"size-5"})})]});return n?r.jsxs("div",{className:"h-full flex flex-col bg-canvas",children:[l,r.jsx("div",{className:"flex-1 flex items-center justify-center p-4",children:r.jsx(Jt,{title:"Couldn't load compose",error:a,onRetry:()=>{o()}})})]}):r.jsxs("div",{className:"flex h-full min-h-0 flex-col bg-canvas",children:[l,r.jsx("div",{className:"min-h-0 flex-1 overflow-hidden",children:r.jsx(vo,{mode:e.mode,account:e.account,sourceMessage:e.sourceMessage,onClose:t},e.outboxMessageId??"new")})]})};function YS(e){const t=e.toAddresses.join(", ");return{id:e.outboxMessageId,accountId:e.accountId,fromName:e.fromName??e.fromAddress??"Me",fromEmail:e.fromAddress??"",subject:e.subject??"(No subject)",snippet:t?`To: ${t}`:"(No recipients)",timeLabel:ht(e.updatedAt),isRead:!0}}function XS(e){return{id:e.messageId,accountId:e.accountId,fromName:e.fromName??e.fromEmail??"Unknown",fromEmail:e.fromEmail??"",subject:e.subject??"(No subject)",snippet:e.snippet??"",timeLabel:ht(e.sentDate),isRead:e.isRead,hasAttachment:e.hasAttachment,starred:e.hasStars===!0}}function JS({outboxMessages:e,accountId:t,imapThreads:s}){const n=e.filter(i=>i.status==="draft"&&i.accountId===t).map(YS),a=s.map(XS),o=[];return n.length>0&&o.push({id:"remit-drafts",label:"Not yet sent (Remit)",threads:n}),a.length>0&&o.push({id:"imap-drafts",label:"On the server",threads:a}),o}function Bo(){const e=Fs();return!e||e.showNavPane?null:r.jsx(ce,{variant:"ghost",size:"sm",icon:r.jsx(Ja,{className:"size-4"}),onClick:e.openNav,"aria-label":"Open folders",className:"-ml-1 shrink-0"})}const ZS=({label:e,count:t})=>r.jsxs("div",{className:"sticky top-0 z-10 flex items-baseline justify-between border-b border-line bg-surface-sunken px-row-inset py-1",children:[r.jsx("span",{className:"text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:e}),r.jsx("span",{className:"text-2xs text-fg-subtle tabular-nums",children:t})]}),ek=({row:e,isSelected:t,onOpen:s,onDelete:n,isDeleting:a})=>r.jsxs("button",{type:"button",onClick:()=>s(e.id),className:W("group",zs({active:t})),children:[r.jsx(Dl,{className:"size-7 shrink-0 text-fg-muted mt-0.5"}),r.jsx(ln,{thread:e}),r.jsx("div",{className:"flex items-center gap-1 shrink-0",children:r.jsx("button",{type:"button",onClick:o=>{o.stopPropagation(),n(e.id)},disabled:a,className:"p-1.5 rounded-md text-fg-muted hover:text-danger hover:bg-surface-raised transition-colors opacity-0 group-hover:opacity-100 focus:opacity-100",title:"Delete draft",children:r.jsx(At,{className:"size-3.5"})})})]}),tk=({row:e,isSelected:t,onOpen:s})=>{const n=!e.isRead;return r.jsxs("button",{type:"button",onClick:()=>s(e.id),className:W("group",zs({active:t})),children:[n&&r.jsx("span",{className:"absolute left-1.5 top-1/2 size-1.5 -translate-y-1/2 rounded-full bg-accent"}),r.jsx(kt,{name:e.fromName,email:e.fromEmail,size:"sm"}),r.jsx(ln,{thread:e})]})};function sk({mailboxId:e,accountId:t,selectedMessageId:s,imapThreads:n,title:a,unreadCount:o}){const{openCompose:i,state:l}=Yt(),u=We(),m=Te(),{data:f}=ve(tr()),d=c.useMemo(()=>JS({outboxMessages:f?.items??[],accountId:t,imapThreads:n}),[f?.items,t,n]),h=Fe({...nr(),onSuccess:()=>{m.invalidateQueries({queryKey:Qa()})}}),x=b=>{h.mutate({path:{outboxMessageId:b}})},g=b=>{s&&u({to:"/mail/$mailboxId",params:{mailboxId:e},search:{selectedMessageId:void 0}}),i({mode:"new",outboxMessageId:b})},p=b=>{u({to:"/mail/$mailboxId",params:{mailboxId:e},search:{selectedMessageId:b}})},v=d.length===0;return r.jsxs("section",{className:"flex h-full w-full flex-col bg-surface",children:[r.jsxs("header",{className:"flex h-pane-header shrink-0 items-center gap-2 border-b border-line px-row-inset",children:[r.jsx(Bo,{}),r.jsx("h1",{className:"min-w-0 flex-1 truncate text-sm font-semibold text-fg",children:a}),(o??0)>0&&r.jsxs("span",{className:"shrink-0 text-2xs text-fg-subtle tabular-nums",children:[o," unread"]})]}),r.jsx("div",{className:"flex-1 overflow-y-auto",children:v?r.jsxs("div",{className:"flex flex-col items-center justify-center h-full gap-2 text-center px-4",children:[r.jsx(Aa,{className:"size-8 text-fg-subtle"}),r.jsx("p",{className:"text-sm font-medium text-fg",children:"No drafts"}),r.jsx("p",{className:"text-xs text-fg-subtle",children:"Messages you start composing will appear here."})]}):d.map(b=>r.jsxs("div",{children:[b.label&&r.jsx(ZS,{label:b.label,count:b.threads.length}),r.jsx("div",{className:"divide-y divide-line",children:b.threads.map(S=>b.id==="remit-drafts"?r.jsx(ek,{row:S,isSelected:l.isOpen&&S.id===l.outboxMessageId,onOpen:g,onDelete:x,isDeleting:h.isPending},S.id):r.jsx(tk,{row:S,isSelected:S.id===s,onOpen:p},S.id))})]},b.id))})]})}function nk(e,t,s){const n=new Array(e);return new Proxy(n,{get(a,o,i){if(typeof o=="string"){const l=o.charCodeAt(0);if(l>=48&&l<=57){const u=+o;if(Number.isInteger(u)&&u>=0&&u<e){let m=a[u];if(!m){const f=t[u*2];m=a[u]={index:u,key:s(u),start:f,size:t[u*2+1],end:f+t[u*2+1],lane:0}}return m}}if(o==="length")return e}return Reflect.get(a,o,i)}})}function Cs(e,t,s){let n=s.initialDeps??[],a,o=!0;function i(){const l=e();return(l.length!==n.length||l.some((m,f)=>n[f]!==m))&&(n=l,a=t(...l),s?.onChange&&!(o&&s.skipInitialOnChange)&&s.onChange(a),o=!1),a}return i.updateDeps=l=>{n=l},i}function Sl(e,t){if(e===void 0)throw new Error("Unexpected undefined");return e}const rk=(e,t)=>Math.abs(e-t)<1.01,ak=(e,t,s)=>{let n;return function(...a){e.clearTimeout(n),n=e.setTimeout(()=>t.apply(this,a),s)}};let sn;const na=()=>{if(sn!==void 0)return sn;if(typeof navigator>"u")return sn=!1;if(/iP(hone|od|ad)/.test(navigator.userAgent))return sn=!0;const e=navigator.maxTouchPoints;return sn=navigator.platform==="MacIntel"&&e!==void 0&&e>0},kl=e=>{const{offsetWidth:t,offsetHeight:s}=e;return{width:t,height:s}},ok=e=>e,ik=e=>{const t=Math.max(e.startIndex-e.overscan,0),n=Math.min(e.endIndex+e.overscan,e.count-1)-t+1,a=new Array(n);for(let o=0;o<n;o++)a[o]=t+o;return a},lk=(e,t)=>{const s=e.scrollElement;if(!s)return;const n=e.targetWindow;if(!n)return;const a=i=>{const{width:l,height:u}=i;t({width:Math.round(l),height:Math.round(u)})};if(a(kl(s)),!n.ResizeObserver)return()=>{};const o=new n.ResizeObserver(i=>{const l=()=>{const u=i[0];if(u?.borderBoxSize){const m=u.borderBoxSize[0];if(m){a({width:m.inlineSize,height:m.blockSize});return}}a(kl(s))};e.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(l):l()});return o.observe(s,{box:"border-box"}),()=>{o.unobserve(s)}},Xn={passive:!0},ck=typeof window>"u"?!0:"onscrollend"in window,uk=(e,t,s)=>{const n=e.scrollElement;if(!n)return;const a=e.targetWindow;if(!a)return;const o=e.options.useScrollendEvent&&ck;let i=0;const l=o?null:ak(a,()=>t(i,!1),e.options.isScrollingResetDelay),u=d=>()=>{i=s(n),l?.(),t(i,d)},m=u(!0),f=u(!1);return n.addEventListener("scroll",m,Xn),o&&n.addEventListener("scrollend",f,Xn),()=>{n.removeEventListener("scroll",m),o&&n.removeEventListener("scrollend",f)}},dk=(e,t)=>uk(e,t,s=>{const{horizontal:n,isRtl:a}=e.options;return n?s.scrollLeft*(a&&-1||1):s.scrollTop}),fk=(e,t,s)=>{if(s.options.useCachedMeasurements){const n=s.indexFromElement(e),a=s.options.getItemKey(n);return s.itemSizeCache.get(a)??s.options.estimateSize(n)}if(t?.borderBoxSize){const n=t.borderBoxSize[0];if(n)return Math.round(n[s.options.horizontal?"inlineSize":"blockSize"])}if(!t){const n=s.indexFromElement(e),a=s.options.getItemKey(n),o=s.itemSizeCache.get(a);if(o!==void 0)return o}return e[s.options.horizontal?"offsetWidth":"offsetHeight"]},mk=(e,{adjustments:t=0,behavior:s},n)=>{var a,o;(o=(a=n.scrollElement)==null?void 0:a.scrollTo)==null||o.call(a,{[n.options.horizontal?"left":"top"]:e+t,behavior:s})},hk=mk;class pk{constructor(t){this.unsubs=[],this.scrollElement=null,this.targetWindow=null,this.isScrolling=!1,this.scrollState=null,this.measurementsCache=[],this._flatMeasurements=null,this.itemSizeCache=new Map,this.itemSizeCacheVersion=0,this.laneAssignments=new Map,this.pendingMin=null,this.prevLanes=void 0,this.lanesChangedFlag=!1,this.lanesSettling=!1,this.pendingScrollAnchor=null,this.scrollRect=null,this.scrollOffset=null,this.scrollDirection=null,this.scrollAdjustments=0,this._iosDeferredAdjustment=0,this._iosTouching=!1,this._iosJustTouchEnded=!1,this._iosTouchEndTimerId=null,this._intendedScrollOffset=null,this.elementsCache=new Map,this.now=()=>{var s,n,a;return((a=(n=(s=this.targetWindow)==null?void 0:s.performance)==null?void 0:n.now)==null?void 0:a.call(n))??Date.now()},this.observer=(()=>{let s=null;const n=()=>s||(!this.targetWindow||!this.targetWindow.ResizeObserver?null:s=new this.targetWindow.ResizeObserver(a=>{a.forEach(o=>{const i=()=>{const l=o.target,u=this.indexFromElement(l);if(!l.isConnected){this.observer.unobserve(l);for(const[m,f]of this.elementsCache)if(f===l){this.elementsCache.delete(m);break}return}this.shouldMeasureDuringScroll(u)&&this.resizeItem(u,this.options.measureElement(l,o,this))};this.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(i):i()})}));return{disconnect:()=>{var a;(a=n())==null||a.disconnect(),s=null},observe:a=>{var o;return(o=n())==null?void 0:o.observe(a,{box:"border-box"})},unobserve:a=>{var o;return(o=n())==null?void 0:o.unobserve(a)}}})(),this.range=null,this.setOptions=s=>{var n,a;const o={debug:!1,initialOffset:0,overscan:1,paddingStart:0,paddingEnd:0,scrollPaddingStart:0,scrollPaddingEnd:0,horizontal:!1,getItemKey:ok,rangeExtractor:ik,onChange:()=>{},measureElement:fk,initialRect:{width:0,height:0},scrollMargin:0,gap:0,indexAttribute:"data-index",initialMeasurementsCache:[],lanes:1,anchorTo:"start",followOnAppend:!1,scrollEndThreshold:1,isScrollingResetDelay:150,enabled:!0,isRtl:!1,useScrollendEvent:!1,useAnimationFrameWithResizeObserver:!1,laneAssignmentMode:"estimate",useCachedMeasurements:!1};for(const h in s){const x=s[h];x!==void 0&&(o[h]=x)}const i=this.options;let l=null,u=null,m=!1;if(i!==void 0&&i.enabled&&o.enabled&&o.anchorTo==="end"&&this.scrollElement!==null){const h=i.count,x=o.count,g=this.getMeasurements(),p=h>0?((n=g[0])==null?void 0:n.key)??i.getItemKey(0):null,v=h>0?((a=g[h-1])==null?void 0:a.key)??i.getItemKey(h-1):null;if(x!==h||h>0&&x>0&&(o.getItemKey(0)!==p||o.getItemKey(x-1)!==v)){m=!0;const w=h>0?this.getVirtualItemForOffset(this.getScrollOffset())??g[0]:null;w&&(l=[w.key,this.getScrollOffset()-w.start]);const y=o.followOnAppend===!0?"auto":o.followOnAppend||null;y&&x>h&&this.isAtEnd(i.scrollEndThreshold)&&(h===0||o.getItemKey(x-1)!==v)&&(u=y)}}this.options=o,m&&(this.pendingMin=0,this.itemSizeCacheVersion++);let f=!1,d=0;if(l&&this.scrollOffset!==null){const[h,x]=l,g=this.getMeasurements(),{count:p,getItemKey:v}=this.options;let b=0;for(;b<p&&v(b)!==h;)b++;if(b<p){const S=g[b];if(S){const w=S.start+x;w!==this.scrollOffset&&(d=w-this.scrollOffset,this.scrollOffset=w,f=!0)}}}(f||u)&&(this.pendingScrollAnchor=[f?l[0]:null,f?l[1]:0,u,d])},this.notify=s=>{var n,a;(a=(n=this.options).onChange)==null||a.call(n,this,s)},this.maybeNotify=Cs(()=>(this.calculateRange(),[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]),s=>{this.notify(s)},{key:!1,debug:()=>this.options.debug,initialDeps:[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]}),this.cleanup=()=>{this.unsubs.filter(Boolean).forEach(s=>s()),this.unsubs=[],this.observer.disconnect(),this.rafId!=null&&this.targetWindow&&(this.targetWindow.cancelAnimationFrame(this.rafId),this.rafId=null),this.scrollState=null,this._iosDeferredAdjustment=0,this._iosTouching=!1,this._iosJustTouchEnded=!1,this.scrollElement=null,this.targetWindow=null},this._didMount=()=>()=>{this.cleanup()},this._willUpdate=()=>{var s;const n=this.options.enabled?this.options.getScrollElement():null;if(this.scrollElement!==n){if(this.cleanup(),!n){this.maybeNotify();return}if(this.scrollElement=n,this.scrollElement&&"ownerDocument"in this.scrollElement?this.targetWindow=this.scrollElement.ownerDocument.defaultView:this.targetWindow=((s=this.scrollElement)==null?void 0:s.window)??null,this.elementsCache.forEach(o=>{this.observer.observe(o)}),this.unsubs.push(this.options.observeElementRect(this,o=>{this.scrollRect=o,this.maybeNotify()})),this.unsubs.push(this.options.observeElementOffset(this,(o,i)=>{if(i&&this._intendedScrollOffset===null&&o===this.scrollOffset)return;this._intendedScrollOffset!==null&&Math.abs(o-this._intendedScrollOffset)<1.5&&(o=this._intendedScrollOffset),this._intendedScrollOffset=null,this.scrollAdjustments=0;const l=this.getScrollOffset();this.scrollDirection=i?l===o?this.scrollDirection:l<o?"forward":"backward":null,this.scrollOffset=o,this.isScrolling=i,this._flushIosDeferredIfReady(),this.scrollState&&this.scheduleScrollReconcile(),this.maybeNotify()})),"addEventListener"in this.scrollElement){const o=this.scrollElement,i=()=>{this._iosTouching=!0,this._iosJustTouchEnded=!1,this._iosTouchEndTimerId!==null&&this.targetWindow!=null&&(this.targetWindow.clearTimeout(this._iosTouchEndTimerId),this._iosTouchEndTimerId=null)},l=()=>{this._iosTouching=!1,!(!na()||this.targetWindow==null)&&(this._iosJustTouchEnded=!0,this._iosTouchEndTimerId=this.targetWindow.setTimeout(()=>{this._iosJustTouchEnded=!1,this._iosTouchEndTimerId=null,this._flushIosDeferredIfReady()},150))};o.addEventListener("touchstart",i,Xn),o.addEventListener("touchend",l,Xn),this.unsubs.push(()=>{o.removeEventListener("touchstart",i),o.removeEventListener("touchend",l),this._iosTouchEndTimerId!==null&&this.targetWindow!=null&&(this.targetWindow.clearTimeout(this._iosTouchEndTimerId),this._iosTouchEndTimerId=null)})}this._scrollToOffset(this.getScrollOffset(),{adjustments:void 0,behavior:void 0})}const a=this.pendingScrollAnchor;if(this.pendingScrollAnchor=null,a&&this.scrollElement&&this.options.enabled){const[o,i,l,u]=a;o!==null&&!l&&(na()&&(this.isScrolling||this._iosTouching||this._iosJustTouchEnded)?u!==0&&(this._iosDeferredAdjustment+=u):this._scrollToOffset(this.getScrollOffset(),{adjustments:void 0,behavior:void 0})),l&&this.scrollToEnd({behavior:l})}},this._flushIosDeferredIfReady=()=>{if(this._iosDeferredAdjustment===0||this.isScrolling||this._iosTouching||this._iosJustTouchEnded)return;const s=this.getScrollOffset(),n=this.getMaxScrollOffset();if(s<0||s>n)return;const a=this._iosDeferredAdjustment;this._iosDeferredAdjustment=0,this._scrollToOffset(s,{adjustments:this.scrollAdjustments+=a,behavior:void 0})},this.rafId=null,this.getSize=()=>this.options.enabled?(this.scrollRect=this.scrollRect??this.options.initialRect,this.scrollRect[this.options.horizontal?"width":"height"]):(this.scrollRect=null,0),this.getScrollOffset=()=>this.options.enabled?(this.scrollOffset=this.scrollOffset??(typeof this.options.initialOffset=="function"?this.options.initialOffset():this.options.initialOffset),this.scrollOffset):(this.scrollOffset=null,0),this.getMeasurementOptions=Cs(()=>[this.options.count,this.options.paddingStart,this.options.scrollMargin,this.options.getItemKey,this.options.enabled,this.options.lanes,this.options.laneAssignmentMode,this.options.gap],(s,n,a,o,i,l,u,m)=>(this.prevLanes!==void 0&&this.prevLanes!==l&&(this.lanesChangedFlag=!0),this.prevLanes=l,this.pendingMin=null,{count:s,paddingStart:n,scrollMargin:a,getItemKey:o,enabled:i,lanes:l,laneAssignmentMode:u,gap:m}),{key:!1}),this.getMeasurements=Cs(()=>[this.getMeasurementOptions(),this.itemSizeCacheVersion],({count:s,paddingStart:n,scrollMargin:a,getItemKey:o,enabled:i,lanes:l,laneAssignmentMode:u,gap:m},f)=>{const d=this.itemSizeCache;if(!i)return this.measurementsCache=[],this.itemSizeCache.clear(),this.laneAssignments.clear(),[];if(this.laneAssignments.size>s)for(const b of this.laneAssignments.keys())b>=s&&this.laneAssignments.delete(b);this.lanesChangedFlag&&(this.lanesChangedFlag=!1,this.lanesSettling=!0,this.measurementsCache=[],this.itemSizeCache.clear(),this.laneAssignments.clear(),this.pendingMin=null),this.measurementsCache.length===0&&!this.lanesSettling&&(this.measurementsCache=this.options.initialMeasurementsCache,this.measurementsCache.forEach(b=>{this.itemSizeCache.set(b.key,b.size)}));const h=this.lanesSettling?0:this.pendingMin??0;if(this.pendingMin=null,this.lanesSettling&&this.measurementsCache.length===s&&(this.lanesSettling=!1),l===1){const b=s*2;let S=this._flatMeasurements;if(!S||S.length<b){const C=new Float64Array(b);S&&h>0&&C.set(S.subarray(0,h*2)),S=C,this._flatMeasurements=S}let w;if(h===0)w=n+a;else{const C=h-1;w=S[C*2]+S[C*2+1]+m}for(let C=h;C<s;C++){const T=o(C),O=d.get(T),j=typeof O=="number"?O:this.options.estimateSize(C);S[C*2]=w,S[C*2+1]=j,w+=j+m}const y=nk(s,S,o);return this.measurementsCache=y,y}const x=this.measurementsCache.slice(0,h),g=new Array(l).fill(void 0),p=new Float64Array(l);let v=0;for(let b=0;b<h;b++){const S=x[b];S&&(g[S.lane]===void 0&&v++,g[S.lane]=b,p[S.lane]=S.end)}for(let b=h;b<s;b++){const S=o(b),w=this.laneAssignments.get(b);let y,C;const T=u==="estimate"||d.has(S);if(w!==void 0&&this.options.lanes>1){y=w;const P=g[y],M=P!==void 0?x[P]:void 0;C=M?M.end+m:n+a}else if(v===l){let P=0,M=p[0],F=g[0];for(let A=1;A<l;A++){const k=p[A];(k<M||k===M&&g[A]<F)&&(P=A,M=k,F=g[A])}y=P,C=M+m,T&&this.laneAssignments.set(b,y)}else y=b%this.options.lanes,C=n+a,T&&this.laneAssignments.set(b,y);const O=d.get(S),j=typeof O=="number"?O:this.options.estimateSize(b),R=C+j;x[b]={index:b,start:C,size:j,end:R,key:S,lane:y},g[y]===void 0&&v++,g[y]=b,p[y]=R}return this.measurementsCache=x,x},{key:!1,debug:()=>this.options.debug}),this.calculateRange=Cs(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset(),this.options.lanes],(s,n,a,o)=>s.length===0||n===0?(this.range=null,null):(this.range=xk(s,n,a,o,o===1&&this._flatMeasurements!=null?this._flatMeasurements:null),this.range),{key:!1,debug:()=>this.options.debug}),this.getVirtualIndexes=Cs(()=>{let s=null,n=null;const a=this.calculateRange();return a&&(s=a.startIndex,n=a.endIndex),this.maybeNotify.updateDeps([this.isScrolling,s,n]),[this.options.rangeExtractor,this.options.overscan,this.options.count,s,n]},(s,n,a,o,i)=>o===null||i===null?[]:s({startIndex:o,endIndex:i,overscan:n,count:a}),{key:!1,debug:()=>this.options.debug}),this.indexFromElement=s=>{const n=this.options.indexAttribute,a=s.getAttribute(n);return a?parseInt(a,10):(console.warn(`Missing attribute name '${n}={index}' on measured element.`),-1)},this.shouldMeasureDuringScroll=s=>{var n;if(!this.scrollState||this.scrollState.behavior!=="smooth")return!0;const a=this.scrollState.index??((n=this.getVirtualItemForOffset(this.scrollState.lastTargetOffset))==null?void 0:n.index);if(a!==void 0&&this.range){const o=Math.max(this.options.overscan,Math.ceil((this.range.endIndex-this.range.startIndex)/2)),i=Math.max(0,a-o),l=Math.min(this.options.count-1,a+o);return s>=i&&s<=l}return!0},this.measureElement=s=>{if(!s){this.elementsCache.forEach((i,l)=>{i.isConnected||(this.observer.unobserve(i),this.elementsCache.delete(l))});return}const n=this.indexFromElement(s),a=this.options.getItemKey(n),o=this.elementsCache.get(a);o!==s&&(o&&this.observer.unobserve(o),this.observer.observe(s),this.elementsCache.set(a,s)),(!this.isScrolling||this.scrollState)&&this.shouldMeasureDuringScroll(n)&&this.resizeItem(n,this.options.measureElement(s,void 0,this))},this.resizeItem=(s,n)=>{var a,o;if(s<0||s>=this.options.count)return;let i,l,u;const m=this._flatMeasurements;if(this.options.lanes===1&&m!==null)u=this.options.getItemKey(s),l=m[s*2],i=m[s*2+1];else{const h=this.measurementsCache[s];if(!h)return;u=h.key,l=h.start,i=h.size}const f=this.itemSizeCache.get(u)??i,d=n-f;if(d!==0){const h=this.options.anchorTo==="end"&&((a=this.scrollState)==null?void 0:a.behavior)!=="smooth"&&this.getVirtualDistanceFromEnd()<=this.options.scrollEndThreshold,x=h?this.getTotalSize():0,g=((o=this.scrollState)==null?void 0:o.behavior)!=="smooth"&&(this.shouldAdjustScrollPositionOnItemSizeChange!==void 0?this.shouldAdjustScrollPositionOnItemSizeChange(this.measurementsCache[s]??{index:s,key:u,start:l,size:i,end:l+i,lane:0},d,this):l<this.getScrollOffset()+this.scrollAdjustments&&(!this.itemSizeCache.has(u)||this.scrollDirection!=="backward"));(this.pendingMin===null||s<this.pendingMin)&&(this.pendingMin=s),this.itemSizeCache.set(u,n),this.itemSizeCacheVersion++,h?this.applyScrollAdjustment(this.getTotalSize()-x):g&&this.applyScrollAdjustment(d),this.notify(!1)}},this.getVirtualItems=Cs(()=>[this.getVirtualIndexes(),this.getMeasurements()],(s,n)=>{const a=[];for(let o=0,i=s.length;o<i;o++){const l=s[o],u=n[l];a.push(u)}return a},{key:!1,debug:()=>this.options.debug}),this.getVirtualItemForOffset=s=>{const n=this.getMeasurements();if(n.length===0)return;const a=this._flatMeasurements,o=this.options.lanes===1&&a!=null,i=Wd(0,n.length-1,o?l=>a[l*2]:l=>Sl(n[l]).start,s);return Sl(n[i])},this.getMaxScrollOffset=()=>{if(!this.scrollElement)return 0;if("scrollHeight"in this.scrollElement)return this.options.horizontal?this.scrollElement.scrollWidth-this.scrollElement.clientWidth:this.scrollElement.scrollHeight-this.scrollElement.clientHeight;{const s=this.scrollElement.document.documentElement;return this.options.horizontal?s.scrollWidth-this.scrollElement.innerWidth:s.scrollHeight-this.scrollElement.innerHeight}},this.getVirtualDistanceFromEnd=()=>Math.max(this.getTotalSize()-this.getSize()-this.getScrollOffset(),0),this.getDistanceFromEnd=()=>Math.max(this.getMaxScrollOffset()-this.getScrollOffset(),0),this.isAtEnd=(s=this.options.scrollEndThreshold)=>this.getDistanceFromEnd()<=s,this.getOffsetForAlignment=(s,n,a=0)=>{if(!this.scrollElement)return 0;const o=this.getSize(),i=this.getScrollOffset();n==="auto"&&(n=s>=i+o?"end":"start"),n==="center"?s+=(a-o)/2:n==="end"&&(s-=o);const l=this.getMaxScrollOffset();return Math.max(Math.min(l,s),0)},this.getOffsetForIndex=(s,n="auto")=>{s=Math.max(0,Math.min(s,this.options.count-1));const a=this.getSize(),o=this.getScrollOffset(),i=this.measurementsCache[s];if(!i)return;if(n==="auto")if(i.end>=o+a-this.options.scrollPaddingEnd)n="end";else if(i.start<=o+this.options.scrollPaddingStart)n="start";else return[o,n];if(n==="end"&&s===this.options.count-1)return[this.getMaxScrollOffset(),n];const l=n==="end"?i.end+this.options.scrollPaddingEnd:i.start-this.options.scrollPaddingStart;return[this.getOffsetForAlignment(l,n,i.size),n]},this.scrollToOffset=(s,{align:n="start",behavior:a="auto"}={})=>{const o=this.getOffsetForAlignment(s,n),i=this.now();this.scrollState={index:null,align:n,behavior:a,startedAt:i,lastTargetOffset:o,stableFrames:0},this._scrollToOffset(o,{adjustments:void 0,behavior:a}),this.scheduleScrollReconcile()},this.scrollToIndex=(s,{align:n="auto",behavior:a="auto"}={})=>{s=Math.max(0,Math.min(s,this.options.count-1));const o=this.getOffsetForIndex(s,n);if(!o)return;const[i,l]=o,u=this.now();this.scrollState={index:s,align:l,behavior:a,startedAt:u,lastTargetOffset:i,stableFrames:0},this._scrollToOffset(i,{adjustments:void 0,behavior:a}),this.scheduleScrollReconcile()},this.scrollBy=(s,{behavior:n="auto"}={})=>{const a=this.getScrollOffset()+s,o=this.now();this.scrollState={index:null,align:"start",behavior:n,startedAt:o,lastTargetOffset:a,stableFrames:0},this._scrollToOffset(a,{adjustments:void 0,behavior:n}),this.scheduleScrollReconcile()},this.scrollToEnd=({behavior:s="auto"}={})=>{if(this.options.count>0){this.scrollToIndex(this.options.count-1,{align:"end",behavior:s});return}this.scrollToOffset(Math.max(this.getTotalSize()-this.getSize(),0),{behavior:s})},this.getTotalSize=()=>{var s;const n=this.getMeasurements();let a;if(n.length===0)a=this.options.paddingStart;else if(this.options.lanes===1){const o=n.length-1,i=this._flatMeasurements;i!=null?a=i[o*2]+i[o*2+1]:a=((s=n[o])==null?void 0:s.end)??0}else{const o=Array(this.options.lanes).fill(null);let i=n.length-1;for(;i>=0&&o.some(l=>l===null);){const l=n[i];o[l.lane]===null&&(o[l.lane]=l.end),i--}a=Math.max(...o.filter(l=>l!==null))}return Math.max(a-this.options.scrollMargin+this.options.paddingEnd,0)},this.takeSnapshot=()=>{const s=[];if(this.itemSizeCache.size===0)return s;const n=this.getMeasurements();for(const a of n)a&&this.itemSizeCache.has(a.key)&&s.push({index:a.index,key:a.key,start:a.start,size:a.size,end:a.end,lane:a.lane});return s},this._scrollToOffset=(s,{adjustments:n,behavior:a})=>{this._intendedScrollOffset=s+(n??0),this.options.scrollToFn(s,{behavior:a,adjustments:n},this)},this.measure=()=>{this.pendingMin=null,this.itemSizeCache.clear(),this.laneAssignments.clear(),this.itemSizeCacheVersion++,this.notify(!1)},this.setOptions(t)}applyScrollAdjustment(t,s){t!==0&&(na()&&(this.isScrolling||this._iosTouching||this._iosJustTouchEnded)?this._iosDeferredAdjustment+=t:(this._scrollToOffset(this.getScrollOffset(),{adjustments:this.scrollAdjustments+=t,behavior:s}),this.scrollOffset!==null&&(this.scrollOffset+=this.scrollAdjustments,this.scrollAdjustments=0)))}scheduleScrollReconcile(){if(!this.targetWindow){this.scrollState=null;return}this.rafId==null&&(this.rafId=this.targetWindow.requestAnimationFrame(()=>{this.rafId=null,this.reconcileScroll()}))}reconcileScroll(){if(!this.scrollState||!this.scrollElement)return;if(this.now()-this.scrollState.startedAt>5e3){this.scrollState=null;return}const n=this.scrollState.index!=null?this.getOffsetForIndex(this.scrollState.index,this.scrollState.align):void 0,a=n?n[0]:this.scrollState.lastTargetOffset,o=1,i=a!==this.scrollState.lastTargetOffset;if(!i&&rk(a,this.getScrollOffset())){if(this.scrollState.stableFrames++,this.scrollState.stableFrames>=o){this.getScrollOffset()!==a&&this._scrollToOffset(a,{adjustments:void 0,behavior:"auto"}),this.scrollState=null;return}}else if(this.scrollState.stableFrames=0,i){const l=this.getSize()||600,u=Math.abs(a-this.getScrollOffset()),m=this.scrollState.behavior==="smooth"&&u>l;this.scrollState.lastTargetOffset=a,m||(this.scrollState.behavior="auto"),this._scrollToOffset(a,{adjustments:void 0,behavior:m?"smooth":"auto"})}this.scheduleScrollReconcile()}}const Wd=(e,t,s,n)=>{for(;e<=t;){const a=(e+t)/2|0,o=s(a);if(o<n)e=a+1;else if(o>n)t=a-1;else return a}return e>0?e-1:0};function gk(e,t,s){let n=0;for(;n<=t;){const a=(n+t)/2|0,o=e[a*2];if(o<s)n=a+1;else if(o>s)t=a-1;else return a}return n>0?n-1:0}function xk(e,t,s,n,a){const o=e.length-1;if(e.length<=n)return{startIndex:0,endIndex:o};if(n===1&&a!==null){const m=gk(a,o,s);let f=m;const d=s+t;for(;f<o&&a[f*2]+a[f*2+1]<d;)f++;return{startIndex:m,endIndex:f}}let l=Wd(0,o,m=>e[m].start,s),u=l;if(n===1)for(;u<o&&e[u].end<s+t;)u++;else if(n>1){const m=Array(n).fill(0);for(;u<o&&m.some(d=>d<s+t);){const d=e[u];m[d.lane]=d.end,u++}const f=Array(n).fill(s+t);for(;l>=0&&f.some(d=>d>=s);){const d=e[l];f[d.lane]=d.start,l--}l=Math.max(0,l-l%n),u=Math.min(o,u+(n-1-u%n))}return{startIndex:l,endIndex:u}}const ra=typeof document<"u"?c.useLayoutEffect:c.useEffect;function bk({useFlushSync:e=!0,directDomUpdates:t=!1,directDomUpdatesMode:s="transform",...n}){const a=c.useReducer(m=>m+1,0)[1],o=c.useRef({enabled:t,mode:s,container:null,lastSize:null,lastPositions:new WeakMap,prevRange:null});o.current.enabled=t,o.current.mode=s;const i=m=>{const f=o.current;if(!f.enabled||!f.container)return;const d=m.getTotalSize();if(d!==f.lastSize){f.lastSize=d;const b=m.options.horizontal?"width":"height";f.container.style[b]=`${d}px`}const h=!!m.options.horizontal,x=f.mode==="transform",g=h?"left":"top",p=m.options.scrollMargin,v=m.getVirtualItems();for(const b of v){const S=b.start-p,w=m.elementsCache.get(b.key);w&&f.lastPositions.get(w)!==S&&(f.lastPositions.set(w,S),x?w.style.transform=h?`translate3d(${S}px, 0, 0)`:`translate3d(0, ${S}px, 0)`:w.style[g]=`${S}px`)}},l={...n,onChange:(m,f)=>{var d;const h=o.current;let x=!0;if(h.enabled){i(m);const g=m.range,p=h.prevRange;x=!p||p.isScrolling!==m.isScrolling||p.startIndex!==g?.startIndex||p.endIndex!==g?.endIndex,x&&(h.prevRange=g?{startIndex:g.startIndex,endIndex:g.endIndex,isScrolling:m.isScrolling}:null)}x&&(e&&f?Pa.flushSync(a):a()),(d=n.onChange)==null||d.call(n,m,f)}},[u]=c.useState(()=>{const m=new pk(l);return Object.assign(m,{containerRef:f=>{const d=o.current;if(d.container=f,d.lastSize=null,f&&d.enabled){const h=m.getTotalSize();d.lastSize=h;const x=m.options.horizontal?"width":"height";f.style[x]=`${h}px`}}})});return u.setOptions(l),ra(()=>u._didMount(),[]),ra(()=>u._willUpdate()),ra(()=>{i(u)}),u}function vk(e){return bk({observeElementRect:lk,observeElementOffset:dk,scrollToFn:hk,...e})}const Ko=e=>e.query?`matching "${e.query}"`:e.from?`from "${e.from}"`:"matching your search",yk=e=>`Select all ${Ko(e)}`,wk=(e,t)=>`All ${jt(t)} ${Ko(e)} selected`,Sk=(e,t)=>({id:e.messageId,accountId:e.accountId,mailboxId:e.mailboxId,fromName:e.fromName??e.fromEmail??"Unknown",fromEmail:e.fromEmail??"",subject:e.subject??"(No subject)",snippet:e.snippet??"",timeLabel:ht(e.sentDate),isRead:e.isRead,hasAttachment:e.hasAttachment,starred:e.hasStars===!0,trust:e.senderTrust,category:Sr(e.category),messageCount:t,suspicious:e.authenticity?.dkimMismatch===!0,labels:e.labels}),kk=({thread:e,mailboxId:t,isSelected:s,isFocused:n,isTabStop:a,onFocusRow:o,isChecked:i,onToggleCheck:l,onRowSelect:u,messageCount:m,isMultiSelectMode:f,onLongPress:d,isDesktop:h,density:x})=>r.jsx(Yn,{thread:Sk(e,m),linkMailboxId:t,inListbox:!0,active:s,focused:n,isTabStop:a,density:x,isDesktop:h,onFocusRow:o,selection:{isChecked:i,onToggleCheck:l,onRowSelect:u,isMultiSelectMode:f,onLongPress:d}}),jk=c.memo(kk),Ck=e=>{const t=e.authenticity?.dkimMismatch===!0;return{id:e.messageId,accountId:e.accountId,fromName:e.fromName??e.fromEmail??"Unknown",fromEmail:e.fromEmail??"",subject:e.subject??"(No subject)",snippet:e.snippet??"",timeLabel:ht(e.sentDate),isRead:e.isRead,hasAttachment:e.hasAttachment,starred:e.hasStars===!0,trust:e.senderTrust,category:Sr(e.category),suspicious:t}},Nk=({thread:e,mailboxId:t,isSelected:s,isFocused:n,isTabStop:a,onFocusRow:o,isChecked:i,onToggleCheck:l,onRowSelect:u,isMultiSelectMode:m,onLongPress:f,isDesktop:d,onDelete:h,onToggleRead:x,density:g})=>{const[p,v]=c.useState("none"),b=c.useCallback(C=>{navigator.vibrate?.(10),C==="trailing"?h(e.messageId):x(e.messageId,e.isRead),v("none")},[h,x,e.messageId,e.isRead]),S=c.useCallback(()=>{f(e.messageId)},[f,e.messageId]),w=c.useCallback(()=>{l(e.messageId)},[l,e.messageId]),y=Cd(e.messageId,u);return d||m?r.jsx(jk,{thread:e,mailboxId:t,isSelected:s,isFocused:n,isTabStop:a,onFocusRow:o,isChecked:i,onToggleCheck:l,onRowSelect:u,isMultiSelectMode:m,onLongPress:f,isDesktop:d,density:g}):r.jsx(Ec,{thread:Ck(e),selectionMode:!1,checked:!1,active:s,peek:p,onPeek:v,onToggleCheck:w,onLongPress:S,onOpen:()=>{},onAct:b,linkComponent:({onOpenClick:C,children:T,...O})=>r.jsx(Tt,{...O,to:"/mail/$mailboxId",params:{mailboxId:t},search:j=>({...j,selectedMessageId:e.messageId}),"data-message-row":!0,onMouseDown:y.onMouseDown,onContextMenu:y.onContextMenu,onClick:j=>{y.claimClick(j)||C(j)},children:T})})},Ek=72,Ik=32,Tk=5,Vd="remit:list-density",Rk=()=>{try{const e=localStorage.getItem(Vd);if(e==="compact"||e==="comfortable")return e}catch{}return"comfortable"},Mk=({query:e})=>r.jsxs("div",{className:"flex items-center gap-2 px-3 py-2 border-b border-line bg-surface-sunken/30",children:[r.jsx(er,{className:"size-4 text-fg-muted"}),r.jsxs("span",{className:"text-sm text-fg-muted",children:["Results for “",e,"”"]})]}),Ak=({mailboxId:e,threads:t,selectedMessageId:s,isLoading:n,isError:a=!1,error:o,onRetry:i,searchQuery:l,searchPredicate:u,onDeleteMessages:m,isDeleting:f=!1,isMoving:d=!1,onLoadMore:h,hasMore:x=!1,isLoadingMore:g=!1,accountId:p,listTitle:v,listMeta:b,listFilter:S,listScopeLabel:w,onTriageContextChange:y,commandsRef:C,hideHeader:T=!1})=>{const O=c.useRef(null),j=We(),R=Xt(),P=Va(),{verb:M,start:F,startFromSearch:A}=P,k=ym(),E=!!l?.trim(),D=Nr(),{labels:I}=eo(p),{pushError:L}=st(),[N,K]=c.useState(s),[re,ae]=c.useState(),oe=c.useCallback(_=>{ae(ne=>ne===_?ne:void 0),K(_)},[]),[ee,te]=c.useState(Rk),me=c.useCallback(()=>{te(_=>{const ne=_==="comfortable"?"compact":"comfortable";try{localStorage.setItem(Vd,ne)}catch{}return ne})},[]),{toggleReadFor:de}=wr({mailboxId:e}),{junkMailboxId:se}=Ks(p),{selectedIds:H,selectedCount:pe,hasSelection:J,isSelected:xe,toggle:be,select:G,clearSelection:q,selectRange:$,setAnchor:U,selectAll:fe,toggleAll:he,intersectWith:Me}=wd(),ze=Sd(pe,R),[we,ie]=c.useState(null),ft=E&&!!u,Le=`${e}|${JSON.stringify(u??{})}`,Y=Td({mailboxId:e,accountId:p,enabled:ft,predicateKey:Le,searchQuery:u??{}}),Se=c.useCallback((_,ne,yt)=>{if(yt.error===void 0){if(yt.cancelled){L({severity:"warning",title:Tw(yt.done),detail:Rw(_,yt.done,ne)});return}L({severity:"info",title:xl(_,yt.done)})}},[L]),Ve=Y.phase.kind,Ae=Y.clear,ge=c.useCallback(()=>{Ve==="escalated"&&Ae(),q()},[q,Ae,Ve]),[it,Xe]=c.useState(null),Oe=c.useRef(null),Ke=c.useRef(!1),Ue=c.useRef(null),Ze=!n&&t.length>0,nt=we!==null,je=vk({count:t.length,getScrollElement:()=>O.current,estimateSize:()=>ee==="compact"?Ik:Ek,overscan:Tk}),V=s?t.findIndex(_=>_.messageId===s):-1,Z=N?t.findIndex(_=>_.messageId===N):-1,le=c.useCallback(_=>{if(_<0||_>=t.length)return;const ne=t[_];if(ze){be(ne.messageId);return}Oe.current=ne.messageId,Ke.current=!1,ae(ne.messageId),K(ne.messageId)},[t,ze,be]),ue=c.useCallback(()=>{if(t.length===0)return;const _=Z<0?0:Math.min(Z+1,t.length-1);le(_)},[t.length,Z,le]),ke=c.useCallback(()=>{if(t.length===0)return;const _=Z<=0?0:Z-1;le(_)},[t.length,Z,le]),Ne=c.useCallback(()=>le(0),[le]),De=c.useCallback(()=>le(t.length-1),[le,t.length]),qe=c.useCallback(()=>{N&&be(N)},[N,be]),ye=c.useMemo(()=>t.map(_=>_.messageId),[t]),Qe=c.useMemo(()=>{const _=[];for(const ne of t)H.has(ne.messageId)&&_.push({id:ne.messageId,sender:ne.fromName??ne.fromEmail??"Unknown",email:ne.fromEmail??"",subject:ne.subject??"(No subject)",date:ht(ne.sentDate)});return _},[t,H]),Ge=c.useCallback((_,ne)=>ne.shiftKey?($(ye,_,N),!0):ne.metaKey||ne.ctrlKey?(be(_),!0):(ge(),U(_),!1),[ye,N,$,be,ge,U]),Pe=c.useCallback(_=>{!m||_.length===0||(Ue.current=N??null,ie(_))},[m,N]),et=c.useCallback(_=>{const ne=yd(ye,N,_);ne!==void 0&&($(ye,ne),Oe.current=ne,Ke.current=!1,ae(void 0),K(ne))},[ye,N,$]),Ye=c.useCallback(()=>et(-1),[et]),Ft=c.useCallback(()=>et(1),[et]),es=c.useCallback(()=>{ye.length>0&&fe(ye)},[ye,fe]),$t=c.useCallback(_=>we!==null?!0:J?(F(_),!0):_!=="delete"||!m||!N?!1:(Pe([N]),!0),[we,m,J,F,N,Pe]),gs=c.useCallback(()=>{N&&j({to:"/mail/$mailboxId",params:{mailboxId:e},search:_=>({..._,selectedMessageId:N})})},[N,j,e]),tt=c.useCallback(_=>{j({to:"/mail/$mailboxId",params:{mailboxId:e},search:ne=>({...ne,selectedMessageId:_}),replace:!0})},[j,e]);vd({keyboardFocusedMessageId:re,openMessageId:s,enabled:R&&pe===0,open:tt});const xt=Y.phase.kind==="escalated"?{scope:Ko(u??{}),total:Y.phase.total,searchQuery:u??{},run:_=>Y.runAction(_),stop:Y.stop}:void 0,_t=c.useCallback(()=>{if(!we)return;const _=we;if(_.length===0){ie(null);return}const ne=new Set(_),yt=t.findIndex(Je=>ne.has(Je.messageId));let Et;for(let Je=yt+1;Je<t.length;Je++)if(!ne.has(t[Je].messageId)){Et=t[Je].messageId;break}if(Et===void 0){for(let Je=yt-1;Je>=0;Je--)if(!ne.has(t[Je].messageId)){Et=t[Je].messageId;break}}m?.(_),ge(),Ue.current=null,ie(null),Et!==void 0&&(Oe.current=Et,Ke.current=!1,oe(Et),R&&j({to:"/mail/$mailboxId",params:{mailboxId:e},search:Je=>({...Je,selectedMessageId:Et}),replace:!0})),R||Xe(xl("delete",_.length))},[we,t,m,ge,j,e,R,oe]),lt=c.useCallback(()=>{const _=Ue.current;Ue.current=null,ie(null),_!==null&&(Oe.current=_,Ke.current=!1,oe(_))},[oe]),zt=c.useMemo(()=>{if(pe===0)return;const _=new Set;for(const ne of t)H.has(ne.messageId)&&_.add(ne.accountConfigId);if(_.size>1)return"Move only works within one account — clear selection or pick messages from a single account"},[pe,H,t]),Ws=c.useCallback(()=>{if(xt){A();return}F("organize")},[xt,A,F]),Vs=c.useCallback(_=>{m?.([_])},[m]),Nt=c.useCallback((_,ne)=>{de([_],!ne)},[de]),ts=c.useCallback(_=>{R||G(_)},[R,G]),z=c.useCallback(()=>{if(Y.isRunning||Y.phase.kind==="counting"){Y.stop();return}ge()},[Y,ge]),Q=c.useCallback(()=>{Y.clear()},[Y]);c.useEffect(()=>{if(Ke.current||!R&&s)return;const _=Z>=0?Z:V;_>=0&&je.scrollToIndex(_,{align:"auto"})},[Z,V,je,R,s]),c.useEffect(()=>{s&&(Ke.current=!1,oe(s))},[s,oe]),c.useEffect(()=>{N&&(t.some(_=>_.messageId===N)||oe(t[0]?.messageId))},[t,N,oe]),c.useEffect(()=>{y?.({focusedMessageId:N,selectedIds:Array.from(H),hasList:Ze,blocksKeyboard:nt||P.isOpen})},[N,H,Ze,nt,P.isOpen,y]);const Ce=c.useRef(y);Ce.current=y,c.useEffect(()=>()=>Ce.current?.({focusedMessageId:void 0,selectedIds:[],hasList:!1,blocksKeyboard:!1}),[]),c.useEffect(()=>{Y.phase.kind!=="idle"||Y.isRunning||Me(t.map(_=>_.messageId))},[t,Me,Y.phase,Y.isRunning]);const ct=c.useRef(e);c.useEffect(()=>{ct.current!==e&&(ct.current=e,ge())},[e,ge]),su({shouldBlockFn:({action:_})=>lw(_,J,k)?(ge(),!0):!1,enableBeforeUnload:!1,disabled:!J||k!==void 0}),c.useEffect(()=>{const _=O.current;if(!_||!x||!h)return;const ne=()=>{if(g)return;const{scrollTop:yt,scrollHeight:Et,clientHeight:Je}=_;yt+Je>=Et-200&&h()};return _.addEventListener("scroll",ne,{passive:!0}),ne(),()=>_.removeEventListener("scroll",ne)},[x,g,h]),c.useEffect(()=>{const _=Oe.current;if(!_)return;const ne=O.current?.querySelector(`[data-message-id="${_}"]`);ne&&(Oe.current=null,ne.focus({preventScroll:!0}))}),c.useEffect(()=>{if(C){if(!Ze){C.current=null;return}return C.current={focusNext:ue,focusPrevious:ke,focusFirst:Ne,focusLast:De,openFocused:gs,toggleSelect:qe,extendSelectDown:Ft,extendSelectUp:Ye,selectAll:es,clearSelection:()=>J?(ge(),!0):!1,requestVerb:$t,toggleDensity:me},()=>{C.current=null}}},[C,Ze,ue,ke,Ne,De,gs,qe,Ft,Ye,es,J,ge,$t,me]);const bt=n?"loading":a?"error":t.length===0?"empty":"ready",vt=a?Xl(o):void 0,ss=c.useCallback(()=>{const _=Ba(za());window.open(_,"_blank","noopener,noreferrer")},[]),kn=[{id:"inbox",threads:[]}],xs=ye.length>0&&ye.every(_=>H.has(_)),Rr=ft&&x&&xs&&!f&&!d&&Y.phase.kind==="idle"&&!Y.isRunning,Mr=f||d||Y.isRunning,Qs=Y.phase.kind==="escalated"?Y.phase.total:pe,Ar=Y.runningAction?Iw(Y.runningAction.kind,Y.progress?.done??0,Y.progress?.total??Qs):Y.phase.kind==="counting"?Y.phase.countSoFar>=5e3?`Counting… ${jt(Y.phase.countSoFar)} so far. This is a big result set.`:`Counting… ${jt(Y.phase.countSoFar)} so far`:Y.phase.kind==="escalated"?wk(u??{},Y.phase.total):void 0,Or=Y.phase.kind!=="escalated"&&ye.length>0?{checked:xs,indeterminate:pe>0&&!xs,onChange:()=>he(ye)}:void 0,X=Y.runningAction?{value:Y.progress?.done??0,max:Y.progress?.total??Qs,tone:Ow(Y.runningAction.kind)}:void 0,rt=(Y.phase.kind==="counting"?{tone:"info",text:"",action:{label:"Stop",onClick:Y.stop}}:Y.phase.kind==="escalated"&&!Y.isRunning?{tone:"info",text:"",action:{label:"Clear selection",onClick:Q}}:Rr?{tone:"info",text:"",action:{label:yk(u??{}),onClick:Y.escalate}}:void 0)??(zt?{tone:"warning",text:zt}:void 0),af=r.jsx(fr,{title:D.title||v,navSlot:D.navSlot,titleMeta:D.titleMeta,searchSlot:D.searchSlot,searchField:D.searchField,idleSlot:D.makeFilterSlot,count:Qs,onCancel:z,onDelete:()=>F("delete"),onMove:()=>F("move"),onOrganize:Ws,onJunk:se&&se!==e?()=>F("junk"):void 0,onMarkRead:()=>F("markRead"),overflowSlot:p&&e&&pe>0&&I.length>0?r.jsx(md,{accountId:p,mailboxId:e,messageIds:Array.from(H)}):void 0,isBusy:Mr,isCounting:Y.phase.kind==="counting",selectAll:Or,statusLabel:Ar,progress:X,notice:rt}),of=kd(ye,N),lf=c.useCallback(_=>{Ke.current=!0,oe(_)},[oe]),cf=r.jsxs(r.Fragment,{children:[E&&l&&r.jsx(Mk,{query:l}),r.jsxs("div",{ref:O,role:"listbox","aria-multiselectable":!0,"aria-label":v,className:"flex-1 overflow-y-auto",children:[r.jsx("div",{role:"presentation",className:"relative w-full",style:{height:`${je.getTotalSize()}px`},children:je.getVirtualItems().map(_=>{const ne=t[_.index];return r.jsx("div",{role:"presentation","data-index":_.index,ref:je.measureElement,className:_e("absolute left-0 top-0 w-full border-b border-line",Y.isRunning&&"pointer-events-none opacity-50"),style:{transform:`translateY(${_.start}px)`},children:r.jsx(Nk,{thread:ne,mailboxId:e,isSelected:s===ne.messageId,isFocused:N===ne.messageId,isTabStop:of===ne.messageId,onFocusRow:lf,isChecked:xe(ne.messageId),onToggleCheck:be,onRowSelect:Ge,isMultiSelectMode:ze,onLongPress:ts,isDesktop:R,onDelete:Vs,onToggleRead:Nt,density:ee})},_.key)})}),g&&r.jsx(ep,{})]})]});return r.jsxs(r.Fragment,{children:[it&&!R&&r.jsx(mn,{tone:"success",variant:"soft",className:"m-2 rounded-md",onDismiss:()=>Xe(null),children:it}),r.jsx(Ic,{listTitle:v,listMeta:b,sections:kn,flatList:!0,listState:D.searchResults?"ready":bt,searchQuery:E?l:void 0,listFilter:S,listScopeLabel:w,errorMessage:vt,onRetry:i,onReportError:ss,density:ee,selectedThreadId:s,onSelectThread:_=>j({to:"/mail/$mailboxId",params:{mailboxId:e},search:ne=>({...ne,selectedMessageId:_})}),onSelectBriefCategory:()=>{},isDesktop:R,hideHeader:T,selectionBar:af,listBody:D.searchResults??(bt==="ready"?cf:void 0)}),r.jsx(to,{isOpen:we!==null,title:Zl(we?.length??0),description:"You can restore them from Trash later.",confirmLabel:"Move to Trash",destructive:!0,isBusy:f,onConfirm:_t,onCancel:lt}),r.jsx(Fo,{verb:M,accountId:p,mailboxId:e,selection:Qe,crossAccount:zt!==void 0,escalated:xt,escalatedProgress:Y.progress,onFinished:ge,onRunEnded:Se})]})},Ok=e=>fs({path:{accountId:e}}),Dk=e=>{const t=Te(),s=pn(),n=Fe({...wm(),onSuccess:()=>{s.recordEvent("sync.triggered"),t.invalidateQueries({queryKey:Ok(e)})}});return{trigger:()=>{n.mutate({path:{accountId:e}})},triggerAsync:()=>n.mutateAsync({path:{accountId:e}}),isPending:n.isPending,error:n.error,reset:n.reset}},Pk=({accountId:e,children:t})=>{const{triggerAsync:s,isPending:n}=Dk(e);return r.jsx(vg,{onRefresh:s,isRefreshing:n,children:t})};function Lk({accountId:e,currentMailboxId:t,candidates:s,onMove:n,children:a}){const[o,i]=c.useState(!1),l=pn(),u=Ga(),{inboxMailboxId:m}=jo(e),f=Co(e),{data:d}=ve({...ot({path:{accountId:e}}),staleTime:1/0}),h=c.useMemo(()=>Ya({mailboxes:d?.items??[],folderAppointments:f,currentMailboxId:t,translator:u}),[d?.items,f,t,u]),x=c.useMemo(()=>m||(h.find(S=>S.label.toLowerCase()==="inbox")?.id??h.find(S=>!S.isCurrent)?.id??""),[m,h]),g=c.useRef(!1);c.useEffect(()=>{g.current||(g.current=!0,pS(l,s.length))},[l,s.length]);const p=c.useCallback(()=>{gS(l,s.length),i(!0)},[l,s.length]),v=c.useCallback((b,S)=>{xS(l,{selected:b.length,total:s.length,toInbox:S===m}),n(b,S)},[l,s.length,m,n]);return r.jsxs("div",{className:"relative flex h-full min-h-0 flex-col",children:[r.jsx("div",{className:"shrink-0 px-row-inset pt-2",children:r.jsx(Sg,{count:s.length,onReview:p})}),r.jsx("div",{className:"min-h-0 flex-1",children:a}),r.jsx(Og,{open:o,candidates:s,defaultDestinationId:x,availableFolders:h,delimiter:Xa(d?.items??[]),onConfirmMove:v,onCancel:()=>i(!1)})]})}const Fk="We can verify this sender";function $k(e){const{data:t}=ve({...Ql({path:{mailboxId:e??""},query:{senderTrust:["vip","wellknown"],dkimMismatch:!1,results:!0,limit:500}}),enabled:!!e,staleTime:6e4});return{candidates:(t?.items??[]).map(n=>({id:n.messageId,senderName:n.fromName||n.fromEmail||"Unknown sender",senderAddress:n.fromEmail??"",subject:n.subject||"(no subject)",snippet:n.snippet??"",trustReason:Fk,trustSubReason:hS(n.senderTrust),senderTrust:n.senderTrust}))}}const _k=e=>{const t=new Set,s=[];for(const n of e)t.has(n.threadMessageId)||(t.add(n.threadMessageId),s.push(n));return s},zk={unread:"unread",flagged:"starred",attachment:"attachments"},Bk=new Set(Object.values(at)),Qd=e=>Bk.has(e),Kk=e=>Qd(e.category)||e.attributes.size>0,Uk=e=>{const t={};Qd(e.category)&&(t.category=[e.category]);for(const s of e.attributes){const n=zk[s];n&&(t[n]=!0)}return t},qk=e=>(e.senderTrust?.length??0)>0||e.dkimMismatch!==void 0?"loaded-pages":"whole-folder",Hk=["category","unread","starred","attachments"],jl=e=>JSON.stringify(Hk.map(t=>e?.[t]??null)),Wk=e=>{if(!Array.isArray(e))return;const[t]=e;if(typeof t!="object"||t===null)return;const s=t.query;if(!(typeof s!="object"||s===null))return s},Vk=(e,t)=>{const s=Wk(e);return s?jl(s)===jl(t):!1},Gd="remit:intelligence-open";function Qk(){try{return localStorage.getItem(Gd)!=="closed"}catch{return!0}}function Cl(e){try{localStorage.setItem(Gd,e?"open":"closed")}catch{}}const Gk=(e,t)=>e!==t,Yk=(e,t,s)=>{if(!(s||!t))return e.find(n=>n.messageId===t)},Xk=(e,t,s,n)=>{if(e)return e;if(!(n||!s))return t?.messageId===s?t:void 0},Dn=e=>e[0],Jk=e=>{const t=Dn(e.filter(l=>l.type==="from").map(l=>l.value)),s=Dn(e.filter(l=>l.type==="subject").map(l=>l.value)),n=Dn(e.filter(l=>l.type==="category").map(l=>l.category)),a=Dn(e.filter(l=>l.type==="isUnread"||l.type==="isRead").map(l=>l.type==="isUnread")),o=e.some(l=>l.type==="isStarred")?!0:void 0,i=e.some(l=>l.type==="hasAttachment")?!0:void 0;return{...t!==void 0?{from:t}:{},...s!==void 0?{subject:s}:{},...n!==void 0?{category:[n]}:{},...a!==void 0?{unread:a}:{},...o!==void 0?{starred:o}:{},...i!==void 0?{attachments:i}:{}}},Zk=(e,t)=>{switch(t.type){case"from":return e.from?.toLowerCase()===t.value.toLowerCase();case"subject":return e.subject?.toLowerCase()===t.value.toLowerCase();case"category":return e.category?.length===1&&e.category[0]===t.category;case"isUnread":return e.unread===!0;case"isRead":return e.unread===!1;case"isStarred":return e.starred===!0;case"hasAttachment":return e.attachments===!0;case"before":case"after":case"in":case"account":return!1}};function ej(e,t={}){const s=Jk(e),n={...s,...t};return{params:s,residual:e.filter(a=>!Zk(n,a))}}function tj(e,t,s){if(t.length===0)return e;const n=[...t];return e.filter(a=>{const o=Gn(a);return Oo({...o,accountId:o.accountId??s},n)})}const sj=50,nj=new Map(_c().categories.filter(e=>e.id!=="all").map(e=>[e.id,e.label])),Yd=c.createContext(null);function Tr(){const e=c.useContext(Yd);if(!e)throw new Error("MailboxPane.* must be used inside <MailboxPane>");return e}function rj({mailboxId:e,selectedMessageId:t,children:s}){const n=We(),o=Cr()==="desktop",i=pn(),{accounts:l,searchQuery:u,searchInput:m,intelligenceOpen:f,onToggleIntelligence:d,onSetIntelligenceOpen:h}=Re(),x=ps(),g=Mo(u),p=g.length>0,{freeText:v,tokens:b}=qs(g,x),[S,w]=c.useState("all"),[y,C]=c.useState(new Set),T=c.useMemo(()=>({category:S,attributes:y}),[S,y]),O=c.useMemo(()=>Uk(T),[T]),j=p||Kk(T),{params:R,residual:P}=ej(b,O),M={order:"desc",limit:sj,...v?{query:v}:{},...R,...O},F={category:M.category,unread:M.unread,starred:M.starred,attachments:M.attachments},A=j?qa({path:{mailboxId:e},query:M}):rr({path:{mailboxId:e},query:{order:"desc"}}),{data:k,isLoading:E,isError:D,error:I,refetch:L,fetchNextPage:N,hasNextPage:K,isFetchingNextPage:re}=tu({queryKey:A,queryFn:async({pageParam:X})=>{if(j){const{data:rt}=await Vl({path:{mailboxId:e},query:{...M,continuationToken:X},throwOnError:!0});return rt}const{data:ut}=await Sm({path:{mailboxId:e},query:{order:"desc",continuationToken:X},throwOnError:!0});return ut},initialPageParam:void 0,getNextPageParam:X=>X.continuationToken,placeholderData:(X,ut)=>Vk(ut?.queryKey,F)?X:void 0}),ae=c.useCallback(X=>{t&&X.includes(t)&&n({to:"/mail/$mailboxId",params:{mailboxId:e},search:ut=>({...ut,selectedMessageId:void 0,selectedThreadId:void 0})})},[t,e,n]),{deleteMessages:oe,isPending:ee}=us({mailboxId:e,onAfterOptimisticRemove:ae}),{accountId:te}=wo(e),me=mu({accounts:l}),{moveMessages:de,isPending:se}=cs({mailboxId:e,accountId:te,onAfterOptimisticRemove:ae}),H=tj(sy(_k(k?.pages.flatMap(X=>X.items??[])??[])),P,te),pe=c.useCallback(X=>{w(X)},[]),J=c.useCallback(X=>{C(ut=>{const rt=new Set(ut);return rt.has(X)?rt.delete(X):rt.add(X),rt})},[]),xe=c.useCallback(()=>{w("all"),C(new Set)},[]),be=nj.get(S),G=be?{label:be,reach:P.length>0?"loaded-pages":qk(M),onClear:xe}:void 0,q=Gk(m,u),$=Yk(H,t,q),[U,fe]=c.useState(void 0);c.useEffect(()=>{$&&fe($)},[$]);const he=Xk($,U,t,q),{selectedThreadId:Me}=Ds({strict:!1}),ze=c.useMemo(()=>$d(he,{messageId:t,threadId:q?void 0:Me,mailboxId:e}),[he,t,Me,q,e]),we=_o(),{listCommandsRef:ie,onTriageContextChange:ft,focusedMessageId:Le,selectedIds:Y}=we,Se=H.find(X=>X.messageId===Le)??he,Ve=c.useRef(null);c.useEffect(()=>{const X=he?.messageId??null;X&&Ve.current!==X&&he?.authenticity?.dkimMismatch&&(Ve.current=X,f||d())},[he?.messageId,he?.authenticity?.dkimMismatch,f,d]);const Ae=c.useRef(!1);c.useEffect(()=>{Ae.current||o&&he?.messageId&&(Ae.current=!0,Qk()&&!f&&h(!0))},[o,he?.messageId,f,h]);const ge=Zb({accounts:l})??0,it=Te(),{pushError:Xe}=st(),Oe=dn({thread:he,mailboxId:e,accountId:te,onAfterOptimisticRemove:ae}),{draftsMailboxId:Ke}=Zv(te),Ue=Ke!==void 0&&Ke===e,{archiveMailboxId:Ze}=Jv(te),nt=Fd(),{requestCompose:je}=Oe,V=c.useCallback(()=>{je("reply")},[je]),Z=c.useCallback(()=>{je("reply_all")},[je]),le=c.useCallback(()=>{je("forward")},[je]),{state:ue,openCompose:ke,closeCompose:Ne}=Yt(),De=c.useCallback(()=>{ke({mode:"new"})},[ke]),qe=Fe({...nr(),onError:X=>{Xe(is("Couldn't discard draft","The draft wasn't deleted.",X))}}),ye=c.useCallback(()=>{const X=ue.outboxMessageId;X&&(qe.mutate({path:{outboxMessageId:X}}),it.invalidateQueries({queryKey:Qa()}),Ne())},[ue.outboxMessageId,qe,it,Ne]),Qe=c.useCallback(()=>{n({to:"/mail/$mailboxId",params:{mailboxId:e},search:X=>({...X,selectedMessageId:void 0,selectedThreadId:void 0})})},[e,n]),Ge=c.useCallback(X=>X?nt(X):[],[nt]),{toggleStar:Pe}=So({threadId:Se?.threadId??"",mailboxId:e}),{toggleReadFor:et}=wr({mailboxId:e,accountId:te}),{junkMailboxId:Ye}=Ks(te),Ft=Ye!=null&&Ye===e,{candidates:es}=$k(Ft?Ye:void 0),{moveMessages:$t}=cs({mailboxId:e,threadId:Se?.threadId,accountId:te,onAfterOptimisticRemove:ae}),{deleteMessages:gs}=us({mailboxId:e,threadId:Se?.threadId,onAfterOptimisticRemove:ae}),{addressId:tt,address:xt}=Od(Se),{updateFlags:_t}=Dd({addressId:tt,senderEmail:Se?.fromEmail??void 0}),lt=c.useCallback(()=>t||!Le?!1:(n({to:"/mail/$mailboxId",params:{mailboxId:e},search:X=>({...X,selectedMessageId:Le})}),!0),[t,Le,e,n]),zt=c.useCallback(()=>{lt()||he&&je("reply")},[lt,he,je]),Ws=c.useCallback(()=>{lt()||he&&je("reply_all")},[lt,he,je]),Vs=c.useCallback(()=>{lt()||he&&je("forward")},[lt,he,je]),Nt=c.useCallback(()=>Ge(Se),[Ge,Se]),ts=c.useCallback(()=>{if(ie.current?.requestVerb("delete"))return;const X=Nt();X.length>0&&gs(X)},[ie,Nt,gs]),z=c.useCallback(()=>{if(ie.current?.requestVerb("junk")||!Ye)return;const X=Nt();X.length!==0&&(Ld(i,{count:X.length,senderTrust:Se?.senderTrust??"unknown",wasRescuable:Se?Pd(Se):!1}),$t(X,Ye))},[ie,Ye,Nt,$t,i,Se]),Q=c.useCallback(()=>{if(Y.length>0){const X=!(Se?.hasStars??!1),ut=new Set(Y);for(const rt of H)ut.has(rt.messageId)&&rt.hasStars!==X&&Pe(rt.messageId,rt.hasStars);return}Se&&Pe(Se.messageId,Se.hasStars)},[Y,H,Se,Pe]),Ce=c.useCallback(()=>{if(ie.current?.requestVerb("markRead"))return;const X=Nt();if(X.length===0)return;const ut=!(Se?.isRead??!1);et(X,ut)},[ie,Nt,Se,et]),ct=c.useCallback(()=>{if(!tt)return;const X=xt?.flags?.muted?.value!==!0;_t({muted:{value:X}})},[tt,xt,_t]),bt=c.useCallback(()=>{if(!tt)return;const X=xt?.flags?.vip?.value!==!0;_t({vip:{value:X}})},[tt,xt,_t]),vt=c.useCallback(()=>{f||d()},[f,d]),ss=c.useCallback(X=>{n({to:X})},[n]),kn=Ue?"drafts":Ze===e?"archive":Ye===e?"junk":"inbox",xs=c.useRef("");c.useEffect(()=>{const X=xs.current;xs.current=g,g.length>0&&X.length===0&&i.recordEvent("search.submitted",{mailboxType:kn})},[g,kn,i]);const Rr=Ue&&ue.isOpen&&!!ue.outboxMessageId&&!he,{goBack:Mr,nextMessageId:Qs,previousMessageId:Ar}=zo({context:we,orderedIds:H.map(X=>X.messageId),selectedMessageId:t,enabled:!ue.isOpen,onClose:Qe,handlers:{reply:zt,replyAll:Ws,forward:Vs,delete:ts,toggleStar:Q,toggleRead:Ce,muteSender:ct,blockSender:vt,vipSender:bt,markJunk:z,toggleIntelligence:he?d:void 0,compose:De,goBrief:()=>ss("/mail"),goInbox:()=>ss("/mail"),goSent:()=>ss("/mail"),goFlagged:()=>ss("/mail/flagged"),goSettings:()=>ss("/settings")}});yo({enabled:ue.isOpen,bindings:[{key:"Escape",handler:Ne,preventDefault:!0}]});const Or={mailboxId:e,selectedMessageId:t,selectedThread:he,conversation:ze,threads:H,isLoading:E,isError:D,error:I,mailboxAccountId:te,mailboxName:me,unreadCount:ge,isDraftsMailbox:Ue,isSpamFolder:Ft,rescueCandidates:es,filterCategory:S,filterAttributes:y,onSelectFilterCategory:pe,onToggleFilterAttribute:J,onClearFilters:xe,listFilter:G,intelligenceOpen:f,onToggleIntelligence:d,searchPredicate:p&&P.length===0?M:void 0,onDeleteMessages:oe,onMoveMessages:de,isDeleting:ee,isMoving:se,onLoadMore:N,hasMore:K,isLoadingMore:re,onTriageContextChange:ft,listCommandsRef:ie,onRetry:()=>L(),toolbarComposeRequest:Oe.composeRequest,onToolbarReply:V,onToolbarReplyAll:Z,onToolbarForward:le,onClearComposeRequest:Oe.clearComposeRequest,onToolbarDelete:Oe.deleteThread,onToolbarStar:Oe.toggleStar,onToolbarDiscardDraft:ye,onToolbarMove:Oe.moveThread,composeState:ue,closeCompose:Ne,hasRemitDraftOpen:Rr,onBack:Mr,nextMessageId:Qs,previousMessageId:Ar};return r.jsx(Yd.Provider,{value:Or,children:s})}function Xd(){const{mailboxId:e,selectedMessageId:t,threads:s,isLoading:n,isError:a,error:o,onDeleteMessages:i,onMoveMessages:l,isDeleting:u,isMoving:m,onLoadMore:f,hasMore:d,isLoadingMore:h,mailboxAccountId:x,mailboxName:g,unreadCount:p,isDraftsMailbox:v,isSpamFolder:b,rescueCandidates:S,onTriageContextChange:w,listCommandsRef:y,onRetry:C,filterCategory:T,filterAttributes:O,onSelectFilterCategory:j,onToggleFilterAttribute:R,onClearFilters:P,listFilter:M,searchPredicate:F}=Tr(),{searchQuery:A,searchInput:k,accounts:E,resultFolderIndex:D}=Re(),I=Cr(),L=We(),N=g??"Inbox",K=c.useMemo(()=>_c(),[]),re=c.useMemo(()=>s.map(pe=>R0(pe,D)),[s,D]),{hits:ae,isLoading:oe}=cd({mailboxId:e,filterCategory:T}),ee=c.useMemo(()=>dd(ae,s.map(pe=>pe.threadId),D),[ae,s,D]),te=c.useCallback(pe=>L({to:"/mail/$mailboxId",params:{mailboxId:pe.mailboxId??e},search:J=>({...J,q:k||void 0,selectedMessageId:pe.id,selectedThreadId:pe.threadId})}),[e,L,k]);if(v&&x)return r.jsx(sk,{mailboxId:e,accountId:x,selectedMessageId:t,imapThreads:s,title:g??"Drafts",unreadCount:p??void 0});const me=r.jsx(Ak,{mailboxId:e,threads:s,selectedMessageId:t,isLoading:n,isError:a,error:o,onRetry:C,searchQuery:A,searchPredicate:F,onDeleteMessages:i,isDeleting:u,isMoving:m,onLoadMore:f,hasMore:d,isLoadingMore:h,accountId:x,listTitle:N,listFilter:M,listScopeLabel:N,hideHeader:!0,onTriageContextChange:w,commandsRef:y}),de=E[0]?.accountId,se=I==="phone"&&de?r.jsx(Pk,{accountId:de,children:me}):me,H=b&&S.length>0&&x?r.jsx(Lk,{accountId:x,currentMailboxId:e,candidates:S,onMove:l,children:se}):se;return r.jsx(Kd,{title:N,unreadCount:p,preset:K,selectedCategory:T,activeFilters:O,onSelectCategory:j,onToggleFilter:R,onClearFilters:P,searchResults:re,searchLoading:n,relatedResults:ee,relatedLoading:oe,onSelectSearchResult:te,searchResultsInBody:!0,children:H})}function aj(){const{mailboxId:e,mailboxAccountId:t,selectedThread:s,conversation:n,hasRemitDraftOpen:a,intelligenceOpen:o,onToggleIntelligence:i,toolbarComposeRequest:l,onToolbarReply:u,onToolbarReplyAll:m,onToolbarForward:f,onClearComposeRequest:d,onToolbarDelete:h,onToolbarStar:x,onToolbarDiscardDraft:g,onToolbarMove:p,composeState:v}=Tr(),b=Fs()?.showIntelligencePane??!1,S=!!n,w=b&&S,y=v.isOpen&&!n?r.jsx(Hd,{}):n?r.jsx(Us,{threadId:n.threadId,mailboxId:n.mailboxId,subject:n.subject,selectedMessageId:n.messageId,authenticity:n.authenticity,onOpenIntelligence:n.authenticity?.dkimMismatch?i:void 0,composeRequest:l,onComposeClose:d}):r.jsx(Bs,{});return r.jsxs("section",{className:"flex h-full w-full min-w-0 flex-col bg-canvas",children:[r.jsx($o,{hasThread:S,intelligenceOpen:w&&o,canToggleIntelligence:w,onToggleIntelligence:i,onReply:S?u:void 0,onReplyAll:S?m:void 0,onForward:S?f:void 0,canDelete:S||a,onDelete:S?h:a?g:void 0,onToggleStar:S?x:void 0,isStarred:s?.hasStars,moveContext:S&&t?{accountId:t,currentMailboxId:e,onMove:p}:void 0}),r.jsx("div",{className:"min-h-0 flex-1 overflow-hidden",children:y})]})}function oj(){const{mailboxId:e,mailboxAccountId:t,selectedThread:s,onToggleIntelligence:n}=Tr();return r.jsx(Hs,{onClose:n,thread:s,mailboxId:e,accountId:t})}function ij(){const{mailboxId:e,selectedThread:t,conversation:s,intelligenceOpen:n,onToggleIntelligence:a,onBack:o,nextMessageId:i,previousMessageId:l,composeState:u}=Tr(),m=We();if(s){const f=d=>m({to:"/mail/$mailboxId",params:{mailboxId:e},search:h=>({...h,selectedMessageId:d,selectedThreadId:void 0})});return r.jsxs(r.Fragment,{children:[r.jsx(Us,{threadId:s.threadId,mailboxId:s.mailboxId,subject:s.subject,selectedMessageId:s.messageId,authenticity:s.authenticity,onBack:o,onOpenIntelligence:a,onSwipeNext:i?()=>f(i):void 0,onSwipePrevious:l?()=>f(l):void 0,mobileIntelligenceOpen:n}),r.jsx(bo,{isOpen:n,onClose:a,ariaLabel:"Message details",side:"right",children:r.jsx(Hs,{onClose:a,thread:t,hideCloseButton:!0})})]})}return u.isOpen?r.jsx("div",{className:"h-full",children:r.jsx(Hd,{})}):r.jsx(Xd,{})}const nn=Object.assign(rj,{List:Xd,Reading:aj,Intelligence:oj,Phone:ij}),Jd=e=>e==="failed"||e==="blocked",Zd=e=>e!=="draft"&&e!=="sent",Uo="remit.savedSearches",lj=25;function Jn(){try{const e=localStorage.getItem(Uo);if(!e)return[];const t=JSON.parse(e);return Array.isArray(t)?t.filter(s=>typeof s=="string"):[]}catch{return[]}}function cj(e){const t=e.trim();if(!t)return Jn();const s=[t,...Jn().filter(n=>n!==t)].slice(0,lj);try{localStorage.setItem(Uo,JSON.stringify(s))}catch{return s}return s}function uj(e){const t=Jn().filter(s=>s!==e);try{localStorage.setItem(Uo,JSON.stringify(t))}catch{return t}return t}const Nl=e=>/^\d/.test(e),dj=(e,t)=>{const s=Nl(e),n=Nl(t);return s&&!n?-1:!s&&n?1:e.localeCompare(t,void 0,{sensitivity:"base",numeric:!0})};function fj(e,t,s){const n=[],a=[];for(const o of e)t.has(o.mailboxId)?n.push(o):a.push(o);return a.sort((o,i)=>dj(Kn(o,void 0,s),Kn(i,void 0,s))),{system:n,labels:a}}function mj(e,t,s){const n=km(t)&&e.unseenCount>0;return{id:e.mailboxId,name:Kn(e,t,s),unseen:n?e.unseenCount:void 0,role:t,fullPath:e.fullPath}}function hj(){const e=xr(),t=Ka({strict:!1});return e.pathname.startsWith("/settings")?"settings":e.pathname.startsWith("/mail/outbox")?"outbox":e.pathname.startsWith("/mail/flagged")?"flagged":t.mailboxId?t.mailboxId:e.pathname==="/mail"||e.pathname==="/mail/"?"brief":""}function El({accounts:e,onMailboxSelect:t,variant:s="desktop"}){const n=Te(),a=We(),o=hj(),{searchInput:i,onSearchChange:l}=Re(),[u,m]=c.useState(Jn),{t:f}=Ua("mail",{useSuspense:!1}),d=c.useCallback((j,R)=>f(j,{defaultValue:R}),[f]),h=pt({queries:e.map(j=>({...ot({path:{accountId:j.accountId}}),staleTime:1/0}))}),{data:x}=ve(tr()),g=c.useMemo(()=>(x?.items??[]).filter(j=>Zd(j.status)).length,[x?.items]),p=c.useMemo(()=>e.map((j,R)=>{const P=h[R],M=P?.data?.items??[],F=$a(j.folderAppointments),{system:A,labels:k}=fj(M,F,d),E=P?.isError?"error":P?.isLoading?"loading":"ready";return{id:j.accountId,label:j.email,email:j.email,muted:!!j.muted,outboxPending:g,status:E,onRetry:()=>P?.refetch(),mailboxes:[...A,...k].map(D=>mj(D,F.get(D.mailboxId),d))}}),[e,h,g,d]),v=j=>{n.invalidateQueries({queryKey:rr({path:{mailboxId:j},query:{order:"desc"}})})},b=({navId:j,className:R,ariaLabel:P,title:M,children:F,onClick:A})=>j==="brief"?r.jsx(Tt,{to:"/mail",search:{q:void 0,selectedMessageId:void 0},onClick:()=>A?.(),className:R,"aria-label":P,title:M,children:F}):j==="outbox"?r.jsx(Tt,{to:"/mail/outbox",search:{q:void 0,selectedOutboxMessageId:void 0},onClick:()=>A?.(),className:R,"aria-label":P,title:M,children:F}):j==="flagged"?r.jsx(Tt,{to:"/mail/flagged",search:{q:void 0,selectedMessageId:void 0},onClick:()=>A?.(),className:R,"aria-label":P,title:M,children:F}):j==="settings"?r.jsx(Tt,{to:"/settings/accounts",onClick:()=>A?.(),className:R,"aria-label":P,title:M,children:F}):r.jsx(Tt,{to:"/mail/$mailboxId",params:{mailboxId:j},search:{q:void 0,selectedMessageId:void 0},onClick:()=>{v(j),A?.()},className:R,"aria-label":P,title:M,children:F}),S=()=>{l(""),t?.()},w=i.trim(),y=w.length>0&&!u.includes(w)?w:void 0,C=c.useCallback(()=>{y&&m(cj(y))},[y]),T=c.useCallback(j=>{m(uj(j))},[]),O=c.useCallback(j=>{l(j),a({to:"/mail",search:{q:j,selectedMessageId:void 0}}),t?.()},[l,a,t]);return r.jsx(Qp,{accounts:p,selectedNavId:o,onSelectNav:S,linkComponent:b,variant:s,savedSearches:u,saveableQuery:y,onSaveCurrentSearch:C,onSelectSavedSearch:O,onRemoveSavedSearch:T})}function pj({accounts:e,onMailboxSelect:t}){return Fs()?.showNavPane??!0?r.jsx(El,{accounts:e}):r.jsxs("div",{className:"flex h-full flex-col",children:[r.jsx("div",{className:"flex-1 overflow-y-auto",children:r.jsx(El,{accounts:e,onMailboxSelect:t,variant:"drawer"})}),r.jsxs("div",{className:"border-t border-line px-2 py-2",children:[r.jsxs(Tt,{to:"/settings/accounts",onClick:t,className:"flex w-full items-center gap-2 rounded-md px-2 py-1 text-sm text-fg-muted transition-colors hover:bg-surface hover:text-fg",children:[r.jsx(ao,{className:"size-4 shrink-0"}),r.jsx("span",{className:"flex-1 truncate text-left",children:"Settings"})]}),r.jsx(ou,{variant:"drawer"}),r.jsx(au,{children:({signOut:a})=>r.jsxs("button",{type:"button",onClick:()=>{t?.(),a()},className:"flex min-h-11 w-full items-center gap-2 rounded-md px-2 py-1 text-sm text-fg-muted transition-colors hover:bg-surface hover:text-fg","data-testid":"sign-out-button",children:[r.jsx(gc,{className:"size-4 shrink-0"}),r.jsx("span",{className:"flex-1 truncate text-left",children:"Sign out"})]})})]})]})}function gj(e,t){const s=t.trim().toLowerCase();if(s.length===0)return!0;const n=[e.subject,e.fromAddress,e.fromName,...e.toAddresses??[],...e.ccAddresses??[]].filter(a=>typeof a=="string").join(" ").toLowerCase();return s.split(/\s+/).every(a=>a.length===0||n.includes(a))}function xj(e){return e.tokens.length>0&&e.freeText.trim().length===0}const ef={queued:{icon:Za,label:"Queued",className:"text-warning"},sending:{icon:Ls,label:"Sending…",className:"text-accent-2"},sent:{icon:fc,label:"Sent",className:"text-positive"},failed:{icon:ds,label:"Failed",className:"text-danger"},blocked:{icon:Oa,label:"Blocked",className:"text-warning"}},bj=e=>Wm(e).toDateString()===new Date().toDateString()?Un(e,{hour:"numeric",minute:"2-digit"}):Un(e,{month:"short",day:"numeric"}),Il=e=>Un(e,{dateStyle:"medium",timeStyle:"short"}),vj=e=>{const t=e.toAddresses??[];return t.length===0?"No recipients":t.length===1?t[0]:`${t[0]} +${t.length-1}`},tf=(e,t)=>t?"The outbox cannot filter on those terms":e?"No matching outbox messages":"No outbox messages",sf=c.createContext(null);function qo(){const e=c.useContext(sf);if(!e)throw new Error("OutboxPane.* must be used inside <OutboxPane>");return e}function yj({children:e}){const t=We(),{selectedOutboxMessageId:s}=Ds({strict:!1}),{data:n,isLoading:a}=ve(tr()),{searchQuery:o}=Re(),i=ps(),l=Mo(o),u=qs(l,i),m=l.length>0,f=xj(u),d=c.useMemo(()=>f?[]:(n?.items??[]).filter(p=>Zd(p.status)).filter(p=>gj(p,u.freeText)),[n,u.freeText,f]),h=c.useMemo(()=>d.find(p=>p.outboxMessageId===s),[d,s]),x=c.useCallback(p=>{t({to:"/mail/outbox",search:v=>({...v,selectedOutboxMessageId:p})})},[t]),g={messages:d,hasQuery:m,unsupportedQuery:f,isLoading:a,selectedMessageId:s,selectedMessage:h,onSelectMessage:x};return r.jsx(sf.Provider,{value:g,children:e})}function nf({message:e,isSelected:t,onSelect:s}){const n=Te(),{openCompose:a}=Yt(),{pushError:o}=st(),i=c.useCallback(()=>{n.invalidateQueries({queryKey:Qa()})},[n]),l=Fe({...ql(),onSuccess:i,onError:d=>{o(is("Couldn't resend message","The message wasn't sent.",d))}}),u=Fe({...nr(),onSuccess:i,onError:d=>{o(is("Couldn't delete message","The message wasn't deleted.",d))}}),m=e.status;if(!ef[m])return null;const f=Jd(e.status);return r.jsx(xg,{recipients:vj(e),subject:e.subject||"",time:bj(e.sentAt??e.updatedAt),status:m,error:f?e.lastError??void 0:void 0,selected:t,onSelect:s,onRetry:m==="failed"?()=>l.mutate({path:{outboxMessageId:e.outboxMessageId}}):void 0,retrying:l.isPending,onEdit:()=>a({mode:"new",outboxMessageId:e.outboxMessageId}),onDelete:()=>u.mutate({path:{outboxMessageId:e.outboxMessageId}}),deleting:u.isPending})}function rf({message:e,onBack:t}){const s=e.status,n=ef[s],a=n?.icon??hn,o=e.sentAt?Il(e.sentAt):Il(e.updatedAt);return r.jsxs("div",{className:"h-full overflow-y-auto bg-canvas",children:[r.jsxs("div",{className:"border-b border-line p-4",children:[t&&r.jsxs("button",{type:"button",onClick:t,className:"mb-3 inline-flex items-center gap-1 text-sm text-fg-muted hover:text-fg",children:[r.jsx(Ta,{className:"size-4"}),r.jsx("span",{children:"Back"})]}),r.jsx("h1",{className:"text-xl font-semibold mb-3",children:e.subject||"(No subject)"}),r.jsxs("div",{className:"space-y-1 text-sm",children:[r.jsxs("div",{className:"flex gap-2",children:[r.jsx("span",{className:"text-fg-muted shrink-0 w-12",children:"From:"}),r.jsx("span",{className:"text-fg",children:e.fromName?`${e.fromName} <${e.fromAddress}>`:e.fromAddress})]}),r.jsxs("div",{className:"flex gap-2",children:[r.jsx("span",{className:"text-fg-muted shrink-0 w-12",children:"To:"}),r.jsx("span",{className:"text-fg",children:(e.toAddresses??[]).join(", ")})]}),e.ccAddresses&&e.ccAddresses.length>0&&r.jsxs("div",{className:"flex gap-2",children:[r.jsx("span",{className:"text-fg-muted shrink-0 w-12",children:"Cc:"}),r.jsx("span",{className:"text-fg",children:e.ccAddresses.join(", ")})]}),r.jsxs("div",{className:"flex gap-2",children:[r.jsx("span",{className:"text-fg-muted shrink-0 w-12",children:"Date:"}),r.jsx("span",{className:"text-fg",children:o})]}),n&&r.jsxs("div",{className:"flex items-center gap-2 pt-2",children:[r.jsx(a,{className:_e("size-4",n.className,s==="sending"&&"animate-spin")}),r.jsx("span",{className:_e("text-xs font-medium",n.className),children:n.label}),Jd(e.status)&&e.lastError&&r.jsxs("span",{className:"text-xs text-fg-muted",children:["— ",e.lastError]})]})]})]}),r.jsx("div",{className:"p-4",children:r.jsx(Zu,{html:e.htmlBody,text:e.textBody})})]})}function wj(){const{messages:e,hasQuery:t,unsupportedQuery:s,isLoading:n,selectedMessageId:a,onSelectMessage:o}=qo(),i=c.useRef(null);return Zn({containerRef:i,itemSelector:Ma}),n?r.jsx("div",{className:"flex h-full items-center justify-center bg-canvas",children:r.jsx("span",{className:"text-fg-muted",children:"Loading..."})}):e.length===0?r.jsx("div",{className:"flex h-full bg-surface",children:r.jsx(Bs,{message:tf(t,s),showHints:!1})}):r.jsxs("div",{className:"h-full flex flex-col bg-canvas",children:[r.jsxs("header",{className:"flex h-pane-header shrink-0 items-center gap-2 border-b border-line px-row-inset",children:[r.jsx(Bo,{}),r.jsx("h1",{className:"min-w-0 flex-1 truncate text-sm font-semibold text-fg",children:"Outbox"}),r.jsxs("span",{className:"shrink-0 text-2xs text-fg-subtle",children:[e.length," ",e.length===1?"message":"messages"]})]}),r.jsx("div",{ref:i,className:"flex-1 overflow-y-auto",children:e.map(l=>r.jsx(nf,{message:l,isSelected:a===l.outboxMessageId,onSelect:()=>o(l.outboxMessageId)},l.outboxMessageId))})]})}function Sj(){const{selectedMessage:e}=qo();return r.jsxs("section",{className:"flex h-full w-full min-w-0 flex-col bg-canvas",children:[r.jsx("header",{className:"flex h-pane-header shrink-0 items-center border-b border-line px-3"}),r.jsx("div",{className:"min-h-0 flex-1 overflow-hidden",children:e?r.jsx(rf,{message:e}):r.jsx(Bs,{message:"Select a message to read",showHints:!1})})]})}function kj(){const{messages:e,hasQuery:t,unsupportedQuery:s,isLoading:n,selectedMessageId:a,selectedMessage:o,onSelectMessage:i}=qo(),l=c.useRef(null);return Zn({containerRef:l,itemSelector:Ma}),n?r.jsx("div",{className:"flex h-full items-center justify-center bg-canvas",children:r.jsx("span",{className:"text-fg-muted",children:"Loading..."})}):o?r.jsx(rf,{message:o,onBack:()=>i(void 0)}):e.length===0?r.jsx("div",{className:"flex h-full bg-surface",children:r.jsx(Bs,{message:tf(t,s),showHints:!1})}):r.jsxs("div",{className:"h-full flex flex-col bg-canvas",children:[r.jsxs("header",{className:"flex h-pane-header shrink-0 items-center gap-2 border-b border-line px-row-inset",children:[r.jsx(Bo,{}),r.jsx("h1",{className:"min-w-0 flex-1 truncate text-sm font-semibold text-fg",children:"Outbox"}),r.jsxs("span",{className:"shrink-0 text-2xs text-fg-subtle",children:[e.length," ",e.length===1?"message":"messages"]})]}),r.jsx("div",{ref:l,className:"flex-1 overflow-y-auto",children:e.map(u=>r.jsx(nf,{message:u,isSelected:a===u.outboxMessageId,onSelect:()=>i(u.outboxMessageId)},u.outboxMessageId))})]})}const Pn=Object.assign(yj,{List:wj,Reading:Sj,Phone:kj}),jj=({isOpen:e,onClose:t})=>{const s=c.useCallback(n=>{n.key==="Escape"&&(n.preventDefault(),t())},[t]);return c.useEffect(()=>{if(e)return window.addEventListener("keydown",s),()=>window.removeEventListener("keydown",s)},[e,s]),e?r.jsxs("div",{className:"fixed inset-0 z-50 flex items-center justify-center",role:"dialog","aria-modal":"true","aria-label":"Keyboard shortcuts",onClick:t,onKeyDown:n=>n.key==="Escape"&&t(),children:[r.jsx("div",{className:"absolute inset-0 bg-canvas/80 backdrop-blur-sm"}),r.jsxs("div",{className:_e("relative z-10 max-h-[85vh] w-full max-w-2xl overflow-y-auto","rounded-lg border border-line bg-surface shadow-lg","p-6"),onClick:n=>n.stopPropagation(),onKeyDown:n=>{n.key!=="Escape"&&n.stopPropagation()},children:[r.jsxs("div",{className:"mb-6 flex items-center justify-between",children:[r.jsx("h2",{className:"text-lg font-semibold",children:"Keyboard shortcuts"}),r.jsx("button",{type:"button",onClick:t,className:"p-1 text-fg-muted transition-colors hover:text-fg","aria-label":"Close",children:r.jsx(Ct,{className:"size-5"})})]}),r.jsx("div",{className:"grid gap-x-8 gap-y-6 sm:grid-cols-2",children:pu.map(n=>r.jsxs("div",{children:[r.jsx("h3",{className:"mb-3 text-sm font-medium text-fg-muted",children:n.title}),r.jsx("div",{className:"space-y-2",children:n.hints.map(a=>r.jsxs("div",{className:"flex items-center justify-between gap-4",children:[r.jsx("span",{className:"text-sm",children:a.description}),r.jsx("span",{className:"flex shrink-0 items-center gap-1",children:a.keys.map((o,i)=>r.jsxs(c.Fragment,{children:[i>0&&a.keys[0]==="g"&&r.jsx("span",{className:"text-2xs text-fg-subtle",children:"then"}),r.jsx(Ts,{children:o})]},o))})]},`${a.action}-${a.keys.join("+")}`))})]},n.title))}),r.jsx("div",{className:"mt-6 border-t border-line pt-4",children:r.jsxs("p",{className:"text-center text-xs text-fg-muted",children:["Press ",r.jsx(Ts,{children:"Esc"})," to close"]})})]})]}):null};function Cj(e){const t=pt({queries:e.map(s=>({...ot({path:{accountId:s.accountId}}),staleTime:1/0}))});return c.useMemo(()=>H0(t.map(s=>s.data?.items??[])),[t])}const Nj=e=>e.map(t=>t.data?.items??[]);function Ej(e){const t=pt({queries:e.map(s=>({...ot({path:{accountId:s.accountId}}),staleTime:1/0})),combine:Nj});return c.useMemo(()=>jm(e.map((s,n)=>({folderAppointments:s.folderAppointments,mailboxes:t[n]??[]}))),[e,t])}var Ln={exports:{}},Tl;function Ij(){if(Tl)return Ln.exports;Tl=1;const e=(t,s,n)=>new Promise((a,o)=>{if(n=Object.assign({concurrency:1/0},n),typeof s!="function")throw new TypeError("Mapper function is required");const{concurrency:i}=n;if(!(typeof i=="number"&&i>=1))throw new TypeError(`Expected \`concurrency\` to be a number from 1 and up, got \`${i}\` (${typeof i})`);const l=[],u=t[Symbol.iterator]();let m=!1,f=!1,d=0,h=0;const x=()=>{if(m)return;const g=u.next(),p=h;if(h++,g.done){f=!0,d===0&&a(l);return}d++,Promise.resolve(g.value).then(v=>s(v,p)).then(v=>{l[p]=v,d--,x()},v=>{m=!0,o(v)})};for(let g=0;g<i&&(x(),!f);g++);});return Ln.exports=e,Ln.exports.default=e,Ln.exports}var Tj=Ij();const Rj=Cm(Tj),Mj=900*1e3,Aj=300,Oj=(e,t)=>{if(!e)return t;const s=Number.parseInt(e,10);return Number.isFinite(s)&&s>0?s:t},Dj=60*1e3,Pj=e=>Math.max(Oj(e,Aj)*1e3,Dj),Bn=Pj(Im().mailboxPollIntervalSeconds),Lj=5,Ea=new Set,Fj=(e,t,s=Mj)=>e.filter(n=>{const a=n.lastSyncAt;return a==null?!0:t-a>s}).map(n=>n.accountId),$j=(e,t,s=Bn)=>e-t>=s,_j=(e,t)=>e.filter(s=>!t.has(s)),Rl=(e,t)=>{if(Ea.delete(e),Em(t,{softError:!0})){Gl(t);return}console.warn("[remit] background mailbox sync failed",{accountId:e,error:t})},Ml=(e,t)=>Nm({path:{accountId:e},throwOnError:!0}).then(()=>{t.invalidateQueries({queryKey:fs({path:{accountId:e}})})}),zj=e=>{const t=Te(),s=c.useRef(e);s.current=e;const n=e.map(a=>a.accountId).join(",");c.useEffect(()=>{const a=Date.now(),i=Fj(s.current,a).filter(l=>!Ea.has(l));if(i.length!==0)for(const l of i)Ea.add(l),Ml(l,t).catch(u=>{Rl(l,u)})},[n,t]),c.useEffect(()=>{let a=Date.now(),o;const i=new Set,l=()=>{a=Date.now();const f=_j(s.current.map(d=>d.accountId),i);for(const d of f)i.add(d);Rj(f,d=>Ml(d,t).catch(h=>{Rl(d,h)}).finally(()=>{i.delete(d)}),{concurrency:Lj})},u=()=>{if(document.visibilityState==="visible"){l(),o=setTimeout(u,Bn);return}},m=()=>{document.visibilityState==="visible"&&$j(Date.now(),a)&&(o!==void 0&&clearTimeout(o),l(),o=setTimeout(u,Bn))};return o=setTimeout(u,Bn),document.addEventListener("visibilitychange",m),()=>{o!==void 0&&clearTimeout(o),document.removeEventListener("visibilitychange",m)}},[n,t])};function Bj(e,t,s){if(e!==t)return s}function Kj(e,t){return e===""?"":t}function Uj(e,t,s){return t!==e?!1:t!==s}function qj(){const{q:e=""}=Ds({from:"/mail"}),t=We(),s=Cr(),n=hd(s),[a,o]=c.useState(!1),[i,l]=c.useState(!1),[u,m]=c.useState(!1),f=c.useCallback(se=>{m(se),Cl(se)},[]),[d,h]=c.useState(e),x=ir(d,200),g=Kj(d,x),p=c.useRef(e);p.current=e;const v=Rt({select:se=>Qb(se.matches)}),[b,S]=c.useState(v);if(b!==v){const se=Bj(b,v,e);S(v),se!==void 0&&h(se)}c.useEffect(()=>{Uj(d,g,p.current)&&t({to:".",search:se=>{const H=se.q===g;return{...se,q:g||void 0,...g&&!H?{selectedMessageId:void 0,selectedThreadId:void 0,selectedMailboxId:void 0}:{}}},replace:!0})},[d,g,t]);const{data:w,isLoading:y,isError:C,error:T,refetch:O}=ve({...Ot(),staleTime:1/0}),j=!!(w&&(w.accounts?.length??0)===0);c.useEffect(()=>{j&&t({to:"/onboarding",replace:!0})},[j,t]),yo({enabled:!a,bindings:[{key:"?",handler:()=>o(!0),noModifiers:!1,preventDefault:!0}]});const R=c.useCallback(se=>{h(se)},[]),P=c.useCallback(()=>{h("")},[]),M=c.useCallback(()=>{h("")},[]),F=c.useCallback(()=>{m(se=>{const H=!se;return Cl(H),H})},[]),A=w?.accounts??[],k=Cj(A),E=Ej(A),D=c.useMemo(()=>q0(A),[A]),I=Rt({select:se=>se.matches.find(pe=>"mailboxId"in pe.params)?.params.mailboxId}),{selectedMessageId:L}=Ds({strict:!1}),N=Rt({select:se=>xo(se.matches)}),K=Rt({select:se=>xn(se.matches)}),re=Rt({select:se=>br(se.matches)});zj(A);const ae=c.useCallback(()=>{l(!1)},[]),oe={accounts:A,mailboxNameIndex:k,accountNameIndex:D,resultFolderIndex:E,searchQuery:g,searchInput:d,searchViewKey:v,onSearchChange:R,onSearchClear:P,onSearchClearQuery:M,intelligenceOpen:u,onToggleIntelligence:F,onSetIntelligenceOpen:f},ee=r.jsx(pj,{accounts:A,onMailboxSelect:ae}),te=n?r.jsx(Hb,{accounts:A}):void 0,me=n?void 0:r.jsx(sv,{accounts:A}),de={navOpen:i,onOpenNav:()=>l(!0),onCloseNav:()=>l(!1)};return r.jsxs(Tm.Provider,{value:oe,children:[C?r.jsx("div",{className:"flex h-full items-center justify-center bg-canvas p-4",children:r.jsx(Jt,{title:"Couldn't load your account",error:T,onRetry:()=>{O()}})}):N?r.jsx(en,{selectedMessageId:L,children:n?r.jsx(Bt,{nav:ee,list:r.jsx(en.Phone,{}),intelligenceOpen:u,overlay:te,skeleton:r.jsx(It,{}),isLoading:y||j,...de}):r.jsx(Bt,{nav:ee,topBar:me,list:r.jsx(en.List,{}),reading:r.jsx(en.Reading,{}),intelligence:r.jsx(en.Intelligence,{}),intelligenceOpen:u,hasThread:!!L,overlay:te,skeleton:r.jsx(It,{}),isLoading:y||j,...de})}):K?r.jsx(tn,{selectedMessageId:L,children:n?r.jsx(Bt,{nav:ee,list:r.jsx(tn.Phone,{}),intelligenceOpen:u,overlay:te,skeleton:r.jsx(It,{}),isLoading:y||j,...de}):r.jsx(Bt,{nav:ee,topBar:me,list:r.jsx(tn.List,{}),reading:r.jsx(tn.Reading,{}),intelligence:r.jsx(tn.Intelligence,{}),intelligenceOpen:u,hasThread:!!L,overlay:te,skeleton:r.jsx(It,{}),isLoading:y||j,...de})}):I?r.jsx(nn,{mailboxId:I,selectedMessageId:L,children:n?r.jsx(Bt,{nav:ee,list:r.jsx(nn.Phone,{}),intelligenceOpen:u,overlay:te,skeleton:r.jsx(It,{}),isLoading:y||j,...de}):r.jsx(Bt,{nav:ee,topBar:me,list:r.jsx(nn.List,{}),reading:r.jsx(nn.Reading,{}),intelligence:r.jsx(nn.Intelligence,{}),intelligenceOpen:u,hasThread:!!L,overlay:te,skeleton:r.jsx(It,{}),isLoading:y||j,...de})}):re?r.jsx(Pn,{children:n?r.jsx(Bt,{nav:ee,list:r.jsx(Pn.Phone,{}),intelligenceOpen:!1,overlay:te,skeleton:r.jsx(It,{}),isLoading:y||j,...de}):r.jsx(Bt,{nav:ee,topBar:me,list:r.jsx(Pn.List,{}),reading:r.jsx(Pn.Reading,{}),intelligenceOpen:!1,overlay:te,skeleton:r.jsx(It,{}),isLoading:y||j,...de})}):r.jsx(It,{}),r.jsx(jj,{isOpen:a,onClose:()=>o(!1)}),r.jsx(Rm,{})]})}const lC=Object.freeze(Object.defineProperty({__proto__:null,component:qj,useMailContext:Re},Symbol.toStringTag,{value:"Module"}));export{iC as S,_h as U,lC as m};
|