@remit/web-client-dist 0.0.54 → 0.0.56
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-DOmKVYMo.js → ComposeBody-CmdzC8xr.js} +1 -1
- package/assets/{ErrorState-AG41p7QT.js → ErrorState-Vef_RQeN.js} +1 -1
- package/assets/{OnboardingWizard-CLf9k_Td.js → OnboardingWizard-itSrofj-.js} +1 -1
- package/assets/{account-form-helpers-EWuGzhfR.js → account-form-helpers-Cfo8I9yJ.js} +1 -1
- package/assets/{accounts-BddbulB1.js → accounts-C8Tem7r4.js} +1 -1
- package/assets/{advanced-CTB-LEDZ.js → advanced-zKWU9n1x.js} +1 -1
- package/assets/{appearance-CFM_3dmA.js → appearance-mUoKvw55.js} +1 -1
- package/assets/{avatar-D0Ooxf9T.js → avatar-CtLAJFtk.js} +1 -1
- package/assets/{browser-ponyfill-BCPkKl8Q.js → browser-ponyfill-B36zSDLo.js} +1 -1
- package/assets/{filter-status-D4W7twW2.js → filter-status-DnhbBzst.js} +1 -1
- package/assets/{filters-C2X97hhg.js → filters-D1b42uX-.js} +1 -1
- package/assets/{flagged-BC3Mm3Ip.js → flagged-CY3kpmy8.js} +1 -1
- package/assets/{folder-C9wmohrC.js → folder-DvHHurGt.js} +1 -1
- package/assets/{folders-DybTGDdt.js → folders-Thcn4yJC.js} +1 -1
- package/assets/format-CnrKvE9L.js +1 -0
- package/assets/{index-m_f2IQV8.js → index-BsqsmBbV.js} +1 -1
- package/assets/index-D11fONzd.js +1 -0
- package/assets/{index-CXpORYHa.js → index-D7HTsKCQ.js} +4 -4
- package/assets/{kbd-BwKeCcXx.js → kbd-CaQmhzsX.js} +1 -1
- package/assets/mail-8PsuuB8s.js +118 -0
- package/assets/{onboarding-C8ZPiNFP.js → onboarding-ZS3a-uCv.js} +1 -1
- package/assets/{select-ChKfhQ_d.js → select-DC0gNqjj.js} +1 -1
- package/assets/{senders-CFZGYY38.js → senders-btSJdsn5.js} +1 -1
- package/assets/settings-CqSjQZVo.js +1 -0
- package/assets/{settings-screen-Dqy3AVHp.js → settings-screen-DUa23raH.js} +1 -1
- package/assets/{suggested-vips-ld25dGiG.js → suggested-vips-pFk_Sd9A.js} +1 -1
- package/assets/{useDebouncedValue-DvEXj6CO.js → useDebouncedValue-BicV1PKF.js} +1 -1
- package/assets/{useMutation-5xrM1Y67.js → useMutation-f3BvA2Hx.js} +1 -1
- package/assets/{useSignature-CDcWDFTv.js → useSignature-DECf2c3d.js} +1 -1
- package/index.html +1 -1
- package/package.json +1 -1
- package/assets/format-QyUYNmWo.js +0 -1
- package/assets/index-CdxrOeEm.js +0 -1
- package/assets/mail-C94Gf-b3.js +0 -118
- package/assets/settings-JW2otfmP.js +0 -1
package/assets/mail-C94Gf-b3.js
DELETED
|
@@ -1,118 +0,0 @@
|
|
|
1
|
-
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/ComposeBody-DOmKVYMo.js","assets/index-CXpORYHa.js","assets/index-DIt9JNqA.css","assets/useDebouncedValue-DvEXj6CO.js","assets/avatar-D0Ooxf9T.js","assets/kbd-BwKeCcXx.js","assets/account-form-helpers-EWuGzhfR.js","assets/useMutation-5xrM1Y67.js","assets/useSignature-CDcWDFTv.js","assets/ErrorState-AG41p7QT.js","assets/format-QyUYNmWo.js","assets/select-ChKfhQ_d.js","assets/filter-status-D4W7twW2.js","assets/folder-C9wmohrC.js"])))=>i.map(i=>d[i]);
|
|
2
|
-
import{R as K,c as ku,r as c,a as ce,j as n,C as Mt,X as qe,b as Q,B as Z,d as Xe,S as At,e as Wt,f as Nu,T as it,g as Qs,h as pi,I as gi,p as xi,i as Jr,k as Cu,D as bi,l as Ws,O as Eu,M as Iu,A as Tu,F as vi,m as Ru,n as Mu,o as Du,q as Zr,s as yi,t as ea,P as Au,u as Ou,v as ta,w as sa,_ as Ct,x as wi,y as Pu,Q as na,z as Lu,E as $u,G as zu,H as Dr,J as Fu,K as _u,L as je,N as Bu,U as Ku,V as qu,W as Uu,Y as Hu,Z as Qu,$ as Ba,a0 as Wu,a1 as Vu,a2 as Yu,a3 as ji,a4 as Si,a5 as ki,a6 as Ot,a7 as Re,a8 as Je,a9 as vs,aa as fe,ab as ra,ac as aa,ad as oa,ae as ia,af as Ln,ag as ms,ah as Se,ai as Vs,aj as de,ak as Ni,al as Gu,am as Ci,an as Xu,ao as $n,ap as Ei,aq as xt,ar as Ue,as as Ju,at,au as Ii,av as Ht,aw as zn,ax as Zu,ay as lt,az as bt,aA as Vt,aB as Fn,aC as Yt,aD as Ti,aE as ed,aF as td,aG as sd,aH as Ri,aI as Ar,aJ as Tn,aK as hs,aL as nd,aM as la,aN as rd,aO as ad,aP as Mi,aQ as ca,aR as ys,aS as Or,aT as Pr,aU as od,aV as Di,aW as gt,aX as id,aY as ua,aZ as Ai,a_ as ld,a$ as cd,b0 as ud,b1 as dd,b2 as fd,b3 as md,b4 as hd,b5 as pd,b6 as gd,b7 as xd,b8 as bd,b9 as vd,ba as yd,bb as wd,bc as jd,bd as kt,be as mt,bf as Sd}from"./index-CXpORYHa.js";import{S as Ys,u as Oi}from"./useDebouncedValue-DvEXj6CO.js";import{A as Ze,M as da,C as kd}from"./avatar-D0Ooxf9T.js";import{K as ds}from"./kbd-BwKeCcXx.js";import{L as Gt,M as Pi,a as Nd}from"./account-form-helpers-EWuGzhfR.js";import{u as ge}from"./useMutation-5xrM1Y67.js";import{R as Cd,u as Ed}from"./useSignature-CDcWDFTv.js";import{E as Pt,f as Li}from"./ErrorState-AG41p7QT.js";import{f as $i,a as Lt,b as Rn,c as ht,d as Id,t as Td}from"./format-QyUYNmWo.js";import{C as Gs,S as Rd}from"./select-ChKfhQ_d.js";import{b as zi,h as Md,p as Dd,u as Ad}from"./filter-status-D4W7twW2.js";import{F as Od}from"./folder-C9wmohrC.js";function Ks(e){if(Pd())e.focus({preventScroll:!0});else{let t=Ld(e);e.focus(),$d(t)}}let fn=null;function Pd(){if(fn==null){fn=!1;try{document.createElement("div").focus({get preventScroll(){return fn=!0,!0}})}catch{}}return fn}function Ld(e){let t=e.parentNode,s=[],r=document.scrollingElement||document.documentElement;for(;t instanceof HTMLElement&&t!==r;)(t.offsetHeight<t.scrollHeight||t.offsetWidth<t.scrollWidth)&&s.push({element:t,scrollTop:t.scrollTop,scrollLeft:t.scrollLeft}),t=t.parentNode;return r instanceof HTMLElement&&s.push({element:r,scrollTop:r.scrollTop,scrollLeft:r.scrollLeft}),s}function $d(e){for(let{element:t,scrollTop:s,scrollLeft:r}of e)t.scrollTop=s,t.scrollLeft=r}const It=e=>e?.ownerDocument??document,Dt=e=>e&&"window"in e&&e.window===e?e:It(e).defaultView||window;function zd(e){return e!==null&&typeof e=="object"&&"nodeType"in e&&typeof e.nodeType=="number"}function Fd(e){return zd(e)&&e.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&"host"in e}let _d=!1;function Fi(){return _d}function nt(e,t){if(!Fi())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:Fd(s)?s=s.host:s=s.parentNode}return!1}function Ie(e){if(Fi()&&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 Bd=typeof Element<"u"&&"checkVisibility"in Element.prototype;function Kd(e){const t=Dt(e);if(!(e instanceof t.HTMLElement)&&!(e instanceof t.SVGElement))return!1;let{display:s,visibility:r}=e.style,a=s!=="none"&&r!=="hidden"&&r!=="collapse";if(a){const{getComputedStyle:o}=Dt(e);let{display:i,visibility:l}=o(e);a=i!=="none"&&l!=="hidden"&&l!=="collapse"}return a}function qd(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 _i(e,t){return Bd?e.checkVisibility({visibilityProperty:!0})&&!e.closest("[data-react-aria-prevent-focus]"):e.nodeName!=="#comment"&&Kd(e)&&qd(e,t)&&(!e.parentElement||_i(e.parentElement,e))}const Bi=["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"],Ud=Bi.join(":not([hidden]),")+",[tabindex]:not([disabled]):not([hidden])";Bi.push('[tabindex]:not([tabindex="-1"]):not([disabled])');function Hd(e,t){return e.matches(Ud)&&!Qd(e)&&(t?.skipVisibilityCheck||_i(e))}function Qd(e){let t=e;for(;t!=null;){if(t instanceof Dt(t).HTMLElement&&t.inert)return!0;t=t.parentElement}return!1}const fa=typeof document<"u"?K.useLayoutEffect:()=>{};function Wd(e){let t=e;return t.nativeEvent=e,t.isDefaultPrevented=()=>t.defaultPrevented,t.isPropagationStopped=()=>t.cancelBubble,t.persist=()=>{},t}function Vd(e,t){Object.defineProperty(e,"target",{value:t}),Object.defineProperty(e,"currentTarget",{value:t})}function Yd(e){for(;e&&!Hd(e,{skipVisibilityCheck:!0});)e=e.parentElement;let t=Dt(e),s=t.document.activeElement;if(!s||s===e)return;let r=!1,a=m=>{(Ie(m)===s||r)&&m.stopImmediatePropagation()},o=m=>{(Ie(m)===s||r)&&(m.stopImmediatePropagation(),!e&&!r&&(r=!0,Ks(s),u()))},i=m=>{(Ie(m)===e||r)&&m.stopImmediatePropagation()},l=m=>{(Ie(m)===e||r)&&(m.stopImmediatePropagation(),r||(r=!0,Ks(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(d),t.removeEventListener("blur",a,!0),t.removeEventListener("focusout",o,!0),t.removeEventListener("focusin",l,!0),t.removeEventListener("focus",i,!0),r=!1},d=requestAnimationFrame(u);return u}function _n(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 ma(e){return typeof window<"u"&&window.navigator!=null?e.test(window.navigator.userAgentData?.platform||window.navigator.platform):!1}function $t(e){let t=null;return()=>(t==null&&(t=e()),t)}const Mn=$t(function(){return ma(/^Mac/i)}),Gd=$t(function(){return ma(/^iPhone/i)}),Ki=$t(function(){return ma(/^iPad/i)||Mn()&&navigator.maxTouchPoints>1}),qi=$t(function(){return Gd()||Ki()}),Xd=$t(function(){return _n(/AppleWebKit/i)&&!Jd()}),Jd=$t(function(){return _n(/Chrome/i)}),Ui=$t(function(){return _n(/Android/i)}),Zd=$t(function(){return _n(/Firefox/i)});function ef(e){return e.pointerType===""&&e.isTrusted?!0:Ui()&&e.pointerType?e.type==="click"&&e.buttons===1:e.detail===0&&!e.pointerType}function tf(e){return!Ui()&&e.width===0&&e.height===0||e.width===1&&e.height===1&&e.pressure===0&&e.detail===0&&e.pointerType==="mouse"}function qs(e,t,s=!0){let{metaKey:r,ctrlKey:a,altKey:o,shiftKey:i}=t;Zd()&&window.event?.type?.startsWith("key")&&e.target==="_blank"&&(Mn()?r=!0:a=!0);let l=Xd()&&Mn()&&!Ki()?new KeyboardEvent("keydown",{keyIdentifier:"Enter",metaKey:r,ctrlKey:a,altKey:o,shiftKey:i}):new MouseEvent("click",{metaKey:r,ctrlKey:a,altKey:o,shiftKey:i,detail:1,bubbles:!0,cancelable:!0});qs.isOpening=s,Ks(e),e.dispatchEvent(l),qs.isOpening=!1}qs.isOpening=!1;let Et=new Map,Lr=new Set;function Ka(){if(typeof window>"u")return;function e(r){return"propertyName"in r}let t=r=>{let a=Ie(r);if(!e(r)||!a)return;let o=Et.get(a);o||(o=new Set,Et.set(a,o),a.addEventListener("transitioncancel",s,{once:!0})),o.add(r.propertyName)},s=r=>{let a=Ie(r);if(!e(r)||!a)return;let o=Et.get(a);if(o&&(o.delete(r.propertyName),o.size===0&&(a.removeEventListener("transitioncancel",s),Et.delete(a)),Et.size===0)){for(let i of Lr)i();Lr.clear()}};document.body.addEventListener("transitionrun",t),document.body.addEventListener("transitionend",s)}typeof document<"u"&&(document.readyState!=="loading"?Ka():document.addEventListener("DOMContentLoaded",Ka));function sf(){for(const[e]of Et)"isConnected"in e&&!e.isConnected&&Et.delete(e)}function nf(e){requestAnimationFrame(()=>{sf(),Et.size===0?e():Lr.add(e)})}function Hi(...e){return(...t)=>{for(let s of e)typeof s=="function"&&s(...t)}}let $r=new Map;typeof FinalizationRegistry<"u"&&new FinalizationRegistry(e=>{$r.delete(e)});function rf(e,t){if(e===t)return e;let s=$r.get(e);if(s)return s.forEach(a=>a.current=t),t;let r=$r.get(t);return r?(r.forEach(a=>a.current=e),e):t}function af(...e){return e.length===1&&e[0]?e[0]:t=>{let s=!1;const r=e.map(a=>{const o=qa(a,t);return s||=typeof o=="function",o});if(s)return()=>{r.forEach((a,o)=>{typeof a=="function"?a():qa(e[o],null)})}}}function qa(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function Xs(...e){let t={...e[0]};for(let s=1;s<e.length;s++){let r=e[s];for(let a in r){let o=t[a],i=r[a];typeof o=="function"&&typeof i=="function"&&a[0]==="o"&&a[1]==="n"&&a.charCodeAt(2)>=65&&a.charCodeAt(2)<=90?t[a]=Hi(o,i):(a==="className"||a==="UNSAFE_className")&&typeof o=="string"&&typeof i=="string"?t[a]=ku(o,i):a==="id"&&o&&i?t.id=rf(o,i):a==="ref"&&o&&i?t.ref=af(o,i):t[a]=i!==void 0?i:o}}return t}function of(e,t){fa(()=>{if(e&&e.ref&&t)return e.ref.current=t.current,()=>{e.ref&&(e.ref.current=null)}})}const lf=K.useInsertionEffect??fa;function dr(e){const t=c.useRef(null);return lf(()=>{t.current=e},[e]),c.useCallback((...s)=>{const r=t.current;return r?.(...s)},[])}let cs="default",zr="",kn=new WeakMap;function cf(e){if(qi()){if(cs==="default"){const t=It(e);zr=t.documentElement.style.webkitUserSelect,t.documentElement.style.webkitUserSelect="none"}cs="disabled"}else if(e instanceof HTMLElement||e instanceof SVGElement){let t="userSelect"in e.style?"userSelect":"webkitUserSelect";kn.set(e,e.style[t]),e.style[t]="none"}}function Ua(e){if(qi()){if(cs!=="disabled")return;cs="restoring",setTimeout(()=>{nf(()=>{if(cs==="restoring"){const t=It(e);t.documentElement.style.webkitUserSelect==="none"&&(t.documentElement.style.webkitUserSelect=zr||""),zr="",cs="default"}})},300)}else if((e instanceof HTMLElement||e instanceof SVGElement)&&e&&kn.has(e)){let t=kn.get(e),s="userSelect"in e.style?"userSelect":"webkitUserSelect";e.style[s]==="none"&&(e.style[s]=t),e.getAttribute("style")===""&&e.removeAttribute("style"),kn.delete(e)}}function Ha(e){return e?.defaultView?.__webpack_nonce__||globalThis.__webpack_nonce__||void 0}let fr=new WeakMap;function uf(e){let t=e??(typeof document<"u"?document:void 0);if(!t)return Ha(t);if(fr.has(t))return fr.get(t);let s=t.querySelector('meta[property="csp-nonce"]'),r=s&&s instanceof Dt(s).HTMLMetaElement&&(s.nonce||s.content)||Ha(t)||void 0;return r!==void 0&&fr.set(t,r),r}const Qi=K.createContext({register:()=>{}});Qi.displayName="PressResponderContext";function Wi(){let e=c.useRef(new Map),t=c.useCallback((a,o,i,l)=>{let u=l?.once?(...d)=>{e.current.delete(i),i(...d)}: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)},[]),r=c.useCallback(()=>{e.current.forEach((a,o)=>{s(a.eventTarget,a.type,o,a.options)})},[s]);return c.useEffect(()=>r,[r]),{addGlobalListener:t,removeGlobalListener:s,removeAllGlobalListeners:r}}function df(e){let t=c.useContext(Qi);if(t){let{register:s,ref:r,...a}=t;e=Xs(a,e),s()}return of(t,e.ref),e}class mn{#s;constructor(t,s,r,a){this.#s=!0;const i=(a?.target??r.currentTarget)?.getBoundingClientRect();let l,u=0,d,m=null;r.clientX!=null&&r.clientY!=null&&(d=r.clientX,m=r.clientY),i&&(d!=null&&m!=null?(l=d-i.left,u=m-i.top):(l=i.width/2,u=i.height/2)),this.type=t,this.pointerType=s,this.target=r.currentTarget,this.shiftKey=r.shiftKey,this.metaKey=r.metaKey,this.ctrlKey=r.ctrlKey,this.altKey=r.altKey,this.x=l,this.y=u,this.key=r.key}continuePropagation(){this.#s=!1}get shouldStopPropagation(){return this.#s}}const Qa=Symbol("linkClicked"),Wa="react-aria-pressable-style",Va="data-react-aria-pressable";function ff(e){let{onPress:t,onPressChange:s,onPressStart:r,onPressEnd:a,onPressUp:o,onClick:i,isDisabled:l,isPressed:u,preventFocusOnPress:d,shouldCancelOnPointerExit:m,allowTextSelectionOnPress:f,ref:h,...x}=df(e),[b,g]=c.useState(!1),y=c.useRef({isPressed:!1,ignoreEmulatedMouseEvents:!1,didFirePressStart:!1,isTriggeringEvent:!1,activePointerId:null,target:null,isOverTarget:!1,pointerType:null,disposables:[]}),{addGlobalListener:p,removeAllGlobalListeners:v}=Wi(),w=c.useCallback((S,I)=>{let P=y.current;if(l||P.didFirePressStart)return!1;let D=!0;if(P.isTriggeringEvent=!0,r){let B=new mn("pressstart",I,S);r(B),D=B.shouldStopPropagation}return s&&s(!0),P.isTriggeringEvent=!1,P.didFirePressStart=!0,g(!0),D},[l,r,s]),j=c.useCallback((S,I,P=!0)=>{let D=y.current;if(!D.didFirePressStart)return!1;D.didFirePressStart=!1,D.isTriggeringEvent=!0;let B=!0;if(a){let A=new mn("pressend",I,S);a(A),B=A.shouldStopPropagation}if(s&&s(!1),g(!1),t&&P&&!l){let A=new mn("press",I,S);t(A),B&&=A.shouldStopPropagation}return D.isTriggeringEvent=!1,B},[l,a,s,t]),T=dr(j),N=c.useCallback((S,I)=>{let P=y.current;if(l)return!1;if(o){P.isTriggeringEvent=!0;let D=new mn("pressup",I,S);return o(D),P.isTriggeringEvent=!1,D.shouldStopPropagation}return!0},[l,o]),k=dr(N),C=c.useCallback(S=>{let I=y.current;if(I.isPressed&&I.target){I.didFirePressStart&&I.pointerType!=null&&j(Kt(I.target,S),I.pointerType,!1),I.isPressed=!1,I.isOverTarget=!1,I.activePointerId=null,I.pointerType=null,v(),f||Ua(I.target);for(let P of I.disposables)P();I.disposables=[]}},[f,v,j]),R=dr(C);c.useEffect(()=>{l&&y.current.isPressed&&R({currentTarget:y.current.target,shiftKey:!1,ctrlKey:!1,metaKey:!1,altKey:!1})},[l]);let O=c.useCallback(S=>{m&&C(S)},[m,C]),M=c.useCallback(S=>{l||i?.(S)},[l,i]),L=c.useCallback((S,I)=>{if(!l&&i){let P=new MouseEvent("click",S);Vd(P,I),i(Wd(P))}},[l,i]),E=c.useMemo(()=>{let S=y.current,I={onKeyDown(D){if(mr(D.nativeEvent,D.currentTarget)&&nt(D.currentTarget,Ie(D))){Ya(Ie(D),D.key)&&D.preventDefault();let B=!0;!S.isPressed&&!D.repeat&&(S.target=D.currentTarget,S.isPressed=!0,S.pointerType="keyboard",B=w(D,"keyboard"));let A=D.currentTarget,q=U=>{mr(U,A)&&!U.repeat&&nt(A,Ie(U))&&S.target&&k(Kt(S.target,U),"keyboard")};p(It(D.currentTarget),"keyup",Hi(q,P),!0),B&&D.stopPropagation(),D.metaKey&&Mn()&&S.metaKeyEvents?.set(D.key,D.nativeEvent)}else D.key==="Meta"&&(S.metaKeyEvents=new Map)},onClick(D){if(!(D&&!nt(D.currentTarget,Ie(D)))&&D&&D.button===0&&!S.isTriggeringEvent&&!qs.isOpening){let B=!0;if(l&&D.preventDefault(),!S.ignoreEmulatedMouseEvents&&!S.isPressed&&(S.pointerType==="virtual"||ef(D.nativeEvent))){let A=w(D,"virtual"),q=k(D,"virtual"),U=T(D,"virtual");M(D),B=A&&q&&U}else if(S.isPressed&&S.pointerType!=="keyboard"){let A=S.pointerType||D.nativeEvent.pointerType||"virtual",q=k(Kt(D.currentTarget,D),A),U=T(Kt(D.currentTarget,D),A,!0);B=q&&U,S.isOverTarget=!1,M(D),R(D)}S.ignoreEmulatedMouseEvents=!1,B&&D.stopPropagation()}}},P=D=>{if(S.isPressed&&S.target&&mr(D,S.target)){Ya(Ie(D),D.key)&&D.preventDefault();let B=Ie(D),A=nt(S.target,B);T(Kt(S.target,D),"keyboard",A),A&&L(D,S.target),v(),D.key!=="Enter"&&ha(S.target)&&nt(S.target,B)&&!D[Qa]&&(D[Qa]=!0,qs(S.target,D,!1)),S.isPressed=!1,S.metaKeyEvents?.delete(D.key)}else if(D.key==="Meta"&&S.metaKeyEvents?.size){let B=S.metaKeyEvents;S.metaKeyEvents=void 0;for(let A of B.values())S.target?.dispatchEvent(new KeyboardEvent("keyup",A))}};if(typeof PointerEvent<"u"){I.onPointerDown=A=>{if(A.button!==0||!nt(A.currentTarget,Ie(A)))return;if(tf(A.nativeEvent)){S.pointerType="virtual";return}S.pointerType=A.pointerType;let q=!0;if(!S.isPressed){S.isPressed=!0,S.isOverTarget=!0,S.activePointerId=A.pointerId,S.target=A.currentTarget,f||cf(S.target),q=w(A,S.pointerType);let U=Ie(A);"releasePointerCapture"in U&&("hasPointerCapture"in U?U.hasPointerCapture(A.pointerId)&&U.releasePointerCapture(A.pointerId):U.releasePointerCapture(A.pointerId)),p(It(A.currentTarget),"pointerup",D,!1),p(It(A.currentTarget),"pointercancel",B,!1)}q&&A.stopPropagation()},I.onMouseDown=A=>{if(nt(A.currentTarget,Ie(A))&&A.button===0){if(d){let q=Yd(A.target);q&&S.disposables.push(q)}A.stopPropagation()}},I.onPointerUp=A=>{!nt(A.currentTarget,Ie(A))||S.pointerType==="virtual"||A.button===0&&!S.isPressed&&k(A,S.pointerType||A.pointerType)},I.onPointerEnter=A=>{A.pointerId===S.activePointerId&&S.target&&!S.isOverTarget&&S.pointerType!=null&&(S.isOverTarget=!0,w(Kt(S.target,A),S.pointerType))},I.onPointerLeave=A=>{A.pointerId===S.activePointerId&&S.target&&S.isOverTarget&&S.pointerType!=null&&(S.isOverTarget=!1,T(Kt(S.target,A),S.pointerType,!1),O(A))};let D=A=>{if(A.pointerId===S.activePointerId&&S.isPressed&&A.button===0&&S.target){if(nt(S.target,Ie(A))&&S.pointerType!=null){let q=!1,U=setTimeout(()=>{S.isPressed&&S.target instanceof HTMLElement&&(q?R(A):(Ks(S.target),S.target.click()))},80);p(A.currentTarget,"click",()=>q=!0,!0),S.disposables.push(()=>clearTimeout(U))}else R(A);S.isOverTarget=!1}},B=A=>{R(A)};I.onDragStart=A=>{nt(A.currentTarget,Ie(A))&&R(A)}}return I},[p,l,d,v,f,O,w,M,L]);return c.useEffect(()=>{if(!h)return;const S=It(h.current);if(!S||!S.head||S.getElementById(Wa))return;const I=S.createElement("style");I.id=Wa;let P=uf(S);P&&(I.nonce=P),I.textContent=`
|
|
3
|
-
@layer {
|
|
4
|
-
[${Va}] {
|
|
5
|
-
touch-action: pan-x pan-y pinch-zoom;
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
`.trim(),S.head.prepend(I)},[h]),c.useEffect(()=>{let S=y.current;return()=>{f||Ua(S.target??void 0);for(let I of S.disposables)I();S.disposables=[]}},[f]),{isPressed:u||b,pressProps:Xs(x,E,{[Va]:!0})}}function ha(e){return e.tagName==="A"&&e.hasAttribute("href")}function mr(e,t){const{key:s,code:r}=e,a=t,o=a.getAttribute("role");return(s==="Enter"||s===" "||s==="Spacebar"||r==="Space")&&!(a instanceof Dt(a).HTMLInputElement&&!Vi(a,s)||a instanceof Dt(a).HTMLTextAreaElement||a.isContentEditable)&&!((o==="link"||!o&&ha(a))&&s!=="Enter")}function Kt(e,t){let s=t.clientX,r=t.clientY;return{currentTarget:e,shiftKey:t.shiftKey,ctrlKey:t.ctrlKey,metaKey:t.metaKey,altKey:t.altKey,clientX:s,clientY:r,key:t.key}}function mf(e){return e instanceof HTMLInputElement?!1:e instanceof HTMLButtonElement?e.type!=="submit"&&e.type!=="reset":!ha(e)}function Ya(e,t){return e instanceof HTMLInputElement?!Vi(e,t):mf(e)}const hf=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);function Vi(e,t){return e.type==="checkbox"||e.type==="radio"?t===" ":hf.has(e.type)}let pf=0;const hr=new Map;function gf(e){let[t,s]=c.useState();return fa(()=>{if(!e)return;let r=hr.get(e);if(r)s(r.element.id);else{let a=`react-aria-description-${pf++}`;s(a);let o=document.createElement("div");o.id=a,o.style.display="none",o.textContent=e,document.body.appendChild(o),r={refCount:0,element:o},hr.set(e,r)}return r.refCount++,()=>{r&&--r.refCount===0&&(r.element.remove(),hr.delete(e))}},[e]),{"aria-describedby":e?t:void 0}}const xf=500;function bf(e){let{isDisabled:t,onLongPressStart:s,onLongPressEnd:r,onLongPress:a,threshold:o=xf,accessibilityDescription:i}=e;const l=c.useRef(void 0);let{addGlobalListener:u,removeGlobalListener:d}=Wi(),{pressProps:m}=ff({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})),It(h.target).activeElement!==h.target&&Ks(h.target),a&&a({...h,type:"longpress"}),l.current=void 0},o),h.pointerType==="touch")){let x=g=>{g.preventDefault()},b=Dt(h.target);u(h.target,"contextmenu",x,{once:!0}),u(b,"pointerup",()=>{setTimeout(()=>{d(h.target,"contextmenu",x)},30)},{once:!0})}},onPressEnd(h){l.current&&clearTimeout(l.current),r&&(h.pointerType==="mouse"||h.pointerType==="touch")&&r({...h,type:"longpressend"})}}),f=gf(a&&!t?i:void 0);return{longPressProps:Xs(m,f)}}const Yi=ce("ArrowLeft",[["path",{d:"m12 19-7-7 7-7",key:"1l729n"}],["path",{d:"M19 12H5",key:"x3x0zl"}]]);const vf=ce("ArrowRight",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]]);const Bn=ce("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 yf=ce("Ban",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m4.9 4.9 14.2 14.2",key:"1m5liu"}]]);const Gi=ce("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 wf=ce("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 Ga=ce("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 ps=ce("ChevronRight",[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]]);const Xi=ce("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 pa=ce("CircleCheck",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m9 12 2 2 4-4",key:"dzmm74"}]]);const ga=ce("Clock",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["polyline",{points:"12 6 12 12 16 14",key:"68esgv"}]]);const Ji=ce("Code",[["polyline",{points:"16 18 22 12 16 6",key:"z7tu5w"}],["polyline",{points:"8 6 2 12 8 18",key:"1eg1df"}]]);const Zi=ce("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 jf=ce("Flag",[["path",{d:"M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z",key:"i9b6wo"}],["line",{x1:"4",x2:"4",y1:"22",y2:"15",key:"1cm3nv"}]]);const el=ce("FolderInput",[["path",{d:"M2 9V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-1",key:"fm4g5t"}],["path",{d:"M2 13h10",key:"pgb2dq"}],["path",{d:"m9 16 3-3-3-3",key:"6m91ic"}]]);const tl=ce("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 sl=ce("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 Sf=ce("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 Js=ce("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 kf=ce("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 Nf=ce("Minus",[["path",{d:"M5 12h14",key:"1ays0h"}]]);const Kn=ce("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 Cf=ce("Pencil",[["path",{d:"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",key:"1a8usu"}],["path",{d:"m15 5 4 4",key:"1mk7zo"}]]);const nl=ce("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 rl=ce("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 al=ce("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 Ef=ce("RotateCcw",[["path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",key:"1357e3"}],["path",{d:"M3 3v5h5",key:"1xhq8a"}]]);const ol=ce("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 Zs=ce("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 en=ce("ShieldCheck",[["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 12 2 2 4-4",key:"dzmm74"}]]);const If=ce("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 Tf=ce("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 ot=ce("Sparkles",[["path",{d:"M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z",key:"4pj2yx"}],["path",{d:"M20 3v4",key:"1olli1"}],["path",{d:"M22 5h-4",key:"1gvqau"}],["path",{d:"M4 17v2",key:"vumght"}],["path",{d:"M5 18H3",key:"zchphs"}]]);const Rf=ce("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 Mf=ce("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"}]]),Df=({address:e,showTrustedBadge:t=!1})=>{const s=t?n.jsx(Bn,{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?n.jsxs("span",{children:[n.jsx("span",{className:"text-fg",children:e.displayName}),n.jsxs("span",{className:"text-fg-muted",children:[" ","<",e.normalizedEmail,">"]}),s]}):n.jsxs("span",{className:"text-fg",children:[e.normalizedEmail,s]})},Af=({label:e,addresses:t,showTrustedBadge:s=!1})=>{const[r,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 n.jsx(Df,{address:l,showTrustedBadge:u})};return n.jsxs("div",{className:"flex gap-2 text-sm",children:[n.jsxs("span",{className:"text-fg-muted shrink-0 w-12",children:[e,":"]}),n.jsx("div",{className:"flex-1 min-w-0",children:r?n.jsx("div",{className:"flex flex-wrap gap-1",children:t.map((l,u)=>n.jsxs("span",{children:[i(l),u<t.length-1&&", "]},u))}):n.jsx("div",{className:"truncate",children:t.map((l,u)=>n.jsxs("span",{children:[i(l),u<t.length-1&&", "]},u))})}),o&&n.jsx("button",{type:"button",onClick:l=>{l.stopPropagation(),a(!r)},className:"shrink-0 text-fg-muted hover:text-fg transition-colors","aria-label":r?"Collapse":"Expand",children:r?n.jsx(Mt,{className:"h-4 w-4"}):n.jsx(ps,{className:"h-4 w-4"})})]})},Of=({email:e,displayName:t,onRemove:s,className:r})=>n.jsxs("span",{className:Q("inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-accent-2-soft text-sm max-w-[200px]",r),children:[n.jsx("span",{className:"truncate",children:t||e}),n.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:n.jsx(qe,{className:"size-3"})})]}),Pf={unknown:{label:"Unknown sender",tone:"neutral"},wellknown:{label:"Known sender",tone:"positive"},vip:{label:"VIP",tone:"accent"}};function ts({label:e,children:t,className:s}){return n.jsxs("section",{className:Q("border-b border-line px-row-inset py-3",s),children:[n.jsx("h3",{className:"text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:e}),n.jsx("div",{className:"mt-2",children:t})]})}function Lf({sender:e}){const t=Pf[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 n.jsxs("div",{children:[n.jsxs("div",{className:"flex items-center gap-3",children:[n.jsx(Ze,{name:e.name,email:e.email,size:"md"}),n.jsxs("div",{className:"min-w-0",children:[n.jsx("div",{className:"truncate text-sm font-semibold text-fg",children:e.name}),n.jsx("div",{className:"truncate text-2xs text-fg-subtle",children:e.email})]})]}),n.jsx("div",{className:"mt-2 flex items-center gap-2",children:e.addressUnverified?n.jsx(Xe,{tone:"danger",dot:!0,children:"Address couldn't be verified"}):n.jsx(Xe,{tone:t.tone,dot:!0,children:t.label})}),n.jsxs("p",{className:"mt-2 text-xs text-fg-muted",children:["First seen ",e.firstSeenLabel,s?` · ${s}`:""]})]})}function $f({auth:e,onShowSimilar:t}){if(e.verdict==="aligned")return n.jsxs("div",{className:"flex items-start gap-2 text-xs text-fg-muted",children:[n.jsx(en,{className:"mt-0.5 size-3.5 shrink-0 text-positive"}),n.jsx("span",{children:e.summary})]});if(e.verdict==="caution")return n.jsxs("div",{className:"flex items-start gap-2 rounded-md bg-warning/10 p-3 text-warning",children:[n.jsx(If,{className:"mt-0.5 size-4 shrink-0"}),n.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 n.jsxs("div",{className:"rounded-md bg-danger-soft p-3",children:[n.jsxs("div",{className:"flex items-start gap-2",children:[n.jsx(Zs,{className:"mt-0.5 size-4 shrink-0 text-danger"}),n.jsxs("div",{className:"min-w-0",children:[n.jsx("p",{className:"text-sm font-semibold text-danger",children:s}),n.jsx("p",{className:"mt-1 text-xs leading-relaxed text-fg",children:e.summary}),!e.addressUnreadable&&e.dkimDomain&&n.jsxs("p",{className:"mt-1 text-2xs text-fg-muted",children:["Sent from"," ",n.jsx("code",{className:"rounded bg-surface px-1 py-0.5",children:e.dkimDomain}),", claims to be"," ",n.jsx("code",{className:"rounded bg-surface px-1 py-0.5",children:e.fromDomain})]})]})]}),e.similarCount!=null&&e.similarCount>0&&n.jsxs(Z,{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 ss({icon:e,label:t,active:s,danger:r,onClick:a}){const o=a===void 0;return n.jsxs("button",{type:"button",onClick:a,disabled:o,className:Q("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",r&&!s&&"text-danger hover:bg-danger-soft",o&&"cursor-not-allowed opacity-50 hover:border-line"),children:[e,t]})}const zf={sender:"matched: sender",recipient:"matched: recipient",subject:"matched: subject",attachment:"matched: attachment",body:"matched: body",entities:"matched: entities"};function il({data:e,onClose:t,onShowSimilar:s,actions:r,similarState:a="ready",similarLinkComponent:o,className:i,hideCloseButton:l=!1}){const{sender:u,authenticity:d,category:m,flags:f={},similar:h}=e,x=d.verdict==="mismatch";return n.jsxs("aside",{className:Q("flex w-76 shrink-0 flex-col overflow-y-auto border-l border-line bg-surface",i),children:[n.jsxs("header",{className:"flex h-pane-header shrink-0 items-center justify-between border-b border-line px-row-inset",children:[n.jsx("span",{className:"text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:"Intelligence"}),!l&&n.jsx(Z,{variant:"ghost",size:"sm",icon:n.jsx(qe,{className:"size-3.5"}),onClick:t,"aria-label":"Collapse intelligence sidebar"})]}),n.jsx(ts,{label:"Sender",children:n.jsx(Lf,{sender:u})}),n.jsx(ts,{label:"Authenticity",children:n.jsx($f,{auth:d,onShowSimilar:s})}),n.jsx(ts,{label:"Category",children:n.jsxs("div",{className:"flex items-center gap-2",children:[n.jsx(Xe,{tone:x?"danger":"neutral",children:m.value}),m.overridden&&n.jsx("span",{className:"text-2xs text-fg-subtle",children:"your override"}),n.jsx("button",{type:"button",className:Q("ml-auto text-2xs text-accent hover:underline",!r?.onReclassify&&"cursor-not-allowed opacity-50 hover:no-underline"),disabled:!r?.onReclassify,onClick:r?.onReclassify,children:"reclassify"})]})}),n.jsx(ts,{label:"Quick actions",children:n.jsxs("div",{className:"flex flex-wrap gap-1.5",children:[n.jsx(ss,{icon:n.jsx(At,{className:"size-3.5"}),label:"VIP",active:f.vip,onClick:r?.onToggleVip}),n.jsx(ss,{icon:n.jsx(Gi,{className:"size-3.5"}),label:"Mute",active:f.muted,onClick:r?.onToggleMute}),n.jsx(ss,{icon:n.jsx(yf,{className:"size-3.5"}),label:"Block",active:f.blocked,danger:!0,onClick:r?.onToggleBlock}),n.jsx(ss,{icon:n.jsx(kf,{className:"size-3.5"}),label:"Unsubscribe",active:f.unsubscribed,onClick:r?.onToggleUnsubscribe}),r?.onNotSpam&&n.jsx(ss,{icon:n.jsx(Sf,{className:"size-3.5"}),label:"Not spam",onClick:r.onNotSpam}),r?.onMarkSpam&&n.jsx(ss,{icon:n.jsx(Tf,{className:"size-3.5"}),label:"Mark spam",danger:!0,onClick:r.onMarkSpam})]})}),(a!=="ready"||h.length>0)&&n.jsx(ts,{label:"Similar messages",children:a==="loading"?n.jsx("div",{className:"animate-pulse space-y-2",children:Array.from({length:3}).map((b,g)=>n.jsxs("div",{className:"space-y-1",children:[n.jsx("div",{className:"h-3 w-3/4 rounded bg-surface-sunken"}),n.jsx("div",{className:"h-2.5 w-1/2 rounded bg-surface-sunken"})]},g))}):a==="error"?n.jsx("p",{className:"text-xs text-fg-subtle",children:"Similarity search unavailable"}):n.jsx("ul",{className:"-mx-1 space-y-1",children:h.map(b=>{const g="block w-full rounded-md px-1 py-1 text-left hover:bg-surface-sunken",y=`Open message from ${b.fromName||"unknown sender"}: ${b.subject}`,p=n.jsxs(n.Fragment,{children:[n.jsxs("div",{className:"flex items-baseline justify-between gap-2",children:[n.jsx("span",{className:"truncate text-xs font-medium text-fg",children:b.fromName}),n.jsx("span",{className:"shrink-0 text-2xs text-fg-subtle tabular-nums",children:b.timeLabel})]}),n.jsx("div",{className:"truncate text-xs text-fg-muted",children:b.subject}),n.jsx("span",{className:"mt-1 inline-block rounded-full bg-surface-sunken px-1.5 py-px text-2xs text-fg-subtle",children:zf[b.matched]})]});return n.jsx("li",{children:o?o({mailboxId:b.mailboxId,messageId:b.id,className:g,ariaLabel:y,children:p}):n.jsx("div",{className:g,children:p})},b.id)})})}),n.jsx(ts,{label:"Coming soon",className:"border-b-0 opacity-70",children:n.jsxs("div",{className:"space-y-2",children:[n.jsxs("div",{className:"flex items-start gap-2 rounded-md border border-dashed border-line p-2",children:[n.jsx(ot,{className:"mt-0.5 size-3.5 shrink-0 text-fg-subtle"}),n.jsxs("div",{children:[n.jsx("div",{className:"text-xs font-medium text-fg-muted",children:"Suggested actions"}),n.jsx("div",{className:"text-2xs text-fg-subtle",children:'"Create a filter for messages like this" — on-device model'})]})]}),n.jsxs("div",{className:"flex items-start gap-2 rounded-md border border-dashed border-line p-2",children:[n.jsx(ot,{className:"mt-0.5 size-3.5 shrink-0 text-fg-subtle"}),n.jsxs("div",{children:[n.jsx("div",{className:"text-xs font-medium text-fg-muted",children:"Thread summary"}),n.jsx("div",{className:"text-2xs text-fg-subtle",children:"One-paragraph digest — Bedrock"})]})]})]})})]})}const Ff=[{keys:["j","k"],label:"navigate"},{keys:["m"],label:"mute"},{keys:["?"],label:"all shortcuts"}];function ll({hints:e=Ff,className:t}){return n.jsx("footer",{className:Q("flex items-center gap-2 border-t border-line px-row-inset py-1 text-2xs text-fg-subtle",t),children:e.map(s=>n.jsx(_f,{hint:s},s.label))})}function _f({hint:e}){return n.jsxs("span",{className:"flex items-center gap-1",children:[e.keys.map(t=>n.jsx(ds,{children:t},t)),n.jsx("span",{children:e.label})]})}function Bf(){return n.jsx("div",{className:"space-y-0",role:"status","aria-busy":"true","aria-label":"Loading messages",children:Array.from({length:8}).map((e,t)=>n.jsxs("div",{className:"animate-pulse border-b border-line px-3 py-2",children:[n.jsxs("div",{className:"mb-2 flex items-center justify-between",children:[n.jsx("div",{className:"h-4 w-32 rounded bg-surface-sunken"}),n.jsx("div",{className:"h-3 w-16 rounded bg-surface-sunken"})]}),n.jsx("div",{className:"mb-2 h-4 w-48 rounded bg-surface-sunken"}),n.jsx("div",{className:"h-3 w-full rounded bg-surface-sunken"})]},t))})}function Kf({searchQuery:e}){const t=!!e?.trim();return n.jsx("div",{className:"flex h-full flex-1 items-center justify-center",children:n.jsx("div",{className:"flex flex-col items-center justify-center p-8 text-center",children:n.jsx("p",{className:"text-fg-muted",children:t?"No messages match your search":"No messages in this mailbox"})})})}function qf({message:e="Something went wrong loading this mailbox.",onRetry:t,onReport:s}){return n.jsx("div",{className:"flex h-full flex-1 items-center justify-center p-4",children:n.jsxs("div",{role:"alert",className:"flex max-w-sm flex-col items-center justify-center gap-3 text-center",children:[n.jsx(Wt,{className:"size-8 text-danger","aria-hidden":"true"}),n.jsxs("div",{children:[n.jsx("p",{className:"font-medium text-danger",children:"Couldn't load messages"}),n.jsx("p",{className:"mt-1 break-words text-sm text-fg-muted",children:e})]}),n.jsxs("div",{className:"flex items-center gap-2",children:[t&&n.jsx(Z,{variant:"secondary",size:"sm",onClick:t,children:"Retry"}),s&&n.jsx(Z,{variant:"ghost",size:"sm",onClick:s,children:"Report a problem"})]})]})})}const cl=({active:e,focused:t})=>Q("relative flex h-8 w-full items-center gap-2 px-row-inset text-left",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"),ws=({active:e,focused:t})=>Q("relative flex w-full items-start gap-3 py-2 pl-5 pr-row-inset text-left transition-colors",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 ul({thread:e}){const t=!e.isRead;return n.jsxs(n.Fragment,{children:[n.jsx("span",{className:"flex w-4 shrink-0 items-center justify-center",children:e.suspicious?n.jsx(Zs,{className:"size-3.5 text-danger"}):e.starred?n.jsx(At,{className:"size-3 fill-warning text-warning"}):t?n.jsx("span",{className:"size-1.5 rounded-full bg-accent"}):null}),n.jsx("span",{className:Q("w-36 shrink-0 truncate text-xs",t?"font-semibold text-fg":"text-fg-muted"),children:e.fromName}),n.jsxs("span",{className:"min-w-0 flex-1 truncate text-xs",children:[n.jsx("span",{className:Q(t?"font-medium text-fg":"text-fg-muted"),children:e.subject}),n.jsxs("span",{className:"text-fg-subtle",children:[" — ",e.snippet]})]}),e.hasAttachment&&n.jsx(Kn,{className:"size-3 shrink-0 text-fg-subtle"}),n.jsx("span",{className:"w-11 shrink-0 text-right text-2xs text-fg-subtle tabular-nums",children:e.timeLabel})]})}function Qt({thread:e,badge:t}){const s=!e.isRead;return n.jsxs("span",{className:"min-w-0 flex-1",children:[n.jsxs("span",{className:"flex items-baseline justify-between gap-2",children:[n.jsxs("span",{className:Q("flex min-w-0 items-center gap-1.5 truncate text-sm",s?"font-semibold text-fg":"font-medium text-fg-muted"),children:[e.trust==="vip"&&n.jsx("span",{className:"size-1.5 shrink-0 rounded-full bg-accent-2"}),n.jsx("span",{className:"truncate",children:e.fromName}),e.messageCount!=null&&e.messageCount>1&&n.jsx("span",{className:"shrink-0 text-2xs font-normal text-fg-subtle",children:e.messageCount})]}),n.jsx("span",{className:"shrink-0 text-2xs text-fg-subtle tabular-nums",children:e.timeLabel})]}),n.jsxs("span",{className:"flex items-center gap-1.5",children:[n.jsx("span",{className:Q("truncate text-sm",s?"text-fg":"text-fg-muted"),children:e.subject}),e.suspicious&&n.jsx(Zs,{className:"size-3.5 shrink-0 text-danger"}),e.starred&&n.jsx(At,{className:"size-3 shrink-0 fill-warning text-warning"}),e.hasAttachment&&n.jsx(Kn,{className:"size-3 shrink-0 text-fg-subtle"})]}),n.jsxs("span",{className:"flex items-center gap-1.5",children:[n.jsx("span",{className:"line-clamp-1 min-w-0 flex-1 text-xs text-fg-subtle",children:e.snippet}),e.category&&e.category!=="personal"&&n.jsx(Xe,{tone:Nu[e.category],className:"shrink-0",children:e.category}),t]})]})}function Uf({thread:e}){const t=!e.isRead;return n.jsxs(n.Fragment,{children:[t&&n.jsx("span",{className:"absolute left-1.5 top-1/2 size-1.5 -translate-y-1/2 rounded-full bg-accent"}),n.jsx(Ze,{name:e.fromName,email:e.fromEmail,size:"sm"}),n.jsx(Qt,{thread:e})]})}function Hf({thread:e,active:t,onClick:s}){return n.jsx("button",{type:"button",onClick:s,className:cl({active:t}),children:n.jsx(ul,{thread:e})})}function dl({thread:e,active:t,onClick:s}){return n.jsx("button",{type:"button",onClick:s,className:ws({active:t}),children:n.jsx(Uf,{thread:e})})}const Qf="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",Xa="pointer-events-none absolute inset-0 m-auto size-3.5 text-accent-fg";function xa({label:e,description:t,indeterminate:s=!1,checked:r,onChange:a,className:o,...i}){const l=c.useRef(null);c.useEffect(()=>{l.current&&(l.current.indeterminate=s)},[s]);const u=n.jsxs("span",{className:"relative inline-flex",children:[n.jsx("input",{ref:l,type:"checkbox",checked:r,onChange:a,className:Qf,...i}),n.jsx(Gs,{className:Q(Xa,"hidden peer-checked:block"),"aria-hidden":!0}),n.jsx(Nf,{className:Q(Xa,"hidden peer-indeterminate:block"),"aria-hidden":!0})]});return e===void 0&&t===void 0?n.jsx("span",{className:o,children:u}):n.jsxs("label",{className:Q("flex min-h-11 cursor-pointer items-center gap-3 text-left",o),children:[u,n.jsxs("span",{className:"flex min-w-0 flex-col",children:[e!==void 0&&n.jsx("span",{className:"text-sm text-fg",children:e}),t!==void 0&&n.jsx("span",{className:"text-xs text-fg-subtle",children:t})]})]})}const Wf={info:"bg-accent-2",success:"bg-positive",warning:"bg-warning",danger:"bg-danger"};function Vf({value:e,max:t,tone:s="info",indeterminate:r=!1,className:a}){const o=r?100:t<=0?0:Math.min(100,Math.max(0,e/t*100));return n.jsx("div",{role:"progressbar","aria-valuenow":r?void 0:e,"aria-valuemin":r?void 0:0,"aria-valuemax":r?void 0:t,className:Q("h-1.5 w-full overflow-hidden rounded-full bg-surface-sunken",a),children:n.jsx("div",{className:Q("h-full rounded-full transition-[width] duration-300 ease-out",Wf[s],r&&"w-1/3 animate-pulse"),style:r?void 0:{width:`${o}%`}})})}const Ja=e=>e.toLocaleString();function fl({count:e,onCancel:t,onMarkRead:s,onDelete:r,moveSlot:a,isBusy:o=!1,isCounting:i=!1,selectAll:l,statusLabel:u,progress:d,notice:m}){const f=l?.checked?`All ${Ja(e)} loaded selected`:`${Ja(e)} ${e===1?"message":"messages"} selected`;return n.jsxs("header",{className:"flex shrink-0 flex-col border-b border-line bg-surface-sunken",children:[n.jsxs("div",{className:"flex h-pane-header items-center gap-2 px-row-inset",children:[n.jsx(Z,{variant:"ghost",size:"touch",icon:n.jsx(qe,{className:"size-4"}),onClick:t,"aria-label":"Cancel selection",className:"-ml-2 shrink-0"}),l&&n.jsx("label",{className:"-ml-1.5 flex size-11 shrink-0 cursor-pointer items-center justify-center",children:n.jsx(xa,{"aria-label":"Select all",checked:l.checked,indeterminate:l.indeterminate,onChange:l.onChange})}),n.jsx("span",{className:"min-w-0 flex-1 truncate text-sm font-medium text-fg",role:"status","aria-live":"polite",children:u??f}),s&&!o&&n.jsx(Z,{variant:"ghost",size:"touch",icon:n.jsx(Js,{className:"size-4"}),onClick:s,"aria-label":"Mark as read",className:"shrink-0"}),a,!i&&n.jsx(Z,{variant:"ghost",size:"touch",icon:o?n.jsx(Gt,{className:"size-4 animate-spin"}):n.jsx(it,{className:"size-4 text-danger"}),onClick:o?void 0:r,"aria-label":"Move selected messages to Trash","aria-busy":o||void 0,className:"ml-4 shrink-0"})]}),d&&n.jsx("div",{className:"px-row-inset pb-2",children:n.jsx(Vf,{value:d.value,max:d.max,tone:d.tone})}),m&&n.jsx(Qs,{tone:m.tone,variant:"soft",role:"status","aria-live":"polite",className:"mx-row-inset mb-2",children:n.jsxs("div",{className:"flex items-center justify-between gap-2",children:[m.text&&n.jsx("span",{children:m.text}),m.action&&n.jsx(Z,{variant:"ghost",size:"md",onClick:m.action.onClick,className:"-my-1 min-h-11 shrink-0",children:m.action.label})]})})]})}function ml({onLongPress:e,isDisabled:t,delayMs:s=500,accessibilityDescription:r}){return bf({isDisabled:t,threshold:s,accessibilityDescription:r,onLongPress:e})}const gs=72,Za=10,eo="__swipeableRowAxisCancel";function to(e){return e==="leading"?gs:e==="trailing"?-gs:0}function Yf(e){return e>=gs/2?"leading":e<=-gs/2?"trailing":"none"}function hl({thread:e,selectionMode:t,checked:s,active:r,peek:a,onPeek:o,onToggleCheck:i,onLongPress:l,onOpen:u,onAct:d,linkComponent:m}){const f=c.useRef(null),[h,x]=c.useState(null),{longPressProps:b}=ml({onLongPress:l,isDisabled:t,accessibilityDescription:"Select message"}),g=E=>{const S=new PointerEvent("pointercancel",{bubbles:!0});S[eo]=!0,E.currentTarget.dispatchEvent(S)},j=Xs(b,{onPointerDown:E=>{f.current={startX:E.clientX,startY:E.clientY,axis:"none",moved:!1}},onPointerMove:E=>{if(t)return;const S=f.current;if(!S)return;const I=E.clientX-S.startX,P=E.clientY-S.startY;if(S.axis==="none"){if(Math.abs(P)>Za&&Math.abs(P)>Math.abs(I)){S.axis="vertical",g(E),f.current=null;return}Math.abs(I)>Za&&(S.axis="horizontal",S.moved=!0,g(E),E.currentTarget.setPointerCapture(E.pointerId))}if(S.axis!=="horizontal")return;const D=to(a),B=Math.max(-gs,Math.min(gs,D+I));x(B)},onPointerUp:()=>{const E=f.current;f.current=null;const S=h;if(x(null),!!E){if(E.axis==="horizontal"&&S!==null){o(Yf(S));return}if(t){i();return}if(a!=="none"){o("none");return}m||u()}},onPointerCancel:E=>{E.nativeEvent[eo]||(f.current=null,x(null))}}),T=E=>{a!=="none"&&E.preventDefault()},N=h??to(a),k=N>0?"leading":N<0?"trailing":"none",C=Q("relative touch-pan-y bg-surface","select-none [-webkit-touch-callout:none]",ws({active:s||r})),R={transform:N!==0?`translateX(${N}px)`:void 0,transition:h===null?"transform 150ms ease":"none",minHeight:44},O=!e.isRead,M=E=>E.stopPropagation(),L=t?n.jsxs(n.Fragment,{children:[n.jsx("span",{className:Q("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&&n.jsx(Gs,{className:"size-3.5"})}),n.jsx(Qt,{thread:e})]}):n.jsxs(n.Fragment,{children:[O&&n.jsx("span",{className:"absolute left-1.5 top-1/2 size-1.5 -translate-y-1/2 rounded-full bg-accent"}),n.jsx("button",{type:"button",role:"checkbox","aria-checked":s,"aria-label":`Select message from ${e.fromName}`,onPointerDown:M,onPointerMove:M,onPointerUp:M,onClick:E=>{E.preventDefault(),E.stopPropagation(),l()},className:"inline-flex size-7 shrink-0 items-center justify-center rounded-full",children:n.jsx(Ze,{name:e.fromName,email:e.fromEmail,size:"sm"})}),n.jsx(Qt,{thread:e})]});return n.jsxs("div",{className:"relative overflow-hidden",children:[k==="leading"&&n.jsx("button",{type:"button",onClick:()=>d("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?n.jsx(Pi,{className:"size-6"}):n.jsx(Js,{className:"size-6"})}),k==="trailing"&&n.jsx("button",{type:"button",onClick:()=>d("trailing"),"aria-label":"Delete message",className:"absolute inset-y-0 right-0 flex items-center justify-end bg-danger px-6 text-canvas",children:n.jsx(it,{className:"size-6"})}),m&&!t?m({...j,className:C,style:R,onOpenClick:T,children:L}):n.jsx("button",{type:"button",role:t?"checkbox":void 0,"aria-checked":t?s:void 0,...j,className:C,style:R,children:L})]})}function Gf({sections:e,selectedThreadId:t,selectionMode:s,checkedIds:r,initialPeek:a,onToggleCheck:o,onEnterSelection:i,onOpenThread:l,onRefresh:u,refreshing:d,busy:m=!1}){const[f,h]=c.useState(()=>e.flatMap(y=>y.threads)),[x,b]=c.useState(a&&a!=="none"&&f[1]?{id:f[1].id,side:a}:null),g=(y,p)=>{h(p==="trailing"?v=>v.filter(w=>w.id!==y):v=>v.map(w=>w.id===y?{...w,isRead:!w.isRead}:w)),b(null)};return n.jsxs("div",{className:"flex-1 overflow-y-auto",children:[d&&n.jsxs("div",{className:"flex items-center justify-center gap-2 border-b border-line py-3 text-fg-muted",children:[n.jsx(nl,{className:"size-4 animate-spin"}),n.jsx("span",{className:"text-xs",children:"Checking for new mail…"})]}),n.jsx("div",{className:"divide-y divide-line",children:f.map(y=>n.jsx("div",{className:m?"pointer-events-none opacity-50":void 0,children:n.jsx(hl,{thread:y,selectionMode:s,checked:r.has(y.id),active:y.id===t,peek:x?.id===y.id?x.side:"none",onPeek:p=>b(p==="none"?null:{id:y.id,side:p}),onToggleCheck:()=>o(y.id),onLongPress:()=>i(y.id),onOpen:()=>l(y.id),onAct:p=>g(y.id,p)})},y.id))}),!s&&!d&&!m&&n.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 pl({listTitle:e,listMeta:t,sections:s,briefFilters:r,flatList:a,listState:o="ready",searchQuery:i,errorMessage:l,onRetry:u,onReportError:d,briefCategory:m,selectedThreadId:f,density:h="comfortable",onSelectThread:x,onSelectBriefCategory:b,onOpenNav:g,isDesktop:y,initialTouchState:p,selectionBar:v,listBody:w,hideHeader:j=!1}){const T=h==="compact"?Hf:dl,N=!y&&!r&&o==="ready",k=s.flatMap(q=>q.threads),[C,R]=c.useState(p==="selection"),[O,M]=c.useState(()=>p==="selection"?new Set(k.slice(0,2).map(q=>q.id)):new Set),[L,E]=c.useState(!1),S=p==="peek-trailing"?"trailing":p==="peek-leading"?"leading":void 0,I=q=>{M(U=>{const ee=new Set(U);return ee.has(q)?ee.delete(q):ee.add(q),ee.size===0&&R(!1),ee})},P=q=>{R(!0),M(new Set([q]))},D=()=>{R(!1),M(new Set)},B=()=>{E(!0),setTimeout(()=>E(!1),1400)},A=!v&&N&&C&&O.size>0;return n.jsxs("section",{className:"flex h-full w-full flex-col bg-surface",children:[v??(A?n.jsx(fl,{count:O.size,onCancel:D,onMarkRead:D,onDelete:D}):j?null:n.jsxs("header",{className:"flex h-pane-header shrink-0 items-center gap-2 border-b border-line px-row-inset",children:[g&&n.jsx(Z,{variant:"ghost",size:"sm",icon:n.jsx(da,{className:"size-4"}),onClick:g,"aria-label":"Open folders",className:"-ml-1 shrink-0"}),n.jsx("h1",{className:"min-w-0 flex-1 truncate text-sm font-semibold text-fg",children:e}),t&&n.jsx("span",{className:"shrink-0 text-2xs text-fg-subtle",children:t})]})),o==="loading"?n.jsx("div",{className:"flex-1 overflow-y-auto",children:n.jsx(Bf,{})}):o==="empty"?n.jsx(Kf,{searchQuery:i}):o==="error"?n.jsx(qf,{message:l,onRetry:u,onReport:d}):r?n.jsx(pi,{sections:s,briefCategory:m,selectedThreadId:f,Row:T,onSelectThread:x,onSelectBriefCategory:b}):w??(N?n.jsx(Gf,{sections:s,selectedThreadId:f,selectionMode:C,checkedIds:O,initialPeek:S,onToggleCheck:I,onEnterSelection:P,onOpenThread:q=>x?.(q),onRefresh:B,refreshing:L}):n.jsx("div",{className:"flex-1 overflow-y-auto",children:s.map(q=>n.jsxs("div",{children:[!a&&q.label&&n.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:[n.jsx("span",{className:"text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:q.label}),n.jsx("span",{className:"text-2xs text-fg-subtle tabular-nums",children:q.threads.length})]}),n.jsx("div",{className:"divide-y divide-line",children:q.threads.map(U=>n.jsx(T,{thread:U,active:U.id===f,onClick:()=>x?.(U.id)},U.id))})]},q.id))})),y&&n.jsx(ll,{})]})}function Xf({triggerLabel:e,triggerIcon:t,items:s,align:r="end",touch:a=!0,className:o}){const[i,l]=c.useState(!1),u=c.useRef(null);return c.useEffect(()=>{if(!i)return;const d=f=>{u.current&&!u.current.contains(f.target)&&l(!1)},m=f=>{f.key==="Escape"&&l(!1)};return document.addEventListener("mousedown",d),document.addEventListener("keydown",m),()=>{document.removeEventListener("mousedown",d),document.removeEventListener("keydown",m)}},[i]),s.length===0?null:n.jsxs("div",{ref:u,className:Q("relative",o),children:[n.jsx(Z,{variant:"ghost",size:"sm",icon:t??n.jsx(Zi,{className:"size-5"}),onClick:()=>l(d=>!d),"aria-label":e,"aria-haspopup":"menu","aria-expanded":i,className:Q(a&&"min-h-11 min-w-11 px-0")}),i&&n.jsx("div",{role:"menu",className:Q("absolute top-full z-50 mt-1 flex min-w-44 flex-col rounded-md border border-line bg-surface py-1 shadow-lg",r==="end"?"right-0":"left-0"),children:s.map(d=>n.jsxs("button",{type:"button",role:"menuitem",onClick:()=>{l(!1),d.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:[d.icon&&n.jsx("span",{className:"shrink-0 text-fg-subtle",children:d.icon}),d.label]},d.key))})]})}const Ms="min-h-11 min-w-11 px-0";function gl({hasThread:e,onReply:t,onReplyAll:s,onForward:r,isStarred:a,onToggleStar:o,onDelete:i,isRead:l,onToggleRead:u,moveSlot:d,overflowItems:m=[],onUnavailable:f,unavailableHint:h,className:x}){const b=(y,p)=>()=>{if(!e){f?.(y);return}p?.()},g=u?[{key:"toggle-read",label:l?"Mark as unread":"Mark as read",icon:l?n.jsx(Pi,{className:"size-4"}):n.jsx(Js,{className:"size-4"}),onSelect:b("toggleRead",u)}]:[];return n.jsxs("div",{className:Q("relative",x),children:[n.jsxs("div",{className:"flex h-12 shrink-0 items-center gap-0.5 border-y border-line bg-canvas px-1",children:[n.jsx(Z,{variant:"ghost",size:"sm",icon:n.jsx(al,{className:"size-5"}),onClick:b("reply",t),"aria-label":"Reply",title:"Reply",className:Ms}),n.jsx(Z,{variant:"ghost",size:"sm",icon:n.jsx(rl,{className:"size-5"}),onClick:b("replyAll",s),"aria-label":"Reply all",title:"Reply all",className:Ms}),n.jsx(Z,{variant:"ghost",size:"sm",icon:n.jsx(tl,{className:"size-5"}),onClick:b("forward",r),"aria-label":"Forward",title:"Forward",className:Ms}),n.jsx("div",{className:"flex-1"}),n.jsx(Z,{variant:"ghost",size:"sm",icon:n.jsx(At,{className:Q("size-5",a&&"fill-warning text-warning")}),onClick:b("star",o),"aria-label":a?"Unstar":"Star","aria-pressed":a,title:a?"Unstar":"Star",className:Ms}),d,n.jsx(Z,{variant:"ghost",size:"sm",icon:n.jsx(it,{className:"size-5"}),onClick:b("delete",i),"aria-label":"Move to Trash",title:"Move to Trash",className:Ms}),n.jsx(Xf,{triggerLabel:"More actions",items:[...g,...m]})]}),!e&&h&&n.jsx("p",{role:"status",className:"border-b border-line bg-surface-sunken px-3 py-1 text-2xs text-fg-subtle",children:h})]})}function Jf({open:e=!1,enabled:t=!0,onToggle:s,className:r}){return n.jsx(Z,{variant:"ghost",size:"sm",icon:n.jsx(gi,{className:"size-4"}),title:"Intelligence","aria-label":e?"Hide intelligence sidebar":"Show intelligence sidebar","aria-pressed":e,disabled:!t,onClick:s,className:Q(e&&"bg-accent-2-soft text-accent-2",r)})}function Zf({hasThread:e,onUnavailable:t,unavailableHint:s,isStarred:r,showTriage:a=!0,onReply:o,onReplyAll:i,onForward:l,onDelete:u,onToggleStar:d,moveSlot:m,onMove:f,replyTitle:h="Reply (r)",replyAllTitle:x="Reply all (a)",forwardTitle:b="Forward (f)",deleteTitle:g="Move to Trash (#)",flagTitle:y="Star (s)",children:p,className:v}){const w=(j,T)=>()=>{if(!e){t?.(j);return}T?.()};return n.jsxs("div",{className:"relative",children:[n.jsxs("header",{className:Q("flex h-pane-header shrink-0 items-center gap-1 border-b border-line bg-surface px-3",v),children:[n.jsx(Z,{variant:"ghost",size:"sm",icon:n.jsx(al,{className:"size-4"}),title:h,"aria-label":"Reply",onClick:w("reply",o)}),n.jsx(Z,{variant:"ghost",size:"sm",icon:n.jsx(rl,{className:"size-4"}),title:x,"aria-label":"Reply all",onClick:w("replyAll",i)}),n.jsx(Z,{variant:"ghost",size:"sm",icon:n.jsx(tl,{className:"size-4"}),title:b,"aria-label":"Forward",onClick:w("forward",l)}),a&&n.jsxs(n.Fragment,{children:[n.jsx("span",{className:"mx-1 h-4 w-px bg-line","aria-hidden":!0}),n.jsx(Z,{variant:"ghost",size:"sm",icon:n.jsx(it,{className:"size-4"}),title:g,"aria-label":"Move to Trash",onClick:w("delete",u)}),m??n.jsx(Z,{variant:"ghost",size:"sm",icon:n.jsx(el,{className:"size-4"}),title:"Move to mailbox","aria-label":"Move to mailbox",onClick:w("move",f)}),n.jsx(Z,{variant:"ghost",size:"sm",icon:n.jsx(At,{className:Q("size-4",r&&"fill-warning text-warning")}),title:y,"aria-label":"Star",onClick:w("flag",d)})]}),n.jsx("div",{className:"flex-1"}),p]}),!e&&s&&n.jsx("p",{role:"status",className:"border-b border-line bg-surface-sunken px-3 py-1 text-2xs text-fg-subtle",children:s})]})}const em=(e,t)=>{const r=e==="newsletter"||e==="marketing"||t;return{framed:r,isPlain:!r}},tm=()=>`
|
|
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
|
-
`,sm=e=>{const t=new Map;for(const s of e){if(!s.contentId||s.contentUrl.length===0)continue;const r=s.contentId.replace(/^<|>$/g,"");t.set(r,s.contentUrl)}return s=>t.get(s.replace(/^<|>$/g,""))},nm=/^(none|transparent|inherit|initial|unset)\s*$/i,rm=e=>{const t=[],s=/<style[^>]*>([\s\S]*?)<\/style>/gi;let r;for(r=s.exec(e);r!==null;)t.push(r[1]),r=s.exec(e);return t},am=e=>{const t=/background(?:-color)?\s*:\s*([^;}\n]+)/gi;let s;for(s=t.exec(e);s!==null;){const r=s[1].trim();if(!nm.test(r))return!0;s=t.exec(e)}return!1},om=e=>{if(/\bstyle\s*=\s*["'][^"']*background/i.test(e)||/\bbgcolor\s*=/i.test(e))return!0;for(const t of rm(e))if(am(t))return!0;return!1},im=["script","iframe","object","embed","form","input","button","textarea","select","meta","link","base"],lm=["onerror","onload","onclick","onmouseover","onmouseout","onfocus","onblur","onsubmit","onkeydown","onkeyup","formaction","xlink:href","data-bind"],cm="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
|
-
`),um=e=>e.replace(/url\s*\([^)]*\)/gi,"none").replace(/expression\s*\([^)]*\)/gi,"").replace(/-moz-binding\s*:[^;]*/gi,""),dm=e=>e.replace(/@import[^;]*;/gi,"/* @import blocked */").replace(/url\s*\([^)]*\)/gi,"none").replace(/expression\s*\([^)]*\)/gi,"").replace(/-moz-binding\s*:[^;]*/gi,""),fm=(e={})=>{const t=xi(),s={FORBID_TAGS:im,FORBID_ATTR:lm,ALLOW_DATA_ATTR:!1,ALLOW_UNKNOWN_PROTOCOLS:!1};return t.addHook("afterSanitizeAttributes",r=>{if(r.tagName==="IMG"){const a=r.getAttribute("src")||"";if(a.startsWith("data:"))return;if(a.startsWith("cid:")){const i=a.slice(4).replace(/^<|>$/g,""),l=e.resolveCid?.(i);l&&(r.setAttribute("src",l),r.classList.add("inline-content"));return}e.allowExternalImages||(r.setAttribute("data-blocked-src",a),r.setAttribute("src",cm),r.setAttribute("alt","[Blocked image]"),r.classList.add("blocked-image"))}if(r.tagName==="A"){const a=r.getAttribute("href")||"";if(/^(javascript|data):/i.test(a)){r.removeAttribute("href");return}r.setAttribute("target","_blank"),r.setAttribute("rel","noopener noreferrer nofollow"),r.classList.add("external-link")}if(r.hasAttribute("style")){const a=r.getAttribute("style")||"";r.setAttribute("style",um(a))}}),t.addHook("uponSanitizeElement",(r,a)=>{if(a.tagName==="style"){const o=r.textContent||"";r.textContent=dm(o)}}),r=>{const a=om(r),o=t.sanitize(r,s);return{html:`<style>${tm()}</style>${o}`,hasAuthorBackground:a}}},mm='"Geist Variable", "Geist", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',so={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)"}},hm=/prefers-color-scheme\s*:\s*dark|color-scheme\s*:\s*[^;}"']*\bdark\b/i,no='<meta name="viewport" content="width=device-width, initial-scale=1">',pm=e=>{const t=e?so.dark:so.light;return`
|
|
54
|
-
/* Plain-email base: UI font-stack + theme-aware colors (#424) */
|
|
55
|
-
html, body {
|
|
56
|
-
font-family: ${mm};
|
|
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
|
-
`},gm=(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}",xm=(e,t,s)=>{if(t==="plain")return`${no}<style>${pm(s)}</style>${e}`;const r=hm.test(e);return`${no}<style>${gm(s,r)}</style>${e}`},bm=5e4,vm=1e4,ym="(max-width: 640px)",wm=.4,jm="allow-same-origin allow-popups allow-popups-to-escape-sandbox",ro=(e,t,s)=>Math.min(Math.ceil(Math.max(e,t)),s),Sm=(e,t)=>e<=0||t<=0||e<=t?1:Math.max(wm,t/e),km=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 r=window.matchMedia(e);s(r.matches);const a=o=>s(o.matches);return r.addEventListener("change",a),()=>r.removeEventListener("change",a)},[e]),t},Nm=new Set(["Enter","Escape","ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End"]),Cm=e=>e===" "?!1:e.length===1?!0:Nm.has(e),ao=e=>{if(e.metaKey||e.ctrlKey||e.altKey||!Cm(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}))},oo=({html:e,variant:t="framed",isDark:s=!1,className:r})=>{const a=c.useRef(null),o=c.useRef(null),[i,l]=c.useState(0),[u,d]=c.useState(0),[m,f]=c.useState(0),h=km(ym),x=c.useMemo(()=>xm(e,t,s),[e,t,s]);c.useEffect(()=>{const w=a.current;if(!w)return;const j=()=>f(N=>N===w.clientWidth?N:w.clientWidth);j();const T=new ResizeObserver(j);return T.observe(w),()=>T.disconnect()},[]),c.useEffect(()=>{const w=o.current;if(!w)return;const j=()=>{const C=w.contentDocument;if(!C?.body)return;const R=C.documentElement,O=ro(C.body.scrollHeight,R?.scrollHeight??0,bm);l(L=>L===O?L:O);const M=ro(C.body.scrollWidth,R?.scrollWidth??0,vm);d(L=>L===M?L:M)};let T,N;const k=()=>{j();const C=w.contentDocument;C?.body&&(T=new ResizeObserver(j),T.observe(C.body),C.documentElement&&T.observe(C.documentElement),C.addEventListener("keydown",ao),N=C)};return w.addEventListener("load",k),()=>{w.removeEventListener("load",k),N?.removeEventListener("keydown",ao),T?.disconnect()}},[]);const b=h?Sm(u,m):1,g=b<1,y=g?`${u}px`:h?"100%":t==="framed"&&u>0?`max(100%, ${u}px)`:u===0?"100%":`${u}px`,p=i===0?"1px":`${i}px`,v=n.jsx("iframe",{ref:o,title:"Email content",sandbox:jm,srcDoc:x,className:g?void 0:r,scrolling:"no",style:{width:y,maxWidth:g?"none":void 0,border:"none",display:"block",height:p,overflow:"hidden",transform:g?`scale(${b})`:void 0,transformOrigin:g?"top left":void 0,colorScheme:"normal"}});return n.jsx("div",{ref:a,className:g?r:void 0,children:g?n.jsx("div",{style:{width:"100%",height:`${Math.ceil(i*b)}px`,overflow:"hidden"},children:v}):v})},io=()=>n.jsx("p",{className:"text-fg-muted text-sm italic",children:"This message has no body content."}),xl=({html:e,text:t,isDark:s=!1,category:r,allowImages:a=!1,resolveCid:o,className:i,renderBlockedNotice:l})=>{const u=c.useMemo(()=>!e||typeof document>"u"?null:fm({allowExternalImages:a,resolveCid:o})(e),[e,a,o]),d=u?.html??null,{framed:m,isPlain:f}=em(r,u?.hasAuthorBackground??!1),h=c.useMemo(()=>!d||a?0:(d.match(/data-blocked-src/g)||[]).length,[d,a]);return!d&&!t?n.jsx("div",{className:Q("message-body",i),children:n.jsx(io,{})}):n.jsxs("div",{className:Q("message-body",i),children:[h>0&&l?.(h),d?m?n.jsx("div",{className:"w-full max-w-full overflow-x-auto",children:n.jsx(oo,{html:d,variant:"framed",isDark:s})}):n.jsx("div",{className:"max-w-full overflow-x-auto lg:max-w-2xl",children:n.jsx(oo,{html:d,variant:f?"plain":"framed",isDark:s})}):t?n.jsx("pre",{className:"email-text whitespace-pre-wrap text-sm leading-relaxed",children:t}):n.jsx(io,{})]})};function js({message:e="Select a thread to read",icon:t,showHints:s=!0,className:r}){return n.jsxs("div",{className:Q("flex flex-1 flex-col items-center justify-center text-center",r),children:[t??n.jsx(Jr,{className:"size-10 text-fg-subtle"}),n.jsx("p",{className:"mt-3 text-sm text-fg-muted",children:e}),s&&n.jsxs("p",{className:"text-2xs text-fg-subtle",children:[n.jsx(ds,{children:"j"})," / ",n.jsx(ds,{children:"k"})," to move, ",n.jsx(ds,{children:"Enter"})," to open"]})]})}function bl({message:e,onClick:t,isFocused:s,isUnread:r,trailing:a}){const o=n.jsxs(n.Fragment,{children:[n.jsx(ps,{className:"size-3.5 shrink-0 text-fg-subtle"}),n.jsxs("div",{className:"relative shrink-0",children:[n.jsx(Ze,{name:e.fromName,email:e.fromEmail,size:"md"}),r&&n.jsx("span",{className:"absolute -top-0.5 -right-0.5 size-2 rounded-full border border-canvas bg-accent"})]}),n.jsx("span",{className:Q("w-36 shrink-0 truncate text-sm",r?"font-semibold text-fg":"font-medium text-fg-muted"),children:e.fromName}),n.jsx("span",{className:"min-w-0 flex-1 truncate text-xs text-fg-subtle",children:e.snippet}),a??n.jsx("span",{className:"shrink-0 text-2xs text-fg-subtle tabular-nums",children:e.dateLabel})]}),i=Q("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?n.jsx("div",{role:"button",tabIndex:0,"aria-expanded":!1,onClick:t,onKeyDown:l=>{Cu(l)&&(l.preventDefault(),t())},className:Q(i,"cursor-pointer"),children:o}):n.jsx("div",{className:i,children:o})}function vl({message:e,warning:t,onHeaderClick:s,isFocused:r,senderBadge:a,trailing:o,to:i,indicators:l,actionMenu:u,actionBar:d,body:m}){const f=n.jsxs(n.Fragment,{children:[n.jsxs("div",{className:"flex items-baseline justify-between gap-2",children:[n.jsxs("span",{className:"text-sm font-semibold text-fg",children:[e.fromName,a]}),o??n.jsx("span",{className:"text-2xs text-fg-subtle",children:e.dateLabel})]}),n.jsx("div",{className:"text-xs text-fg-subtle",children:e.fromEmail}),i!==null&&n.jsx("div",{className:"text-xs text-fg-subtle",children:i??n.jsxs(n.Fragment,{children:["to ",e.toLabel]})})]});return n.jsxs("div",{className:Q("px-2 py-3 lg:px-4",r&&"ring-1 ring-inset ring-accent/30"),children:[n.jsxs("div",{className:"flex items-start gap-3",children:[n.jsx(Mt,{className:"mt-1 size-3.5 shrink-0 text-fg-subtle"}),n.jsx(Ze,{name:e.fromName,email:e.fromEmail,size:"md"}),n.jsxs("div",{className:"min-w-0 flex-1",children:[s?n.jsx("button",{type:"button",onClick:s,className:"w-full text-left",children:f}):f,l]}),u&&n.jsx("div",{className:"shrink-0",children:u})]}),t&&n.jsxs("div",{className:"mt-3 flex items-start gap-3 rounded-md bg-danger-soft p-3",children:[n.jsx(Zs,{className:"mt-0.5 size-4 shrink-0 text-danger"}),n.jsxs("div",{className:"text-sm text-fg",children:[n.jsx("span",{className:"font-semibold text-danger",children:"Caution: "}),t," ",n.jsx("button",{type:"button",className:"text-accent underline",children:"Why?"})]})]}),d&&n.jsx("div",{className:"mt-3 -mx-2 lg:-mx-4",children:d}),m??n.jsx(xl,{className:"mt-3",html:e.bodyHtml,category:e.framed?"newsletter":"personal",allowImages:!0})]})}function Em({thread:e,onBack:t,intelligence:s,intelligenceOpen:r,onToggleIntelligence:a,actions:o,children:i,touchHandlers:l}){const[u,d]=c.useState(!1),m=a!==void 0,f=m?r??!1:u,h=!!s||m,x=()=>{if(m){a?.();return}d(g=>!g)},b=()=>{if(m){f&&a?.();return}d(!1)};return n.jsxs("article",{className:"flex h-full w-full min-w-0 flex-col bg-canvas",children:[n.jsxs("header",{className:"flex h-pane-header shrink-0 items-center gap-2 border-b border-line bg-surface px-row-inset",children:[n.jsx(Z,{variant:"ghost",size:"sm",icon:n.jsx(Yi,{className:"size-4"}),onClick:t,"aria-label":"Back to messages",className:"-ml-1 shrink-0"}),n.jsx("h2",{className:"min-w-0 flex-1 truncate text-sm font-semibold text-fg",children:e.subject}),h&&n.jsx(Z,{variant:"ghost",size:"sm",icon:n.jsx(gi,{className:"size-4"}),onClick:x,"aria-label":f?"Hide intelligence panel":"Show intelligence panel","aria-pressed":f,title:"Intelligence",className:Q("shrink-0",f&&"bg-accent-2-soft text-accent-2")})]}),n.jsx("div",{className:"flex-1 overflow-y-auto",style:l?{touchAction:"pan-y"}:void 0,...l,children:i??e.messages.map(g=>{const y=p=>p?()=>p(g.id):void 0;return g.expanded?n.jsx(vl,{message:g,warning:e.warning,onHeaderClick:y(o?.onToggleExpand),actionBar:n.jsx(gl,{hasThread:!0,onReply:y(o?.onReply),onReplyAll:y(o?.onReplyAll),onForward:y(o?.onForward),onToggleStar:y(o?.onToggleStar),onDelete:y(o?.onDelete),onToggleRead:y(o?.onToggleRead),moveSlot:o?.moveSlot?.(g.id)})},g.id):n.jsx(bl,{message:g,onClick:y(o?.onToggleExpand)},g.id)})}),s&&!m&&n.jsx(bi,{open:f,onClose:b,title:"Intelligence",anchor:"right",className:"p-0",children:n.jsx(il,{data:s,onClose:b,className:"h-full w-full border-l-0"})})]})}function Im({active:e,dimmed:t,indent:s}){return Q("flex w-full items-center gap-2 rounded-md px-2 py-1 text-left text-sm transition-colors",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 Tm({icon:e,label:t,count:s,active:r}){return n.jsxs(n.Fragment,{children:[e&&n.jsx("span",{className:Q("shrink-0",r?"text-accent-2":"text-fg-subtle"),children:e}),n.jsx("span",{className:"flex-1 truncate",children:t}),s!=null&&s>0&&n.jsx("span",{className:Q("text-2xs tabular-nums",r?"text-accent-2":"text-fg-subtle"),children:s})]})}function _s({icon:e,label:t,count:s,active:r,dimmed:a,indent:o,navId:i,linkComponent:l,ariaLabel:u,title:d,onClick:m}){const f=Im({active:r,dimmed:a,indent:o}),h=n.jsx(Tm,{icon:e,label:t,count:s,active:r});return i&&l?l({navId:i,className:f,ariaLabel:u??t,title:d,onClick:m,children:h}):n.jsx("button",{type:"button",onClick:m,className:f,"aria-label":u,title:d,children:h})}const lo={inbox:0,flagged:1,drafts:2,sent:3,archive:4,all:5,junk:6,trash:7};function Rm(e){switch(e){case"inbox":return n.jsx(Jr,{className:"size-4"});case"flagged":return n.jsx(At,{className:"size-4"});case"drafts":return n.jsx(vi,{className:"size-4"});case"sent":return n.jsx(Ws,{className:"size-4"});case"archive":return n.jsx(Tu,{className:"size-4"});case"all":return n.jsx(Iu,{className:"size-4"});case"junk":return n.jsx(Eu,{className:"size-4"});case"trash":return n.jsx(it,{className:"size-4"})}}const co=e=>e.role!=null,pr=8,uo="remit.nav.folders.open.",fo="remit.nav.account.open.";function mo(e,t,s){if(typeof localStorage>"u")return s;const r=localStorage.getItem(e+t);return r===null?s:r!=="0"}function ho(e,t,s){typeof localStorage>"u"||localStorage.setItem(e+t,s?"1":"0")}function Mm({query:e,onSelect:t,onRemove:s}){return n.jsxs("div",{className:"group flex w-full items-center gap-1 rounded-md pr-1 hover:bg-surface",children:[n.jsxs("button",{type:"button",onClick:t,className:"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",children:[n.jsx(Ys,{className:"size-4 shrink-0 text-fg-subtle"}),n.jsx("span",{className:"min-w-0 flex-1 truncate",children:e})]}),s&&n.jsx("button",{type:"button",onClick:s,"aria-label":`Remove saved search: ${e}`,className:"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",children:n.jsx(qe,{className:"size-3.5"})})]})}function Dm({savedSearches:e,saveableQuery:t,onSelectSavedSearch:s,onRemoveSavedSearch:r,onSaveCurrentSearch:a}){return e.length===0&&!t?null:n.jsxs("div",{className:"mt-3",children:[n.jsx("div",{className:"px-2 pb-1 text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:"Saved searches"}),t&&n.jsxs("button",{type:"button",onClick:a,className:"flex w-full items-center gap-2 rounded-md px-2 py-1 text-left text-sm text-accent transition-colors hover:bg-surface",children:[n.jsx(wf,{className:"size-4 shrink-0"}),n.jsxs("span",{className:"min-w-0 flex-1 truncate",children:["Save “",t,"”"]})]}),e.map(o=>n.jsx(Mm,{query:o,onSelect:()=>s?.(o),onRemove:r?()=>r(o):void 0},o))]})}function Am({account:e,selectedNavId:t,onSelectNav:s,linkComponent:r}){const[a,o]=c.useState(()=>mo(fo,e.id,!0)),[i,l]=c.useState(()=>mo(uo,e.id,!0)),[u,d]=c.useState(!1),m=()=>{o(v=>{const w=!v;return ho(fo,e.id,w),w})},f=()=>{l(v=>{const w=!v;return ho(uo,e.id,w),w})},h=e.mailboxes.filter(co).sort((v,w)=>lo[v.role]-lo[w.role]),x=e.mailboxes.filter(v=>!co(v)),b=u||x.length<=pr?x:x.slice(0,pr),g=x.length-b.length,y=e.status??"ready",p=y==="ready"&&h.length===0&&x.length===0;return n.jsxs("div",{className:"mt-3",children:[n.jsxs("button",{type:"button",onClick:m,"aria-expanded":a,className:Q("flex w-full items-center gap-1.5 px-2 pb-1 text-left transition-colors hover:text-fg",e.muted&&"opacity-55"),children:[a?n.jsx(Mt,{className:"size-3 shrink-0 text-fg-subtle"}):n.jsx(ps,{className:"size-3 shrink-0 text-fg-subtle"}),n.jsx("span",{className:"truncate text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:e.label}),e.muted&&n.jsxs(n.Fragment,{children:[n.jsx(Gi,{className:"size-3 shrink-0 text-fg-subtle"}),n.jsx("span",{className:"text-2xs text-fg-subtle",children:"muted"})]})]}),a&&n.jsxs(n.Fragment,{children:[y==="loading"&&n.jsx("div",{className:"px-2 py-1 text-sm text-fg-muted",children:"Loading…"}),y==="error"&&n.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:[n.jsx(Wt,{className:"mt-0.5 size-4 shrink-0 text-danger","aria-hidden":"true"}),n.jsx("div",{className:"min-w-0 flex-1",children:n.jsx("p",{className:"font-medium text-danger",children:"Couldn't load mailboxes"})}),e.onRetry&&n.jsx("button",{type:"button",onClick:e.onRetry,className:"shrink-0 text-sm font-medium text-accent hover:underline",children:"Retry"})]}),p&&n.jsx("div",{className:"px-2 py-1 text-sm text-fg-muted",children:"No mailboxes"}),y==="ready"&&n.jsxs(n.Fragment,{children:[h.map(v=>n.jsx(_s,{navId:v.id,linkComponent:r,icon:Rm(v.role),label:v.name,ariaLabel:v.name,title:v.fullPath??v.name,count:v.unseen,active:t===v.id,dimmed:e.muted,onClick:()=>s?.(v.id)},v.id)),e.outboxPending!==void 0&&n.jsx(_s,{navId:"outbox",linkComponent:r,icon:n.jsx(Ws,{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&&n.jsxs(n.Fragment,{children:[n.jsxs("button",{type:"button",onClick:f,"aria-expanded":i,className:"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",children:[i?n.jsx(Mt,{className:"size-3 shrink-0"}):n.jsx(ps,{className:"size-3 shrink-0"}),n.jsx("span",{className:"flex-1",children:"Folders"}),n.jsx("span",{className:"tabular-nums opacity-70",children:x.length})]}),i&&n.jsxs(n.Fragment,{children:[b.map(v=>n.jsx(_s,{navId:v.id,linkComponent:r,icon:n.jsx(Od,{className:"size-4"}),label:v.name,ariaLabel:v.name,title:v.fullPath??v.name,count:v.unseen,active:t===v.id,dimmed:e.muted,onClick:()=>s?.(v.id)},v.id)),(g>0||u)&&x.length>pr&&n.jsx("button",{type:"button",onClick:()=>d(v=>!v),className:"ml-7 flex items-center px-2 py-1 text-2xs font-medium text-accent transition-colors hover:underline",children:u?"Show less":`Show all (${x.length})`})]})]})]})]})]})}function Om({accounts:e,selectedNavId:t,briefUnseen:s,onSelectNav:r,variant:a="desktop",linkComponent:o,savedSearches:i=[],saveableQuery:l,onSelectSavedSearch:u,onRemoveSavedSearch:d,onSaveCurrentSearch:m}){const f=n.jsxs("nav",{className:a==="drawer"?"px-2 py-2":"flex-1 overflow-y-auto px-2 py-2","aria-label":"Mailboxes",children:[n.jsx(_s,{navId:"brief",linkComponent:o,icon:n.jsx(ot,{className:"size-4"}),label:"Daily brief",ariaLabel:"Daily brief",count:s,active:t==="brief",onClick:()=>r?.("brief")}),n.jsx(_s,{navId:"flagged",linkComponent:o,icon:n.jsx(At,{className:"size-4"}),label:"Starred",ariaLabel:"Starred",active:t==="flagged",onClick:()=>r?.("flagged")}),n.jsx(Dm,{savedSearches:i,saveableQuery:l,onSelectSavedSearch:u,onRemoveSavedSearch:d,onSaveCurrentSearch:m}),e.length===0?n.jsx("div",{className:"px-2 py-4 text-center text-sm text-fg-muted",children:"No accounts configured"}):e.map(h=>n.jsx(Am,{account:h,selectedNavId:t,onSelectNav:r,linkComponent:o},h.id))]});return a==="drawer"?f:n.jsx("aside",{className:"flex h-full w-full flex-col bg-surface-sunken",children:f})}function Pm({leading:e,search:t,actions:s,className:r}){return n.jsxs("header",{className:Q("flex min-h-16 w-full shrink-0 items-center gap-3 border-b border-line bg-canvas px-3 py-2",r),children:[e&&n.jsx("div",{className:"flex shrink-0 items-center gap-2",children:e}),n.jsx("div",{className:"flex min-w-0 flex-1 justify-start",children:n.jsx("div",{className:"w-full max-w-2xl",children:t})}),s&&n.jsx("div",{className:"flex shrink-0 items-center gap-1",children:s})]})}function Lm({label:e,size:t="sm",onUndo:s,undoLabel:r="Undo",className:a}){return n.jsxs(Xe,{tone:"accent",className:Q(t==="md"&&"py-1 text-xs",a),children:[n.jsx(Mf,{className:Q(t==="sm"?"size-3":"size-3.5","shrink-0"),"aria-hidden":!0}),n.jsx("span",{children:e}),s&&n.jsx("button",{type:"button",onClick:o=>{o.stopPropagation(),s()},className:"font-semibold underline decoration-dotted underline-offset-2 hover:decoration-solid",children:r})]})}const $m=320,zm="cubic-bezier(0.32, 0.9, 0.3, 1)",Fm=.5,_m=.4,Bm=360;function Km(e){return Math.sign(e)*Math.sqrt(Math.abs(e))*4}function qm({open:e,onClose:t,children:s,dismissLabel:r="Dismiss"}){const a=c.useRef(null),[o,i]=c.useState(Bm),[l,u]=c.useState(null);c.useLayoutEffect(()=>{const p=a.current;if(!p)return;const v=()=>i(p.offsetHeight);v();const w=new ResizeObserver(v);return w.observe(p),()=>w.disconnect()},[]);const d=c.useRef(null),m=c.useCallback(p=>{p.currentTarget.setPointerCapture(p.pointerId),d.current={startY:p.clientY,lastY:p.clientY,lastT:p.timeStamp,velocity:0,moved:!1},u(0)},[]),f=c.useCallback(p=>{const v=d.current;if(!v)return;const w=p.timeStamp-v.lastT;w>0&&(v.velocity=(p.clientY-v.lastY)/w),v.lastY=p.clientY,v.lastT=p.timeStamp;const j=p.clientY-v.startY;Math.abs(j)>4&&(v.moved=!0);const T=j<0?Km(j):j;u(T)},[]),h=c.useCallback(()=>{const p=d.current;if(d.current=null,!p)return;const v=p.lastY-p.startY,j=p.velocity>Fm||v>o*_m;u(null),j&&t()},[o,t]),x=l!==null,b=e?l??0:o,g=Math.min(Math.max(1-b/o,0),1),y=x?"none":`transform ${$m}ms ${zm}`;return n.jsxs("div",{className:Q("absolute inset-0 z-40 select-none overflow-hidden",e||x?"":"pointer-events-none"),children:[n.jsx("button",{type:"button","aria-label":r,tabIndex:-1,onClick:t,className:Q("absolute inset-0 bg-black/40",g>0?"pointer-events-auto":"pointer-events-none"),style:{opacity:g*.6,transition:y.replace("transform","opacity")}}),n.jsxs("div",{ref:a,className:"absolute inset-x-0 bottom-0 flex max-h-[92%] flex-col rounded-t-3xl border-t border-line bg-surface shadow-2xl shadow-black/30",style:{transform:`translateY(${b}px)`,transition:y},children:[n.jsx("div",{role:"slider","aria-label":"Drag down to dismiss","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":Math.round(g*100),tabIndex:0,onPointerDown:m,onPointerMove:f,onPointerUp:h,onPointerCancel:h,className:"flex cursor-grab touch-none justify-center pb-1 pt-2.5 active:cursor-grabbing",children:n.jsx("div",{className:"h-1 w-10 rounded-full bg-fg-subtle/40"})}),n.jsx("div",{className:"flex min-h-0 flex-1 flex-col overflow-hidden",children:s})]})]})}const Um=({status:e})=>e==="saving"?n.jsx("span",{className:"animate-pulse text-xs text-fg-muted",children:"Saving..."}):e==="saved"?n.jsx("span",{className:"text-xs text-fg-muted",children:"Draft saved"}):e==="error"?n.jsx("span",{className:"text-xs text-danger",children:"Save failed"}):null;function Hm({onSend:e,onDiscard:t,sending:s,canSend:r,saveStatus:a="idle",unavailableReason:o,onUnavailable:i}){return n.jsxs("div",{className:"flex items-center justify-between border-t border-line px-3 py-2",children:[n.jsxs("div",{className:"flex items-center gap-3",children:[n.jsx(Z,{variant:"primary",size:"md","aria-busy":s,title:r?void 0:o,className:"min-h-11 rounded-full px-4",icon:s?n.jsx(Gt,{className:"size-4 animate-spin"}):n.jsx(Ws,{className:"size-4"}),onClick:()=>{if(!s){if(!r){o&&i?.(o);return}e()}},children:"Send"}),n.jsx(Um,{status:a})]}),n.jsx(Z,{variant:"ghost",size:"md","aria-busy":s,"aria-label":"Discard",className:"min-h-11 min-w-11 px-2 hover:text-danger",icon:n.jsx(it,{className:"size-4"}),onClick:()=>{s||t()}})]})}function Qm({banner:e,header:t,children:s,quoted:r,actionBar:a}){return n.jsxs("div",{className:"flex h-full min-h-0 flex-col",children:[e,t,n.jsxs("div",{className:"min-h-0 flex-1 overflow-auto",children:[s,r&&n.jsx("div",{className:"px-3 pb-2",children:r})]}),a]})}function Wm({key:e,shiftKey:t=!1,repeat:s=!1,caretAtStart:r,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"?!r||o===0?{type:"none"}:s?{type:"none"}:{type:"focusChip",index:i}:{type:"none"}}function Vm({key:e,repeat:t=!1,index:s,chipCount:r}){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>=r-1?{type:"focusInput"}:{type:"focusChip",index:s+1}:e==="Enter"||e===" "?{type:"activateChip",index:s}:e==="Escape"?{type:"focusInput"}:{type:"none"}}function Ym(e,t){const s=t-1;return s<=0?null:e<s?e:s-1}const Gm=e=>e instanceof HTMLElement?e.tagName==="INPUT"||e.tagName==="TEXTAREA"||e.isContentEditable:!1,Xm=({chips:e=[],onRemoveChip:t,onActivateChip:s,value:r,onChange:a,onClear:o,onClearQuery:i,placeholder:l="Search mail...",globalFocusKey:u=!0,showClearButton:d=!0,size:m="sm",inputId:f,chipsLabel:h="Search filters",className:x})=>{const b=c.useId(),g=f??b,y=c.useRef(null),p=c.useRef([]),v=i??o,[w,j]=c.useState(null),T=c.useRef(void 0),[N,k]=c.useState(""),C=e.length>0;c.useEffect(()=>{j(S=>S!==null&&S>=e.length?null:S)},[e.length]),c.useEffect(()=>{const S=T.current;if(S!==void 0){if(T.current=void 0,S===null){y.current?.focus();return}p.current[S]?.focus()}});const R=c.useCallback(S=>{j(S),T.current=S},[]),O=c.useCallback(S=>{const I=e[S];I&&t&&(R(Ym(S,e.length)),k(`${I.label} removed`),t(I.id))},[e,t,R]),M=c.useCallback(()=>{R(null),o()},[o,R]),L=c.useCallback(S=>{const I=S.currentTarget,P=Wm({key:S.key,shiftKey:S.shiftKey,repeat:S.repeat,caretAtStart:I.selectionStart===0&&I.selectionEnd===0,hasValue:r.length>0,chipCount:e.length});switch(P.type){case"focusChip":S.preventDefault(),R(P.index);return;case"clearQuery":v();return;case"blur":I.blur();return;case"none":return}},[e.length,r,v,R]),E=c.useCallback(S=>I=>{const P=Vm({key:I.key,repeat:I.repeat,index:S,chipCount:e.length});switch(P.type!=="none"&&I.preventDefault(),P.type){case"removeChip":O(P.index);return;case"focusChip":R(P.index);return;case"focusInput":R(null);return;case"activateChip":{const D=e[P.index];D&&s&&s(D.id);return}case"none":return}},[e,O,R,s]);return c.useEffect(()=>{if(!u)return;const S=I=>{I.key!=="/"||I.metaKey||I.ctrlKey||I.altKey||Gm(I.target)||(I.preventDefault(),y.current?.focus())};return window.addEventListener("keydown",S),()=>window.removeEventListener("keydown",S)},[u]),n.jsxs("label",{htmlFor:g,className:Q("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",x),children:[n.jsx(Ys,{className:Q("shrink-0 text-fg-muted pointer-events-none",m==="lg"?"size-5":"size-4")}),n.jsxs("div",{className:"flex min-w-0 flex-1 flex-wrap items-center gap-1",children:[C&&n.jsx("div",{role:"grid","aria-label":h,className:"flex min-w-0 flex-wrap items-center gap-1",children:e.map((S,I)=>n.jsx(Ru,{ref:P=>{p.current[I]=P},label:S.label,tone:S.tone,focused:w===I,onFocusLabel:()=>j(I),onKeyDown:E(I),onRemove:()=>O(I),onActivate:s?()=>s(S.id):void 0},S.id))}),n.jsx("input",{ref:y,id:g,name:"q",type:"text","aria-label":"Search mail",autoComplete:"off",value:r,tabIndex:w===null?0:-1,onChange:S=>a(S.target.value),onKeyDown:L,onFocus:()=>j(null),placeholder:C?void 0:l,className:"min-w-24 flex-1 bg-transparent text-fg outline-none placeholder:text-fg-muted"})]}),(r||C)&&d&&n.jsx("button",{type:"button",onClick:M,className:"shrink-0 rounded p-0.5 hover:bg-surface-raised transition-colors","aria-label":"Clear search",children:n.jsx(qe,{className:Q("text-fg-muted",m==="lg"?"size-5":"size-4")})}),n.jsx("span",{role:"status","aria-live":"polite",className:"sr-only",children:N})]})},ba=({value:e,onChange:t,onClear:s,onClearQuery:r,chips:a,onRemoveChip:o,placeholder:i="Search mail...",globalFocusKey:l=!0,showClearButton:u=!0,size:d,inputId:m,className:f})=>n.jsx(Xm,{value:e,onChange:t,onClear:s,onClearQuery:r,chips:a,onRemoveChip:o,placeholder:i,globalFocusKey:l,showClearButton:u,size:d,inputId:m,className:f});function Jm({title:e,unreadCount:t,isDesktop:s,onMenuClick:r,searchValue:a,onSearchChange:o,onSearchClear:i,searchOpen:l,onSearchOpenChange:u,showSearch:d=!0}){const m=`${t.toLocaleString()} unread`,f=i??(()=>o("")),h=()=>{f(),u(!1)},x=g=>n.jsx(ba,{value:a,onChange:o,onClear:f,globalFocusKey:!1,showClearButton:g}),b=n.jsx(Z,{variant:"ghost",icon:n.jsx(da,{className:"size-5"}),onClick:r,"aria-label":"Menu",className:"min-h-11 min-w-11 shrink-0 px-0"});return n.jsx("header",{className:"flex shrink-0 flex-col bg-canvas",children:n.jsx("div",{className:"flex h-12 items-center gap-2 px-row-inset",children:d?s?n.jsxs(n.Fragment,{children:[b,n.jsx("h1",{className:"min-w-0 flex-1 truncate text-sm font-semibold text-fg",children:e}),n.jsx("span",{className:"shrink-0 text-2xs text-fg-subtle",children:m}),n.jsx("div",{className:"w-64 max-w-[40%] shrink-0",children:x(!0)})]}):l||a.trim().length>0?n.jsxs("div",{className:"flex flex-1 items-center gap-1",children:[n.jsx("div",{className:"flex-1",children:x(!1)}),n.jsx(Z,{variant:"ghost",icon:n.jsx(qe,{className:"size-5"}),onClick:h,"aria-label":"Close search",className:"min-h-11 min-w-11 shrink-0 px-0"})]}):n.jsxs(n.Fragment,{children:[b,n.jsx("h1",{className:"min-w-0 flex-1 truncate text-sm font-semibold text-fg",children:e}),n.jsx("span",{className:"shrink-0 text-2xs text-fg-subtle",children:m}),n.jsx(Z,{variant:"ghost",icon:n.jsx(Ys,{className:"size-5"}),onClick:()=>u(!0),"aria-label":"Search",className:"min-h-11 min-w-11 shrink-0 px-0"})]}):n.jsxs(n.Fragment,{children:[b,n.jsx("h1",{className:"min-w-0 flex-1 truncate text-sm font-semibold text-fg",children:e}),n.jsx("span",{className:"shrink-0 text-2xs text-fg-subtle",children:m})]})})})}const Zm=(e,t)=>e==="vip"?"vip":e==="unknown"&&t==="md"?"unknown-pill":"hidden",yl=({senderTrust:e,size:t="sm",className:s})=>{const r=Zm(e,t);return r==="vip"?n.jsx(ot,{className:Q("text-warning shrink-0",t==="sm"&&"size-3.5",t==="md"&&"size-4",s),"aria-label":"VIP sender","data-testid":"sender-trust-vip"}):r==="unknown-pill"?n.jsx("span",{className:Q("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 po(e,t){const s=t?.trim();if(!s)return e;const r=e.toLowerCase(),a=s.toLowerCase(),o=[];let i=0,l=r.indexOf(a,i),u=0;for(;l!==-1;)l>i&&o.push(e.slice(i,l)),o.push(n.jsx("mark",{className:"bg-transparent font-semibold text-fg",children:e.slice(l,l+a.length)},u++)),i=l+a.length,l=r.indexOf(a,i);return i<e.length&&o.push(e.slice(i)),o}function eh({result:e,onClick:t,query:s,showFolder:r=!0}){const a=r&&e.folder?Mu(e.folder):void 0;return n.jsxs("button",{type:"button",onClick:t,className:"flex w-full flex-col gap-0.5 border-b border-line px-row-inset py-2.5 text-left transition-colors hover:bg-surface-sunken",children:[n.jsxs("div",{className:"flex items-baseline gap-2",children:[n.jsx("span",{className:Q("min-w-0 flex-1 truncate text-sm",e.unread?"font-semibold text-fg":"font-medium text-fg-muted"),children:e.sender}),n.jsx("span",{className:"shrink-0 text-2xs text-fg-subtle tabular-nums",children:e.date})]}),n.jsxs("div",{className:"flex items-center gap-1.5",children:[n.jsx("span",{className:Q("min-w-0 flex-1 truncate text-sm",e.unread?"text-fg":"text-fg-muted"),children:po(e.subject,s)}),e.flagged&&n.jsx(jf,{className:"size-3.5 shrink-0 fill-warning text-warning"})]}),n.jsxs("div",{className:"flex items-center gap-2",children:[n.jsx("span",{className:"min-w-0 flex-1 truncate text-xs text-fg-subtle",children:po(e.snippet,s)}),a&&n.jsx(Xe,{tone:"neutral",className:"shrink-0",children:a}),e.category&&n.jsx(Xe,{tone:e.category.tone??"neutral",className:"shrink-0",children:e.category.label}),e.matchedChunkLabel&&n.jsx(Xe,{tone:"neutral",className:"shrink-0",children:`matched: ${e.matchedChunkLabel}`}),e.score!=null&&n.jsx("span",{className:"shrink-0 text-2xs text-fg-subtle tabular-nums",children:e.score.toFixed(2)})]})]})}const th=e=>e===1?"result":"results";function sh({count:e,onScopeToSpam:t}){return n.jsx(Qs,{tone:"info",variant:"soft",className:"items-center justify-between gap-3 rounded-none border-b border-line",children:n.jsxs("div",{className:"flex items-center justify-between gap-3",children:[n.jsxs("p",{className:"min-w-0 text-xs text-fg-muted",children:[n.jsx("span",{className:"font-semibold text-fg tabular-nums",children:e})," ",`${th(e)} from Spam`]}),n.jsx(Z,{variant:"ghost",size:"sm",onClick:t,className:"shrink-0 text-accent",children:"Go to Spam"})]})})}const go=6,nh={kind:"global"},rh=e=>e.kind==="folder"&&e.role==="junk",ah=e=>e.folder?.role==="junk";function wl(e){const t=[],s=[];for(const r of e)ah(r)?s.push(r):t.push(r);return{kept:t,spam:s}}function oh({section:e,query:t,onSelectResult:s,showFolder:r}){const[a,o]=c.useState(e.initialCollapsed??!1),[i,l]=c.useState(!1),u=e.results.length>go,m=!i&&u?e.results.slice(0,go):e.results,f=e.results.length-m.length;return n.jsxs("div",{children:[n.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:[n.jsx("span",{className:"flex-1 text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:e.label}),n.jsx("span",{className:"text-2xs text-fg-subtle tabular-nums",children:e.results.length}),n.jsx(Mt,{className:Q("size-3 shrink-0 text-fg-subtle transition-transform duration-200",a?"rotate-0":"rotate-180")})]}),!a&&n.jsxs(n.Fragment,{children:[m.map(h=>n.jsx(eh,{result:h,query:t,showFolder:r,onClick:s?()=>s(h):void 0},h.id)),u&&n.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 ${f} more`,!i&&n.jsx(Mt,{className:"ml-1 size-3"})]})]})]})}function jl({value:e,recentSearches:t,onPickRecent:s,sections:r,loading:a,onSelectResult:o,tokens:i,scope:l=nh}){if(!(e.trim().length>0))return t&&t.length>0?n.jsxs("div",{className:"flex flex-col",children:[n.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(v=>n.jsxs("button",{type:"button",onClick:()=>s?.(v),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:[n.jsx(ga,{className:"size-4 shrink-0 text-fg-subtle"}),n.jsx("span",{className:"min-w-0 flex-1 truncate text-sm text-fg-muted",children:v})]},v))]}):n.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 d=i&&i.length>0&&n.jsx(Du,{tokens:i});if(a)return n.jsxs("div",{className:"flex flex-col",children:[d,n.jsx("div",{className:"flex flex-col gap-3 px-row-inset py-4",children:[0,1,2,3].map(v=>n.jsxs("div",{className:"flex flex-col gap-1.5",children:[n.jsx("div",{className:"h-3 w-1/3 animate-pulse rounded bg-surface-sunken"}),n.jsx("div",{className:"h-3 w-2/3 animate-pulse rounded bg-surface-sunken"}),n.jsx("div",{className:"h-2.5 w-1/2 animate-pulse rounded bg-surface-sunken"})]},v))})]});const m=l.kind==="global",f=rh(l)||l.kind==="collection",h=m||l.kind==="collection",x=(r??[]).map(v=>{if(f)return{section:v,spam:[]};const{kept:w,spam:j}=wl(v.results);return{section:{...v,results:w},spam:j}}),b=x.map(v=>v.section),g=x.reduce((v,w)=>v+w.spam.length,0),y=l.kind==="global"&&g>0&&l.onScopeToSpam!==void 0?n.jsx(sh,{count:g,onScopeToSpam:l.onScopeToSpam}):void 0;return b.some(v=>v.results.length>0)?n.jsxs("div",{className:"flex flex-col",children:[d,y,b.filter(v=>v.results.length>0).map(v=>n.jsx(oh,{section:v,query:e,showFolder:h,onSelectResult:o},v.id))]}):n.jsxs("div",{className:"flex flex-col",children:[d,y,n.jsxs("div",{className:"px-row-inset py-10 text-center",children:[n.jsxs("p",{className:"text-sm font-medium text-fg",children:["No matches for “",e,"”"]}),n.jsx("p",{className:"mt-1 text-xs text-fg-subtle",children:"Try a different word, or adjust the filters above."})]})]})}function ih({value:e,onChange:t,onClear:s,onCancel:r,filter:a,recentSearches:o,onPickRecent:i,sections:l,loading:u,onSelectResult:d,tokens:m,chips:f,onRemoveChip:h,scope:x}){const b=n.jsx(jl,{value:e,recentSearches:o,onPickRecent:i,sections:l,loading:u,onSelectResult:d,tokens:m,scope:x});return n.jsxs("article",{className:"flex h-full w-full min-w-0 flex-col bg-canvas",children:[n.jsxs("header",{className:"flex h-pane-header shrink-0 items-center gap-2 border-b border-line bg-surface px-row-inset",children:[n.jsx("div",{className:"min-w-0 flex-1",children:n.jsx(ba,{value:e,onChange:t,onClear:s,chips:f,onRemoveChip:h,globalFocusKey:!1,showClearButton:!1})}),n.jsx(Z,{variant:"ghost",size:"sm",icon:n.jsx(qe,{className:"size-4"}),onClick:r,"aria-label":"Clear and close search",className:"-mr-1 shrink-0"})]}),a?n.jsx(Zr,{...a,children:b}):n.jsx("div",{className:"flex-1 overflow-y-auto",children:b})]})}const xo="w-full text-left px-3 py-2.5 min-h-11 flex items-center gap-2 transition-colors text-sm rounded-md focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-canvas",lh={searchPlaceholder:"Move to…",searchAriaLabel:"Filter folders",listAriaLabel:"Destination folders",currentSuffix:"(current folder)",currentTag:"current",emptyMessage:e=>`No folders match "${e}"`,optionLabel:e=>`Move to ${e}`},gr=e=>{for(let t=0;t<e.length;t+=1)if(!e[t]?.isCurrent)return t;return-1},ch=e=>{for(let t=e.length-1;t>=0;t-=1)if(!e[t]?.isCurrent)return t;return-1},bo=(e,t,s)=>{const r=e.length;if(r<=0)return-1;const a=t<0?s===1?-1:r:t;for(let o=1;o<=r;o+=1){const i=((a+s*o)%r+r)%r;if(!e[i]?.isCurrent)return i}return-1},uh=(e,t)=>e.label.toLowerCase().includes(t)?!0:e.searchValue?.toLowerCase().includes(t)??!1,Sl=({mailboxes:e,onSelect:t,onCancel:s,autoFocus:r=!1,labels:a})=>{const o={...lh,...a},[i,l]=c.useState(""),[u,d]=c.useState(()=>gr(e)),m=c.useRef(null),f=c.useRef([]);c.useEffect(()=>{r&&m.current?.focus()},[r]);const h=i.trim().toLowerCase(),x=c.useMemo(()=>h?e.filter(p=>uh(p,h)):[...e],[e,h]);c.useEffect(()=>{d(p=>p>=0&&p<x.length&&!x[p]?.isCurrent?p:gr(x))},[x]),c.useEffect(()=>{if(u<0)return;const p=f.current[u];p&&document.activeElement!==m.current&&p.focus()},[u]);const b=c.useCallback(()=>{if(u<0)return;const p=x[u];!p||p.isCurrent||t(p.id)},[u,x,t]),g=c.useCallback(p=>{switch(p.key){case"ArrowDown":p.preventDefault(),d(v=>bo(x,v,1));return;case"ArrowUp":p.preventDefault(),d(v=>bo(x,v,-1));return;case"Home":p.preventDefault(),d(gr(x));return;case"End":p.preventDefault(),d(ch(x));return;case"Enter":case" ":p.preventDefault(),b();return;case"Escape":p.preventDefault(),s?.();return;default:return}},[x,b,s]),y=c.useCallback(p=>{if(p.key==="ArrowDown"){if(p.preventDefault(),x.length===0)return;f.current[u>=0?u:0]?.focus();return}p.key==="Escape"&&(p.preventDefault(),s?.())},[x.length,u,s]);return n.jsxs("div",{className:"flex flex-col",children:[n.jsx(yi,{variant:"inline",className:"border-b border-line px-3 py-2",icon:n.jsx(Ys,{className:"size-4","aria-hidden":"true"}),ref:m,type:"search",value:i,onChange:p=>l(p.target.value),onKeyDown:y,placeholder:o.searchPlaceholder,"aria-label":o.searchAriaLabel}),n.jsx("div",{className:"flex-1 overflow-y-auto py-1",role:"listbox","aria-label":o.listAriaLabel,onKeyDown:g,children:x.length===0?n.jsx("div",{className:"px-3 py-3 text-sm text-fg-muted","aria-live":"polite",children:o.emptyMessage(i)}):x.map((p,v)=>{const w=p.isCurrent??!1,j=v===u;return w?n.jsx("div",{children:n.jsxs("div",{role:"option","aria-selected":!1,"aria-current":"true","aria-label":`${p.label} ${o.currentSuffix}`,className:Q(xo,"opacity-60 bg-surface-sunken/40"),children:[n.jsx("span",{className:"truncate flex-1",children:p.label}),n.jsx("span",{className:"text-xs text-fg-muted shrink-0",children:o.currentTag})]})},p.id):n.jsx("div",{children:n.jsx("button",{ref:T=>{f.current[v]=T},type:"button",role:"option","aria-selected":!1,tabIndex:j?0:-1,onClick:()=>t(p.id),onFocus:()=>d(v),"aria-label":o.optionLabel(p.label),className:Q(xo,"hover:bg-surface-raised"),children:n.jsx("span",{className:"truncate flex-1",children:p.label})})},p.id)})})]})},dh={queued:{icon:ga,label:"Queued",className:"text-warning"},sending:{icon:Gt,label:"Sending…",className:"text-accent-2",spin:!0},sent:{icon:Xi,label:"Sent",className:"text-positive"},failed:{icon:Wt,label:"Failed",className:"text-danger"},blocked:{icon:ea,label:"Blocked",className:"text-warning"}};function vo({status:e,iconOnly:t,className:s}){const r=dh[e],a=r.icon;return n.jsxs("span",{className:Q("inline-flex items-center gap-1.5 text-xs font-medium",r.className,s),children:[n.jsx(a,{className:Q("size-4",r.spin&&"animate-spin")}),!t&&r.label]})}const fh=(e,t)=>t?"bg-accent-2-soft":e==="failed"?"bg-danger-soft":e==="blocked"?"bg-warning/10":"";function mh({recipients:e,subject:t,time:s,status:r,error:a,selected:o,onSelect:i,onRetry:l,retrying:u,onEdit:d,onDelete:m,deleting:f}){const h=r==="failed"||r==="blocked";return n.jsxs("div",{className:Q("flex items-start gap-3 border-b border-line px-4 py-3 transition-colors hover:bg-surface-raised",fh(r,o)),children:[n.jsxs("button",{type:"button",onClick:i,className:"flex flex-1 min-w-0 items-start gap-3 text-left",children:[n.jsx("div",{className:"mt-0.5 shrink-0",children:n.jsx(vo,{status:r,iconOnly:!0})}),n.jsxs("div",{className:"min-w-0 flex-1",children:[n.jsxs("div",{className:"flex items-center justify-between gap-2",children:[n.jsx("span",{className:"truncate text-sm font-medium",children:e}),n.jsx("span",{className:"shrink-0 text-xs text-fg-muted",children:s})]}),n.jsx("div",{className:"truncate text-sm",children:t||"No subject"}),n.jsxs("div",{className:"mt-1 flex items-center gap-2",children:[n.jsx(vo,{status:r}),a&&n.jsxs("span",{className:"truncate text-xs text-fg-muted",children:["— ",a]})]})]})]}),h&&n.jsx("div",{className:"shrink-0",children:n.jsx(Cd,{actions:[...r==="failed"&&l?[{label:"Retry sending",iconOnly:!0,icon:n.jsx(Ef,{className:"size-3.5"}),busy:u,onClick:l}]:[],{label:"Edit as draft",iconOnly:!0,icon:n.jsx(Ws,{className:"size-3.5"}),onClick:d}],destructive:{label:"Delete message",iconOnly:!0,icon:n.jsx(it,{className:"size-3.5"}),busy:f,confirm:{prompt:"Delete this message?",confirmLabel:"Delete"},onClick:m}})})]})}const hh=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 r=window.matchMedia(e);s(r.matches);const a=o=>s(o.matches);return r.addEventListener("change",a),()=>r.removeEventListener("change",a)},[e]),t},ph=({children:e,onRefresh:t,isRefreshing:s})=>hh("(min-width: 1024px)")?e:n.jsx(Au,{onRefresh:t,isPullable:!s,children:e}),gh=({text:e,html:t,senderName:s,date:r})=>{const[a,o]=c.useState(!1);if(!e&&!t)return null;const i=[s,r].filter(Boolean).join(" on ");return n.jsxs("div",{className:"mt-2 px-3 pb-2",children:[n.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?n.jsx(Mt,{className:"size-3"}):n.jsx(ps,{className:"size-3"}),i?`${i} wrote:`:"Show quoted text"]}),a&&n.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?n.jsx("div",{dangerouslySetInnerHTML:{__html:t}}):e.split(`
|
|
75
|
-
`).map((l,u)=>n.jsx("p",{className:"min-h-[1.2em]",children:l},u))})]})},xh=e=>e===1?"message":"messages";function bh({count:e,onReview:t,onDismiss:s,actionLabel:r="Review & rescue"}){return n.jsx(Qs,{tone:"info",variant:"soft",onDismiss:s,children:n.jsxs("div",{className:"flex flex-col gap-2",children:[n.jsxs("p",{className:"flex items-start gap-2 text-sm text-fg",children:[n.jsx(en,{className:"mt-0.5 size-4 shrink-0 text-positive","aria-hidden":!0}),n.jsxs("span",{children:[n.jsx("span",{className:"font-semibold text-fg",children:`${e} ${xh(e)} here`})," ","may not be spam — they're from senders we can verify."]})]}),n.jsx(Z,{variant:"primary",size:"sm",onClick:t,className:"self-start",children:r})]})})}function vh({candidate:e,selected:t,onToggle:s,hideSender:r=!1}){const{senderName:a,senderAddress:o,subject:i,snippet:l,trustReason:u,trustSubReason:d,senderTrust:m}=e;return n.jsxs("label",{className:Q("flex w-full cursor-pointer items-start gap-3 px-3 py-2.5 text-left transition-colors",r&&"pl-11",t?"bg-positive/10":"bg-surface hover:bg-surface-sunken"),children:[n.jsx(xa,{className:"mt-0.5",checked:t,onChange:s,"aria-label":`${t?"Deselect":"Select"} ${r?i:`message from ${a}`}`}),!r&&n.jsx(Ze,{name:a,email:o,size:"sm"}),n.jsxs("span",{className:"min-w-0 flex-1",children:[!r&&n.jsxs("span",{className:"flex items-center gap-1.5",children:[n.jsx("span",{className:"truncate text-sm font-medium text-fg",children:a}),m&&n.jsx(yl,{senderTrust:m,size:"sm"}),n.jsx("span",{className:"truncate text-2xs text-fg-subtle",children:o})]}),n.jsx("span",{className:"block truncate text-sm text-fg-muted",children:i}),n.jsx("span",{className:"block line-clamp-1 text-xs text-fg-subtle",children:l}),!r&&n.jsxs("span",{className:"mt-1.5 flex flex-wrap items-center gap-1.5",children:[n.jsxs(Xe,{tone:"positive",children:[n.jsx(en,{className:"size-3","aria-hidden":!0}),u]}),n.jsx("span",{className:"text-2xs text-fg-subtle",children:d})]})]})]})}const yh=e=>{const t=new Map,s=[];for(const r of e){const a=(r.senderAddress||r.senderName).toLowerCase(),o=t.get(a);if(o){o.messages.push(r);continue}t.set(a,{key:a,senderName:r.senderName,senderAddress:r.senderAddress,trustReason:r.trustReason,trustSubReason:r.trustSubReason,senderTrust:r.senderTrust,messages:[r]}),s.push(a)}return s.map(r=>t.get(r)).sort((r,a)=>a.messages.length-r.messages.length)},wh=(e,t)=>{const s=e.messages.filter(r=>t.has(r.id)).length;return s===0?"none":s===e.messages.length?"all":"some"},yo=e=>e===1?"message":"messages";function jh({group:e,selected:t,onToggleGroup:s,onToggleMessage:r}){const[a,o]=c.useState(!1),i=wh(e,t),l=e.messages.length,u=a?Mt:ps;return n.jsxs("div",{className:Q(i!=="none"?"bg-positive/10":"bg-surface"),children:[n.jsxs("div",{className:"flex w-full items-start gap-3 px-3 py-2.5",children:[n.jsx(xa,{className:"mt-0.5",checked:i==="all",indeterminate:i==="some",onChange:()=>s(e,i!=="all"),"aria-label":`${i==="all"?"Deselect":"Select"} all ${l} ${yo(l)} from ${e.senderName}`}),n.jsx(Ze,{name:e.senderName,email:e.senderAddress,size:"sm"}),n.jsxs("div",{className:"min-w-0 flex-1",children:[n.jsxs("div",{className:"flex items-center gap-1.5",children:[n.jsx("span",{className:"truncate text-sm font-medium text-fg",children:e.senderName}),e.senderTrust&&n.jsx(yl,{senderTrust:e.senderTrust,size:"sm"}),n.jsx("span",{className:"truncate text-2xs text-fg-subtle",children:e.senderAddress})]}),n.jsxs("div",{className:"mt-1.5 flex flex-wrap items-center gap-1.5",children:[n.jsxs(Xe,{tone:"positive",children:[n.jsx(en,{className:"size-3","aria-hidden":!0}),e.trustReason]}),n.jsx("span",{className:"text-2xs text-fg-subtle",children:e.trustSubReason})]})]}),n.jsxs("button",{type:"button",onClick:()=>o(d=>!d),"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} ${yo(l)}`,n.jsx(u,{className:"size-3.5","aria-hidden":!0})]})]}),a&&n.jsx("div",{className:"divide-y divide-line border-t border-line",children:e.messages.map(d=>n.jsx(vh,{candidate:d,selected:t.has(d.id),onToggle:()=>r(d.id),hideSender:!0},d.id))})]})}const va=e=>e===1?"message":"messages",Sh=(e,t)=>`Moves ${e===1?"this message":`these ${e} ${va(e)}`} out of Spam to ${t} now. Nothing later.`,Fr=(e,t)=>e.find(s=>s.id===t)?.label??"Inbox";function kh(){return n.jsx(Qs,{tone:"info",variant:"soft",children:n.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 Nh({candidates:e,selected:t,onToggle:s,onToggleGroup:r,onSelectAll:a,onSelectNone:o,onContinue:i,onCancel:l}){const[u,d]=c.useState(!1),m=t.size,f=c.useMemo(()=>yh(e),[e]);return n.jsxs("div",{className:"flex min-h-0 flex-col",children:[n.jsxs("div",{className:"px-row-inset pb-2 pt-1",children:[n.jsxs("div",{className:"flex items-start justify-between gap-2",children:[n.jsxs("h2",{className:"flex items-center gap-2 text-sm font-semibold text-fg",children:[n.jsx(en,{className:"size-4 text-positive","aria-hidden":!0}),"Rescue from Spam"]}),n.jsx(Z,{variant:"ghost",size:"sm",icon:n.jsx(kd,{className:"size-3.5"}),onClick:()=>d(h=>!h),className:"-mr-1.5 -mt-0.5",children:"Why these?"})]}),n.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&&n.jsx("div",{className:"mt-2",children:n.jsx(kh,{})})]}),n.jsxs("div",{className:"flex items-center justify-between px-row-inset pb-1.5",children:[n.jsx("span",{className:"text-2xs font-medium text-fg-muted",children:`${m} of ${e.length} selected · ${f.length} ${f.length===1?"sender":"senders"}`}),n.jsxs("span",{className:"flex gap-1",children:[n.jsx(Z,{variant:"ghost",size:"sm",onClick:a,children:"Select all"}),n.jsx(Z,{variant:"ghost",size:"sm",onClick:o,children:"Select none"})]})]}),n.jsx("div",{className:"min-h-0 flex-1 divide-y divide-line overflow-y-auto border-y border-line",children:f.map(h=>n.jsx(jh,{group:h,selected:t,onToggleGroup:r,onToggleMessage:s},h.key))}),n.jsxs("div",{className:"space-y-2 border-t border-line bg-surface px-row-inset py-3",children:[n.jsx(Z,{variant:"primary",onClick:i,className:"h-11 w-full font-semibold",children:`Continue with ${m} ${va(m)}`}),n.jsx(Z,{variant:"ghost",onClick:l,className:"h-11 w-full",children:"Cancel"})]})]})}function Ch({count:e,folders:t,destination:s,onPick:r,onMove:a,onBack:o}){const[i,l]=c.useState(!1);return n.jsxs("div",{className:"flex min-h-0 flex-col",children:[n.jsxs("div",{className:"px-row-inset pb-2 pt-1",children:[n.jsx("h2",{className:"text-sm font-semibold text-fg",children:"Where should they go?"}),n.jsx("p",{className:"mt-1 text-2xs text-fg-subtle",children:"Pick a folder, then we move them out of Spam."})]}),n.jsx("div",{className:"min-h-0 flex-1 overflow-y-auto px-row-inset py-2",children:i?n.jsx("div",{className:"overflow-hidden rounded-xl border border-line bg-surface",children:n.jsx(Sl,{mailboxes:t,autoFocus:!0,onSelect:u=>{r(u),l(!1)},onCancel:()=>l(!1)})}):n.jsxs("div",{className:"rounded-xl border border-line bg-surface-sunken p-3",children:[n.jsx("p",{className:"text-2xs text-fg-subtle",children:"Destination"}),n.jsx("p",{className:"mt-0.5 text-sm font-medium text-fg",children:Fr(t,s)}),n.jsx(Z,{variant:"ghost",size:"sm",onClick:()=>l(!0),className:"mt-2 px-0",children:"Move to a different folder"})]})}),n.jsxs("div",{className:"space-y-2 border-t border-line bg-surface px-row-inset py-3",children:[n.jsx("p",{className:"text-2xs text-fg-subtle",children:Sh(e,Fr(t,s))}),n.jsx(Z,{variant:"primary",onClick:a,className:"h-11 w-full font-semibold",children:`Move ${e} out of Spam`}),n.jsx(Z,{variant:"ghost",onClick:o,className:"h-11 w-full",children:"Back"})]})]})}function Eh({count:e,destinationLabel:t,onClose:s}){return n.jsxs("div",{className:"flex min-h-0 flex-col",children:[n.jsxs("div",{className:"flex flex-1 flex-col items-center justify-center gap-3 px-row-inset py-10 text-center",children:[n.jsx(pa,{className:"size-10 text-positive","aria-hidden":!0}),n.jsx("p",{className:"text-base font-semibold text-fg",children:`Moved ${e} ${va(e)} out of Spam.`}),n.jsx("p",{className:"text-2xs text-fg-subtle",children:`You'll find them in ${t}.`})]}),n.jsx("div",{className:"border-t border-line bg-surface px-row-inset py-3",children:n.jsx(Z,{variant:"primary",onClick:s,className:"h-11 w-full font-semibold",children:"Done"})})]})}function Ih({open:e,candidates:t,defaultDestinationId:s,availableFolders:r,onConfirmMove:a,onCancel:o}){const[i,l]=c.useState("review"),[u,d]=c.useState(()=>e?new Set(t.map(w=>w.id)):new Set),[m,f]=c.useState(s),[h,x]=c.useState(0),b=c.useRef(!1);c.useEffect(()=>{e&&!b.current&&(l("review"),d(new Set(t.map(w=>w.id))),f(s),x(0)),b.current=e},[e,t,s]);const g=u.size,y=w=>{d(j=>{const T=new Set(j);return T.has(w)?T.delete(w):T.add(w),T})},p=(w,j)=>{d(T=>{const N=new Set(T);for(const k of w.messages)j?N.add(k.id):N.delete(k.id);return N})},v=()=>{const w=Array.from(u);x(w.length),a(w,m),l("done")};return n.jsxs(qm,{open:e,onClose:o,dismissLabel:"Close rescue",children:[i==="review"&&n.jsx(Nh,{candidates:t,selected:u,onToggle:y,onToggleGroup:p,onSelectAll:()=>d(new Set(t.map(w=>w.id))),onSelectNone:()=>d(new Set),onContinue:()=>l("destination"),onCancel:o}),i==="destination"&&n.jsx(Ch,{count:g,folders:r,destination:m,onPick:f,onMove:v,onBack:()=>l("review")}),i==="done"&&n.jsx(Eh,{count:h,destinationLabel:Fr(r,m),onClose:o})]})}const ya=[{id:"all",label:"All",tone:"neutral"},{id:"personal",label:"Personal",tone:"accent"},{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"}],kl={id:"unread",label:"Unread"},Th={id:"flagged",label:"Starred"},Nl={id:"attachment",label:"Has attachment"};function Rh(e){if(!(e.length<=1))return e.map(t=>({id:t.id,label:t.label,count:t.count,active:t.active}))}function Mh(e=[]){return{categories:[...ya],filters:Ou,sources:Rh(e)}}function Dh(){return{categories:[...ya],filters:[kl,Th,Nl]}}function Ah(){return{categories:[...ya],filters:[kl,Nl]}}function Tt(e,t,{checkForDefaultPrevented:s=!0}={}){return function(a){if(e?.(a),s===!1||!a||!a.defaultPrevented)return t?.(a)}}function wo(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function Oh(...e){return t=>{let s=!1;const r=e.map(a=>{const o=wo(a,t);return!s&&typeof o=="function"&&(s=!0),o});if(s)return()=>{for(let a=0;a<r.length;a++){const o=r[a];typeof o=="function"?o():wo(e[a],null)}}}}function Xt(...e){return c.useCallback(Oh(...e),e)}function Ph(e,t=[]){let s=[];function r(o,i){const l=c.createContext(i);l.displayName=o+"Context";const u=s.length;s=[...s,i];const d=f=>{const{scope:h,children:x,...b}=f,g=h?.[e]?.[u]||l,y=c.useMemo(()=>b,Object.values(b));return n.jsx(g.Provider,{value:y,children:x})};d.displayName=o+"Provider";function m(f,h,x={}){const{optional:b=!1}=x,g=h?.[e]?.[u]||l,y=c.useContext(g);if(y)return y;if(i!==void 0)return i;if(!b)throw new Error(`\`${f}\` must be used within \`${o}\``)}return[d,m]}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,[r,Lh(a,...t)]}function Lh(...e){const t=e[0];if(e.length===1)return t;const s=()=>{const r=e.map(a=>({useScope:a(),scopeName:a.scopeName}));return function(o){const i=r.reduce((l,{useScope:u,scopeName:d})=>{const f=u(o)[`__scope${d}`];return{...l,...f}},{});return c.useMemo(()=>({[`__scope${t.scopeName}`]:i}),[i])}};return s.scopeName=t.scopeName,s}var Us=globalThis?.document?c.useLayoutEffect:()=>{},$h=ta[" useInsertionEffect ".trim().toString()]||Us;function zh({prop:e,defaultProp:t,onChange:s=()=>{},caller:r}){const[a,o,i]=Fh({defaultProp:t,onChange:s}),l=e!==void 0,u=l?e:a;{const m=c.useRef(e!==void 0);c.useEffect(()=>{const f=m.current;f!==l&&console.warn(`${r} is changing from ${f?"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.`),m.current=l},[l,r])}const d=c.useCallback(m=>{if(l){const f=_h(m)?m(e):m;f!==e&&i.current?.(f)}else o(m)},[l,e,o,i]);return[u,d]}function Fh({defaultProp:e,onChange:t}){const[s,r]=c.useState(e),a=c.useRef(s),o=c.useRef(t);return $h(()=>{o.current=t},[t]),c.useEffect(()=>{a.current!==s&&(o.current?.(s),a.current=s)},[s,a]),[s,r,o]}function _h(e){return typeof e=="function"}function wa(e){const t=c.forwardRef((s,r)=>{let{children:a,...o}=s,i=null,l=!1;const u=[];jo(a)&&typeof hn=="function"&&(a=hn(a._payload)),c.Children.forEach(a,h=>{if(Hh(h)){l=!0;const x=h;let b="child"in x.props?x.props.child:x.props.children;jo(b)&&typeof hn=="function"&&(b=hn(b._payload)),i=Kh(x,b),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 d=i?Uh(i):void 0,m=Xt(r,d);if(!i){if(a||a===0)throw new Error(l?Yh(e):Vh(e));return a}const f=qh(o,i.props??{});return i.type!==c.Fragment&&(f.ref=r?m:d),c.cloneElement(i,f)});return t.displayName=`${e}.Slot`,t}var aw=wa("Slot"),Bh=Symbol.for("radix.slottable"),Kh=(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 qh(e,t){const s={...t};for(const r in t){const a=e[r],o=t[r];/^on[A-Z]/.test(r)?a&&o?s[r]=(...l)=>{const u=o(...l);return a(...l),u}:a&&(s[r]=a):r==="style"?s[r]={...a,...o}:r==="className"&&(s[r]=[a,o].filter(Boolean).join(" "))}return{...e,...s}}function Uh(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 Hh(e){return c.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===Bh}var Qh=Symbol.for("react.lazy");function jo(e){return e!=null&&typeof e=="object"&&"$$typeof"in e&&e.$$typeof===Qh&&"_payload"in e&&Wh(e._payload)}function Wh(e){return typeof e=="object"&&e!==null&&"then"in e}var Vh=e=>`${e} failed to slot onto its children. Expected a single React element child or \`Slottable\`.`,Yh=e=>`${e} failed to slot onto its \`Slottable\`. Expected \`Slottable\` to receive a single React element child.`,hn=ta[" use ".trim().toString()],Gh=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],vt=Gh.reduce((e,t)=>{const s=wa(`Primitive.${t}`),r=c.forwardRef((a,o)=>{const{asChild:i,...l}=a,u=i?s:t;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),n.jsx(u,{...l,ref:o})});return r.displayName=`Primitive.${t}`,{...e,[t]:r}},{});function Xh(e,t){e&&sa.flushSync(()=>e.dispatchEvent(t))}function Hs(e){const t=c.useRef(e);return c.useEffect(()=>{t.current=e}),c.useMemo(()=>((...s)=>t.current?.(...s)),[])}var Jh="DismissableLayer",_r="dismissableLayer.update",Zh="dismissableLayer.pointerDownOutside",ep="dismissableLayer.focusOutside",So,ja=c.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set,dismissableSurfaces:new Set}),Cl=c.forwardRef((e,t)=>{const{disableOutsidePointerEvents:s=!1,deferPointerDownOutside:r=!1,onEscapeKeyDown:a,onPointerDownOutside:o,onFocusOutside:i,onInteractOutside:l,onDismiss:u,...d}=e,m=c.useContext(ja),[f,h]=c.useState(null),x=f?.ownerDocument??globalThis?.document,[,b]=c.useState({}),g=Xt(t,h),y=Array.from(m.layers),[p]=[...m.layersWithOutsidePointerEventsDisabled].slice(-1),v=p?y.indexOf(p):-1,w=f?y.indexOf(f):-1,j=m.layersWithOutsidePointerEventsDisabled.size>0,T=w>=v,N=c.useRef(!1),k=ap(M=>{o?.(M),l?.(M),M.defaultPrevented||u?.()},{ownerDocument:x,deferPointerDownOutside:r,isDeferredPointerDownOutsideRef:N,dismissableSurfaces:m.dismissableSurfaces,shouldHandlePointerDownOutside:c.useCallback(M=>{if(!(M instanceof Node))return!1;const L=[...m.branches].some(E=>E.contains(M));return T&&!L},[m.branches,T])}),C=op(M=>{if(r&&N.current)return;const L=M.target;[...m.branches].some(S=>S.contains(L))||(i?.(M),l?.(M),M.defaultPrevented||u?.())},x),R=f?w===y.length-1:!1,O=Hs(M=>{M.key==="Escape"&&(a?.(M),!M.defaultPrevented&&u&&(M.preventDefault(),u()))});return c.useEffect(()=>{if(R)return x.addEventListener("keydown",O,{capture:!0}),()=>x.removeEventListener("keydown",O,{capture:!0})},[x,R,O]),c.useEffect(()=>{if(f)return s&&(m.layersWithOutsidePointerEventsDisabled.size===0&&(So=x.body.style.pointerEvents,x.body.style.pointerEvents="none"),m.layersWithOutsidePointerEventsDisabled.add(f)),m.layers.add(f),ko(),()=>{s&&(m.layersWithOutsidePointerEventsDisabled.delete(f),m.layersWithOutsidePointerEventsDisabled.size===0&&(x.body.style.pointerEvents=So))}},[f,x,s,m]),c.useEffect(()=>()=>{f&&(m.layers.delete(f),m.layersWithOutsidePointerEventsDisabled.delete(f),ko())},[f,m]),c.useEffect(()=>{const M=()=>b({});return document.addEventListener(_r,M),()=>document.removeEventListener(_r,M)},[]),n.jsx(vt.div,{...d,ref:g,style:{pointerEvents:j?T?"auto":"none":void 0,...e.style},onFocusCapture:Tt(e.onFocusCapture,C.onFocusCapture),onBlurCapture:Tt(e.onBlurCapture,C.onBlurCapture),onPointerDownCapture:Tt(e.onPointerDownCapture,k.onPointerDownCapture)})});Cl.displayName=Jh;var tp="DismissableLayerBranch",sp=c.forwardRef((e,t)=>{const s=c.useContext(ja),r=c.useRef(null),a=Xt(t,r);return c.useEffect(()=>{const o=r.current;if(o)return s.branches.add(o),()=>{s.branches.delete(o)}},[s.branches]),n.jsx(vt.div,{...e,ref:a})});sp.displayName=tp;function np(){const e=c.useContext(ja),[t,s]=c.useState(null);return c.useEffect(()=>{if(t)return e.dismissableSurfaces.add(t),()=>{e.dismissableSurfaces.delete(t)}},[t,e.dismissableSurfaces]),s}var rp=()=>!0;function ap(e,t){const{ownerDocument:s=globalThis?.document,deferPointerDownOutside:r=!1,isDeferredPointerDownOutsideRef:a,dismissableSurfaces:o,shouldHandlePointerDownOutside:i=rp}=t,l=Hs(e),u=c.useRef(!1),d=c.useRef(!1),m=c.useRef(new Map),f=c.useRef(()=>{});return c.useEffect(()=>{function h(){d.current=!1,a.current=!1,m.current.clear()}function x(){return Array.from(m.current.values()).some(Boolean)}function b(w){if(!d.current)return;const j=w.target;j instanceof Node&&[...o].some(N=>N.contains(j))||m.current.set(w.type,!0),w.type==="click"&&window.setTimeout(()=>{d.current&&f.current()},0)}function g(w){d.current&&m.current.set(w.type,!1)}const y=w=>{if(w.target&&!u.current){let j=function(){s.removeEventListener("click",f.current);const N=x();h(),N||El(Zh,l,T,{discrete:!0})};if(!i(w.target)){s.removeEventListener("click",f.current),h(),u.current=!1;return}const T={originalEvent:w};d.current=!0,a.current=r&&w.button===0,m.current.clear(),!r||w.button!==0?j():(s.removeEventListener("click",f.current),f.current=j,s.addEventListener("click",f.current,{once:!0}))}else s.removeEventListener("click",f.current),h();u.current=!1},p=["pointerup","mousedown","mouseup","touchstart","touchend","click"];for(const w of p)s.addEventListener(w,b,!0),s.addEventListener(w,g);const v=window.setTimeout(()=>{s.addEventListener("pointerdown",y)},0);return()=>{window.clearTimeout(v),s.removeEventListener("pointerdown",y),s.removeEventListener("click",f.current);for(const w of p)s.removeEventListener(w,b,!0),s.removeEventListener(w,g)}},[s,l,r,a,o,i]),{onPointerDownCapture:()=>u.current=!0}}function op(e,t=globalThis?.document){const s=Hs(e),r=c.useRef(!1);return c.useEffect(()=>{const a=o=>{o.target&&!r.current&&El(ep,s,{originalEvent:o},{discrete:!1})};return t.addEventListener("focusin",a),()=>t.removeEventListener("focusin",a)},[t,s]),{onFocusCapture:()=>r.current=!0,onBlurCapture:()=>r.current=!1}}function ko(){const e=new CustomEvent(_r);document.dispatchEvent(e)}function El(e,t,s,{discrete:r}){const a=s.originalEvent.target,o=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:s});t&&a.addEventListener(e,t,{once:!0}),r?Xh(a,o):a.dispatchEvent(o)}var pn=0,ns=null;function ip(){c.useEffect(()=>{ns||(ns={start:No(),end:No()});const{start:e,end:t}=ns;return document.body.firstElementChild!==e&&document.body.insertAdjacentElement("afterbegin",e),document.body.lastElementChild!==t&&document.body.insertAdjacentElement("beforeend",t),pn++,()=>{pn===1&&(ns?.start.remove(),ns?.end.remove(),ns=null),pn=Math.max(0,pn-1)}},[])}function No(){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 xr="focusScope.autoFocusOnMount",br="focusScope.autoFocusOnUnmount",Co={bubbles:!1,cancelable:!0},lp="FocusScope",Il=c.forwardRef((e,t)=>{const{loop:s=!1,trapped:r=!1,onMountAutoFocus:a,onUnmountAutoFocus:o,...i}=e,[l,u]=c.useState(null),d=Hs(a),m=Hs(o),f=c.useRef(null),h=Xt(t,u),x=c.useRef({paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}}).current;c.useEffect(()=>{if(r){let g=function(w){if(x.paused||!l)return;const j=w.target;l.contains(j)?f.current=j:Nt(f.current,{select:!0})},y=function(w){if(x.paused||!l)return;const j=w.relatedTarget;j!==null&&(l.contains(j)||Nt(f.current,{select:!0}))},p=function(w){if(document.activeElement===document.body)for(const T of w)T.removedNodes.length>0&&Nt(l)};document.addEventListener("focusin",g),document.addEventListener("focusout",y);const v=new MutationObserver(p);return l&&v.observe(l,{childList:!0,subtree:!0}),()=>{document.removeEventListener("focusin",g),document.removeEventListener("focusout",y),v.disconnect()}}},[r,l,x.paused]),c.useEffect(()=>{if(l){Io.add(x);const g=document.activeElement;if(!l.contains(g)){const p=new CustomEvent(xr,Co);l.addEventListener(xr,d),l.dispatchEvent(p),p.defaultPrevented||(cp(hp(Tl(l)),{select:!0}),document.activeElement===g&&Nt(l))}return()=>{l.removeEventListener(xr,d),setTimeout(()=>{const p=new CustomEvent(br,Co);l.addEventListener(br,m),l.dispatchEvent(p),p.defaultPrevented||Nt(g??document.body,{select:!0}),l.removeEventListener(br,m),Io.remove(x)},0)}}},[l,d,m,x]);const b=c.useCallback(g=>{if(!s&&!r||x.paused)return;const y=g.key==="Tab"&&!g.altKey&&!g.ctrlKey&&!g.metaKey,p=document.activeElement;if(y&&p){const v=g.currentTarget,[w,j]=up(v);w&&j?!g.shiftKey&&p===j?(g.preventDefault(),s&&Nt(w,{select:!0})):g.shiftKey&&p===w&&(g.preventDefault(),s&&Nt(j,{select:!0})):p===v&&g.preventDefault()}},[s,r,x.paused]);return n.jsx(vt.div,{tabIndex:-1,...i,ref:h,onKeyDown:b})});Il.displayName=lp;function cp(e,{select:t=!1}={}){const s=document.activeElement;for(const r of e)if(Nt(r,{select:t}),document.activeElement!==s)return}function up(e){const t=Tl(e),s=Eo(t,e),r=Eo(t.reverse(),e);return[s,r]}function Tl(e){const t=[],s=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:r=>{const a=r.tagName==="INPUT"&&r.type==="hidden";return r.disabled||r.hidden||a?NodeFilter.FILTER_SKIP:r.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;s.nextNode();)t.push(s.currentNode);return t}function Eo(e,t){const s=typeof t.checkVisibility=="function"&&t.checkVisibility({checkVisibilityCSS:!0});for(const r of e)if(!(s?!r.checkVisibility({checkVisibilityCSS:!0}):dp(r,{upTo:t})))return r}function dp(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 fp(e){return e instanceof HTMLInputElement&&"select"in e}function Nt(e,{select:t=!1}={}){if(e&&e.focus){const s=document.activeElement;e.focus({preventScroll:!0}),e!==s&&fp(e)&&t&&e.select()}}var Io=mp();function mp(){let e=[];return{add(t){const s=e[0];t!==s&&s?.pause(),e=To(e,t),e.unshift(t)},remove(t){e=To(e,t),e[0]?.resume()}}}function To(e,t){const s=[...e],r=s.indexOf(t);return r!==-1&&s.splice(r,1),s}function hp(e){return e.filter(t=>t.tagName!=="A")}var pp=ta[" useId ".trim().toString()]||(()=>{}),gp=0;function vr(e){const[t,s]=c.useState(pp());return Us(()=>{s(r=>r??String(gp++))},[e]),e||(t?`radix-${t}`:"")}var xp="Portal",Rl=c.forwardRef((e,t)=>{const{container:s,...r}=e,[a,o]=c.useState(!1);Us(()=>o(!0),[]);const i=s||a&&globalThis?.document?.body;return i?sa.createPortal(n.jsx(vt.div,{...r,ref:t}),i):null});Rl.displayName=xp;function bp(e,t){return c.useReducer((s,r)=>t[s][r]??s,e)}var qn=e=>{const{present:t,children:s}=e,r=vp(t),a=typeof s=="function"?s({present:r.isPresent}):c.Children.only(s),o=yp(r.ref,wp(a));return typeof s=="function"||r.isPresent?c.cloneElement(a,{ref:o}):null};qn.displayName="Presence";function vp(e){const[t,s]=c.useState(),r=c.useRef(null),a=c.useRef(e),o=c.useRef("none"),i=c.useRef(void 0),l=e?"mounted":"unmounted",[u,d]=bp(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??Ds(r.current),i.current=void 0):o.current="none"},[u]),Us(()=>{const m=r.current,f=a.current;if(f!==e){const x=o.current,b=Ds(m);e?(i.current=b,d("MOUNT")):b==="none"||m?.display==="none"?d("UNMOUNT"):d(f&&x!==b?"ANIMATION_OUT":"UNMOUNT"),a.current=e}},[e,d]),Us(()=>{if(t){let m;const f=t.ownerDocument.defaultView??window,h=b=>{const y=Ds(r.current).includes(CSS.escape(b.animationName));if(b.target===t&&y&&(d("ANIMATION_END"),!a.current)){const p=t.style.animationFillMode;t.style.animationFillMode="forwards",m=f.setTimeout(()=>{t.style.animationFillMode==="forwards"&&(t.style.animationFillMode=p)})}},x=b=>{b.target===t&&(o.current=Ds(r.current))};return t.addEventListener("animationstart",x),t.addEventListener("animationcancel",h),t.addEventListener("animationend",h),()=>{f.clearTimeout(m),t.removeEventListener("animationstart",x),t.removeEventListener("animationcancel",h),t.removeEventListener("animationend",h)}}else d("ANIMATION_END")},[t,d]),{isPresent:["mounted","unmountSuspended"].includes(u),ref:c.useCallback(m=>{if(m){const f=getComputedStyle(m);r.current=f,i.current=Ds(f)}else r.current=null;s(m)},[])}}function Ro(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function yp(...e){const t=c.useRef(e);return t.current=e,c.useCallback(s=>{const r=t.current;let a=!1;const o=r.map(i=>{const l=Ro(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():Ro(r[i],null)}}},[])}function Ds(e){return e?.animationName||"none"}function wp(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 jp=function(e){if(typeof document>"u")return null;var t=Array.isArray(e)?e[0]:e;return t.ownerDocument.body},rs=new WeakMap,gn=new WeakMap,xn={},yr=0,Ml=function(e){return e&&(e.host||Ml(e.parentNode))},Sp=function(e,t){return t.map(function(s){if(e.contains(s))return s;var r=Ml(s);return r&&e.contains(r)?r:(console.error("aria-hidden",s,"in not contained inside",e,". Doing nothing"),null)}).filter(function(s){return!!s})},kp=function(e,t,s,r){var a=Sp(t,Array.isArray(e)?e:[e]);xn[s]||(xn[s]=new WeakMap);var o=xn[s],i=[],l=new Set,u=new Set(a),d=function(f){!f||l.has(f)||(l.add(f),d(f.parentNode))};a.forEach(d);var m=function(f){!f||u.has(f)||Array.prototype.forEach.call(f.children,function(h){if(l.has(h))m(h);else try{var x=h.getAttribute(r),b=x!==null&&x!=="false",g=(rs.get(h)||0)+1,y=(o.get(h)||0)+1;rs.set(h,g),o.set(h,y),i.push(h),g===1&&b&&gn.set(h,!0),y===1&&h.setAttribute(s,"true"),b||h.setAttribute(r,"true")}catch(p){console.error("aria-hidden: cannot operate on ",h,p)}})};return m(t),l.clear(),yr++,function(){i.forEach(function(f){var h=rs.get(f)-1,x=o.get(f)-1;rs.set(f,h),o.set(f,x),h||(gn.has(f)||f.removeAttribute(r),gn.delete(f)),x||f.removeAttribute(s)}),yr--,yr||(rs=new WeakMap,rs=new WeakMap,gn=new WeakMap,xn={})}},Np=function(e,t,s){s===void 0&&(s="data-aria-hidden");var r=Array.from(Array.isArray(e)?e:[e]),a=jp(e);return a?(r.push.apply(r,Array.from(a.querySelectorAll("[aria-live], script"))),kp(r,a,s,"aria-hidden")):function(){return null}},Nn="right-scroll-bar-position",Cn="width-before-scroll-bar",Cp="with-scroll-bars-hidden",Ep="--removed-body-scroll-bar-size";function wr(e,t){return typeof e=="function"?e(t):e&&(e.current=t),e}function Ip(e,t){var s=c.useState(function(){return{value:e,callback:t,facade:{get current(){return s.value},set current(r){var a=s.value;a!==r&&(s.value=r,s.callback(r,a))}}}})[0];return s.callback=t,s.facade}var Tp=typeof window<"u"?c.useLayoutEffect:c.useEffect,Mo=new WeakMap;function Rp(e,t){var s=Ip(null,function(r){return e.forEach(function(a){return wr(a,r)})});return Tp(function(){var r=Mo.get(s);if(r){var a=new Set(r),o=new Set(e),i=s.current;a.forEach(function(l){o.has(l)||wr(l,null)}),o.forEach(function(l){a.has(l)||wr(l,i)})}Mo.set(s,e)},[e]),s}function Mp(e){return e}function Dp(e,t){t===void 0&&(t=Mp);var s=[],r=!1,a={read:function(){if(r)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,r);return s.push(i),function(){s=s.filter(function(l){return l!==i})}},assignSyncMedium:function(o){for(r=!0;s.length;){var i=s;s=[],i.forEach(o)}s={push:function(l){return o(l)},filter:function(){return s}}},assignMedium:function(o){r=!0;var i=[];if(s.length){var l=s;s=[],l.forEach(o),i=s}var u=function(){var m=i;i=[],m.forEach(o)},d=function(){return Promise.resolve().then(u)};d(),s={push:function(m){i.push(m),d()},filter:function(m){return i=i.filter(m),s}}}};return a}function Ap(e){e===void 0&&(e={});var t=Dp(null);return t.options=Ct({async:!0,ssr:!1},e),t}var Dl=function(e){var t=e.sideCar,s=wi(e,["sideCar"]);if(!t)throw new Error("Sidecar: please provide `sideCar` property to import the right car");var r=t.read();if(!r)throw new Error("Sidecar medium not found");return c.createElement(r,Ct({},s))};Dl.isSideCarExport=!0;function Op(e,t){return e.useMedium(t),Dl}var Al=Ap(),jr=function(){},Un=c.forwardRef(function(e,t){var s=c.useRef(null),r=c.useState({onScrollCapture:jr,onWheelCapture:jr,onTouchMoveCapture:jr}),a=r[0],o=r[1],i=e.forwardProps,l=e.children,u=e.className,d=e.removeScrollBar,m=e.enabled,f=e.shards,h=e.sideCar,x=e.noRelative,b=e.noIsolation,g=e.inert,y=e.allowPinchZoom,p=e.as,v=p===void 0?"div":p,w=e.gapMode,j=wi(e,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noRelative","noIsolation","inert","allowPinchZoom","as","gapMode"]),T=h,N=Rp([s,t]),k=Ct(Ct({},j),a);return c.createElement(c.Fragment,null,m&&c.createElement(T,{sideCar:Al,removeScrollBar:d,shards:f,noRelative:x,noIsolation:b,inert:g,setCallbacks:o,allowPinchZoom:!!y,lockRef:s,gapMode:w}),i?c.cloneElement(c.Children.only(l),Ct(Ct({},k),{ref:N})):c.createElement(v,Ct({},k,{className:u,ref:N}),l))});Un.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1};Un.classNames={fullWidth:Cn,zeroRight:Nn};var Pp=function(){if(typeof __webpack_nonce__<"u")return __webpack_nonce__};function Lp(){if(!document)return null;var e=document.createElement("style");e.type="text/css";var t=Pp();return t&&e.setAttribute("nonce",t),e}function $p(e,t){e.styleSheet?e.styleSheet.cssText=t:e.appendChild(document.createTextNode(t))}function zp(e){var t=document.head||document.getElementsByTagName("head")[0];t.appendChild(e)}var Fp=function(){var e=0,t=null;return{add:function(s){e==0&&(t=Lp())&&($p(t,s),zp(t)),e++},remove:function(){e--,!e&&t&&(t.parentNode&&t.parentNode.removeChild(t),t=null)}}},_p=function(){var e=Fp();return function(t,s){c.useEffect(function(){return e.add(t),function(){e.remove()}},[t&&s])}},Ol=function(){var e=_p(),t=function(s){var r=s.styles,a=s.dynamic;return e(r,a),null};return t},Bp={left:0,top:0,right:0,gap:0},Sr=function(e){return parseInt(e||"",10)||0},Kp=function(e){var t=window.getComputedStyle(document.body),s=t[e==="padding"?"paddingLeft":"marginLeft"],r=t[e==="padding"?"paddingTop":"marginTop"],a=t[e==="padding"?"paddingRight":"marginRight"];return[Sr(s),Sr(r),Sr(a)]},qp=function(e){if(e===void 0&&(e="margin"),typeof window>"u")return Bp;var t=Kp(e),s=document.documentElement.clientWidth,r=window.innerWidth;return{left:t[0],top:t[1],right:t[2],gap:Math.max(0,r-s+t[2]-t[0])}},Up=Ol(),fs="data-scroll-locked",Hp=function(e,t,s,r){var a=e.left,o=e.top,i=e.right,l=e.gap;return s===void 0&&(s="margin"),`
|
|
76
|
-
.`.concat(Cp,` {
|
|
77
|
-
overflow: hidden `).concat(r,`;
|
|
78
|
-
padding-right: `).concat(l,"px ").concat(r,`;
|
|
79
|
-
}
|
|
80
|
-
body[`).concat(fs,`] {
|
|
81
|
-
overflow: hidden `).concat(r,`;
|
|
82
|
-
overscroll-behavior: contain;
|
|
83
|
-
`).concat([t&&"position: relative ".concat(r,";"),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(r,`;
|
|
90
|
-
`),s==="padding"&&"padding-right: ".concat(l,"px ").concat(r,";")].filter(Boolean).join(""),`
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
.`).concat(Nn,` {
|
|
94
|
-
right: `).concat(l,"px ").concat(r,`;
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
.`).concat(Cn,` {
|
|
98
|
-
margin-right: `).concat(l,"px ").concat(r,`;
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
.`).concat(Nn," .").concat(Nn,` {
|
|
102
|
-
right: 0 `).concat(r,`;
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
.`).concat(Cn," .").concat(Cn,` {
|
|
106
|
-
margin-right: 0 `).concat(r,`;
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
body[`).concat(fs,`] {
|
|
110
|
-
`).concat(Ep,": ").concat(l,`px;
|
|
111
|
-
}
|
|
112
|
-
`)},Do=function(){var e=parseInt(document.body.getAttribute(fs)||"0",10);return isFinite(e)?e:0},Qp=function(){c.useEffect(function(){return document.body.setAttribute(fs,(Do()+1).toString()),function(){var e=Do()-1;e<=0?document.body.removeAttribute(fs):document.body.setAttribute(fs,e.toString())}},[])},Wp=function(e){var t=e.noRelative,s=e.noImportant,r=e.gapMode,a=r===void 0?"margin":r;Qp();var o=c.useMemo(function(){return qp(a)},[a]);return c.createElement(Up,{styles:Hp(o,!t,a,s?"":"!important")})},Br=!1;if(typeof window<"u")try{var bn=Object.defineProperty({},"passive",{get:function(){return Br=!0,!0}});window.addEventListener("test",bn,bn),window.removeEventListener("test",bn,bn)}catch{Br=!1}var as=Br?{passive:!1}:!1,Vp=function(e){return e.tagName==="TEXTAREA"},Pl=function(e,t){if(!(e instanceof Element))return!1;var s=window.getComputedStyle(e);return s[t]!=="hidden"&&!(s.overflowY===s.overflowX&&!Vp(e)&&s[t]==="visible")},Yp=function(e){return Pl(e,"overflowY")},Gp=function(e){return Pl(e,"overflowX")},Ao=function(e,t){var s=t.ownerDocument,r=t;do{typeof ShadowRoot<"u"&&r instanceof ShadowRoot&&(r=r.host);var a=Ll(e,r);if(a){var o=$l(e,r),i=o[1],l=o[2];if(i>l)return!0}r=r.parentNode}while(r&&r!==s.body);return!1},Xp=function(e){var t=e.scrollTop,s=e.scrollHeight,r=e.clientHeight;return[t,s,r]},Jp=function(e){var t=e.scrollLeft,s=e.scrollWidth,r=e.clientWidth;return[t,s,r]},Ll=function(e,t){return e==="v"?Yp(t):Gp(t)},$l=function(e,t){return e==="v"?Xp(t):Jp(t)},Zp=function(e,t){return e==="h"&&t==="rtl"?-1:1},eg=function(e,t,s,r,a){var o=Zp(e,window.getComputedStyle(t).direction),i=o*r,l=s.target,u=t.contains(l),d=!1,m=i>0,f=0,h=0;do{if(!l)break;var x=$l(e,l),b=x[0],g=x[1],y=x[2],p=g-y-o*b;(b||p)&&Ll(e,l)&&(f+=p,h+=b);var v=l.parentNode;l=v&&v.nodeType===Node.DOCUMENT_FRAGMENT_NODE?v.host:v}while(!u&&l!==document.body||u&&(t.contains(l)||t===l));return(m&&Math.abs(f)<1||!m&&Math.abs(h)<1)&&(d=!0),d},vn=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},Oo=function(e){return[e.deltaX,e.deltaY]},Po=function(e){return e&&"current"in e?e.current:e},tg=function(e,t){return e[0]===t[0]&&e[1]===t[1]},sg=function(e){return`
|
|
113
|
-
.block-interactivity-`.concat(e,` {pointer-events: none;}
|
|
114
|
-
.allow-interactivity-`).concat(e,` {pointer-events: all;}
|
|
115
|
-
`)},ng=0,os=[];function rg(e){var t=c.useRef([]),s=c.useRef([0,0]),r=c.useRef(),a=c.useState(ng++)[0],o=c.useState(Ol)[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 g=Pu([e.lockRef.current],(e.shards||[]).map(Po),!0).filter(Boolean);return g.forEach(function(y){return y.classList.add("allow-interactivity-".concat(a))}),function(){document.body.classList.remove("block-interactivity-".concat(a)),g.forEach(function(y){return y.classList.remove("allow-interactivity-".concat(a))})}}},[e.inert,e.lockRef.current,e.shards]);var l=c.useCallback(function(g,y){if("touches"in g&&g.touches.length===2||g.type==="wheel"&&g.ctrlKey)return!i.current.allowPinchZoom;var p=vn(g),v=s.current,w="deltaX"in g?g.deltaX:v[0]-p[0],j="deltaY"in g?g.deltaY:v[1]-p[1],T,N=g.target,k=Math.abs(w)>Math.abs(j)?"h":"v";if("touches"in g&&k==="h"&&N.type==="range")return!1;var C=window.getSelection(),R=C&&C.anchorNode,O=R?R===N||R.contains(N):!1;if(O)return!1;var M=Ao(k,N);if(!M)return!0;if(M?T=k:(T=k==="v"?"h":"v",M=Ao(k,N)),!M)return!1;if(!r.current&&"changedTouches"in g&&(w||j)&&(r.current=T),!T)return!0;var L=r.current||T;return eg(L,y,g,L==="h"?w:j)},[]),u=c.useCallback(function(g){var y=g;if(!(!os.length||os[os.length-1]!==o)){var p="deltaY"in y?Oo(y):vn(y),v=t.current.filter(function(T){return T.name===y.type&&(T.target===y.target||y.target===T.shadowParent)&&tg(T.delta,p)})[0];if(v&&v.should){y.cancelable&&y.preventDefault();return}if(!v){var w=(i.current.shards||[]).map(Po).filter(Boolean).filter(function(T){return T.contains(y.target)}),j=w.length>0?l(y,w[0]):!i.current.noIsolation;j&&y.cancelable&&y.preventDefault()}}},[]),d=c.useCallback(function(g,y,p,v){var w={name:g,delta:y,target:p,should:v,shadowParent:ag(p)};t.current.push(w),setTimeout(function(){t.current=t.current.filter(function(j){return j!==w})},1)},[]),m=c.useCallback(function(g){s.current=vn(g),r.current=void 0},[]),f=c.useCallback(function(g){d(g.type,Oo(g),g.target,l(g,e.lockRef.current))},[]),h=c.useCallback(function(g){d(g.type,vn(g),g.target,l(g,e.lockRef.current))},[]);c.useEffect(function(){return os.push(o),e.setCallbacks({onScrollCapture:f,onWheelCapture:f,onTouchMoveCapture:h}),document.addEventListener("wheel",u,as),document.addEventListener("touchmove",u,as),document.addEventListener("touchstart",m,as),function(){os=os.filter(function(g){return g!==o}),document.removeEventListener("wheel",u,as),document.removeEventListener("touchmove",u,as),document.removeEventListener("touchstart",m,as)}},[]);var x=e.removeScrollBar,b=e.inert;return c.createElement(c.Fragment,null,b?c.createElement(o,{styles:sg(a)}):null,x?c.createElement(Wp,{noRelative:e.noRelative,gapMode:e.gapMode}):null)}function ag(e){for(var t=null;e!==null;)e instanceof ShadowRoot&&(t=e.host,e=e.host),e=e.parentNode;return t}const og=Op(Al,rg);var zl=c.forwardRef(function(e,t){return c.createElement(Un,Ct({},e,{ref:t,sideCar:og}))});zl.classNames=Un.classNames;var ig=class extends na{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,r=super.createResult(e,t),{isFetching:a,isRefetching:o,isError:i,isRefetchError:l}=r,u=s.fetchMeta?.fetchMore?.direction,d=i&&u==="forward",m=a&&u==="forward",f=i&&u==="backward",h=a&&u==="backward";return{...r,fetchNextPage:this.fetchNextPage,fetchPreviousPage:this.fetchPreviousPage,hasNextPage:$u(t,s.data),hasPreviousPage:Lu(t,s.data),isFetchNextPageError:d,isFetchingNextPage:m,isFetchPreviousPageError:f,isFetchingPreviousPage:h,isRefetchError:l&&!d&&!f,isRefetching:o&&!m&&!h}}};function Lo(e,t){const s=new Set(t);return e.filter(r=>!s.has(r))}function lg(e,t,s){const r=e.slice(0);return r[t]=s,r}var cg=class extends zu{#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,Dr.batch(()=>{const s=this.#t,r=this.#f(this.#a);r.forEach(m=>m.observer.setOptions(m.defaultedQueryOptions));const a=r.map(m=>m.observer),o=a.map(m=>m.getCurrentResult()),i=s.length!==a.length,l=a.some((m,f)=>m!==s[f]),u=i||l,d=u?!0:o.some((m,f)=>{const h=this.#e[f];return!h||!Fu(m,h)});!u&&!d||(u&&(this.#c=r,this.#t=a),this.#e=o,this.hasListeners()&&(u&&(Lo(s,a).forEach(m=>{m.destroy()}),Lo(a,s).forEach(m=>{m.subscribe(f=>{this.#m(m,f)})})),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),r=s.map(o=>o.observer.getOptimisticResult(o.defaultedQueryOptions)),a=s.map(o=>o.defaultedQueryOptions.queryHash);return[r,o=>this.#d(o??r,t,a),()=>this.#u(r,s)]}#u(e,t){return t.map((s,r)=>{const a=e[r];return s.defaultedQueryOptions.notifyOnChangeProps?a:s.observer.trackResult(a,o=>{t.forEach(i=>{i.observer.trackProp(o)})})})}#d(e,t,s){if(t){const r=this.#l,a=s!==void 0&&r!==void 0&&(r.length!==s.length||s.some((o,i)=>o!==r[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=_u(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(r=>{const a=r.options.queryHash;if(!a)return;const o=t.get(a);o?o.push(r):t.set(a,[r])});const s=[];return e.forEach(r=>{const a=this.#s.defaultQueryOptions(r),i=t.get(a.queryHash)?.shift()??new na(this.#s,a);s.push({defaultedQueryOptions:a,observer:i})}),s}#m(e,t){const s=this.#t.indexOf(e);s!==-1&&(this.#e=lg(this.#e,s,t),this.#h())}#h(){if(this.hasListeners()){const e=this.#u(this.#e,this.#c),t=this.#p(),s=this.#n,r=t?s:this.#d(e,this.#r?.combine);(t||s!==r)&&Dr.batch(()=>{this.listeners.forEach(a=>{a(this.#e)})})}}};function zt({queries:e,...t},s){const r=je(),a=Bu(),o=Ku(),i=c.useMemo(()=>e.map(g=>{const y=r.defaultQueryOptions(g);return y._optimisticResults=a?"isRestoring":"optimistic",y}),[e,r,a]);i.forEach(g=>{qu(g);const y=r.getQueryCache().get(g.queryHash);Uu(g,o,y)}),Hu(o);const[l]=c.useState(()=>new cg(r,i,t)),[u,d,m]=l.getOptimisticResult(i,t.combine),f=!a&&t.subscribed!==!1;c.useSyncExternalStore(c.useCallback(g=>f?l.subscribe(Dr.batchCalls(g)):Qu,[l,f]),()=>l.getCurrentResult(),()=>l.getCurrentResult()),c.useEffect(()=>{l.setQueries(i,t)},[i,t,l]);const x=u.some((g,y)=>Ba(i[y],g))?u.flatMap((g,y)=>{const p=i[y];if(p&&Ba(p,g)){const v=new na(r,p);return Wu(p,v,o)}return[]}):[];if(x.length>0)throw Promise.all(x);const b=u.find((g,y)=>{const p=i[y];return p&&Vu({result:g,errorResetBoundary:o,throwOnError:p.throwOnError,query:r.getQueryCache().get(p.queryHash),suspense:p.suspense})});if(b?.error)throw b.error;return d(m())}function Fl(e,t){return Yu(e,ig)}function pt(e){const t=ji({warn:e?.router===void 0}),s=e?.router||t;return Si(s.stores.__store,ki(e,s))}function Hn(e){const t=ji();return Si(t.stores.location,ki(e,t))}const ug=new Set(["outbox","flagged"]),dg=e=>{const[,t,s]=e.split(/[?#]/)[0].split("/");return t!=="mail"||!s?!1:!ug.has(s)};function fg(e){const t=zt({queries:e.map(s=>({...Je({path:{accountId:s.accountId}}),staleTime:1/0}))});for(const[s,r]of e.entries()){const a=t[s];if(!a||a.isPending)return;const o=a.data?.items??[];if(o.length===0)continue;const i=vs(r.folderAppointments);return(o.find(u=>i.get(u.mailboxId)==="inbox")??o[0])?.mailboxId}}function _l(e){const{openCompose:t}=Ot(),s=Re(),r=Hn(),a=fg(e);return c.useCallback(()=>{if(dg(r.pathname)){c.startTransition(()=>{t({mode:"new"})});return}a&&(c.startTransition(()=>{t({mode:"new"})}),s({to:"/mail/$mailboxId",params:{mailboxId:a}}))},[t,s,r.pathname,a])}const mg=e=>e.startsWith("/mail")||e.startsWith("/settings"),hg=({accounts:e})=>{const{state:t}=Ot(),s=Hn(),r=_l(e),a=s.search,o=typeof a?.selectedMessageId=="string"&&a.selectedMessageId.length>0;return!mg(s.pathname)||t.isOpen||o?null:n.jsx("button",{type:"button",onClick:r,"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:n.jsx(Cf,{className:"size-6"})})},Bl=({trigger:e,children:t,align:s="right"})=>{const[r,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(()=>(r&&(document.addEventListener("mousedown",i),document.addEventListener("keydown",l)),()=>{document.removeEventListener("mousedown",i),document.removeEventListener("keydown",l)}),[r,i,l]),n.jsxs("div",{ref:o,className:"relative",children:[n.jsx("button",{type:"button",onClick:u=>{u.stopPropagation(),a(!r)},className:fe("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}),r&&n.jsx("div",{className:fe("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})]})},us=({onClick:e,disabled:t,destructive:s,children:r})=>n.jsx("button",{type:"button",onClick:a=>{a.stopPropagation(),t||e()},disabled:t,className:fe("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:r}),Kr=()=>n.jsx("div",{className:"my-1 h-px bg-line"}),Kl=({children:e})=>{const{Account:t}=ra();return n.jsx(t,{children:e})},pg=({email:e,onSignOut:t})=>{const s=Re(),r=e??"Account";return n.jsxs(Bl,{trigger:n.jsx(Ze,{name:r,email:e??void 0,size:"sm"}),align:"right",children:[e&&n.jsxs(n.Fragment,{children:[n.jsx("div",{className:"px-3 py-2 text-xs text-fg-muted truncate",title:e,"data-testid":"account-menu-email",children:e}),n.jsx(Kr,{})]}),n.jsxs(us,{onClick:()=>s({to:"/settings/accounts"}),children:[n.jsx(ol,{className:"size-4"}),"Settings"]}),n.jsx(Kr,{}),n.jsxs(us,{onClick:t,children:[n.jsx(sl,{className:"size-4"}),"Sign out"]})]})},gg=()=>n.jsx(Kl,{children:({email:e,signOut:t})=>n.jsx(pg,{email:e,onSignOut:t})}),$o=()=>{const e=aa(),t=oa(e);window.open(t,"_blank","noopener,noreferrer")};function ql({variant:e="icon"}){return e==="drawer"?n.jsxs("button",{type:"button",onClick:$o,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:[n.jsx(Ga,{className:"size-4 shrink-0"}),n.jsx("span",{className:"flex-1 truncate text-left",children:"Report a bug"})]}):n.jsx(Z,{variant:"ghost",size:"sm",icon:n.jsx(Ga,{className:"size-4"}),title:"Report a bug","aria-label":"Report a bug",onClick:$o})}const Ul="/mail/",Sa="/mail/$mailboxId",Hl="/mail/outbox",Ql="/mail/flagged";function ka(e){return e.some(t=>t.routeId===Ul)}function tn(e){return e.some(t=>t.routeId===Ql)}function Qn(e){return e.some(t=>t.routeId===Hl)}function Wl(e){return e.some(t=>t.routeId===Sa)}function xg(e){const t=e.find(s=>s.params?.mailboxId)?.params?.mailboxId;return t?`${Sa}:${t}`:tn(e)?Ql:Qn(e)?Hl:ka(e)?Ul:""}const En="search-scope";function bg(e){const t=e.trim().replace(/\s+/g," ").toLowerCase();return/\s/.test(t)?`in:"${t}"`:`in:${t}`}function Vl(e){return tn(e)||Qn(e)||Wl(e)}function Yl(e){return e.find(t=>t.routeId===Sa)?.params?.mailboxId}function vg(e){const t=Yl(e.matches);return t||(Vl(e.matches)?e.callerMailboxId:e.callerMailboxId??e.inTokenMailboxId)}function yg(e,t){return ka(e)?{kind:"global"}:tn(e)?{kind:"scoped",chip:{id:En,label:"is:starred"}}:Qn(e)?{kind:"scoped",chip:{id:En,label:"in:outbox"}}:Wl(e)?t?{kind:"scoped",chip:{id:En,label:bg(t)}}:{kind:"pending"}:{kind:"global"}}function wg(e,t,s){return t.kind==="global"?{kind:"global"}:tn(e)?{kind:"collection"}:{kind:"folder",...s?{role:s}:{}}}const Gl=({accounts:e})=>{const t=ia({strict:!1}),s=Hn(),r=t.mailboxId,{t:a}=Ln("mail",{useSuspense:!1}),o=c.useCallback((l,u)=>a(l,{defaultValue:u}),[a]),i=zt({queries:e.map(l=>({...Je({path:{accountId:l.accountId}}),staleTime:1/0}))});if(s.pathname.startsWith("/mail/outbox"))return"Outbox";if(!r)return null;for(let l=0;l<e.length;l++){const u=i[l]?.data?.items;if(!u)continue;const d=u.find(f=>f.mailboxId===r);if(!d)continue;const m=vs(e[l].folderAppointments);return ms(d,m.get(r),o)}return null},jg=({accounts:e})=>{const s=ia({strict:!1}).mailboxId,r=zt({queries:e.map(a=>({...Je({path:{accountId:a.accountId}}),staleTime:1/0}))});if(!s)return null;for(const a of r){const o=a.data?.items;if(!o)continue;const i=o.find(l=>l.mailboxId===s);if(i)return i.unseenCount}return null};function Xl(e){const t=Re(),{searchInput:s}=Se(),r=Gl({accounts:e}),a=pt({select:l=>l.matches}),o=yg(a,r),i=c.useCallback(l=>{l===En&&t({to:"/mail",search:{q:s||void 0,selectedMessageId:void 0}})},[t,s]);return{scope:o,clearScope:i}}const Jl=[{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 Sg(e){for(const t of Jl){const s=t.hints.find(r=>r.action===e);if(s)return s.keys}}function ls(e){const t=Sg(e);return!t||t.length===0?"":t.length===1?`(${t[0]})`:t[0]==="g"?`(${t.join(" then ")})`:`(${t.join("")})`}const kg={global:"Search all mail",pending:"Search mail",scoped:"Search this folder"};function Ng({accounts:e}){const{searchInput:t,onSearchChange:s,onSearchClear:r,onSearchClearQuery:a}=Se(),o=_l(e),{scope:i,clearScope:l}=Xl(e),u=i.kind==="scoped"?[{id:i.chip.id,label:i.chip.label,tone:"scope"}]:void 0,d=kg[i.kind];return n.jsx(Pm,{leading:n.jsx("span",{className:"px-1 text-sm font-semibold tracking-tight text-fg",children:"remit"}),search:n.jsx(ba,{value:t,onChange:s,onClear:r,onClearQuery:a,chips:u,onRemoveChip:l,placeholder:d,size:"lg"}),actions:n.jsxs(n.Fragment,{children:[n.jsx(Z,{variant:"ghost",size:"sm",icon:n.jsx(Rf,{className:"size-4"}),title:`Compose ${ls("compose")}`,"aria-label":"Compose",onClick:o}),n.jsx(ql,{}),n.jsx(gg,{})]})})}const Na=({isOpen:e,onClose:t,children:s,ariaLabel:r="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 d=h=>{h.key==="Escape"&&(h.preventDefault(),t())};document.addEventListener("keydown",d),i.current?.querySelector("button, [href], input, select, textarea, [tabindex]:not([tabindex='-1'])")?.focus();const f=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",d),document.body.style.overflow=f,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 n.jsxs("div",{className:"fixed inset-0 z-50 lg:hidden",role:"dialog","aria-modal":"true","aria-label":r,children:[n.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"}),n.jsxs("div",{ref:i,className:fe("absolute top-0 bottom-0 bg-canvas border-line shadow-xl flex flex-col",o,u),children:[n.jsx("div",{className:"flex items-center justify-end h-12 px-2 border-b border-line shrink-0",children:n.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:n.jsx(qe,{className:"size-5"})})}),n.jsx("div",{className:"flex-1 overflow-y-auto",children:s})]})]})},Cg=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 r=t.find(a=>a.mediaSubtype.toUpperCase()==="PLAIN");return r?{kind:"text",contentUrl:r.contentUrl}:null},qr={all:["messages"],detail:e=>[...qr.all,"detail",e],body:e=>[...qr.detail(e),"body"]};class Ut extends Error{reason;status;retryAfterSeconds;constructor(t,s,r,a){super(s),this.name="BodyFetchError",this.reason=t,this.status=r,this.retryAfterSeconds=a}}const Eg=e=>{const t=Number.parseInt(e??"",10);return!Number.isFinite(t)||t<=0?1:Math.min(t,30)},Ig=8,Tg="x-remit-403-reason",Rg=(e,t)=>{const s=t?.trim()??"";return e===401?"auth":e===403?s.length>0?"auth":"body-missing":e===404?"body-missing":"generic"},Mg=(e,t)=>(t??"").toLowerCase().startsWith("text/html")?/<div\s+id=["']root["']/i.test(e):!1,Dg=(e,t)=>{const s=(t??"").toLowerCase();return!!(e==="text"&&s.startsWith("text/html"))},Ag=async(e,t,s=async()=>null)=>{const r={},a=await s();a&&(r.Authorization=`Bearer ${a}`);const o=await Gu(e,{headers:r});if(o.status===202)throw new Ut("not-ready","Message body is still syncing",202,Eg(o.headers.get("Retry-After")));if(!o.ok){const u=o.headers.get(Tg),d=Rg(o.status,u);throw new Ut(d,`Failed to load message body (${o.status} ${o.statusText})`,o.status)}const i=o.headers.get("content-type");if(Dg(t,i))throw new Ut("content-type-mismatch",`Refusing to render message body — expected ${t}, got Content-Type ${i}`);const l=await o.text();if(Mg(l,i))throw new Ut("spa-shell-leak","Refusing to render message body — response looks like the SPA shell (CloudFront 403/404 fallback leaked through to /content/*)");return l},Og=async(e,t)=>(t.isRetryAfterNotReady&&await e.refetchDescribeMessage(),e.fetchContent(t.contentUrl,t.kind)),Zl=({messageId:e,bodyParts:t,enabled:s=!0})=>{const r=t?Cg(t):null,a=Vs(),{getToken:o}=ra(),i=c.useRef(null),l=je(),u=c.useRef(!1),d=c.useRef(null),m=e&&r?`${e}:${r.contentUrl}`:null;d.current!==m&&(d.current=m,u.current=!1);const f=de({queryKey:e?[...qr.body(e),r?.contentUrl??null]:["messages","body","noop"],queryFn:()=>{if(!r)throw new Error("No renderable body part");if(!e)throw new Error("No messageId");const b=u.current;return u.current=!1,Og({fetchContent:(g,y)=>Ag(g,y,o),refetchDescribeMessage:()=>l.refetchQueries({queryKey:Ni({path:{messageId:e}})})},{contentUrl:r.contentUrl,kind:r.kind,isRetryAfterNotReady:b})},enabled:s&&!!e&&!!r,staleTime:300*1e3,gcTime:1800*1e3,retry:(b,g)=>g instanceof Ut&&g.reason==="not-ready"?b<Ig:b<1,retryDelay:(b,g)=>g instanceof Ut&&g.reason==="not-ready"?(u.current=!0,(g.retryAfterSeconds??1)*1e3):1e3,meta:{softError:!0}}),h=f.isLoading&&!!r;c.useEffect(()=>{h&&(i.current=performance.now())},[h]),c.useEffect(()=>{f.isSuccess&&i.current!==null&&(a.recordTiming("message.body.load",Math.round(performance.now()-i.current)),i.current=null)},[f.isSuccess,a]);const x=f.data&&r?{kind:r.kind,body:f.data}:void 0;return{picked:r,data:x,isLoading:h,isError:f.isError,error:f.error,refetch:f.refetch}},Pg=({outboxMessageId:e,onDraftCreated:t})=>{const[s,r]=c.useState("idle"),[a,o]=c.useState(null),i=c.useRef(void 0),l=je(),u=ge(Ci()),d=ge(Xu()),m=c.useCallback(async b=>{if(r("saving"),o(null),e){const y=await d.mutateAsync({path:{outboxMessageId:e},body:{toAddresses:b.toAddresses,ccAddresses:b.ccAddresses,bccAddresses:b.bccAddresses,subject:b.subject,textBody:b.textBody,htmlBody:b.htmlBody,inReplyTo:b.inReplyTo,references:b.references}});return r("saved"),y}const g=await u.mutateAsync({body:{...b,sendImmediately:!1}});return t(g.outboxMessageId),r("saved"),l.invalidateQueries({queryKey:$n().queryKey}),g},[e,u,d,t,l]),f=c.useCallback(b=>{i.current&&clearTimeout(i.current),i.current=setTimeout(()=>{m(b).catch(g=>{o(g),r("error")})},2e3)},[m]),h=c.useCallback(b=>(i.current&&clearTimeout(i.current),m(b)),[m]),x=c.useCallback(()=>{i.current&&clearTimeout(i.current)},[]);return{saveStatus:s,saveError:a,saveDraft:f,saveImmediately:h,cancelAutoSave:x}},ec=e=>"text"in e&&!("children"in e),tc=e=>e.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,"""),Lg=e=>{let t=tc(e.text);return e.bold&&(t=`<strong>${t}</strong>`),e.italic&&(t=`<em>${t}</em>`),t},sc=e=>{const t=e.children.map(s=>ec(s)?Lg(s):sc(s)).join("");switch(e.type){case"blockquote":return`<blockquote>${t}</blockquote>`;case"a":{const s=e.url??"";return`<a href="${tc(s)}">${t}</a>`}default:return`<p>${t}</p>`}},zo=e=>e.map(sc).join(""),nc=e=>ec(e)?e.text:e.children.map(nc).join(""),Ur=e=>e.map(nc).join(`
|
|
116
|
-
`),$g=e=>e.displayName?`${e.displayName} <${e.normalizedEmail}>`:e.normalizedEmail,Fo=e=>/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e.trim()),zg=e=>{const t=e.trim();if(!t)return;const s=t.match(/^(.+?)\s*<([^>]+)>$/);if(s){const r=s[1].trim(),a=s[2].trim();if(Fo(a))return{email:a,displayName:r}}if(Fo(t))return{email:t}},kr=({label:e,addresses:t,onChange:s,placeholder:r})=>{const[a,o]=c.useState(""),[i,l]=c.useState(-1),[u,d]=c.useState(!1),m=c.useRef(null),f=c.useRef(null),h=Oi(a,200),{data:x}=de({...Ei({query:{q:h,limit:8}}),enabled:h.length>=2}),b=x?.items??[],g=new Set(t.map(k=>k.email.toLowerCase())),y=b.filter(k=>!g.has(k.normalizedEmail.toLowerCase()));c.useEffect(()=>{l(-1),d(y.length>0&&a.length>=2)},[y.length,a.length]);const p=c.useCallback(k=>{g.has(k.email.toLowerCase())||(s([...t,k]),o(""),d(!1))},[t,g,s]),v=c.useCallback(k=>{s(t.filter((C,R)=>R!==k))},[t,s]),w=c.useCallback(k=>{p({email:k.normalizedEmail,displayName:k.displayName}),m.current?.focus()},[p]),j=c.useCallback(()=>{const k=zg(a);k&&p(k)},[a,p]),T=c.useCallback(k=>{if(k.key==="Backspace"&&a===""&&t.length>0){v(t.length-1);return}if(k.key==="Enter"||k.key==="Tab"||k.key===","){if(i>=0&&y[i]){k.preventDefault(),w(y[i]);return}a.trim()&&(k.preventDefault(),j());return}if(k.key==="ArrowDown"&&u){k.preventDefault(),l(C=>C<y.length-1?C+1:0);return}if(k.key==="ArrowUp"&&u){k.preventDefault(),l(C=>C>0?C-1:y.length-1);return}k.key==="Escape"&&(d(!1),l(-1))},[a,t.length,i,y,u,v,w,j]),N=c.useCallback(()=>{setTimeout(()=>{j(),d(!1)},150)},[j]);return n.jsxs("div",{className:"relative",children:[n.jsxs("div",{className:"flex items-start gap-2",children:[n.jsxs("label",{htmlFor:`address-field-${e}`,className:"text-sm text-fg-muted shrink-0 w-12 pt-1.5",children:[e,":"]}),n.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:()=>m.current?.focus(),onKeyDown:k=>{(k.key==="Enter"||k.key===" ")&&m.current?.focus()},children:[t.map((k,C)=>n.jsx(Of,{email:k.email,displayName:k.displayName,onRemove:()=>v(C)},k.email)),n.jsx("input",{ref:m,id:`address-field-${e}`,type:"text",value:a,onChange:k=>o(k.target.value),onKeyDown:T,onBlur:N,placeholder:t.length===0?r:"",className:"flex-1 min-w-[120px] bg-transparent outline-none text-sm py-0.5"})]})]}),u&&y.length>0&&n.jsx("ul",{ref:f,className:"absolute left-12 right-0 mt-1 bg-surface border border-line rounded-md shadow-lg z-50 max-h-[200px] overflow-auto",children:y.map((k,C)=>n.jsx("li",{className:fe("px-3 py-2 text-sm cursor-pointer transition-colors",C===i&&"bg-accent-2-soft"),onMouseDown:R=>{R.preventDefault(),w(k)},onMouseEnter:()=>l(C),children:$g(k)},k.addressId))})]})},Fg=({accountId:e})=>{const t=Re();return n.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:[n.jsx(ea,{className:"size-5 shrink-0 mt-0.5 text-warning","aria-hidden":"true"}),n.jsxs("div",{className:"flex-1 min-w-0",children:[n.jsx("p",{className:"text-sm font-medium text-warning",children:"This account can't send mail until SMTP is configured."}),n.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",n.jsx(vf,{className:"size-3","aria-hidden":"true"})]})]})]})},Hr=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 r=window.matchMedia(e),a=o=>s(o.matches);return s(r.matches),r.addEventListener("change",a),()=>r.removeEventListener("change",a)},[e]),t},Jt=()=>Hr("(min-width: 1024px)"),_o=150,_g=()=>{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>_o}});return c.useEffect(()=>{if(typeof window>"u"||!window.visualViewport)return;const s=window.visualViewport,r=()=>{const a=s.height;t({viewportHeight:a,isKeyboardOpen:window.innerHeight-a>_o})};return r(),s.addEventListener("resize",r),()=>s.removeEventListener("resize",r)},[]),e},Bg=({selectedAccountId:e,onSelect:t})=>{const{data:s}=de({...xt(),staleTime:1/0}),r=s?.accounts??[];if(c.useEffect(()=>{!e&&r.length===1&&r[0]&&t(r[0])},[e,r,t]),r.length<=1){const a=r[0];return a?n.jsxs("div",{className:"flex items-start gap-2",children:[n.jsx("label",{className:"text-sm text-fg-muted shrink-0 w-12 pt-1.5",children:"From:"}),n.jsx("div",{className:"text-sm py-1.5",children:a.email})]}):null}return n.jsxs("div",{className:"flex items-start gap-2",children:[n.jsx("label",{htmlFor:"from-account-selector",className:"text-sm text-fg-muted shrink-0 w-12 pt-1.5",children:"From:"}),n.jsx("select",{id:"from-account-selector",value:e??"",onChange:a=>{const o=r.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:r.map(a=>n.jsx("option",{value:a.accountId,children:a.email},a.accountId))})]})},Kg=({value:e,onChange:t})=>n.jsxs("div",{className:"flex items-start gap-2",children:[n.jsx("label",{className:"text-sm text-fg-muted shrink-0 w-12 pt-1.5",children:"Subj:"}),n.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})]}),qg=["p","br","strong","b","em","i","a","blockquote","ul","ol","li"],Ug=["href"],Hg=e=>xi.sanitize(e,{ALLOWED_TAGS:qg,ALLOWED_ATTR:Ug}),Qg=c.lazy(()=>Zu(()=>import("./ComposeBody-DOmKVYMo.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13])).then(e=>({default:e.ComposeBody}))),Wg=()=>n.jsxs("div",{className:"min-h-[120px] px-3 py-2",children:[n.jsx("div",{className:"h-8 mb-2 rounded bg-surface-sunken animate-pulse"}),n.jsx("div",{className:"min-h-[80px] rounded bg-surface-sunken/50 animate-pulse"})]}),rc=[{type:"p",children:[{text:""}]}],Vg=[{type:"p",children:[{text:""}]},{type:"p",children:[{text:"-- "}]}],Yg=e=>e?[...Vg,{type:"p",children:[{text:e}]}]:rc,Gg=e=>e?/^re:\s/i.test(e)?e:`Re: ${e}`:"Re: ",Xg=e=>e?/^fwd?:\s/i.test(e)?e:`Fwd: ${e}`:"Fwd: ",Jg=(e,t,s)=>{const{envelope:r}=e,o=(r.replyTo.length>0?r.replyTo:r.from).map(d=>({email:d.normalizedEmail,displayName:d.displayName}));if(t!=="reply_all")return{to:o,cc:[]};const i=s?.toLowerCase(),l=new Set(o.map(d=>d.email.toLowerCase())),u=[...r.to,...r.cc].filter(d=>d.normalizedEmail.toLowerCase()!==i&&!l.has(d.normalizedEmail.toLowerCase())).map(d=>({email:d.normalizedEmail,displayName:d.displayName}));return{to:o,cc:u}},Zg=e=>{const t=e.envelope.messageIdValue,r=[...e.references.filter(a=>a.referenceType==="references").sort((a,o)=>a.referenceOrder-o.referenceOrder).map(a=>a.messageIdValue)];return t&&!r.includes(t)&&r.push(t),{inReplyTo:t,references:r}},ex=(e,t,s,r,a)=>e.length===0&&t.length===0&&s.length===0&&r.trim()===""&&Ur(a).trim()==="",tx=({selectedAccountId:e,onAccountChange:t,toAddresses:s,setToAddresses:r,ccAddresses:a,setCcAddresses:o,bccAddresses:i,setBccAddresses:l,showCc:u,setShowCc:d,showBcc:m,setShowBcc:f,subject:h,setSubject:x})=>{const b=Jt(),{isKeyboardOpen:g}=_g();if(!b&&g){const p=[];return s.length>0&&p.push(`To: ${s.map(v=>v.displayName??v.email).join(", ")}`),a.length>0&&p.push(`Cc: ${a.length}`),i.length>0&&p.push(`Bcc: ${i.length}`),h&&p.push(h),n.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:[n.jsx("span",{className:"truncate text-xs text-fg-muted",children:p.length>0?p.join(" · "):"…"}),n.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 n.jsxs("div",{className:"space-y-1 px-3 py-2 border-b border-line",children:[n.jsx(Bg,{selectedAccountId:e,onSelect:t}),n.jsx(kr,{label:"To",addresses:s,onChange:r,placeholder:"Recipients"}),u?n.jsx(kr,{label:"Cc",addresses:a,onChange:o}):n.jsxs("div",{className:"flex gap-2 pl-14",children:[n.jsx("button",{type:"button",onClick:()=>d(!0),className:"text-xs text-fg-muted hover:text-fg transition-colors",children:"Cc"}),n.jsx("button",{type:"button",onClick:()=>f(!0),className:"text-xs text-fg-muted hover:text-fg transition-colors",children:"Bcc"})]}),u&&!m&&n.jsx("div",{className:"pl-14",children:n.jsx("button",{type:"button",onClick:()=>f(!0),className:"text-xs text-fg-muted hover:text-fg transition-colors",children:"Bcc"})}),m&&n.jsx(kr,{label:"Bcc",addresses:i,onChange:l}),n.jsx(Kg,{value:h,onChange:x})]})},Ca=({mode:e,account:t,sourceMessage:s,onClose:r,onAccountChange:a})=>{const{state:o,setOutboxMessageId:i,startSendPolling:l}=Ot(),{pushError:u}=Ue(),{outboxMessageId:d}=o,[m,f]=c.useState([]),[h,x]=c.useState([]),[b,g]=c.useState([]),[y,p]=c.useState(""),[v,w]=c.useState(!1),[j,T]=c.useState(!1),[N,k]=c.useState(t?.accountId),[C,R]=c.useState(!1),O=c.useRef(d);c.useEffect(()=>{O.current!==d&&(O.current=d,d&&(f([]),x([]),g([]),p(""),w(!1),T(!1),E(rc),R(!1)))},[d]);const{signature:M}=Ed(N),[L,E]=c.useState(()=>Yg(M.plainText)),{data:S}=de({...Ju({path:{outboxMessageId:d??""}}),enabled:!!d&&!C});c.useEffect(()=>{!S||C||(f(S.toAddresses.map(V=>({email:V,displayName:void 0}))),S.ccAddresses&&S.ccAddresses.length>0&&(x(S.ccAddresses.map(V=>({email:V,displayName:void 0}))),w(!0)),S.bccAddresses&&S.bccAddresses.length>0&&(g(S.bccAddresses.map(V=>({email:V,displayName:void 0}))),T(!0)),S.subject&&p(S.subject),S.textBody&&E([{type:"p",children:[{text:S.textBody}]}]),k(S.accountId),R(!0))},[S,C]),c.useEffect(()=>{if(s){if(e==="reply"||e==="reply_all"){const{to:V,cc:_}=Jg(s,e,t?.email);f(V),x(_),_.length>0&&w(!0),p(Gg(s.envelope.subject))}e==="forward"&&p(Xg(s.envelope.subject))}},[e,s,t?.email]);const I=e==="reply"||e==="reply_all"||e==="forward",{data:P}=Zl({messageId:s?.message.messageId,bodyParts:s?.bodyParts,enabled:I&&!!s}),D=P?.kind==="text"?P.body:"",B=P?.kind==="html"?Hg(P.body):void 0,A=s?.envelope.from[0]?.displayName??s?.envelope.from[0]?.normalizedEmail,{saveStatus:q,saveError:U,saveDraft:ee,cancelAutoSave:le}=Pg({outboxMessageId:d,onDraftCreated:i});c.useEffect(()=>{U&&u({title:"Couldn't save draft",detail:at(U)??"Saving the draft failed.",error:U})},[U,u]);const Y=ge(Ci()),z=ge(Ii()),W=ge({...zn(),onError:V=>{u(Ht("Couldn't discard draft","The draft wasn't discarded.",V))}}),{data:H}=de({...xt(),staleTime:1/0}),te=H?.accounts.find(V=>V.accountId===N),ne=te?Nd(te):!1,G=Y.isPending||z.isPending,Ee=m.length>0&&!!N&&!ne;c.useEffect(()=>{if(!N||d&&!C||ex(m,h,b,y,L))return;const V=Ur(L),_=zo(L);ee({accountId:N,toAddresses:m.map(re=>re.email),ccAddresses:h.length>0?h.map(re=>re.email):void 0,bccAddresses:b.length>0?b.map(re=>re.email):void 0,subject:y||void 0,textBody:V||void 0,htmlBody:_||void 0})},[N,d,C,m,h,b,y,L,ee]);const he=c.useCallback(async()=>{if(!N||m.length===0)return;le();const V=s&&(e==="reply"||e==="reply_all")?Zg(s):{};let _=d,re=!1;if(!_){const Qe=Ur(L),Le=zo(L),De=await Y.mutateAsync({body:{accountId:N,toAddresses:m.map(xe=>xe.email),ccAddresses:h.length>0?h.map(xe=>xe.email):void 0,bccAddresses:b.length>0?b.map(xe=>xe.email):void 0,subject:y||void 0,textBody:Qe||void 0,htmlBody:Le||void 0,sendImmediately:!0,...V}}).catch(xe=>(u({title:"Couldn't send message",detail:at(xe)??"Saving the draft failed.",error:xe}),null));if(De===null)return;_=De.outboxMessageId,re=!0,i(_)}await z.mutateAsync({path:{outboxMessageId:_}}).catch(Qe=>(u({title:"Couldn't send message",detail:at(Qe)??(re?"The draft was saved but the send request failed. Try again from the Outbox.":"The send request failed. Try again."),error:Qe}),null))!==null&&(l(_),r())},[N,m,h,b,y,L,e,s,d,Y,z,le,l,i,u,r]),ke=c.useCallback(()=>{le(),d&&W.mutate({path:{outboxMessageId:d}}),r()},[le,d,W,r]),J=c.useCallback(V=>{k(V.accountId),a?.(V)},[a]);return n.jsx(Qm,{banner:te&&ne?n.jsx(Fg,{accountId:te.accountId}):void 0,header:n.jsx(tx,{selectedAccountId:N,onAccountChange:J,toAddresses:m,setToAddresses:f,ccAddresses:h,setCcAddresses:x,bccAddresses:b,setBccAddresses:g,showCc:v,setShowCc:w,showBcc:j,setShowBcc:T,subject:y,setSubject:p}),quoted:D||B?n.jsx(gh,{text:D,html:B,senderName:A}):void 0,actionBar:n.jsx(Hm,{onSend:he,onDiscard:ke,sending:G,canSend:Ee,saveStatus:q,unavailableReason:ne?"SMTP not configured":void 0,onUnavailable:V=>u({title:"Can't send yet",detail:V})}),children:n.jsx(c.Suspense,{fallback:n.jsx(Wg,{}),children:n.jsx(Qg,{value:L,onChange:E,onSubmit:he,autoFocus:e==="new"})})})},Bo=({mode:e,account:t,sourceMessage:s,onClose:r})=>n.jsx("div",{className:"border-t border-line bg-canvas max-h-[400px] flex flex-col",children:n.jsx(Ca,{mode:e,account:t,sourceMessage:s,onClose:r})}),ac=({message:e,icon:t})=>n.jsxs("div",{className:"flex flex-col items-center justify-center p-8 text-center",children:[t&&n.jsx("div",{className:"mb-4 text-fg-muted",children:t}),n.jsx("p",{className:"text-fg-muted",children:e})]}),Ea=({enabled:e=!0,bindings:t,capture:s=!1})=>{const r=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 d=i.noModifiers??!0,m=u||a.altKey||i.requireShift===void 0&&a.shiftKey;if(d&&m)continue}i.preventDefault&&a.preventDefault(),i.stopPropagation&&(a.stopPropagation(),a.stopImmediatePropagation()),i.handler(a);return}},[t]);c.useEffect(()=>{if(e)return window.addEventListener("keydown",r,s),()=>window.removeEventListener("keydown",r,s)},[e,r,s])},oc=e=>{const{data:t,isLoading:s}=de({...xt(),staleTime:1/0}),r=c.useMemo(()=>(t?.accounts??[]).map(l=>l.accountId),[t?.accounts]),a=zt({queries:r.map(l=>({...Je({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<r.length;l++)if((a[l].data?.items??[]).some(m=>m.mailboxId===e))return r[l]}},[e,r,a]),isLoading:o}},sx=e=>typeof e=="object"&&e!==null&&Array.isArray(e.pages),nx=e=>typeof e=="object"&&e!==null&&Array.isArray(e.items),xs=(e,t)=>e===void 0?e:sx(e)?{...e,pages:e.pages.map(s=>({...s,items:t(s.items)}))}:nx(e)?{...e,items:t(e.items)}:e,rx=(e,t,s)=>{const r=new Map(t.map(o=>[o.messageId,o.mailboxId])),a=new Set;for(const o of e)a.add(r.get(o)??s);return[...a]},Ko=(e,t,s)=>e.map(r=>t.has(r.messageId)?{...r,isRead:s}:r),ax=(e,t,s,r)=>e.filter(a=>!a.isRead&&t.has(a.threadMessageId)&&!s.has(a.messageId)&&!r.has(a.messageId)).map(a=>a.messageId),ox=({messages:e,expandedIds:t,threadId:s,mailboxId:r,accountId:a})=>{const o=je(),{pushError:i}=Ue(),l=c.useRef(new Set),u=c.useRef(new Set),{mutate:d}=ge({...Fn(),onMutate:async h=>{const x=new Set(h.body.messageIds??[]),b=h.body.isRead??!0,g=Yt({path:{threadId:s}}),y=rx(x,e,r),p=y.map(N=>lt({path:{mailboxId:N}})),v=y.map(N=>bt({path:{mailboxId:N}}));await Promise.all([o.cancelQueries({queryKey:g}),...p.map(N=>o.cancelQueries({queryKey:N})),...v.map(N=>o.cancelQueries({queryKey:N}))]);const w=o.getQueriesData({queryKey:g}).filter(N=>N[1]!==void 0).map(([N,k])=>({queryKey:N,data:k})),j=[...p,...v].flatMap(N=>o.getQueriesData({queryKey:N})).filter(N=>N[1]!==void 0).map(([N,k])=>({queryKey:N,data:k}));o.setQueriesData({queryKey:g},N=>N&&{...N,items:Ko(N.items,x,b)});const T=N=>xs(N,k=>Ko(k,x,b));for(const N of[...p,...v])o.setQueriesData({queryKey:N},T);return{threadMessagesPrefix:g,threadsListPrefixes:p,threadsSearchPrefixes:v,previousThreadMessages:w,previousThreadsList:j}},onSuccess:(h,x)=>{const b=x.body.messageIds??[];for(const g of b)l.current.add(g),u.current.delete(g)},onError:(h,x,b)=>{const g=x.body.messageIds??[];for(const p of g)u.current.delete(p);if(b){for(const p of b.previousThreadMessages)o.setQueryData(p.queryKey,p.data);for(const p of b.previousThreadsList)o.setQueryData(p.queryKey,p.data)}const y=x.body.isRead??!0;i({title:y?"Couldn't mark as read":"Couldn't mark as unread",detail:at(h),error:h})},onSettled:(h,x,b,g)=>{if(g){o.invalidateQueries({queryKey:g.threadMessagesPrefix});for(const y of[...g.threadsListPrefixes,...g.threadsSearchPrefixes])o.invalidateQueries({queryKey:y});a&&o.invalidateQueries({queryKey:Vt({path:{accountId:a}})})}}}),m=c.useCallback(h=>{const x=h.filter(b=>!l.current.has(b)&&!u.current.has(b));if(x.length!==0){for(const b of x)u.current.add(b);d({body:{messageIds:x,isRead:!0}})}},[d]),f=c.useMemo(()=>ax(e,t,l.current,u.current),[e,t]);c.useEffect(()=>{f.length!==0&&m(f)},[f,m]),c.useEffect(()=>{l.current.clear(),u.current.clear()},[s])},ic=e=>{const{mailboxId:t,accountId:s}=e,r=je(),{pushError:a}=Ue(),{mutate:o,isPending:i}=ge({...Fn(),onError:(u,d)=>{const m=d.body.isRead??!0;a({title:m?"Couldn't mark as read":"Couldn't mark as unread",detail:at(u),error:u})},onSettled:()=>{r.invalidateQueries({queryKey:lt({path:{mailboxId:t}})}),r.invalidateQueries({queryKey:bt({path:{mailboxId:t}})}),s&&r.invalidateQueries({queryKey:Vt({path:{accountId:s}})})}});return{toggleReadFor:c.useCallback((u,d)=>{u.length!==0&&o({body:{messageIds:u,isRead:d}})},[o]),isPending:i}},ix=60,lx=1.5,cx=(e,t,s)=>{const r=Math.abs(e),a=Math.abs(t);return r<s?{direction:null}:r<a*lx?{direction:null}:{direction:e<0?"left":"right"}},ux=({onSwipeLeft:e,onSwipeRight:t,thresholdPx:s=ix})=>{const r=c.useRef(null),a=c.useCallback(u=>{if(u.pointerType==="mouse"){r.current=null;return}r.current={x:u.clientX,y:u.clientY}},[]),o=c.useCallback(()=>{},[]),i=c.useCallback(u=>{const d=r.current;if(r.current=null,!d)return;const{direction:m}=cx(u.clientX-d.x,u.clientY-d.y,s);m==="left"&&e?.(),m==="right"&&t?.()},[e,t,s]),l=c.useCallback(()=>{r.current=null},[]);return{handlers:{onPointerDown:a,onPointerMove:o,onPointerUp:i,onPointerCancel:l}}},dx=(e,t,s)=>t?.find(r=>r.messageId===e)?.mailboxId??s,qo=(e,t,s)=>e.map(r=>r.messageId===t?{...r,hasStars:s}:r),Qr=({threadId:e,mailboxId:t,messages:s})=>{const r=je(),{pushError:a}=Ue(),{mutate:o,isPending:i,variables:l}=ge({...ed(),onMutate:async d=>{const m=d.path.messageId,f=d.body.isStarred??!1,h=Yt({path:{threadId:e}}),x=dx(m,s,t),b=lt({path:{mailboxId:x}}),g=bt({path:{mailboxId:x}}),y=Ti();await Promise.all([r.cancelQueries({queryKey:h}),r.cancelQueries({queryKey:b}),r.cancelQueries({queryKey:g}),r.cancelQueries({queryKey:y})]);const p=r.getQueriesData({queryKey:h}).filter(N=>N[1]!==void 0).map(([N,k])=>({queryKey:N,data:k})),v=r.getQueriesData({queryKey:b}).concat(r.getQueriesData({queryKey:g})).filter(N=>N[1]!==void 0).map(([N,k])=>({queryKey:N,data:k})),w=r.getQueriesData({queryKey:y}).filter(N=>N[1]!==void 0).map(([N,k])=>({queryKey:N,data:k})),j=N=>xs(N,k=>qo(k,m,f));r.setQueriesData({queryKey:h},j),r.setQueriesData({queryKey:y},j);const T=N=>xs(N,k=>qo(k,m,f));return r.setQueriesData({queryKey:b},T),r.setQueriesData({queryKey:g},T),{threadMessagesPrefix:h,threadsListPrefix:b,threadsSearchPrefix:g,unifiedThreadsPrefix:y,previousThreadMessages:p,previousThreadsList:v,previousUnifiedThreads:w}},onError:(d,m,f)=>{if(f){for(const x of f.previousThreadMessages)r.setQueryData(x.queryKey,x.data);for(const x of f.previousThreadsList)r.setQueryData(x.queryKey,x.data);for(const x of f.previousUnifiedThreads)r.setQueryData(x.queryKey,x.data)}const h=m.body.isStarred??!1;a({title:h?"Couldn't star message":"Couldn't unstar message",detail:at(d),error:d})},onSettled:(d,m,f,h)=>{h&&(r.invalidateQueries({queryKey:h.threadMessagesPrefix}),r.invalidateQueries({queryKey:h.threadsListPrefix}),r.invalidateQueries({queryKey:h.threadsSearchPrefix}),r.invalidateQueries({queryKey:h.unifiedThreadsPrefix}))}});return{toggleStar:(d,m)=>{o({path:{messageId:d},body:{isStarred:!m}})},isPending:i,pendingMessageId:i?l?.path.messageId:void 0}};function Wn(e){return e===void 0?"uncategorized":e}const rt={uncategorized:"uncategorized",personal:"personal",newsletter:"newsletter",marketing:"marketing",automated:"automated",transactional:"transactional",social:"social"},Uo={MoveToInbox:"MoveToInbox",MoveToJunk:"MoveToJunk"},fx={inbox:"Inbox",junk:"Junk"},mx=e=>`Moved from ${fx[e]??"another folder"} by Remit`,hx=(e,t)=>{if(e===Uo.MoveToInbox)return t.inboxMailboxId;if(e===Uo.MoveToJunk)return t.junkMailboxId},px=(e,t,s)=>{if(!e||!t)return!1;const r=hx(e.action,s);return r!==void 0&&r===t},gx=(e,t)=>{if(e==="inbox")return t.inboxMailboxId;if(e==="junk")return t.junkMailboxId},Vn=(e,t)=>{const{data:s,isLoading:r}=de({...xt(),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:r}},xx=e=>{const{mailboxId:t,isLoading:s}=Vn(e,"Archive");return{archiveMailboxId:t,isLoading:s}},bx=e=>{const{mailboxId:t,isLoading:s}=Vn(e,"Drafts");return{draftsMailboxId:t,isLoading:s}},Ia=e=>{const{mailboxId:t,isLoading:s}=Vn(e,"Inbox");return{inboxMailboxId:t,isLoading:s}},Ta=e=>{const{mailboxId:t,isLoading:s}=Vn(e,"Junk");return{junkMailboxId:t,isLoading:s}},lc=e=>{const{data:t}=de({...xt(),staleTime:1/0,enabled:!!e});return c.useMemo(()=>t?.accounts.find(s=>s.accountId===e)?.folderAppointments??[],[t,e])},Ho=(e,t)=>e.filter(s=>!t.has(s.messageId)),Rt=({mailboxId:e,threadId:t,accountId:s,onAfterOptimisticRemove:r})=>{const a=je(),{pushError:o}=Ue(),{mutate:i,isPending:l}=ge({...td(),onMutate:async d=>{const m=new Set(d.body.messageIds??[]),f=t?Yt({path:{threadId:t}}):[],h=lt({path:{mailboxId:e}}),x=bt({path:{mailboxId:e}});await Promise.all([...t?[a.cancelQueries({queryKey:f})]:[],a.cancelQueries({queryKey:h}),a.cancelQueries({queryKey:x})]);const b=t?a.getQueriesData({queryKey:f}).filter(p=>p[1]!==void 0).map(([p,v])=>({queryKey:p,data:v})):[],g=a.getQueriesData({queryKey:h}).concat(a.getQueriesData({queryKey:x})).filter(p=>p[1]!==void 0).map(([p,v])=>({queryKey:p,data:v}));t&&a.setQueriesData({queryKey:f},p=>p&&{...p,items:Ho(p.items,m)});const y=p=>xs(p,v=>Ho(v,m));return a.setQueriesData({queryKey:h},y),a.setQueriesData({queryKey:x},y),r?.(Array.from(m)),{threadMessagesPrefix:f,threadsListPrefix:h,threadsSearchPrefix:x,previousThreadMessages:b,previousThreadsList:g}},onError:(d,m,f)=>{if(f){for(const x of f.previousThreadMessages)a.setQueryData(x.queryKey,x.data);for(const x of f.previousThreadsList)a.setQueryData(x.queryKey,x.data)}const h=m.body.messageIds?.length??0;o({title:h>1?`Couldn't move ${h} messages`:"Couldn't move this message",detail:at(d),error:d})},onSettled:(d,m,f,h)=>{h&&(t&&a.invalidateQueries({queryKey:h.threadMessagesPrefix}),a.invalidateQueries({queryKey:h.threadsListPrefix}),a.invalidateQueries({queryKey:h.threadsSearchPrefix}),s&&a.invalidateQueries({queryKey:Vt({path:{accountId:s}})}))}});return{moveMessages:c.useCallback((d,m)=>{d.length!==0&&i({body:{messageIds:d,destinationMailboxId:m}})},[i]),isPending:l}},vx=({accountId:e,messageId:t,threadId:s,mailboxId:r,autoMoved:a})=>{const{inboxMailboxId:o}=Ia(e),{junkMailboxId:i}=Ta(e),{moveMessages:l,isPending:u}=Rt({mailboxId:r,threadId:s,accountId:e}),d={inboxMailboxId:o,junkMailboxId:i},m=px(a,r,d),f=a?gx(a.fromPlacement,d):void 0,h=c.useCallback(()=>{f&&l([t],f)},[l,t,f]);return!m||!a?{show:!1,label:"",isUndoing:!1}:{show:!0,label:mx(a.fromPlacement),onUndo:f?h:void 0,isUndoing:u}};function cc({accountId:e,messageId:t,threadId:s,mailboxId:r,autoMoved:a,size:o="sm"}){const i=vx({accountId:e,messageId:t,threadId:s,mailboxId:r,autoMoved:a});return i.show?n.jsx(Lm,{label:i.label,size:o,onUndo:i.onUndo,undoLabel:i.isUndoing?"Undoing…":"Undo"}):null}const Qo=(e,t)=>e.filter(s=>!t.has(s.messageId)),yx=e=>e.filter(t=>t.isDeleted!==!0),Bs=({mailboxId:e,threadId:t,accountId:s,onAfterOptimisticRemove:r})=>{const a=je(),{pushError:o}=Ue(),{mutate:i,isPending:l}=ge({...sd(),onMutate:async d=>{const m=new Set(d.body.messageIds??[]),f=t?Yt({path:{threadId:t}}):[],h=lt({path:{mailboxId:e}}),x=bt({path:{mailboxId:e}});await Promise.all([a.cancelQueries({queryKey:f}),a.cancelQueries({queryKey:h}),a.cancelQueries({queryKey:x})]);const b=t?a.getQueriesData({queryKey:f}).filter(p=>p[1]!==void 0).map(([p,v])=>({queryKey:p,data:v})):[],g=a.getQueriesData({queryKey:h}).concat(a.getQueriesData({queryKey:x})).filter(p=>p[1]!==void 0).map(([p,v])=>({queryKey:p,data:v}));t&&a.setQueriesData({queryKey:f},p=>p&&{...p,items:Qo(p.items,m)});const y=p=>xs(p,v=>Qo(v,m));return a.setQueriesData({queryKey:h},y),a.setQueriesData({queryKey:x},y),r?.(Array.from(m)),{threadMessagesPrefix:f,threadsListPrefix:h,threadsSearchPrefix:x,previousThreadMessages:b,previousThreadsList:g}},onError:(d,m,f)=>{if(f){for(const x of f.previousThreadMessages)a.setQueryData(x.queryKey,x.data);for(const x of f.previousThreadsList)a.setQueryData(x.queryKey,x.data)}const h=m.body.messageIds?.length??0;o({title:h>1?`Couldn't delete ${h} messages`:"Couldn't delete this message",detail:at(d),error:d})},onSettled:(d,m,f,h)=>{h&&(t&&a.invalidateQueries({queryKey:h.threadMessagesPrefix}),a.invalidateQueries({queryKey:h.threadsListPrefix}),a.invalidateQueries({queryKey:h.threadsSearchPrefix}),s&&a.invalidateQueries({queryKey:Vt({path:{accountId:s}})}))}});return{deleteMessages:c.useCallback(d=>{d.length!==0&&i({body:{messageIds:d}})},[i]),isPending:l}},uc=(e,t=Date.now())=>({value:e,setAt:t}),wx=(e,t,s,r)=>{if(e.addressId!==t)return e;const a={...e.flags??{}};return s?a.trusted=uc(!0,r):delete a.trusted,{...e,flags:a}},jx=(e,t,s,r)=>{const a=o=>o.map(i=>wx(i,t,s,r));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)}}},Ra=({messageId:e})=>{const t=je(),{pushError:s}=Ue(),{mutate:r,isPending:a,error:o,reset:i}=ge({...Ri(),onMutate:async u=>{const d=u.path.addressId,f=u.body.flags?.trusted?.value===!0,h=Ni({path:{messageId:e}});await t.cancelQueries({queryKey:h});const x=t.getQueriesData({queryKey:h}).filter(b=>b[1]!==void 0).map(([b,g])=>({queryKey:b,data:g}));return t.setQueriesData({queryKey:h},b=>b&&jx(b,d,f)),{describePrefix:h,previous:x}},onError:(u,d,m)=>{if(m)for(const f of m.previous)t.setQueryData(f.queryKey,f.data);s(Ht("Couldn't trust sender","The change wasn't saved.",u))},onSettled:(u,d,m,f)=>{f&&t.invalidateQueries({queryKey:f.describePrefix})}});return{toggleTrusted:(u,d)=>{r({path:{addressId:u},body:{flags:{trusted:uc(!d)}}})},isPending:a,error:o,reset:i}};var Yn="Dialog",[dc]=Ph(Yn),[Sx,et]=dc(Yn),fc=e=>{const{__scopeDialog:t,children:s,open:r,defaultOpen:a,onOpenChange:o,modal:i=!0}=e,l=c.useRef(null),u=c.useRef(null),[d,m]=zh({prop:r,defaultProp:a??!1,onChange:o,caller:Yn});return n.jsx(Sx,{scope:t,triggerRef:l,contentRef:u,contentId:vr(),titleId:vr(),descriptionId:vr(),open:d,onOpenChange:m,onOpenToggle:c.useCallback(()=>m(f=>!f),[m]),modal:i,children:s})};fc.displayName=Yn;var mc="DialogTrigger",kx=c.forwardRef((e,t)=>{const{__scopeDialog:s,...r}=e,a=et(mc,s),o=Xt(t,a.triggerRef);return n.jsx(vt.button,{type:"button","aria-haspopup":"dialog","aria-expanded":a.open,"aria-controls":a.open?a.contentId:void 0,"data-state":Da(a.open),...r,ref:o,onClick:Tt(e.onClick,a.onOpenToggle)})});kx.displayName=mc;var Ma="DialogPortal",[Nx,hc]=dc(Ma,{forceMount:void 0}),pc=e=>{const{__scopeDialog:t,forceMount:s,children:r,container:a}=e,o=et(Ma,t);return n.jsx(Nx,{scope:t,forceMount:s,children:c.Children.map(r,i=>n.jsx(qn,{present:s||o.open,children:n.jsx(Rl,{asChild:!0,container:a,children:i})}))})};pc.displayName=Ma;var Dn="DialogOverlay",gc=c.forwardRef((e,t)=>{const s=hc(Dn,e.__scopeDialog),{forceMount:r=s.forceMount,...a}=e,o=et(Dn,e.__scopeDialog);return o.modal?n.jsx(qn,{present:r||o.open,children:n.jsx(Ex,{...a,ref:t})}):null});gc.displayName=Dn;var Cx=wa("DialogOverlay.RemoveScroll"),Ex=c.forwardRef((e,t)=>{const{__scopeDialog:s,...r}=e,a=et(Dn,s),o=np(),i=Xt(t,o);return n.jsx(zl,{as:Cx,allowPinchZoom:!0,shards:[a.contentRef],children:n.jsx(vt.div,{"data-state":Da(a.open),...r,ref:i,style:{pointerEvents:"auto",...r.style}})})}),bs="DialogContent",xc=c.forwardRef((e,t)=>{const s=hc(bs,e.__scopeDialog),{forceMount:r=s.forceMount,...a}=e,o=et(bs,e.__scopeDialog);return n.jsx(qn,{present:r||o.open,children:o.modal?n.jsx(Ix,{...a,ref:t}):n.jsx(Tx,{...a,ref:t})})});xc.displayName=bs;var Ix=c.forwardRef((e,t)=>{const s=et(bs,e.__scopeDialog),r=c.useRef(null),a=Xt(t,s.contentRef,r);return c.useEffect(()=>{const o=r.current;if(o)return Np(o)},[]),n.jsx(bc,{...e,ref:a,trapFocus:s.open,disableOutsidePointerEvents:s.open,onCloseAutoFocus:Tt(e.onCloseAutoFocus,o=>{o.preventDefault(),s.triggerRef.current?.focus()}),onPointerDownOutside:Tt(e.onPointerDownOutside,o=>{const i=o.detail.originalEvent,l=i.button===0&&i.ctrlKey===!0;(i.button===2||l)&&o.preventDefault()}),onFocusOutside:Tt(e.onFocusOutside,o=>o.preventDefault())})}),Tx=c.forwardRef((e,t)=>{const s=et(bs,e.__scopeDialog),r=c.useRef(!1),a=c.useRef(!1);return n.jsx(bc,{...e,ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:o=>{e.onCloseAutoFocus?.(o),o.defaultPrevented||(r.current||s.triggerRef.current?.focus(),o.preventDefault()),r.current=!1,a.current=!1},onInteractOutside:o=>{e.onInteractOutside?.(o),o.defaultPrevented||(r.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()}})}),bc=c.forwardRef((e,t)=>{const{__scopeDialog:s,trapFocus:r,onOpenAutoFocus:a,onCloseAutoFocus:o,...i}=e,l=et(bs,s);return ip(),n.jsx(n.Fragment,{children:n.jsx(Il,{asChild:!0,loop:!0,trapped:r,onMountAutoFocus:a,onUnmountAutoFocus:o,children:n.jsx(Cl,{role:"dialog",id:l.contentId,"aria-describedby":l.descriptionId,"aria-labelledby":l.titleId,"data-state":Da(l.open),...i,ref:t,deferPointerDownOutside:!0,onDismiss:()=>l.onOpenChange(!1)})})})}),vc="DialogTitle",yc=c.forwardRef((e,t)=>{const{__scopeDialog:s,...r}=e,a=et(vc,s);return n.jsx(vt.h2,{id:a.titleId,...r,ref:t})});yc.displayName=vc;var wc="DialogDescription",Rx=c.forwardRef((e,t)=>{const{__scopeDialog:s,...r}=e,a=et(wc,s);return n.jsx(vt.p,{id:a.descriptionId,...r,ref:t})});Rx.displayName=wc;var jc="DialogClose",Mx=c.forwardRef((e,t)=>{const{__scopeDialog:s,...r}=e,a=et(jc,s);return n.jsx(vt.button,{type:"button",...r,ref:t,onClick:Tt(e.onClick,()=>a.onOpenChange(!1))})});Mx.displayName=jc;function Da(e){return e?"open":"closed"}function Dx(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 Sc=K.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=K.useContext(Sc);if(!e)throw new Error("useDrawerContext must be used within a Drawer.Root");return e};Dx(`[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 Ax(){const e=navigator.userAgent;return typeof window<"u"&&(/Firefox/.test(e)&&/Mobile/.test(e)||/FxiOS/.test(e))}function Ox(){return Aa(/^Mac/)}function Px(){return Aa(/^iPhone/)}function Wo(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}function Lx(){return Aa(/^iPad/)||Ox()&&navigator.maxTouchPoints>1}function kc(){return Px()||Lx()}function Aa(e){return typeof window<"u"&&window.navigator!=null?e.test(window.navigator.platform):void 0}const $x=24,zx=typeof window<"u"?c.useLayoutEffect:c.useEffect;function Vo(...e){return(...t)=>{for(let s of e)typeof s=="function"&&s(...t)}}const Nr=typeof document<"u"&&window.visualViewport;function Yo(e){let t=window.getComputedStyle(e);return/(auto|scroll)/.test(t.overflow+t.overflowX+t.overflowY)}function Nc(e){for(Yo(e)&&(e=e.parentElement);e&&!Yo(e);)e=e.parentElement;return e||document.scrollingElement||document.documentElement}const Fx=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);let yn=0,Cr;function _x(e={}){let{isDisabled:t}=e;zx(()=>{if(!t)return yn++,yn===1&&kc()&&(Cr=Bx()),()=>{yn--,yn===0&&Cr?.()}},[t])}function Bx(){let e,t=0,s=f=>{e=Nc(f.target),!(e===document.documentElement&&e===document.body)&&(t=f.changedTouches[0].pageY)},r=f=>{if(!e||e===document.documentElement||e===document.body){f.preventDefault();return}let h=f.changedTouches[0].pageY,x=e.scrollTop,b=e.scrollHeight-e.clientHeight;b!==0&&((x<=0&&h>t||x>=b&&h<t)&&f.preventDefault(),t=h)},a=f=>{let h=f.target;Wr(h)&&h!==document.activeElement&&(f.preventDefault(),h.style.transform="translateY(-2000px)",h.focus(),requestAnimationFrame(()=>{h.style.transform=""}))},o=f=>{let h=f.target;Wr(h)&&(h.style.transform="translateY(-2000px)",requestAnimationFrame(()=>{h.style.transform="",Nr&&(Nr.height<window.innerHeight?requestAnimationFrame(()=>{Go(h)}):Nr.addEventListener("resize",()=>Go(h),{once:!0}))}))},i=()=>{window.scrollTo(0,0)},l=window.pageXOffset,u=window.pageYOffset,d=Vo(Kx(document.documentElement,"paddingRight",`${window.innerWidth-document.documentElement.clientWidth}px`));window.scrollTo(0,0);let m=Vo(As(document,"touchstart",s,{passive:!1,capture:!0}),As(document,"touchmove",r,{passive:!1,capture:!0}),As(document,"touchend",a,{passive:!1,capture:!0}),As(document,"focus",o,!0),As(window,"scroll",i));return()=>{d(),m(),window.scrollTo(l,u)}}function Kx(e,t,s){let r=e.style[t];return e.style[t]=s,()=>{e.style[t]=r}}function As(e,t,s,r){return e.addEventListener(t,s,r),()=>{e.removeEventListener(t,s,r)}}function Go(e){let t=document.scrollingElement||document.documentElement;for(;e&&e!==t;){let s=Nc(e);if(s!==document.documentElement&&s!==document.body&&s!==e){let r=s.getBoundingClientRect().top,a=e.getBoundingClientRect().top,o=e.getBoundingClientRect().bottom;const i=s.getBoundingClientRect().bottom+$x;o>i&&(s.scrollTop+=a-r)}e=s.parentElement}}function Wr(e){return e instanceof HTMLInputElement&&!Fx.has(e.type)||e instanceof HTMLTextAreaElement||e instanceof HTMLElement&&e.isContentEditable}function qx(e,t){typeof e=="function"?e(t):e!=null&&(e.current=t)}function Ux(...e){return t=>e.forEach(s=>qx(s,t))}function Cc(...e){return c.useCallback(Ux(...e),e)}const Ec=new WeakMap;function Ce(e,t,s=!1){if(!e||!(e instanceof HTMLElement))return;let r={};Object.entries(t).forEach(([a,o])=>{if(a.startsWith("--")){e.style.setProperty(a,o);return}r[a]=e.style[a],e.style[a]=o}),!s&&Ec.set(e,r)}function Hx(e,t){if(!e||!(e instanceof HTMLElement))return;let s=Ec.get(e);s&&(e.style[t]=s[t])}const we=e=>{switch(e){case"top":case"bottom":return!0;case"left":case"right":return!1;default:return e}};function wn(e,t){if(!e)return null;const s=window.getComputedStyle(e),r=s.transform||s.webkitTransform||s.mozTransform;let a=r.match(/^matrix3d\((.+)\)$/);return a?parseFloat(a[1].split(", ")[we(t)?13:12]):(a=r.match(/^matrix\((.+)\)$/),a?parseFloat(a[1].split(", ")[we(t)?5:4]):null)}function Qx(e){return 8*(Math.log(e+1)-2)}function Er(e,t){if(!e)return()=>{};const s=e.style.cssText;return Object.assign(e.style,t),()=>{e.style.cssText=s}}function Wx(...e){return(...t)=>{for(const s of e)typeof s=="function"&&s(...t)}}const pe={DURATION:.5,EASE:[.32,.72,0,1]},Ic=.4,Vx=.25,Yx=100,Tc=8,qt=16,Vr=26,Ir="vaul-dragging";function Rc(e){const t=K.useRef(e);return K.useEffect(()=>{t.current=e}),K.useMemo(()=>(...s)=>t.current==null?void 0:t.current.call(t,...s),[])}function Gx({defaultProp:e,onChange:t}){const s=K.useState(e),[r]=s,a=K.useRef(r),o=Rc(t);return K.useEffect(()=>{a.current!==r&&(o(r),a.current=r)},[r,a,o]),s}function Mc({prop:e,defaultProp:t,onChange:s=()=>{}}){const[r,a]=Gx({defaultProp:t,onChange:s}),o=e!==void 0,i=o?e:r,l=Rc(s),u=K.useCallback(d=>{if(o){const f=typeof d=="function"?d(e):d;f!==e&&l(f)}else a(d)},[o,e,a,l]);return[i,u]}function Xx({activeSnapPointProp:e,setActiveSnapPointProp:t,snapPoints:s,drawerRef:r,overlayRef:a,fadeFromIndex:o,onSnapPointChange:i,direction:l="bottom",container:u,snapToSequentialPoint:d}){const[m,f]=Mc({prop:e,defaultProp:s?.[0],onChange:t}),[h,x]=K.useState(typeof window<"u"?{innerWidth:window.innerWidth,innerHeight:window.innerHeight}:void 0);K.useEffect(()=>{function k(){x({innerWidth:window.innerWidth,innerHeight:window.innerHeight})}return window.addEventListener("resize",k),()=>window.removeEventListener("resize",k)},[]);const b=K.useMemo(()=>m===s?.[s.length-1]||null,[s,m]),g=K.useMemo(()=>{var k;return(k=s?.findIndex(C=>C===m))!=null?k:null},[s,m]),y=s&&s.length>0&&(o||o===0)&&!Number.isNaN(o)&&s[o]===m||!s,p=K.useMemo(()=>{const k=u?{width:u.getBoundingClientRect().width,height:u.getBoundingClientRect().height}:typeof window<"u"?{width:window.innerWidth,height:window.innerHeight}:{width:0,height:0};var C;return(C=s?.map(R=>{const O=typeof R=="string";let M=0;if(O&&(M=parseInt(R,10)),we(l)){const E=O?M:h?R*k.height:0;return h?l==="bottom"?k.height-E:-k.height+E:E}const L=O?M:h?R*k.width:0;return h?l==="right"?k.width-L:-k.width+L:L}))!=null?C:[]},[s,h,u]),v=K.useMemo(()=>g!==null?p?.[g]:null,[p,g]),w=K.useCallback(k=>{var C;const R=(C=p?.findIndex(O=>O===k))!=null?C:null;i(R),Ce(r.current,{transition:`transform ${pe.DURATION}s cubic-bezier(${pe.EASE.join(",")})`,transform:we(l)?`translate3d(0, ${k}px, 0)`:`translate3d(${k}px, 0, 0)`}),p&&R!==p.length-1&&o!==void 0&&R!==o&&R<o?Ce(a.current,{transition:`opacity ${pe.DURATION}s cubic-bezier(${pe.EASE.join(",")})`,opacity:"0"}):Ce(a.current,{transition:`opacity ${pe.DURATION}s cubic-bezier(${pe.EASE.join(",")})`,opacity:"1"}),f(s?.[Math.max(R,0)])},[r.current,s,p,o,a,f]);K.useEffect(()=>{if(m||e){var k;const C=(k=s?.findIndex(R=>R===e||R===m))!=null?k:-1;p&&C!==-1&&typeof p[C]=="number"&&w(p[C])}},[m,e,s,p,w]);function j({draggedDistance:k,closeDrawer:C,velocity:R,dismissible:O}){if(o===void 0)return;const M=l==="bottom"||l==="right"?(v??0)-k:(v??0)+k,L=g===o-1,E=g===0,S=k>0;if(L&&Ce(a.current,{transition:`opacity ${pe.DURATION}s cubic-bezier(${pe.EASE.join(",")})`}),!d&&R>2&&!S){O?C():w(p[0]);return}if(!d&&R>2&&S&&p&&s){w(p[s.length-1]);return}const I=p?.reduce((D,B)=>typeof D!="number"||typeof B!="number"?D:Math.abs(B-M)<Math.abs(D-M)?B:D),P=we(l)?window.innerHeight:window.innerWidth;if(R>Ic&&Math.abs(k)<P*.4){const D=S?1:-1;if(D>0&&b&&s){w(p[s.length-1]);return}if(E&&D<0&&O&&C(),g===null)return;w(p[g+D]);return}w(I)}function T({draggedDistance:k}){if(v===null)return;const C=l==="bottom"||l==="right"?v-k:v+k;(l==="bottom"||l==="right")&&C<p[p.length-1]||(l==="top"||l==="left")&&C>p[p.length-1]||Ce(r.current,{transform:we(l)?`translate3d(0, ${C}px, 0)`:`translate3d(${C}px, 0, 0)`})}function N(k,C){if(!s||typeof g!="number"||!p||o===void 0)return null;const R=g===o-1;if(g>=o&&C)return 0;if(R&&!C)return 1;if(!y&&!R)return null;const M=R?g+1:g-1,L=R?p[M]-p[M-1]:p[M+1]-p[M],E=k/Math.abs(L);return R?1-E:E}return{isLastSnapPoint:b,activeSnapPoint:m,shouldFade:y,getPercentageDragged:N,setActiveSnapPoint:f,activeSnapPointIndex:g,onRelease:j,onDrag:T,snapPointsOffset:p}}const Jx=()=>()=>{};function Zx(){const{direction:e,isOpen:t,shouldScaleBackground:s,setBackgroundColorOnScale:r,noBodyStyles:a}=sn(),o=K.useRef(null),i=c.useMemo(()=>document.body.style.backgroundColor,[]);function l(){return(window.innerWidth-Vr)/window.innerWidth}K.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;Wx(r&&!a?Er(document.body,{background:"black"}):Jx,Er(u,{transformOrigin:we(e)?"top":"left",transitionProperty:"transform, border-radius",transitionDuration:`${pe.DURATION}s`,transitionTimingFunction:`cubic-bezier(${pe.EASE.join(",")})`}));const d=Er(u,{borderRadius:`${Tc}px`,overflow:"hidden",...we(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()=>{d(),o.current=window.setTimeout(()=>{i?document.body.style.background=i:document.body.style.removeProperty("background")},pe.DURATION*1e3)}}},[t,s,i])}let Os=null;function eb({isOpen:e,modal:t,nested:s,hasBeenOpened:r,preventScrollRestoration:a,noBodyStyles:o}){const[i,l]=K.useState(()=>typeof window<"u"?window.location.href:""),u=K.useRef(0),d=K.useCallback(()=>{if(Wo()&&Os===null&&e&&!o){Os={position:document.body.style.position,top:document.body.style.top,left:document.body.style.left,height:document.body.style.height,right:"unset"};const{scrollX:f,innerHeight:h}=window;document.body.style.setProperty("position","fixed","important"),Object.assign(document.body.style,{top:`${-u.current}px`,left:`${-f}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]),m=K.useCallback(()=>{if(Wo()&&Os!==null&&!o){const f=-parseInt(document.body.style.top,10),h=-parseInt(document.body.style.left,10);Object.assign(document.body.style,Os),window.requestAnimationFrame(()=>{if(a&&i!==window.location.href){l(window.location.href);return}window.scrollTo(h,f)}),Os=null}},[i]);return K.useEffect(()=>{function f(){u.current=window.scrollY}return f(),window.addEventListener("scroll",f),()=>{window.removeEventListener("scroll",f)}},[]),K.useEffect(()=>{if(t)return()=>{typeof document>"u"||document.querySelector("[data-vaul-drawer]")||m()}},[t,m]),K.useEffect(()=>{s||!r||(e?(!window.matchMedia("(display-mode: standalone)").matches&&d(),t||window.setTimeout(()=>{m()},500)):m())},[e,r,i,t,s,d,m]),{restorePositionSetting:m}}function tb({open:e,onOpenChange:t,children:s,onDrag:r,onRelease:a,snapPoints:o,shouldScaleBackground:i=!1,setBackgroundColorOnScale:l=!0,closeThreshold:u=Vx,scrollLockTimeout:d=Yx,dismissible:m=!0,handleOnly:f=!1,fadeFromIndex:h=o&&o.length-1,activeSnapPoint:x,setActiveSnapPoint:b,fixed:g,modal:y=!0,onClose:p,nested:v,noBodyStyles:w=!1,direction:j="bottom",defaultOpen:T=!1,disablePreventScroll:N=!0,snapToSequentialPoint:k=!1,preventScrollRestoration:C=!1,repositionInputs:R=!0,onAnimationEnd:O,container:M,autoFocus:L=!1}){var E,S;const[I=!1,P]=Mc({defaultProp:T,prop:e,onChange:X=>{t?.(X),!X&&!v&&ut(),setTimeout(()=>{O?.(X)},pe.DURATION*1e3),X&&!y&&typeof window<"u"&&window.requestAnimationFrame(()=>{document.body.style.pointerEvents="auto"}),X||(document.body.style.pointerEvents="auto")}}),[D,B]=K.useState(!1),[A,q]=K.useState(!1),[U,ee]=K.useState(!1),le=K.useRef(null),Y=K.useRef(null),z=K.useRef(null),W=K.useRef(null),H=K.useRef(null),te=K.useRef(!1),ne=K.useRef(null),G=K.useRef(0),Ee=K.useRef(!1),he=K.useRef(!T),ke=K.useRef(0),J=K.useRef(null),V=K.useRef(((E=J.current)==null?void 0:E.getBoundingClientRect().height)||0),_=K.useRef(((S=J.current)==null?void 0:S.getBoundingClientRect().width)||0),re=K.useRef(0),He=K.useCallback(X=>{o&&X===ue.length-1&&(Y.current=new Date)},[]),{activeSnapPoint:Qe,activeSnapPointIndex:Le,setActiveSnapPoint:De,onRelease:xe,snapPointsOffset:ue,onDrag:ct,shouldFade:yt,getPercentageDragged:Es}=Xx({snapPoints:o,activeSnapPointProp:x,setActiveSnapPointProp:b,drawerRef:J,fadeFromIndex:h,overlayRef:le,onSnapPointChange:He,direction:j,container:M,snapToSequentialPoint:k});_x({isDisabled:!I||A||!y||U||!D||!R||!N});const{restorePositionSetting:ut}=eb({isOpen:I,modal:y,nested:v??!1,hasBeenOpened:D,preventScrollRestoration:C,noBodyStyles:w});function Fe(){return(window.innerWidth-Vr)/window.innerWidth}function $e(X){var ie,ae;!m&&!o||J.current&&!J.current.contains(X.target)||(V.current=((ie=J.current)==null?void 0:ie.getBoundingClientRect().height)||0,_.current=((ae=J.current)==null?void 0:ae.getBoundingClientRect().width)||0,q(!0),z.current=new Date,kc()&&window.addEventListener("touchend",()=>te.current=!1,{once:!0}),X.target.setPointerCapture(X.pointerId),G.current=we(j)?X.pageY:X.pageX)}function Ae(X,ie){var ae;let oe=X;const me=(ae=window.getSelection())==null?void 0:ae.toString(),Ne=J.current?wn(J.current,j):null,be=new Date;if(oe.tagName==="SELECT"||oe.hasAttribute("data-vaul-no-drag")||oe.closest("[data-vaul-no-drag]"))return!1;if(j==="right"||j==="left")return!0;if(Y.current&&be.getTime()-Y.current.getTime()<500)return!1;if(Ne!==null&&(j==="bottom"?Ne>0:Ne<0))return!0;if(me&&me.length>0)return!1;if(H.current&&be.getTime()-H.current.getTime()<d&&Ne===0||ie)return H.current=be,!1;for(;oe;){if(oe.scrollHeight>oe.clientHeight){if(oe.scrollTop!==0)return H.current=new Date,!1;if(oe.getAttribute("role")==="dialog")return!0}oe=oe.parentNode}return!0}function Ft(X){if(J.current&&A){const ie=j==="bottom"||j==="right"?1:-1,ae=(G.current-(we(j)?X.pageY:X.pageX))*ie,oe=ae>0,me=o&&!m&&!oe;if(me&&Le===0)return;const Ne=Math.abs(ae),be=document.querySelector("[data-vaul-drawer-wrapper]"),ve=j==="bottom"||j==="top"?V.current:_.current;let ye=Ne/ve;const Oe=Es(Ne,oe);if(Oe!==null&&(ye=Oe),me&&ye>=1||!te.current&&!Ae(X.target,oe))return;if(J.current.classList.add(Ir),te.current=!0,Ce(J.current,{transition:"none"}),Ce(le.current,{transition:"none"}),o&&ct({draggedDistance:ae}),oe&&!o){const Me=Qx(ae),ft=Math.min(Me*-1,0)*ie;Ce(J.current,{transform:we(j)?`translate3d(0, ${ft}px, 0)`:`translate3d(${ft}px, 0, 0)`});return}const _e=1-ye;if((yt||h&&Le===h-1)&&(r?.(X,ye),Ce(le.current,{opacity:`${_e}`,transition:"none"},!0)),be&&le.current&&i){const Me=Math.min(Fe()+ye*(1-Fe()),1),ft=8-ye*8,Ye=Math.max(0,14-ye*14);Ce(be,{borderRadius:`${ft}px`,transform:we(j)?`scale(${Me}) translate3d(0, ${Ye}px, 0)`:`scale(${Me}) translate3d(${Ye}px, 0, 0)`,transition:"none"},!0)}if(!o){const Me=Ne*ie;Ce(J.current,{transform:we(j)?`translate3d(0, ${Me}px, 0)`:`translate3d(${Me}px, 0, 0)`})}}}K.useEffect(()=>{window.requestAnimationFrame(()=>{he.current=!0})},[]),K.useEffect(()=>{var X;function ie(){if(!J.current||!R)return;const ae=document.activeElement;if(Wr(ae)||Ee.current){var oe;const me=((oe=window.visualViewport)==null?void 0:oe.height)||0,Ne=window.innerHeight;let be=Ne-me;const ve=J.current.getBoundingClientRect().height||0,ye=ve>Ne*.8;re.current||(re.current=ve);const Oe=J.current.getBoundingClientRect().top;if(Math.abs(ke.current-be)>60&&(Ee.current=!Ee.current),o&&o.length>0&&ue&&Le){const _e=ue[Le]||0;be+=_e}if(ke.current=be,ve>me||Ee.current){const _e=J.current.getBoundingClientRect().height;let Me=_e;_e>me&&(Me=me-(ye?Oe:Vr)),g?J.current.style.height=`${_e-Math.max(be,0)}px`:J.current.style.height=`${Math.max(Me,me-Oe)}px`}else Ax()||(J.current.style.height=`${re.current}px`);o&&o.length>0&&!Ee.current?J.current.style.bottom="0px":J.current.style.bottom=`${Math.max(be,0)}px`}}return(X=window.visualViewport)==null||X.addEventListener("resize",ie),()=>{var ae;return(ae=window.visualViewport)==null?void 0:ae.removeEventListener("resize",ie)}},[Le,o,ue]);function We(X){Zt(),p?.(),X||P(!1),setTimeout(()=>{o&&De(o[0])},pe.DURATION*1e3)}function dt(){if(!J.current)return;const X=document.querySelector("[data-vaul-drawer-wrapper]"),ie=wn(J.current,j);Ce(J.current,{transform:"translate3d(0, 0, 0)",transition:`transform ${pe.DURATION}s cubic-bezier(${pe.EASE.join(",")})`}),Ce(le.current,{transition:`opacity ${pe.DURATION}s cubic-bezier(${pe.EASE.join(",")})`,opacity:"1"}),i&&ie&&ie>0&&I&&Ce(X,{borderRadius:`${Tc}px`,overflow:"hidden",...we(j)?{transform:`scale(${Fe()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,transformOrigin:"top"}:{transform:`scale(${Fe()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,transformOrigin:"left"},transitionProperty:"transform, border-radius",transitionDuration:`${pe.DURATION}s`,transitionTimingFunction:`cubic-bezier(${pe.EASE.join(",")})`},!0)}function Zt(){!A||!J.current||(J.current.classList.remove(Ir),te.current=!1,q(!1),W.current=new Date)}function Ve(X){if(!A||!J.current)return;J.current.classList.remove(Ir),te.current=!1,q(!1),W.current=new Date;const ie=wn(J.current,j);if(!X||!Ae(X.target,!1)||!ie||Number.isNaN(ie)||z.current===null)return;const ae=W.current.getTime()-z.current.getTime(),oe=G.current-(we(j)?X.pageY:X.pageX),me=Math.abs(oe)/ae;if(me>.05&&(ee(!0),setTimeout(()=>{ee(!1)},200)),o){xe({draggedDistance:oe*(j==="bottom"||j==="right"?1:-1),closeDrawer:We,velocity:me,dismissible:m}),a?.(X,!0);return}if(j==="bottom"||j==="right"?oe>0:oe<0){dt(),a?.(X,!0);return}if(me>Ic){We(),a?.(X,!1);return}var Ne;const be=Math.min((Ne=J.current.getBoundingClientRect().height)!=null?Ne:0,window.innerHeight);var ve;const ye=Math.min((ve=J.current.getBoundingClientRect().width)!=null?ve:0,window.innerWidth),Oe=j==="left"||j==="right";if(Math.abs(ie)>=(Oe?ye:be)*u){We(),a?.(X,!1);return}a?.(X,!0),dt()}K.useEffect(()=>(I&&(Ce(document.documentElement,{scrollBehavior:"auto"}),Y.current=new Date),()=>{Hx(document.documentElement,"scrollBehavior")}),[I]);function Te(X){const ie=X?(window.innerWidth-qt)/window.innerWidth:1,ae=X?-qt:0;ne.current&&window.clearTimeout(ne.current),Ce(J.current,{transition:`transform ${pe.DURATION}s cubic-bezier(${pe.EASE.join(",")})`,transform:we(j)?`scale(${ie}) translate3d(0, ${ae}px, 0)`:`scale(${ie}) translate3d(${ae}px, 0, 0)`}),!X&&J.current&&(ne.current=setTimeout(()=>{const oe=wn(J.current,j);Ce(J.current,{transition:"none",transform:we(j)?`translate3d(0, ${oe}px, 0)`:`translate3d(${oe}px, 0, 0)`})},500))}function Is(X,ie){if(ie<0)return;const ae=(window.innerWidth-qt)/window.innerWidth,oe=ae+ie*(1-ae),me=-qt+ie*qt;Ce(J.current,{transform:we(j)?`scale(${oe}) translate3d(0, ${me}px, 0)`:`scale(${oe}) translate3d(${me}px, 0, 0)`,transition:"none"})}function tt(X,ie){const ae=we(j)?window.innerHeight:window.innerWidth,oe=ie?(ae-qt)/ae:1,me=ie?-qt:0;ie&&Ce(J.current,{transition:`transform ${pe.DURATION}s cubic-bezier(${pe.EASE.join(",")})`,transform:we(j)?`scale(${oe}) translate3d(0, ${me}px, 0)`:`scale(${oe}) translate3d(${me}px, 0, 0)`})}return K.useEffect(()=>{y||window.requestAnimationFrame(()=>{document.body.style.pointerEvents="auto"})},[y]),K.createElement(fc,{defaultOpen:T,onOpenChange:X=>{!m&&!X||(X?B(!0):We(!0),P(X))},open:I},K.createElement(Sc.Provider,{value:{activeSnapPoint:Qe,snapPoints:o,setActiveSnapPoint:De,drawerRef:J,overlayRef:le,onOpenChange:t,onPress:$e,onRelease:Ve,onDrag:Ft,dismissible:m,shouldAnimate:he,handleOnly:f,isOpen:I,isDragging:A,shouldFade:yt,closeDrawer:We,onNestedDrag:Is,onNestedOpenChange:Te,onNestedRelease:tt,keyboardIsOpen:Ee,modal:y,snapPointsOffset:ue,activeSnapPointIndex:Le,direction:j,shouldScaleBackground:i,setBackgroundColorOnScale:l,noBodyStyles:w,container:M,autoFocus:L}},s))}const Dc=K.forwardRef(function({...e},t){const{overlayRef:s,snapPoints:r,onRelease:a,shouldFade:o,isOpen:i,modal:l,shouldAnimate:u}=sn(),d=Cc(t,s),m=r&&r.length>0;if(!l)return null;const f=K.useCallback(h=>a(h),[a]);return K.createElement(gc,{onMouseUp:f,ref:d,"data-vaul-overlay":"","data-vaul-snap-points":i&&m?"true":"false","data-vaul-snap-points-overlay":i&&o?"true":"false","data-vaul-animate":u?.current?"true":"false",...e})});Dc.displayName="Drawer.Overlay";const Ac=K.forwardRef(function({onPointerDownOutside:e,style:t,onOpenAutoFocus:s,...r},a){const{drawerRef:o,onPress:i,onRelease:l,onDrag:u,keyboardIsOpen:d,snapPointsOffset:m,activeSnapPointIndex:f,modal:h,isOpen:x,direction:b,snapPoints:g,container:y,handleOnly:p,shouldAnimate:v,autoFocus:w}=sn(),[j,T]=K.useState(!1),N=Cc(a,o),k=K.useRef(null),C=K.useRef(null),R=K.useRef(!1),O=g&&g.length>0;Zx();const M=(E,S,I=0)=>{if(R.current)return!0;const P=Math.abs(E.y),D=Math.abs(E.x),B=D>P,A=["bottom","right"].includes(S)?1:-1;if(S==="left"||S==="right"){if(!(E.x*A<0)&&D>=0&&D<=I)return B}else if(!(E.y*A<0)&&P>=0&&P<=I)return!B;return R.current=!0,!0};K.useEffect(()=>{O&&window.requestAnimationFrame(()=>{T(!0)})},[]);function L(E){k.current=null,R.current=!1,l(E)}return K.createElement(xc,{"data-vaul-drawer-direction":b,"data-vaul-drawer":"","data-vaul-delayed-snap-points":j?"true":"false","data-vaul-snap-points":x&&O?"true":"false","data-vaul-custom-container":y?"true":"false","data-vaul-animate":v?.current?"true":"false",...r,ref:N,style:m&&m.length>0?{"--snap-point-height":`${m[f??0]}px`,...t}:t,onPointerDown:E=>{p||(r.onPointerDown==null||r.onPointerDown.call(r,E),k.current={x:E.pageX,y:E.pageY},i(E))},onOpenAutoFocus:E=>{s?.(E),w||E.preventDefault()},onPointerDownOutside:E=>{if(e?.(E),!h||E.defaultPrevented){E.preventDefault();return}d.current&&(d.current=!1)},onFocusOutside:E=>{if(!h){E.preventDefault();return}},onPointerMove:E=>{if(C.current=E,p||(r.onPointerMove==null||r.onPointerMove.call(r,E),!k.current))return;const S=E.pageY-k.current.y,I=E.pageX-k.current.x,P=E.pointerType==="touch"?10:2;M({x:I,y:S},b,P)?u(E):(Math.abs(I)>P||Math.abs(S)>P)&&(k.current=null)},onPointerUp:E=>{r.onPointerUp==null||r.onPointerUp.call(r,E),k.current=null,R.current=!1,l(E)},onPointerOut:E=>{r.onPointerOut==null||r.onPointerOut.call(r,E),L(C.current)},onContextMenu:E=>{r.onContextMenu==null||r.onContextMenu.call(r,E),C.current&&L(C.current)}})});Ac.displayName="Drawer.Content";const sb=250,nb=120,Oc=K.forwardRef(function({preventCycle:e=!1,children:t,...s},r){const{closeDrawer:a,isDragging:o,snapPoints:i,activeSnapPoint:l,setActiveSnapPoint:u,dismissible:d,handleOnly:m,isOpen:f,onPress:h,onDrag:x}=sn(),b=K.useRef(null),g=K.useRef(!1);function y(){if(g.current){w();return}window.setTimeout(()=>{p()},nb)}function p(){if(o||e||g.current){w();return}if(w(),!i||i.length===0){d||a();return}if(l===i[i.length-1]&&d){a();return}const T=i.findIndex(k=>k===l);if(T===-1)return;const N=i[T+1];u(N)}function v(){b.current=window.setTimeout(()=>{g.current=!0},sb)}function w(){b.current&&window.clearTimeout(b.current),g.current=!1}return K.createElement("div",{onClick:y,onPointerCancel:w,onPointerDown:j=>{m&&h(j),v()},onPointerMove:j=>{m&&x(j)},ref:r,"data-vaul-drawer-visible":f?"true":"false","data-vaul-handle":"","aria-hidden":"true",...s},K.createElement("span",{"data-vaul-handle-hitarea":"","aria-hidden":"true"},t))});Oc.displayName="Drawer.Handle";function rb(e){const t=sn(),{container:s=t.container,...r}=e;return K.createElement(pc,{container:s,...r})}const Ke={Root:tb,Content:Ac,Overlay:Dc,Portal:rb,Handle:Oc,Title:yc},ab=new Set(["outbox","postvak uit","boîte d'envoi","postausgang","buzón de salida","posta in uscita","送信トレイ","送件匣","发件箱","skrzynka nadawcza"]),ob=e=>{const t=Tn(e.fullPath).trim().toLowerCase();return ab.has(t)},Xo=Ar.length,Oa=(e,t=[])=>{const s=vs(t);return[...e.filter(a=>{const o=s.get(a.mailboxId);return o==="drafts"||o==="sent"?!1:!ob(a)})].sort((a,o)=>{const i=s.has(a.mailboxId)?Ar.indexOf(s.get(a.mailboxId)??"inbox"):Xo,l=s.has(o.mailboxId)?Ar.indexOf(s.get(o.mailboxId)??"inbox"):Xo;return i!==l?i-l:Tn(a.fullPath).localeCompare(Tn(o.fullPath),void 0,{sensitivity:"base",numeric:!0})})},Pc="inline-flex items-center justify-center transition-colors",ib=fe(Pc,"min-h-11 min-w-11 rounded hover:bg-surface-raised"),lb=fe(Pc,"min-h-11 gap-1.5 px-3 rounded text-sm font-medium hover:bg-surface-raised"),nn=({accountId:e,currentMailboxId:t,onMove:s,disabled:r=!1,disabledHint:a,variant:o="icon-only",label:i})=>{const[l,u]=c.useState(!1),d=Jt(),m=c.useRef(null),f=i??"Move to folder",h=c.useId(),{t:x}=Ln("mail",{useSuspense:!1}),b=c.useCallback((O,M)=>x(O,{defaultValue:M}),[x]),{data:g,isLoading:y,isError:p,error:v,refetch:w}=de({...Je({path:{accountId:e}}),staleTime:1/0,enabled:l}),j=lc(e),T=c.useMemo(()=>{const O=Oa(g?.items??[],j),M=vs(j);return O.map(L=>({id:L.mailboxId,label:ms(L,M.get(L.mailboxId),b),searchValue:L.fullPath,isCurrent:L.mailboxId===t}))},[g?.items,j,t,b]),N=c.useCallback(O=>{u(!1),s(O)},[s]);c.useEffect(()=>{if(!l||!d)return;const O=L=>{m.current&&!m.current.contains(L.target)&&u(!1)},M=L=>{L.key==="Escape"&&u(!1)};return document.addEventListener("mousedown",O),document.addEventListener("keydown",M),()=>{document.removeEventListener("mousedown",O),document.removeEventListener("keydown",M)}},[l,d]);const k=r||!!a,C=n.jsxs("button",{type:"button",onClick:O=>{O.stopPropagation(),!k&&u(M=>!M)},"aria-label":f,"aria-haspopup":d?"listbox":"dialog","aria-expanded":l,"aria-controls":l?h:void 0,title:a,className:o==="icon-only"?ib:lb,children:[n.jsx(el,{className:"size-4"}),o==="compact"&&n.jsx("span",{className:"hidden sm:inline",children:"Move"})]}),R=y?n.jsx("div",{className:"px-3 py-5 text-sm text-fg-muted",children:"Loading folders…"}):p?n.jsx("div",{className:"p-3",children:n.jsx(Pt,{variant:"inline",title:"Couldn't load folders",error:v,onRetry:()=>w()})}):n.jsx(Sl,{mailboxes:T,onSelect:N,onCancel:()=>u(!1),autoFocus:!d,labels:{searchPlaceholder:x("move_picker_placeholder",{defaultValue:"Move to…"}),searchAriaLabel:x("move_picker_filter_label",{defaultValue:"Filter folders"}),optionLabel:O=>`Move to ${O}`,currentSuffix:"(current folder)",currentTag:"current",emptyMessage:O=>`No folders match "${O}"`}});return d?n.jsxs("div",{ref:m,className:"relative inline-block",children:[C,l&&n.jsx("div",{id:h,className:fe("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:R})]}):n.jsxs(n.Fragment,{children:[C,n.jsx(Ke.Root,{open:l,onOpenChange:u,children:n.jsxs(Ke.Portal,{children:[n.jsx(Ke.Overlay,{className:"fixed inset-0 z-40 bg-black/40"}),n.jsxs(Ke.Content,{className:"fixed inset-x-0 bottom-0 z-50 flex flex-col bg-canvas rounded-t-lg",style:{maxHeight:"85dvh"},id:h,children:[n.jsx(Ke.Handle,{className:"mx-auto mt-2 mb-1 h-1.5 w-12 rounded-full bg-fg-subtle/30"}),n.jsx(Ke.Title,{className:"px-4 py-2 text-base font-semibold border-b border-line",children:"Move to folder"}),n.jsx("div",{className:"flex-1 overflow-hidden",children:R})]})]})})]})},cb=({messageId:e,threadId:t,mailboxId:s,isRead:r,accountId:a,fromAddressId:o,isTrusted:i=!1,showRaw:l=!1,onToggleRaw:u})=>{const d=je(),m=Re(),{pushError:f}=Ue(),{selectedMessageId:h}=hs({strict:!1}),{mutate:x,isPending:b}=ge({...Fn(),onMutate:async I=>{const P=I.body.isRead??!0,D=new Set(I.body.messageIds??[]),B=Yt({path:{threadId:t}}),A=lt({path:{mailboxId:s}}),q=bt({path:{mailboxId:s}});await Promise.all([d.cancelQueries({queryKey:B}),d.cancelQueries({queryKey:A}),d.cancelQueries({queryKey:q})]);const U=d.getQueriesData({queryKey:B}).filter(Y=>Y[1]!==void 0).map(([Y,z])=>({queryKey:Y,data:z})),ee=d.getQueriesData({queryKey:A}).concat(d.getQueriesData({queryKey:q})).filter(Y=>Y[1]!==void 0).map(([Y,z])=>({queryKey:Y,data:z}));d.setQueriesData({queryKey:B},Y=>Y&&{...Y,items:Y.items.map(z=>D.has(z.messageId)?{...z,isRead:P}:z)});const le=Y=>xs(Y,z=>z.map(W=>D.has(W.messageId)?{...W,isRead:P}:W));return d.setQueriesData({queryKey:A},le),d.setQueriesData({queryKey:q},le),{threadMessagesPrefix:B,threadsListPrefix:A,threadsSearchPrefix:q,previousThreadMessages:U,previousThreadsList:ee}},onError:(I,P,D)=>{if(D){for(const A of D.previousThreadMessages)d.setQueryData(A.queryKey,A.data);for(const A of D.previousThreadsList)d.setQueryData(A.queryKey,A.data)}const B=P.body.isRead??!0;f({title:B?"Couldn't mark as read":"Couldn't mark as unread",detail:at(I),error:I})},onSettled:(I,P,D,B)=>{B&&(d.invalidateQueries({queryKey:B.threadMessagesPrefix}),d.invalidateQueries({queryKey:B.threadsListPrefix}),d.invalidateQueries({queryKey:B.threadsSearchPrefix}))}}),g=c.useCallback(I=>{h&&I.includes(h)&&m({to:"/mail/$mailboxId",params:{mailboxId:s},search:P=>({...P,selectedMessageId:void 0})})},[h,s,m]),{deleteMessages:y,isPending:p}=Bs({mailboxId:s,threadId:t,onAfterOptimisticRemove:g}),{moveMessages:v,isPending:w}=Rt({mailboxId:s,threadId:t,accountId:a,onAfterOptimisticRemove:g}),{toggleTrusted:j,isPending:T,error:N,reset:k}=Ra({messageId:e}),C=()=>{x({body:{messageIds:[e],isRead:!1}})},R=()=>{y([e])},O=()=>{o&&j(o,i)},M=b||p||w||T,L=M||!o,E=c.useCallback(I=>{v([e],I)},[v,e]),S=o?void 0:"Sender has no parseable address";return n.jsxs("div",{className:"flex flex-col items-end gap-1",children:[n.jsxs("div",{className:"flex items-center gap-1",children:[a&&n.jsx(nn,{accountId:a,currentMailboxId:s,onMove:E,disabled:M,label:"Move this message"}),n.jsxs(Bl,{trigger:n.jsx(Zi,{className:"size-4"}),children:[n.jsxs(us,{onClick:O,disabled:L,children:[i?n.jsx(Bn,{className:"size-4 text-positive"}):n.jsx(Gs,{className:"size-4 opacity-0"}),n.jsx("span",{title:S,children:"Trusted sender"})]}),r&&n.jsxs(us,{onClick:C,disabled:M,children:[n.jsx(Js,{className:"size-4"}),"Mark as unread"]}),u&&n.jsxs(us,{onClick:u,children:[n.jsx(Ji,{className:"size-4"}),l?"Show formatted":"Show raw email"]}),n.jsx(Kr,{}),n.jsxs(us,{onClick:R,disabled:M,destructive:!0,children:[n.jsx(it,{className:"size-4"}),"Delete"]})]})]}),N&&n.jsx("div",{className:"w-64",children:n.jsx(Pt,{variant:"inline",title:"Couldn't update trust",error:N,onRetry:()=>{k(),O()}})})]})},ub=()=>{const[e,t]=c.useState(()=>typeof document<"u"&&document.documentElement.classList.contains("dark"));return c.useEffect(()=>{const s=document.documentElement,r=new MutationObserver(()=>{t(s.classList.contains("dark"))});return r.observe(s,{attributes:!0,attributeFilter:["class"]}),()=>r.disconnect()},[]),e},db=({blockedImageCount:e,canAlwaysTrust:t,isTrustPending:s,onLoadOnce:r,onAlwaysTrust:a})=>n.jsxs("div",{className:"mb-3 flex items-center justify-between rounded-md bg-surface-sunken/50 px-3 py-2 text-sm",children:[n.jsxs("span",{className:"text-fg-muted",children:[e," image",e>1?"s":""," blocked for privacy"]}),n.jsxs("div",{className:"flex items-center gap-3",children:[n.jsx("button",{type:"button",onClick:r,className:"text-accent hover:underline",children:"Load once"}),t&&n.jsx("button",{type:"button",onClick:a,"aria-busy":s,className:"text-accent hover:underline aria-busy:opacity-50",children:s?"Trusting…":"Always trust"})]})]}),fb=(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}}},mb=e=>e instanceof Ut?e.reason:"generic",hb=e=>e instanceof Error?e.message:typeof e=="string"?e:"An unexpected error occurred while loading the message body.",pb=({error:e,onRetry:t})=>{const s=mb(e),r=hb(e),{title:a,detail:o}=fb(s,r),[i,l]=c.useState(!1),{Account:u}=ra();return i?null:n.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:[n.jsx(Wt,{className:"size-4 shrink-0 text-danger mt-0.5","aria-hidden":"true"}),n.jsxs("div",{className:"flex-1 min-w-0",children:[n.jsx("p",{className:"font-medium text-danger",children:a}),n.jsx("p",{className:"text-fg-muted mt-1 break-words",children:o})]}),n.jsxs("div",{className:"flex shrink-0 items-center gap-3",children:[s==="auth"&&n.jsx(u,{children:({signOut:d})=>n.jsx("button",{type:"button",onClick:()=>d(),className:"text-sm font-medium text-accent hover:underline",children:"Sign in again"})}),t&&n.jsx("button",{type:"button",onClick:t,className:"text-sm font-medium text-accent hover:underline",children:"Retry"}),n.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:n.jsx(qe,{className:"size-4","aria-hidden":"true"})})]})]})},gb=()=>n.jsxs("div",{className:"animate-pulse space-y-2",role:"status","aria-label":"Loading message body",children:[n.jsx("div",{className:"h-4 bg-surface-sunken rounded w-full"}),n.jsx("div",{className:"h-4 bg-surface-sunken rounded w-11/12"}),n.jsx("div",{className:"h-4 bg-surface-sunken rounded w-3/4"}),n.jsx("div",{className:"h-4 bg-surface-sunken rounded w-5/6"})]}),Jo=()=>n.jsx("p",{className:"text-fg-muted text-sm italic",children:"This message has no body content."}),Lc=({bodyParts:e,html:t,text:s,isTrusted:r=!1,messageId:a,fromAddressId:o,category:i,className:l})=>{const[u,d]=c.useState(!1),m=r||u,f=ub(),{toggleTrusted:h,isPending:x}=Ra({messageId:a??""}),b=!!e&&e.length>0,{picked:g,data:y,isLoading:p,isError:v,error:w,refetch:j}=Zl({messageId:a,bodyParts:e,enabled:b}),T=c.useMemo(()=>sm(e??[]),[e]),N=b&&y?.kind==="html"?y.body:t,k=b&&y?.kind==="text"?y.body:s;if(b){if(p)return n.jsx("div",{className:fe("message-body",l),children:n.jsx(gb,{})});if(v)return n.jsx("div",{className:fe("message-body",l),children:n.jsx(pb,{error:w,onRetry:()=>j()})});if(!g)return n.jsx("div",{className:fe("message-body",l),children:n.jsx(Jo,{})})}else if(!t&&!s)return n.jsx("div",{className:fe("message-body",l),children:n.jsx(Jo,{})});const C=!!(o&&a),R=()=>{!o||x||(d(!0),h(o,!1))};return n.jsx(xl,{className:l,html:N,text:k,isDark:f,category:i,allowImages:m,resolveCid:T,renderBlockedNotice:O=>n.jsx(db,{blockedImageCount:O,canAlwaysTrust:C,isTrustPending:x,onLoadOnce:()=>d(!0),onAlwaysTrust:R})})},xb=({messageId:e,threadId:t,mailboxId:s,accountId:r,isRead:a,isStarred:o,onToggleStar:i,fromAddressId:l,isTrusted:u,showRaw:d,onToggleRaw:m,onReply:f,onReplyAll:h,onForward:x})=>{const b=je(),{deleteMessages:g}=Bs({mailboxId:s,threadId:t}),{moveMessages:y}=Rt({mailboxId:s,threadId:t,accountId:r}),{toggleTrusted:p}=Ra({messageId:e}),{mutate:v}=ge({...Fn(),onSettled:()=>{b.invalidateQueries({queryKey:Yt({path:{threadId:t}})}),b.invalidateQueries({queryKey:lt({path:{mailboxId:s}})}),b.invalidateQueries({queryKey:bt({path:{mailboxId:s}})})}}),w=c.useCallback(k=>{y([e],k)},[y,e]),j=c.useCallback(()=>{g([e])},[g,e]),T=c.useCallback(()=>{v({body:{messageIds:[e],isRead:!a}})},[v,e,a]),N=[];return l&&N.push({key:"trusted",label:u?"Trusted sender":"Mark sender trusted",icon:u?n.jsx(Bn,{className:"size-4 text-positive"}):n.jsx(Gs,{className:"size-4"}),onSelect:()=>p(l,u)}),m&&N.push({key:"raw",label:d?"Show formatted":"Show raw email",icon:n.jsx(Ji,{className:"size-4"}),onSelect:m}),n.jsx(gl,{hasThread:!0,onReply:f,onReplyAll:h,onForward:x,isStarred:o,onToggleStar:i,onDelete:j,isRead:a,onToggleRead:T,overflowItems:N,moveSlot:r?n.jsx(nn,{accountId:r,currentMailboxId:s,onMove:w,label:"Move this message"}):void 0})},bb=()=>n.jsxs("div",{className:"animate-pulse space-y-2",role:"status","aria-label":"Loading raw email",children:[n.jsx("div",{className:"h-4 bg-surface-sunken rounded w-full"}),n.jsx("div",{className:"h-4 bg-surface-sunken rounded w-11/12"}),n.jsx("div",{className:"h-4 bg-surface-sunken rounded w-5/6"}),n.jsx("div",{className:"h-4 bg-surface-sunken rounded w-3/4"})]}),vb=({messageId:e,enabled:t=!0})=>{const{data:s,isLoading:r,isError:a,error:o,refetch:i}=de({...nd({path:{messageId:e}}),enabled:t});if(r)return n.jsx("div",{className:"message-body",children:n.jsx(bb,{})});if(a)return n.jsx("div",{className:"message-body",children:n.jsx(Pt,{variant:"inline",title:"Couldn't load the raw email",error:o,onRetry:()=>i()})});const l=s?.raw??"";return l===""?n.jsx("div",{className:"message-body",children:n.jsx("p",{className:"text-fg-muted text-sm italic",children:"No raw source available for this message."})}):n.jsx("div",{className:"message-body",children:n.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})})},yb=()=>n.jsx(Bn,{className:"inline-block size-4 ml-1 -mt-0.5 text-positive align-middle","aria-label":"Trusted sender","data-testid":"trusted-sender-badge"}),$c=(e,t)=>({id:e.messageId,fromName:e.fromName??e.fromEmail??"?",fromEmail:e.fromEmail??"",toLabel:"",dateLabel:t,snippet:e.snippet||"",bodyHtml:""}),zc=({isStarred:e,onToggleStar:t,isStarPending:s,hoverReveal:r})=>n.jsx("button",{type:"button",onClick:a=>{a.stopPropagation(),t()},disabled:s,"aria-label":e?"Remove star":"Add star",className:fe("shrink-0 p-0.5 rounded transition-colors",e?"text-warning":fe("text-fg-subtle hover:text-warning",r&&"opacity-0 group-hover:opacity-100 focus:opacity-100"),s&&"opacity-50"),children:n.jsx(At,{className:fe("size-3.5",e&&"fill-current")})}),wb=({threadMessage:e,isFocused:t,onToggle:s,onToggleStar:r,isStarPending:a})=>{const o=$i(e.sentDate,"datetime"),i=$c(e,o);return n.jsx(bl,{message:i,onClick:s,isFocused:t,isUnread:!e.isRead,trailing:n.jsxs(n.Fragment,{children:[e.hasAttachment&&n.jsx(Kn,{className:"size-3 shrink-0 text-fg-subtle"}),n.jsx(zc,{isStarred:e.hasStars,onToggleStar:r,isStarPending:a,hoverReveal:!0}),n.jsx("span",{"data-testid":"message-date",className:"shrink-0 text-2xs text-fg-subtle tabular-nums",children:o})]})})},jb=({threadMessage:e,messageData:t,isLoading:s,isError:r,error:a,onRetry:o,isFocused:i,onToggle:l,onToggleStar:u,isStarPending:d,accountId:m,showRaw:f,onToggleRaw:h,mobile:x,onReply:b,onReplyAll:g,onForward:y})=>{const p=$i(e.sentDate,"long"),v=!e.isRead,w=t?.envelope.from[0]?.flags?.trusted?.value===!0,j=t?.envelope.from[0]?.addressId,T=$c(e,p),N=e.autoMoved?n.jsx(cc,{accountId:m,messageId:e.messageId,threadId:e.threadId,mailboxId:e.mailboxId,autoMoved:e.autoMoved,size:"md"}):null;return n.jsx(vl,{message:T,isFocused:i,onHeaderClick:l,senderBadge:w?n.jsx(yb,{}):void 0,trailing:n.jsx("span",{"data-testid":"message-date",className:"text-2xs text-fg-subtle",children:p}),to:t?n.jsx(Af,{label:"To",addresses:t.envelope.to}):null,indicators:N||!x?n.jsxs("div",{className:"flex flex-wrap items-center gap-1.5 mt-0.5",children:[N,!x&&n.jsxs(n.Fragment,{children:[n.jsxs("div",{className:"flex items-center justify-end gap-1",children:[n.jsx(zc,{isStarred:e.hasStars,onToggleStar:u,isStarPending:d}),e.hasAttachment&&n.jsx("span",{className:"text-fg-subtle p-0.5",children:n.jsx(Kn,{className:"size-3.5"})})]}),v&&n.jsx("span",{className:"size-1.5 rounded-full bg-accent","aria-label":"Unread"})]})]}):void 0,actionMenu:x?void 0:n.jsx(cb,{messageId:e.messageId,threadId:e.threadId,mailboxId:e.mailboxId,isRead:e.isRead,accountId:m,fromAddressId:j,isTrusted:w,showRaw:f,onToggleRaw:h}),actionBar:x?n.jsx(xb,{messageId:e.messageId,threadId:e.threadId,mailboxId:e.mailboxId,accountId:m,isRead:e.isRead,isStarred:e.hasStars,onToggleStar:u,fromAddressId:j,isTrusted:w,showRaw:f,onToggleRaw:h,onReply:b,onReplyAll:g,onForward:y}):void 0,body:s?n.jsxs("div",{className:"mt-3 animate-pulse space-y-2",children:[n.jsx("div",{className:"h-4 bg-surface-sunken rounded w-full"}),n.jsx("div",{className:"h-4 bg-surface-sunken rounded w-3/4"}),n.jsx("div",{className:"h-4 bg-surface-sunken rounded w-1/2"})]}):r&&rd(a)?n.jsx("div",{className:"mt-3",children:n.jsx(ac,{message:"This message has been deleted"})}):r?n.jsx("div",{className:"mt-3",children:n.jsx(Pt,{variant:"inline",title:"Couldn't load this message",error:a,onRetry:o})}):f?n.jsx("div",{className:"mt-3",children:n.jsx(vb,{messageId:e.messageId})}):n.jsx("div",{className:"mt-3",children:n.jsx(Lc,{bodyParts:t?.bodyParts,messageId:e.messageId,fromAddressId:t?.envelope.from[0]?.addressId,isTrusted:w,category:Wn(e.category)})})})},Sb=({threadMessage:e,isExpanded:t,isFocused:s,onToggle:r,onToggleStar:a,isStarPending:o,accountId:i,mobile:l,onReply:u,onReplyAll:d,onForward:m})=>{const[f,h]=c.useState(!1),{data:x,isLoading:b,isError:g,error:y,refetch:p}=de({...la({path:{messageId:e.messageId}}),enabled:t,meta:{softError:!0}});return t?n.jsx(jb,{threadMessage:e,messageData:x,isLoading:b,isError:g,error:y,onRetry:()=>p(),isFocused:s,onToggle:r,onToggleStar:a,isStarPending:o,accountId:i,showRaw:f,onToggleRaw:()=>h(v=>!v),mobile:l,onReply:u,onReplyAll:d,onForward:m}):n.jsx(wb,{threadMessage:e,isFocused:s,onToggle:r,onToggleStar:a,isStarPending:o})},kb=()=>n.jsxs("div",{className:"animate-pulse p-4",children:[n.jsx("div",{className:"h-6 bg-surface-sunken rounded w-3/4 mb-5"}),n.jsx("div",{className:"space-y-4",children:Array.from({length:2}).map((e,t)=>n.jsxs("div",{className:"flex gap-3 py-3",children:[n.jsx("div",{className:"size-10 bg-surface-sunken rounded-full shrink-0"}),n.jsxs("div",{className:"flex-1",children:[n.jsx("div",{className:"h-4 bg-surface-sunken rounded w-32 mb-2"}),n.jsx("div",{className:"h-3 bg-surface-sunken rounded w-48"})]})]},t))})]});function Zo({authenticity:e,onOpenIntelligence:t}){return e.dkimMismatch?n.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:[n.jsx(Zs,{className:"mt-0.5 size-4 shrink-0 text-danger"}),n.jsxs("p",{className:"flex-1 leading-snug text-fg",children:["This message claims to be from"," ",n.jsx("span",{className:"font-semibold",children:e.fromDomain})," but was sent",e.dkimDomain?` via ${e.dkimDomain}`:" from a different domain","."]}),t&&n.jsx("button",{type:"button",onClick:t,className:"shrink-0 text-2xs font-medium text-danger hover:underline",children:"Why?"})]}):null}const Ss=({threadId:e,mailboxId:t,subject:s,selectedMessageId:r,authenticity:a,onOpenIntelligence:o,onBack:i,composeRequest:l,onComposeClose:u,onSwipeNext:d,onSwipePrevious:m,mobileIntelligenceOpen:f})=>{const h=Jt(),{handlers:x}=ux({onSwipeLeft:d,onSwipeRight:m}),{accountId:b}=oc(t),{data:g,isLoading:y,isError:p,error:v,refetch:w}=de({...ad({path:{threadId:e}})}),j=c.useMemo(()=>g?.items??[],[g?.items]),T=j[j.length-1],N=c.useRef(new Map),[k,C]=c.useState(new Set),[R,O]=c.useState(null),[M,L]=c.useState(0);c.useEffect(()=>{if(j.length>0&&e!==R){O(e);const V=new Set([j[j.length-1].threadMessageId]);if(r){const _=j.find(re=>re.messageId===r);_&&V.add(_.threadMessageId)}C(V),L(j.length-1)}},[e,j,R,r]);const E=c.useCallback(V=>{C(_=>{const re=new Set(_);return re.has(V)?re.delete(V):re.add(V),re})},[]),S=c.useCallback(V=>{const _=j[V];if(!_)return;N.current.get(_.threadMessageId)?.scrollIntoView({behavior:"smooth",block:"nearest"})},[j]),I=c.useCallback(()=>{if(j.length===0)return;const V=Math.min(M+1,j.length-1);L(V),S(V)},[j.length,M,S]),P=c.useCallback(()=>{if(j.length===0)return;const V=Math.max(M-1,0);L(V),S(V)},[j.length,M,S]),D=c.useCallback(()=>{const V=j[M];V&&E(V.threadMessageId)},[j,M,E]),{data:B}=de({...xt(),staleTime:1/0}),A=B?.accounts?.[0],q=!!A?.smtpHost;ox({messages:j,expandedIds:k,threadId:e,mailboxId:t,accountId:A?.accountId});const{toggleStar:U,isPending:ee,pendingMessageId:le}=Qr({threadId:e,mailboxId:t,messages:j}),[Y,z]=c.useState(null);c.useEffect(()=>{l&&l!=="new"&&(z(l),u?.())},[l,u]);const{data:W}=de({...la({path:{messageId:T?.messageId??""}}),enabled:!!T&&Y!==null}),H=c.useCallback(()=>{z("reply")},[]),te=c.useCallback(()=>{z("reply_all")},[]),ne=c.useCallback(()=>{z("forward")},[]),G=c.useCallback(()=>{z(null),u?.()},[u]);if(Ea({enabled:!y&&j.length>0&&Y===null,bindings:[{key:"j",handler:I,preventDefault:!0},{key:"ArrowDown",handler:I,preventDefault:!0},{key:"k",handler:P,preventDefault:!0},{key:"ArrowUp",handler:P,preventDefault:!0},{key:"Enter",handler:D,preventDefault:!0},{key:"o",handler:D,preventDefault:!0},...q?[{key:"r",handler:H,preventDefault:!0},{key:"R",handler:te,noModifiers:!1,preventDefault:!0},{key:"f",handler:ne,preventDefault:!0}]:[]]}),y)return n.jsx(kb,{});if(p)return n.jsx("div",{className:"flex h-full items-center justify-center",children:n.jsx(Pt,{title:"Couldn't load this conversation",error:v,onRetry:()=>w()})});if(j.length===0)return n.jsx("div",{className:"flex h-full items-center justify-center",children:n.jsx(ac,{message:"No messages in this thread"})});const Ee=s||j[0]?.subject||"(No subject)",he=j.length,ke=V=>n.jsx("div",{children:j.map((_,re)=>n.jsx("div",{ref:He=>{He&&N.current.set(_.threadMessageId,He)},children:n.jsx(Sb,{threadMessage:_,isExpanded:k.has(_.threadMessageId),isFocused:re===M,onToggle:()=>E(_.threadMessageId),onToggleStar:()=>U(_.messageId,_.hasStars),isStarPending:ee&&le===_.messageId,accountId:b,mobile:V,onReply:V&&q?H:void 0,onReplyAll:V&&q?te:void 0,onForward:V&&q?ne:void 0})},_.threadMessageId))}),J=n.jsxs("header",{className:"border-b border-line px-5 pt-5 pb-3",children:[n.jsx("h1",{className:"max-w-2xl text-lg font-semibold leading-snug text-fg",children:Ee}),n.jsxs("p",{className:"mt-1 text-2xs text-fg-subtle",children:[he," ",he===1?"message":"messages"]})]});return h?n.jsxs("article",{className:"h-full flex flex-col",children:[J,a?.dkimMismatch&&n.jsx(Zo,{authenticity:a,onOpenIntelligence:o}),n.jsx("div",{className:"flex-1 overflow-auto",children:ke(!1)}),Y!==null&&n.jsx(Bo,{mode:Y,account:A,sourceMessage:W,onClose:G})]}):n.jsxs(Em,{thread:{subject:Ee,messages:[]},onBack:i??(()=>{}),intelligenceOpen:f,onToggleIntelligence:o,touchHandlers:x,children:[a?.dkimMismatch&&n.jsx(Zo,{authenticity:a,onOpenIntelligence:o}),ke(!0),Y!==null&&n.jsx(Bo,{mode:Y,account:A,sourceMessage:W,onClose:G})]})};function ks(){const{mailboxNameIndex:e,accountNameIndex:t}=Se();return{...pt({select:r=>Vl(r.matches)})?{}:{mailboxesByName:e},accountsByName:t}}const Pa=e=>e.trim().toLocaleLowerCase(),Nb=/^\d{4}-\d{2}-\d{2}$/;function ei(e,t,s){if(!Nb.test(s))return;const r=Date.parse(`${s}T00:00:00Z`);if(!Number.isNaN(r))return{type:e,raw:t,value:s,epochSeconds:Math.floor(r/1e3)}}function Cb(e,t){const s=e.toLowerCase();if(s.startsWith("from:")&&e.length>5)return{type:"from",raw:e,value:e.slice(5)};if(s==="has:attachment")return{type:"hasAttachment",raw:e};if(s==="is:unread")return{type:"isUnread",raw:e};if(s.startsWith("before:")&&e.length>7)return ei("before",e,e.slice(7));if(s.startsWith("after:")&&e.length>6)return ei("after",e,e.slice(6));if(s.startsWith("in:")&&e.length>3){const r=e.slice(3),a=t.mailboxesByName?.get(r.toLowerCase());return a?{type:"in",raw:e,value:r,mailboxId:a}:void 0}if(s.startsWith("account:")&&e.length>8){const r=e.slice(8),a=t.accountsByName?.get(r.toLowerCase());return a?{type:"account",raw:e,value:r,accountId:a}:void 0}}function Ns(e,t={}){const s=e.split(/\s+/).filter(o=>o.length>0),r=[],a=[];for(const o of s){const i=Cb(o,t);i?r.push(i):a.push(o)}return{freeText:a.join(" "),tokens:r}}function Eb(e,t){return e.split(/\s+/).filter(s=>s.length>0&&s!==t.raw).join(" ")}function Ib(e){switch(e.type){case"from":return`From: ${e.value}`;case"hasAttachment":return"Has attachment";case"isUnread":return"Unread";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 Tb=20,Rb=new Set(Object.values(rt)),Mb=e=>e!==void 0&&Rb.has(e)?e:void 0;function Fc({mailboxId:e,filterCategory:t}={}){const{searchQuery:s}=Se(),r=ks(),a=pt({select:v=>v.matches}),o=Pa(s),{freeText:i,tokens:l}=Ns(o,r),u=i.length>0,d=Mb(t),m=l.some(v=>v.type==="hasAttachment")?!0:void 0,f=l.some(v=>v.type==="isUnread")?!1:void 0,h=l.find(v=>v.type==="after"),x=l.find(v=>v.type==="before"),b=l.find(v=>v.type==="in"),g=vg({matches:a,callerMailboxId:e,inTokenMailboxId:b?.mailboxId}),{data:y,isLoading:p}=de({...Mi({query:{query:i,mailboxId:g,limit:Tb,...d!==void 0?{category:d}:{},...m!==void 0?{hasAttachment:m}:{},...f!==void 0?{isRead:f}:{},...h?{sentDateFrom:h.epochSeconds}:{},...x?{sentDateTo:x.epochSeconds}:{}}}),enabled:u,staleTime:6e4});return{hits:y?.items??[],isLoading:u&&p}}const Db=(e,t)=>e.createdAt!==t.createdAt?e.createdAt-t.createdAt:e.accountId.localeCompare(t.accountId),Ab=e=>[...e].sort(Db);function Yr(e){const t=e.authenticity?.dkimMismatch===!0;return{id:e.messageId,accountId:e.accountId??e.accountConfigId,mailboxId:e.mailboxId,fromName:e.fromName??e.fromEmail??"Unknown",fromEmail:e.fromEmail??"",subject:e.subject??"(No subject)",snippet:e.snippet??"",timeLabel:Lt(e.sentDate),sentDate:e.sentDate,isRead:e.isRead,hasAttachment:e.hasAttachment,starred:e.hasStars===!0,trust:e.senderTrust,category:Wn(e.category),suspicious:t}}function Ob(e,t){const s=new Set,r=[];for(const a of[...e,...t])s.has(a.id)||(s.add(a.id),r.push(a));return r.sort((a,o)=>(o.sentDate??0)-(a.sentDate??0))}const ti=[{id:"personal",label:"Personal",category:rt.personal},{id:"transactional",label:"Transactional",category:rt.transactional},{id:"newsletter",label:"Newsletter",category:rt.newsletter},{id:"marketing",label:"Marketing",category:rt.marketing},{id:"social",label:"Social",category:rt.social},{id:"automated",label:"Automated",category:rt.automated},{id:"uncategorized",label:"Unclassified",category:rt.uncategorized}];function Pb(e){const t=new Map(ti.map(r=>[r.category,[]]));for(const r of e){const a=r.category??rt.uncategorized;(t.get(a)??t.get(rt.uncategorized))?.push(r)}const s=[];for(const r of ti){const a=t.get(r.category);a&&a.length>0&&s.push({id:r.id,label:r.label,threads:a})}return s}function _c(e,t){return e.fromName.toLowerCase().includes(t)||e.fromEmail.toLowerCase().includes(t)||e.subject.toLowerCase().includes(t)||e.snippet.toLowerCase().includes(t)}function Bc(e,t){return t.every(s=>{switch(s.type){case"from":{const r=s.value.toLowerCase();return e.fromEmail.toLowerCase().includes(r)||e.fromName.toLowerCase().includes(r)}case"hasAttachment":return e.hasAttachment===!0;case"isUnread":return!e.isRead;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 Lb={sender:"sender",recipient:"recipient",subject:"subject",attachment:"attachment",body:"body",entities:"entities"};function $b(e){return Lb[e]??e}function zb(e,t){const{folder:s}=ca(t,[e.mailboxId]);return{id:e.messageId,sender:e.fromName??e.fromEmail??"Unknown",subject:e.subject??"(No subject)",snippet:e.snippet??"",date:Lt(e.sentDate),unread:!e.isRead,flagged:e.hasStars===!0,threadId:e.threadId,mailboxId:e.mailboxId,...s?{folder:s}:{}}}function Kc(e,t){const{folder:s}=ca(t,e.mailboxId?[e.mailboxId]:[]);return{id:e.id,sender:e.fromName,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 Fb(e,t){const{mailboxId:s,folder:r}=ca(t,e.mailboxIds);return{id:e.messageId,sender:e.fromName??"Unknown",subject:e.subject??"(No subject)",snippet:"",date:e.sentDate!=null?Lt(e.sentDate*1e3):"",threadId:e.threadId,matchedChunkLabel:$b(e.matchedChunkType),score:e.score,...s?{mailboxId:s}:{},...r?{folder:r}:{}}}function qc(e,t,s){const r=new Set(t),a=[];for(const o of[...e].sort((i,l)=>l.score-i.score))r.has(o.threadId)||(r.add(o.threadId),a.push(Fb(o,s)));return a}const _b=768,Bb=1024,Uc=e=>e!=="desktop",Gn=()=>{const e=Hr(`(min-width: ${_b}px)`);return Hr(`(min-width: ${Bb}px)`)?"desktop":e?"tablet":"phone"},Hc="remit.recentSearches",Kb=5;function Gr(){try{const e=localStorage.getItem(Hc);if(!e)return[];const t=JSON.parse(e);return Array.isArray(t)?t.filter(s=>typeof s=="string"):[]}catch{return[]}}function si(e){const t=e.trim();if(!t)return Gr();const s=[t,...Gr().filter(r=>r!==t)].slice(0,Kb);try{localStorage.setItem(Hc,JSON.stringify(s))}catch{return s}return s}function qb(e){const{spam:t}=wl([...e]),s=new Map;for(const a of t)a.mailboxId&&s.set(a.mailboxId,(s.get(a.mailboxId)??0)+1);let r;for(const[a,o]of s)(!r||o>r.count)&&(r={mailboxId:a,count:o});return r}function Qc({title:e,unreadCount:t,children:s,footer:r,searchFilter:a,searchResults:o,searchLoading:i,relatedResults:l,relatedLoading:u,onSelectSearchResult:d,searchResultsLabel:m="Top matches",relatedResultsLabel:f="Related"}){const{accounts:h,resultFolderIndex:x,searchQuery:b,searchInput:g,onSearchChange:y,onSearchClear:p,searchViewKey:v}=Se(),w=ks(),j=Re(),T=ys(),N=Gn(),[k,C]=c.useState(!1),[R,O]=c.useState(Gr),M=c.useRef(v);c.useEffect(()=>{M.current!==v&&(M.current=v,C(!1))},[v]);const L=g.trim().length>0,E=Ns(g,w).tokens.map(ne=>({label:Ib(ne),onRemove:()=>y(Eb(g,ne))})),S=o??[],I=l??[],P=L?[{id:"top",label:m,results:S},{id:"related",label:f,results:I}]:[],B=!(S.length+I.length>0)&&(i===!0||u===!0),{scope:A}=Xl(h),q=pt({select:ne=>ne.matches}),U=Yl(q),ee=wg(q,A,U?x.get(U)?.role:void 0),le=ee.kind==="global"?qb([...S,...I]):void 0,Y=le?{kind:"global",onScopeToSpam:()=>j({to:"/mail/$mailboxId",params:{mailboxId:le.mailboxId},search:{q:b||void 0,selectedMessageId:void 0,selectedThreadId:void 0}})}:ee;if(N==="phone"&&k){const ne=G=>{O(si(g)),C(!1),d?.(G)};return n.jsx(ih,{value:g,onChange:y,onClear:p,onCancel:()=>{C(!1),p()},filter:a,recentSearches:R,onPickRecent:y,sections:P,loading:B,onSelectResult:ne,tokens:E,scope:Y})}const z=N!=="phone"&&L,W=ne=>{O(si(g)),d?.(ne)},H=n.jsx(jl,{value:g,sections:P,loading:B,onSelectResult:W,tokens:E,scope:Y}),te=z?a?n.jsx(Zr,{...a,children:H}):n.jsx("div",{className:"h-full overflow-y-auto",children:H}):s;return n.jsxs("section",{className:"flex h-full w-full flex-col bg-surface",children:[n.jsx(Jm,{title:e,unreadCount:t,isDesktop:!1,showSearch:Uc(N),onMenuClick:()=>T?.openNav(),searchValue:g,onSearchChange:y,onSearchClear:p,searchOpen:k,onSearchOpenChange:C}),n.jsx("div",{className:"min-h-0 flex-1",children:te}),r]})}const Ub=200,Hb={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()},ni=()=>n.jsx("div",{className:"animate-pulse",children:Array.from({length:3}).map((e,t)=>n.jsxs("div",{className:"flex items-start gap-3 py-2 pl-5 pr-4 border-b border-line",children:[n.jsx("div",{className:"size-7 rounded-full bg-surface-sunken shrink-0 mt-0.5"}),n.jsxs("div",{className:"flex-1 space-y-1.5",children:[n.jsxs("div",{className:"flex justify-between gap-2",children:[n.jsx("div",{className:"h-3.5 bg-surface-sunken rounded w-28"}),n.jsx("div",{className:"h-3 bg-surface-sunken rounded w-12"})]}),n.jsx("div",{className:"h-3.5 bg-surface-sunken rounded w-48"}),n.jsx("div",{className:"h-3 bg-surface-sunken rounded w-full"})]})]},t))}),Qb=({accountEmail:e})=>{const t=Re();return n.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:[n.jsx(Wt,{className:"size-3.5 shrink-0"}),n.jsxs("span",{className:"flex-1 truncate",children:[e," can't connect"]}),n.jsx("button",{type:"button",onClick:()=>t({to:"/settings/accounts"}),className:"shrink-0 underline text-danger hover:opacity-80",children:"Reconnect"})]})},Wb=({thread:e,active:t,onClick:s})=>{const r=!e.isRead;return n.jsxs("button",{type:"button",onClick:s,className:Q("group w-full",ws({active:t})),children:[r&&n.jsx("span",{className:"absolute left-1.5 top-1/2 size-1.5 -translate-y-1/2 rounded-full bg-accent"}),n.jsx(Ze,{name:e.fromName,email:e.fromEmail,size:"sm"}),n.jsx(Qt,{thread:e})]})};function Wc({accounts:e,selectedMessageId:t,onSelectMessage:s,onSelectSearchResult:r}){const{searchQuery:a,resultFolderIndex:o}=Se(),i=ks(),l=Jt(),u=c.useMemo(()=>Ab(e.filter(z=>!z.muted?.value)),[e]),[d,m]=c.useState("all"),[f,h]=c.useState("all"),[x,b]=c.useState(new Set),[g,y]=c.useState(!1),p=c.useCallback(z=>{b(W=>{const H=new Set(W);return H.has(z)?H.delete(z):H.add(z),H})},[]),{data:v,isLoading:w,isError:j,refetch:T}=de({...Or(),staleTime:6e4}),N=zt({queries:u.map(z=>({...Je({path:{accountId:z.accountId}}),staleTime:1/0,meta:{softError:!0}}))}),k=c.useMemo(()=>{const z=new Map;for(let W=0;W<u.length;W++){const H=u[W].accountId,ne=(N[W]?.data?.items??[]).reduce((G,Ee)=>G+(Ee.unseenCount??0),0);z.set(H,ne)}return z},[u,N]),C=c.useMemo(()=>u.filter((z,W)=>{const H=N[W];return H?.isError?!Pr(H.error):!1}),[u,N]),{freeText:R,tokens:O}=Ns(a.trim().toLowerCase(),i),{data:M,isFetching:L}=de({...Or({query:{query:R,limit:Ub}}),enabled:R.length>0,staleTime:3e4}),E=c.useMemo(()=>{const z=(v?.items??[]).map(Yr);return(R?Ob(z.filter(H=>_c(H,R)),(M?.items??[]).map(Yr)):z).filter(H=>(d==="all"||H.accountId===d)&&Bc(H,O))},[v,M,d,R,O]),S=c.useMemo(()=>Pb(E),[E]),I=c.useMemo(()=>u.length<=1?[]:[{id:"all",label:"All",active:d==="all"},...u.map(z=>({id:z.accountId,label:z.email.split("@")[0]??z.email,count:k.get(z.accountId),active:d===z.accountId}))],[u,k,d]),P=c.useMemo(()=>e.filter(z=>z.muted?.value).length,[e]),D=c.useMemo(()=>Array.from(k.values()).reduce((z,W)=>z+W,0),[k]),B=c.useMemo(()=>{const z=Array.from(x).map(W=>Hb[W]).filter(W=>W!=null);return E.filter(W=>(f==="all"||W.category===f)&&z.every(H=>H(W))).map(W=>Kc(W,o))},[E,f,x,o]),{hits:A,isLoading:q}=Fc(),U=c.useMemo(()=>{const z=new Map;for(const H of v?.items??[])z.set(H.messageId,H.threadId);const W=B.map(H=>z.get(H.id)).filter(H=>H!=null);return qc(A,W,o)},[A,B,v,o]),ee=c.useMemo(()=>{const z=Mh(I.map(W=>({id:W.id,label:W.label,count:W.count,active:W.active})));return{categories:z.categories,filters:z.filters,sources:z.sources,sourcesNote:P>0?`+${P} muted`:void 0,selectedCategory:f,activeFilters:x,expanded:g,onExpandedChange:y,onSelectCategory:W=>h(W),onSelectSource:m,onToggleFilter:p,onClear:()=>{h("all"),m("all"),b(new Set)}}},[I,P,f,x,g,p]),le=S.length===0&&d==="all"&&R.length===0,Y=w?n.jsxs("div",{className:"h-full overflow-y-auto",children:[n.jsx(ni,{}),n.jsx(ni,{})]}):j?n.jsxs("div",{className:"flex h-full flex-col items-center justify-center gap-3 py-12 text-sm text-fg-muted",children:[n.jsx(Wt,{className:"size-8 text-danger"}),n.jsx("p",{children:"Couldn't load your messages"}),n.jsxs("button",{type:"button",onClick:()=>T(),className:"flex items-center gap-1 text-accent underline text-xs",children:[n.jsx(nl,{className:"size-3.5"}),"Try again"]})]}):le?n.jsxs("div",{className:"flex h-full flex-col items-center justify-center gap-2 py-12 text-center px-4",children:[n.jsx(ot,{className:"size-8 text-fg-subtle"}),n.jsx("p",{className:"text-sm font-medium text-fg",children:"You're caught up"}),n.jsx("p",{className:"text-xs text-fg-subtle",children:"Nothing needs attention."})]}):n.jsx(pi,{sections:S,Row:Wb,briefCategory:f,onSelectBriefCategory:h,sources:I,sourcesNote:P>0?`+${P} muted`:void 0,onSelectSource:m,selectedThreadId:t,onSelectThread:s});return n.jsx(Qc,{title:"Daily brief",unreadCount:D,footer:l?n.jsx(ll,{}):void 0,searchFilter:ee,searchResults:B,searchLoading:w||L,relatedResults:U,relatedLoading:q,onSelectSearchResult:r,children:n.jsxs("div",{className:"flex h-full flex-col",children:[C.map(z=>n.jsx(Qb,{accountEmail:z.email,accountId:z.accountId},z.accountId)),n.jsx("div",{className:"min-h-0 flex-1",children:Y})]})})}const Vc=({isOpen:e,title:t,description:s,confirmLabel:r,cancelLabel:a="Cancel",destructive:o=!1,isBusy:i=!1,onConfirm:l,onCancel:u})=>{const d=c.useRef(null),m=c.useCallback(f=>{f.key==="Escape"&&(f.preventDefault(),f.stopPropagation(),f.stopImmediatePropagation(),u())},[u]);return c.useEffect(()=>{if(e)return window.addEventListener("keydown",m,!0),()=>window.removeEventListener("keydown",m,!0)},[e,m]),c.useEffect(()=>{e&&d.current?.focus()},[e]),e?n.jsxs("div",{className:"fixed inset-0 z-50 flex items-center justify-center",children:[n.jsx("div",{className:"absolute inset-0 bg-canvas/80 backdrop-blur-sm","aria-hidden":"true",onClick:u}),n.jsxs("div",{role:"dialog","aria-modal":"true","aria-label":t,className:fe("relative z-10 w-full max-w-sm","bg-surface border border-line rounded-sm shadow-lg","p-6"),onClick:f=>f.stopPropagation(),onKeyDown:f=>f.stopPropagation(),children:[n.jsx("h2",{className:"text-lg font-semibold",children:t}),s&&n.jsx("p",{className:"mt-2 text-sm text-fg-muted",children:s}),n.jsxs("div",{className:"mt-6 flex items-center justify-end gap-2",children:[n.jsx("button",{ref:d,type:"button",onClick:u,className:fe("min-h-11 inline-flex items-center justify-center px-4 rounded text-sm font-medium transition-colors","border border-line hover:bg-surface-raised"),children:a}),n.jsx("button",{type:"button",onClick:l,disabled:i,className:fe("min-h-11 inline-flex items-center justify-center px-4 rounded text-sm font-medium transition-colors",o?"bg-danger text-canvas hover:bg-danger/90":"bg-accent text-accent-fg hover:bg-accent-hover","disabled:opacity-50 disabled:cursor-not-allowed"),children:r})]})]})]}):null},Vb=10,Yc=e=>({q:e?.toLowerCase()??"",limit:Vb}),Yb=(e,t)=>{if(!t)return;const s=t.toLowerCase();return e?.find(r=>r.normalizedEmail===s)};function Gb(e){const t=new Date(e),s=new Date;return t.toDateString()===s.toDateString()?"today":Rn(t,{month:"short",year:"numeric"})}function Gc(e){if(!e)return!0;const[,t]=e.split("@");return t?!t.includes("."):!0}const Xb="We can't verify the sender of this email, which could mean it's from an insecure source.",Jb="We couldn't read this sender's address, so we can't confirm who really sent this message.";function Zb(e,t){return{name:e.fromName??e.fromEmail??"Unknown",email:e.fromEmail??"",trust:e.senderTrust,firstSeenLabel:t?Gb(t.createdAt):"unknown",inboundCount:t?.inboundCount,replyCount:t?.replyCount,addressUnverified:Gc(e.fromEmail)}}function ev(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 tv(e,t){const s=t>0?t:void 0;if(Gc(e.fromEmail))return{verdict:"mismatch",fromDomain:"",addressUnreadable:!0,summary:Jb,similarCount:s};const r=e.authenticity;if(!r)return{verdict:"caution",fromDomain:e.fromEmail?.split("@")[1]??"",summary:Xb};if(!r.dkimMismatch)return{verdict:"aligned",fromDomain:r.fromDomain,dkimDomain:r.dkimDomain,summary:r.dkimDomain?`We verified this message was really sent by ${r.fromDomain}.`:"Nothing looks unusual about this sender."};const a=r.fromDomain,o=r.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 Xc(e,t){const s=e?.fromEmail??null,r=e?.subject??"",{data:a,error:o}=de({...Ei({query:Yc(s??void 0)}),enabled:!!s,staleTime:3e4}),i=Yb(a?.items,s??void 0),l=[r,s].filter(Boolean).join(" "),{data:u,isLoading:d,error:m}=de({...Mi({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(p=>p.messageId!==e.messageId).map(p=>({id:p.messageId,mailboxId:t!=null&&p.mailboxIds.includes(t)?t:p.mailboxIds[0]??"",fromName:p.fromName??"",subject:p.subject??"(No subject)",timeLabel:p.sentDate!=null?Lt(p.sentDate*1e3):"",matched:p.matchedChunkType})),x=Zb(e,i),b=tv(e,h.length),g={value:e.category??"personal",overridden:i?.flags?.category?.value!=null&&i.flags.category.value!==e.category},y=ev(i);return{sender:x,authenticity:b,category:g,flags:y,similar:h}},[e,i,u,t]),isSimilarLoading:d,similarError:m,similarErrorIsFatal:Pr(m),addressErrorIsFatal:Pr(o),addressId:i?.addressId,address:i}}function sv(e,t){const s={...e??{}};for(const[r,a]of Object.entries(t))a==null?delete s[r]:s[r]={...a,setAt:a.setAt??Date.now()};return s}function Jc({addressId:e,senderEmail:t}){const s=je(),{pushError:r}=Ue(),a=od({query:Yc(t)}),{mutate:o,isPending:i}=ge({...Ri(),onMutate:async u=>{const d=u.body.flags??{};await s.cancelQueries({queryKey:a});const m=s.getQueryData(a);return s.setQueryData(a,f=>f&&{...f,items:f.items.map(h=>h.addressId===u.path.addressId?{...h,flags:sv(h.flags,d)}:h)}),{previous:m}},onError:(u,d,m)=>{m?.previous!==void 0&&s.setQueryData(a,m.previous),r({title:"Couldn't update sender preference",detail:at(u),error:u})},onSettled:()=>{s.invalidateQueries({queryKey:a})}});return{updateFlags:c.useCallback(u=>{if(!e){Di(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 nv=e=>e==="vip"?"A sender you know":e==="wellknown"?"You've emailed them before":"Passed authentication",Zc=e=>e.senderTrust!=="vip"&&e.senderTrust!=="wellknown"?!1:e.authenticity?.dkimMismatch!==!0;function rv(e,t){e.recordEvent("rescue.candidates_surfaced",{count:String(t)})}function av(e,t){e.recordEvent("rescue.flow_opened",{count:String(t)})}function ov(e,t){e.recordEvent("rescue.committed",{selected:String(t.selected),total:String(t.total),destination:t.toInbox?"inbox":"other"})}function eu(e,t){e.recordEvent("rescue.sent_to_junk",{count:String(t.count),senderTrust:t.senderTrust,wasRescuable:String(t.wasRescuable)})}const iv=["personal","newsletter","marketing","automated","transactional","social"],lv=e=>{const{mailboxId:t,junkMailboxId:s,inboxMailboxId:r}=e;return t?s&&t===s?r?"notSpam":null:s?"markSpam":null:null},cv=e=>{const{similarError:t,similarErrorIsFatal:s,isSimilarLoading:r}=e;return t&&!s?"error":r?"loading":"ready"};function uv(){return n.jsxs("aside",{className:"flex h-full w-full flex-col bg-surface-sunken",children:[n.jsxs("header",{className:"flex h-pane-header shrink-0 items-center gap-1.5 border-b border-line px-row-inset",children:[n.jsx(ot,{className:"size-3.5 text-fg-subtle"}),n.jsx("span",{className:"text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:"Intelligence"})]}),n.jsxs("div",{className:"flex-1 animate-pulse space-y-4 p-4",children:[n.jsxs("div",{className:"space-y-2",children:[n.jsx("div",{className:"h-2.5 rounded bg-surface w-1/4"}),n.jsxs("div",{className:"flex gap-3",children:[n.jsx("div",{className:"size-10 rounded-full bg-surface shrink-0"}),n.jsxs("div",{className:"flex-1 space-y-1.5",children:[n.jsx("div",{className:"h-3 rounded bg-surface w-3/4"}),n.jsx("div",{className:"h-2.5 rounded bg-surface w-1/2"})]})]})]}),n.jsxs("div",{className:"space-y-2",children:[n.jsx("div",{className:"h-2.5 rounded bg-surface w-1/4"}),n.jsx("div",{className:"h-8 rounded bg-surface"})]}),n.jsxs("div",{className:"space-y-2",children:[n.jsx("div",{className:"h-2.5 rounded bg-surface w-1/4"}),n.jsx("div",{className:"flex gap-1.5 flex-wrap",children:Array.from({length:5}).map((e,t)=>n.jsx("div",{className:"h-6 w-16 rounded bg-surface"},t))})]})]})]})}function dv({isOpen:e,current:t,onSelect:s,onCancel:r}){return e?n.jsxs("div",{className:"fixed inset-0 z-50 flex items-center justify-center","aria-hidden":"true",onClick:r,children:[n.jsx("div",{className:"absolute inset-0 bg-canvas/80 backdrop-blur-sm"}),n.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:[n.jsx("h2",{className:"text-lg font-semibold",children:"Reclassify this sender"}),n.jsx("p",{className:"mt-2 text-sm text-fg-muted",children:"Set a category override for future messages from this sender."}),n.jsx("div",{className:"mt-4 flex flex-col gap-1",children:iv.map(a=>n.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&&n.jsx("span",{className:"text-2xs text-fg-subtle",children:"current"})]},a))}),n.jsx("div",{className:"mt-6 flex justify-end",children:n.jsx("button",{type:"button",onClick:r,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 fv({thread:e,onClose:t,mailboxId:s,accountId:r,hideCloseButton:a}){const{data:o,addressId:i,isSimilarLoading:l,similarError:u,similarErrorIsFatal:d}=Xc(e,s),[m,f]=c.useState(!1),[h,x]=c.useState(!1),b=e.fromEmail??void 0,{updateFlags:g,isPending:y}=Jc({addressId:i,senderEmail:b}),{junkMailboxId:p}=Ta(r),{inboxMailboxId:v}=Ia(r),{moveMessages:w}=Rt({mailboxId:s??"",threadId:e.threadId,accountId:r}),j=Vs(),T=lv({mailboxId:s,junkMailboxId:p,inboxMailboxId:v}),N=c.useCallback(()=>{v&&w([e.messageId],v)},[v,w,e.messageId]),k=c.useCallback(()=>{p&&(eu(j,{count:1,senderTrust:e.senderTrust,wasRescuable:Zc(e)}),w([e.messageId],p))},[p,w,e,j]),C=c.useCallback(()=>{},[]),R=c.useCallback(()=>{const A=o?.flags?.vip!==!0;g({vip:{value:A}})},[o?.flags?.vip,g]),O=c.useCallback(()=>{const A=o?.flags?.muted!==!0;g({muted:{value:A}})},[o?.flags?.muted,g]),M=c.useCallback(()=>{o?.flags?.blocked===!0?g({blocked:{value:!1}}):f(!0)},[o?.flags?.blocked,g]),L=c.useCallback(()=>{f(!1),g({blocked:{value:!0}})},[g]),E=c.useCallback(()=>{const A=o?.flags?.unsubscribed!==!0;g({unsubscribed:{value:A}})},[o?.flags?.unsubscribed,g]),S=c.useCallback(A=>{x(!1),g({category:{value:A}})},[g]),I=i!==void 0,P={onToggleVip:I?R:void 0,onToggleMute:I?O:void 0,onToggleBlock:I?M:void 0,onToggleUnsubscribe:I?E:void 0,onReclassify:I?()=>x(!0):void 0,onNotSpam:T==="notSpam"?N:void 0,onMarkSpam:T==="markSpam"?k:void 0},D=({mailboxId:A,messageId:q,className:U,ariaLabel:ee,children:le})=>n.jsx(gt,{to:"/mail/$mailboxId",params:{mailboxId:A},search:Y=>({...Y,selectedMessageId:q}),className:U,"aria-label":ee,children:le});if(!o)return n.jsx(uv,{});const B=cv({similarError:u,similarErrorIsFatal:d,isSimilarLoading:l});return n.jsxs(n.Fragment,{children:[n.jsx(il,{data:o,onClose:t,hideCloseButton:a,onShowSimilar:C,actions:P,similarState:B,similarLinkComponent:D,className:"border-l-0 h-full w-full"}),n.jsx(Vc,{isOpen:m,title:"Block this sender?",description:`Messages from ${b??"this sender"} will never load images and will be flagged. You can undo this in Settings → Senders.`,confirmLabel:"Block sender",destructive:!0,isBusy:y,onConfirm:L,onCancel:()=>f(!1)}),n.jsx(dv,{isOpen:h,current:o.category.value,onSelect:S,onCancel:()=>x(!1)})]})}const Cs=({onClose:e,thread:t,mailboxId:s,accountId:r,hideCloseButton:a})=>t?n.jsx(fv,{thread:t,onClose:e,mailboxId:s,accountId:r,hideCloseButton:a}):n.jsxs("aside",{className:"flex h-full w-full flex-col bg-surface-sunken",children:[n.jsxs("header",{className:"flex h-pane-header shrink-0 items-center gap-1.5 border-b border-line px-row-inset",children:[n.jsx(ot,{className:"size-3.5 text-fg-subtle"}),n.jsx("span",{className:"text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:"Intelligence"})]}),n.jsxs("div",{className:"flex flex-1 flex-col items-center justify-center px-row-inset text-center",children:[n.jsx(ot,{className:"size-8 text-fg-subtle"}),n.jsx("p",{className:"mt-3 text-sm text-fg-muted",children:"Intelligence"}),n.jsx("p",{className:"mt-1 text-2xs text-fg-subtle",children:"Sender trust, authenticity and similar messages will appear here."})]})]}),Tr="Open a message first",La=({hasThread:e,intelligenceOpen:t,canToggleIntelligence:s,onToggleIntelligence:r,onReply:a,onReplyAll:o,onForward:i,onDelete:l,canDelete:u,onToggleStar:d,isStarred:m,moveContext:f})=>{const[h,x]=c.useState(null),b=u??e,g=y=>()=>x(y);return n.jsx(Zf,{hasThread:e,isStarred:m,onUnavailable:y=>x(Tr),unavailableHint:h,replyTitle:`Reply ${ls("reply")}`,replyAllTitle:`Reply all ${ls("replyAll")}`,forwardTitle:`Forward ${ls("forward")}`,deleteTitle:`Move to Trash ${ls("delete")}`,flagTitle:`Star ${ls("toggleStar")}`,onReply:a,onReplyAll:o,onForward:i,onDelete:b?l:g(Tr),onToggleStar:d,onMove:g(Tr),moveSlot:f?n.jsx(nn,{accountId:f.accountId,currentMailboxId:f.currentMailboxId,onMove:f.onMove,label:"Move to mailbox"}):void 0,children:n.jsx(Jf,{open:t,enabled:s,onToggle:r})})};function mv(e){return{threadId:e.threadId,mailboxId:e.mailboxId,subject:e.subject,messageId:e.messageId,authenticity:e.authenticity}}function tu(e,t){if(e)return mv(e);if(t.messageId&&t.threadId&&t.mailboxId)return{threadId:t.threadId,mailboxId:t.mailboxId,messageId:t.messageId}}const su=c.createContext(null);function Xn(){const e=c.useContext(su);if(!e)throw new Error("BriefPane.* must be used inside <BriefPane>");return e}function hv({selectedMessageId:e,children:t}){const s=Re(),{searchInput:r}=Se(),{selectedThreadId:a,selectedMailboxId:o}=hs({strict:!1}),{data:i}=de({...Or(),staleTime:6e4}),l=c.useMemo(()=>{if(e)return i?.items.find(x=>x.messageId===e)},[i,e]),u=c.useMemo(()=>tu(l,{messageId:e,threadId:a,mailboxId:o}),[l,e,a,o]),d=c.useCallback(x=>{s({to:"/mail",search:b=>({...b,selectedMessageId:x,selectedThreadId:void 0,selectedMailboxId:void 0})})},[s]),m=c.useCallback(x=>{s({to:"/mail",search:b=>({...b,q:r||void 0,selectedMessageId:x.id,selectedThreadId:x.threadId,selectedMailboxId:x.mailboxId})})},[s,r]),f=c.useCallback(()=>{s({to:"/mail",search:x=>({...x,selectedMessageId:void 0,selectedThreadId:void 0,selectedMailboxId:void 0})})},[s]),h={selectedMessageId:e,selectedThread:l,conversation:u,onSelectMessage:d,onSelectSearchResult:m,onCloseThread:f};return n.jsx(su.Provider,{value:h,children:t})}function pv(){const{selectedMessageId:e,onSelectMessage:t,onSelectSearchResult:s}=Xn(),{accounts:r}=Se();return n.jsx(Wc,{accounts:r,selectedMessageId:e,onSelectMessage:t,onSelectSearchResult:s})}function gv(){const{conversation:e}=Xn(),{intelligenceOpen:t,onToggleIntelligence:s}=Se(),r=ys()?.showIntelligencePane??!1,a=!!e,o=r&&a;return n.jsxs("section",{className:"flex h-full w-full min-w-0 flex-col bg-canvas",children:[n.jsx(La,{hasThread:a,intelligenceOpen:o&&t,canToggleIntelligence:o,onToggleIntelligence:s}),n.jsx("div",{className:"min-h-0 flex-1 overflow-hidden",children:e?n.jsx(Ss,{threadId:e.threadId,mailboxId:e.mailboxId,subject:e.subject,selectedMessageId:e.messageId,authenticity:e.authenticity}):n.jsx(js,{})})]})}function xv(){const{selectedThread:e}=Xn(),{onToggleIntelligence:t}=Se();return n.jsx(Cs,{onClose:t,thread:e,mailboxId:e?.mailboxId,accountId:e?.accountId})}function bv(){const{selectedThread:e,conversation:t,selectedMessageId:s,onSelectMessage:r,onSelectSearchResult:a,onCloseThread:o}=Xn(),{accounts:i,intelligenceOpen:l,onToggleIntelligence:u}=Se();return t?n.jsxs(n.Fragment,{children:[n.jsx(Ss,{threadId:t.threadId,mailboxId:t.mailboxId,subject:t.subject,selectedMessageId:t.messageId,authenticity:t.authenticity,onBack:o,onOpenIntelligence:u}),n.jsx(Na,{isOpen:l,onClose:u,ariaLabel:"Message details",side:"right",children:n.jsx(Cs,{onClose:u,thread:e,hideCloseButton:!0})})]}):n.jsx("div",{className:"h-full",children:n.jsx(Wc,{accounts:i,selectedMessageId:s,onSelectMessage:r,onSelectSearchResult:a})})}const Ps=Object.assign(hv,{List:pv,Reading:gv,Intelligence:xv,Phone:bv}),vv=()=>Ti({query:{starred:!0,order:"desc"}});function nu(){const{data:e,isLoading:t,isError:s,error:r,refetch:a,fetchNextPage:o,hasNextPage:i,isFetchingNextPage:l}=Fl({queryKey:vv(),queryFn:async({pageParam:d})=>{const{data:m}=await id({query:{starred:!0,order:"desc",continuationToken:d},throwOnError:!0});return m},initialPageParam:void 0,getNextPageParam:d=>d.continuationToken,staleTime:6e4});return{threads:c.useMemo(()=>(e?.pages??[]).flatMap(d=>d.items??[]),[e]),isLoading:t,isError:s,error:r,refetch:a,fetchNextPage:o,hasNextPage:i,isFetchingNextPage:l}}const yv=e=>{const t=new Set;return e.filter(s=>t.has(s.threadId)?!1:(t.add(s.threadId),!0))};function ru({title:e,unreadCount:t,preset:s,selectedCategory:r,activeFilters:a,onSelectCategory:o,onToggleFilter:i,onSelectSource:l,onClearFilters:u,children:d,footer:m,searchResults:f,searchLoading:h,relatedResults:x,relatedLoading:b,onSelectSearchResult:g,searchResultsLabel:y,relatedResultsLabel:p}){const[v,w]=c.useState(!1),j={categories:s.categories,filters:s.filters,sources:s.sources,selectedCategory:r,activeFilters:a,expanded:v,onExpandedChange:w,onSelectCategory:o,onSelectSource:l,onToggleFilter:i,onClear:u};return n.jsx(Qc,{title:e,unreadCount:t,footer:m,searchFilter:j,searchResults:f,searchLoading:h,relatedResults:x,relatedLoading:b,onSelectSearchResult:g,searchResultsLabel:y,relatedResultsLabel:p,children:n.jsx(Zr,{...j,children:d})})}const wv={unread:e=>!e.isRead,attachment:e=>e.hasAttachment===!0};function jv({selectedMessageId:e,onSelectMessage:t}){const{searchQuery:s,resultFolderIndex:r}=Se(),a=ks(),o=Jt(),[i,l]=c.useState("all"),[u,d]=c.useState(new Set),m=c.useCallback(E=>{d(S=>{const I=new Set(S);return I.has(E)?I.delete(E):I.add(E),I})},[]),f=c.useCallback(()=>{l("all"),d(new Set)},[]),{threads:h,isLoading:x,isError:b,error:g,refetch:y,fetchNextPage:p,hasNextPage:v,isFetchingNextPage:w}=nu(),{freeText:j,tokens:T}=Ns(s.trim().toLowerCase(),a),N=c.useMemo(()=>{const E=Array.from(u).map(S=>wv[S]).filter(S=>S!=null);return yv(h).map(Yr).filter(S=>(i==="all"||S.category===i)&&E.every(I=>I(S))&&(!j||_c(S,j))&&Bc(S,T))},[h,i,u,j,T]),k=c.useMemo(()=>Ah(),[]),C=c.useMemo(()=>N.map(E=>Kc(E,r)),[N,r]),R=c.useMemo(()=>N.filter(E=>!E.isRead).length,[N]),O=x?"loading":b?"error":N.length===0?"empty":"ready",M=c.useCallback(()=>{const E=oa(aa());window.open(E,"_blank","noopener,noreferrer")},[]),L=n.jsxs("div",{className:"flex-1 overflow-y-auto",children:[n.jsx("div",{className:"divide-y divide-line",children:N.map(E=>n.jsx(dl,{thread:E,active:E.id===e,onClick:()=>t?.(E.id)},E.id))}),v?n.jsx("button",{type:"button",className:"w-full py-3 text-sm text-muted hover:text-fg disabled:opacity-50",onClick:()=>p(),disabled:w,children:w?"Loading…":"Load more"}):null]});return n.jsx(ru,{title:"Starred",unreadCount:R,preset:k,selectedCategory:i,activeFilters:u,onSelectCategory:l,onToggleFilter:m,onClearFilters:f,searchResults:C,searchLoading:x,onSelectSearchResult:E=>t?.(E.id),children:n.jsx(pl,{listTitle:"Starred",sections:[{id:"flagged",threads:N}],flatList:!0,hideHeader:!0,listState:O,searchQuery:j?s:void 0,errorMessage:b?Li(g):void 0,onRetry:()=>y(),onReportError:M,selectedThreadId:e,onSelectThread:t,onSelectBriefCategory:()=>{},isDesktop:o,listBody:O==="ready"?L:void 0})})}const au=c.createContext(null);function Jn(){const e=c.useContext(au);if(!e)throw new Error("FlaggedPane.* must be used inside <FlaggedPane>");return e}function Sv({selectedMessageId:e,children:t}){const s=Re(),{threads:r}=nu(),a=c.useMemo(()=>{if(e)return r.find(u=>u.messageId===e)},[r,e]),o=c.useCallback(u=>{s({to:"/mail/flagged",search:d=>({...d,selectedMessageId:u})})},[s]),i=c.useCallback(()=>{s({to:"/mail/flagged",search:u=>({...u,selectedMessageId:void 0})})},[s]),l={selectedMessageId:e,selectedThread:a,onSelectMessage:o,onCloseThread:i};return n.jsx(au.Provider,{value:l,children:t})}function ou(){const{selectedMessageId:e,onSelectMessage:t}=Jn();return n.jsx(jv,{selectedMessageId:e,onSelectMessage:t})}function kv(){const{selectedThread:e}=Jn(),{intelligenceOpen:t,onToggleIntelligence:s}=Se(),r=ys()?.showIntelligencePane??!1,a=!!e,o=r&&a;return n.jsxs("section",{className:"flex h-full w-full min-w-0 flex-col bg-canvas",children:[n.jsx(La,{hasThread:a,intelligenceOpen:o&&t,canToggleIntelligence:o,onToggleIntelligence:s}),n.jsx("div",{className:"min-h-0 flex-1 overflow-hidden",children:e?n.jsx(Ss,{threadId:e.threadId,mailboxId:e.mailboxId,subject:e.subject,authenticity:e.authenticity}):n.jsx(js,{})})]})}function Nv(){const{selectedThread:e}=Jn(),{onToggleIntelligence:t}=Se();return n.jsx(Cs,{onClose:t,thread:e,mailboxId:e?.mailboxId,accountId:e?.accountId})}function Cv(){const{selectedThread:e,onCloseThread:t}=Jn(),{intelligenceOpen:s,onToggleIntelligence:r}=Se();return e?n.jsxs(n.Fragment,{children:[n.jsx(Ss,{threadId:e.threadId,mailboxId:e.mailboxId,subject:e.subject,authenticity:e.authenticity,onBack:t,onOpenIntelligence:r}),n.jsx(Na,{isOpen:s,onClose:r,ariaLabel:"Message details",side:"right",children:n.jsx(Cs,{onClose:r,thread:e,hideCloseButton:!0})})]}):n.jsx("div",{className:"h-full",children:n.jsx(ou,{})})}const Ls=Object.assign(Sv,{List:ou,Reading:kv,Intelligence:Nv,Phone:Cv}),Ev={reply:"Reply",reply_all:"Reply All",forward:"Forward",new:"New Message"},Iv=()=>{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},[])},Tv=()=>{const{state:e,closeCompose:t}=Ot(),s=Iv(),[r,a]=c.useState(!1),{isError:o,error:i,refetch:l}=de({...xt(),staleTime:1/0}),u=c.useCallback(h=>{h||(s()?a(!0):t())},[t,s]),d=c.useCallback(()=>{a(!1),t()},[t]),m=c.useCallback(()=>{a(!1)},[]);if(!e.isOpen)return null;const f=Ev[e.mode]??"New Message";return n.jsxs(Ke.Root,{open:e.isOpen,onOpenChange:u,children:[n.jsxs(Ke.Portal,{children:[n.jsx(Ke.Overlay,{className:"fixed inset-0 z-40 bg-black/40"}),n.jsxs(Ke.Content,{className:"fixed inset-x-0 bottom-0 z-50 flex flex-col bg-canvas rounded-t-lg",style:{height:"95dvh"},children:[n.jsx(Ke.Handle,{className:"mx-auto mt-2 mb-1 h-1.5 w-12 rounded-full bg-fg-muted/30"}),n.jsx(Ke.Title,{className:"px-4 py-2 text-base font-semibold border-b border-line",children:f}),o?n.jsx("div",{className:"flex-1 flex items-center justify-center p-4",children:n.jsx(Pt,{title:"Couldn't load compose",error:i,onRetry:()=>{l()}})}):n.jsx("div",{className:"flex-1 overflow-hidden",children:n.jsx(Ca,{mode:e.mode,account:e.account,sourceMessage:e.sourceMessage,onClose:t})})]})]}),r&&n.jsx("div",{className:"fixed inset-0 z-[60] flex items-center justify-center bg-black/50",children:n.jsxs("div",{className:"mx-4 w-full max-w-sm rounded-xl bg-canvas p-6 shadow-xl",children:[n.jsx("h3",{className:"text-lg font-semibold",children:"Discard draft?"}),n.jsx("p",{className:"mt-2 text-sm text-fg-muted",children:"Your message has unsaved content. Are you sure you want to discard it?"}),n.jsxs("div",{className:"mt-4 flex justify-end gap-2",children:[n.jsx("button",{type:"button",onClick:m,className:"rounded-md px-4 py-2 text-sm font-medium hover:bg-surface-raised transition-colors",children:"Keep editing"}),n.jsx("button",{type:"button",onClick:d,className:"rounded-md bg-danger px-4 py-2 text-sm font-medium text-canvas hover:bg-danger/90 transition-colors",children:"Discard"})]})]})})]})},Rv={reply:"Reply",reply_all:"Reply All",forward:"Forward",new:"New Message"},iu=()=>{const{state:e,closeCompose:t}=Ot(),s=Jt(),{isError:r,error:a,refetch:o}=de({...xt(),staleTime:1/0});if(!s)return n.jsx(Tv,{});if(!e.isOpen)return null;const i=Rv[e.mode]??"New Message",l=n.jsxs("header",{className:"flex items-center justify-between gap-2 px-4 py-3 border-b border-line shrink-0",children:[n.jsx("div",{className:"flex items-center gap-2 min-w-0",children:n.jsx("h2",{className:"text-lg font-semibold truncate",children:i})}),n.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:n.jsx(qe,{className:"size-5"})})]});return r?n.jsxs("div",{className:"h-full flex flex-col bg-canvas",children:[l,n.jsx("div",{className:"flex-1 flex items-center justify-center p-4",children:n.jsx(Pt,{title:"Couldn't load compose",error:a,onRetry:()=>{o()}})})]}):n.jsxs("div",{className:"flex h-full min-h-0 flex-col bg-canvas",children:[l,n.jsx("div",{className:"min-h-0 flex-1 overflow-hidden",children:n.jsx(Ca,{mode:e.mode,account:e.account,sourceMessage:e.sourceMessage,onClose:t},e.outboxMessageId??"new")})]})};function Mv(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:Lt(e.updatedAt),isRead:!0}}function Dv(e){return{id:e.messageId,accountId:e.accountConfigId,fromName:e.fromName??e.fromEmail??"Unknown",fromEmail:e.fromEmail??"",subject:e.subject??"(No subject)",snippet:e.snippet??"",timeLabel:Lt(e.sentDate),isRead:e.isRead,hasAttachment:e.hasAttachment,starred:e.hasStars===!0}}function Av({outboxMessages:e,accountId:t,imapThreads:s}){const r=e.filter(i=>i.status==="draft"&&i.accountId===t).map(Mv),a=s.map(Dv),o=[];return r.length>0&&o.push({id:"remit-drafts",label:"Not yet sent (Remit)",threads:r}),a.length>0&&o.push({id:"imap-drafts",label:"On the server",threads:a}),o}function $a(){const e=ys();return!e||e.showNavPane?null:n.jsx(Z,{variant:"ghost",size:"sm",icon:n.jsx(da,{className:"size-4"}),onClick:e.openNav,"aria-label":"Open folders",className:"-ml-1 shrink-0"})}const Ov=({label:e,count:t})=>n.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:[n.jsx("span",{className:"text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:e}),n.jsx("span",{className:"text-2xs text-fg-subtle tabular-nums",children:t})]}),Pv=({row:e,isSelected:t,onOpen:s,onDelete:r,isDeleting:a})=>n.jsxs("button",{type:"button",onClick:()=>s(e.id),className:Q("group",ws({active:t})),children:[n.jsx(vi,{className:"size-7 shrink-0 text-fg-muted mt-0.5"}),n.jsx(Qt,{thread:e}),n.jsx("div",{className:"flex items-center gap-1 shrink-0",children:n.jsx("button",{type:"button",onClick:o=>{o.stopPropagation(),r(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:n.jsx(it,{className:"size-3.5"})})})]}),Lv=({row:e,isSelected:t,onOpen:s})=>{const r=!e.isRead;return n.jsxs("button",{type:"button",onClick:()=>s(e.id),className:Q("group",ws({active:t})),children:[r&&n.jsx("span",{className:"absolute left-1.5 top-1/2 size-1.5 -translate-y-1/2 rounded-full bg-accent"}),n.jsx(Ze,{name:e.fromName,email:e.fromEmail,size:"sm"}),n.jsx(Qt,{thread:e})]})};function $v({mailboxId:e,accountId:t,selectedMessageId:s,imapThreads:r,title:a,unreadCount:o}){const{openCompose:i,state:l}=Ot(),u=Re(),d=je(),{data:m}=de($n()),f=c.useMemo(()=>Av({outboxMessages:m?.items??[],accountId:t,imapThreads:r}),[m?.items,t,r]),h=ge({...zn(),onSuccess:()=>{d.invalidateQueries({queryKey:ua()})}}),x=p=>{h.mutate({path:{outboxMessageId:p}})},b=p=>{s&&u({to:"/mail/$mailboxId",params:{mailboxId:e},search:{selectedMessageId:void 0}}),i({mode:"new",outboxMessageId:p})},g=p=>{u({to:"/mail/$mailboxId",params:{mailboxId:e},search:{selectedMessageId:p}})},y=f.length===0;return n.jsxs("section",{className:"flex h-full w-full flex-col bg-surface",children:[n.jsxs("header",{className:"flex h-pane-header shrink-0 items-center gap-2 border-b border-line px-row-inset",children:[n.jsx($a,{}),n.jsx("h1",{className:"min-w-0 flex-1 truncate text-sm font-semibold text-fg",children:a}),(o??0)>0&&n.jsxs("span",{className:"shrink-0 text-2xs text-fg-subtle tabular-nums",children:[o," unread"]})]}),n.jsx("div",{className:"flex-1 overflow-y-auto",children:y?n.jsxs("div",{className:"flex flex-col items-center justify-center h-full gap-2 text-center px-4",children:[n.jsx(Jr,{className:"size-8 text-fg-subtle"}),n.jsx("p",{className:"text-sm font-medium text-fg",children:"No drafts"}),n.jsx("p",{className:"text-xs text-fg-subtle",children:"Messages you start composing will appear here."})]}):f.map(p=>n.jsxs("div",{children:[p.label&&n.jsx(Ov,{label:p.label,count:p.threads.length}),n.jsx("div",{className:"divide-y divide-line",children:p.threads.map(v=>p.id==="remit-drafts"?n.jsx(Pv,{row:v,isSelected:l.isOpen&&v.id===l.outboxMessageId,onOpen:b,onDelete:x,isDeleting:h.isPending},v.id):n.jsx(Lv,{row:v,isSelected:v.id===s,onOpen:g},v.id))})]},p.id))})]})}function zv(e,t,s){const r=new Array(e);return new Proxy(r,{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 d=a[u];if(!d){const m=t[u*2];d=a[u]={index:u,key:s(u),start:m,size:t[u*2+1],end:m+t[u*2+1],lane:0}}return d}}if(o==="length")return e}return Reflect.get(a,o,i)}})}function is(e,t,s){let r=s.initialDeps??[],a,o=!0;function i(){const l=e();return(l.length!==r.length||l.some((d,m)=>r[m]!==d))&&(r=l,a=t(...l),s?.onChange&&!(o&&s.skipInitialOnChange)&&s.onChange(a),o=!1),a}return i.updateDeps=l=>{r=l},i}function ri(e,t){if(e===void 0)throw new Error("Unexpected undefined");return e}const Fv=(e,t)=>Math.abs(e-t)<1.01,_v=(e,t,s)=>{let r;return function(...a){e.clearTimeout(r),r=e.setTimeout(()=>t.apply(this,a),s)}};let $s;const Rr=()=>{if($s!==void 0)return $s;if(typeof navigator>"u")return $s=!1;if(/iP(hone|od|ad)/.test(navigator.userAgent))return $s=!0;const e=navigator.maxTouchPoints;return $s=navigator.platform==="MacIntel"&&e!==void 0&&e>0},ai=e=>{const{offsetWidth:t,offsetHeight:s}=e;return{width:t,height:s}},Bv=e=>e,Kv=e=>{const t=Math.max(e.startIndex-e.overscan,0),r=Math.min(e.endIndex+e.overscan,e.count-1)-t+1,a=new Array(r);for(let o=0;o<r;o++)a[o]=t+o;return a},qv=(e,t)=>{const s=e.scrollElement;if(!s)return;const r=e.targetWindow;if(!r)return;const a=i=>{const{width:l,height:u}=i;t({width:Math.round(l),height:Math.round(u)})};if(a(ai(s)),!r.ResizeObserver)return()=>{};const o=new r.ResizeObserver(i=>{const l=()=>{const u=i[0];if(u?.borderBoxSize){const d=u.borderBoxSize[0];if(d){a({width:d.inlineSize,height:d.blockSize});return}}a(ai(s))};e.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(l):l()});return o.observe(s,{box:"border-box"}),()=>{o.unobserve(s)}},An={passive:!0},Uv=typeof window>"u"?!0:"onscrollend"in window,Hv=(e,t,s)=>{const r=e.scrollElement;if(!r)return;const a=e.targetWindow;if(!a)return;const o=e.options.useScrollendEvent&&Uv;let i=0;const l=o?null:_v(a,()=>t(i,!1),e.options.isScrollingResetDelay),u=f=>()=>{i=s(r),l?.(),t(i,f)},d=u(!0),m=u(!1);return r.addEventListener("scroll",d,An),o&&r.addEventListener("scrollend",m,An),()=>{r.removeEventListener("scroll",d),o&&r.removeEventListener("scrollend",m)}},Qv=(e,t)=>Hv(e,t,s=>{const{horizontal:r,isRtl:a}=e.options;return r?s.scrollLeft*(a&&-1||1):s.scrollTop}),Wv=(e,t,s)=>{if(s.options.useCachedMeasurements){const r=s.indexFromElement(e),a=s.options.getItemKey(r);return s.itemSizeCache.get(a)??s.options.estimateSize(r)}if(t?.borderBoxSize){const r=t.borderBoxSize[0];if(r)return Math.round(r[s.options.horizontal?"inlineSize":"blockSize"])}if(!t){const r=s.indexFromElement(e),a=s.options.getItemKey(r),o=s.itemSizeCache.get(a);if(o!==void 0)return o}return e[s.options.horizontal?"offsetWidth":"offsetHeight"]},Vv=(e,{adjustments:t=0,behavior:s},r)=>{var a,o;(o=(a=r.scrollElement)==null?void 0:a.scrollTo)==null||o.call(a,{[r.options.horizontal?"left":"top"]:e+t,behavior:s})},Yv=Vv;class Gv{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,r,a;return((a=(r=(s=this.targetWindow)==null?void 0:s.performance)==null?void 0:r.now)==null?void 0:a.call(r))??Date.now()},this.observer=(()=>{let s=null;const r=()=>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[d,m]of this.elementsCache)if(m===l){this.elementsCache.delete(d);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=r())==null||a.disconnect(),s=null},observe:a=>{var o;return(o=r())==null?void 0:o.observe(a,{box:"border-box"})},unobserve:a=>{var o;return(o=r())==null?void 0:o.unobserve(a)}}})(),this.range=null,this.setOptions=s=>{var r,a;const o={debug:!1,initialOffset:0,overscan:1,paddingStart:0,paddingEnd:0,scrollPaddingStart:0,scrollPaddingEnd:0,horizontal:!1,getItemKey:Bv,rangeExtractor:Kv,onChange:()=>{},measureElement:Wv,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,d=!1;if(i!==void 0&&i.enabled&&o.enabled&&o.anchorTo==="end"&&this.scrollElement!==null){const h=i.count,x=o.count,b=this.getMeasurements(),g=h>0?((r=b[0])==null?void 0:r.key)??i.getItemKey(0):null,y=h>0?((a=b[h-1])==null?void 0:a.key)??i.getItemKey(h-1):null;if(x!==h||h>0&&x>0&&(o.getItemKey(0)!==g||o.getItemKey(x-1)!==y)){d=!0;const w=h>0?this.getVirtualItemForOffset(this.getScrollOffset())??b[0]:null;w&&(l=[w.key,this.getScrollOffset()-w.start]);const j=o.followOnAppend===!0?"auto":o.followOnAppend||null;j&&x>h&&this.isAtEnd(i.scrollEndThreshold)&&(h===0||o.getItemKey(x-1)!==y)&&(u=j)}}this.options=o,d&&(this.pendingMin=0,this.itemSizeCacheVersion++);let m=!1,f=0;if(l&&this.scrollOffset!==null){const[h,x]=l,b=this.getMeasurements(),{count:g,getItemKey:y}=this.options;let p=0;for(;p<g&&y(p)!==h;)p++;if(p<g){const v=b[p];if(v){const w=v.start+x;w!==this.scrollOffset&&(f=w-this.scrollOffset,this.scrollOffset=w,m=!0)}}}(m||u)&&(this.pendingScrollAnchor=[m?l[0]:null,m?l[1]:0,u,f])},this.notify=s=>{var r,a;(a=(r=this.options).onChange)==null||a.call(r,this,s)},this.maybeNotify=is(()=>(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 r=this.options.enabled?this.options.getScrollElement():null;if(this.scrollElement!==r){if(this.cleanup(),!r){this.maybeNotify();return}if(this.scrollElement=r,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,!(!Rr()||this.targetWindow==null)&&(this._iosJustTouchEnded=!0,this._iosTouchEndTimerId=this.targetWindow.setTimeout(()=>{this._iosJustTouchEnded=!1,this._iosTouchEndTimerId=null,this._flushIosDeferredIfReady()},150))};o.addEventListener("touchstart",i,An),o.addEventListener("touchend",l,An),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&&(Rr()&&(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(),r=this.getMaxScrollOffset();if(s<0||s>r)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=is(()=>[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,r,a,o,i,l,u,d)=>(this.prevLanes!==void 0&&this.prevLanes!==l&&(this.lanesChangedFlag=!0),this.prevLanes=l,this.pendingMin=null,{count:s,paddingStart:r,scrollMargin:a,getItemKey:o,enabled:i,lanes:l,laneAssignmentMode:u,gap:d}),{key:!1}),this.getMeasurements=is(()=>[this.getMeasurementOptions(),this.itemSizeCacheVersion],({count:s,paddingStart:r,scrollMargin:a,getItemKey:o,enabled:i,lanes:l,laneAssignmentMode:u,gap:d},m)=>{const f=this.itemSizeCache;if(!i)return this.measurementsCache=[],this.itemSizeCache.clear(),this.laneAssignments.clear(),[];if(this.laneAssignments.size>s)for(const p of this.laneAssignments.keys())p>=s&&this.laneAssignments.delete(p);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(p=>{this.itemSizeCache.set(p.key,p.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 p=s*2;let v=this._flatMeasurements;if(!v||v.length<p){const T=new Float64Array(p);v&&h>0&&T.set(v.subarray(0,h*2)),v=T,this._flatMeasurements=v}let w;if(h===0)w=r+a;else{const T=h-1;w=v[T*2]+v[T*2+1]+d}for(let T=h;T<s;T++){const N=o(T),k=f.get(N),C=typeof k=="number"?k:this.options.estimateSize(T);v[T*2]=w,v[T*2+1]=C,w+=C+d}const j=zv(s,v,o);return this.measurementsCache=j,j}const x=this.measurementsCache.slice(0,h),b=new Array(l).fill(void 0),g=new Float64Array(l);let y=0;for(let p=0;p<h;p++){const v=x[p];v&&(b[v.lane]===void 0&&y++,b[v.lane]=p,g[v.lane]=v.end)}for(let p=h;p<s;p++){const v=o(p),w=this.laneAssignments.get(p);let j,T;const N=u==="estimate"||f.has(v);if(w!==void 0&&this.options.lanes>1){j=w;const O=b[j],M=O!==void 0?x[O]:void 0;T=M?M.end+d:r+a}else if(y===l){let O=0,M=g[0],L=b[0];for(let E=1;E<l;E++){const S=g[E];(S<M||S===M&&b[E]<L)&&(O=E,M=S,L=b[E])}j=O,T=M+d,N&&this.laneAssignments.set(p,j)}else j=p%this.options.lanes,T=r+a,N&&this.laneAssignments.set(p,j);const k=f.get(v),C=typeof k=="number"?k:this.options.estimateSize(p),R=T+C;x[p]={index:p,start:T,size:C,end:R,key:v,lane:j},b[j]===void 0&&y++,b[j]=p,g[j]=R}return this.measurementsCache=x,x},{key:!1,debug:()=>this.options.debug}),this.calculateRange=is(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset(),this.options.lanes],(s,r,a,o)=>s.length===0||r===0?(this.range=null,null):(this.range=Jv(s,r,a,o,o===1&&this._flatMeasurements!=null?this._flatMeasurements:null),this.range),{key:!1,debug:()=>this.options.debug}),this.getVirtualIndexes=is(()=>{let s=null,r=null;const a=this.calculateRange();return a&&(s=a.startIndex,r=a.endIndex),this.maybeNotify.updateDeps([this.isScrolling,s,r]),[this.options.rangeExtractor,this.options.overscan,this.options.count,s,r]},(s,r,a,o,i)=>o===null||i===null?[]:s({startIndex:o,endIndex:i,overscan:r,count:a}),{key:!1,debug:()=>this.options.debug}),this.indexFromElement=s=>{const r=this.options.indexAttribute,a=s.getAttribute(r);return a?parseInt(a,10):(console.warn(`Missing attribute name '${r}={index}' on measured element.`),-1)},this.shouldMeasureDuringScroll=s=>{var r;if(!this.scrollState||this.scrollState.behavior!=="smooth")return!0;const a=this.scrollState.index??((r=this.getVirtualItemForOffset(this.scrollState.lastTargetOffset))==null?void 0:r.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 r=this.indexFromElement(s),a=this.options.getItemKey(r),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(r)&&this.resizeItem(r,this.options.measureElement(s,void 0,this))},this.resizeItem=(s,r)=>{var a,o;if(s<0||s>=this.options.count)return;let i,l,u;const d=this._flatMeasurements;if(this.options.lanes===1&&d!==null)u=this.options.getItemKey(s),l=d[s*2],i=d[s*2+1];else{const h=this.measurementsCache[s];if(!h)return;u=h.key,l=h.start,i=h.size}const m=this.itemSizeCache.get(u)??i,f=r-m;if(f!==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,b=((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},f,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,r),this.itemSizeCacheVersion++,h?this.applyScrollAdjustment(this.getTotalSize()-x):b&&this.applyScrollAdjustment(f),this.notify(!1)}},this.getVirtualItems=is(()=>[this.getVirtualIndexes(),this.getMeasurements()],(s,r)=>{const a=[];for(let o=0,i=s.length;o<i;o++){const l=s[o],u=r[l];a.push(u)}return a},{key:!1,debug:()=>this.options.debug}),this.getVirtualItemForOffset=s=>{const r=this.getMeasurements();if(r.length===0)return;const a=this._flatMeasurements,o=this.options.lanes===1&&a!=null,i=lu(0,r.length-1,o?l=>a[l*2]:l=>ri(r[l]).start,s);return ri(r[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,r,a=0)=>{if(!this.scrollElement)return 0;const o=this.getSize(),i=this.getScrollOffset();r==="auto"&&(r=s>=i+o?"end":"start"),r==="center"?s+=(a-o)/2:r==="end"&&(s-=o);const l=this.getMaxScrollOffset();return Math.max(Math.min(l,s),0)},this.getOffsetForIndex=(s,r="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(r==="auto")if(i.end>=o+a-this.options.scrollPaddingEnd)r="end";else if(i.start<=o+this.options.scrollPaddingStart)r="start";else return[o,r];if(r==="end"&&s===this.options.count-1)return[this.getMaxScrollOffset(),r];const l=r==="end"?i.end+this.options.scrollPaddingEnd:i.start-this.options.scrollPaddingStart;return[this.getOffsetForAlignment(l,r,i.size),r]},this.scrollToOffset=(s,{align:r="start",behavior:a="auto"}={})=>{const o=this.getOffsetForAlignment(s,r),i=this.now();this.scrollState={index:null,align:r,behavior:a,startedAt:i,lastTargetOffset:o,stableFrames:0},this._scrollToOffset(o,{adjustments:void 0,behavior:a}),this.scheduleScrollReconcile()},this.scrollToIndex=(s,{align:r="auto",behavior:a="auto"}={})=>{s=Math.max(0,Math.min(s,this.options.count-1));const o=this.getOffsetForIndex(s,r);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:r="auto"}={})=>{const a=this.getScrollOffset()+s,o=this.now();this.scrollState={index:null,align:"start",behavior:r,startedAt:o,lastTargetOffset:a,stableFrames:0},this._scrollToOffset(a,{adjustments:void 0,behavior:r}),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 r=this.getMeasurements();let a;if(r.length===0)a=this.options.paddingStart;else if(this.options.lanes===1){const o=r.length-1,i=this._flatMeasurements;i!=null?a=i[o*2]+i[o*2+1]:a=((s=r[o])==null?void 0:s.end)??0}else{const o=Array(this.options.lanes).fill(null);let i=r.length-1;for(;i>=0&&o.some(l=>l===null);){const l=r[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 r=this.getMeasurements();for(const a of r)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:r,behavior:a})=>{this._intendedScrollOffset=s+(r??0),this.options.scrollToFn(s,{behavior:a,adjustments:r},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&&(Rr()&&(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 r=this.scrollState.index!=null?this.getOffsetForIndex(this.scrollState.index,this.scrollState.align):void 0,a=r?r[0]:this.scrollState.lastTargetOffset,o=1,i=a!==this.scrollState.lastTargetOffset;if(!i&&Fv(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()),d=this.scrollState.behavior==="smooth"&&u>l;this.scrollState.lastTargetOffset=a,d||(this.scrollState.behavior="auto"),this._scrollToOffset(a,{adjustments:void 0,behavior:d?"smooth":"auto"})}this.scheduleScrollReconcile()}}const lu=(e,t,s,r)=>{for(;e<=t;){const a=(e+t)/2|0,o=s(a);if(o<r)e=a+1;else if(o>r)t=a-1;else return a}return e>0?e-1:0};function Xv(e,t,s){let r=0;for(;r<=t;){const a=(r+t)/2|0,o=e[a*2];if(o<s)r=a+1;else if(o>s)t=a-1;else return a}return r>0?r-1:0}function Jv(e,t,s,r,a){const o=e.length-1;if(e.length<=r)return{startIndex:0,endIndex:o};if(r===1&&a!==null){const d=Xv(a,o,s);let m=d;const f=s+t;for(;m<o&&a[m*2]+a[m*2+1]<f;)m++;return{startIndex:d,endIndex:m}}let l=lu(0,o,d=>e[d].start,s),u=l;if(r===1)for(;u<o&&e[u].end<s+t;)u++;else if(r>1){const d=Array(r).fill(0);for(;u<o&&d.some(f=>f<s+t);){const f=e[u];d[f.lane]=f.end,u++}const m=Array(r).fill(s+t);for(;l>=0&&m.some(f=>f>=s);){const f=e[l];m[f.lane]=f.start,l--}l=Math.max(0,l-l%r),u=Math.min(o,u+(r-1-u%r))}return{startIndex:l,endIndex:u}}const Mr=typeof document<"u"?c.useLayoutEffect:c.useEffect;function Zv({useFlushSync:e=!0,directDomUpdates:t=!1,directDomUpdatesMode:s="transform",...r}){const a=c.useReducer(d=>d+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=d=>{const m=o.current;if(!m.enabled||!m.container)return;const f=d.getTotalSize();if(f!==m.lastSize){m.lastSize=f;const p=d.options.horizontal?"width":"height";m.container.style[p]=`${f}px`}const h=!!d.options.horizontal,x=m.mode==="transform",b=h?"left":"top",g=d.options.scrollMargin,y=d.getVirtualItems();for(const p of y){const v=p.start-g,w=d.elementsCache.get(p.key);w&&m.lastPositions.get(w)!==v&&(m.lastPositions.set(w,v),x?w.style.transform=h?`translate3d(${v}px, 0, 0)`:`translate3d(0, ${v}px, 0)`:w.style[b]=`${v}px`)}},l={...r,onChange:(d,m)=>{var f;const h=o.current;let x=!0;if(h.enabled){i(d);const b=d.range,g=h.prevRange;x=!g||g.isScrolling!==d.isScrolling||g.startIndex!==b?.startIndex||g.endIndex!==b?.endIndex,x&&(h.prevRange=b?{startIndex:b.startIndex,endIndex:b.endIndex,isScrolling:d.isScrolling}:null)}x&&(e&&m?sa.flushSync(a):a()),(f=r.onChange)==null||f.call(r,d,m)}},[u]=c.useState(()=>{const d=new Gv(l);return Object.assign(d,{containerRef:m=>{const f=o.current;if(f.container=m,f.lastSize=null,m&&f.enabled){const h=d.getTotalSize();f.lastSize=h;const x=d.options.horizontal?"width":"height";m.style[x]=`${h}px`}}})});return u.setOptions(l),Mr(()=>u._didMount(),[]),Mr(()=>u._willUpdate()),Mr(()=>{i(u)}),u}function ey(e){return Zv({observeElementRect:qv,observeElementOffset:Qv,scrollToFn:Yv,...e})}const cu=100,On=async e=>e.then(t=>({ok:!0,value:t}),t=>({ok:!1,error:t})),ty=(e,t=cu)=>{if(e.length===0)return[];const s=[];for(let r=0;r<e.length;r+=t)s.push(e.slice(r,r+t));return s},sy=async(e,t,s,r)=>{const a=ty(e),o=e.length;let i=0;const l=[];for(let u=0;u<a.length;u++){if(r())return l.push(...a.slice(u).flat()),{done:i,failedIds:l,cancelled:!0};const d=a[u],m=await On(t(d));if(!m.ok)return l.push(...a.slice(u).flat()),s({done:i,total:o}),{done:i,failedIds:l,cancelled:!1,error:m.error};const f=new Set(m.value.failedIds??[]);i+=d.length-f.size,l.push(...d.filter(h=>f.has(h))),s({done:i,total:o})}return{done:i,failedIds:l,cancelled:!1}},ny=async(e,t,s,r,a)=>{let o=0;const i=[];let l;do{if(a())return{done:o,failedIds:i,cancelled:!0};const u=await On(e(l));if(!u.ok)return{done:o,failedIds:i,cancelled:!1,error:u.error};const d=u.value;if(d.ids.length>0){const m=await On(s(d.ids));if(!m.ok)return{done:o,failedIds:i,cancelled:!1,error:m.error};const f=new Set(m.value.failedIds??[]);o+=d.ids.length-f.size,i.push(...d.ids.filter(h=>f.has(h))),r({done:o,total:t})}l=d.continuationToken}while(l);return{done:o,failedIds:i,cancelled:!1}},ry=async(e,t,s)=>{let r=0,a;do{if(s())return{total:r,cancelled:!0};const o=await On(e(a));if(!o.ok)return{total:r,cancelled:!1,error:o.error};const i=o.value;r+=i.ids.length,t(r),a=i.continuationToken}while(a);return{total:r,cancelled:!1}},ay=e=>e.failedIds.length>0?{exit:!1,retryIds:e.failedIds}:e.cancelled||e.error?{exit:!1,retryIds:[]}:{exit:!0,retryIds:[]},oy=100,iy=({mailboxId:e,accountId:t,enabled:s,predicateKey:r,searchQuery:a})=>{const[o,i]=c.useState({kind:"idle"}),[l,u]=c.useState(!1),[d,m]=c.useState(void 0),f=c.useRef(!1),h=je(),{pushError:x}=Ue();c.useEffect(()=>{f.current=!0,i({kind:"idle"})},[s,r]);const b=c.useRef(a);b.current=a;const g=c.useCallback(async N=>{const{data:k}=await Ai({path:{mailboxId:e},query:{...b.current,continuationToken:N,limit:oy},throwOnError:!0});return{ids:(k.items??[]).map(C=>C.messageId),continuationToken:k.continuationToken}},[e]),y=c.useCallback(async N=>{const{data:k}=await ld({body:{messageIds:N},throwOnError:!0});return k},[]),p=c.useCallback(()=>{h.invalidateQueries({queryKey:lt({path:{mailboxId:e}})}),h.invalidateQueries({queryKey:bt({path:{mailboxId:e}})}),t&&h.invalidateQueries({queryKey:Vt({path:{accountId:t}})})},[h,e,t]),v=c.useCallback(()=>{f.current=!1,i({kind:"counting",countSoFar:0}),ry(g,N=>i({kind:"counting",countSoFar:N}),()=>f.current).then(N=>{if(N.error){x(Ht("Couldn't count matching messages","The count didn't finish.",N.error)),i({kind:"idle"});return}if(N.cancelled){i({kind:"idle"});return}i({kind:"escalated",total:N.total})})},[g,x]),w=c.useCallback(()=>{f.current=!0},[]),j=c.useCallback(()=>{f.current=!0,i({kind:"idle"})},[]),T=c.useCallback(async N=>{f.current=!1,u(!0);const k=R=>m(R),C=N!==void 0?await sy(N,y,k,()=>f.current):await ny(g,o.kind==="escalated"?o.total:0,y,k,()=>f.current);return u(!1),m(void 0),i({kind:"idle"}),C.error&&x(Ht(C.done>0?`Stopped after ${C.done} — some messages weren't deleted`:"Couldn't delete these messages","The delete didn't finish.",C.error)),C.done>0&&p(),C},[y,g,o,x,p]);return{phase:o,escalate:v,stop:w,clear:j,isDeleting:l,deleteProgress:d,runDelete:T}},ly=(e,t,s)=>{const r=e.indexOf(s);if(r===-1)return[];const a=t===void 0?-1:e.indexOf(t);if(a===-1)return[s];const o=Math.min(a,r),i=Math.max(a,r);return e.slice(o,i+1)},cy=(e,t,s)=>{if(e.length===0)return;const r=t===void 0?-1:e.indexOf(t);if(r===-1)return s>0?e[0]:e[e.length-1];const a=Math.min(Math.max(r+s,0),e.length-1);return e[a]},uy=e=>{const[t,s]=c.useState(new Set),[r,a]=c.useState(void 0),o=c.useCallback(b=>t.has(b),[t]),i=c.useCallback(b=>{a(b),s(g=>{const y=new Set(g);return y.has(b)?y.delete(b):y.add(b),y})},[]),l=c.useCallback(b=>{a(b),s(g=>{if(g.has(b))return g;const y=new Set(g);return y.add(b),y})},[]),u=c.useCallback(b=>{s(g=>{if(!g.has(b))return g;const y=new Set(g);return y.delete(b),y})},[]),d=c.useCallback(b=>{s(new Set(b))},[]),m=c.useCallback(()=>{a(void 0),s(new Set)},[]),f=c.useCallback(b=>{s(g=>b.every(p=>g.has(p))?new Set:new Set(b))},[]),h=c.useCallback(b=>{a(b)},[]),x=c.useCallback((b,g)=>{s(y=>{const p=ly(b,r,g);if(p.length===0)return y;const v=new Set(y);for(const w of p)v.add(w);return v}),a(y=>y??g)},[r]);return{selectedIds:t,selectedCount:t.size,hasSelection:t.size>0,isSelected:o,toggle:i,select:l,deselect:u,selectAll:d,clearSelection:m,toggleAll:f,selectRange:x,setAnchor:h,anchorId:r}},uu=e=>e.query?`matching "${e.query}"`:e.from?`from "${e.from}"`:"matching your search",dy=e=>`Select all ${uu(e)}`,fy=(e,t)=>`All ${ht(t)} ${uu(e)} selected`;function my(e,t){if(e.length!==0)return t!==void 0&&e.includes(t)?t:e[0]}const hy=e=>{const t=ge(cd()),{mutate:s}=t;return{preview:c.useCallback(a=>{e&&s({path:{accountId:e},body:zi(a)})},[e,s]),reset:t.reset,matchedCount:t.data?.matchedCount,messageIds:t.data?.messageIds,isPending:t.isPending,isError:t.isError,error:t.error}},py=new Set(["Complete","Failed"]),oi=e=>e!==void 0&&py.has(e),gy=1e3,xy=15e3,by=e=>{const t=Math.max(0,e),s=gy*2**t;return Math.min(s,xy)},vy=e=>{const[t,s]=c.useState(),r=ge({...ud(),onSuccess:f=>s(f.organizeJobId)}),{mutate:a}=r,o=de({...dd({path:{accountId:e??"",organizeJobId:t??""}}),enabled:!!e&&!!t,refetchInterval:f=>{const h=f.state.data?.state;return oi(h)?!1:by(f.state.dataUpdateCount)}}),i=c.useCallback(f=>{e&&(s(void 0),a({path:{accountId:e},body:zi(f)}))},[e,a]),l=o.data,u=l?.state??r.data?.state,d=oi(l?.state),m={state:u,matchedCount:l?.matchedCount??0,appliedCount:l?.appliedCount??0,failedCount:l?.failedCount??0,errorMessage:l?.errorMessage??""};return{start:i,progress:m,isStarting:r.isPending,isRunning:!!t&&!d,isDone:d,isError:r.isError||o.isError,error:r.error??o.error}},yy=({draft:e,scope:t,name:s,pickedDate:r})=>{if(!Md(e))return"Pick a folder to move these into — labeling isn't available yet.";if((t==="standing"||t==="temporary")&&s.trim()==="")return"Name this filter so you can find it later.";if(t==="temporary"&&r==="")return"Pick the date this should stop on."},wy=(e,t)=>{switch(e){case"just-these":return`Move ${t} message${t===1?"":"s"}`;case"all-like-these":return`Organize ${t} message${t===1?"":"s"}`;case"standing":return"Always do this";case"temporary":return"Do this until then"}},jy=(e,t,s)=>e==="just-these"?t:s,Sy=[{id:"just-these",label:"Just these",caption:"the ones you selected"},{id:"all-like-these",label:"All like these",caption:"including the similar ones found now"},{id:"standing",label:"These and new mail like this",caption:"keeps working on future mail"},{id:"temporary",label:"Until a date",caption:"stops on its own"}];function ky({accountId:e,mailboxId:t,selectedMessageIds:s,anchorMessageId:r,matchedCount:a,onClose:o}){const[i,l]=c.useState("all-like-these"),[u,d]=c.useState(""),[m,f]=c.useState(""),[h,x]=c.useState(""),{data:b}=de({...Je({path:{accountId:e}}),staleTime:1/0}),g=c.useMemo(()=>Oa(b?.items??[]).map(O=>({id:O.mailboxId,label:Tn(O.fullPath)})),[b?.items]),y=c.useMemo(()=>({anchorMessageId:r,matchOperator:"And",literalClauses:[],moveMailboxId:u||void 0,expiresAt:i==="temporary"?Dd(h):void 0}),[r,u,i,h]),{moveMessages:p}=Rt({mailboxId:t,accountId:e}),v=vy(e),w=Ad(e),j=s.length,T=jy(i,j,a),N=yy({draft:y,scope:i,name:m,pickedDate:h}),k=()=>{if(!N)switch(i){case"just-these":u&&p(s,u),o();return;case"all-like-these":v.start(y);return;case"standing":w.createFilter(y,"standing",m.trim());return;case"temporary":w.createFilter(y,"temporary",m.trim());return}};if(v.isRunning||v.isDone)return n.jsx(Ny,{progress:v.progress,isDone:v.isDone,onClose:o});if(w.isSuccess)return n.jsxs("div",{className:"flex flex-col items-center gap-3 px-5 py-8 text-center",children:[n.jsx(pa,{className:"size-8 text-positive"}),n.jsx("p",{className:"text-sm font-medium text-fg",children:"Filter saved"}),n.jsx("p",{className:"max-w-xs text-xs text-fg-muted",children:"You can see it, and when it expires, under Settings › Filters."}),n.jsx(Z,{variant:"primary",onClick:o,className:"mt-2",children:"Done"})]});const C=i==="standing"||i==="temporary";return n.jsxs("div",{className:"flex min-h-0 flex-col",children:[n.jsxs("div",{className:"border-b border-line px-5 py-3",children:[n.jsx("h2",{className:"text-sm font-semibold text-fg",children:"Organize"}),n.jsxs("p",{className:"mt-0.5 text-xs text-fg-muted",children:[a," similar message",a===1?"":"s"," found",j>0?` from ${j} selected`:"","."]})]}),n.jsxs("div",{className:"min-h-0 flex-1 space-y-5 overflow-y-auto px-5 py-4",children:[n.jsxs("section",{className:"space-y-2 rounded-lg border border-line bg-surface-sunken p-3",children:[n.jsxs("p",{className:"text-sm leading-relaxed text-fg-muted",children:[i==="standing"&&n.jsx("span",{className:"font-semibold text-fg",children:"Always keep "}),i==="standing"?"":"Keep ",i==="just-these"?"these":"emails like these"," in"]}),n.jsxs(Rd,{"aria-label":"Destination folder",value:u,onChange:R=>d(R.target.value),children:[n.jsx("option",{value:"",children:"Choose a folder…"}),g.map(R=>n.jsx("option",{value:R.id,children:R.label},R.id))]}),n.jsxs("div",{className:"flex items-center gap-2 pt-1",children:[n.jsx(Xe,{tone:"neutral",children:"label them…"}),n.jsx("span",{className:"text-2xs text-fg-subtle",children:"Labeling isn't available yet — arrives with mail-labeling (RFC 031)."})]})]}),n.jsx("section",{className:"space-y-1.5",children:Sy.map(R=>{const O=i===R.id;return n.jsxs("button",{type:"button",onClick:()=>l(R.id),className:`flex w-full items-start gap-3 rounded-lg border px-3 py-2.5 text-left transition-colors ${O?"border-accent-2 bg-accent-2-soft":"border-line bg-surface hover:bg-surface-sunken"}`,children:[n.jsx("span",{className:`mt-0.5 flex size-4 shrink-0 items-center justify-center rounded-full border ${O?"border-accent-2 bg-accent-2":"border-line bg-surface"}`,children:O&&n.jsx("span",{className:"size-1.5 rounded-full bg-white"})}),n.jsxs("span",{className:"min-w-0",children:[n.jsx("span",{className:`block text-sm font-medium ${O?"text-accent-2":"text-fg"}`,children:R.label}),n.jsx("span",{className:"block text-xs text-fg-subtle",children:R.caption})]})]},R.id)})}),C&&n.jsxs("section",{className:"space-y-2",children:[n.jsx(yi,{value:m,onChange:R=>f(R.target.value),placeholder:"Name this filter (e.g. Travel)","aria-label":"Filter name"}),i==="temporary"&&n.jsxs("label",{className:"flex items-center gap-2 text-xs text-fg-muted",children:["Until",n.jsx("input",{type:"date",value:h,onChange:R=>x(R.target.value),"aria-label":"Expiry date",className:"rounded-md border border-line bg-surface-sunken px-2 py-1 text-sm text-fg"})]})]})]}),n.jsxs("div",{className:"space-y-2 border-t border-line px-5 py-3",children:[N&&n.jsx("p",{className:"text-xs text-fg-subtle",role:"status",children:N}),w.isError&&n.jsx("p",{className:"text-xs text-danger",role:"alert",children:"Couldn't save the filter. Please try again."}),n.jsx(Z,{variant:"primary",onClick:k,disabled:!!N||w.isPending||v.isStarting,className:"w-full",children:w.isPending?"Saving…":wy(i,T)}),n.jsx(Z,{variant:"ghost",onClick:o,className:"w-full",children:"Not now"})]})]})}function Ny({progress:e,isDone:t,onClose:s}){const r=e.state==="Failed";return n.jsxs("div",{className:"flex flex-col items-center gap-3 px-5 py-8 text-center",children:[t?r?n.jsx("span",{className:"text-sm font-semibold text-danger",children:"Organize failed"}):n.jsx(pa,{className:"size-8 text-positive"}):n.jsx(Gt,{className:"size-8 animate-spin text-accent-2"}),!t&&n.jsx("p",{className:"text-sm font-medium text-fg",children:"Organizing similar mail…"}),t&&!r&&n.jsxs("div",{className:"text-sm text-fg",children:[n.jsx("p",{className:"font-medium",children:"Done"}),n.jsxs("p",{className:"mt-1 text-xs text-fg-muted",children:[e.appliedCount," of ",e.matchedCount," moved",e.failedCount>0?` · ${e.failedCount} failed`:"","."]})]}),t&&r&&n.jsx("p",{className:"max-w-xs text-xs text-fg-muted",children:e.errorMessage||"Something went wrong. Please try again."}),t&&n.jsx(Z,{variant:"primary",onClick:s,className:"mt-2",children:"Done"})]})}function Cy({open:e,accountId:t,mailboxId:s,selectedMessageIds:r,onClose:a}){const o=r[0],{preview:i,reset:l,matchedCount:u,isPending:d,isError:m,error:f}=hy(t);c.useEffect(()=>{!e||!o||i({anchorMessageId:o,matchOperator:"And",literalClauses:[]})},[e,o,i]);const h=()=>{l(),a()};return e?n.jsx(bi,{open:e,onClose:h,title:"Organize similar mail",children:d||u===void 0?m?n.jsxs("div",{className:"flex flex-col items-center gap-3 px-5 py-8 text-center",children:[n.jsx("p",{className:"text-sm font-medium text-danger",children:"Couldn't find similar messages"}),n.jsx("p",{className:"max-w-xs text-xs text-fg-muted",children:f instanceof Error?f.message:"Please try again."}),n.jsx(Z,{variant:"ghost",onClick:h,className:"mt-2",children:"Close"})]}):n.jsxs("div",{className:"flex flex-col items-center gap-3 px-5 py-10 text-center",children:[n.jsx(Gt,{className:"size-8 animate-spin text-accent-2"}),n.jsx("p",{className:"text-sm font-medium text-fg",children:"Finding similar messages…"})]}):n.jsx(ky,{accountId:t,mailboxId:s,selectedMessageIds:r,anchorMessageId:o,matchedCount:u,onClose:h})}):null}const Ey=({selectedCount:e,onDelete:t,onClearSelection:s,onMarkAsRead:r,onMove:a,onOrganize:o,isDeleting:i=!1,isMoving:l=!1,accountId:u,currentMailboxId:d,moveDisabledHint:m})=>{const f=i||l;if(e===0)return null;const h=!!a&&!!u&&!!d,x=!!o&&!!u&&!!d&&!m;return n.jsxs("div",{className:"sticky top-0 z-10 flex items-center justify-between px-3 py-2 bg-surface-sunken border-b border-line",children:[n.jsxs("div",{className:"flex items-center gap-3",children:[n.jsx("button",{type:"button",onClick:s,className:"min-h-11 min-w-11 inline-flex items-center justify-center rounded hover:bg-surface-raised transition-colors","aria-label":"Clear selection",children:n.jsx(qe,{className:"size-4 text-fg-muted"})}),n.jsxs("span",{className:"text-sm font-medium",children:[e," ",e===1?"message":"messages"," ","selected"]}),m&&n.jsx("span",{className:"text-xs text-fg-muted",role:"status","aria-live":"polite",children:m})]}),n.jsxs("div",{className:"flex items-center gap-1",children:[x&&o&&n.jsxs("button",{type:"button",onClick:f?void 0:o,className:"min-h-11 inline-flex items-center justify-center gap-1.5 px-3 rounded text-sm font-medium transition-colors hover:bg-surface-raised","aria-label":"Organize similar messages",children:[n.jsx(ot,{className:"size-4"}),n.jsx("span",{className:"hidden sm:inline",children:"Organize"})]}),r&&n.jsx("button",{type:"button",onClick:f?void 0:r,className:"min-h-11 min-w-11 inline-flex items-center justify-center rounded text-sm font-medium transition-colors hover:bg-surface-raised","aria-label":"Mark as read","aria-busy":f,children:n.jsx(Js,{className:"size-4"})}),h&&a&&u&&d&&n.jsx(nn,{accountId:u,currentMailboxId:d,onMove:f?()=>{}:a,disabledHint:m,variant:"icon-only",label:"Move selected messages"}),n.jsxs("button",{type:"button",onClick:f?void 0:t,className:fe("min-h-11 min-w-11 inline-flex items-center justify-center gap-1.5 px-3 rounded text-sm font-medium transition-colors","bg-danger text-canvas hover:bg-danger/90"),"aria-label":"Delete selected messages","aria-busy":i,children:[i?n.jsx(Gt,{className:"size-4 animate-spin"}):n.jsx(it,{className:"size-4"}),n.jsx("span",{className:"hidden sm:inline",children:i?"Deleting...":"Delete"})]})]})]})},Iy=(e,t)=>{const s=e.authenticity?.dkimMismatch===!0;return{id:e.messageId,accountId:e.accountConfigId,fromName:e.fromName??e.fromEmail??"Unknown",fromEmail:e.fromEmail??"",subject:e.subject??"(No subject)",snippet:e.snippet??"",timeLabel:Lt(e.sentDate),isRead:e.isRead,hasAttachment:e.hasAttachment,starred:e.hasStars===!0,trust:e.senderTrust,category:Wn(e.category),messageCount:t,suspicious:s}},Ty=({thread:e,mailboxId:t,accountId:s,isSelected:r,isFocused:a=!1,isTabStop:o=!1,onFocusRow:i,isChecked:l,onToggleCheck:u,onRowSelect:d,messageCount:m,isMultiSelectMode:f=!1,onLongPress:h,isDesktop:x=!0,density:b="comfortable"})=>{const g=je(),y=e.messageId,p=Iy(e,m),v=M=>{M.preventDefault(),M.stopPropagation(),u(e.messageId)},w=c.useCallback(M=>{if(!x){if(!f)return;M.preventDefault(),M.stopPropagation(),u(y);return}const L={shiftKey:M.shiftKey,metaKey:M.metaKey,ctrlKey:M.ctrlKey};d(y,L)&&(M.preventDefault(),M.stopPropagation(),L.shiftKey&&window.getSelection()?.removeAllRanges())},[x,f,u,d,y]),j=c.useCallback(M=>{x&&M.shiftKey&&M.preventDefault()},[x]),T=c.useCallback(()=>{h?.(y)},[h,y]),{longPressProps:N}=ml({onLongPress:T,delayMs:500,accessibilityDescription:l?"Deselect message":"Select message"}),k=c.useCallback(()=>{g.prefetchQuery(la({path:{messageId:e.messageId}}))},[g,e.messageId]),C=c.useCallback(()=>{k(),i?.(y)},[k,i,y]),R=Xs({"data-message-row":!0,"data-message-id":y,role:"option","aria-selected":l,tabIndex:o?0:-1,onClick:w,onMouseDown:j,onMouseEnter:k,onFocus:C},x?{}:N),O=!e.isRead;return b==="compact"?n.jsx(gt,{to:"/mail/$mailboxId",params:{mailboxId:t},search:M=>({...M,selectedMessageId:e.messageId}),...R,className:fe(cl({active:r,focused:a}),"outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-inset",l&&"bg-accent-soft",!x&&"min-h-11 select-none [-webkit-touch-callout:none]"),children:n.jsx(ul,{thread:p})}):n.jsxs(gt,{to:"/mail/$mailboxId",params:{mailboxId:t},search:M=>({...M,selectedMessageId:e.messageId}),...R,className:fe("group",ws({active:r,focused:a}),"outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-inset",l&&"bg-accent-soft",!x&&"min-h-11 select-none [-webkit-touch-callout:none]"),children:[O&&n.jsx("span",{className:"absolute left-1.5 top-1/2 size-1.5 -translate-y-1/2 rounded-full bg-accent"}),n.jsxs("div",{className:"relative size-7 shrink-0",children:[n.jsx(Ze,{name:e.fromName??e.fromEmail??"?",email:e.fromEmail??void 0,size:"sm",className:fe("absolute inset-0","sm:group-hover:opacity-0 transition-opacity",(l||f)&&"opacity-0")}),n.jsx("button",{type:"button",tabIndex:-1,onClick:v,className:fe("absolute inset-0 size-7 rounded-full border items-center justify-center transition-opacity",f?"flex":"hidden sm:flex",l?"bg-accent border-accent text-accent-fg opacity-100":f?"border-fg-subtle/40 opacity-100 bg-canvas":"border-fg-subtle/40 opacity-0 group-hover:opacity-100 bg-canvas"),"aria-label":l?"Deselect message":"Select message",children:l&&n.jsx(Gs,{className:"size-3"})})]}),n.jsx(Qt,{thread:p,badge:e.autoMoved&&n.jsx(cc,{accountId:s,messageId:e.messageId,threadId:e.threadId,mailboxId:e.mailboxId,autoMoved:e.autoMoved,size:"sm"})})]})},Ry=c.memo(Ty),My=e=>{const t=e.authenticity?.dkimMismatch===!0;return{id:e.messageId,accountId:e.accountConfigId,fromName:e.fromName??e.fromEmail??"Unknown",fromEmail:e.fromEmail??"",subject:e.subject??"(No subject)",snippet:e.snippet??"",timeLabel:Lt(e.sentDate),isRead:e.isRead,hasAttachment:e.hasAttachment,starred:e.hasStars===!0,trust:e.senderTrust,category:Wn(e.category),suspicious:t}},Dy=({thread:e,mailboxId:t,accountId:s,isSelected:r,isFocused:a,isTabStop:o,onFocusRow:i,isChecked:l,onToggleCheck:u,onRowSelect:d,isMultiSelectMode:m,onLongPress:f,isDesktop:h,onDelete:x,onToggleRead:b,density:g})=>{const[y,p]=c.useState("none"),v=c.useCallback(T=>{navigator.vibrate?.(10),T==="trailing"?x(e.messageId):b(e.messageId,e.isRead),p("none")},[x,b,e.messageId,e.isRead]),w=c.useCallback(()=>{f(e.messageId)},[f,e.messageId]),j=c.useCallback(()=>{u(e.messageId)},[u,e.messageId]);return h||m?n.jsx(Ry,{thread:e,mailboxId:t,accountId:s,isSelected:r,isFocused:a,isTabStop:o,onFocusRow:i,isChecked:l,onToggleCheck:u,onRowSelect:d,isMultiSelectMode:m,onLongPress:f,isDesktop:h,density:g}):n.jsx(hl,{thread:My(e),selectionMode:!1,checked:!1,active:r,peek:y,onPeek:p,onToggleCheck:j,onLongPress:w,onOpen:()=>{},onAct:v,linkComponent:({onOpenClick:T,children:N,...k})=>n.jsx(gt,{...k,to:"/mail/$mailboxId",params:{mailboxId:t},search:C=>({...C,selectedMessageId:e.messageId}),"data-message-row":!0,onClick:T,children:N})})},Ay=72,Oy=32,Py=5,du="remit:list-density",Ly=()=>{try{const e=localStorage.getItem(du);if(e==="compact"||e==="comfortable")return e}catch{}return"comfortable"},$y=({query:e,count:t})=>n.jsxs("div",{className:"flex items-center gap-2 px-3 py-2 border-b border-line bg-surface-sunken/30",children:[n.jsx(Ys,{className:"size-4 text-fg-muted"}),n.jsxs("span",{className:"text-sm text-fg-muted",children:[t," ",t===1?"result":"results"," for “",e,"”"]})]}),zy=({mailboxId:e,threads:t,selectedMessageId:s,isLoading:r,isError:a=!1,error:o,onRetry:i,searchQuery:l,searchPredicate:u,onDeleteMessages:d,onMarkAsRead:m,onMoveMessages:f,isDeleting:h=!1,isMoving:x=!1,onLoadMore:b,hasMore:g=!1,isLoadingMore:y=!1,accountId:p,listTitle:v,listMeta:w,onTriageContextChange:j,commandsRef:T,hideHeader:N=!1})=>{const k=c.useRef(null),C=Re(),R=Jt(),[O,M]=c.useState(!1),[L,E]=c.useState(!1),S=!!l?.trim(),[I,P]=c.useState(s),[D,B]=c.useState(Ly),A=c.useCallback(()=>{B(F=>{const se=F==="comfortable"?"compact":"comfortable";try{localStorage.setItem(du,se)}catch{}return se})},[]),{toggleReadFor:q}=ic({mailboxId:e}),{selectedIds:U,selectedCount:ee,hasSelection:le,isSelected:Y,toggle:z,select:W,clearSelection:H,selectRange:te,setAnchor:ne,selectAll:G,toggleAll:Ee}=uy(),[he,ke]=c.useState(null),J=!R&&S&&!!u,V=`${e}|${JSON.stringify(u??{})}`,_=iy({mailboxId:e,accountId:p,enabled:J,predicateKey:V,searchQuery:u??{}}),[re,He]=c.useState(null),[Qe,Le]=c.useState(null),De=c.useRef(null),xe=c.useRef(!1),ue=c.useRef(null),ct=!r&&t.length>0,yt=he!==null;c.useEffect(()=>{O&&ee===0&&M(!1)},[O,ee]);const Es=c.useCallback(F=>{const{exit:se,retryIds:ze}=ay(F);if(se){Le(`${ht(F.done)} moved to Trash. Your mail server is still catching up.`),He(null),H();return}if(ze.length>0){He(F.done),G(ze);return}He(null)},[H,G]),ut=ey({count:t.length,getScrollElement:()=>k.current,estimateSize:()=>D==="compact"?Oy:Ay,overscan:Py}),Fe=s?t.findIndex(F=>F.messageId===s):-1,$e=I?t.findIndex(F=>F.messageId===I):-1,Ae=c.useCallback(F=>{if(F<0||F>=t.length)return;const se=t[F];if(O){z(se.messageId);return}De.current=se.messageId,xe.current=!1,P(se.messageId)},[t,O,z]),Ft=c.useCallback(()=>{if(t.length===0)return;const F=$e<0?0:Math.min($e+1,t.length-1);Ae(F)},[t.length,$e,Ae]),We=c.useCallback(()=>{if(t.length===0)return;const F=$e<=0?0:$e-1;Ae(F)},[t.length,$e,Ae]),dt=c.useCallback(()=>Ae(0),[Ae]),Zt=c.useCallback(()=>Ae(t.length-1),[Ae,t.length]),Ve=c.useCallback(()=>{I&&z(I)},[I,z]),Te=c.useMemo(()=>t.map(F=>F.messageId),[t]),Is=c.useCallback((F,se)=>se.shiftKey?(te(Te,F),!0):se.metaKey||se.ctrlKey?(z(F),!0):(H(),ne(F),!1),[Te,te,z,H,ne]),tt=c.useCallback(F=>{!d||F.length===0||(ue.current=I??null,ke({source:"ids",ids:F}))},[d,I]),X=c.useCallback(()=>{_.phase.kind==="escalated"&&(ue.current=I??null,ke({source:"predicate",total:_.phase.total}))},[_.phase,I]),ie=c.useCallback(F=>{const se=cy(Te,I,F);se!==void 0&&(te(Te,se),De.current=se,xe.current=!1,P(se))},[Te,I,te]),ae=c.useCallback(()=>ie(-1),[ie]),oe=c.useCallback(()=>ie(1),[ie]),me=c.useCallback(()=>{Te.length>0&&G(Te)},[Te,G]),Ne=c.useCallback(()=>he!==null?!0:d?ee>0?(tt(Array.from(U)),!0):I?(tt([I]),!0):!1:!1,[he,d,ee,U,I,tt]),be=c.useCallback(()=>{I&&C({to:"/mail/$mailboxId",params:{mailboxId:e},search:F=>({...F,selectedMessageId:I})})},[I,C,e]),ve=c.useCallback(()=>{ee>0&&tt(Array.from(U))},[tt,ee,U]),ye=c.useCallback(async F=>{ke(null),ue.current=null;const se=await _.runDelete(F);Es(se)},[_,Es]),Oe=c.useCallback(()=>{if(!he)return;if(he.source==="predicate"){ye(void 0);return}const{ids:F}=he;if(F.length===0){ke(null);return}if(F.length>cu){ye(F);return}const se=new Set(F),ze=t.findIndex($=>se.has($.messageId));let Ge;for(let $=ze+1;$<t.length;$++)if(!se.has(t[$].messageId)){Ge=t[$].messageId;break}if(Ge===void 0){for(let $=ze-1;$>=0;$--)if(!se.has(t[$].messageId)){Ge=t[$].messageId;break}}d?.(F),H(),ue.current=null,ke(null),Ge!==void 0&&(De.current=Ge,xe.current=!1,P(Ge),C({to:"/mail/$mailboxId",params:{mailboxId:e},search:$=>({...$,selectedMessageId:Ge}),replace:!0}))},[he,t,d,H,C,e,ye]),_e=c.useCallback(()=>{const F=ue.current;ue.current=null,ke(null),F!==null&&(De.current=F,xe.current=!1,P(F))},[]),Me=c.useCallback(()=>{m&&ee>0&&m(Array.from(U))},[m,ee,U]),ft=c.useCallback(F=>{!f||ee===0||(f(Array.from(U),F),H())},[f,ee,U,H]),Ye=c.useMemo(()=>{if(ee===0)return;const F=new Set;for(const se of t)U.has(se.messageId)&&F.add(se.accountConfigId);if(F.size>1)return"Move only works within one account — clear selection or pick messages from a single account"},[ee,U,t]),rn=c.useCallback(F=>{d?.([F])},[d]),Ts=c.useCallback((F,se)=>{q([F],!se)},[q]),an=c.useCallback(F=>{R||(M(!0),W(F))},[R,W]),st=c.useCallback(()=>{M(!1),H()},[H]),on=c.useCallback(()=>{if(_.phase.kind==="escalated"){X();return}ve()},[_.phase,X,ve]),er=c.useCallback(()=>{if(_.isDeleting||_.phase.kind==="counting"){_.stop();return}_.phase.kind==="escalated"&&_.clear(),st()},[_,st]),ln=c.useCallback(()=>{_.clear()},[_]),cn=c.useCallback(()=>{ye(Array.from(U))},[ye,U]);c.useEffect(()=>{if(xe.current||!R&&s)return;const F=$e>=0?$e:Fe;F>=0&&ut.scrollToIndex(F,{align:"auto"})},[$e,Fe,ut,R,s]),c.useEffect(()=>{s&&(xe.current=!1,P(s))},[s]),c.useEffect(()=>{I&&(t.some(F=>F.messageId===I)||P(t[0]?.messageId))},[t,I]),c.useEffect(()=>{j?.({focusedMessageId:I,selectedIds:Array.from(U),hasList:ct,blocksKeyboard:yt})},[I,U,ct,yt,j]);const wt=c.useRef(j);wt.current=j,c.useEffect(()=>()=>wt.current?.({focusedMessageId:void 0,selectedIds:[],hasList:!1,blocksKeyboard:!1}),[]),c.useEffect(()=>{if(_.phase.kind!=="idle"||_.isDeleting)return;const F=new Set(t.map(ze=>ze.messageId));Array.from(U).some(ze=>!F.has(ze))&&H()},[t,U,H,_.phase,_.isDeleting]),c.useEffect(()=>{const F=k.current;if(!F||!g||!b)return;const se=()=>{if(y)return;const{scrollTop:ze,scrollHeight:Ge,clientHeight:$}=F;ze+$>=Ge-200&&b()};return F.addEventListener("scroll",se,{passive:!0}),se(),()=>F.removeEventListener("scroll",se)},[g,y,b]),c.useEffect(()=>{const F=De.current;if(!F)return;const se=k.current?.querySelector(`[data-message-id="${F}"]`);se&&(De.current=null,se.focus({preventScroll:!0}))}),c.useEffect(()=>{if(T){if(!ct){T.current=null;return}return T.current={focusNext:Ft,focusPrevious:We,focusFirst:dt,focusLast:Zt,openFocused:be,toggleSelect:Ve,extendSelectDown:oe,extendSelectUp:ae,selectAll:me,clearSelection:()=>le?(H(),!0):!1,requestDelete:Ne,toggleDensity:A},()=>{T.current=null}}},[T,ct,Ft,We,dt,Zt,be,Ve,oe,ae,me,le,H,Ne,A]);const _t=r?"loading":a?"error":t.length===0?"empty":"ready",es=a?Li(o):void 0,jt=c.useCallback(()=>{const F=oa(aa());window.open(F,"_blank","noopener,noreferrer")},[]),tr=[{id:"inbox",threads:[]}],sr=le&&R?n.jsx(Ey,{selectedCount:ee,onDelete:ve,onClearSelection:H,onMarkAsRead:m?Me:void 0,onMove:f?ft:void 0,onOrganize:()=>E(!0),isDeleting:h,isMoving:x,accountId:p,currentMailboxId:e,moveDisabledHint:Ye}):void 0,Rs=Te.length>0&&Te.every(F=>U.has(F)),St=J&&g&&Rs&&!h&&!x&&_.phase.kind==="idle"&&!_.isDeleting,nr=h||x||_.isDeleting,rr=_.phase.kind==="escalated"?_.phase.total:ee,ar=_.isDeleting?`Deleting ${ht(_.deleteProgress?.done??0)} of ${ht(_.deleteProgress?.total??0)}…`:_.phase.kind==="counting"?_.phase.countSoFar>=5e3?`Counting… ${ht(_.phase.countSoFar)} so far. This is a big result set.`:`Counting… ${ht(_.phase.countSoFar)} so far`:_.phase.kind==="escalated"?fy(u??{},_.phase.total):void 0,or=_.phase.kind!=="escalated"&&Te.length>0?{checked:Rs,indeterminate:ee>0&&!Rs,onChange:()=>Ee(Te)}:void 0,ir=_.phase.kind==="counting"?{tone:"info",text:"",action:{label:"Stop",onClick:_.stop}}:_.phase.kind==="escalated"&&!_.isDeleting?{tone:"info",text:"",action:{label:"Clear selection",onClick:ln}}:St?{tone:"info",text:"",action:{label:dy(u??{}),onClick:_.escalate}}:re!==null&&ee>0?{tone:"danger",text:`${ht(re)} moved to Trash. ${ht(ee)} couldn't be deleted.`,action:{label:`Retry ${ht(ee)}`,onClick:cn}}:Ye?{tone:"warning",text:Ye}:void 0,lr=O&&!R?n.jsx(fl,{count:rr,onCancel:er,onDelete:on,onMarkRead:m&&_.phase.kind==="idle"?Me:void 0,isBusy:nr,isCounting:_.phase.kind==="counting",statusLabel:ar,selectAll:or,progress:_.isDeleting&&_.deleteProgress?{value:_.deleteProgress.done,max:_.deleteProgress.total,tone:"danger"}:void 0,notice:ir,moveSlot:_.phase.kind==="idle"&&!_.isDeleting&&f&&p&&e?n.jsxs(n.Fragment,{children:[!Ye&&n.jsx("button",{type:"button",onClick:()=>E(!0),className:"min-h-11 min-w-11 inline-flex shrink-0 items-center justify-center rounded text-fg-muted hover:bg-surface-raised","aria-label":"Organize similar messages",children:n.jsx(ot,{className:"size-4"})}),n.jsx(nn,{accountId:p,currentMailboxId:e,onMove:h||x?()=>{}:ft,disabledHint:Ye,label:"Move selected messages"})]}):void 0}):void 0,cr=sr??lr,Bt=my(Te,I),un=c.useCallback(F=>{xe.current=!0,P(F)},[]),dn=n.jsxs(n.Fragment,{children:[S&&l&&n.jsx($y,{query:l,count:t.length}),n.jsxs("div",{ref:k,role:"listbox","aria-multiselectable":!0,"aria-label":v,className:"flex-1 overflow-y-auto",children:[n.jsx("div",{role:"presentation",className:"relative w-full",style:{height:`${ut.getTotalSize()}px`},children:ut.getVirtualItems().map(F=>{const se=t[F.index];return n.jsx("div",{role:"presentation","data-index":F.index,ref:ut.measureElement,className:fe("absolute left-0 top-0 w-full border-b border-line",_.isDeleting&&"pointer-events-none opacity-50"),style:{transform:`translateY(${F.start}px)`},children:n.jsx(Dy,{thread:se,mailboxId:e,accountId:p,isSelected:s===se.messageId,isFocused:I===se.messageId,isTabStop:Bt===se.messageId,onFocusRow:un,isChecked:Y(se.messageId),onToggleCheck:z,onRowSelect:Is,isMultiSelectMode:O,onLongPress:an,isDesktop:R,onDelete:rn,onToggleRead:Ts,density:D})},F.key)})}),y&&n.jsx("div",{className:"flex justify-center py-4",children:n.jsx("div",{className:"h-5 w-5 animate-spin rounded-full border-2 border-fg-muted border-t-transparent"})})]})]}),ur=he?he.source==="ids"?he.ids.length:he.total:0;return n.jsxs(n.Fragment,{children:[Qe&&!R&&n.jsx(Qs,{tone:"success",variant:"soft",className:"m-2 rounded-md",onDismiss:()=>Le(null),children:Qe}),n.jsx(pl,{listTitle:v,listMeta:w,sections:tr,flatList:!0,listState:_t,searchQuery:S?l:void 0,errorMessage:es,onRetry:i,onReportError:jt,density:D,selectedThreadId:s,onSelectThread:F=>C({to:"/mail/$mailboxId",params:{mailboxId:e},search:se=>({...se,selectedMessageId:F})}),onSelectBriefCategory:()=>{},isDesktop:R,hideHeader:N,selectionBar:cr,listBody:_t==="ready"?dn:void 0}),n.jsx(Vc,{isOpen:he!==null,title:Id(ur),description:"You can restore them from Trash later.",confirmLabel:"Move to Trash",destructive:!0,isBusy:h,onConfirm:Oe,onCancel:_e}),L&&p&&n.jsx(Cy,{open:L,accountId:p,mailboxId:e,selectedMessageIds:Array.from(U),onClose:()=>E(!1)})]})},Fy=e=>Vt({path:{accountId:e}}),_y=e=>{const t=je(),s=Vs(),r=ge({...fd(),onSuccess:()=>{s.recordEvent("sync.triggered"),t.invalidateQueries({queryKey:Fy(e)})}});return{trigger:()=>{r.mutate({path:{accountId:e}})},triggerAsync:()=>r.mutateAsync({path:{accountId:e}}),isPending:r.isPending,error:r.error,reset:r.reset}},By=({accountId:e,children:t})=>{const{triggerAsync:s,isPending:r}=_y(e);return n.jsx(ph,{onRefresh:s,isRefreshing:r,children:t})};function Ky({accountId:e,currentMailboxId:t,candidates:s,onMove:r,children:a}){const[o,i]=c.useState(!1),l=Vs(),{t:u}=Ln("mail",{useSuspense:!1}),d=c.useCallback((v,w)=>u(v,{defaultValue:w}),[u]),{inboxMailboxId:m}=Ia(e),f=lc(e),{data:h}=de({...Je({path:{accountId:e}}),staleTime:1/0}),x=c.useMemo(()=>{const v=Oa(h?.items??[],f),w=vs(f);return v.map(j=>({id:j.mailboxId,label:ms(j,w.get(j.mailboxId),d),searchValue:j.fullPath,isCurrent:j.mailboxId===t}))},[h?.items,f,t,d]),b=c.useMemo(()=>m||(x.find(w=>w.label.toLowerCase()==="inbox")?.id??x.find(w=>!w.isCurrent)?.id??""),[m,x]),g=c.useRef(!1);c.useEffect(()=>{g.current||(g.current=!0,rv(l,s.length))},[l,s.length]);const y=c.useCallback(()=>{av(l,s.length),i(!0)},[l,s.length]),p=c.useCallback((v,w)=>{ov(l,{selected:v.length,total:s.length,toInbox:w===m}),r(v,w)},[l,s.length,m,r]);return n.jsxs("div",{className:"relative flex h-full min-h-0 flex-col",children:[n.jsx("div",{className:"shrink-0 px-row-inset pt-2",children:n.jsx(bh,{count:s.length,onReview:y})}),n.jsx("div",{className:"min-h-0 flex-1",children:a}),n.jsx(Ih,{open:o,candidates:s,defaultDestinationId:b,availableFolders:x,onConfirmMove:p,onCancel:()=>i(!1)})]})}const qy="We can verify this sender";function Uy(e){const{data:t}=de({...md({path:{mailboxId:e??""},query:{senderTrust:["vip","wellknown"],dkimMismatch:!1,results:!0,limit:500}}),enabled:!!e,staleTime:6e4});return{candidates:(t?.items??[]).map(r=>({id:r.messageId,senderName:r.fromName||r.fromEmail||"Unknown sender",senderAddress:r.fromEmail??"",subject:r.subject||"(no subject)",snippet:r.snippet??"",trustReason:qy,trustSubReason:nv(r.senderTrust),senderTrust:r.senderTrust}))}}const zs={action:null,nextPrefix:null,preventDefault:!1},Hy={b:"goBrief",i:"goInbox",s:"goSent",f:"goFlagged",",":"goSettings"},Qy={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 Wy(e,t){const s=e.key.toLowerCase(),r=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(r&&s==="n")return{action:"compose",nextPrefix:null,preventDefault:!0};if(r&&s==="a")return{action:"selectAll",nextPrefix:null,preventDefault:!0};if(r)return{...zs,nextPrefix:t==="g"?null:t};if(s==="escape")return{action:"back",nextPrefix:null,preventDefault:!1};if(t==="g"){const i=Hy[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=Qy[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 Vy(e){if(!(e instanceof HTMLElement))return!1;const t=e.tagName;return t==="INPUT"||t==="TEXTAREA"||t==="SELECT"||e.isContentEditable}const Yy="data-message-row",Gy='button, a[href], summary, [role="button"], [role="menuitem"], [role="tab"], [role="switch"], [role="checkbox"]';function Xy(e){if(!(e instanceof HTMLElement))return!1;const t=e.closest(Gy);return t?!t.hasAttribute(Yy):!1}function Jy({handlers:e,enabled:t=!0,sequenceTimeoutMs:s=1e3}){const r=c.useRef(e);r.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 d=Wy({key:u.key,shiftKey:u.shiftKey,metaKey:u.metaKey,ctrlKey:u.ctrlKey,altKey:u.altKey,inEditable:Vy(u.target),onControl:Xy(u.target)},a.current);if(i(),a.current=d.nextPrefix,d.nextPrefix!==null&&(o.current=setTimeout(()=>{a.current=null,o.current=null},s)),d.action===null)return;const m=r.current[d.action];m&&(d.preventDefault&&u.preventDefault(),m())};return window.addEventListener("keydown",l),()=>{window.removeEventListener("keydown",l),i(),a.current=null}},[t,s])}const ii=(e,t,s)=>{if(!t)return null;const r=e.indexOf(t);if(r===-1)return null;const a=s==="next"?r+1:r-1;return a<0||a>=e.length?null:e[a]},fu="remit:intelligence-open";function Zy(){try{return localStorage.getItem(fu)!=="closed"}catch{return!0}}function li(e){try{localStorage.setItem(fu,e?"open":"closed")}catch{}}const e0=(e,t)=>e!==t,t0=(e,t,s)=>{if(!(s||!t))return e.find(r=>r.messageId===t)},s0={unread:e=>!e.isRead,flagged:e=>e.hasStars===!0,attachment:e=>!!e.hasAttachment};function n0(e,t,s){const r=Array.from(s).map(a=>s0[a]).filter(a=>a!=null);return t==="all"&&r.length===0?e:e.filter(a=>(t==="all"||a.category===t)&&r.every(o=>o(a)))}const mu=c.createContext(null);function Zn(){const e=c.useContext(mu);if(!e)throw new Error("MailboxPane.* must be used inside <MailboxPane>");return e}function r0({mailboxId:e,selectedMessageId:t,children:s}){const r=Re(),o=Gn()==="desktop",i=Vs(),{accounts:l,searchQuery:u,searchInput:d,intelligenceOpen:m,onToggleIntelligence:f,onSetIntelligenceOpen:h}=Se(),x=ks(),b=Pa(u),g=b.length>0,{freeText:y,tokens:p}=Ns(b,x),v=p.find($=>$.type==="from"),w={order:"desc",...y?{query:y}:{},...v?{from:v.value}:{},...p.some($=>$.type==="hasAttachment")?{attachments:!0}:{},...p.some($=>$.type==="isUnread")?{unread:!0}:{}},j=g?bt({path:{mailboxId:e},query:w}):lt({path:{mailboxId:e},query:{order:"desc"}}),{data:T,isLoading:N,isError:k,error:C,refetch:R,fetchNextPage:O,hasNextPage:M,isFetchingNextPage:L}=Fl({queryKey:j,queryFn:async({pageParam:$})=>{if(g){const{data:Be}=await Ai({path:{mailboxId:e},query:{...w,continuationToken:$},throwOnError:!0});return Be}const{data:Pe}=await pd({path:{mailboxId:e},query:{order:"desc",continuationToken:$},throwOnError:!0});return Pe},initialPageParam:void 0,getNextPageParam:$=>$.continuationToken,enabled:g?b.length>0:!0,placeholderData:hd}),E=c.useCallback($=>{t&&$.includes(t)&&r({to:"/mail/$mailboxId",params:{mailboxId:e},search:Pe=>({...Pe,selectedMessageId:void 0,selectedThreadId:void 0})})},[t,e,r]),{deleteMessages:S,isPending:I}=Bs({mailboxId:e,onAfterOptimisticRemove:E}),{accountId:P}=oc(e),D=Gl({accounts:l}),{moveMessages:B,isPending:A}=Rt({mailboxId:e,accountId:P,onAfterOptimisticRemove:E}),q=yx(T?.pages.flatMap($=>$.items??[])??[]),[U,ee]=c.useState("all"),[le,Y]=c.useState(new Set),z=c.useMemo(()=>n0(q,U,le),[q,U,le]),W=c.useCallback($=>{ee($)},[]),H=c.useCallback($=>{Y(Pe=>{const Be=new Set(Pe);return Be.has($)?Be.delete($):Be.add($),Be})},[]),te=c.useCallback(()=>{ee("all"),Y(new Set)},[]),ne=e0(d,u),G=t0(q,t,ne),{selectedThreadId:Ee}=hs({strict:!1}),he=c.useMemo(()=>tu(G,{messageId:t,threadId:ne?void 0:Ee,mailboxId:e}),[G,t,Ee,ne,e]),[ke,J]=c.useState(void 0),[V,_]=c.useState([]),re=c.useRef(null),[He,Qe]=c.useState(!1),[Le,De]=c.useState(!1),xe=c.useCallback($=>{J($.focusedMessageId),_($.selectedIds),Qe($.hasList),De($.blocksKeyboard)},[]),ue=z.find($=>$.messageId===ke)??G,ct=c.useRef(null);c.useEffect(()=>{const $=G?.messageId??null;$&&ct.current!==$&&G?.authenticity?.dkimMismatch&&(ct.current=$,m||f())},[G?.messageId,G?.authenticity?.dkimMismatch,m,f]);const yt=c.useRef(!1);c.useEffect(()=>{yt.current||o&&G?.messageId&&(yt.current=!0,Zy()&&!m&&h(!0))},[o,G?.messageId,m,h]);const ut=jg({accounts:l})??q.filter($=>!$.isRead).length,Fe=je(),{pushError:$e}=Ue(),{deleteMessages:Ae}=Bs({mailboxId:e,threadId:G?.threadId,onAfterOptimisticRemove:E}),{moveMessages:Ft}=Rt({mailboxId:e,threadId:G?.threadId,accountId:P,onAfterOptimisticRemove:E}),{draftsMailboxId:We}=bx(P),dt=We!==void 0&&We===e,{archiveMailboxId:Zt}=xx(P),Ve=c.useCallback($=>{const Pe=Yt({path:{threadId:$.threadId}}),_a=Fe.getQueriesData({queryKey:Pe}).flatMap(([,ju])=>ju?.items.map(Su=>Su.messageId)??[]);return _a.length>0?_a:[$.messageId]},[Fe]),Te=c.useCallback(()=>{if(!G)return;const $=Ve(G);Ae($)},[G,Ve,Ae]),Is=c.useCallback($=>{if(!G)return;const Pe=Ve(G);Ft(Pe,$)},[G,Ve,Ft]),{toggleStar:tt}=Qr({threadId:G?.threadId??"",mailboxId:e}),X=c.useCallback(()=>{G&&tt(G.messageId,G.hasStars)},[G,tt]),[ie,ae]=c.useState(null),oe=c.useCallback(()=>{ae("reply")},[]),me=c.useCallback(()=>{ae("reply_all")},[]),Ne=c.useCallback(()=>{ae("forward")},[]),be=c.useCallback(()=>{ae(null)},[]),{state:ve,openCompose:ye,closeCompose:Oe}=Ot(),_e=c.useCallback(()=>{ye({mode:"new"})},[ye]),Me=ge({...zn(),onError:$=>{$e(Ht("Couldn't discard draft","The draft wasn't deleted.",$))}}),ft=c.useCallback(()=>{const $=ve.outboxMessageId;$&&(Me.mutate({path:{outboxMessageId:$}}),Fe.invalidateQueries({queryKey:ua()}),Oe())},[ve.outboxMessageId,Me,Fe,Oe]),Ye=c.useCallback(()=>{re.current?.clearSelection()||t&&r({to:"/mail/$mailboxId",params:{mailboxId:e},search:$=>({...$,selectedMessageId:void 0,selectedThreadId:void 0})})},[t,e,r]),rn=c.useCallback($=>$?Ve($):[],[Ve]),{toggleStar:Ts}=Qr({threadId:ue?.threadId??"",mailboxId:e}),{toggleReadFor:an}=ic({mailboxId:e,accountId:P}),{junkMailboxId:st}=Ta(P),on=st!=null&&st===e,{candidates:er}=Uy(on?st:void 0),{moveMessages:ln}=Rt({mailboxId:e,threadId:ue?.threadId,accountId:P,onAfterOptimisticRemove:E}),{deleteMessages:cn}=Bs({mailboxId:e,threadId:ue?.threadId,onAfterOptimisticRemove:E}),{addressId:wt,address:_t}=Xc(ue),{updateFlags:es}=Jc({addressId:wt,senderEmail:ue?.fromEmail??void 0}),jt=c.useCallback(()=>t||!ke?!1:(r({to:"/mail/$mailboxId",params:{mailboxId:e},search:$=>({...$,selectedMessageId:ke})}),!0),[t,ke,e,r]),tr=c.useCallback(()=>{jt()||G&&ae("reply")},[jt,G]),sr=c.useCallback(()=>{jt()||G&&ae("reply_all")},[jt,G]),Rs=c.useCallback(()=>{jt()||G&&ae("forward")},[jt,G]),St=c.useCallback(()=>V.length>0?V:rn(ue),[V,rn,ue]),nr=c.useCallback(()=>{if(re.current?.requestDelete())return;const $=St();$.length>0&&cn($)},[St,cn]),rr=c.useCallback(()=>{if(!st)return;const $=St();$.length!==0&&(eu(i,{count:$.length,senderTrust:ue?.senderTrust??"unknown",wasRescuable:ue?Zc(ue):!1}),ln($,st))},[st,St,ln,i,ue]),ar=c.useCallback(()=>{if(V.length>0){const $=!(ue?.hasStars??!1),Pe=new Set(V);for(const Be of z)Pe.has(Be.messageId)&&Be.hasStars!==$&&Ts(Be.messageId,Be.hasStars);return}ue&&Ts(ue.messageId,ue.hasStars)},[V,z,ue,Ts]),or=c.useCallback(()=>{const $=St();if($.length===0)return;const Pe=!(ue?.isRead??!1);an($,Pe)},[St,ue,an]),ir=c.useCallback(()=>{if(!wt)return;const $=_t?.flags?.muted?.value!==!0;es({muted:{value:$}})},[wt,_t,es]),lr=c.useCallback(()=>{if(!wt)return;const $=_t?.flags?.vip?.value!==!0;es({vip:{value:$}})},[wt,_t,es]),cr=c.useCallback(()=>{m||f()},[m,f]),Bt=c.useCallback($=>{r({to:$})},[r]),un=dt?"drafts":Zt===e?"archive":st===e?"junk":"inbox",dn=c.useRef("");c.useEffect(()=>{const $=dn.current;dn.current=b,b.length>0&&$.length===0&&i.recordEvent("search.submitted",{mailboxType:un})},[b,un,i]);const ur=dt&&ve.isOpen&&!!ve.outboxMessageId&&!G;Jy({enabled:!ve.isOpen&&!Le,handlers:{...He?{focusNext:()=>re.current?.focusNext(),focusPrevious:()=>re.current?.focusPrevious(),focusFirst:()=>re.current?.focusFirst(),focusLast:()=>re.current?.focusLast(),openFocused:()=>re.current?.openFocused(),toggleSelect:()=>re.current?.toggleSelect(),extendSelectDown:()=>re.current?.extendSelectDown(),extendSelectUp:()=>re.current?.extendSelectUp(),selectAll:()=>re.current?.selectAll(),toggleDensity:()=>re.current?.toggleDensity()}:{},back:Ye,reply:tr,replyAll:sr,forward:Rs,delete:nr,toggleStar:ar,toggleRead:or,muteSender:ir,blockSender:cr,vipSender:lr,markJunk:rr,toggleIntelligence:G?f:void 0,compose:_e,goBrief:()=>Bt("/mail"),goInbox:()=>Bt("/mail"),goSent:()=>Bt("/mail"),goFlagged:()=>Bt("/mail/flagged"),goSettings:()=>Bt("/settings")}}),Ea({enabled:ve.isOpen,bindings:[{key:"Escape",handler:Oe,preventDefault:!0}]});const F=z.map($=>$.messageId),se=ii(F,t,"next")??void 0,ze=ii(F,t,"previous")??void 0,Ge={mailboxId:e,selectedMessageId:t,selectedThread:G,conversation:he,threads:z,isLoading:N,isError:k,error:C,mailboxAccountId:P,mailboxName:D,unreadCount:ut,isDraftsMailbox:dt,isSpamFolder:on,rescueCandidates:er,filterCategory:U,filterAttributes:le,onSelectFilterCategory:W,onToggleFilterAttribute:H,onClearFilters:te,intelligenceOpen:m,onToggleIntelligence:f,searchPredicate:g?w:void 0,onDeleteMessages:S,onMoveMessages:B,isDeleting:I,isMoving:A,onLoadMore:O,hasMore:M,isLoadingMore:L,onTriageContextChange:xe,listCommandsRef:re,onRetry:()=>R(),toolbarComposeRequest:ie,onToolbarReply:oe,onToolbarReplyAll:me,onToolbarForward:Ne,onClearComposeRequest:be,onToolbarDelete:Te,onToolbarStar:X,onToolbarDiscardDraft:ft,onToolbarMove:Is,composeState:ve,closeCompose:Oe,hasRemitDraftOpen:ur,onBack:Ye,nextMessageId:se,previousMessageId:ze};return n.jsx(mu.Provider,{value:Ge,children:s})}function hu(){const{mailboxId:e,selectedMessageId:t,threads:s,isLoading:r,isError:a,error:o,onDeleteMessages:i,onMoveMessages:l,isDeleting:u,isMoving:d,onLoadMore:m,hasMore:f,isLoadingMore:h,mailboxAccountId:x,mailboxName:b,unreadCount:g,isDraftsMailbox:y,isSpamFolder:p,rescueCandidates:v,onTriageContextChange:w,listCommandsRef:j,onRetry:T,filterCategory:N,filterAttributes:k,onSelectFilterCategory:C,onToggleFilterAttribute:R,onClearFilters:O,searchPredicate:M}=Zn(),{searchQuery:L,searchInput:E,accounts:S,resultFolderIndex:I}=Se(),P=Gn(),D=Re(),B=b??"Inbox",A=c.useMemo(()=>Dh(),[]),q=c.useMemo(()=>s.map(ne=>zb(ne,I)),[s,I]),{hits:U,isLoading:ee}=Fc({mailboxId:e,filterCategory:N}),le=c.useMemo(()=>qc(U,s.map(ne=>ne.threadId),I),[U,s,I]),Y=c.useCallback(ne=>D({to:"/mail/$mailboxId",params:{mailboxId:ne.mailboxId??e},search:G=>({...G,q:E||void 0,selectedMessageId:ne.id,selectedThreadId:ne.threadId})}),[e,D,E]);if(y&&x)return n.jsx($v,{mailboxId:e,accountId:x,selectedMessageId:t,imapThreads:s,title:b??"Drafts",unreadCount:g??void 0});const z=n.jsx(zy,{mailboxId:e,threads:s,selectedMessageId:t,isLoading:r,isError:a,error:o,onRetry:T,searchQuery:L,searchPredicate:M,onDeleteMessages:i,onMoveMessages:l,isDeleting:u,isMoving:d,onLoadMore:m,hasMore:f,isLoadingMore:h,accountId:x,listTitle:B,hideHeader:!0,onTriageContextChange:w,commandsRef:j}),W=S[0]?.accountId,H=P==="phone"&&W?n.jsx(By,{accountId:W,children:z}):z,te=p&&v.length>0&&x?n.jsx(Ky,{accountId:x,currentMailboxId:e,candidates:v,onMove:l,children:H}):H;return n.jsx(ru,{title:B,unreadCount:g,preset:A,selectedCategory:N,activeFilters:k,onSelectCategory:C,onToggleFilter:R,onClearFilters:O,searchResults:q,searchLoading:r,relatedResults:le,relatedLoading:ee,onSelectSearchResult:Y,children:te})}function a0(){const{mailboxId:e,mailboxAccountId:t,selectedThread:s,conversation:r,hasRemitDraftOpen:a,intelligenceOpen:o,onToggleIntelligence:i,toolbarComposeRequest:l,onToolbarReply:u,onToolbarReplyAll:d,onToolbarForward:m,onClearComposeRequest:f,onToolbarDelete:h,onToolbarStar:x,onToolbarDiscardDraft:b,onToolbarMove:g,composeState:y}=Zn(),p=ys()?.showIntelligencePane??!1,v=!!r,w=p&&v,j=y.isOpen&&!r?n.jsx(iu,{}):r?n.jsx(Ss,{threadId:r.threadId,mailboxId:r.mailboxId,subject:r.subject,selectedMessageId:r.messageId,authenticity:r.authenticity,onOpenIntelligence:r.authenticity?.dkimMismatch?i:void 0,composeRequest:l,onComposeClose:f}):n.jsx(js,{});return n.jsxs("section",{className:"flex h-full w-full min-w-0 flex-col bg-canvas",children:[n.jsx(La,{hasThread:v,intelligenceOpen:w&&o,canToggleIntelligence:w,onToggleIntelligence:i,onReply:v?u:void 0,onReplyAll:v?d:void 0,onForward:v?m:void 0,canDelete:v||a,onDelete:v?h:a?b:void 0,onToggleStar:v?x:void 0,isStarred:s?.hasStars,moveContext:v&&t?{accountId:t,currentMailboxId:e,onMove:g}:void 0}),n.jsx("div",{className:"min-h-0 flex-1 overflow-hidden",children:j})]})}function o0(){const{mailboxId:e,mailboxAccountId:t,selectedThread:s,onToggleIntelligence:r}=Zn();return n.jsx(Cs,{onClose:r,thread:s,mailboxId:e,accountId:t})}function i0(){const{mailboxId:e,selectedThread:t,conversation:s,intelligenceOpen:r,onToggleIntelligence:a,onBack:o,nextMessageId:i,previousMessageId:l,composeState:u}=Zn(),d=Re();if(s){const m=f=>d({to:"/mail/$mailboxId",params:{mailboxId:e},search:h=>({...h,selectedMessageId:f,selectedThreadId:void 0})});return n.jsxs(n.Fragment,{children:[n.jsx(Ss,{threadId:s.threadId,mailboxId:s.mailboxId,subject:s.subject,selectedMessageId:s.messageId,authenticity:s.authenticity,onBack:o,onOpenIntelligence:a,onSwipeNext:i?()=>m(i):void 0,onSwipePrevious:l?()=>m(l):void 0,mobileIntelligenceOpen:r}),n.jsx(Na,{isOpen:r,onClose:a,ariaLabel:"Message details",side:"right",children:n.jsx(Cs,{onClose:a,thread:t,hideCloseButton:!0})})]})}return u.isOpen?n.jsx("div",{className:"h-full",children:n.jsx(iu,{})}):n.jsx(hu,{})}const Fs=Object.assign(r0,{List:hu,Reading:a0,Intelligence:o0,Phone:i0}),pu=e=>e==="failed"||e==="blocked",gu=e=>e!=="draft"&&e!=="sent",za="remit.savedSearches",l0=25;function Pn(){try{const e=localStorage.getItem(za);if(!e)return[];const t=JSON.parse(e);return Array.isArray(t)?t.filter(s=>typeof s=="string"):[]}catch{return[]}}function c0(e){const t=e.trim();if(!t)return Pn();const s=[t,...Pn().filter(r=>r!==t)].slice(0,l0);try{localStorage.setItem(za,JSON.stringify(s))}catch{return s}return s}function u0(e){const t=Pn().filter(s=>s!==e);try{localStorage.setItem(za,JSON.stringify(t))}catch{return t}return t}const ci=e=>/^\d/.test(e),d0=(e,t)=>{const s=ci(e),r=ci(t);return s&&!r?-1:!s&&r?1:e.localeCompare(t,void 0,{sensitivity:"base",numeric:!0})};function f0(e,t,s){const r=[],a=[];for(const o of e)t.has(o.mailboxId)?r.push(o):a.push(o);return a.sort((o,i)=>d0(ms(o,void 0,s),ms(i,void 0,s))),{system:r,labels:a}}function m0(e,t,s){const r=gd(t)&&e.unseenCount>0;return{id:e.mailboxId,name:ms(e,t,s),unseen:r?e.unseenCount:void 0,role:t,fullPath:e.fullPath}}function h0(){const e=Hn(),t=ia({strict:!1});return e.pathname.startsWith("/mail/outbox")?"outbox":e.pathname.startsWith("/mail/flagged")?"flagged":t.mailboxId?t.mailboxId:e.pathname==="/mail"||e.pathname==="/mail/"?"brief":""}function ui({accounts:e,onMailboxSelect:t,variant:s="desktop"}){const r=je(),a=Re(),o=h0(),{searchInput:i,onSearchChange:l}=Se(),[u,d]=c.useState(Pn),{t:m}=Ln("mail",{useSuspense:!1}),f=c.useCallback((C,R)=>m(C,{defaultValue:R}),[m]),h=zt({queries:e.map(C=>({...Je({path:{accountId:C.accountId}}),staleTime:1/0}))}),{data:x}=de($n()),b=c.useMemo(()=>(x?.items??[]).filter(C=>gu(C.status)).length,[x?.items]),g=c.useMemo(()=>e.map((C,R)=>{const O=h[R],M=O?.data?.items??[],L=vs(C.folderAppointments),{system:E,labels:S}=f0(M,L,f),I=O?.isError?"error":O?.isLoading?"loading":"ready";return{id:C.accountId,label:C.email,email:C.email,muted:!!C.muted,outboxPending:b,status:I,onRetry:()=>O?.refetch(),mailboxes:[...E,...S].map(P=>m0(P,L.get(P.mailboxId),f))}}),[e,h,b,f]),y=C=>{r.invalidateQueries({queryKey:lt({path:{mailboxId:C},query:{order:"desc"}})})},p=({navId:C,className:R,ariaLabel:O,title:M,children:L,onClick:E})=>C==="brief"?n.jsx(gt,{to:"/mail",search:{q:void 0,selectedMessageId:void 0},onClick:()=>E?.(),className:R,"aria-label":O,title:M,children:L}):C==="outbox"?n.jsx(gt,{to:"/mail/outbox",search:{q:void 0,selectedOutboxMessageId:void 0},onClick:()=>E?.(),className:R,"aria-label":O,title:M,children:L}):C==="flagged"?n.jsx(gt,{to:"/mail/flagged",search:{q:void 0,selectedMessageId:void 0},onClick:()=>E?.(),className:R,"aria-label":O,title:M,children:L}):n.jsx(gt,{to:"/mail/$mailboxId",params:{mailboxId:C},search:{q:void 0,selectedMessageId:void 0},onClick:()=>{y(C),E?.()},className:R,"aria-label":O,title:M,children:L}),v=()=>{l(""),t?.()},w=i.trim(),j=w.length>0&&!u.includes(w)?w:void 0,T=c.useCallback(()=>{j&&d(c0(j))},[j]),N=c.useCallback(C=>{d(u0(C))},[]),k=c.useCallback(C=>{l(C),a({to:"/mail",search:{q:C,selectedMessageId:void 0}}),t?.()},[l,a,t]);return n.jsx(Om,{accounts:g,selectedNavId:o,onSelectNav:v,linkComponent:p,variant:s,savedSearches:u,saveableQuery:j,onSaveCurrentSearch:T,onSelectSavedSearch:k,onRemoveSavedSearch:N})}function p0({accounts:e,onMailboxSelect:t}){return ys()?.showNavPane??!0?n.jsx(ui,{accounts:e}):n.jsxs("div",{className:"flex h-full flex-col",children:[n.jsx("div",{className:"flex-1 overflow-y-auto",children:n.jsx(ui,{accounts:e,onMailboxSelect:t,variant:"drawer"})}),n.jsxs("div",{className:"border-t border-line px-2 py-2",children:[n.jsxs(gt,{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:[n.jsx(ol,{className:"size-4 shrink-0"}),n.jsx("span",{className:"flex-1 truncate text-left",children:"Settings"})]}),n.jsx(ql,{variant:"drawer"}),n.jsx(Kl,{children:({signOut:a})=>n.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:[n.jsx(sl,{className:"size-4 shrink-0"}),n.jsx("span",{className:"flex-1 truncate text-left",children:"Sign out"})]})})]})]})}function g0(e,t){const s=t.trim().toLowerCase();if(s.length===0)return!0;const r=[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||r.includes(a))}function x0(e){return e.tokens.length>0&&e.freeText.trim().length===0}const xu={queued:{icon:ga,label:"Queued",className:"text-warning"},sending:{icon:Gt,label:"Sending…",className:"text-accent-2"},sent:{icon:Xi,label:"Sent",className:"text-positive"},failed:{icon:Wt,label:"Failed",className:"text-danger"},blocked:{icon:ea,label:"Blocked",className:"text-warning"}},b0=e=>Td(e).toDateString()===new Date().toDateString()?Rn(e,{hour:"numeric",minute:"2-digit"}):Rn(e,{month:"short",day:"numeric"}),di=e=>Rn(e,{dateStyle:"medium",timeStyle:"short"}),v0=e=>{const t=e.toAddresses??[];return t.length===0?"No recipients":t.length===1?t[0]:`${t[0]} +${t.length-1}`},bu=(e,t)=>t?"The outbox cannot filter on those terms":e?"No matching outbox messages":"No outbox messages",vu=c.createContext(null);function Fa(){const e=c.useContext(vu);if(!e)throw new Error("OutboxPane.* must be used inside <OutboxPane>");return e}function y0({children:e}){const t=Re(),{selectedOutboxMessageId:s}=hs({strict:!1}),{data:r,isLoading:a}=de($n()),{searchQuery:o}=Se(),i=ks(),l=Pa(o),u=Ns(l,i),d=l.length>0,m=x0(u),f=c.useMemo(()=>m?[]:(r?.items??[]).filter(g=>gu(g.status)).filter(g=>g0(g,u.freeText)),[r,u.freeText,m]),h=c.useMemo(()=>f.find(g=>g.outboxMessageId===s),[f,s]),x=c.useCallback(g=>{t({to:"/mail/outbox",search:y=>({...y,selectedOutboxMessageId:g})})},[t]),b={messages:f,hasQuery:d,unsupportedQuery:m,isLoading:a,selectedMessageId:s,selectedMessage:h,onSelectMessage:x};return n.jsx(vu.Provider,{value:b,children:e})}function yu({message:e,isSelected:t,onSelect:s}){const r=je(),{openCompose:a}=Ot(),{pushError:o}=Ue(),i=c.useCallback(()=>{r.invalidateQueries({queryKey:ua()})},[r]),l=ge({...Ii(),onSuccess:i,onError:f=>{o(Ht("Couldn't resend message","The message wasn't sent.",f))}}),u=ge({...zn(),onSuccess:i,onError:f=>{o(Ht("Couldn't delete message","The message wasn't deleted.",f))}}),d=e.status;if(!xu[d])return null;const m=pu(e.status);return n.jsx(mh,{recipients:v0(e),subject:e.subject||"",time:b0(e.sentAt??e.updatedAt),status:d,error:m?e.lastError??void 0:void 0,selected:t,onSelect:s,onRetry:d==="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 wu({message:e,onBack:t}){const s=e.status,r=xu[s],a=r?.icon??Ws,o=e.sentAt?di(e.sentAt):di(e.updatedAt);return n.jsxs("div",{className:"h-full overflow-y-auto bg-canvas",children:[n.jsxs("div",{className:"border-b border-line p-4",children:[t&&n.jsxs("button",{type:"button",onClick:t,className:"mb-3 inline-flex items-center gap-1 text-sm text-fg-muted hover:text-fg",children:[n.jsx(Yi,{className:"size-4"}),n.jsx("span",{children:"Back"})]}),n.jsx("h1",{className:"text-xl font-semibold mb-3",children:e.subject||"(No subject)"}),n.jsxs("div",{className:"space-y-1 text-sm",children:[n.jsxs("div",{className:"flex gap-2",children:[n.jsx("span",{className:"text-fg-muted shrink-0 w-12",children:"From:"}),n.jsx("span",{className:"text-fg",children:e.fromName?`${e.fromName} <${e.fromAddress}>`:e.fromAddress})]}),n.jsxs("div",{className:"flex gap-2",children:[n.jsx("span",{className:"text-fg-muted shrink-0 w-12",children:"To:"}),n.jsx("span",{className:"text-fg",children:(e.toAddresses??[]).join(", ")})]}),e.ccAddresses&&e.ccAddresses.length>0&&n.jsxs("div",{className:"flex gap-2",children:[n.jsx("span",{className:"text-fg-muted shrink-0 w-12",children:"Cc:"}),n.jsx("span",{className:"text-fg",children:e.ccAddresses.join(", ")})]}),n.jsxs("div",{className:"flex gap-2",children:[n.jsx("span",{className:"text-fg-muted shrink-0 w-12",children:"Date:"}),n.jsx("span",{className:"text-fg",children:o})]}),r&&n.jsxs("div",{className:"flex items-center gap-2 pt-2",children:[n.jsx(a,{className:fe("size-4",r.className,s==="sending"&&"animate-spin")}),n.jsx("span",{className:fe("text-xs font-medium",r.className),children:r.label}),pu(e.status)&&e.lastError&&n.jsxs("span",{className:"text-xs text-fg-muted",children:["— ",e.lastError]})]})]})]}),n.jsx("div",{className:"p-4",children:n.jsx(Lc,{html:e.htmlBody,text:e.textBody})})]})}function w0(){const{messages:e,hasQuery:t,unsupportedQuery:s,isLoading:r,selectedMessageId:a,onSelectMessage:o}=Fa();return r?n.jsx("div",{className:"flex h-full items-center justify-center bg-canvas",children:n.jsx("span",{className:"text-fg-muted",children:"Loading..."})}):e.length===0?n.jsx("div",{className:"flex h-full bg-surface",children:n.jsx(js,{message:bu(t,s),showHints:!1})}):n.jsxs("div",{className:"h-full flex flex-col bg-canvas",children:[n.jsxs("header",{className:"flex h-pane-header shrink-0 items-center gap-2 border-b border-line px-row-inset",children:[n.jsx($a,{}),n.jsx("h1",{className:"min-w-0 flex-1 truncate text-sm font-semibold text-fg",children:"Outbox"}),n.jsxs("span",{className:"shrink-0 text-2xs text-fg-subtle",children:[e.length," ",e.length===1?"message":"messages"]})]}),n.jsx("div",{className:"flex-1 overflow-y-auto",children:e.map(i=>n.jsx(yu,{message:i,isSelected:a===i.outboxMessageId,onSelect:()=>o(i.outboxMessageId)},i.outboxMessageId))})]})}function j0(){const{selectedMessage:e}=Fa();return n.jsxs("section",{className:"flex h-full w-full min-w-0 flex-col bg-canvas",children:[n.jsx("header",{className:"flex h-pane-header shrink-0 items-center border-b border-line px-3"}),n.jsx("div",{className:"min-h-0 flex-1 overflow-hidden",children:e?n.jsx(wu,{message:e}):n.jsx(js,{message:"Select a message to read",showHints:!1})})]})}function S0(){const{messages:e,hasQuery:t,unsupportedQuery:s,isLoading:r,selectedMessageId:a,selectedMessage:o,onSelectMessage:i}=Fa();return r?n.jsx("div",{className:"flex h-full items-center justify-center bg-canvas",children:n.jsx("span",{className:"text-fg-muted",children:"Loading..."})}):o?n.jsx(wu,{message:o,onBack:()=>i(void 0)}):e.length===0?n.jsx("div",{className:"flex h-full bg-surface",children:n.jsx(js,{message:bu(t,s),showHints:!1})}):n.jsxs("div",{className:"h-full flex flex-col bg-canvas",children:[n.jsxs("header",{className:"flex h-pane-header shrink-0 items-center gap-2 border-b border-line px-row-inset",children:[n.jsx($a,{}),n.jsx("h1",{className:"min-w-0 flex-1 truncate text-sm font-semibold text-fg",children:"Outbox"}),n.jsxs("span",{className:"shrink-0 text-2xs text-fg-subtle",children:[e.length," ",e.length===1?"message":"messages"]})]}),n.jsx("div",{className:"flex-1 overflow-y-auto",children:e.map(l=>n.jsx(yu,{message:l,isSelected:a===l.outboxMessageId,onSelect:()=>i(l.outboxMessageId)},l.outboxMessageId))})]})}const jn=Object.assign(y0,{List:w0,Reading:j0,Phone:S0}),k0=({isOpen:e,onClose:t})=>{const s=c.useCallback(r=>{r.key==="Escape"&&(r.preventDefault(),t())},[t]);return c.useEffect(()=>{if(e)return window.addEventListener("keydown",s),()=>window.removeEventListener("keydown",s)},[e,s]),e?n.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:r=>r.key==="Escape"&&t(),children:[n.jsx("div",{className:"absolute inset-0 bg-canvas/80 backdrop-blur-sm"}),n.jsxs("div",{className:fe("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:r=>r.stopPropagation(),onKeyDown:r=>{r.key!=="Escape"&&r.stopPropagation()},children:[n.jsxs("div",{className:"mb-6 flex items-center justify-between",children:[n.jsx("h2",{className:"text-lg font-semibold",children:"Keyboard shortcuts"}),n.jsx("button",{type:"button",onClick:t,className:"p-1 text-fg-muted transition-colors hover:text-fg","aria-label":"Close",children:n.jsx(qe,{className:"size-5"})})]}),n.jsx("div",{className:"grid gap-x-8 gap-y-6 sm:grid-cols-2",children:Jl.map(r=>n.jsxs("div",{children:[n.jsx("h3",{className:"mb-3 text-sm font-medium text-fg-muted",children:r.title}),n.jsx("div",{className:"space-y-2",children:r.hints.map(a=>n.jsxs("div",{className:"flex items-center justify-between gap-4",children:[n.jsx("span",{className:"text-sm",children:a.description}),n.jsx("span",{className:"flex shrink-0 items-center gap-1",children:a.keys.map((o,i)=>n.jsxs(c.Fragment,{children:[i>0&&a.keys[0]==="g"&&n.jsx("span",{className:"text-2xs text-fg-subtle",children:"then"}),n.jsx(ds,{children:o})]},o))})]},`${a.action}-${a.keys.join("+")}`))})]},r.title))}),n.jsx("div",{className:"mt-6 border-t border-line pt-4",children:n.jsxs("p",{className:"text-center text-xs text-fg-muted",children:["Press ",n.jsx(ds,{children:"Esc"})," to close"]})})]})]}):null};function N0(e){const t=new Map;for(const s of e){const r=s.email.toLowerCase(),a=r.split("@")[0];a&&!t.has(a)&&t.set(a,s.accountId),t.has(r)||t.set(r,s.accountId)}return t}function C0(e){const t=new Map;for(const s of e)for(const r of s){const a=r.fullPath?.toLowerCase();if(!a)continue;const o=a.split("/").pop();t.has(a)||t.set(a,r.mailboxId),o&&!t.has(o)&&t.set(o,r.mailboxId)}return t}function E0(e){const t=zt({queries:e.map(s=>({...Je({path:{accountId:s.accountId}}),staleTime:1/0}))});return c.useMemo(()=>C0(t.map(s=>s.data?.items??[])),[t])}const I0=e=>e.map(t=>t.data?.items??[]);function T0(e){const t=zt({queries:e.map(s=>({...Je({path:{accountId:s.accountId}}),staleTime:1/0})),combine:I0});return c.useMemo(()=>xd(e.map((s,r)=>({folderAppointments:s.folderAppointments,mailboxes:t[r]??[]}))),[e,t])}var Sn={exports:{}},fi;function R0(){if(fi)return Sn.exports;fi=1;const e=(t,s,r)=>new Promise((a,o)=>{if(r=Object.assign({concurrency:1/0},r),typeof s!="function")throw new TypeError("Mapper function is required");const{concurrency:i}=r;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 d=!1,m=!1,f=0,h=0;const x=()=>{if(d)return;const b=u.next(),g=h;if(h++,b.done){m=!0,f===0&&a(l);return}f++,Promise.resolve(b.value).then(y=>s(y,g)).then(y=>{l[g]=y,f--,x()},y=>{d=!0,o(y)})};for(let b=0;b<i&&(x(),!m);b++);});return Sn.exports=e,Sn.exports.default=e,Sn.exports}var M0=R0();const D0=bd(M0),A0=900*1e3,O0=300,P0=(e,t)=>{if(!e)return t;const s=Number.parseInt(e,10);return Number.isFinite(s)&&s>0?s:t},L0=60*1e3,$0=e=>Math.max(P0(e,O0)*1e3,L0),In=$0(wd().mailboxPollIntervalSeconds),z0=5,Xr=new Set,F0=(e,t,s=A0)=>e.filter(r=>{const a=r.lastSyncAt;return a==null?!0:t-a>s}).map(r=>r.accountId),_0=(e,t,s=In)=>e-t>=s,B0=(e,t)=>e.filter(s=>!t.has(s)),mi=(e,t)=>{if(Xr.delete(e),yd(t,{softError:!0})){Di(t);return}console.warn("[remit] background mailbox sync failed",{accountId:e,error:t})},hi=(e,t)=>vd({path:{accountId:e},throwOnError:!0}).then(()=>{t.invalidateQueries({queryKey:Vt({path:{accountId:e}})})}),K0=e=>{const t=je(),s=c.useRef(e);s.current=e;const r=e.map(a=>a.accountId).join(",");c.useEffect(()=>{const a=Date.now(),i=F0(s.current,a).filter(l=>!Xr.has(l));if(i.length!==0)for(const l of i)Xr.add(l),hi(l,t).catch(u=>{mi(l,u)})},[r,t]),c.useEffect(()=>{let a=Date.now(),o;const i=new Set,l=()=>{a=Date.now();const m=B0(s.current.map(f=>f.accountId),i);for(const f of m)i.add(f);D0(m,f=>hi(f,t).catch(h=>{mi(f,h)}).finally(()=>{i.delete(f)}),{concurrency:z0})},u=()=>{if(document.visibilityState==="visible"){l(),o=setTimeout(u,In);return}},d=()=>{document.visibilityState==="visible"&&_0(Date.now(),a)&&(o!==void 0&&clearTimeout(o),l(),o=setTimeout(u,In))};return o=setTimeout(u,In),document.addEventListener("visibilitychange",d),()=>{o!==void 0&&clearTimeout(o),document.removeEventListener("visibilitychange",d)}},[r,t])};function q0(e,t,s){if(e!==t)return s}function U0(e,t){return e===""?"":t}function H0(e,t,s){return t!==e?!1:t!==s}function Q0(){const{q:e=""}=hs({from:"/mail"}),t=Re(),s=Gn(),r=Uc(s),[a,o]=c.useState(!1),[i,l]=c.useState(!1),[u,d]=c.useState(!1),m=c.useCallback(te=>{d(te),li(te)},[]),[f,h]=c.useState(e),x=Oi(f,200),b=U0(f,x),g=c.useRef(e);g.current=e;const y=pt({select:te=>xg(te.matches)}),[p,v]=c.useState(y);if(p!==y){const te=q0(p,y,e);v(y),te!==void 0&&h(te)}c.useEffect(()=>{H0(f,b,g.current)&&t({to:".",search:te=>{const ne=te.q===b;return{...te,q:b||void 0,...b&&!ne?{selectedMessageId:void 0,selectedThreadId:void 0,selectedMailboxId:void 0}:{}}},replace:!0})},[f,b,t]);const{data:w,isLoading:j,isError:T,error:N,refetch:k}=de({...xt(),staleTime:1/0}),C=!!(w&&(w.accounts?.length??0)===0);c.useEffect(()=>{C&&t({to:"/onboarding",replace:!0})},[C,t]),Ea({enabled:!a,bindings:[{key:"?",handler:()=>o(!0),noModifiers:!1,preventDefault:!0}]});const R=c.useCallback(te=>{h(te)},[]),O=c.useCallback(()=>{h("")},[]),M=c.useCallback(()=>{h("")},[]),L=c.useCallback(()=>{d(te=>{const ne=!te;return li(ne),ne})},[]),E=w?.accounts??[],S=E0(E),I=T0(E),P=c.useMemo(()=>N0(E),[E]),D=pt({select:te=>te.matches.find(G=>"mailboxId"in G.params)?.params.mailboxId}),{selectedMessageId:B}=hs({strict:!1}),A=pt({select:te=>ka(te.matches)}),q=pt({select:te=>tn(te.matches)}),U=pt({select:te=>Qn(te.matches)});K0(E);const ee=c.useCallback(()=>{l(!1)},[]),le={accounts:E,mailboxNameIndex:S,accountNameIndex:P,resultFolderIndex:I,searchQuery:b,searchInput:f,searchViewKey:y,onSearchChange:R,onSearchClear:O,onSearchClearQuery:M,intelligenceOpen:u,onToggleIntelligence:L,onSetIntelligenceOpen:m},Y=n.jsx(p0,{accounts:E,onMailboxSelect:ee}),z=r?n.jsx(hg,{accounts:E}):void 0,W=r?void 0:n.jsx(Ng,{accounts:E}),H={navOpen:i,onOpenNav:()=>l(!0),onCloseNav:()=>l(!1)};return n.jsxs(jd.Provider,{value:le,children:[T?n.jsx("div",{className:"flex h-full items-center justify-center bg-canvas p-4",children:n.jsx(Pt,{title:"Couldn't load your account",error:N,onRetry:()=>{k()}})}):A?n.jsx(Ps,{selectedMessageId:B,children:r?n.jsx(kt,{nav:Y,list:n.jsx(Ps.Phone,{}),intelligenceOpen:u,overlay:z,skeleton:n.jsx(mt,{}),isLoading:j||C,...H}):n.jsx(kt,{nav:Y,topBar:W,list:n.jsx(Ps.List,{}),reading:n.jsx(Ps.Reading,{}),intelligence:n.jsx(Ps.Intelligence,{}),intelligenceOpen:u,hasThread:!!B,overlay:z,skeleton:n.jsx(mt,{}),isLoading:j||C,...H})}):q?n.jsx(Ls,{selectedMessageId:B,children:r?n.jsx(kt,{nav:Y,list:n.jsx(Ls.Phone,{}),intelligenceOpen:u,overlay:z,skeleton:n.jsx(mt,{}),isLoading:j||C,...H}):n.jsx(kt,{nav:Y,topBar:W,list:n.jsx(Ls.List,{}),reading:n.jsx(Ls.Reading,{}),intelligence:n.jsx(Ls.Intelligence,{}),intelligenceOpen:u,hasThread:!!B,overlay:z,skeleton:n.jsx(mt,{}),isLoading:j||C,...H})}):D?n.jsx(Fs,{mailboxId:D,selectedMessageId:B,children:r?n.jsx(kt,{nav:Y,list:n.jsx(Fs.Phone,{}),intelligenceOpen:u,overlay:z,skeleton:n.jsx(mt,{}),isLoading:j||C,...H}):n.jsx(kt,{nav:Y,topBar:W,list:n.jsx(Fs.List,{}),reading:n.jsx(Fs.Reading,{}),intelligence:n.jsx(Fs.Intelligence,{}),intelligenceOpen:u,hasThread:!!B,overlay:z,skeleton:n.jsx(mt,{}),isLoading:j||C,...H})}):U?n.jsx(jn,{children:r?n.jsx(kt,{nav:Y,list:n.jsx(jn.Phone,{}),intelligenceOpen:!1,overlay:z,skeleton:n.jsx(mt,{}),isLoading:j||C,...H}):n.jsx(kt,{nav:Y,topBar:W,list:n.jsx(jn.List,{}),reading:n.jsx(jn.Reading,{}),intelligenceOpen:!1,overlay:z,skeleton:n.jsx(mt,{}),isLoading:j||C,...H})}):n.jsx(mt,{}),n.jsx(k0,{isOpen:a,onClose:()=>o(!1)}),n.jsx(Sd,{})]})}const ow=Object.freeze(Object.defineProperty({__proto__:null,component:Q0,useMailContext:Se},Symbol.toStringTag,{value:"Module"}));export{aw as S,Mf as U,ow as m};
|