@remit/web-client-dist 0.0.207 → 0.0.209

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/assets/{ComposeBody-uQ4F8ZtN.js → ComposeBody-BgnJQQAa.js} +1 -1
  2. package/assets/{ConfirmDialog-DXxndw06.js → ConfirmDialog-DNatX9ay.js} +1 -1
  3. package/assets/{ErrorState-C4MPdySt.js → ErrorState-Dud0HAKs.js} +1 -1
  4. package/assets/{OnboardingWizard-soR-mgEP.js → OnboardingWizard-Tqx5torp.js} +1 -1
  5. package/assets/{account-form-helpers-DshQgJkL.js → account-form-helpers-BBxVbA-f.js} +1 -1
  6. package/assets/{accounts-DVu_NYXk.js → accounts-BdahwDRu.js} +1 -1
  7. package/assets/{advanced-DKoySa1y.js → advanced-DxRX7cIm.js} +1 -1
  8. package/assets/{appearance-DO_432sY.js → appearance-pnKEg3ym.js} +1 -1
  9. package/assets/{avatar-mwB_u04P.js → avatar-DTBaTdZc.js} +1 -1
  10. package/assets/{browser-ponyfill-DSwFA3Yw.js → browser-ponyfill-DKUq0TDZ.js} +1 -1
  11. package/assets/{circle-check-BOTpEQiP.js → circle-check-DyhDhLEW.js} +1 -1
  12. package/assets/{download-g_CfMsdA.js → download-CeM-Hui-.js} +1 -1
  13. package/assets/{filters-BT--wzfg.js → filters-BozT-kT1.js} +1 -1
  14. package/assets/{flagged-COe8LmUM.js → flagged-CjX6zq1C.js} +1 -1
  15. package/assets/{folders-DXv8Q23p.js → folders-LUaoubCG.js} +1 -1
  16. package/assets/{index-Db465Czt.js → index-CKvlSeWR.js} +1 -1
  17. package/assets/{index-RjRZanC1.js → index-D7JrI2DS.js} +22 -22
  18. package/assets/{index-DZa4p56e.css → index-cYpNuQRY.css} +1 -1
  19. package/assets/index-dflwWbR1.js +1 -0
  20. package/assets/{kbd-D0v8K9Au.js → kbd-DYaXb1zP.js} +1 -1
  21. package/assets/{labels-DqoVlXuM.js → labels-BLJYjGIp.js} +1 -1
  22. package/assets/mail-vj0j-DwF.js +118 -0
  23. package/assets/{move-mailbox-picker-DZyMtAwv.js → move-mailbox-picker-Z6zeJtpS.js} +1 -1
  24. package/assets/{move-targets-DRkkDZ9N.js → move-targets-DSzlkDao.js} +1 -1
  25. package/assets/{onboarding-C4sDVACA.js → onboarding-CzGSbs1E.js} +1 -1
  26. package/assets/{search-BZqLkx84.js → search-k77Z-h0f.js} +1 -1
  27. package/assets/{senders-DOYnba8s.js → senders-DYMFmb7F.js} +1 -1
  28. package/assets/settings-DinVyVko.js +1 -0
  29. package/assets/{settings-screen-_CM9NR95.js → settings-screen-BfPvmfKA.js} +1 -1
  30. package/assets/{shield-check-Bv8XXzbu.js → shield-check-DOn-GlYr.js} +1 -1
  31. package/assets/{suggested-vips-m5S1UxGW.js → suggested-vips-BRAhToWT.js} +1 -1
  32. package/assets/{useDebouncedValue-p-uexMod.js → useDebouncedValue-DGUryGSS.js} +1 -1
  33. package/assets/{useLabels-JmLYc9bP.js → useLabels-ChQX_L4W.js} +1 -1
  34. package/assets/{useRulePreview-BZ2fDKX1.js → useRulePreview-xvNtd-sj.js} +1 -1
  35. package/assets/{useSignature-DtLuehhu.js → useSignature-DUTbz4pE.js} +1 -1
  36. package/index.html +2 -2
  37. package/package.json +1 -1
  38. package/assets/index-VVzEhb1s.js +0 -1
  39. package/assets/mail-vYFxs7wf.js +0 -118
  40. package/assets/settings-Du2eiJu_.js +0 -1
@@ -0,0 +1,118 @@
1
+ const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/ComposeBody-BgnJQQAa.js","assets/index-D7JrI2DS.js","assets/index-cYpNuQRY.css","assets/search-k77Z-h0f.js","assets/avatar-DTBaTdZc.js","assets/kbd-DYaXb1zP.js","assets/shield-check-DOn-GlYr.js","assets/account-form-helpers-BBxVbA-f.js","assets/useSignature-DUTbz4pE.js","assets/useDebouncedValue-DGUryGSS.js","assets/useRulePreview-xvNtd-sj.js","assets/ErrorState-Dud0HAKs.js","assets/format-B6Elex-n.js","assets/move-targets-DSzlkDao.js","assets/move-mailbox-picker-Z6zeJtpS.js","assets/useLabels-ChQX_L4W.js","assets/circle-check-DyhDhLEW.js","assets/ConfirmDialog-DNatX9ay.js"])))=>i.map(i=>d[i]);
2
+ import{R as U,c as yf,r as c,a as he,j as r,C as Ft,X as pt,b as W,B as J,d as dt,S as zt,e as mt,f as rs,L as it,g as ka,h as wf,i as Sf,k as tn,T as St,l as sn,u as Xn,m as Ca,n as jf,I as Na,p as gl,o as Ea,q as kf,D as Ia,s as nn,O as Cf,M as Nf,A as Ef,F as xl,t as If,v as Tf,w as Rf,x as Mf,y as bl,z as Ta,P as Af,E as Of,G as Ra,H as Ma,_ as Ot,J as vl,K as Df,Q as Aa,N as Pf,U as Lf,V as Ff,W as na,Y as $f,Z as _f,$ as je,a0 as zf,a1 as Bf,a2 as Kf,a3 as Uf,a4 as qf,a5 as Hf,a6 as Fo,a7 as Wf,a8 as Vf,a9 as Qf,aa as Oa,ab as yl,ac as wl,ad as Bt,ae as Pe,af as Ue,ag as rn,ah as Re,ai as Da,aj as Pa,ak as La,al as Fa,am as Jn,an as ks,ao as Ne,ap as an,aq as me,ar as Sl,as as Gf,at as Ce,au as jl,av as Yf,aw as Zn,ax as er,ay as kl,az as Cl,aA as jt,aB as Ze,aC as Xf,aD as ot,aE as Nl,aF as ts,aG as tr,aH as Jf,aI as sr,aJ as $a,aK as _a,aL as as,aM as nr,aN as os,aO as Zf,aP as em,aQ as Cs,aR as tm,aS as El,aT as Ns,aU as sm,aV as za,aW as nm,aX as rm,aY as am,aZ as Il,a_ as Ba,a$ as om,b0 as $o,b1 as im,b2 as lm,b3 as Tl,b4 as Rl,b5 as Ts,b6 as yt,b7 as cm,b8 as ra,b9 as aa,ba as um,bb as dm,bc as Ml,bd as fm,be as Ka,bf as Al,bg as mm,bh as hm,bi as pm,bj as gm,bk as xm,bl as bm,bm as vm,bn as ym,bo as wm,bp as Sm,bq as jm,br as km,bs as Cm,bt as Mt,bu as vt,bv as Nm}from"./index-D7JrI2DS.js";import{S as rr}from"./search-k77Z-h0f.js";import{A as ht,M as Ua,C as Em}from"./avatar-DTBaTdZc.js";import{K as ys}from"./kbd-DYaXb1zP.js";import{S as on,C as qa,R as Im}from"./shield-check-DOn-GlYr.js";import{M as Ol,a as Tm}from"./account-form-helpers-BBxVbA-f.js";import{R as Rm,u as Mm}from"./useSignature-DUTbz4pE.js";import{u as ar}from"./useDebouncedValue-DGUryGSS.js";import{B as Dl,u as Kt,a as _o,i as Am,b as oa,n as Om,S as Ha,c as Pl,r as Wa,d as Ll,e as Fl,f as $l,g as _l,h as Dm,s as Pm,j as Lm,k as Fm,l as $m,m as _m}from"./useRulePreview-xvNtd-sj.js";import{E as Ut,f as zl}from"./ErrorState-Dud0HAKs.js";import{f as Bl,a as qt,b as Kl,c as Bn,d as ft,t as zm}from"./format-B6Elex-n.js";import{P as zo,u as Ul,b as ln,M as Je}from"./move-targets-DSzlkDao.js";import{F as Va,a as Bm,M as ql}from"./move-mailbox-picker-Z6zeJtpS.js";import{u as or,a as Km}from"./useLabels-ChQX_L4W.js";import{C as ir}from"./circle-check-DyhDhLEW.js";import{C as Qa}from"./ConfirmDialog-DNatX9ay.js";function Gs(e){if(Um())e.focus({preventScroll:!0});else{let t=qm(e);e.focus(),Hm(t)}}let jn=null;function Um(){if(jn==null){jn=!1;try{document.createElement("div").focus({get preventScroll(){return jn=!0,!0}})}catch{}}return jn}function qm(e){let t=e.parentNode,s=[],n=document.scrollingElement||document.documentElement;for(;t instanceof HTMLElement&&t!==n;)(t.offsetHeight<t.scrollHeight||t.offsetWidth<t.scrollWidth)&&s.push({element:t,scrollTop:t.scrollTop,scrollLeft:t.scrollLeft}),t=t.parentNode;return n instanceof HTMLElement&&s.push({element:n,scrollTop:n.scrollTop,scrollLeft:n.scrollLeft}),s}function Hm(e){for(let{element:t,scrollTop:s,scrollLeft:n}of e)t.scrollTop=s,t.scrollLeft=n}const Pt=e=>e?.ownerDocument??document,$t=e=>e&&"window"in e&&e.window===e?e:Pt(e).defaultView||window;function Wm(e){return e!==null&&typeof e=="object"&&"nodeType"in e&&typeof e.nodeType=="number"}function Vm(e){return Wm(e)&&e.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&"host"in e}let Qm=!1;function Hl(){return Qm}function ut(e,t){if(!Hl())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:Vm(s)?s=s.host:s=s.parentNode}return!1}function Oe(e){if(Hl()&&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 Gm=typeof Element<"u"&&"checkVisibility"in Element.prototype;function Ym(e){const t=$t(e);if(!(e instanceof t.HTMLElement)&&!(e instanceof t.SVGElement))return!1;let{display:s,visibility:n}=e.style,a=s!=="none"&&n!=="hidden"&&n!=="collapse";if(a){const{getComputedStyle:o}=$t(e);let{display:i,visibility:l}=o(e);a=i!=="none"&&l!=="hidden"&&l!=="collapse"}return a}function Xm(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 Wl(e,t){return Gm?e.checkVisibility({visibilityProperty:!0})&&!e.closest("[data-react-aria-prevent-focus]"):e.nodeName!=="#comment"&&Ym(e)&&Xm(e,t)&&(!e.parentElement||Wl(e.parentElement,e))}const Vl=["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"],Jm=Vl.join(":not([hidden]),")+",[tabindex]:not([disabled]):not([hidden])";Vl.push('[tabindex]:not([tabindex="-1"]):not([disabled])');function Zm(e,t){return e.matches(Jm)&&!eh(e)&&(t?.skipVisibilityCheck||Wl(e))}function eh(e){let t=e;for(;t!=null;){if(t instanceof $t(t).HTMLElement&&t.inert)return!0;t=t.parentElement}return!1}const Ga=typeof document<"u"?U.useLayoutEffect:()=>{};function th(e){let t=e;return t.nativeEvent=e,t.isDefaultPrevented=()=>t.defaultPrevented,t.isPropagationStopped=()=>t.cancelBubble,t.persist=()=>{},t}function sh(e,t){Object.defineProperty(e,"target",{value:t}),Object.defineProperty(e,"currentTarget",{value:t})}function nh(e){for(;e&&!Zm(e,{skipVisibilityCheck:!0});)e=e.parentElement;let t=$t(e),s=t.document.activeElement;if(!s||s===e)return;let n=!1,a=d=>{(Oe(d)===s||n)&&d.stopImmediatePropagation()},o=d=>{(Oe(d)===s||n)&&(d.stopImmediatePropagation(),!e&&!n&&(n=!0,Gs(s),u()))},i=d=>{(Oe(d)===e||n)&&d.stopImmediatePropagation()},l=d=>{(Oe(d)===e||n)&&(d.stopImmediatePropagation(),n||(n=!0,Gs(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(f),t.removeEventListener("blur",a,!0),t.removeEventListener("focusout",o,!0),t.removeEventListener("focusin",l,!0),t.removeEventListener("focus",i,!0),n=!1},f=requestAnimationFrame(u);return u}function lr(e){if(typeof window>"u"||window.navigator==null)return!1;let t=window.navigator.userAgentData?.brands;return Array.isArray(t)&&t.some(s=>e.test(s.brand))||e.test(window.navigator.userAgent)}function Ya(e){return typeof window<"u"&&window.navigator!=null?e.test(window.navigator.userAgentData?.platform||window.navigator.platform):!1}function Ht(e){let t=null;return()=>(t==null&&(t=e()),t)}const Kn=Ht(function(){return Ya(/^Mac/i)}),rh=Ht(function(){return Ya(/^iPhone/i)}),Ql=Ht(function(){return Ya(/^iPad/i)||Kn()&&navigator.maxTouchPoints>1}),Gl=Ht(function(){return rh()||Ql()}),ah=Ht(function(){return lr(/AppleWebKit/i)&&!oh()}),oh=Ht(function(){return lr(/Chrome/i)}),Yl=Ht(function(){return lr(/Android/i)}),ih=Ht(function(){return lr(/Firefox/i)});function lh(e){return e.pointerType===""&&e.isTrusted?!0:Yl()&&e.pointerType?e.type==="click"&&e.buttons===1:e.detail===0&&!e.pointerType}function ch(e){return!Yl()&&e.width===0&&e.height===0||e.width===1&&e.height===1&&e.pressure===0&&e.detail===0&&e.pointerType==="mouse"}function Ys(e,t,s=!0){let{metaKey:n,ctrlKey:a,altKey:o,shiftKey:i}=t;ih()&&window.event?.type?.startsWith("key")&&e.target==="_blank"&&(Kn()?n=!0:a=!0);let l=ah()&&Kn()&&!Ql()?new KeyboardEvent("keydown",{keyIdentifier:"Enter",metaKey:n,ctrlKey:a,altKey:o,shiftKey:i}):new MouseEvent("click",{metaKey:n,ctrlKey:a,altKey:o,shiftKey:i,detail:1,bubbles:!0,cancelable:!0});Ys.isOpening=s,Gs(e),e.dispatchEvent(l),Ys.isOpening=!1}Ys.isOpening=!1;let Dt=new Map,ia=new Set;function Bo(){if(typeof window>"u")return;function e(n){return"propertyName"in n}let t=n=>{let a=Oe(n);if(!e(n)||!a)return;let o=Dt.get(a);o||(o=new Set,Dt.set(a,o),a.addEventListener("transitioncancel",s,{once:!0})),o.add(n.propertyName)},s=n=>{let a=Oe(n);if(!e(n)||!a)return;let o=Dt.get(a);if(o&&(o.delete(n.propertyName),o.size===0&&(a.removeEventListener("transitioncancel",s),Dt.delete(a)),Dt.size===0)){for(let i of ia)i();ia.clear()}};document.body.addEventListener("transitionrun",t),document.body.addEventListener("transitionend",s)}typeof document<"u"&&(document.readyState!=="loading"?Bo():document.addEventListener("DOMContentLoaded",Bo));function uh(){for(const[e]of Dt)"isConnected"in e&&!e.isConnected&&Dt.delete(e)}function dh(e){requestAnimationFrame(()=>{uh(),Dt.size===0?e():ia.add(e)})}function Xl(...e){return(...t)=>{for(let s of e)typeof s=="function"&&s(...t)}}let la=new Map;typeof FinalizationRegistry<"u"&&new FinalizationRegistry(e=>{la.delete(e)});function fh(e,t){if(e===t)return e;let s=la.get(e);if(s)return s.forEach(a=>a.current=t),t;let n=la.get(t);return n?(n.forEach(a=>a.current=e),e):t}function mh(...e){return e.length===1&&e[0]?e[0]:t=>{let s=!1;const n=e.map(a=>{const o=Ko(a,t);return s||=typeof o=="function",o});if(s)return()=>{n.forEach((a,o)=>{typeof a=="function"?a():Ko(e[o],null)})}}}function Ko(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function Rs(...e){let t={...e[0]};for(let s=1;s<e.length;s++){let n=e[s];for(let a in n){let o=t[a],i=n[a];typeof o=="function"&&typeof i=="function"&&a[0]==="o"&&a[1]==="n"&&a.charCodeAt(2)>=65&&a.charCodeAt(2)<=90?t[a]=Xl(o,i):(a==="className"||a==="UNSAFE_className")&&typeof o=="string"&&typeof i=="string"?t[a]=yf(o,i):a==="id"&&o&&i?t.id=fh(o,i):a==="ref"&&o&&i?t.ref=mh(o,i):t[a]=i!==void 0?i:o}}return t}function hh(e,t){Ga(()=>{if(e&&e.ref&&t)return e.ref.current=t.current,()=>{e.ref&&(e.ref.current=null)}})}const ph=U.useInsertionEffect??Ga;function Pr(e){const t=c.useRef(null);return ph(()=>{t.current=e},[e]),c.useCallback((...s)=>{const n=t.current;return n?.(...s)},[])}let bs="default",ca="",Ln=new WeakMap;function gh(e){if(Gl()){if(bs==="default"){const t=Pt(e);ca=t.documentElement.style.webkitUserSelect,t.documentElement.style.webkitUserSelect="none"}bs="disabled"}else if(e instanceof HTMLElement||e instanceof SVGElement){let t="userSelect"in e.style?"userSelect":"webkitUserSelect";Ln.set(e,e.style[t]),e.style[t]="none"}}function Uo(e){if(Gl()){if(bs!=="disabled")return;bs="restoring",setTimeout(()=>{dh(()=>{if(bs==="restoring"){const t=Pt(e);t.documentElement.style.webkitUserSelect==="none"&&(t.documentElement.style.webkitUserSelect=ca||""),ca="",bs="default"}})},300)}else if((e instanceof HTMLElement||e instanceof SVGElement)&&e&&Ln.has(e)){let t=Ln.get(e),s="userSelect"in e.style?"userSelect":"webkitUserSelect";e.style[s]==="none"&&(e.style[s]=t),e.getAttribute("style")===""&&e.removeAttribute("style"),Ln.delete(e)}}function qo(e){return e?.defaultView?.__webpack_nonce__||globalThis.__webpack_nonce__||void 0}let Lr=new WeakMap;function xh(e){let t=e??(typeof document<"u"?document:void 0);if(!t)return qo(t);if(Lr.has(t))return Lr.get(t);let s=t.querySelector('meta[property="csp-nonce"]'),n=s&&s instanceof $t(s).HTMLMetaElement&&(s.nonce||s.content)||qo(t)||void 0;return n!==void 0&&Lr.set(t,n),n}const Jl=U.createContext({register:()=>{}});Jl.displayName="PressResponderContext";function Zl(){let e=c.useRef(new Map),t=c.useCallback((a,o,i,l)=>{let u=l?.once?(...f)=>{e.current.delete(i),i(...f)}:i;e.current.set(i,{type:o,eventTarget:a,fn:u,options:l}),a.addEventListener(o,u,l)},[]),s=c.useCallback((a,o,i,l)=>{let u=e.current.get(i)?.fn||i;a.removeEventListener(o,u,l),e.current.delete(i)},[]),n=c.useCallback(()=>{e.current.forEach((a,o)=>{s(a.eventTarget,a.type,o,a.options)})},[s]);return c.useEffect(()=>n,[n]),{addGlobalListener:t,removeGlobalListener:s,removeAllGlobalListeners:n}}function bh(e){let t=c.useContext(Jl);if(t){let{register:s,ref:n,...a}=t;e=Rs(a,e),s()}return hh(t,e.ref),e}class kn{#s;constructor(t,s,n,a){this.#s=!0;const i=(a?.target??n.currentTarget)?.getBoundingClientRect();let l,u=0,f,d=null;n.clientX!=null&&n.clientY!=null&&(f=n.clientX,d=n.clientY),i&&(f!=null&&d!=null?(l=f-i.left,u=d-i.top):(l=i.width/2,u=i.height/2)),this.type=t,this.pointerType=s,this.target=n.currentTarget,this.shiftKey=n.shiftKey,this.metaKey=n.metaKey,this.ctrlKey=n.ctrlKey,this.altKey=n.altKey,this.x=l,this.y=u,this.key=n.key}continuePropagation(){this.#s=!1}get shouldStopPropagation(){return this.#s}}const Ho=Symbol("linkClicked"),Wo="react-aria-pressable-style",Vo="data-react-aria-pressable";function vh(e){let{onPress:t,onPressChange:s,onPressStart:n,onPressEnd:a,onPressUp:o,onClick:i,isDisabled:l,isPressed:u,preventFocusOnPress:f,shouldCancelOnPointerExit:d,allowTextSelectionOnPress:m,ref:h,...g}=bh(e),[x,p]=c.useState(!1),y=c.useRef({isPressed:!1,ignoreEmulatedMouseEvents:!1,didFirePressStart:!1,isTriggeringEvent:!1,activePointerId:null,target:null,isOverTarget:!1,pointerType:null,disposables:[]}),{addGlobalListener:b,removeAllGlobalListeners:S}=Zl(),w=c.useCallback((j,F)=>{let L=y.current;if(l||L.didFirePressStart)return!1;let k=!0;if(L.isTriggeringEvent=!0,n){let M=new kn("pressstart",F,j);n(M),k=M.shouldStopPropagation}return s&&s(!0),L.isTriggeringEvent=!1,L.didFirePressStart=!0,p(!0),k},[l,n,s]),v=c.useCallback((j,F,L=!0)=>{let k=y.current;if(!k.didFirePressStart)return!1;k.didFirePressStart=!1,k.isTriggeringEvent=!0;let M=!0;if(a){let T=new kn("pressend",F,j);a(T),M=T.shouldStopPropagation}if(s&&s(!1),p(!1),t&&L&&!l){let T=new kn("press",F,j);t(T),M&&=T.shouldStopPropagation}return k.isTriggeringEvent=!1,M},[l,a,s,t]),C=Pr(v),N=c.useCallback((j,F)=>{let L=y.current;if(l)return!1;if(o){L.isTriggeringEvent=!0;let k=new kn("pressup",F,j);return o(k),L.isTriggeringEvent=!1,k.shouldStopPropagation}return!0},[l,o]),E=Pr(N),I=c.useCallback(j=>{let F=y.current;if(F.isPressed&&F.target){F.didFirePressStart&&F.pointerType!=null&&v(Xt(F.target,j),F.pointerType,!1),F.isPressed=!1,F.isOverTarget=!1,F.activePointerId=null,F.pointerType=null,S(),m||Uo(F.target);for(let L of F.disposables)L();F.disposables=[]}},[m,S,v]),D=Pr(I);c.useEffect(()=>{l&&y.current.isPressed&&D({currentTarget:y.current.target,shiftKey:!1,ctrlKey:!1,metaKey:!1,altKey:!1})},[l]);let O=c.useCallback(j=>{d&&I(j)},[d,I]),A=c.useCallback(j=>{l||i?.(j)},[l,i]),P=c.useCallback((j,F)=>{if(!l&&i){let L=new MouseEvent("click",j);sh(L,F),i(th(L))}},[l,i]),R=c.useMemo(()=>{let j=y.current,F={onKeyDown(k){if(Fr(k.nativeEvent,k.currentTarget)&&ut(k.currentTarget,Oe(k))){Qo(Oe(k),k.key)&&k.preventDefault();let M=!0;!j.isPressed&&!k.repeat&&(j.target=k.currentTarget,j.isPressed=!0,j.pointerType="keyboard",M=w(k,"keyboard"));let T=k.currentTarget,q=te=>{Fr(te,T)&&!te.repeat&&ut(T,Oe(te))&&j.target&&E(Xt(j.target,te),"keyboard")};b(Pt(k.currentTarget),"keyup",Xl(q,L),!0),M&&k.stopPropagation(),k.metaKey&&Kn()&&j.metaKeyEvents?.set(k.key,k.nativeEvent)}else k.key==="Meta"&&(j.metaKeyEvents=new Map)},onClick(k){if(!(k&&!ut(k.currentTarget,Oe(k)))&&k&&k.button===0&&!j.isTriggeringEvent&&!Ys.isOpening){let M=!0;if(l&&k.preventDefault(),!j.ignoreEmulatedMouseEvents&&!j.isPressed&&(j.pointerType==="virtual"||lh(k.nativeEvent))){let T=w(k,"virtual"),q=E(k,"virtual"),te=C(k,"virtual");A(k),M=T&&q&&te}else if(j.isPressed&&j.pointerType!=="keyboard"){let T=j.pointerType||k.nativeEvent.pointerType||"virtual",q=E(Xt(k.currentTarget,k),T),te=C(Xt(k.currentTarget,k),T,!0);M=q&&te,j.isOverTarget=!1,A(k),D(k)}j.ignoreEmulatedMouseEvents=!1,M&&k.stopPropagation()}}},L=k=>{if(j.isPressed&&j.target&&Fr(k,j.target)){Qo(Oe(k),k.key)&&k.preventDefault();let M=Oe(k),T=ut(j.target,M);C(Xt(j.target,k),"keyboard",T),T&&P(k,j.target),S(),k.key!=="Enter"&&Xa(j.target)&&ut(j.target,M)&&!k[Ho]&&(k[Ho]=!0,Ys(j.target,k,!1)),j.isPressed=!1,j.metaKeyEvents?.delete(k.key)}else if(k.key==="Meta"&&j.metaKeyEvents?.size){let M=j.metaKeyEvents;j.metaKeyEvents=void 0;for(let T of M.values())j.target?.dispatchEvent(new KeyboardEvent("keyup",T))}};if(typeof PointerEvent<"u"){F.onPointerDown=T=>{if(T.button!==0||!ut(T.currentTarget,Oe(T)))return;if(ch(T.nativeEvent)){j.pointerType="virtual";return}j.pointerType=T.pointerType;let q=!0;if(!j.isPressed){j.isPressed=!0,j.isOverTarget=!0,j.activePointerId=T.pointerId,j.target=T.currentTarget,m||gh(j.target),q=w(T,j.pointerType);let te=Oe(T);"releasePointerCapture"in te&&("hasPointerCapture"in te?te.hasPointerCapture(T.pointerId)&&te.releasePointerCapture(T.pointerId):te.releasePointerCapture(T.pointerId)),b(Pt(T.currentTarget),"pointerup",k,!1),b(Pt(T.currentTarget),"pointercancel",M,!1)}q&&T.stopPropagation()},F.onMouseDown=T=>{if(ut(T.currentTarget,Oe(T))&&T.button===0){if(f){let q=nh(T.target);q&&j.disposables.push(q)}T.stopPropagation()}},F.onPointerUp=T=>{!ut(T.currentTarget,Oe(T))||j.pointerType==="virtual"||T.button===0&&!j.isPressed&&E(T,j.pointerType||T.pointerType)},F.onPointerEnter=T=>{T.pointerId===j.activePointerId&&j.target&&!j.isOverTarget&&j.pointerType!=null&&(j.isOverTarget=!0,w(Xt(j.target,T),j.pointerType))},F.onPointerLeave=T=>{T.pointerId===j.activePointerId&&j.target&&j.isOverTarget&&j.pointerType!=null&&(j.isOverTarget=!1,C(Xt(j.target,T),j.pointerType,!1),O(T))};let k=T=>{if(T.pointerId===j.activePointerId&&j.isPressed&&T.button===0&&j.target){if(ut(j.target,Oe(T))&&j.pointerType!=null){let q=!1,te=setTimeout(()=>{j.isPressed&&j.target instanceof HTMLElement&&(q?D(T):(Gs(j.target),j.target.click()))},80);b(T.currentTarget,"click",()=>q=!0,!0),j.disposables.push(()=>clearTimeout(te))}else D(T);j.isOverTarget=!1}},M=T=>{D(T)};F.onDragStart=T=>{ut(T.currentTarget,Oe(T))&&D(T)}}return F},[b,l,f,S,m,O,w,A,P]);return c.useEffect(()=>{if(!h)return;const j=Pt(h.current);if(!j||!j.head||j.getElementById(Wo))return;const F=j.createElement("style");F.id=Wo;let L=xh(j);L&&(F.nonce=L),F.textContent=`
3
+ @layer {
4
+ [${Vo}] {
5
+ touch-action: pan-x pan-y pinch-zoom;
6
+ }
7
+ }
8
+ `.trim(),j.head.prepend(F)},[h]),c.useEffect(()=>{let j=y.current;return()=>{m||Uo(j.target??void 0);for(let F of j.disposables)F();j.disposables=[]}},[m]),{isPressed:u||x,pressProps:Rs(g,R,{[Vo]:!0})}}function Xa(e){return e.tagName==="A"&&e.hasAttribute("href")}function Fr(e,t){const{key:s,code:n}=e,a=t,o=a.getAttribute("role");return(s==="Enter"||s===" "||s==="Spacebar"||n==="Space")&&!(a instanceof $t(a).HTMLInputElement&&!ec(a,s)||a instanceof $t(a).HTMLTextAreaElement||a.isContentEditable)&&!((o==="link"||!o&&Xa(a))&&s!=="Enter")}function Xt(e,t){let s=t.clientX,n=t.clientY;return{currentTarget:e,shiftKey:t.shiftKey,ctrlKey:t.ctrlKey,metaKey:t.metaKey,altKey:t.altKey,clientX:s,clientY:n,key:t.key}}function yh(e){return e instanceof HTMLInputElement?!1:e instanceof HTMLButtonElement?e.type!=="submit"&&e.type!=="reset":!Xa(e)}function Qo(e,t){return e instanceof HTMLInputElement?!ec(e,t):yh(e)}const wh=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);function ec(e,t){return e.type==="checkbox"||e.type==="radio"?t===" ":wh.has(e.type)}let Sh=0;const $r=new Map;function jh(e){let[t,s]=c.useState();return Ga(()=>{if(!e)return;let n=$r.get(e);if(n)s(n.element.id);else{let a=`react-aria-description-${Sh++}`;s(a);let o=document.createElement("div");o.id=a,o.style.display="none",o.textContent=e,document.body.appendChild(o),n={refCount:0,element:o},$r.set(e,n)}return n.refCount++,()=>{n&&--n.refCount===0&&(n.element.remove(),$r.delete(e))}},[e]),{"aria-describedby":e?t:void 0}}const kh=500;function Ch(e){let{isDisabled:t,onLongPressStart:s,onLongPressEnd:n,onLongPress:a,threshold:o=kh,accessibilityDescription:i}=e;const l=c.useRef(void 0);let{addGlobalListener:u,removeGlobalListener:f}=Zl(),{pressProps:d}=vh({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})),Pt(h.target).activeElement!==h.target&&Gs(h.target),a&&a({...h,type:"longpress"}),l.current=void 0},o),h.pointerType==="touch")){let g=p=>{p.preventDefault()},x=$t(h.target);u(h.target,"contextmenu",g,{once:!0}),u(x,"pointerup",()=>{setTimeout(()=>{f(h.target,"contextmenu",g)},30)},{once:!0})}},onPressEnd(h){l.current&&clearTimeout(l.current),n&&(h.pointerType==="mouse"||h.pointerType==="touch")&&n({...h,type:"longpressend"})}}),m=jh(a&&!t?i:void 0);return{longPressProps:Rs(d,m)}}const Ja=he("ArrowLeft",[["path",{d:"m12 19-7-7 7-7",key:"1l729n"}],["path",{d:"M19 12H5",key:"x3x0zl"}]]);const Nh=he("ArrowRight",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]]);const Eh=he("ArrowUp",[["path",{d:"m5 12 7-7 7 7",key:"hav0vg"}],["path",{d:"M12 19V5",key:"x0mq9r"}]]);const cr=he("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 Ih=he("Ban",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m4.9 4.9 14.2 14.2",key:"1m5liu"}]]);const tc=he("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 Th=he("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 Go=he("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 Es=he("ChevronRight",[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]]);const sc=he("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 nc=he("Code",[["polyline",{points:"16 18 22 12 16 6",key:"z7tu5w"}],["polyline",{points:"8 6 2 12 8 18",key:"1eg1df"}]]);const rc=he("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 ac=he("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 oc=he("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 Rh=he("MailCheck",[["path",{d:"M22 13V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h8",key:"12jkf8"}],["path",{d:"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7",key:"1ocrg3"}],["path",{d:"m16 19 2 2 4-4",key:"1b14m6"}]]);const ur=he("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 Mh=he("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 Ah=he("Minus",[["path",{d:"M5 12h14",key:"1ays0h"}]]);const dr=he("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 Oh=he("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 ic=he("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 lc=he("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 cc=he("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 Za=he("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 Ms=he("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 Dh=he("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 Ph=he("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 Lh=he("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 Fh=he("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"}]]);const $h=he("WandSparkles",[["path",{d:"m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72",key:"ul74o6"}],["path",{d:"m14 7 3 3",key:"1r5n42"}],["path",{d:"M5 6v4",key:"ilb8ba"}],["path",{d:"M19 14v4",key:"blhpug"}],["path",{d:"M10 2v2",key:"7u0qdc"}],["path",{d:"M7 8H3",key:"zfb6yr"}],["path",{d:"M21 16h-4",key:"1cnmox"}],["path",{d:"M11 3H9",key:"1obp7u"}]]),_h=({address:e,showTrustedBadge:t=!1})=>{const s=t?r.jsx(cr,{className:"inline-block size-4 ml-1 -mt-0.5 text-positive","aria-label":"Trusted sender","data-testid":"trusted-sender-badge"}):null;return e.displayName?r.jsxs("span",{children:[r.jsx("span",{className:"text-fg",children:e.displayName}),r.jsxs("span",{className:"text-fg-muted",children:[" ","<",e.normalizedEmail,">"]}),s]}):r.jsxs("span",{className:"text-fg",children:[e.normalizedEmail,s]})},zh=({label:e,addresses:t,showTrustedBadge:s=!1})=>{const[n,a]=c.useState(!1);if(t.length===0)return null;const o=t.length>3,i=l=>{const u=s&&l.flags?.trusted?.value===!0;return r.jsx(_h,{address:l,showTrustedBadge:u})};return r.jsxs("div",{className:"flex gap-2 text-sm",children:[r.jsxs("span",{className:"text-fg-muted shrink-0 w-12",children:[e,":"]}),r.jsx("div",{className:"flex-1 min-w-0",children:n?r.jsx("div",{className:"flex flex-wrap gap-1",children:t.map((l,u)=>r.jsxs("span",{children:[i(l),u<t.length-1&&", "]},u))}):r.jsx("div",{className:"truncate",children:t.map((l,u)=>r.jsxs("span",{children:[i(l),u<t.length-1&&", "]},u))})}),o&&r.jsx("button",{type:"button",onClick:l=>{l.stopPropagation(),a(!n)},className:"shrink-0 text-fg-muted hover:text-fg transition-colors","aria-label":n?"Collapse":"Expand",children:n?r.jsx(Ft,{className:"h-4 w-4"}):r.jsx(Es,{className:"h-4 w-4"})})]})},Bh=({email:e,displayName:t,onRemove:s,className:n})=>r.jsxs("span",{className:W("inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-accent-2-soft text-sm max-w-[200px]",n),children:[r.jsx("span",{className:"truncate",children:t||e}),r.jsx("button",{type:"button",onClick:s,className:"shrink-0 p-0.5 rounded-full hover:bg-fg-muted/20 transition-colors","aria-label":`Remove ${e}`,children:r.jsx(pt,{className:"size-3"})})]}),Kh={unknown:{label:"Unknown sender",tone:"neutral"},wellknown:{label:"Known sender",tone:"positive"},vip:{label:"VIP",tone:"accent"}};function us({label:e,children:t,className:s}){return r.jsxs("section",{className:W("border-b border-line px-row-inset py-3",s),children:[r.jsx("h3",{className:"text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:e}),r.jsx("div",{className:"mt-2",children:t})]})}function Uh({sender:e}){const t=Kh[e.trust],s=e.inboundCount==null?null:(e.replyCount??0)>0?`${e.inboundCount} received · you replied ${e.replyCount}×`:`${e.inboundCount} received · you've never replied`;return r.jsxs("div",{children:[r.jsxs("div",{className:"flex items-center gap-3",children:[r.jsx(ht,{name:e.name,email:e.email,size:"md"}),r.jsxs("div",{className:"min-w-0",children:[r.jsx("div",{className:"truncate text-sm font-semibold text-fg",children:e.name}),r.jsx("div",{className:"truncate text-2xs text-fg-subtle",children:e.email})]})]}),r.jsx("div",{className:"mt-2 flex items-center gap-2",children:e.addressUnverified?r.jsx(dt,{tone:"danger",dot:!0,children:"Address couldn't be verified"}):r.jsx(dt,{tone:t.tone,dot:!0,children:t.label})}),r.jsxs("p",{className:"mt-2 text-xs text-fg-muted",children:["First seen ",e.firstSeenLabel,s?` · ${s}`:""]})]})}function qh({auth:e,onShowSimilar:t}){if(e.verdict==="aligned")return r.jsxs("div",{className:"flex items-start gap-2 text-xs text-fg-muted",children:[r.jsx(on,{className:"mt-0.5 size-3.5 shrink-0 text-positive"}),r.jsx("span",{children:e.summary})]});if(e.verdict==="caution")return r.jsxs("div",{className:"flex items-start gap-2 rounded-md bg-warning/10 p-3 text-warning",children:[r.jsx(Dh,{className:"mt-0.5 size-4 shrink-0"}),r.jsx("p",{className:"text-xs leading-relaxed",children:e.summary})]});const s=e.addressUnreadable?"This sender can't be verified":"This message may be impersonating someone";return r.jsxs("div",{className:"rounded-md bg-danger-soft p-3",children:[r.jsxs("div",{className:"flex items-start gap-2",children:[r.jsx(Ms,{className:"mt-0.5 size-4 shrink-0 text-danger"}),r.jsxs("div",{className:"min-w-0",children:[r.jsx("p",{className:"text-sm font-semibold text-danger",children:s}),r.jsx("p",{className:"mt-1 text-xs leading-relaxed text-fg",children:e.summary}),!e.addressUnreadable&&e.dkimDomain&&r.jsxs("p",{className:"mt-1 text-2xs text-fg-muted",children:["Sent from"," ",r.jsx("code",{className:"rounded bg-surface px-1 py-0.5",children:e.dkimDomain}),", claims to be"," ",r.jsx("code",{className:"rounded bg-surface px-1 py-0.5",children:e.fromDomain})]})]})]}),e.similarCount!=null&&e.similarCount>0&&r.jsxs(J,{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 ds({icon:e,label:t,active:s,danger:n,onClick:a}){const o=a===void 0;return r.jsxs("button",{type:"button",onClick:a,disabled:o,className:W("flex items-center gap-2 rounded-md border px-2 py-1 text-xs transition-colors",s?"border-accent-2 bg-accent-2-soft text-accent-2":"border-line text-fg-muted hover:border-line-strong hover:text-fg",n&&!s&&"text-danger hover:bg-danger-soft",o&&"cursor-not-allowed opacity-50 hover:border-line"),children:[e,t]})}const Hh={sender:"matched: sender",recipient:"matched: recipient",subject:"matched: subject",attachment:"matched: attachment",body:"matched: body",entities:"matched: entities"};function uc({data:e,onClose:t,onShowSimilar:s,actions:n,similarState:a="ready",similarLinkComponent:o,className:i,hideCloseButton:l=!1}){const{sender:u,authenticity:f,category:d,flags:m={},similar:h}=e,g=f.verdict==="mismatch";return r.jsxs("aside",{className:W("flex w-76 shrink-0 flex-col overflow-y-auto border-l border-line bg-surface",i),children:[r.jsxs("header",{className:"flex h-pane-header shrink-0 items-center justify-between border-b border-line px-row-inset",children:[r.jsx("span",{className:"text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:"Intelligence"}),!l&&r.jsx(J,{variant:"ghost",size:"sm",icon:r.jsx(pt,{className:"size-3.5"}),onClick:t,"aria-label":"Collapse intelligence sidebar"})]}),r.jsx(us,{label:"Sender",children:r.jsx(Uh,{sender:u})}),r.jsx(us,{label:"Authenticity",children:r.jsx(qh,{auth:f,onShowSimilar:s})}),r.jsx(us,{label:"Category",children:r.jsxs("div",{className:"flex items-center gap-2",children:[r.jsx(dt,{tone:g?"danger":"neutral",children:d.value}),d.overridden&&r.jsx("span",{className:"text-2xs text-fg-subtle",children:"your override"}),r.jsx("button",{type:"button",className:W("ml-auto text-2xs text-accent hover:underline",!n?.onReclassify&&"cursor-not-allowed opacity-50 hover:no-underline"),disabled:!n?.onReclassify,onClick:n?.onReclassify,children:"reclassify"})]})}),r.jsx(us,{label:"Quick actions",children:r.jsxs("div",{className:"flex flex-wrap gap-1.5",children:[r.jsx(ds,{icon:r.jsx(zt,{className:"size-3.5"}),label:"VIP",active:m.vip,onClick:n?.onToggleVip}),r.jsx(ds,{icon:r.jsx(tc,{className:"size-3.5"}),label:"Mute",active:m.muted,onClick:n?.onToggleMute}),r.jsx(ds,{icon:r.jsx(Ih,{className:"size-3.5"}),label:"Block",active:m.blocked,danger:!0,onClick:n?.onToggleBlock}),r.jsx(ds,{icon:r.jsx(Mh,{className:"size-3.5"}),label:"Unsubscribe",active:m.unsubscribed,onClick:n?.onToggleUnsubscribe}),n?.onNotSpam&&r.jsx(ds,{icon:r.jsx(Rh,{className:"size-3.5"}),label:"Not spam",onClick:n.onNotSpam}),n?.onMarkSpam&&r.jsx(ds,{icon:r.jsx(Ph,{className:"size-3.5"}),label:"Mark spam",danger:!0,onClick:n.onMarkSpam})]})}),(a!=="ready"||h.length>0)&&r.jsx(us,{label:"Similar messages",children:a==="loading"?r.jsx("div",{className:"animate-pulse space-y-2",children:Array.from({length:3}).map((x,p)=>r.jsxs("div",{className:"space-y-1",children:[r.jsx("div",{className:"h-3 w-3/4 rounded bg-surface-sunken"}),r.jsx("div",{className:"h-2.5 w-1/2 rounded bg-surface-sunken"})]},p))}):a==="error"?r.jsx("p",{className:"text-xs text-fg-subtle",children:"Similarity search unavailable"}):r.jsx("ul",{className:"-mx-1 space-y-1",children:h.map(x=>{const p="block w-full rounded-md px-1 py-1 text-left hover:bg-surface-sunken",y=`Open message from ${x.fromName||"unknown sender"}: ${x.subject}`,b=r.jsxs(r.Fragment,{children:[r.jsxs("div",{className:"flex items-baseline justify-between gap-2",children:[r.jsx("span",{className:"truncate text-xs font-medium text-fg",children:x.fromName}),r.jsx("span",{className:"shrink-0 text-2xs text-fg-subtle tabular-nums",children:x.timeLabel})]}),r.jsx("div",{className:"truncate text-xs text-fg-muted",children:x.subject}),r.jsx("span",{className:"mt-1 inline-block rounded-full bg-surface-sunken px-1.5 py-px text-2xs text-fg-subtle",children:Hh[x.matched]})]});return r.jsx("li",{children:o?o({mailboxId:x.mailboxId,messageId:x.id,className:p,ariaLabel:y,children:b}):r.jsx("div",{className:p,children:b})},x.id)})})}),r.jsx(us,{label:"Coming soon",className:"border-b-0 opacity-70",children:r.jsxs("div",{className:"space-y-2",children:[r.jsxs("div",{className:"flex items-start gap-2 rounded-md border border-dashed border-line p-2",children:[r.jsx(mt,{className:"mt-0.5 size-3.5 shrink-0 text-fg-subtle"}),r.jsxs("div",{children:[r.jsx("div",{className:"text-xs font-medium text-fg-muted",children:"Suggested actions"}),r.jsx("div",{className:"text-2xs text-fg-subtle",children:'"Create a filter for messages like this" — on-device model'})]})]}),r.jsxs("div",{className:"flex items-start gap-2 rounded-md border border-dashed border-line p-2",children:[r.jsx(mt,{className:"mt-0.5 size-3.5 shrink-0 text-fg-subtle"}),r.jsxs("div",{children:[r.jsx("div",{className:"text-xs font-medium text-fg-muted",children:"Thread summary"}),r.jsx("div",{className:"text-2xs text-fg-subtle",children:"One-paragraph digest — Bedrock"})]})]})]})})]})}const Wh=[{keys:["j","k"],label:"navigate"},{keys:["m"],label:"mute"},{keys:["?"],label:"all shortcuts"}];function dc({hints:e=Wh,className:t}){return r.jsx("footer",{className:W("flex items-center gap-2 border-t border-line px-row-inset py-1 text-2xs text-fg-subtle",t),children:e.map(s=>r.jsx(Vh,{hint:s},s.label))})}function Vh({hint:e}){return r.jsxs("span",{className:"flex items-center gap-1",children:[e.keys.map(t=>r.jsx(ys,{children:t},t)),r.jsx("span",{children:e.label})]})}function Qh(){return r.jsx("div",{className:"space-y-0",role:"status","aria-busy":"true","aria-label":"Loading messages",children:Array.from({length:8}).map((e,t)=>r.jsxs("div",{className:"animate-pulse border-b border-line px-3 py-2",children:[r.jsxs("div",{className:"mb-2 flex items-center justify-between",children:[r.jsx("div",{className:"h-4 w-32 rounded bg-surface-sunken"}),r.jsx("div",{className:"h-3 w-16 rounded bg-surface-sunken"})]}),r.jsx("div",{className:"mb-2 h-4 w-48 rounded bg-surface-sunken"}),r.jsx("div",{className:"h-3 w-full rounded bg-surface-sunken"})]},t))})}function Gh({filter:e,scopeLabel:t,searchQuery:s}){const n=s?.trim();return e?r.jsxs(Yo,{children:[r.jsx("p",{className:"font-medium text-fg",children:Jh(e.label,t,n)}),r.jsx("p",{className:"mt-1 text-sm text-fg-muted",children:Yh[e.reach]}),r.jsx(J,{variant:"secondary",size:"sm",className:"mt-4",onClick:e.onClear,children:"Clear filter"})]}):r.jsx(Yo,{children:r.jsx("p",{className:"text-fg-muted",children:Xh(n,t)})})}const Yh={"whole-folder":"Every message in this folder was checked.","loaded-pages":"Only the messages loaded so far were checked."};function Xh(e,t){return e?"No messages match your search":t?`No messages in ${t}`:"No messages in this mailbox"}function Jh(e,t,s){return s?`No results for “${s}” in ${e}`:t?`No ${e} mail in ${t}`:`No ${e} mail`}function Yo({children:e}){return r.jsx("div",{className:"flex h-full flex-1 items-center justify-center",children:r.jsx("div",{className:"flex max-w-sm flex-col items-center justify-center p-8 text-center",children:e})})}function Zh(){return r.jsxs("div",{className:"flex items-center justify-center gap-2 py-4 text-sm text-fg-muted",role:"status","aria-live":"polite",children:[r.jsx(it,{className:"size-4 animate-spin","aria-hidden":"true"}),r.jsx("span",{children:"Loading more…"})]})}function ep({message:e="Something went wrong loading this mailbox.",onRetry:t,onReport:s}){return r.jsx("div",{className:"flex h-full flex-1 items-center justify-center p-4",children:r.jsxs("div",{role:"alert",className:"flex max-w-sm flex-col items-center justify-center gap-3 text-center",children:[r.jsx(rs,{className:"size-8 text-danger","aria-hidden":"true"}),r.jsxs("div",{children:[r.jsx("p",{className:"font-medium text-danger",children:"Couldn't load messages"}),r.jsx("p",{className:"mt-1 break-words text-sm text-fg-muted",children:e})]}),r.jsxs("div",{className:"flex items-center gap-2",children:[t&&r.jsx(J,{variant:"secondary",size:"sm",onClick:t,children:"Retry"}),s&&r.jsx(J,{variant:"ghost",size:"sm",onClick:s,children:"Report a problem"})]})]})})}const fc="outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset",mc=({active:e,focused:t})=>W("relative flex h-8 w-full items-center gap-2 px-row-inset text-left",fc,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"),As=({active:e,focused:t})=>W("relative flex w-full items-start gap-3 py-2 pl-5 pr-row-inset text-left transition-colors",fc,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 hc({thread:e}){const t=!e.isRead;return r.jsxs(r.Fragment,{children:[r.jsx("span",{className:"flex w-4 shrink-0 items-center justify-center",children:e.suspicious?r.jsx(Ms,{className:"size-3.5 text-danger"}):e.starred?r.jsx(zt,{className:"size-3 fill-warning text-warning"}):t?r.jsx("span",{className:"size-1.5 rounded-full bg-accent"}):null}),r.jsx("span",{className:W("w-36 shrink-0 truncate text-xs",t?"font-semibold text-fg":"text-fg-muted"),children:e.fromName}),r.jsxs("span",{className:"min-w-0 flex-1 truncate text-xs",children:[r.jsx("span",{className:W(t?"font-medium text-fg":"text-fg-muted"),children:e.subject}),r.jsxs("span",{className:"text-fg-subtle",children:[" — ",e.snippet]})]}),e.hasAttachment&&r.jsx(dr,{className:"size-3 shrink-0 text-fg-subtle"}),r.jsx("span",{className:"w-11 shrink-0 text-right text-2xs text-fg-subtle tabular-nums",children:e.timeLabel})]})}function Xo(e,t){const s=t?.trim();if(!s)return e;const n=e.toLowerCase(),a=s.toLowerCase(),o=[];let i=0,l=n.indexOf(a,i),u=0;for(;l!==-1;)l>i&&o.push(e.slice(i,l)),o.push(r.jsx("mark",{className:"bg-transparent font-semibold text-fg",children:e.slice(l,l+a.length)},u++)),i=l+a.length,l=n.indexOf(a,i);return i<e.length&&o.push(e.slice(i)),o}function Xs({thread:e,badge:t,highlightQuery:s}){const n=!e.isRead;return r.jsxs("span",{className:"min-w-0 flex-1",children:[r.jsxs("span",{className:"flex items-baseline justify-between gap-2",children:[r.jsxs("span",{className:W("flex min-w-0 items-center gap-1.5 truncate text-sm",n?"font-semibold text-fg":"font-medium text-fg-muted"),children:[e.trust==="vip"&&r.jsx("span",{className:"size-1.5 shrink-0 rounded-full bg-accent-2"}),r.jsx("span",{className:"truncate",children:e.fromName}),e.messageCount!=null&&e.messageCount>1&&r.jsx("span",{className:"shrink-0 text-2xs font-normal text-fg-subtle",children:e.messageCount})]}),r.jsx("span",{className:"shrink-0 text-2xs text-fg-subtle tabular-nums",children:e.timeLabel})]}),r.jsxs("span",{className:"flex items-center gap-1.5",children:[r.jsx("span",{className:W("truncate text-sm",n?"text-fg":"text-fg-muted"),children:Xo(e.subject,s)}),e.suspicious&&r.jsx(Ms,{className:"size-3.5 shrink-0 text-danger"}),e.starred&&r.jsx(zt,{className:"size-3 shrink-0 fill-warning text-warning"}),e.hasAttachment&&r.jsx(dr,{className:"size-3 shrink-0 text-fg-subtle"})]}),r.jsxs("span",{className:"flex items-center gap-1.5",children:[r.jsx("span",{className:"line-clamp-1 min-w-0 flex-1 text-xs text-fg-subtle",children:Xo(e.snippet,s)}),e.category&&e.category!=="personal"&&r.jsx(dt,{tone:wf[e.category],className:"shrink-0",children:e.category}),e.labels?.map(a=>r.jsx(Sf,{label:a,className:"max-w-20"},a.labelId)),t]})]})}function tp({thread:e,selection:t}){if(!t)return r.jsx(ht,{name:e.fromName,email:e.fromEmail,size:"sm"});const{checked:s,alwaysVisible:n}=t;return r.jsxs("span",{className:"relative size-7 shrink-0",children:[r.jsx(ht,{name:e.fromName,email:e.fromEmail,size:"sm",className:W("absolute inset-0 transition-opacity sm:group-hover:opacity-0",(s||n)&&"opacity-0")}),r.jsx("span",{role:"button",tabIndex:-1,onClick:t.onToggle,onKeyDown:a=>{a.key!=="Enter"&&a.key!==" "||(a.preventDefault(),a.stopPropagation(),t.onToggle(a))},className:W("absolute inset-0 size-7 items-center justify-center rounded-full border transition-opacity",n?"flex":"hidden sm:flex",s?"bg-accent border-accent text-accent-fg opacity-100":n?"border-fg-subtle/40 bg-canvas opacity-100":"border-fg-subtle/40 bg-canvas opacity-0 group-hover:opacity-100"),"aria-label":s?"Deselect message":"Select message",children:s&&r.jsx(tn,{className:"size-3"})})]})}function eo({thread:e,selection:t,badge:s,highlightQuery:n}){const a=!e.isRead;return r.jsxs(r.Fragment,{children:[a&&r.jsx("span",{className:"absolute left-1.5 top-1/2 size-1.5 -translate-y-1/2 rounded-full bg-accent"}),r.jsx(tp,{thread:e,selection:t}),r.jsx(Xs,{thread:e,badge:s,highlightQuery:n})]})}function sp({thread:e,active:t,focused:s,onClick:n}){return r.jsx("button",{type:"button",...ka,onClick:n,className:mc({active:t,focused:s}),children:r.jsx(hc,{thread:e})})}function np({thread:e,active:t,focused:s,selection:n,onClick:a}){return r.jsx("button",{type:"button",...ka,onClick:a,className:W("group",As({active:t,focused:s})),children:r.jsx(eo,{thread:e,selection:n})})}const rp="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",Jo="pointer-events-none absolute inset-0 m-auto size-3.5 text-accent-fg";function to({label:e,description:t,indeterminate:s=!1,checked:n,onChange:a,className:o,...i}){const l=c.useRef(null);c.useEffect(()=>{l.current&&(l.current.indeterminate=s)},[s]);const u=r.jsxs("span",{className:"relative inline-flex",children:[r.jsx("input",{ref:l,type:"checkbox",checked:n,onChange:a,className:rp,...i}),r.jsx(tn,{className:W(Jo,"hidden peer-checked:block"),"aria-hidden":!0}),r.jsx(Ah,{className:W(Jo,"hidden peer-indeterminate:block"),"aria-hidden":!0})]});return e===void 0&&t===void 0?r.jsx("span",{className:o,children:u}):r.jsxs("label",{className:W("flex min-h-11 cursor-pointer items-center gap-3 text-left",o),children:[u,r.jsxs("span",{className:"flex min-w-0 flex-col",children:[e!==void 0&&r.jsx("span",{className:"text-sm text-fg",children:e}),t!==void 0&&r.jsx("span",{className:"text-xs text-fg-subtle",children:t})]})]})}function so({triggerLabel:e,triggerIcon:t,triggerText:s,items:n,align:a="end",touch:o=!0,className:i,triggerClassName:l,nested:u=!1,children:f}){const[d,m]=c.useState(!1),h=c.useRef(null);return c.useEffect(()=>{if(!d)return;const g=p=>{h.current&&!h.current.contains(p.target)&&m(!1)},x=p=>{p.key==="Escape"&&m(!1)};return document.addEventListener("mousedown",g),document.addEventListener("keydown",x),()=>{document.removeEventListener("mousedown",g),document.removeEventListener("keydown",x)}},[d]),n.length===0&&!f?null:r.jsxs("div",{ref:h,className:W("relative",i),...u?{role:"none"}:{},children:[r.jsx(J,{variant:"ghost",size:"sm",icon:t??r.jsx(rc,{className:"size-5"}),onClick:()=>m(g=>!g),"aria-label":e,"aria-haspopup":"menu","aria-expanded":d,...u?{role:"menuitem"}:{},className:W(o&&"min-h-11 min-w-11 px-0",l),children:s}),d&&r.jsxs("div",{role:"menu",className:W("absolute top-full z-50 mt-1 flex max-h-[60dvh] min-w-44 flex-col overflow-y-auto overscroll-contain rounded-md border border-line bg-surface py-1 shadow-lg",a==="end"?"right-0":"left-0"),children:[n.map(g=>r.jsxs("button",{type:"button",role:"menuitem",onClick:()=>{m(!1),g.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:[g.icon&&r.jsx("span",{className:"shrink-0 text-fg-subtle",children:g.icon}),g.label]},g.key)),f]})]})}const ap={info:"bg-accent-2",success:"bg-positive",warning:"bg-warning",danger:"bg-danger"};function op({value:e,max:t,tone:s="info",indeterminate:n=!1,className:a}){const o=n?100:t<=0?0:Math.min(100,Math.max(0,e/t*100));return r.jsx("div",{role:"progressbar","aria-valuenow":n?void 0:e,"aria-valuemin":n?void 0:0,"aria-valuemax":n?void 0:t,className:W("h-1.5 w-full overflow-hidden rounded-full bg-surface-sunken",a),children:r.jsx("div",{className:W("h-full rounded-full transition-[width] duration-300 ease-out",ap[s],n&&"w-1/3 animate-pulse"),style:n?void 0:{width:`${o}%`}})})}const Zo=e=>e.toLocaleString();function ei({selectAll:e,selecting:t,className:s}){return r.jsx(to,{className:s,checked:e.checked,indeterminate:e.indeterminate,onChange:e.onChange,label:r.jsx("span",{className:"font-medium text-accent",children:e.checked&&t?"Deselect all":"Select all"})})}function fr({title:e,count:t,onCancel:s,onDelete:n,onOrganize:a,onJunk:o,onMarkRead:i,onSomethingElse:l,navSlot:u,titleMeta:f,searchSlot:d,searchField:m,idleSlot:h,moveSlot:g,overflowSlot:x,isBusy:p=!1,isCounting:y=!1,selectAll:b,statusLabel:S,progress:w,notice:v}){const C=t>0||y,N=b?.checked?`All ${Zo(t)} loaded selected`:`${Zo(t)} ${t===1?"message":"messages"} selected`,E=[];return o&&!p&&!y&&E.push({key:"junk",label:"Junk",icon:r.jsx(Ms,{className:"size-4"}),onSelect:o}),i&&!p&&!y&&E.push({key:"mark-read",label:"Mark read",icon:r.jsx(ur,{className:"size-4"}),onSelect:i}),l&&!p&&!y&&E.push({key:"something-else",label:"Something else",icon:r.jsx($h,{className:"size-4"}),onSelect:l}),r.jsxs("header",{"data-selection-bar":"",className:"flex shrink-0 flex-col border-b border-line bg-surface-sunken",children:[r.jsxs("div",{"data-selection-bar-row":"actions",className:"flex h-pane-header items-center gap-1 px-row-inset",children:[C?r.jsx(J,{variant:"ghost",size:"touch",icon:r.jsx(Ja,{className:"size-5"}),onClick:s,"aria-label":"Cancel selection",className:"-ml-2 shrink-0"}):u,b&&r.jsx(ei,{selectAll:b,selecting:C,className:"hidden shrink-0 pr-2 md:flex"}),C?r.jsx("span",{"data-selection-count":"",className:"min-w-0 flex-1 truncate px-1 text-sm font-medium text-fg",role:"status","aria-live":"polite",children:S??N}):m?r.jsx("div",{className:"flex min-w-0 flex-1 items-center gap-1",children:m}):r.jsxs(r.Fragment,{children:[r.jsx("h1",{className:"min-w-0 flex-1 truncate px-1 text-sm font-semibold text-fg",children:e}),f,d]}),C&&!y&&r.jsxs(r.Fragment,{children:[r.jsx(J,{variant:"ghost",size:"touch",icon:p?r.jsx(it,{className:"size-5 animate-spin"}):r.jsx(St,{className:"size-5 text-danger"}),onClick:p?void 0:n,"aria-label":"Move selected messages to Trash","aria-busy":p||void 0,className:"shrink-0"}),!p&&g,!p&&a&&r.jsx(J,{variant:"ghost",size:"touch",icon:r.jsx(mt,{className:"size-5"}),onClick:a,"aria-label":"Organize selected messages",className:"shrink-0"})]}),C&&r.jsx(so,{triggerLabel:"More actions",items:E,className:"shrink-0",children:!p&&!y&&x})]}),!C&&h,C&&b&&r.jsx("div",{"data-selection-bar-row":"select-all",className:"px-row-inset pb-2 md:hidden",children:r.jsx(ei,{selectAll:b,selecting:C,className:"w-full"})}),w&&r.jsx("div",{className:"px-row-inset pb-2",children:r.jsx(op,{value:w.value,max:w.max,tone:w.tone})}),v&&r.jsx(sn,{"data-selection-notice":"",tone:v.tone,variant:"soft",role:"status","aria-live":"polite",className:"mx-row-inset mb-2",children:r.jsxs("div",{className:"flex items-center justify-between gap-2",children:[v.text&&r.jsx("span",{children:v.text}),v.action&&r.jsx(J,{variant:"ghost",size:"md",onClick:v.action.onClick,className:"-my-1 min-h-11 shrink-0",children:v.action.label})]})})]})}let ws;const ip=5e3;function pc(e){e.preventDefault(),Un()}function Un(){ws!==void 0&&(clearTimeout(ws),ws=void 0,document.removeEventListener("contextmenu",pc,!0),document.removeEventListener("pointerup",Un,!0))}function lp(){ws===void 0?(document.addEventListener("contextmenu",pc,!0),document.addEventListener("pointerup",Un,!0)):clearTimeout(ws),ws=setTimeout(Un,ip)}function gc({onLongPress:e,isDisabled:t,delayMs:s=500,accessibilityDescription:n}){const{longPressProps:a}=Ch({isDisabled:t,threshold:s,accessibilityDescription:n,onLongPress:e}),o=c.useCallback(i=>{i.pointerType!=="touch"&&i.pointerType!=="pen"||lp()},[]);return{longPressProps:Rs(a,{onPointerDown:o})}}const ss=72,ti=10,cp=ss/2,si="__swipeableRowAxisCancel";function ni(e){return e==="leading"?ss:e==="trailing"?-ss:0}function up(e){return e>=ss/2?"leading":e<=-ss/2?"trailing":"none"}function xc({thread:e,selectionMode:t,checked:s,active:n,peek:a,onPeek:o,onToggleCheck:i,onLongPress:l,onOpen:u,onAct:f,linkComponent:d}){const m=c.useRef(null),[h,g]=c.useState(null),{longPressProps:x}=gc({onLongPress:l,isDisabled:t,accessibilityDescription:"Select message"}),p=R=>{const j=new PointerEvent("pointercancel",{bubbles:!0});j[si]=!0,R.currentTarget.dispatchEvent(j)},v=Rs(x,{onPointerDown:R=>{m.current={startX:R.clientX,startY:R.clientY,axis:"none",escaped:!1}},onPointerMove:R=>{if(t)return;const j=m.current;if(!j)return;const F=R.clientX-j.startX,L=R.clientY-j.startY;if(j.axis==="none"&&(Math.abs(L)>ti&&Math.abs(L)>Math.abs(F)?j.axis="vertical":Math.abs(F)>ti&&Math.abs(F)>Math.abs(L)&&(j.axis="horizontal",R.currentTarget.setPointerCapture(R.pointerId))),j.axis==="none")return;const k=j.axis==="horizontal"?Math.abs(F):Math.abs(L);if(!j.escaped&&k>cp&&(j.escaped=!0,p(R)),j.axis!=="horizontal")return;const M=ni(a),T=Math.max(-ss,Math.min(ss,M+F));g(T)},onPointerUp:R=>{const j=m.current;m.current=null;const F=h;if(g(null),!!j){if(j.axis!=="none"&&!j.escaped&&p(R),j.axis==="horizontal"){F!==null&&o(up(F));return}if(j.axis!=="vertical"){if(t){i();return}if(a!=="none"){o("none");return}d||u()}}},onPointerCancel:R=>{R.nativeEvent[si]||(m.current=null,g(null))}}),C=R=>{a!=="none"&&R.preventDefault()},N=h??ni(a),E=N>0?"leading":N<0?"trailing":"none",I=W("relative touch-pan-y bg-surface","select-none [-webkit-touch-callout:none]",As({active:s||n})),D={transform:N!==0?`translateX(${N}px)`:void 0,transition:h===null?"transform 150ms ease":"none",minHeight:44},O=!e.isRead,A=R=>R.stopPropagation(),P=t?r.jsxs(r.Fragment,{children:[r.jsx("span",{className:W("inline-flex size-7 shrink-0 items-center justify-center rounded-full border",s?"border-accent bg-accent text-accent-fg":"border-line-strong bg-canvas"),children:s&&r.jsx(tn,{className:"size-3.5"})}),r.jsx(Xs,{thread:e})]}):r.jsxs(r.Fragment,{children:[O&&r.jsx("span",{className:"absolute left-1.5 top-1/2 size-1.5 -translate-y-1/2 rounded-full bg-accent"}),r.jsx("button",{type:"button",role:"checkbox","aria-checked":s,"aria-label":`Select message from ${e.fromName}`,onPointerDown:A,onPointerMove:A,onPointerUp:A,onClick:R=>{R.preventDefault(),R.stopPropagation(),l()},className:"-m-2 inline-flex size-11 shrink-0 items-center justify-center rounded-full",children:r.jsx(ht,{name:e.fromName,email:e.fromEmail,size:"sm"})}),r.jsx(Xs,{thread:e})]});return r.jsxs("div",{className:"relative overflow-hidden",children:[E==="leading"&&r.jsx("button",{type:"button",onClick:()=>f("leading"),"aria-label":e.isRead?"Mark as unread":"Mark as read",className:"absolute inset-y-0 left-0 flex items-center justify-start bg-accent-2 px-6 text-accent-fg",children:e.isRead?r.jsx(Ol,{className:"size-6"}):r.jsx(ur,{className:"size-6"})}),E==="trailing"&&r.jsx("button",{type:"button",onClick:()=>f("trailing"),"aria-label":"Delete message",className:"absolute inset-y-0 right-0 flex items-center justify-end bg-danger px-6 text-canvas",children:r.jsx(St,{className:"size-6"})}),d&&!t?d({...v,className:I,style:D,onOpenClick:C,children:P}):r.jsx("button",{type:"button",role:t?"checkbox":void 0,"aria-checked":t?s:void 0,...v,className:I,style:D,children:P})]})}function dp({sections:e,selectedThreadId:t,selectionMode:s,checkedIds:n,initialPeek:a,onToggleCheck:o,onEnterSelection:i,onOpenThread:l,onRefresh:u,refreshing:f,busy:d=!1}){const[m,h]=c.useState(()=>e.flatMap(y=>y.threads)),[g,x]=c.useState(a&&a!=="none"&&m[1]?{id:m[1].id,side:a}:null),p=(y,b)=>{h(b==="trailing"?S=>S.filter(w=>w.id!==y):S=>S.map(w=>w.id===y?{...w,isRead:!w.isRead}:w)),x(null)};return r.jsxs("div",{className:"flex-1 overflow-y-auto",children:[f&&r.jsxs("div",{className:"flex items-center justify-center gap-2 border-b border-line py-3 text-fg-muted",children:[r.jsx(ic,{className:"size-4 animate-spin"}),r.jsx("span",{className:"text-xs",children:"Checking for new mail…"})]}),r.jsx("div",{className:"divide-y divide-line",children:m.map(y=>r.jsx("div",{className:d?"pointer-events-none opacity-50":void 0,children:r.jsx(xc,{thread:y,selectionMode:s,checked:n.has(y.id),active:y.id===t,peek:g?.id===y.id?g.side:"none",onPeek:b=>x(b==="none"?null:{id:y.id,side:b}),onToggleCheck:()=>o(y.id),onLongPress:()=>i(y.id),onOpen:()=>l(y.id),onAct:b=>p(y.id,b)})},y.id))}),!s&&!f&&!d&&r.jsx("button",{type:"button",onClick:u,className:"w-full border-t border-line py-2 text-center text-2xs text-fg-subtle transition-colors hover:bg-surface-sunken",children:"Pull to refresh"})]})}function bc({listTitle:e,listMeta:t,sections:s,briefFilters:n,flatList:a,listState:o="ready",searchQuery:i,listFilter:l,listScopeLabel:u,errorMessage:f,onRetry:d,onReportError:m,briefCategory:h,selectedThreadId:g,density:x="comfortable",onSelectThread:p,onSelectBriefCategory:y,onOpenNav:b,isDesktop:S,initialTouchState:w,selectionBar:v,paneOverlay:C,listBody:N,hideHeader:E=!1}){const I=x==="compact"?sp:np,D=c.useRef(null);Xn({containerRef:D,itemSelector:Ca});const O=!S&&!n&&o==="ready",A=s.flatMap(G=>G.threads),[P,R]=c.useState(w==="selection"),[j,F]=c.useState(()=>w==="selection"?new Set(A.slice(0,2).map(G=>G.id)):new Set),[L,k]=c.useState(!1),M=w==="peek-trailing"?"trailing":w==="peek-leading"?"leading":void 0,T=G=>{F(Z=>{const le=new Set(Z);return le.has(G)?le.delete(G):le.add(G),le.size===0&&R(!1),le})},q=G=>{R(!0),F(new Set([G]))},te=()=>{R(!1),F(new Set)},se=()=>{k(!0),setTimeout(()=>k(!1),1400)},oe=!v&&O&&P&&j.size>0;return r.jsxs("section",{className:"relative flex h-full w-full flex-col bg-surface",children:[v??(oe?r.jsx(fr,{title:e,count:j.size,onCancel:te,onMarkRead:te,onDelete:te}):E?null:r.jsxs("header",{className:"flex h-pane-header shrink-0 items-center gap-2 border-b border-line px-row-inset",children:[b&&r.jsx(J,{variant:"ghost",size:"sm",icon:r.jsx(Ua,{className:"size-4"}),onClick:b,"aria-label":"Open folders",className:"-ml-1 shrink-0"}),r.jsx("h1",{className:"min-w-0 flex-1 truncate text-sm font-semibold text-fg",children:e}),t&&r.jsx("span",{className:"shrink-0 text-2xs text-fg-subtle",children:t})]})),o==="loading"?r.jsx("div",{className:"flex-1 overflow-y-auto",children:r.jsx(Qh,{})}):o==="empty"?r.jsx(Gh,{filter:l,scopeLabel:u,searchQuery:i}):o==="error"?r.jsx(ep,{message:f,onRetry:d,onReport:m}):n?r.jsx(jf,{sections:s,briefCategory:h,selectedThreadId:g,Row:I,onSelectThread:p,onSelectBriefCategory:y}):N??(O?r.jsx(dp,{sections:s,selectedThreadId:g,selectionMode:P,checkedIds:j,initialPeek:M,onToggleCheck:T,onEnterSelection:q,onOpenThread:G=>p?.(G),onRefresh:se,refreshing:L}):r.jsx("div",{ref:D,className:"flex-1 overflow-y-auto",children:s.map(G=>r.jsxs("div",{children:[!a&&G.label&&r.jsxs("div",{className:"sticky top-0 flex h-section-row items-center justify-between border-b border-line bg-surface-sunken px-row-inset",children:[r.jsx("span",{className:"text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:G.label}),r.jsx("span",{className:"text-2xs text-fg-subtle tabular-nums",children:G.threads.length})]}),r.jsx("div",{className:"divide-y divide-line",children:G.threads.map(Z=>r.jsx(I,{thread:Z,active:Z.id===g,onClick:()=>p?.(Z.id)},Z.id))})]},G.id))})),S&&r.jsx(dc,{}),C]})}const zs="min-h-11 min-w-11 px-0";function vc({hasThread:e,onReply:t,onReplyAll:s,onForward:n,isStarred:a,onToggleStar:o,onDelete:i,isRead:l,onToggleRead:u,moveSlot:f,overflowItems:d=[],onUnavailable:m,unavailableHint:h,className:g}){const x=(y,b)=>()=>{if(!e){m?.(y);return}b?.()},p=u?[{key:"toggle-read",label:l?"Mark as unread":"Mark as read",icon:l?r.jsx(Ol,{className:"size-4"}):r.jsx(ur,{className:"size-4"}),onSelect:x("toggleRead",u)}]:[];return r.jsxs("div",{className:W("relative",g),children:[r.jsxs("div",{className:"flex h-12 shrink-0 items-center gap-0.5 bg-canvas px-1",children:[r.jsx(J,{variant:"ghost",size:"sm",icon:r.jsx(cc,{className:"size-5"}),onClick:x("reply",t),"aria-label":"Reply",title:"Reply",className:zs}),r.jsx(J,{variant:"ghost",size:"sm",icon:r.jsx(lc,{className:"size-5"}),onClick:x("replyAll",s),"aria-label":"Reply all",title:"Reply all",className:zs}),r.jsx(J,{variant:"ghost",size:"sm",icon:r.jsx(ac,{className:"size-5"}),onClick:x("forward",n),"aria-label":"Forward",title:"Forward",className:zs}),r.jsx("div",{className:"flex-1"}),r.jsx(J,{variant:"ghost",size:"sm",icon:r.jsx(zt,{className:W("size-5",a&&"fill-warning text-warning")}),onClick:x("star",o),"aria-label":a?"Unstar":"Star","aria-pressed":a,title:a?"Unstar":"Star",className:zs}),f,r.jsx(J,{variant:"ghost",size:"sm",icon:r.jsx(St,{className:"size-5"}),onClick:x("delete",i),"aria-label":"Move to Trash",title:"Move to Trash",className:zs}),r.jsx(so,{triggerLabel:"More actions",items:[...p,...d]})]}),!e&&h&&r.jsx("p",{role:"status",className:"bg-surface-sunken px-3 py-1 text-2xs text-fg-subtle",children:h})]})}function fp({open:e=!1,enabled:t=!0,onToggle:s,className:n}){return r.jsx(J,{variant:"ghost",size:"sm",icon:r.jsx(Na,{className:"size-4"}),title:"Intelligence","aria-label":e?"Hide intelligence sidebar":"Show intelligence sidebar","aria-pressed":e,disabled:!t,onClick:s,className:W(e&&"bg-accent-2-soft text-accent-2",n)})}function mp({hasThread:e,onUnavailable:t,unavailableHint:s,isStarred:n,showTriage:a=!0,onReply:o,onReplyAll:i,onForward:l,onDelete:u,onToggleStar:f,moveSlot:d,onMove:m,replyTitle:h="Reply (r)",replyAllTitle:g="Reply all (a)",forwardTitle:x="Forward (f)",deleteTitle:p="Move to Trash (#)",flagTitle:y="Star (s)",children:b,className:S}){const w=(v,C)=>()=>{if(!e){t?.(v);return}C?.()};return r.jsxs("div",{className:"relative",children:[r.jsxs("header",{className:W("flex h-pane-header shrink-0 items-center gap-1 border-b border-line bg-surface px-3",S),children:[r.jsx(J,{variant:"ghost",size:"sm",icon:r.jsx(cc,{className:"size-4"}),title:h,"aria-label":"Reply",onClick:w("reply",o)}),r.jsx(J,{variant:"ghost",size:"sm",icon:r.jsx(lc,{className:"size-4"}),title:g,"aria-label":"Reply all",onClick:w("replyAll",i)}),r.jsx(J,{variant:"ghost",size:"sm",icon:r.jsx(ac,{className:"size-4"}),title:x,"aria-label":"Forward",onClick:w("forward",l)}),a&&r.jsxs(r.Fragment,{children:[r.jsx("span",{className:"mx-1 h-4 w-px bg-line","aria-hidden":!0}),r.jsx(J,{variant:"ghost",size:"sm",icon:r.jsx(St,{className:"size-4"}),title:p,"aria-label":"Move to Trash",onClick:w("delete",u)}),d??r.jsx(J,{variant:"ghost",size:"sm",icon:r.jsx(Va,{className:"size-4"}),title:"Move to mailbox","aria-label":"Move to mailbox",onClick:w("move",m)}),r.jsx(J,{variant:"ghost",size:"sm",icon:r.jsx(zt,{className:W("size-4",n&&"fill-warning text-warning")}),title:y,"aria-label":"Star",onClick:w("flag",f)})]}),r.jsx("div",{className:"flex-1"}),b]}),!e&&s&&r.jsx("p",{role:"status",className:"border-b border-line bg-surface-sunken px-3 py-1 text-2xs text-fg-subtle",children:s})]})}const hp=(e,t)=>{const n=e==="newsletter"||e==="marketing"||t;return{framed:n,isPlain:!n}},pp=()=>`
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
+ `,gp=e=>{const t=new Map;for(const s of e){if(!s.contentId||s.contentUrl.length===0)continue;const n=s.contentId.replace(/^<|>$/g,"");t.set(n,s.contentUrl)}return s=>t.get(s.replace(/^<|>$/g,""))},xp=/^(none|transparent|inherit|initial|unset)\s*$/i,bp=e=>{const t=[],s=/<style[^>]*>([\s\S]*?)<\/style>/gi;let n;for(n=s.exec(e);n!==null;)t.push(n[1]),n=s.exec(e);return t},vp=e=>{const t=/background(?:-color)?\s*:\s*([^;}\n]+)/gi;let s;for(s=t.exec(e);s!==null;){const n=s[1].trim();if(!xp.test(n))return!0;s=t.exec(e)}return!1},yp=e=>{if(/\bstyle\s*=\s*["'][^"']*background/i.test(e)||/\bbgcolor\s*=/i.test(e))return!0;for(const t of bp(e))if(vp(t))return!0;return!1},wp=["script","iframe","object","embed","form","input","button","textarea","select","meta","link","base"],Sp=["onerror","onload","onclick","onmouseover","onmouseout","onfocus","onblur","onsubmit","onkeydown","onkeyup","formaction","xlink:href","data-bind"],jp="data:image/svg+xml,"+encodeURIComponent(`
47
+ <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
48
+ <rect fill="#f0f0f0" width="100" height="100"/>
49
+ <text x="50" y="50" text-anchor="middle" dy=".3em" fill="#999" font-size="12">
50
+ Image blocked
51
+ </text>
52
+ </svg>
53
+ `),kp=e=>e.replace(/url\s*\([^)]*\)/gi,"none").replace(/expression\s*\([^)]*\)/gi,"").replace(/-moz-binding\s*:[^;]*/gi,""),Cp=e=>e.replace(/@import[^;]*;/gi,"/* @import blocked */").replace(/url\s*\([^)]*\)/gi,"none").replace(/expression\s*\([^)]*\)/gi,"").replace(/-moz-binding\s*:[^;]*/gi,""),Np=(e={})=>{const t=gl(),s={FORBID_TAGS:wp,FORBID_ATTR:Sp,ALLOW_DATA_ATTR:!1,ALLOW_UNKNOWN_PROTOCOLS:!1};return t.addHook("afterSanitizeAttributes",n=>{if(n.tagName==="IMG"){const a=n.getAttribute("src")||"";if(a.startsWith("data:"))return;if(a.startsWith("cid:")){const i=a.slice(4).replace(/^<|>$/g,""),l=e.resolveCid?.(i);l&&(n.setAttribute("src",l),n.classList.add("inline-content"));return}e.allowExternalImages||(n.setAttribute("data-blocked-src",a),n.setAttribute("src",jp),n.setAttribute("alt","[Blocked image]"),n.classList.add("blocked-image"))}if(n.tagName==="A"){const a=n.getAttribute("href")||"";if(/^(javascript|data):/i.test(a)){n.removeAttribute("href");return}n.setAttribute("target","_blank"),n.setAttribute("rel","noopener noreferrer nofollow"),n.classList.add("external-link")}if(n.hasAttribute("style")){const a=n.getAttribute("style")||"";n.setAttribute("style",kp(a))}}),t.addHook("uponSanitizeElement",(n,a)=>{if(a.tagName==="style"){const o=n.textContent||"";n.textContent=Cp(o)}}),n=>{const a=yp(n),o=t.sanitize(n,s);return{html:`<style>${pp()}</style>${o}`,hasAuthorBackground:a}}},Ep='"Geist Variable", "Geist", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',ri={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)"}},Ip=/prefers-color-scheme\s*:\s*dark|color-scheme\s*:\s*[^;}"']*\bdark\b/i,ai='<meta name="viewport" content="width=device-width, initial-scale=1">',Tp=e=>{const t=e?ri.dark:ri.light;return`
54
+ /* Plain-email base: UI font-stack + theme-aware colors (#424) */
55
+ html, body {
56
+ font-family: ${Ep};
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
+ `},Rp=(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}",Mp=(e,t,s)=>{if(t==="plain")return`${ai}<style>${Tp(s)}</style>${e}`;const n=Ip.test(e);return`${ai}<style>${Rp(s,n)}</style>${e}`},Ap=5e4,Op=1e4,Dp="(max-width: 640px)",Pp=.4,Lp="allow-same-origin allow-popups allow-popups-to-escape-sandbox",oi=(e,t,s)=>Math.min(Math.ceil(Math.max(e,t)),s),Fp=(e,t)=>e<=0||t<=0||e<=t?1:Math.max(Pp,t/e),$p=e=>{const[t,s]=c.useState(()=>typeof window>"u"||!window.matchMedia?!1:window.matchMedia(e).matches);return c.useEffect(()=>{if(typeof window>"u"||!window.matchMedia)return;const n=window.matchMedia(e);s(n.matches);const a=o=>s(o.matches);return n.addEventListener("change",a),()=>n.removeEventListener("change",a)},[e]),t},_p=new Set(["Enter","Escape","ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End"]),zp=e=>e===" "?!1:e.length===1?!0:_p.has(e),ii=e=>{if(e.metaKey||e.ctrlKey||e.altKey||!zp(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}))},li=({html:e,variant:t="framed",isDark:s=!1,className:n})=>{const a=c.useRef(null),o=c.useRef(null),[i,l]=c.useState(0),[u,f]=c.useState(0),[d,m]=c.useState(0),h=$p(Dp),g=c.useMemo(()=>Mp(e,t,s),[e,t,s]);c.useEffect(()=>{const w=a.current;if(!w)return;const v=()=>m(N=>N===w.clientWidth?N:w.clientWidth);v();const C=new ResizeObserver(v);return C.observe(w),()=>C.disconnect()},[]),c.useEffect(()=>{const w=o.current;if(!w)return;const v=()=>{const I=w.contentDocument;if(!I?.body)return;const D=I.documentElement,O=oi(I.body.scrollHeight,D?.scrollHeight??0,Ap);l(P=>P===O?P:O);const A=oi(I.body.scrollWidth,D?.scrollWidth??0,Op);f(P=>P===A?P:A)};let C,N;const E=()=>{v();const I=w.contentDocument;I?.body&&(C=new ResizeObserver(v),C.observe(I.body),I.documentElement&&C.observe(I.documentElement),I.addEventListener("keydown",ii),N=I)};return w.addEventListener("load",E),()=>{w.removeEventListener("load",E),N?.removeEventListener("keydown",ii),C?.disconnect()}},[]);const x=h?Fp(u,d):1,p=x<1,y=p?`${u}px`:h?"100%":t==="framed"&&u>0?`max(100%, ${u}px)`:u===0?"100%":`${u}px`,b=i===0?"1px":`${i}px`,S=r.jsx("iframe",{ref:o,title:"Email content",sandbox:Lp,srcDoc:g,className:p?void 0:n,scrolling:"no",style:{width:y,maxWidth:p?"none":void 0,border:"none",display:"block",height:b,overflow:"hidden",transform:p?`scale(${x})`:void 0,transformOrigin:p?"top left":void 0,colorScheme:"normal"}});return r.jsx("div",{ref:a,className:p?n:void 0,children:p?r.jsx("div",{style:{width:"100%",height:`${Math.ceil(i*x)}px`,overflow:"hidden"},children:S}):S})},ci=()=>r.jsx("p",{className:"text-fg-muted text-sm italic",children:"This message has no body content."}),yc=({html:e,text:t,isDark:s=!1,category:n,allowImages:a=!1,resolveCid:o,className:i,renderBlockedNotice:l})=>{const u=c.useMemo(()=>!e||typeof document>"u"?null:Np({allowExternalImages:a,resolveCid:o})(e),[e,a,o]),f=u?.html??null,{framed:d,isPlain:m}=hp(n,u?.hasAuthorBackground??!1),h=c.useMemo(()=>!f||a?0:(f.match(/data-blocked-src/g)||[]).length,[f,a]);return!f&&!t?r.jsx("div",{className:W("message-body",i),children:r.jsx(ci,{})}):r.jsxs("div",{className:W("message-body",i),children:[h>0&&r.jsx("div",{className:"message-body-notice",children:l?.(h)}),f?d?r.jsx("div",{className:"w-full max-w-full overflow-x-auto",children:r.jsx(li,{html:f,variant:"framed",isDark:s})}):r.jsx("div",{className:"max-w-full overflow-x-auto lg:max-w-2xl",children:r.jsx(li,{html:f,variant:m?"plain":"framed",isDark:s})}):t?r.jsx("pre",{className:"email-text whitespace-pre-wrap text-sm leading-relaxed",children:t}):r.jsx(ci,{})]})};function Os({message:e="Select a thread to read",icon:t,showHints:s=!0,className:n}){return r.jsxs("div",{className:W("flex flex-1 flex-col items-center justify-center text-center",n),children:[t??r.jsx(Ea,{className:"size-10 text-fg-subtle"}),r.jsx("p",{className:"mt-3 text-sm text-fg-muted",children:e}),s&&r.jsxs("p",{className:"text-2xs text-fg-subtle",children:[r.jsx(ys,{children:"j"})," / ",r.jsx(ys,{children:"k"})," to move, ",r.jsx(ys,{children:"Enter"})," to open"]})]})}function wc({message:e,onClick:t,isFocused:s,isUnread:n,trailing:a}){const o=r.jsxs(r.Fragment,{children:[r.jsx(Es,{className:"size-3.5 shrink-0 text-fg-subtle"}),r.jsxs("div",{className:"relative shrink-0",children:[r.jsx(ht,{name:e.fromName,email:e.fromEmail,size:"md"}),n&&r.jsx("span",{className:"absolute -top-0.5 -right-0.5 size-2 rounded-full border border-canvas bg-accent"})]}),r.jsx("span",{className:W("w-36 shrink-0 truncate text-sm",n?"font-semibold text-fg":"font-medium text-fg-muted"),children:e.fromName}),r.jsx("span",{className:"min-w-0 flex-1 truncate text-xs text-fg-subtle",children:e.snippet}),a??r.jsx("span",{className:"shrink-0 text-2xs text-fg-subtle tabular-nums",children:e.dateLabel})]}),i=W("group flex h-section-row w-full items-center gap-3 border-b border-line px-2 text-left transition-colors hover:bg-surface-sunken lg:px-4",s&&"bg-surface-sunken ring-1 ring-inset ring-accent/30");return t?r.jsx("div",{role:"button",tabIndex:0,"aria-expanded":!1,onClick:t,onKeyDown:l=>{kf(l)&&(l.preventDefault(),t())},className:W(i,"cursor-pointer"),children:o}):r.jsx("div",{className:i,children:o})}function Sc({message:e,warning:t,onHeaderClick:s,isFocused:n,senderBadge:a,trailing:o,to:i,indicators:l,actionMenu:u,actionBar:f,body:d}){const m=r.jsxs(r.Fragment,{children:[r.jsxs("div",{className:"flex items-baseline justify-between gap-2",children:[r.jsxs("span",{className:"text-sm font-semibold text-fg",children:[e.fromName,a]}),o??r.jsx("span",{className:"text-2xs text-fg-subtle",children:e.dateLabel})]}),r.jsx("div",{className:"text-xs text-fg-subtle",children:e.fromEmail}),i!==null&&r.jsx("div",{className:"text-xs text-fg-subtle",children:i??r.jsxs(r.Fragment,{children:["to ",e.toLabel]})})]});return r.jsxs("div",{className:W("px-2 py-3 lg:px-4",n&&"ring-1 ring-inset ring-accent/30"),children:[r.jsxs("div",{className:"flex items-start gap-3",children:[r.jsx(Ft,{className:"mt-1 size-3.5 shrink-0 text-fg-subtle"}),r.jsx(ht,{name:e.fromName,email:e.fromEmail,size:"md"}),r.jsxs("div",{className:"min-w-0 flex-1",children:[s?r.jsx("button",{type:"button",onClick:s,className:"w-full text-left",children:m}):m,l]}),u&&r.jsx("div",{className:"shrink-0",children:u})]}),t&&r.jsxs("div",{className:"mt-3 flex items-start gap-3 rounded-md bg-danger-soft p-3",children:[r.jsx(Ms,{className:"mt-0.5 size-4 shrink-0 text-danger"}),r.jsxs("div",{className:"text-sm text-fg",children:[r.jsx("span",{className:"font-semibold text-danger",children:"Caution: "}),t," ",r.jsx("button",{type:"button",className:"text-accent underline",children:"Why?"})]})]}),f&&r.jsx("div",{className:"mt-3 -mx-2 lg:-mx-4",children:f}),r.jsx("div",{className:"-mx-2 [&_.message-body-notice]:px-2 lg:mx-0 lg:[&_.message-body-notice]:px-0",children:d??r.jsx(yc,{className:"mt-3",html:e.bodyHtml,category:e.framed?"newsletter":"personal",allowImages:!0})})]})}function Bp({thread:e,onBack:t,intelligence:s,intelligenceOpen:n,onToggleIntelligence:a,actions:o,children:i,touchHandlers:l}){const[u,f]=c.useState(!1),d=a!==void 0,m=d?n??!1:u,h=!!s||d,g=()=>{if(d){a?.();return}f(p=>!p)},x=()=>{if(d){m&&a?.();return}f(!1)};return r.jsxs("article",{className:"flex h-full w-full min-w-0 flex-col bg-canvas",children:[r.jsxs("header",{className:"flex h-pane-header shrink-0 items-center gap-2 border-b border-line bg-surface px-row-inset",children:[r.jsx(J,{variant:"ghost",size:"sm",icon:r.jsx(Ja,{className:"size-4"}),onClick:t,"aria-label":"Back to messages",className:"-ml-1 shrink-0"}),r.jsx("h2",{className:"min-w-0 flex-1 truncate text-sm font-semibold text-fg",children:e.subject}),h&&r.jsx(J,{variant:"ghost",size:"sm",icon:r.jsx(Na,{className:"size-4"}),onClick:g,"aria-label":m?"Hide intelligence panel":"Show intelligence panel","aria-pressed":m,title:"Intelligence",className:W("shrink-0",m&&"bg-accent-2-soft text-accent-2")})]}),r.jsx("div",{className:"flex-1 overflow-y-auto",style:l?{touchAction:"pan-y"}:void 0,...l,children:i??e.messages.map(p=>{const y=b=>b?()=>b(p.id):void 0;return p.expanded?r.jsx(Sc,{message:p,warning:e.warning,onHeaderClick:y(o?.onToggleExpand),actionBar:r.jsx(vc,{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?.(p.id)})},p.id):r.jsx(wc,{message:p,onClick:y(o?.onToggleExpand)},p.id)})}),s&&!d&&r.jsx(Ia,{open:m,onClose:x,title:"Intelligence",anchor:"right",className:"p-0",children:r.jsx(uc,{data:s,onClose:x,className:"h-full w-full border-l-0"})})]})}const Kp="button:not([disabled]), a[href]",es="outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-surface-sunken";function Up({active:e,dimmed:t,indent:s}){return W("flex w-full items-center gap-2 rounded-md px-2 py-1 text-left text-sm transition-colors",es,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 qp({icon:e,label:t,count:s,active:n}){return r.jsxs(r.Fragment,{children:[e&&r.jsx("span",{className:W("shrink-0",n?"text-accent-2":"text-fg-subtle"),children:e}),r.jsx("span",{className:"flex-1 truncate",children:t}),s!=null&&s>0&&r.jsx("span",{className:W("text-2xs tabular-nums",n?"text-accent-2":"text-fg-subtle"),children:s})]})}function Ss({icon:e,label:t,count:s,active:n,dimmed:a,indent:o,navId:i,linkComponent:l,ariaLabel:u,title:f,onClick:d}){const m=Up({active:n,dimmed:a,indent:o}),h=r.jsx(qp,{icon:e,label:t,count:s,active:n});return i&&l?l({navId:i,className:m,ariaLabel:u??t,title:f,onClick:d,children:h}):r.jsx("button",{type:"button",onClick:d,className:m,"aria-label":u,title:f,children:h})}const ui={inbox:0,flagged:1,drafts:2,sent:3,archive:4,all:5,junk:6,trash:7};function Hp(e){switch(e){case"inbox":return r.jsx(Ea,{className:"size-4"});case"flagged":return r.jsx(zt,{className:"size-4"});case"drafts":return r.jsx(xl,{className:"size-4"});case"sent":return r.jsx(nn,{className:"size-4"});case"archive":return r.jsx(Ef,{className:"size-4"});case"all":return r.jsx(Nf,{className:"size-4"});case"junk":return r.jsx(Cf,{className:"size-4"});case"trash":return r.jsx(St,{className:"size-4"})}}const di=e=>e.role!=null,_r=8,fi="remit.nav.folders.open.",mi="remit.nav.account.open.";function hi(e,t,s){if(typeof localStorage>"u")return s;const n=localStorage.getItem(e+t);return n===null?s:n!=="0"}function pi(e,t,s){typeof localStorage>"u"||localStorage.setItem(e+t,s?"1":"0")}function Wp({query:e,onSelect:t,onRemove:s}){return r.jsxs("div",{className:"group flex w-full items-center gap-1 rounded-md pr-1 hover:bg-surface",children:[r.jsxs("button",{type:"button",onClick:t,className:W("flex min-w-0 flex-1 items-center gap-2 px-2 py-1 text-left text-sm text-fg-muted transition-colors hover:text-fg",es),children:[r.jsx(rr,{className:"size-4 shrink-0 text-fg-subtle"}),r.jsx("span",{className:"min-w-0 flex-1 truncate",children:e})]}),s&&r.jsx("button",{type:"button",onClick:s,"aria-label":`Remove saved search: ${e}`,className:W("shrink-0 rounded-full p-1 text-fg-subtle opacity-0 transition-opacity hover:bg-surface-sunken hover:text-fg group-hover:opacity-100 focus-visible:opacity-100",es),children:r.jsx(pt,{className:"size-3.5"})})]})}function Vp({savedSearches:e,saveableQuery:t,onSelectSavedSearch:s,onRemoveSavedSearch:n,onSaveCurrentSearch:a}){return e.length===0&&!t?null:r.jsxs("div",{className:"mt-3",children:[r.jsx("div",{className:"px-2 pb-1 text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:"Saved searches"}),t&&r.jsxs("button",{type:"button",onClick:a,className:W("flex w-full items-center gap-2 rounded-md px-2 py-1 text-left text-sm text-accent transition-colors hover:bg-surface",es),children:[r.jsx(Th,{className:"size-4 shrink-0"}),r.jsxs("span",{className:"min-w-0 flex-1 truncate",children:["Save “",t,"”"]})]}),e.map(o=>r.jsx(Wp,{query:o,onSelect:()=>s?.(o),onRemove:n?()=>n(o):void 0},o))]})}function Qp({account:e,selectedNavId:t,onSelectNav:s,linkComponent:n}){const[a,o]=c.useState(()=>hi(mi,e.id,!0)),[i,l]=c.useState(()=>hi(fi,e.id,!0)),[u,f]=c.useState(!1),d=()=>{o(S=>{const w=!S;return pi(mi,e.id,w),w})},m=()=>{l(S=>{const w=!S;return pi(fi,e.id,w),w})},h=e.mailboxes.filter(di).sort((S,w)=>ui[S.role]-ui[w.role]),g=e.mailboxes.filter(S=>!di(S)),x=u||g.length<=_r?g:g.slice(0,_r),p=g.length-x.length,y=e.status??"ready",b=y==="ready"&&h.length===0&&g.length===0;return r.jsxs("div",{className:"mt-3",children:[r.jsxs("button",{type:"button",onClick:d,"aria-expanded":a,className:W("flex w-full items-center gap-1.5 px-2 pb-1 text-left transition-colors hover:text-fg",es,e.muted&&"opacity-55"),children:[a?r.jsx(Ft,{className:"size-3 shrink-0 text-fg-subtle"}):r.jsx(Es,{className:"size-3 shrink-0 text-fg-subtle"}),r.jsx("span",{className:"truncate text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:e.label}),e.muted&&r.jsxs(r.Fragment,{children:[r.jsx(tc,{className:"size-3 shrink-0 text-fg-subtle"}),r.jsx("span",{className:"text-2xs text-fg-subtle",children:"muted"})]})]}),a&&r.jsxs(r.Fragment,{children:[y==="loading"&&r.jsx("div",{className:"px-2 py-1 text-sm text-fg-muted",children:"Loading…"}),y==="error"&&r.jsxs("div",{role:"alert",className:"mx-2 my-1 flex items-start gap-2 rounded-md border border-danger/40 bg-danger-soft px-2 py-1.5 text-sm",children:[r.jsx(rs,{className:"mt-0.5 size-4 shrink-0 text-danger","aria-hidden":"true"}),r.jsx("div",{className:"min-w-0 flex-1",children:r.jsx("p",{className:"font-medium text-danger",children:"Couldn't load mailboxes"})}),e.onRetry&&r.jsx("button",{type:"button",onClick:e.onRetry,className:"shrink-0 text-sm font-medium text-accent hover:underline",children:"Retry"})]}),b&&r.jsx("div",{className:"px-2 py-1 text-sm text-fg-muted",children:"No mailboxes"}),y==="ready"&&r.jsxs(r.Fragment,{children:[h.map(S=>r.jsx(Ss,{navId:S.id,linkComponent:n,icon:Hp(S.role),label:S.name,ariaLabel:S.name,title:S.fullPath??S.name,count:S.unseen,active:t===S.id,dimmed:e.muted,onClick:()=>s?.(S.id)},S.id)),e.outboxPending!==void 0&&r.jsx(Ss,{navId:"outbox",linkComponent:n,icon:r.jsx(nn,{className:"size-4"}),label:"Outbox",ariaLabel:"Outbox",count:e.outboxPending>0?e.outboxPending:void 0,active:t==="outbox",dimmed:e.muted,onClick:()=>s?.("outbox")}),g.length>0&&r.jsxs(r.Fragment,{children:[r.jsxs("button",{type:"button",onClick:m,"aria-expanded":i,className:W("mt-1 flex w-full items-center gap-1 px-2 py-1 text-left text-2xs font-semibold uppercase tracking-wider text-fg-subtle transition-colors hover:text-fg",es),children:[i?r.jsx(Ft,{className:"size-3 shrink-0"}):r.jsx(Es,{className:"size-3 shrink-0"}),r.jsx("span",{className:"flex-1",children:"Folders"}),r.jsx("span",{className:"tabular-nums opacity-70",children:g.length})]}),i&&r.jsxs(r.Fragment,{children:[x.map(S=>r.jsx(Ss,{navId:S.id,linkComponent:n,icon:r.jsx(Bm,{className:"size-4"}),label:S.name,ariaLabel:S.name,title:S.fullPath??S.name,count:S.unseen,active:t===S.id,dimmed:e.muted,onClick:()=>s?.(S.id)},S.id)),(p>0||u)&&g.length>_r&&r.jsx("button",{type:"button",onClick:()=>f(S=>!S),className:W("ml-7 flex items-center px-2 py-1 text-2xs font-medium text-accent transition-colors hover:underline",es),children:u?"Show less":`Show all (${g.length})`})]})]})]})]})]})}function Gp({accounts:e,selectedNavId:t,briefUnseen:s,onSelectNav:n,variant:a="desktop",linkComponent:o,savedSearches:i=[],saveableQuery:l,onSelectSavedSearch:u,onRemoveSavedSearch:f,onSaveCurrentSearch:d}){const m=c.useRef(null);Xn({containerRef:m,itemSelector:Kp});const h=a==="drawer",g=r.jsxs("nav",{ref:h?m:void 0,className:h?"px-2 py-2":"flex-1 overflow-y-auto px-2 py-2","aria-label":"Mailboxes",children:[r.jsx(Ss,{navId:"brief",linkComponent:o,icon:r.jsx(mt,{className:"size-4"}),label:"Daily brief",ariaLabel:"Daily brief",count:s,active:t==="brief",onClick:()=>n?.("brief")}),r.jsx(Ss,{navId:"flagged",linkComponent:o,icon:r.jsx(zt,{className:"size-4"}),label:"Starred",ariaLabel:"Starred",active:t==="flagged",onClick:()=>n?.("flagged")}),r.jsx(Vp,{savedSearches:i,saveableQuery:l,onSelectSavedSearch:u,onRemoveSavedSearch:f,onSaveCurrentSearch:d}),e.length===0?r.jsx("div",{className:"px-2 py-4 text-center text-sm text-fg-muted",children:"No accounts configured"}):e.map(x=>r.jsx(Qp,{account:x,selectedNavId:t,onSelectNav:n,linkComponent:o},x.id))]});return h?g:r.jsxs("aside",{ref:m,className:"flex h-full w-full flex-col bg-surface-sunken",children:[g,r.jsx("div",{className:"border-t border-line px-2 py-2",children:r.jsx(Ss,{navId:"settings",linkComponent:o,icon:r.jsx(Za,{className:"size-4"}),label:"Settings",ariaLabel:"Settings",active:t==="settings",onClick:()=>n?.("settings")})})]})}function Yp({search:e,actions:t,className:s}){return r.jsxs("header",{className:W("flex min-h-16 w-full shrink-0 items-center gap-3 border-b border-line bg-canvas px-3 py-2",s),children:[r.jsx("div",{className:"flex min-w-0 flex-1 justify-start",children:r.jsx("div",{className:"w-full max-w-2xl",children:e})}),t&&r.jsx("div",{className:"flex shrink-0 items-center gap-1",children:t})]})}function Xp({label:e,onUndo:t,undoLabel:s="Undo",filtersHref:n,manageLabel:a="Manage filter",className:o}){return r.jsxs(dt,{tone:"accent",className:W("py-1 text-xs",o),children:[r.jsx(Fh,{className:"size-3.5 shrink-0","aria-hidden":!0}),r.jsx("span",{children:e}),t&&r.jsx("button",{type:"button",onClick:i=>{i.stopPropagation(),t()},className:"font-semibold underline decoration-dotted underline-offset-2 hover:decoration-solid",children:s}),n&&r.jsx("a",{href:n,onClick:i=>{i.stopPropagation()},className:"font-semibold underline decoration-dotted underline-offset-2 hover:decoration-solid",children:a})]})}function Jp({sync:e}){return e?r.jsxs("div",{className:"flex h-full flex-col items-center justify-center gap-2 py-12 text-center px-4",role:"status","aria-live":"polite",children:[r.jsx(it,{className:"size-8 animate-spin text-fg-subtle","aria-hidden":"true"}),r.jsx("p",{className:"text-sm font-medium text-fg",children:"Still syncing your mail"}),r.jsx("p",{className:"text-xs text-fg-subtle",children:Zp(e)})]}):r.jsxs("div",{className:"flex h-full flex-col items-center justify-center gap-2 py-12 text-center px-4",children:[r.jsx(mt,{className:"size-8 text-fg-subtle","aria-hidden":"true"}),r.jsx("p",{className:"text-sm font-medium text-fg",children:"You're caught up"}),r.jsx("p",{className:"text-xs text-fg-subtle",children:"Nothing needs attention."})]})}function Zp({synced:e,total:t}){return t>0?`${e.toLocaleString()} of ${t.toLocaleString()} messages downloaded. This list fills in as they arrive.`:"Downloading your messages. This list fills in as they arrive."}const eg=({status:e})=>e==="saving"?r.jsx("span",{className:"animate-pulse text-xs text-fg-muted",children:"Saving..."}):e==="saved"?r.jsx("span",{className:"text-xs text-fg-muted",children:"Draft saved"}):e==="error"?r.jsx("span",{className:"text-xs text-danger",children:"Save failed"}):null;function tg({onSend:e,onDiscard:t,sending:s,canSend:n,saveStatus:a="idle",unavailableReason:o,onUnavailable:i}){return r.jsxs("div",{className:"flex items-center justify-between border-t border-line px-3 py-2",children:[r.jsxs("div",{className:"flex items-center gap-3",children:[r.jsx(J,{variant:"primary",size:"md","aria-busy":s,title:n?void 0:o,className:"min-h-11 rounded-full px-4",icon:s?r.jsx(it,{className:"size-4 animate-spin"}):r.jsx(nn,{className:"size-4"}),onClick:()=>{if(!s){if(!n){o&&i?.(o);return}e()}},children:"Send"}),r.jsx(eg,{status:a})]}),r.jsx(J,{variant:"ghost",size:"md","aria-busy":s,"aria-label":"Discard",className:"min-h-11 min-w-11 px-2 hover:text-danger",icon:r.jsx(St,{className:"size-4"}),onClick:()=>{s||t()}})]})}function sg({banner:e,header:t,children:s,quoted:n,actionBar:a}){return r.jsxs("div",{className:"flex h-full min-h-0 flex-col",children:[e,t,r.jsxs("div",{className:"min-h-0 flex-1 overflow-auto",children:[s,n&&r.jsx("div",{className:"px-3 pb-2",children:n})]}),a]})}function ng({key:e,shiftKey:t=!1,repeat:s=!1,caretAtStart:n,hasValue:a,chipCount:o}){const i=o-1;return e==="Escape"?a?{type:"clearQuery"}:{type:"blur"}:e==="Tab"&&t?o===0?{type:"none"}:{type:"focusChip",index:i}:e==="Backspace"||e==="ArrowLeft"?!n||o===0?{type:"none"}:s?{type:"none"}:{type:"focusChip",index:i}:{type:"none"}}function rg({key:e,repeat:t=!1,index:s,chipCount:n}){return e==="Backspace"||e==="Delete"?t?{type:"none"}:{type:"removeChip",index:s}:e==="ArrowLeft"?s===0?{type:"none"}:{type:"focusChip",index:s-1}:e==="ArrowRight"?s>=n-1?{type:"focusInput"}:{type:"focusChip",index:s+1}:e==="Enter"||e===" "?{type:"activateChip",index:s}:e==="Escape"?{type:"focusInput"}:{type:"none"}}function ag(e,t){const s=t-1;return s<=0?null:e<s?e:s-1}const og=e=>e instanceof HTMLElement?e.tagName==="INPUT"||e.tagName==="TEXTAREA"||e.isContentEditable:!1,ig=({chips:e=[],onRemoveChip:t,onActivateChip:s,value:n,onChange:a,onClear:o,onClearQuery:i,placeholder:l="Search mail...",globalFocusKey:u=!0,showClearButton:f=!0,size:d="sm",inputId:m,chipsLabel:h="Search filters",suggest:g,className:x})=>{const p=c.useId(),y=m??p,b=c.useRef(null),S=c.useRef([]),w=i??o,[v,C]=c.useState(null),N=c.useRef(void 0),[E,I]=c.useState(""),D=e.length>0;c.useEffect(()=>{C(k=>k!==null&&k>=e.length?null:k)},[e.length]),c.useEffect(()=>{const k=N.current;if(k!==void 0){if(N.current=void 0,k===null){b.current?.focus();return}S.current[k]?.focus()}});const O=c.useRef(void 0);c.useEffect(()=>{const k=g?.caret;if(!k||k===O.current)return;O.current=k;const M=b.current;!M||M.ownerDocument.activeElement!==M||(M.setSelectionRange(k.cursor,k.cursor),g?.onCaretChange(k.cursor))});const A=k=>{g?.onCaretChange(k.selectionStart??k.value.length)},P=c.useCallback(k=>{C(k),N.current=k},[]),R=c.useCallback(k=>{const M=e[k];M&&t&&(P(ag(k,e.length)),I(`${M.label} removed`),t(M.id))},[e,t,P]),j=c.useCallback(()=>{P(null),o()},[o,P]),F=c.useCallback(k=>{const M=k.currentTarget;if(g?.onKeyDown(k))return;const T=ng({key:k.key,shiftKey:k.shiftKey,repeat:k.repeat,caretAtStart:M.selectionStart===0&&M.selectionEnd===0,hasValue:n.length>0,chipCount:e.length});switch(T.type){case"focusChip":k.preventDefault(),P(T.index);return;case"clearQuery":w();return;case"blur":M.blur();return;case"none":return}},[e.length,n,w,P,g]),L=c.useCallback(k=>M=>{const T=rg({key:M.key,repeat:M.repeat,index:k,chipCount:e.length});switch(T.type!=="none"&&M.preventDefault(),T.type){case"removeChip":R(T.index);return;case"focusChip":P(T.index);return;case"focusInput":P(null);return;case"activateChip":{const q=e[T.index];q&&s&&s(q.id);return}case"none":return}},[e,R,P,s]);return c.useEffect(()=>{if(!u)return;const k=M=>{M.key!=="/"||M.metaKey||M.ctrlKey||M.altKey||og(M.target)||(M.preventDefault(),b.current?.focus())};return window.addEventListener("keydown",k),()=>window.removeEventListener("keydown",k)},[u]),r.jsxs("label",{htmlFor:y,className:W("flex w-full items-center gap-1.5 text-sm","bg-surface-sunken/50 border border-transparent","focus-within:bg-canvas focus-within:border-line focus-within:ring-2 focus-within:ring-ring","transition-colors",d==="lg"?"rounded-xl px-4 py-2":"rounded-md px-2.5 py-1",x),children:[r.jsx(rr,{className:W("shrink-0 text-fg-muted pointer-events-none",d==="lg"?"size-5":"size-4")}),r.jsxs("div",{className:"flex min-w-0 flex-1 flex-wrap items-center gap-1",children:[D&&r.jsx("div",{role:"grid","aria-label":h,className:"flex min-w-0 flex-wrap items-center gap-1",children:e.map((k,M)=>r.jsx(If,{ref:T=>{S.current[M]=T},label:k.label,tone:k.tone,focused:v===M,onFocusLabel:()=>C(M),onKeyDown:L(M),onRemove:()=>R(M),onActivate:s?()=>s(k.id):void 0},k.id))}),r.jsx("input",{ref:b,id:y,name:"q",type:"text","aria-label":"Search mail",autoComplete:"off",value:n,tabIndex:v===null?0:-1,onChange:k=>{a(k.target.value),A(k.target)},onKeyDown:F,onKeyUp:k=>A(k.currentTarget),onClick:k=>A(k.currentTarget),onFocus:k=>{C(null),g?.onFocusChange?.(!0),A(k.currentTarget)},onBlur:()=>g?.onFocusChange?.(!1),...g?.comboboxProps,placeholder:D?void 0:l,className:"min-w-24 flex-1 bg-transparent text-fg outline-none placeholder:text-fg-muted"})]}),(n||D)&&f&&r.jsx("button",{type:"button",onClick:j,className:"shrink-0 rounded p-0.5 hover:bg-surface-raised transition-colors","aria-label":"Clear search",children:r.jsx(pt,{className:W("text-fg-muted",d==="lg"?"size-5":"size-4")})}),r.jsx("span",{role:"status","aria-live":"polite",className:"sr-only",children:E})]})},no=({value:e,onChange:t,onClear:s,onClearQuery:n,chips:a,onRemoveChip:o,placeholder:i="Search mail...",globalFocusKey:l=!0,showClearButton:u=!0,size:f,inputId:d,suggest:m,className:h})=>r.jsx(ig,{value:e,onChange:t,onClear:s,onClearQuery:n,chips:a,onRemoveChip:o,placeholder:i,globalFocusKey:l,showClearButton:u,size:f,inputId:d,suggest:m,className:h}),lg=(e,t)=>e==="vip"?"vip":e==="unknown"&&t==="md"?"unknown-pill":"hidden",jc=({senderTrust:e,size:t="sm",className:s})=>{const n=lg(e,t);return n==="vip"?r.jsx(mt,{className:W("text-warning shrink-0",t==="sm"&&"size-3.5",t==="md"&&"size-4",s),"aria-label":"VIP sender","data-testid":"sender-trust-vip"}):n==="unknown-pill"?r.jsx("span",{className:W("inline-flex items-center rounded border border-dashed border-fg-subtle/40 font-medium uppercase tracking-wide text-fg-muted/80 shrink-0","px-2 py-0.5 text-xs",s),title:"First message from this sender","aria-label":"First message from this sender","data-testid":"sender-trust-unknown",children:"new"}):null};function cg(e){return{id:e.id,fromName:e.sender,fromEmail:e.senderEmail??e.sender,subject:e.subject,snippet:e.snippet,timeLabel:e.date,isRead:!e.unread,starred:e.flagged,...e.mailboxId?{mailboxId:e.mailboxId}:{}}}function ug({result:e,onClick:t,query:s,showFolder:n=!0}){const a=n&&e.folder?Tf(e.folder):void 0;return r.jsx("button",{type:"button",onClick:t,className:W("group",As({}),"border-b border-line"),children:r.jsx(eo,{thread:cg(e),highlightQuery:s,badge:r.jsxs(r.Fragment,{children:[a&&r.jsx(dt,{tone:"neutral",className:"shrink-0",children:a}),e.category&&r.jsx(dt,{tone:e.category.tone??"neutral",className:"shrink-0",children:e.category.label}),e.matchedChunkLabel&&r.jsx(dt,{tone:"neutral",className:"shrink-0",children:`matched: ${e.matchedChunkLabel}`}),e.score!=null&&r.jsx("span",{className:"shrink-0 text-2xs text-fg-subtle tabular-nums",children:e.score.toFixed(2)})]})})})}const dg=e=>e===1?"result":"results";function fg({count:e,onScopeToSpam:t}){return r.jsx(sn,{tone:"info",variant:"soft",className:"items-center justify-between gap-3 rounded-none border-b border-line",children:r.jsxs("div",{className:"flex items-center justify-between gap-3",children:[r.jsxs("p",{className:"min-w-0 text-xs text-fg-muted",children:[r.jsx("span",{className:"font-semibold text-fg tabular-nums",children:e})," ",`${dg(e)} from Spam`]}),r.jsx(J,{variant:"ghost",size:"sm",onClick:t,className:"shrink-0 text-accent",children:"Go to Spam"})]})})}const gi=6,mg={kind:"global"},hg=e=>e.kind==="folder"&&e.role==="junk",pg=e=>e.folder?.role==="junk";function kc(e){const t=[],s=[];for(const n of e)pg(n)?s.push(n):t.push(n);return{kept:t,spam:s}}function Cc({onClick:e,disabledReason:t}){const s=t!==void 0;return r.jsx("div",{className:"border-b border-line px-row-inset py-1.5",children:r.jsxs("button",{type:"button",onClick:e,disabled:s,title:t,className:W("flex w-full items-center gap-1.5 rounded-md px-2 py-1.5 text-left text-xs font-medium transition-colors",s?"cursor-not-allowed text-fg-subtle":"text-accent hover:bg-surface-sunken"),children:[r.jsx(Rf,{className:"size-3.5 shrink-0","aria-hidden":"true"}),r.jsx("span",{children:"Make this a filter"}),s&&r.jsx("span",{className:"ml-auto truncate text-2xs font-normal text-fg-subtle",children:t})]})})}function gg({section:e,query:t,onSelectResult:s,showFolder:n}){const[a,o]=c.useState(e.initialCollapsed??!1),[i,l]=c.useState(!1),u=e.results.length>gi,d=!i&&u?e.results.slice(0,gi):e.results,m=e.results.length-d.length;return r.jsxs("div",{children:[r.jsxs("button",{type:"button","aria-expanded":!a,onClick:()=>o(h=>!h),className:"sticky top-0 z-10 flex h-section-row w-full items-center gap-1.5 border-b border-line bg-surface-sunken px-row-inset text-left transition-colors hover:bg-surface",children:[r.jsx("span",{className:"flex-1 text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:e.label}),r.jsx("span",{className:"text-2xs text-fg-subtle tabular-nums",children:e.results.length}),r.jsx(Ft,{className:W("size-3 shrink-0 text-fg-subtle transition-transform duration-200",a?"rotate-0":"rotate-180")})]}),!a&&r.jsxs(r.Fragment,{children:[d.map(h=>r.jsx(ug,{result:h,query:t,showFolder:n,onClick:s?()=>s(h):void 0},h.id)),u&&r.jsxs("button",{type:"button",onClick:()=>l(h=>!h),className:"flex w-full items-center justify-center border-b border-line px-row-inset py-1.5 text-2xs font-medium text-accent transition-colors hover:bg-surface",children:[i?"Show less":`Show ${m} more`,!i&&r.jsx(Ft,{className:"ml-1 size-3"})]})]})]})}function Nc({value:e,recentSearches:t,onPickRecent:s,sections:n,loading:a,onSelectResult:o,tokens:i,scope:l=mg,makeFilter:u}){if(!(e.trim().length>0))return t&&t.length>0?r.jsxs("div",{className:"flex flex-col",children:[r.jsx("h3",{className:"px-row-inset pb-1 pt-3 text-2xs font-semibold uppercase tracking-wide text-fg-subtle",children:"Recent searches"}),t.map(v=>r.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:[r.jsx(qa,{className:"size-4 shrink-0 text-fg-subtle"}),r.jsx("span",{className:"min-w-0 flex-1 truncate text-sm text-fg-muted",children:v})]},v))]}):r.jsx("p",{className:"px-row-inset py-6 text-center text-sm text-fg-subtle",children:"Search across your mail by sender, subject or words in the message."});const d=i&&i.length>0&&r.jsx(Mf,{tokens:i}),m=u&&r.jsx(Cc,{onClick:u.onClick,disabledReason:u.disabledReason});if(a)return r.jsxs("div",{className:"flex flex-col",children:[m,d,r.jsx("div",{className:"flex flex-col gap-3 px-row-inset py-4",children:[0,1,2,3].map(v=>r.jsxs("div",{className:"flex flex-col gap-1.5",children:[r.jsx("div",{className:"h-3 w-1/3 animate-pulse rounded bg-surface-sunken"}),r.jsx("div",{className:"h-3 w-2/3 animate-pulse rounded bg-surface-sunken"}),r.jsx("div",{className:"h-2.5 w-1/2 animate-pulse rounded bg-surface-sunken"})]},v))})]});const h=l.kind==="global",g=hg(l)||l.kind==="collection",x=h||l.kind==="collection",p=(n??[]).map(v=>{if(g)return{section:v,spam:[]};const{kept:C,spam:N}=kc(v.results);return{section:{...v,results:C},spam:N}}),y=p.map(v=>v.section),b=p.reduce((v,C)=>v+C.spam.length,0),S=l.kind==="global"&&b>0&&l.onScopeToSpam!==void 0?r.jsx(fg,{count:b,onScopeToSpam:l.onScopeToSpam}):void 0;return y.some(v=>v.results.length>0)?r.jsxs("div",{className:"flex flex-col",children:[m,d,S,y.filter(v=>v.results.length>0).map(v=>r.jsx(gg,{section:v,query:e,showFolder:x,onSelectResult:o},v.id))]}):r.jsxs("div",{className:"flex flex-col",children:[m,d,S,r.jsxs("div",{className:"px-row-inset py-10 text-center",children:[r.jsxs("p",{className:"text-sm font-medium text-fg",children:["No matches for “",e,"”"]}),r.jsx("p",{className:"mt-1 text-xs text-fg-subtle",children:"Try a different word, or adjust the filters above."})]})]})}function xg({value:e,onChange:t,onClear:s,onCancel:n,filter:a,recentSearches:o,onPickRecent:i,sections:l,loading:u,onSelectResult:f,tokens:d,chips:m,onRemoveChip:h,scope:g,makeFilter:x,suggest:p,suggestList:y}){const b=r.jsx(Nc,{value:e,recentSearches:o,onPickRecent:i,sections:l,loading:u,onSelectResult:f,tokens:d,scope:g,makeFilter:x});return r.jsxs("article",{className:"flex h-full w-full min-w-0 flex-col bg-canvas",children:[r.jsxs("header",{className:"flex h-pane-header shrink-0 items-center gap-2 border-b border-line bg-surface px-row-inset",children:[r.jsx("div",{className:"min-w-0 flex-1",children:r.jsx(no,{value:e,onChange:t,onClear:s,chips:m,onRemoveChip:h,globalFocusKey:!1,showClearButton:!1,suggest:p})}),r.jsx(J,{variant:"ghost",size:"sm",icon:r.jsx(pt,{className:"size-4"}),onClick:n,"aria-label":"Clear and close search",className:"-mr-1 shrink-0"})]}),y,a&&e.trim().length===0?r.jsx(bl,{...a,children:b}):r.jsx("div",{className:"flex-1 overflow-y-auto",children:b})]})}const bg={queued:{icon:qa,label:"Queued",className:"text-warning"},sending:{icon:it,label:"Sending…",className:"text-accent-2",spin:!0},sent:{icon:sc,label:"Sent",className:"text-positive"},failed:{icon:rs,label:"Failed",className:"text-danger"},blocked:{icon:Ta,label:"Blocked",className:"text-warning"}};function xi({status:e,iconOnly:t,className:s}){const n=bg[e],a=n.icon;return r.jsxs("span",{className:W("inline-flex items-center gap-1.5 text-xs font-medium",n.className,s),children:[r.jsx(a,{className:W("size-4",n.spin&&"animate-spin")}),!t&&n.label]})}const vg=(e,t)=>t?"bg-accent-2-soft":e==="failed"?"bg-danger-soft":e==="blocked"?"bg-warning/10":"";function yg({recipients:e,subject:t,time:s,status:n,error:a,selected:o,onSelect:i,onRetry:l,retrying:u,onEdit:f,onDelete:d,deleting:m}){const h=n==="failed"||n==="blocked";return r.jsxs("div",{className:W("flex items-start gap-3 border-b border-line px-4 py-3 transition-colors hover:bg-surface-raised",vg(n,o)),children:[r.jsxs("button",{type:"button",...ka,onClick:i,className:"flex flex-1 min-w-0 items-start gap-3 text-left",children:[r.jsx("div",{className:"mt-0.5 shrink-0",children:r.jsx(xi,{status:n,iconOnly:!0})}),r.jsxs("div",{className:"min-w-0 flex-1",children:[r.jsxs("div",{className:"flex items-center justify-between gap-2",children:[r.jsx("span",{className:"truncate text-sm font-medium",children:e}),r.jsx("span",{className:"shrink-0 text-xs text-fg-muted",children:s})]}),r.jsx("div",{className:"truncate text-sm",children:t||"No subject"}),r.jsxs("div",{className:"mt-1 flex items-center gap-2",children:[r.jsx(xi,{status:n}),a&&r.jsxs("span",{className:"truncate text-xs text-fg-muted",children:["— ",a]})]})]})]}),h&&r.jsx("div",{className:"shrink-0",children:r.jsx(Rm,{actions:[...n==="failed"&&l?[{label:"Retry sending",iconOnly:!0,icon:r.jsx(Im,{className:"size-3.5"}),busy:u,onClick:l}]:[],{label:"Edit as draft",iconOnly:!0,icon:r.jsx(nn,{className:"size-3.5"}),onClick:f}],destructive:{label:"Delete message",iconOnly:!0,icon:r.jsx(St,{className:"size-3.5"}),busy:m,confirm:{prompt:"Delete this message?",confirmLabel:"Delete"},onClick:d}})})]})}const wg=e=>{const[t,s]=c.useState(()=>typeof window>"u"||!window.matchMedia?!1:window.matchMedia(e).matches);return c.useEffect(()=>{if(typeof window>"u"||!window.matchMedia)return;const n=window.matchMedia(e);s(n.matches);const a=o=>s(o.matches);return n.addEventListener("change",a),()=>n.removeEventListener("change",a)},[e]),t},Sg=({children:e,onRefresh:t,isRefreshing:s})=>wg("(min-width: 1024px)")?e:r.jsx(Af,{onRefresh:t,isPullable:!s,children:e}),jg=({text:e,html:t,senderName:s,date:n})=>{const[a,o]=c.useState(!1);if(!e&&!t)return null;const i=[s,n].filter(Boolean).join(" on ");return r.jsxs("div",{className:"mt-2 px-3 pb-2",children:[r.jsxs("button",{type:"button",onClick:()=>o(!a),"aria-expanded":a,className:"flex items-center gap-1 text-xs text-fg-muted hover:text-fg transition-colors",children:[a?r.jsx(Ft,{className:"size-3"}):r.jsx(Es,{className:"size-3"}),i?`${i} wrote:`:"Show quoted text"]}),a&&r.jsx("blockquote",{className:"mt-2 pl-3 border-l-2 border-fg-subtle/30 text-sm text-fg-muted [&_a]:text-accent [&_a]:underline [&_blockquote]:pl-3 [&_blockquote]:border-l-2 [&_blockquote]:border-fg-subtle/30",children:t?r.jsx("div",{dangerouslySetInnerHTML:{__html:t}}):e.split(`
75
+ `).map((l,u)=>r.jsx("p",{className:"min-h-[1.2em]",children:l},u))})]})},kg=e=>e===1?"message":"messages";function Cg({count:e,onReview:t,onDismiss:s,actionLabel:n="Review & rescue"}){return r.jsx(sn,{tone:"info",variant:"soft",onDismiss:s,children:r.jsxs("div",{className:"flex flex-col gap-2",children:[r.jsxs("p",{className:"flex items-start gap-2 text-sm text-fg",children:[r.jsx(on,{className:"mt-0.5 size-4 shrink-0 text-positive","aria-hidden":!0}),r.jsxs("span",{children:[r.jsx("span",{className:"font-semibold text-fg",children:`${e} ${kg(e)} here`})," ","may not be spam — they're from senders we can verify."]})]}),r.jsx(J,{variant:"primary",size:"sm",onClick:t,className:"self-start",children:n})]})})}function Ng({candidate:e,selected:t,onToggle:s,hideSender:n=!1}){const{senderName:a,senderAddress:o,subject:i,snippet:l,trustReason:u,trustSubReason:f,senderTrust:d}=e;return r.jsxs("label",{className:W("flex w-full cursor-pointer items-start gap-3 px-3 py-2.5 text-left transition-colors",n&&"pl-11",t?"bg-positive/10":"bg-surface hover:bg-surface-sunken"),children:[r.jsx(to,{className:"mt-0.5",checked:t,onChange:s,"aria-label":`${t?"Deselect":"Select"} ${n?i:`message from ${a}`}`}),!n&&r.jsx(ht,{name:a,email:o,size:"sm"}),r.jsxs("span",{className:"min-w-0 flex-1",children:[!n&&r.jsxs("span",{className:"flex items-center gap-1.5",children:[r.jsx("span",{className:"truncate text-sm font-medium text-fg",children:a}),d&&r.jsx(jc,{senderTrust:d,size:"sm"}),r.jsx("span",{className:"truncate text-2xs text-fg-subtle",children:o})]}),r.jsx("span",{className:"block truncate text-sm text-fg-muted",children:i}),r.jsx("span",{className:"block line-clamp-1 text-xs text-fg-subtle",children:l}),!n&&r.jsxs("span",{className:"mt-1.5 flex flex-wrap items-center gap-1.5",children:[r.jsxs(dt,{tone:"positive",children:[r.jsx(on,{className:"size-3","aria-hidden":!0}),u]}),r.jsx("span",{className:"text-2xs text-fg-subtle",children:f})]})]})]})}const Eg=e=>{const t=new Map,s=[];for(const n of e){const a=(n.senderAddress||n.senderName).toLowerCase(),o=t.get(a);if(o){o.messages.push(n);continue}t.set(a,{key:a,senderName:n.senderName,senderAddress:n.senderAddress,trustReason:n.trustReason,trustSubReason:n.trustSubReason,senderTrust:n.senderTrust,messages:[n]}),s.push(a)}return s.map(n=>t.get(n)).sort((n,a)=>a.messages.length-n.messages.length)},Ig=(e,t)=>{const s=e.messages.filter(n=>t.has(n.id)).length;return s===0?"none":s===e.messages.length?"all":"some"},bi=e=>e===1?"message":"messages";function Tg({group:e,selected:t,onToggleGroup:s,onToggleMessage:n}){const[a,o]=c.useState(!1),i=Ig(e,t),l=e.messages.length,u=a?Ft:Es;return r.jsxs("div",{className:W(i!=="none"?"bg-positive/10":"bg-surface"),children:[r.jsxs("div",{className:"flex w-full items-start gap-3 px-3 py-2.5",children:[r.jsx(to,{className:"mt-0.5",checked:i==="all",indeterminate:i==="some",onChange:()=>s(e,i!=="all"),"aria-label":`${i==="all"?"Deselect":"Select"} all ${l} ${bi(l)} from ${e.senderName}`}),r.jsx(ht,{name:e.senderName,email:e.senderAddress,size:"sm"}),r.jsxs("div",{className:"min-w-0 flex-1",children:[r.jsxs("div",{className:"flex items-center gap-1.5",children:[r.jsx("span",{className:"truncate text-sm font-medium text-fg",children:e.senderName}),e.senderTrust&&r.jsx(jc,{senderTrust:e.senderTrust,size:"sm"}),r.jsx("span",{className:"truncate text-2xs text-fg-subtle",children:e.senderAddress})]}),r.jsxs("div",{className:"mt-1.5 flex flex-wrap items-center gap-1.5",children:[r.jsxs(dt,{tone:"positive",children:[r.jsx(on,{className:"size-3","aria-hidden":!0}),e.trustReason]}),r.jsx("span",{className:"text-2xs text-fg-subtle",children:e.trustSubReason})]})]}),r.jsxs("button",{type:"button",onClick:()=>o(f=>!f),"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} ${bi(l)}`,r.jsx(u,{className:"size-3.5","aria-hidden":!0})]})]}),a&&r.jsx("div",{className:"divide-y divide-line border-t border-line",children:e.messages.map(f=>r.jsx(Ng,{candidate:f,selected:t.has(f.id),onToggle:()=>n(f.id),hideSender:!0},f.id))})]})}const ro=e=>e===1?"message":"messages",Rg=(e,t)=>`Moves ${e===1?"this message":`these ${e} ${ro(e)}`} out of Spam to ${t} now. Nothing later.`,ua=(e,t)=>e.find(s=>s.id===t)?.label??"Inbox";function Mg(){return r.jsx(sn,{tone:"info",variant:"soft",children:r.jsx("p",{className:"text-2xs text-fg-muted",children:"We list a message here only when we can confirm the sender is who they say — usually someone you've emailed before, write to often, or a service that consistently checks out. We never guess from words in the subject. Anything we can't confirm stays in Spam."})})}function Ag({candidates:e,selected:t,onToggle:s,onToggleGroup:n,onSelectAll:a,onSelectNone:o,onContinue:i,onCancel:l}){const[u,f]=c.useState(!1),d=t.size,m=c.useMemo(()=>Eg(e),[e]);return r.jsxs("div",{className:"flex min-h-0 flex-col",children:[r.jsxs("div",{className:"px-row-inset pb-2 pt-1",children:[r.jsxs("div",{className:"flex items-start justify-between gap-2",children:[r.jsxs("h2",{className:"flex items-center gap-2 text-sm font-semibold text-fg",children:[r.jsx(on,{className:"size-4 text-positive","aria-hidden":!0}),"Rescue from Spam"]}),r.jsx(J,{variant:"ghost",size:"sm",icon:r.jsx(Em,{className:"size-3.5"}),onClick:()=>f(h=>!h),className:"-mr-1.5 -mt-0.5",children:"Why these?"})]}),r.jsx("p",{className:"mt-1 text-2xs text-fg-subtle",children:"These look safe — from senders we can verify. Uncheck any sender that belongs in Spam, or open a sender to pick individual messages."}),u&&r.jsx("div",{className:"mt-2",children:r.jsx(Mg,{})})]}),r.jsxs("div",{className:"flex items-center justify-between px-row-inset pb-1.5",children:[r.jsx("span",{className:"text-2xs font-medium text-fg-muted",children:`${d} of ${e.length} selected · ${m.length} ${m.length===1?"sender":"senders"}`}),r.jsxs("span",{className:"flex gap-1",children:[r.jsx(J,{variant:"ghost",size:"sm",onClick:a,children:"Select all"}),r.jsx(J,{variant:"ghost",size:"sm",onClick:o,children:"Select none"})]})]}),r.jsx("div",{className:"min-h-0 flex-1 divide-y divide-line overflow-y-auto border-y border-line",children:m.map(h=>r.jsx(Tg,{group:h,selected:t,onToggleGroup:n,onToggleMessage:s},h.key))}),r.jsxs("div",{className:"space-y-2 border-t border-line bg-surface px-row-inset py-3",children:[r.jsx(J,{variant:"primary",onClick:i,className:"h-11 w-full font-semibold",children:`Continue with ${d} ${ro(d)}`}),r.jsx(J,{variant:"ghost",onClick:l,className:"h-11 w-full",children:"Cancel"})]})]})}function Og({count:e,folders:t,destination:s,onPick:n,onMove:a,onBack:o}){const[i,l]=c.useState(!1);return r.jsxs("div",{className:"flex min-h-0 flex-col",children:[r.jsxs("div",{className:"px-row-inset pb-2 pt-1",children:[r.jsx("h2",{className:"text-sm font-semibold text-fg",children:"Where should they go?"}),r.jsx("p",{className:"mt-1 text-2xs text-fg-subtle",children:"Pick a folder, then we move them out of Spam."})]}),r.jsx("div",{className:"min-h-0 flex-1 overflow-y-auto px-row-inset py-2",children:i?r.jsx("div",{className:"overflow-hidden rounded-xl border border-line bg-surface",children:r.jsx(ql,{mailboxes:t,autoFocus:!0,onSelect:u=>{n(u),l(!1)},onCancel:()=>l(!1)})}):r.jsxs("div",{className:"rounded-xl border border-line bg-surface-sunken p-3",children:[r.jsx("p",{className:"text-2xs text-fg-subtle",children:"Destination"}),r.jsx("p",{className:"mt-0.5 text-sm font-medium text-fg",children:ua(t,s)}),r.jsx(J,{variant:"ghost",size:"sm",onClick:()=>l(!0),className:"mt-2 px-0",children:"Move to a different folder"})]})}),r.jsxs("div",{className:"space-y-2 border-t border-line bg-surface px-row-inset py-3",children:[r.jsx("p",{className:"text-2xs text-fg-subtle",children:Rg(e,ua(t,s))}),r.jsx(J,{variant:"primary",onClick:a,className:"h-11 w-full font-semibold",children:`Move ${e} out of Spam`}),r.jsx(J,{variant:"ghost",onClick:o,className:"h-11 w-full",children:"Back"})]})]})}function Dg({count:e,destinationLabel:t,onClose:s}){return r.jsxs("div",{className:"flex min-h-0 flex-col",children:[r.jsxs("div",{className:"flex flex-1 flex-col items-center justify-center gap-3 px-row-inset py-10 text-center",children:[r.jsx(ir,{className:"size-10 text-positive","aria-hidden":!0}),r.jsx("p",{className:"text-base font-semibold text-fg",children:`Moved ${e} ${ro(e)} out of Spam.`}),r.jsx("p",{className:"text-2xs text-fg-subtle",children:`You'll find them in ${t}.`})]}),r.jsx("div",{className:"border-t border-line bg-surface px-row-inset py-3",children:r.jsx(J,{variant:"primary",onClick:s,className:"h-11 w-full font-semibold",children:"Done"})})]})}function Pg({open:e,candidates:t,defaultDestinationId:s,availableFolders:n,onConfirmMove:a,onCancel:o}){const[i,l]=c.useState("review"),[u,f]=c.useState(()=>e?new Set(t.map(w=>w.id)):new Set),[d,m]=c.useState(s),[h,g]=c.useState(0),x=c.useRef(!1);c.useEffect(()=>{e&&!x.current&&(l("review"),f(new Set(t.map(w=>w.id))),m(s),g(0)),x.current=e},[e,t,s]);const p=u.size,y=w=>{f(v=>{const C=new Set(v);return C.has(w)?C.delete(w):C.add(w),C})},b=(w,v)=>{f(C=>{const N=new Set(C);for(const E of w.messages)v?N.add(E.id):N.delete(E.id);return N})},S=()=>{const w=Array.from(u);g(w.length),a(w,d),l("done")};return r.jsxs(Dl,{open:e,onClose:o,dismissLabel:"Close rescue",children:[i==="review"&&r.jsx(Ag,{candidates:t,selected:u,onToggle:y,onToggleGroup:b,onSelectAll:()=>f(new Set(t.map(w=>w.id))),onSelectNone:()=>f(new Set),onContinue:()=>l("destination"),onCancel:o}),i==="destination"&&r.jsx(Og,{count:p,folders:n,destination:d,onPick:m,onMove:S,onBack:()=>l("review")}),i==="done"&&r.jsx(Dg,{count:h,destinationLabel:ua(n,d),onClose:o})]})}function Lg(e){return e.scopedOutFolder!==void 0||(e.droppedFacets?.length??0)>0||e.droppedSemantic===!0}function Fg(e){return`Your search was limited to ${e}. This filter matches these messages in any folder — it can't be pinned to one.`}const $g=e=>e.length===1?e[0]:e.length===2?`${e[0]} and ${e[1]}`:`${e.slice(0,-1).join(", ")} and ${e[e.length-1]}`;function _g(e){const t=e.length===1?"a filter condition":"filter conditions",s=e.length===1?"isn't":"aren't";return`${$g(e)} ${s} ${t}, so ${e.length===1?"it was":"they were"} left out — the filter still matches everything else you searched for.`}const zg="The filter matches these words literally. Your search also found similar mail by meaning — a filter can't carry that, so it won't catch mail that means the same thing without these words.";function zr({icon:e,children:t}){return r.jsxs("li",{className:"flex items-start gap-2",children:[r.jsx("span",{className:"mt-0.5 shrink-0 text-fg-subtle","aria-hidden":"true",children:e}),r.jsx("span",{children:t})]})}function Bg({notice:e}){return Lg(e)?r.jsxs("div",{className:"rounded-md border border-line bg-surface-sunken px-3 py-2.5",children:[r.jsx("p",{className:"text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:"From your search"}),r.jsxs("ul",{className:"mt-1.5 space-y-1.5 text-xs text-fg-muted",children:[e.scopedOutFolder!==void 0&&r.jsx(zr,{icon:r.jsx(Va,{className:"size-3.5"}),children:Fg(e.scopedOutFolder)}),e.droppedFacets&&e.droppedFacets.length>0&&r.jsx(zr,{icon:r.jsx(Na,{className:"size-3.5"}),children:_g(e.droppedFacets)}),e.droppedSemantic&&r.jsx(zr,{icon:r.jsx(mt,{className:"size-3.5"}),children:zg})]})]}):null}const ao=[{id:"all",label:"All",tone:"neutral"},{id:"personal",label:"Personal",tone:"accent"},{id:"uncategorized",label:"Unclassified",tone:"neutral"},{id:"transactional",label:"Transactional",tone:"positive"},{id:"newsletter",label:"Newsletter",tone:"neutral"},{id:"marketing",label:"Marketing",tone:"warning"},{id:"social",label:"Social",tone:"warning"},{id:"automated",label:"Automated",tone:"neutral"}],Ec={id:"unread",label:"Unread"},Kg={id:"flagged",label:"Starred"},Ic={id:"attachment",label:"Has attachment"};function Ug(e){if(!(e.length<=1))return e.map(t=>({id:t.id,label:t.label,count:t.count,active:t.active}))}function qg(e=[]){return{categories:[...ao],filters:Of,sources:Ug(e)}}function Tc(){return{categories:[...ao],filters:[Ec,Kg,Ic]}}function Hg(){return{categories:[...ao],filters:[Ec,Ic]}}const Wg=e=>e.clauses.length>0,Rc=(e,{scope:t="standing",moveMailboxId:s}={})=>({clauses:e.clauses.map((n,a)=>({id:`search-${a}`,field:n.field,value:n.value})),matchOperator:e.matchOperator,moveMailboxId:s,scope:t,name:""});function Lt(e,t,{checkForDefaultPrevented:s=!0}={}){return function(a){if(e?.(a),s===!1||!a||!a.defaultPrevented)return t?.(a)}}function vi(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function Vg(...e){return t=>{let s=!1;const n=e.map(a=>{const o=vi(a,t);return!s&&typeof o=="function"&&(s=!0),o});if(s)return()=>{for(let a=0;a<n.length;a++){const o=n[a];typeof o=="function"?o():vi(e[a],null)}}}}function is(...e){return c.useCallback(Vg(...e),e)}function Qg(e,t=[]){let s=[];function n(o,i){const l=c.createContext(i);l.displayName=o+"Context";const u=s.length;s=[...s,i];const f=m=>{const{scope:h,children:g,...x}=m,p=h?.[e]?.[u]||l,y=c.useMemo(()=>x,Object.values(x));return r.jsx(p.Provider,{value:y,children:g})};f.displayName=o+"Provider";function d(m,h,g={}){const{optional:x=!1}=g,p=h?.[e]?.[u]||l,y=c.useContext(p);if(y)return y;if(i!==void 0)return i;if(!x)throw new Error(`\`${m}\` must be used within \`${o}\``)}return[f,d]}const a=()=>{const o=s.map(i=>c.createContext(i));return function(l){const u=l?.[e]||o;return c.useMemo(()=>({[`__scope${e}`]:{...l,[e]:u}}),[l,u])}};return a.scopeName=e,[n,Gg(a,...t)]}function Gg(...e){const t=e[0];if(e.length===1)return t;const s=()=>{const n=e.map(a=>({useScope:a(),scopeName:a.scopeName}));return function(o){const i=n.reduce((l,{useScope:u,scopeName:f})=>{const m=u(o)[`__scope${f}`];return{...l,...m}},{});return c.useMemo(()=>({[`__scope${t.scopeName}`]:i}),[i])}};return s.scopeName=t.scopeName,s}var Js=globalThis?.document?c.useLayoutEffect:()=>{},Yg=Ra[" useInsertionEffect ".trim().toString()]||Js;function Xg({prop:e,defaultProp:t,onChange:s=()=>{},caller:n}){const[a,o,i]=Jg({defaultProp:t,onChange:s}),l=e!==void 0,u=l?e:a;{const d=c.useRef(e!==void 0);c.useEffect(()=>{const m=d.current;m!==l&&console.warn(`${n} is changing from ${m?"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.`),d.current=l},[l,n])}const f=c.useCallback(d=>{if(l){const m=Zg(d)?d(e):d;m!==e&&i.current?.(m)}else o(d)},[l,e,o,i]);return[u,f]}function Jg({defaultProp:e,onChange:t}){const[s,n]=c.useState(e),a=c.useRef(s),o=c.useRef(t);return Yg(()=>{o.current=t},[t]),c.useEffect(()=>{a.current!==s&&(o.current?.(s),a.current=s)},[s,a]),[s,n,o]}function Zg(e){return typeof e=="function"}function oo(e){const t=c.forwardRef((s,n)=>{let{children:a,...o}=s,i=null,l=!1;const u=[];yi(a)&&typeof Cn=="function"&&(a=Cn(a._payload)),c.Children.forEach(a,h=>{if(rx(h)){l=!0;const g=h;let x="child"in g.props?g.props.child:g.props.children;yi(x)&&typeof Cn=="function"&&(x=Cn(x._payload)),i=tx(g,x),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 f=i?nx(i):void 0,d=is(n,f);if(!i){if(a||a===0)throw new Error(l?lx(e):ix(e));return a}const m=sx(o,i.props??{});return i.type!==c.Fragment&&(m.ref=n?d:f),c.cloneElement(i,m)});return t.displayName=`${e}.Slot`,t}var Wk=oo("Slot"),ex=Symbol.for("radix.slottable"),tx=(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 sx(e,t){const s={...t};for(const n in t){const a=e[n],o=t[n];/^on[A-Z]/.test(n)?a&&o?s[n]=(...l)=>{const u=o(...l);return a(...l),u}:a&&(s[n]=a):n==="style"?s[n]={...a,...o}:n==="className"&&(s[n]=[a,o].filter(Boolean).join(" "))}return{...e,...s}}function nx(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 rx(e){return c.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===ex}var ax=Symbol.for("react.lazy");function yi(e){return e!=null&&typeof e=="object"&&"$$typeof"in e&&e.$$typeof===ax&&"_payload"in e&&ox(e._payload)}function ox(e){return typeof e=="object"&&e!==null&&"then"in e}var ix=e=>`${e} failed to slot onto its children. Expected a single React element child or \`Slottable\`.`,lx=e=>`${e} failed to slot onto its \`Slottable\`. Expected \`Slottable\` to receive a single React element child.`,Cn=Ra[" use ".trim().toString()],cx=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],kt=cx.reduce((e,t)=>{const s=oo(`Primitive.${t}`),n=c.forwardRef((a,o)=>{const{asChild:i,...l}=a,u=i?s:t;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),r.jsx(u,{...l,ref:o})});return n.displayName=`Primitive.${t}`,{...e,[t]:n}},{});function ux(e,t){e&&Ma.flushSync(()=>e.dispatchEvent(t))}function Zs(e){const t=c.useRef(e);return c.useEffect(()=>{t.current=e}),c.useMemo(()=>((...s)=>t.current?.(...s)),[])}var dx="DismissableLayer",da="dismissableLayer.update",fx="dismissableLayer.pointerDownOutside",mx="dismissableLayer.focusOutside",wi,io=c.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set,dismissableSurfaces:new Set}),Mc=c.forwardRef((e,t)=>{const{disableOutsidePointerEvents:s=!1,deferPointerDownOutside:n=!1,onEscapeKeyDown:a,onPointerDownOutside:o,onFocusOutside:i,onInteractOutside:l,onDismiss:u,...f}=e,d=c.useContext(io),[m,h]=c.useState(null),g=m?.ownerDocument??globalThis?.document,[,x]=c.useState({}),p=is(t,h),y=Array.from(d.layers),[b]=[...d.layersWithOutsidePointerEventsDisabled].slice(-1),S=b?y.indexOf(b):-1,w=m?y.indexOf(m):-1,v=d.layersWithOutsidePointerEventsDisabled.size>0,C=w>=S,N=c.useRef(!1),E=bx(A=>{o?.(A),l?.(A),A.defaultPrevented||u?.()},{ownerDocument:g,deferPointerDownOutside:n,isDeferredPointerDownOutsideRef:N,dismissableSurfaces:d.dismissableSurfaces,shouldHandlePointerDownOutside:c.useCallback(A=>{if(!(A instanceof Node))return!1;const P=[...d.branches].some(R=>R.contains(A));return C&&!P},[d.branches,C])}),I=vx(A=>{if(n&&N.current)return;const P=A.target;[...d.branches].some(j=>j.contains(P))||(i?.(A),l?.(A),A.defaultPrevented||u?.())},g),D=m?w===y.length-1:!1,O=Zs(A=>{A.key==="Escape"&&(a?.(A),!A.defaultPrevented&&u&&(A.preventDefault(),u()))});return c.useEffect(()=>{if(D)return g.addEventListener("keydown",O,{capture:!0}),()=>g.removeEventListener("keydown",O,{capture:!0})},[g,D,O]),c.useEffect(()=>{if(m)return s&&(d.layersWithOutsidePointerEventsDisabled.size===0&&(wi=g.body.style.pointerEvents,g.body.style.pointerEvents="none"),d.layersWithOutsidePointerEventsDisabled.add(m)),d.layers.add(m),Si(),()=>{s&&(d.layersWithOutsidePointerEventsDisabled.delete(m),d.layersWithOutsidePointerEventsDisabled.size===0&&(g.body.style.pointerEvents=wi))}},[m,g,s,d]),c.useEffect(()=>()=>{m&&(d.layers.delete(m),d.layersWithOutsidePointerEventsDisabled.delete(m),Si())},[m,d]),c.useEffect(()=>{const A=()=>x({});return document.addEventListener(da,A),()=>document.removeEventListener(da,A)},[]),r.jsx(kt.div,{...f,ref:p,style:{pointerEvents:v?C?"auto":"none":void 0,...e.style},onFocusCapture:Lt(e.onFocusCapture,I.onFocusCapture),onBlurCapture:Lt(e.onBlurCapture,I.onBlurCapture),onPointerDownCapture:Lt(e.onPointerDownCapture,E.onPointerDownCapture)})});Mc.displayName=dx;var hx="DismissableLayerBranch",px=c.forwardRef((e,t)=>{const s=c.useContext(io),n=c.useRef(null),a=is(t,n);return c.useEffect(()=>{const o=n.current;if(o)return s.branches.add(o),()=>{s.branches.delete(o)}},[s.branches]),r.jsx(kt.div,{...e,ref:a})});px.displayName=hx;function gx(){const e=c.useContext(io),[t,s]=c.useState(null);return c.useEffect(()=>{if(t)return e.dismissableSurfaces.add(t),()=>{e.dismissableSurfaces.delete(t)}},[t,e.dismissableSurfaces]),s}var xx=()=>!0;function bx(e,t){const{ownerDocument:s=globalThis?.document,deferPointerDownOutside:n=!1,isDeferredPointerDownOutsideRef:a,dismissableSurfaces:o,shouldHandlePointerDownOutside:i=xx}=t,l=Zs(e),u=c.useRef(!1),f=c.useRef(!1),d=c.useRef(new Map),m=c.useRef(()=>{});return c.useEffect(()=>{function h(){f.current=!1,a.current=!1,d.current.clear()}function g(){return Array.from(d.current.values()).some(Boolean)}function x(w){if(!f.current)return;const v=w.target;v instanceof Node&&[...o].some(N=>N.contains(v))||d.current.set(w.type,!0),w.type==="click"&&window.setTimeout(()=>{f.current&&m.current()},0)}function p(w){f.current&&d.current.set(w.type,!1)}const y=w=>{if(w.target&&!u.current){let v=function(){s.removeEventListener("click",m.current);const N=g();h(),N||Ac(fx,l,C,{discrete:!0})};if(!i(w.target)){s.removeEventListener("click",m.current),h(),u.current=!1;return}const C={originalEvent:w};f.current=!0,a.current=n&&w.button===0,d.current.clear(),!n||w.button!==0?v():(s.removeEventListener("click",m.current),m.current=v,s.addEventListener("click",m.current,{once:!0}))}else s.removeEventListener("click",m.current),h();u.current=!1},b=["pointerup","mousedown","mouseup","touchstart","touchend","click"];for(const w of b)s.addEventListener(w,x,!0),s.addEventListener(w,p);const S=window.setTimeout(()=>{s.addEventListener("pointerdown",y)},0);return()=>{window.clearTimeout(S),s.removeEventListener("pointerdown",y),s.removeEventListener("click",m.current);for(const w of b)s.removeEventListener(w,x,!0),s.removeEventListener(w,p)}},[s,l,n,a,o,i]),{onPointerDownCapture:()=>u.current=!0}}function vx(e,t=globalThis?.document){const s=Zs(e),n=c.useRef(!1);return c.useEffect(()=>{const a=o=>{o.target&&!n.current&&Ac(mx,s,{originalEvent:o},{discrete:!1})};return t.addEventListener("focusin",a),()=>t.removeEventListener("focusin",a)},[t,s]),{onFocusCapture:()=>n.current=!0,onBlurCapture:()=>n.current=!1}}function Si(){const e=new CustomEvent(da);document.dispatchEvent(e)}function Ac(e,t,s,{discrete:n}){const a=s.originalEvent.target,o=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:s});t&&a.addEventListener(e,t,{once:!0}),n?ux(a,o):a.dispatchEvent(o)}var Nn=0,fs=null;function yx(){c.useEffect(()=>{fs||(fs={start:ji(),end:ji()});const{start:e,end:t}=fs;return document.body.firstElementChild!==e&&document.body.insertAdjacentElement("afterbegin",e),document.body.lastElementChild!==t&&document.body.insertAdjacentElement("beforeend",t),Nn++,()=>{Nn===1&&(fs?.start.remove(),fs?.end.remove(),fs=null),Nn=Math.max(0,Nn-1)}},[])}function ji(){const e=document.createElement("span");return e.setAttribute("data-radix-focus-guard",""),e.tabIndex=0,e.style.outline="none",e.style.opacity="0",e.style.position="fixed",e.style.pointerEvents="none",e}var Br="focusScope.autoFocusOnMount",Kr="focusScope.autoFocusOnUnmount",ki={bubbles:!1,cancelable:!0},wx="FocusScope",Oc=c.forwardRef((e,t)=>{const{loop:s=!1,trapped:n=!1,onMountAutoFocus:a,onUnmountAutoFocus:o,...i}=e,[l,u]=c.useState(null),f=Zs(a),d=Zs(o),m=c.useRef(null),h=is(t,u),g=c.useRef({paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}}).current;c.useEffect(()=>{if(n){let p=function(w){if(g.paused||!l)return;const v=w.target;l.contains(v)?m.current=v:At(m.current,{select:!0})},y=function(w){if(g.paused||!l)return;const v=w.relatedTarget;v!==null&&(l.contains(v)||At(m.current,{select:!0}))},b=function(w){if(document.activeElement===document.body)for(const C of w)C.removedNodes.length>0&&At(l)};document.addEventListener("focusin",p),document.addEventListener("focusout",y);const S=new MutationObserver(b);return l&&S.observe(l,{childList:!0,subtree:!0}),()=>{document.removeEventListener("focusin",p),document.removeEventListener("focusout",y),S.disconnect()}}},[n,l,g.paused]),c.useEffect(()=>{if(l){Ni.add(g);const p=document.activeElement;if(!l.contains(p)){const b=new CustomEvent(Br,ki);l.addEventListener(Br,f),l.dispatchEvent(b),b.defaultPrevented||(Sx(Ex(Dc(l)),{select:!0}),document.activeElement===p&&At(l))}return()=>{l.removeEventListener(Br,f),setTimeout(()=>{const b=new CustomEvent(Kr,ki);l.addEventListener(Kr,d),l.dispatchEvent(b),b.defaultPrevented||At(p??document.body,{select:!0}),l.removeEventListener(Kr,d),Ni.remove(g)},0)}}},[l,f,d,g]);const x=c.useCallback(p=>{if(!s&&!n||g.paused)return;const y=p.key==="Tab"&&!p.altKey&&!p.ctrlKey&&!p.metaKey,b=document.activeElement;if(y&&b){const S=p.currentTarget,[w,v]=jx(S);w&&v?!p.shiftKey&&b===v?(p.preventDefault(),s&&At(w,{select:!0})):p.shiftKey&&b===w&&(p.preventDefault(),s&&At(v,{select:!0})):b===S&&p.preventDefault()}},[s,n,g.paused]);return r.jsx(kt.div,{tabIndex:-1,...i,ref:h,onKeyDown:x})});Oc.displayName=wx;function Sx(e,{select:t=!1}={}){const s=document.activeElement;for(const n of e)if(At(n,{select:t}),document.activeElement!==s)return}function jx(e){const t=Dc(e),s=Ci(t,e),n=Ci(t.reverse(),e);return[s,n]}function Dc(e){const t=[],s=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:n=>{const a=n.tagName==="INPUT"&&n.type==="hidden";return n.disabled||n.hidden||a?NodeFilter.FILTER_SKIP:n.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;s.nextNode();)t.push(s.currentNode);return t}function Ci(e,t){const s=typeof t.checkVisibility=="function"&&t.checkVisibility({checkVisibilityCSS:!0});for(const n of e)if(!(s?!n.checkVisibility({checkVisibilityCSS:!0}):kx(n,{upTo:t})))return n}function kx(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 Cx(e){return e instanceof HTMLInputElement&&"select"in e}function At(e,{select:t=!1}={}){if(e&&e.focus){const s=document.activeElement;e.focus({preventScroll:!0}),e!==s&&Cx(e)&&t&&e.select()}}var Ni=Nx();function Nx(){let e=[];return{add(t){const s=e[0];t!==s&&s?.pause(),e=Ei(e,t),e.unshift(t)},remove(t){e=Ei(e,t),e[0]?.resume()}}}function Ei(e,t){const s=[...e],n=s.indexOf(t);return n!==-1&&s.splice(n,1),s}function Ex(e){return e.filter(t=>t.tagName!=="A")}var Ix=Ra[" useId ".trim().toString()]||(()=>{}),Tx=0;function Ur(e){const[t,s]=c.useState(Ix());return Js(()=>{s(n=>n??String(Tx++))},[e]),e||(t?`radix-${t}`:"")}var Rx="Portal",Pc=c.forwardRef((e,t)=>{const{container:s,...n}=e,[a,o]=c.useState(!1);Js(()=>o(!0),[]);const i=s||a&&globalThis?.document?.body;return i?Ma.createPortal(r.jsx(kt.div,{...n,ref:t}),i):null});Pc.displayName=Rx;function Mx(e,t){return c.useReducer((s,n)=>t[s][n]??s,e)}var mr=e=>{const{present:t,children:s}=e,n=Ax(t),a=typeof s=="function"?s({present:n.isPresent}):c.Children.only(s),o=Ox(n.ref,Dx(a));return typeof s=="function"||n.isPresent?c.cloneElement(a,{ref:o}):null};mr.displayName="Presence";function Ax(e){const[t,s]=c.useState(),n=c.useRef(null),a=c.useRef(e),o=c.useRef("none"),i=c.useRef(void 0),l=e?"mounted":"unmounted",[u,f]=Mx(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??Bs(n.current),i.current=void 0):o.current="none"},[u]),Js(()=>{const d=n.current,m=a.current;if(m!==e){const g=o.current,x=Bs(d);e?(i.current=x,f("MOUNT")):x==="none"||d?.display==="none"?f("UNMOUNT"):f(m&&g!==x?"ANIMATION_OUT":"UNMOUNT"),a.current=e}},[e,f]),Js(()=>{if(t){let d;const m=t.ownerDocument.defaultView??window,h=x=>{const y=Bs(n.current).includes(CSS.escape(x.animationName));if(x.target===t&&y&&(f("ANIMATION_END"),!a.current)){const b=t.style.animationFillMode;t.style.animationFillMode="forwards",d=m.setTimeout(()=>{t.style.animationFillMode==="forwards"&&(t.style.animationFillMode=b)})}},g=x=>{x.target===t&&(o.current=Bs(n.current))};return t.addEventListener("animationstart",g),t.addEventListener("animationcancel",h),t.addEventListener("animationend",h),()=>{m.clearTimeout(d),t.removeEventListener("animationstart",g),t.removeEventListener("animationcancel",h),t.removeEventListener("animationend",h)}}else f("ANIMATION_END")},[t,f]),{isPresent:["mounted","unmountSuspended"].includes(u),ref:c.useCallback(d=>{if(d){const m=getComputedStyle(d);n.current=m,i.current=Bs(m)}else n.current=null;s(d)},[])}}function Ii(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function Ox(...e){const t=c.useRef(e);return t.current=e,c.useCallback(s=>{const n=t.current;let a=!1;const o=n.map(i=>{const l=Ii(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():Ii(n[i],null)}}},[])}function Bs(e){return e?.animationName||"none"}function Dx(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 Px=function(e){if(typeof document>"u")return null;var t=Array.isArray(e)?e[0]:e;return t.ownerDocument.body},ms=new WeakMap,En=new WeakMap,In={},qr=0,Lc=function(e){return e&&(e.host||Lc(e.parentNode))},Lx=function(e,t){return t.map(function(s){if(e.contains(s))return s;var n=Lc(s);return n&&e.contains(n)?n:(console.error("aria-hidden",s,"in not contained inside",e,". Doing nothing"),null)}).filter(function(s){return!!s})},Fx=function(e,t,s,n){var a=Lx(t,Array.isArray(e)?e:[e]);In[s]||(In[s]=new WeakMap);var o=In[s],i=[],l=new Set,u=new Set(a),f=function(m){!m||l.has(m)||(l.add(m),f(m.parentNode))};a.forEach(f);var d=function(m){!m||u.has(m)||Array.prototype.forEach.call(m.children,function(h){if(l.has(h))d(h);else try{var g=h.getAttribute(n),x=g!==null&&g!=="false",p=(ms.get(h)||0)+1,y=(o.get(h)||0)+1;ms.set(h,p),o.set(h,y),i.push(h),p===1&&x&&En.set(h,!0),y===1&&h.setAttribute(s,"true"),x||h.setAttribute(n,"true")}catch(b){console.error("aria-hidden: cannot operate on ",h,b)}})};return d(t),l.clear(),qr++,function(){i.forEach(function(m){var h=ms.get(m)-1,g=o.get(m)-1;ms.set(m,h),o.set(m,g),h||(En.has(m)||m.removeAttribute(n),En.delete(m)),g||m.removeAttribute(s)}),qr--,qr||(ms=new WeakMap,ms=new WeakMap,En=new WeakMap,In={})}},$x=function(e,t,s){s===void 0&&(s="data-aria-hidden");var n=Array.from(Array.isArray(e)?e:[e]),a=Px(e);return a?(n.push.apply(n,Array.from(a.querySelectorAll("[aria-live], script"))),Fx(n,a,s,"aria-hidden")):function(){return null}},Fn="right-scroll-bar-position",$n="width-before-scroll-bar",_x="with-scroll-bars-hidden",zx="--removed-body-scroll-bar-size";function Hr(e,t){return typeof e=="function"?e(t):e&&(e.current=t),e}function Bx(e,t){var s=c.useState(function(){return{value:e,callback:t,facade:{get current(){return s.value},set current(n){var a=s.value;a!==n&&(s.value=n,s.callback(n,a))}}}})[0];return s.callback=t,s.facade}var Kx=typeof window<"u"?c.useLayoutEffect:c.useEffect,Ti=new WeakMap;function Ux(e,t){var s=Bx(null,function(n){return e.forEach(function(a){return Hr(a,n)})});return Kx(function(){var n=Ti.get(s);if(n){var a=new Set(n),o=new Set(e),i=s.current;a.forEach(function(l){o.has(l)||Hr(l,null)}),o.forEach(function(l){a.has(l)||Hr(l,i)})}Ti.set(s,e)},[e]),s}function qx(e){return e}function Hx(e,t){t===void 0&&(t=qx);var s=[],n=!1,a={read:function(){if(n)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return s.length?s[s.length-1]:e},useMedium:function(o){var i=t(o,n);return s.push(i),function(){s=s.filter(function(l){return l!==i})}},assignSyncMedium:function(o){for(n=!0;s.length;){var i=s;s=[],i.forEach(o)}s={push:function(l){return o(l)},filter:function(){return s}}},assignMedium:function(o){n=!0;var i=[];if(s.length){var l=s;s=[],l.forEach(o),i=s}var u=function(){var d=i;i=[],d.forEach(o)},f=function(){return Promise.resolve().then(u)};f(),s={push:function(d){i.push(d),f()},filter:function(d){return i=i.filter(d),s}}}};return a}function Wx(e){e===void 0&&(e={});var t=Hx(null);return t.options=Ot({async:!0,ssr:!1},e),t}var Fc=function(e){var t=e.sideCar,s=vl(e,["sideCar"]);if(!t)throw new Error("Sidecar: please provide `sideCar` property to import the right car");var n=t.read();if(!n)throw new Error("Sidecar medium not found");return c.createElement(n,Ot({},s))};Fc.isSideCarExport=!0;function Vx(e,t){return e.useMedium(t),Fc}var $c=Wx(),Wr=function(){},hr=c.forwardRef(function(e,t){var s=c.useRef(null),n=c.useState({onScrollCapture:Wr,onWheelCapture:Wr,onTouchMoveCapture:Wr}),a=n[0],o=n[1],i=e.forwardProps,l=e.children,u=e.className,f=e.removeScrollBar,d=e.enabled,m=e.shards,h=e.sideCar,g=e.noRelative,x=e.noIsolation,p=e.inert,y=e.allowPinchZoom,b=e.as,S=b===void 0?"div":b,w=e.gapMode,v=vl(e,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noRelative","noIsolation","inert","allowPinchZoom","as","gapMode"]),C=h,N=Ux([s,t]),E=Ot(Ot({},v),a);return c.createElement(c.Fragment,null,d&&c.createElement(C,{sideCar:$c,removeScrollBar:f,shards:m,noRelative:g,noIsolation:x,inert:p,setCallbacks:o,allowPinchZoom:!!y,lockRef:s,gapMode:w}),i?c.cloneElement(c.Children.only(l),Ot(Ot({},E),{ref:N})):c.createElement(S,Ot({},E,{className:u,ref:N}),l))});hr.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1};hr.classNames={fullWidth:$n,zeroRight:Fn};var Qx=function(){if(typeof __webpack_nonce__<"u")return __webpack_nonce__};function Gx(){if(!document)return null;var e=document.createElement("style");e.type="text/css";var t=Qx();return t&&e.setAttribute("nonce",t),e}function Yx(e,t){e.styleSheet?e.styleSheet.cssText=t:e.appendChild(document.createTextNode(t))}function Xx(e){var t=document.head||document.getElementsByTagName("head")[0];t.appendChild(e)}var Jx=function(){var e=0,t=null;return{add:function(s){e==0&&(t=Gx())&&(Yx(t,s),Xx(t)),e++},remove:function(){e--,!e&&t&&(t.parentNode&&t.parentNode.removeChild(t),t=null)}}},Zx=function(){var e=Jx();return function(t,s){c.useEffect(function(){return e.add(t),function(){e.remove()}},[t&&s])}},_c=function(){var e=Zx(),t=function(s){var n=s.styles,a=s.dynamic;return e(n,a),null};return t},eb={left:0,top:0,right:0,gap:0},Vr=function(e){return parseInt(e||"",10)||0},tb=function(e){var t=window.getComputedStyle(document.body),s=t[e==="padding"?"paddingLeft":"marginLeft"],n=t[e==="padding"?"paddingTop":"marginTop"],a=t[e==="padding"?"paddingRight":"marginRight"];return[Vr(s),Vr(n),Vr(a)]},sb=function(e){if(e===void 0&&(e="margin"),typeof window>"u")return eb;var t=tb(e),s=document.documentElement.clientWidth,n=window.innerWidth;return{left:t[0],top:t[1],right:t[2],gap:Math.max(0,n-s+t[2]-t[0])}},nb=_c(),js="data-scroll-locked",rb=function(e,t,s,n){var a=e.left,o=e.top,i=e.right,l=e.gap;return s===void 0&&(s="margin"),`
76
+ .`.concat(_x,` {
77
+ overflow: hidden `).concat(n,`;
78
+ padding-right: `).concat(l,"px ").concat(n,`;
79
+ }
80
+ body[`).concat(js,`] {
81
+ overflow: hidden `).concat(n,`;
82
+ overscroll-behavior: contain;
83
+ `).concat([t&&"position: relative ".concat(n,";"),s==="margin"&&`
84
+ padding-left: `.concat(a,`px;
85
+ padding-top: `).concat(o,`px;
86
+ padding-right: `).concat(i,`px;
87
+ margin-left:0;
88
+ margin-top:0;
89
+ margin-right: `).concat(l,"px ").concat(n,`;
90
+ `),s==="padding"&&"padding-right: ".concat(l,"px ").concat(n,";")].filter(Boolean).join(""),`
91
+ }
92
+
93
+ .`).concat(Fn,` {
94
+ right: `).concat(l,"px ").concat(n,`;
95
+ }
96
+
97
+ .`).concat($n,` {
98
+ margin-right: `).concat(l,"px ").concat(n,`;
99
+ }
100
+
101
+ .`).concat(Fn," .").concat(Fn,` {
102
+ right: 0 `).concat(n,`;
103
+ }
104
+
105
+ .`).concat($n," .").concat($n,` {
106
+ margin-right: 0 `).concat(n,`;
107
+ }
108
+
109
+ body[`).concat(js,`] {
110
+ `).concat(zx,": ").concat(l,`px;
111
+ }
112
+ `)},Ri=function(){var e=parseInt(document.body.getAttribute(js)||"0",10);return isFinite(e)?e:0},ab=function(){c.useEffect(function(){return document.body.setAttribute(js,(Ri()+1).toString()),function(){var e=Ri()-1;e<=0?document.body.removeAttribute(js):document.body.setAttribute(js,e.toString())}},[])},ob=function(e){var t=e.noRelative,s=e.noImportant,n=e.gapMode,a=n===void 0?"margin":n;ab();var o=c.useMemo(function(){return sb(a)},[a]);return c.createElement(nb,{styles:rb(o,!t,a,s?"":"!important")})},fa=!1;if(typeof window<"u")try{var Tn=Object.defineProperty({},"passive",{get:function(){return fa=!0,!0}});window.addEventListener("test",Tn,Tn),window.removeEventListener("test",Tn,Tn)}catch{fa=!1}var hs=fa?{passive:!1}:!1,ib=function(e){return e.tagName==="TEXTAREA"},zc=function(e,t){if(!(e instanceof Element))return!1;var s=window.getComputedStyle(e);return s[t]!=="hidden"&&!(s.overflowY===s.overflowX&&!ib(e)&&s[t]==="visible")},lb=function(e){return zc(e,"overflowY")},cb=function(e){return zc(e,"overflowX")},Mi=function(e,t){var s=t.ownerDocument,n=t;do{typeof ShadowRoot<"u"&&n instanceof ShadowRoot&&(n=n.host);var a=Bc(e,n);if(a){var o=Kc(e,n),i=o[1],l=o[2];if(i>l)return!0}n=n.parentNode}while(n&&n!==s.body);return!1},ub=function(e){var t=e.scrollTop,s=e.scrollHeight,n=e.clientHeight;return[t,s,n]},db=function(e){var t=e.scrollLeft,s=e.scrollWidth,n=e.clientWidth;return[t,s,n]},Bc=function(e,t){return e==="v"?lb(t):cb(t)},Kc=function(e,t){return e==="v"?ub(t):db(t)},fb=function(e,t){return e==="h"&&t==="rtl"?-1:1},mb=function(e,t,s,n,a){var o=fb(e,window.getComputedStyle(t).direction),i=o*n,l=s.target,u=t.contains(l),f=!1,d=i>0,m=0,h=0;do{if(!l)break;var g=Kc(e,l),x=g[0],p=g[1],y=g[2],b=p-y-o*x;(x||b)&&Bc(e,l)&&(m+=b,h+=x);var S=l.parentNode;l=S&&S.nodeType===Node.DOCUMENT_FRAGMENT_NODE?S.host:S}while(!u&&l!==document.body||u&&(t.contains(l)||t===l));return(d&&Math.abs(m)<1||!d&&Math.abs(h)<1)&&(f=!0),f},Rn=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},Ai=function(e){return[e.deltaX,e.deltaY]},Oi=function(e){return e&&"current"in e?e.current:e},hb=function(e,t){return e[0]===t[0]&&e[1]===t[1]},pb=function(e){return`
113
+ .block-interactivity-`.concat(e,` {pointer-events: none;}
114
+ .allow-interactivity-`).concat(e,` {pointer-events: all;}
115
+ `)},gb=0,ps=[];function xb(e){var t=c.useRef([]),s=c.useRef([0,0]),n=c.useRef(),a=c.useState(gb++)[0],o=c.useState(_c)[0],i=c.useRef(e);c.useEffect(function(){i.current=e},[e]),c.useEffect(function(){if(e.inert){document.body.classList.add("block-interactivity-".concat(a));var p=Df([e.lockRef.current],(e.shards||[]).map(Oi),!0).filter(Boolean);return p.forEach(function(y){return y.classList.add("allow-interactivity-".concat(a))}),function(){document.body.classList.remove("block-interactivity-".concat(a)),p.forEach(function(y){return y.classList.remove("allow-interactivity-".concat(a))})}}},[e.inert,e.lockRef.current,e.shards]);var l=c.useCallback(function(p,y){if("touches"in p&&p.touches.length===2||p.type==="wheel"&&p.ctrlKey)return!i.current.allowPinchZoom;var b=Rn(p),S=s.current,w="deltaX"in p?p.deltaX:S[0]-b[0],v="deltaY"in p?p.deltaY:S[1]-b[1],C,N=p.target,E=Math.abs(w)>Math.abs(v)?"h":"v";if("touches"in p&&E==="h"&&N.type==="range")return!1;var I=window.getSelection(),D=I&&I.anchorNode,O=D?D===N||D.contains(N):!1;if(O)return!1;var A=Mi(E,N);if(!A)return!0;if(A?C=E:(C=E==="v"?"h":"v",A=Mi(E,N)),!A)return!1;if(!n.current&&"changedTouches"in p&&(w||v)&&(n.current=C),!C)return!0;var P=n.current||C;return mb(P,y,p,P==="h"?w:v)},[]),u=c.useCallback(function(p){var y=p;if(!(!ps.length||ps[ps.length-1]!==o)){var b="deltaY"in y?Ai(y):Rn(y),S=t.current.filter(function(C){return C.name===y.type&&(C.target===y.target||y.target===C.shadowParent)&&hb(C.delta,b)})[0];if(S&&S.should){y.cancelable&&y.preventDefault();return}if(!S){var w=(i.current.shards||[]).map(Oi).filter(Boolean).filter(function(C){return C.contains(y.target)}),v=w.length>0?l(y,w[0]):!i.current.noIsolation;v&&y.cancelable&&y.preventDefault()}}},[]),f=c.useCallback(function(p,y,b,S){var w={name:p,delta:y,target:b,should:S,shadowParent:bb(b)};t.current.push(w),setTimeout(function(){t.current=t.current.filter(function(v){return v!==w})},1)},[]),d=c.useCallback(function(p){s.current=Rn(p),n.current=void 0},[]),m=c.useCallback(function(p){f(p.type,Ai(p),p.target,l(p,e.lockRef.current))},[]),h=c.useCallback(function(p){f(p.type,Rn(p),p.target,l(p,e.lockRef.current))},[]);c.useEffect(function(){return ps.push(o),e.setCallbacks({onScrollCapture:m,onWheelCapture:m,onTouchMoveCapture:h}),document.addEventListener("wheel",u,hs),document.addEventListener("touchmove",u,hs),document.addEventListener("touchstart",d,hs),function(){ps=ps.filter(function(p){return p!==o}),document.removeEventListener("wheel",u,hs),document.removeEventListener("touchmove",u,hs),document.removeEventListener("touchstart",d,hs)}},[]);var g=e.removeScrollBar,x=e.inert;return c.createElement(c.Fragment,null,x?c.createElement(o,{styles:pb(a)}):null,g?c.createElement(ob,{noRelative:e.noRelative,gapMode:e.gapMode}):null)}function bb(e){for(var t=null;e!==null;)e instanceof ShadowRoot&&(t=e.host,e=e.host),e=e.parentNode;return t}const vb=Vx($c,xb);var Uc=c.forwardRef(function(e,t){return c.createElement(hr,Ot({},e,{ref:t,sideCar:vb}))});Uc.classNames=hr.classNames;var yb=class extends Aa{constructor(e,t){super(e,t)}bindMethods(){super.bindMethods(),this.fetchNextPage=this.fetchNextPage.bind(this),this.fetchPreviousPage=this.fetchPreviousPage.bind(this)}setOptions(e){e._type="infinite",super.setOptions(e)}getOptimisticResult(e){return e._type="infinite",super.getOptimisticResult(e)}fetchNextPage(e){return this.fetch({...e,meta:{fetchMore:{direction:"forward"}}})}fetchPreviousPage(e){return this.fetch({...e,meta:{fetchMore:{direction:"backward"}}})}createResult(e,t){const{state:s}=e,n=super.createResult(e,t),{isFetching:a,isRefetching:o,isError:i,isRefetchError:l}=n,u=s.fetchMeta?.fetchMore?.direction,f=i&&u==="forward",d=a&&u==="forward",m=i&&u==="backward",h=a&&u==="backward";return{...n,fetchNextPage:this.fetchNextPage,fetchPreviousPage:this.fetchPreviousPage,hasNextPage:Lf(t,s.data),hasPreviousPage:Pf(t,s.data),isFetchNextPageError:f,isFetchingNextPage:d,isFetchPreviousPageError:m,isFetchingPreviousPage:h,isRefetchError:l&&!f&&!m,isRefetching:o&&!d&&!h}}};function Di(e,t){const s=new Set(t);return e.filter(n=>!s.has(n))}function wb(e,t,s){const n=e.slice(0);return n[t]=s,n}var Sb=class extends Ff{#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,na.batch(()=>{const s=this.#t,n=this.#f(this.#a);n.forEach(d=>d.observer.setOptions(d.defaultedQueryOptions));const a=n.map(d=>d.observer),o=a.map(d=>d.getCurrentResult()),i=s.length!==a.length,l=a.some((d,m)=>d!==s[m]),u=i||l,f=u?!0:o.some((d,m)=>{const h=this.#e[m];return!h||!$f(d,h)});!u&&!f||(u&&(this.#c=n,this.#t=a),this.#e=o,this.hasListeners()&&(u&&(Di(s,a).forEach(d=>{d.destroy()}),Di(a,s).forEach(d=>{d.subscribe(m=>{this.#m(d,m)})})),this.#h()))})}getCurrentResult(){return this.#e}getQueries(){return this.#t.map(e=>e.getCurrentQuery())}getObservers(){return this.#t}getOptimisticResult(e,t){const s=this.#f(e),n=s.map(o=>o.observer.getOptimisticResult(o.defaultedQueryOptions)),a=s.map(o=>o.defaultedQueryOptions.queryHash);return[n,o=>this.#d(o??n,t,a),()=>this.#u(n,s)]}#u(e,t){return t.map((s,n)=>{const a=e[n];return s.defaultedQueryOptions.notifyOnChangeProps?a:s.observer.trackResult(a,o=>{t.forEach(i=>{i.observer.trackProp(o)})})})}#d(e,t,s){if(t){const n=this.#l,a=s!==void 0&&n!==void 0&&(n.length!==s.length||s.some((o,i)=>o!==n[i]));return(!this.#n||this.#e!==this.#i||a||t!==this.#o)&&(this.#o=t,this.#i=this.#e,s!==void 0&&(this.#l=s),this.#n=_f(this.#n,t(e))),this.#n}return e}#p(){return this.#r?.combine!==void 0&&this.#t.some((e,t)=>e.options.suspense&&this.#e[t]?.data===void 0)}#f(e){const t=new Map;this.#t.forEach(n=>{const a=n.options.queryHash;if(!a)return;const o=t.get(a);o?o.push(n):t.set(a,[n])});const s=[];return e.forEach(n=>{const a=this.#s.defaultQueryOptions(n),i=t.get(a.queryHash)?.shift()??new Aa(this.#s,a);s.push({defaultedQueryOptions:a,observer:i})}),s}#m(e,t){const s=this.#t.indexOf(e);s!==-1&&(this.#e=wb(this.#e,s,t),this.#h())}#h(){if(this.hasListeners()){const e=this.#u(this.#e,this.#c),t=this.#p(),s=this.#n,n=t?s:this.#d(e,this.#r?.combine);(t||s!==n)&&na.batch(()=>{this.listeners.forEach(a=>{a(this.#e)})})}}};function gt({queries:e,...t},s){const n=je(),a=zf(),o=Bf(),i=c.useMemo(()=>e.map(p=>{const y=n.defaultQueryOptions(p);return y._optimisticResults=a?"isRestoring":"optimistic",y}),[e,n,a]);i.forEach(p=>{Kf(p);const y=n.getQueryCache().get(p.queryHash);Uf(p,o,y)}),qf(o);const[l]=c.useState(()=>new Sb(n,i,t)),[u,f,d]=l.getOptimisticResult(i,t.combine),m=!a&&t.subscribed!==!1;c.useSyncExternalStore(c.useCallback(p=>m?l.subscribe(na.batchCalls(p)):Hf,[l,m]),()=>l.getCurrentResult(),()=>l.getCurrentResult()),c.useEffect(()=>{l.setQueries(i,t)},[i,t,l]);const g=u.some((p,y)=>Fo(i[y],p))?u.flatMap((p,y)=>{const b=i[y];if(b&&Fo(b,p)){const S=new Aa(n,b);return Wf(b,S,o)}return[]}):[];if(g.length>0)throw Promise.all(g);const x=u.find((p,y)=>{const b=i[y];return b&&Vf({result:p,errorResetBoundary:o,throwOnError:b.throwOnError,query:n.getQueryCache().get(b.queryHash),suspense:b.suspense})});if(x?.error)throw x.error;return f(d())}function qc(e,t){return Qf(e,yb)}function jb(e,t){if(e===void 0)return{shouldBlockFn:()=>!0,withResolver:!1};if("shouldBlockFn"in e)return e;if(typeof e=="function")return{shouldBlockFn:async()=>await e(),enableBeforeUnload:!0,withResolver:!1};const s=!!(e.condition??!0),n=e.blockerFn;return{shouldBlockFn:async()=>s&&n!==void 0?await n():s,enableBeforeUnload:s,withResolver:n===void 0}}function kb(e,t){const{shouldBlockFn:s,enableBeforeUnload:n=!0,disabled:a=!1,withResolver:o=!1}=jb(e),i=Oa(),{history:l}=i,[u,f]=c.useState({status:"idle",current:void 0,next:void 0,action:void 0,proceed:void 0,reset:void 0});return c.useEffect(()=>{const d=async m=>{function h(b){const S=i.parseLocation(b),w=i.getMatchedRoutes(S.pathname);return w.foundRoute===void 0?{routeId:"__notFound__",fullPath:S.pathname,pathname:S.pathname,params:w.routeParams,search:i.options.parseSearch(b.search)}:{routeId:w.foundRoute.id,fullPath:w.foundRoute.fullPath,pathname:S.pathname,params:w.routeParams,search:i.options.parseSearch(b.search)}}const g=h(m.currentLocation),x=h(m.nextLocation);if(g.routeId==="__notFound__"&&x.routeId!=="__notFound__")return!1;const p=await s({action:m.action,current:g,next:x});if(!o)return p;if(!p)return!1;const y=await new Promise(b=>{f({status:"blocked",current:g,next:x,action:m.action,proceed:()=>b(!1),reset:()=>b(!0)})});return f({status:"idle",current:void 0,next:void 0,action:void 0,proceed:void 0,reset:void 0}),y};return a?void 0:l.block({blockerFn:d,enableBeforeUnload:n})},[s,n,a,o,l,i]),u}function wt(e){const t=Oa({warn:e?.router===void 0}),s=e?.router||t;return yl(s.stores.__store,wl(e,s))}function pr(e){const t=Oa();return yl(t.stores.location,wl(e,t))}const Cb=new Set(["outbox","flagged"]),Nb=e=>{const[,t,s]=e.split(/[?#]/)[0].split("/");return t!=="mail"||!s?!1:!Cb.has(s)};function Eb(e){const t=gt({queries:e.map(s=>({...Ue({path:{accountId:s.accountId}}),staleTime:1/0}))});for(const[s,n]of e.entries()){const a=t[s];if(!a||a.isPending)return;const o=a.data?.items??[];if(o.length===0)continue;const i=rn(n.folderAppointments);return(o.find(u=>i.get(u.mailboxId)==="inbox")??o[0])?.mailboxId}}function Hc(e){const{openCompose:t}=Bt(),s=Pe(),n=pr(),a=Eb(e);return c.useCallback(()=>{if(Nb(n.pathname)){c.startTransition(()=>{t({mode:"new"})});return}a&&(c.startTransition(()=>{t({mode:"new"})}),s({to:"/mail/$mailboxId",params:{mailboxId:a}}))},[t,s,n.pathname,a])}const Ib=e=>e.startsWith("/mail")||e.startsWith("/settings"),Tb=({accounts:e})=>{const{state:t}=Bt(),s=pr(),n=Hc(e),a=s.search,o=typeof a?.selectedMessageId=="string"&&a.selectedMessageId.length>0;return!Ib(s.pathname)||t.isOpen||o?null:r.jsx("button",{type:"button",onClick:n,"aria-label":"Compose new message",className:"lg:hidden fixed right-4 z-30 h-14 w-14 rounded-full bg-accent text-accent-fg shadow-lg flex items-center justify-center hover:opacity-90 active:scale-95 transition-all",style:{bottom:"calc(env(safe-area-inset-bottom, 0) + 1rem)"},children:r.jsx(Oh,{className:"size-6"})})},Wc=({trigger:e,children:t,align:s="right"})=>{const[n,a]=c.useState(!1),o=c.useRef(null),i=c.useCallback(u=>{o.current&&!o.current.contains(u.target)&&a(!1)},[]),l=c.useCallback(u=>{u.key==="Escape"&&a(!1)},[]);return c.useEffect(()=>(n&&(document.addEventListener("mousedown",i),document.addEventListener("keydown",l)),()=>{document.removeEventListener("mousedown",i),document.removeEventListener("keydown",l)}),[n,i,l]),r.jsxs("div",{ref:o,className:"relative",children:[r.jsx("button",{type:"button",onClick:u=>{u.stopPropagation(),a(!n)},className:Re("p-1.5 min-h-11 min-w-11 inline-flex items-center justify-center rounded-md transition-colors","hover:bg-surface-raised text-fg-muted hover:text-fg"),children:e}),n&&r.jsx("div",{className:Re("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})]})},vs=({onClick:e,disabled:t,destructive:s,children:n})=>r.jsx("button",{type:"button",onClick:a=>{a.stopPropagation(),t||e()},disabled:t,className:Re("w-full px-3 py-2 text-left text-sm transition-colors","flex items-center gap-2",t&&"opacity-50 cursor-not-allowed",!t&&"hover:bg-surface-raised",s&&"text-danger hover:text-danger"),children:n}),ma=()=>r.jsx("div",{className:"my-1 h-px bg-line"}),Vc=({children:e})=>{const{Account:t}=Da();return r.jsx(t,{children:e})},Rb=({email:e,onSignOut:t})=>{const s=Pe(),n=e??"Account";return r.jsxs(Wc,{trigger:r.jsx(ht,{name:n,email:e??void 0,size:"sm"}),align:"right",children:[e&&r.jsxs(r.Fragment,{children:[r.jsx("div",{className:"px-3 py-2 text-xs text-fg-muted truncate",title:e,"data-testid":"account-menu-email",children:e}),r.jsx(ma,{})]}),r.jsxs(vs,{onClick:()=>s({to:"/settings/accounts"}),children:[r.jsx(Za,{className:"size-4"}),"Settings"]}),r.jsx(ma,{}),r.jsxs(vs,{onClick:t,children:[r.jsx(oc,{className:"size-4"}),"Sign out"]})]})},Mb=()=>r.jsx(Vc,{children:({email:e,signOut:t})=>r.jsx(Rb,{email:e,onSignOut:t})}),Pi=()=>{const e=Pa(),t=La(e);window.open(t,"_blank","noopener,noreferrer")};function Qc({variant:e="icon"}){return e==="drawer"?r.jsxs("button",{type:"button",onClick:Pi,className:"flex w-full items-center gap-2 rounded-md px-2 py-1 text-sm text-fg-muted transition-colors hover:bg-surface hover:text-fg",children:[r.jsx(Go,{className:"size-4 shrink-0"}),r.jsx("span",{className:"flex-1 truncate text-left",children:"Report a bug"})]}):r.jsx(J,{variant:"ghost",size:"sm",icon:r.jsx(Go,{className:"size-4"}),title:"Report a bug","aria-label":"Report a bug",onClick:Pi})}const Gc="/mail/",lo="/mail/$mailboxId",Yc="/mail/outbox",Xc="/mail/flagged";function co(e){return e.some(t=>t.routeId===Gc)}function cn(e){return e.some(t=>t.routeId===Xc)}function gr(e){return e.some(t=>t.routeId===Yc)}function Jc(e){return e.some(t=>t.routeId===lo)}function Ab(e){const t=e.find(s=>s.params?.mailboxId)?.params?.mailboxId;return t?`${lo}:${t}`:cn(e)?Xc:gr(e)?Yc:co(e)?Gc:""}const _n="search-scope";function Ob(e){const t=e.trim().replace(/\s+/g," ").toLowerCase();return/\s/.test(t)?`in:"${t}"`:`in:${t}`}function Zc(e){return cn(e)||gr(e)||Jc(e)}function eu(e){return e.find(t=>t.routeId===lo)?.params?.mailboxId}function Db(e){const t=eu(e.matches);return t||(Zc(e.matches)?e.callerMailboxId:e.callerMailboxId??e.inTokenMailboxId)}function Pb(e,t){return co(e)?{kind:"global"}:cn(e)?{kind:"scoped",chip:{id:_n,label:"is:starred"}}:gr(e)?{kind:"scoped",chip:{id:_n,label:"in:outbox"}}:Jc(e)?t?{kind:"scoped",chip:{id:_n,label:Ob(t)}}:{kind:"pending"}:{kind:"global"}}function Lb(e,t,s){return t.kind==="global"?{kind:"global"}:cn(e)?{kind:"collection"}:{kind:"folder",...s?{role:s}:{}}}const tu=({accounts:e})=>{const t=Fa({strict:!1}),s=pr(),n=t.mailboxId,{t:a}=Jn("mail",{useSuspense:!1}),o=c.useCallback((l,u)=>a(l,{defaultValue:u}),[a]),i=gt({queries:e.map(l=>({...Ue({path:{accountId:l.accountId}}),staleTime:1/0}))});if(s.pathname.startsWith("/mail/outbox"))return"Outbox";if(!n)return null;for(let l=0;l<e.length;l++){const u=i[l]?.data?.items;if(!u)continue;const f=u.find(m=>m.mailboxId===n);if(!f)continue;const d=rn(e[l].folderAppointments);return ks(f,d.get(n),o)}return null},Fb=({accounts:e})=>{const s=Fa({strict:!1}).mailboxId,n=gt({queries:e.map(a=>({...Ue({path:{accountId:a.accountId}}),staleTime:1/0}))});if(!s)return null;for(const a of n){const o=a.data?.items;if(!o)continue;const i=o.find(l=>l.mailboxId===s);if(i)return i.unseenCount}return null};function su(e){const t=Pe(),{searchInput:s}=Ne(),n=tu({accounts:e}),a=wt({select:l=>l.matches}),o=Pb(a,n),i=c.useCallback(l=>{l===_n&&t({to:"/mail",search:{q:s||void 0,selectedMessageId:void 0}})},[t,s]);return{scope:o,clearScope:i}}const nu=[{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 $b(e){for(const t of nu){const s=t.hints.find(n=>n.action===e);if(s)return s.keys}}function xs(e){const t=$b(e);return!t||t.length===0?"":t.length===1?`(${t[0]})`:t[0]==="g"?`(${t.join(" then ")})`:`(${t.join("")})`}const _b={global:"Search all mail",pending:"Search mail",scoped:"Search this folder"};function zb({accounts:e}){const{searchInput:t,onSearchChange:s,onSearchClear:n,onSearchClearQuery:a}=Ne(),o=Hc(e),{scope:i,clearScope:l}=su(e),u=i.kind==="scoped"?[{id:i.chip.id,label:i.chip.label,tone:"scope"}]:void 0,f=_b[i.kind];return r.jsx(Yp,{search:r.jsx(no,{value:t,onChange:s,onClear:n,onClearQuery:a,chips:u,onRemoveChip:l,placeholder:f,size:"lg"}),actions:r.jsxs(r.Fragment,{children:[r.jsx(J,{variant:"ghost",size:"sm",icon:r.jsx(Lh,{className:"size-4"}),title:`Compose ${xs("compose")}`,"aria-label":"Compose",onClick:o}),r.jsx(Qc,{}),r.jsx(Mb,{})]})})}const uo=({isOpen:e,onClose:t,children:s,ariaLabel:n="Navigation",side:a="left",widthClassName:o="w-[80vw] max-w-[320px]"})=>{const i=c.useRef(null),l=c.useRef(null);if(c.useEffect(()=>{if(!e)return;l.current=document.activeElement;const f=h=>{h.key==="Escape"&&(h.preventDefault(),t())};document.addEventListener("keydown",f),i.current?.querySelector("button, [href], input, select, textarea, [tabindex]:not([tabindex='-1'])")?.focus();const m=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",f),document.body.style.overflow=m,l.current?.focus()}},[e,t]),!e)return null;const u=a==="left"?"left-0 border-r animate-in slide-in-from-left duration-150":"right-0 border-l animate-in slide-in-from-right duration-150";return r.jsxs("div",{className:"fixed inset-0 z-50 lg:hidden",role:"dialog","aria-modal":"true","aria-label":n,children:[r.jsx("button",{type:"button","aria-label":"Close menu",onClick:t,className:"absolute inset-0 bg-black/40 animate-in fade-in duration-150 cursor-default"}),r.jsxs("div",{ref:i,className:Re("absolute top-0 bottom-0 bg-canvas border-line shadow-xl flex flex-col",o,u),children:[r.jsx("div",{className:"flex items-center justify-end h-12 px-2 border-b border-line shrink-0",children:r.jsx("button",{type:"button",onClick:t,className:"p-2 rounded-md hover:bg-surface-raised transition-colors min-h-11 min-w-11 inline-flex items-center justify-center","aria-label":"Close menu",children:r.jsx(pt,{className:"size-5"})})}),r.jsx("div",{className:"flex-1 overflow-y-auto",children:s})]})]})},Bb=e=>{const t=e.filter(a=>!a.isMultipart&&a.disposition!=="attachment"&&a.mediaType==="TEXT"&&a.contentUrl.length>0),s=t.find(a=>a.mediaSubtype.toUpperCase()==="HTML");if(s)return{kind:"html",contentUrl:s.contentUrl};const n=t.find(a=>a.mediaSubtype.toUpperCase()==="PLAIN");return n?{kind:"text",contentUrl:n.contentUrl}:null},ha={all:["messages"],detail:e=>[...ha.all,"detail",e],body:e=>[...ha.detail(e),"body"]};class Zt extends Error{reason;status;retryAfterSeconds;constructor(t,s,n,a){super(s),this.name="BodyFetchError",this.reason=t,this.status=n,this.retryAfterSeconds=a}}const Kb=e=>{const t=Number.parseInt(e??"",10);return!Number.isFinite(t)||t<=0?1:Math.min(t,30)},Ub=8,qb="x-remit-403-reason",Hb=(e,t)=>{const s=t?.trim()??"";return e===401?"auth":e===403?s.length>0?"auth":"body-missing":e===404?"body-missing":"generic"},Wb=(e,t)=>(t??"").toLowerCase().startsWith("text/html")?/<div\s+id=["']root["']/i.test(e):!1,Vb=(e,t)=>{const s=(t??"").toLowerCase();return!!(e==="text"&&s.startsWith("text/html"))},Qb=async(e,t,s=async()=>null)=>{const n={},a=await s();a&&(n.Authorization=`Bearer ${a}`);const o=await Gf(e,{headers:n});if(o.status===202)throw new Zt("not-ready","Message body is still syncing",202,Kb(o.headers.get("Retry-After")));if(!o.ok){const u=o.headers.get(qb),f=Hb(o.status,u);throw new Zt(f,`Failed to load message body (${o.status} ${o.statusText})`,o.status)}const i=o.headers.get("content-type");if(Vb(t,i))throw new Zt("content-type-mismatch",`Refusing to render message body — expected ${t}, got Content-Type ${i}`);const l=await o.text();if(Wb(l,i))throw new Zt("spa-shell-leak","Refusing to render message body — response looks like the SPA shell (CloudFront 403/404 fallback leaked through to /content/*)");return l},Gb=async(e,t)=>(t.isRetryAfterNotReady&&await e.refetchDescribeMessage(),e.fetchContent(t.contentUrl,t.kind)),ru=({messageId:e,bodyParts:t,enabled:s=!0})=>{const n=t?Bb(t):null,a=an(),{getToken:o}=Da(),i=c.useRef(null),l=je(),u=c.useRef(!1),f=c.useRef(null),d=e&&n?`${e}:${n.contentUrl}`:null;f.current!==d&&(f.current=d,u.current=!1);const m=me({queryKey:e?[...ha.body(e),n?.contentUrl??null]:["messages","body","noop"],queryFn:()=>{if(!n)throw new Error("No renderable body part");if(!e)throw new Error("No messageId");const x=u.current;return u.current=!1,Gb({fetchContent:(p,y)=>Qb(p,y,o),refetchDescribeMessage:()=>l.refetchQueries({queryKey:Sl({path:{messageId:e}})})},{contentUrl:n.contentUrl,kind:n.kind,isRetryAfterNotReady:x})},enabled:s&&!!e&&!!n,staleTime:300*1e3,gcTime:1800*1e3,retry:(x,p)=>p instanceof Zt&&p.reason==="not-ready"?x<Ub:x<1,retryDelay:(x,p)=>p instanceof Zt&&p.reason==="not-ready"?(u.current=!0,(p.retryAfterSeconds??1)*1e3):1e3,meta:{softError:!0}}),h=m.isLoading&&!!n;c.useEffect(()=>{h&&(i.current=performance.now())},[h]),c.useEffect(()=>{m.isSuccess&&i.current!==null&&(a.recordTiming("message.body.load",Math.round(performance.now()-i.current)),i.current=null)},[m.isSuccess,a]);const g=m.data&&n?{kind:n.kind,body:m.data}:void 0;return{picked:n,data:g,isLoading:h,isError:m.isError,error:m.error,refetch:m.refetch}},Yb=({outboxMessageId:e,onDraftCreated:t})=>{const[s,n]=c.useState("idle"),[a,o]=c.useState(null),i=c.useRef(void 0),l=je(),u=Ce(jl()),f=Ce(Yf()),d=c.useCallback(async x=>{if(n("saving"),o(null),e){const y=await f.mutateAsync({path:{outboxMessageId:e},body:{toAddresses:x.toAddresses,ccAddresses:x.ccAddresses,bccAddresses:x.bccAddresses,subject:x.subject,textBody:x.textBody,htmlBody:x.htmlBody,inReplyTo:x.inReplyTo,references:x.references}});return n("saved"),y}const p=await u.mutateAsync({body:{...x,sendImmediately:!1}});return t(p.outboxMessageId),n("saved"),l.invalidateQueries({queryKey:Zn().queryKey}),p},[e,u,f,t,l]),m=c.useCallback(x=>{i.current&&clearTimeout(i.current),i.current=setTimeout(()=>{d(x).catch(p=>{o(p),n("error")})},2e3)},[d]),h=c.useCallback(x=>(i.current&&clearTimeout(i.current),d(x)),[d]),g=c.useCallback(()=>{i.current&&clearTimeout(i.current)},[]);return{saveStatus:s,saveError:a,saveDraft:m,saveImmediately:h,cancelAutoSave:g}},au=e=>"text"in e&&!("children"in e),ou=e=>e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;"),Xb=e=>{let t=ou(e.text);return e.bold&&(t=`<strong>${t}</strong>`),e.italic&&(t=`<em>${t}</em>`),t},iu=e=>{const t=e.children.map(s=>au(s)?Xb(s):iu(s)).join("");switch(e.type){case"blockquote":return`<blockquote>${t}</blockquote>`;case"a":{const s=e.url??"";return`<a href="${ou(s)}">${t}</a>`}default:return`<p>${t}</p>`}},Li=e=>e.map(iu).join(""),lu=e=>au(e)?e.text:e.children.map(lu).join(""),pa=e=>e.map(lu).join(`
116
+ `),Jb=["Tab",","],Fi=e=>/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e.trim()),Zb=e=>{const t=e.trim();if(!t)return;const s=t.match(/^(.+?)\s*<([^>]+)>$/);if(s){const n=s[1].trim(),a=s[2].trim();if(Fi(a))return{email:a,displayName:n}}if(Fi(t))return{email:t}},Qr=({label:e,addresses:t,onChange:s,placeholder:n})=>{const[a,o]=c.useState(""),i=c.useRef(null),l=ar(a,200),{data:u}=me({...er({query:{q:l,limit:8}}),enabled:l.length>=2}),f=u?.items??[],d=new Set(t.map(v=>v.email.toLowerCase())),m=a.length>=2?f.filter(v=>!d.has(v.normalizedEmail.toLowerCase())):[],h=c.useCallback(v=>{d.has(v.email.toLowerCase())||(s([...t,v]),o(""))},[t,d,s]),g=c.useCallback(v=>{s(t.filter((C,N)=>N!==v))},[t,s]),x=c.useCallback(v=>{h({email:v.normalizedEmail,displayName:v.displayName}),i.current?.focus()},[h]),p=c.useCallback(()=>{const v=Zb(a);v&&h(v)},[a,h]),y=kl({count:m.length,acceptKeys:Jb,onAccept:v=>x(m[v])}),b=c.useMemo(()=>m.map(v=>({value:v.normalizedEmail,label:v.displayName??v.normalizedEmail,...v.displayName?{hint:v.normalizedEmail}:{}})),[m]),S=c.useCallback(v=>{if(v.key==="Backspace"&&a===""&&t.length>0){g(t.length-1);return}y.handleKeyDown(v)||(v.key==="Enter"||v.key==="Tab"||v.key===",")&&a.trim()&&(v.preventDefault(),p())},[a,t.length,g,y.handleKeyDown,p]),w=c.useCallback(()=>{setTimeout(()=>{p(),y.dismiss()},150)},[p,y.dismiss]);return r.jsxs("div",{className:"relative",children:[r.jsxs("div",{className:"flex items-start gap-2",children:[r.jsxs("label",{htmlFor:`address-field-${e}`,className:"text-sm text-fg-muted shrink-0 w-12 pt-1.5",children:[e,":"]}),r.jsxs("div",{className:"flex-1 flex flex-wrap items-center gap-1 min-h-[36px] px-2 py-1 border rounded-md bg-canvas cursor-text",onClick:()=>i.current?.focus(),onKeyDown:v=>{(v.key==="Enter"||v.key===" ")&&i.current?.focus()},children:[t.map((v,C)=>r.jsx(Bh,{email:v.email,displayName:v.displayName,onRemove:()=>g(C)},v.email)),r.jsx("input",{ref:i,id:`address-field-${e}`,type:"text",value:a,onChange:v=>{y.reopen(),o(v.target.value)},onKeyDown:S,onBlur:w,placeholder:t.length===0?n:"",className:"flex-1 min-w-[120px] bg-transparent outline-none text-sm py-0.5",autoComplete:"off",...y.comboboxProps})]})]}),y.open&&r.jsx(Cl,{id:y.listId,suggestions:b,activeIndex:y.activeIndex,optionId:y.optionId,onPick:v=>{const C=m.find(N=>N.normalizedEmail===v.value);C&&x(C)},onHighlight:y.setActiveIndex,label:`${e} suggestions`,className:"absolute left-12 right-0 z-50 mt-1 max-h-[200px] shadow-lg"})]})},ev=({accountId:e})=>{const t=Pe();return r.jsxs("div",{role:"alert","data-testid":"compose-smtp-missing-banner",className:"flex items-start gap-3 border-b border-warning/50 bg-warning/10 px-3 py-2",children:[r.jsx(Ta,{className:"size-5 shrink-0 mt-0.5 text-warning","aria-hidden":"true"}),r.jsxs("div",{className:"flex-1 min-w-0",children:[r.jsx("p",{className:"text-sm font-medium text-warning",children:"This account can't send mail until SMTP is configured."}),r.jsxs("button",{type:"button",onClick:()=>{t({to:"/settings/accounts",search:{editAccountId:e,focusSmtp:!0}})},className:"mt-1 inline-flex items-center gap-1 text-xs font-medium text-warning hover:underline",children:["Configure SMTP",r.jsx(Nh,{className:"size-3","aria-hidden":"true"})]})]})]})},$i=150,tv=()=>{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>$i}});return c.useEffect(()=>{if(typeof window>"u"||!window.visualViewport)return;const s=window.visualViewport,n=()=>{const a=s.height;t({viewportHeight:a,isKeyboardOpen:window.innerHeight-a>$i})};return n(),s.addEventListener("resize",n),()=>s.removeEventListener("resize",n)},[]),e},sv=({selectedAccountId:e,onSelect:t})=>{const{data:s}=me({...jt(),staleTime:1/0}),n=s?.accounts??[];if(c.useEffect(()=>{!e&&n.length===1&&n[0]&&t(n[0])},[e,n,t]),n.length<=1){const a=n[0];return a?r.jsxs("div",{className:"flex items-start gap-2",children:[r.jsx("label",{className:"text-sm text-fg-muted shrink-0 w-12 pt-1.5",children:"From:"}),r.jsx("div",{className:"text-sm py-1.5",children:a.email})]}):null}return r.jsxs("div",{className:"flex items-start gap-2",children:[r.jsx("label",{htmlFor:"from-account-selector",className:"text-sm text-fg-muted shrink-0 w-12 pt-1.5",children:"From:"}),r.jsx("select",{id:"from-account-selector",value:e??"",onChange:a=>{const o=n.find(i=>i.accountId===a.target.value);o&&t(o)},className:"flex-1 px-2 py-1.5 border rounded-md bg-canvas text-sm",children:n.map(a=>r.jsx("option",{value:a.accountId,children:a.email},a.accountId))})]})},nv=({value:e,onChange:t})=>r.jsxs("div",{className:"flex items-start gap-2",children:[r.jsx("label",{className:"text-sm text-fg-muted shrink-0 w-12 pt-1.5",children:"Subj:"}),r.jsx("input",{type:"text",value:e,onChange:s=>t(s.target.value),className:"flex-1 px-2 py-1.5 border rounded-md bg-canvas text-sm",placeholder:"Subject","data-subject-field":!0})]}),rv=["p","br","strong","b","em","i","a","blockquote","ul","ol","li"],av=["href"],ov=e=>gl.sanitize(e,{ALLOWED_TAGS:rv,ALLOWED_ATTR:av}),iv=c.lazy(()=>Jf(()=>import("./ComposeBody-BgnJQQAa.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17])).then(e=>({default:e.ComposeBody}))),lv=()=>r.jsxs("div",{className:"min-h-[120px] px-3 py-2",children:[r.jsx("div",{className:"h-8 mb-2 rounded bg-surface-sunken animate-pulse"}),r.jsx("div",{className:"min-h-[80px] rounded bg-surface-sunken/50 animate-pulse"})]}),cu=[{type:"p",children:[{text:""}]}],cv=[{type:"p",children:[{text:""}]},{type:"p",children:[{text:"-- "}]}],uv=e=>e?[...cv,{type:"p",children:[{text:e}]}]:cu,dv=e=>e?/^re:\s/i.test(e)?e:`Re: ${e}`:"Re: ",fv=e=>e?/^fwd?:\s/i.test(e)?e:`Fwd: ${e}`:"Fwd: ",mv=(e,t,s)=>{const{envelope:n}=e,o=(n.replyTo.length>0?n.replyTo:n.from).map(f=>({email:f.normalizedEmail,displayName:f.displayName}));if(t!=="reply_all")return{to:o,cc:[]};const i=s?.toLowerCase(),l=new Set(o.map(f=>f.email.toLowerCase())),u=[...n.to,...n.cc].filter(f=>f.normalizedEmail.toLowerCase()!==i&&!l.has(f.normalizedEmail.toLowerCase())).map(f=>({email:f.normalizedEmail,displayName:f.displayName}));return{to:o,cc:u}},hv=e=>{const t=e.envelope.messageIdValue,n=[...e.references.filter(a=>a.referenceType==="references").sort((a,o)=>a.referenceOrder-o.referenceOrder).map(a=>a.messageIdValue)];return t&&!n.includes(t)&&n.push(t),{inReplyTo:t,references:n}},pv=(e,t,s,n,a)=>e.length===0&&t.length===0&&s.length===0&&n.trim()===""&&pa(a).trim()==="",gv=({selectedAccountId:e,onAccountChange:t,toAddresses:s,setToAddresses:n,ccAddresses:a,setCcAddresses:o,bccAddresses:i,setBccAddresses:l,showCc:u,setShowCc:f,showBcc:d,setShowBcc:m,subject:h,setSubject:g})=>{const x=Kt(),{isKeyboardOpen:p}=tv();if(!x&&p){const b=[];return s.length>0&&b.push(`To: ${s.map(S=>S.displayName??S.email).join(", ")}`),a.length>0&&b.push(`Cc: ${a.length}`),i.length>0&&b.push(`Bcc: ${i.length}`),h&&b.push(h),r.jsxs("div",{className:"flex items-center gap-2 px-3 py-1.5 border-b border-line overflow-hidden","data-testid":"compose-header-collapsed",children:[r.jsx("span",{className:"truncate text-xs text-fg-muted",children:b.length>0?b.join(" · "):"…"}),r.jsx("span",{className:"shrink-0 inline-flex items-center justify-center rounded bg-surface-sunken px-1.5 py-0.5 text-2xs text-fg-muted",children:"…"})]})}return r.jsxs("div",{className:"space-y-1 px-3 py-2 border-b border-line",children:[r.jsx(sv,{selectedAccountId:e,onSelect:t}),r.jsx(Qr,{label:"To",addresses:s,onChange:n,placeholder:"Recipients"}),u?r.jsx(Qr,{label:"Cc",addresses:a,onChange:o}):r.jsxs("div",{className:"flex gap-2 pl-14",children:[r.jsx("button",{type:"button",onClick:()=>f(!0),className:"text-xs text-fg-muted hover:text-fg transition-colors",children:"Cc"}),r.jsx("button",{type:"button",onClick:()=>m(!0),className:"text-xs text-fg-muted hover:text-fg transition-colors",children:"Bcc"})]}),u&&!d&&r.jsx("div",{className:"pl-14",children:r.jsx("button",{type:"button",onClick:()=>m(!0),className:"text-xs text-fg-muted hover:text-fg transition-colors",children:"Bcc"})}),d&&r.jsx(Qr,{label:"Bcc",addresses:i,onChange:l}),r.jsx(nv,{value:h,onChange:g})]})},fo=({mode:e,account:t,sourceMessage:s,onClose:n,onAccountChange:a})=>{const{state:o,setOutboxMessageId:i,startSendPolling:l}=Bt(),{pushError:u}=Ze(),{outboxMessageId:f}=o,[d,m]=c.useState([]),[h,g]=c.useState([]),[x,p]=c.useState([]),[y,b]=c.useState(""),[S,w]=c.useState(!1),[v,C]=c.useState(!1),[N,E]=c.useState(t?.accountId),[I,D]=c.useState(!1),O=c.useRef(f);c.useEffect(()=>{O.current!==f&&(O.current=f,f&&(m([]),g([]),p([]),b(""),w(!1),C(!1),R(cu),D(!1)))},[f]);const{signature:A}=Mm(N),[P,R]=c.useState(()=>uv(A.plainText)),{data:j}=me({...Xf({path:{outboxMessageId:f??""}}),enabled:!!f&&!I});c.useEffect(()=>{!j||I||(m(j.toAddresses.map(z=>({email:z,displayName:void 0}))),j.ccAddresses&&j.ccAddresses.length>0&&(g(j.ccAddresses.map(z=>({email:z,displayName:void 0}))),w(!0)),j.bccAddresses&&j.bccAddresses.length>0&&(p(j.bccAddresses.map(z=>({email:z,displayName:void 0}))),C(!0)),j.subject&&b(j.subject),j.textBody&&R([{type:"p",children:[{text:j.textBody}]}]),E(j.accountId),D(!0))},[j,I]),c.useEffect(()=>{if(s){if(e==="reply"||e==="reply_all"){const{to:z,cc:ne}=mv(s,e,t?.email);m(z),g(ne),ne.length>0&&w(!0),b(dv(s.envelope.subject))}e==="forward"&&b(fv(s.envelope.subject))}},[e,s,t?.email]);const F=e==="reply"||e==="reply_all"||e==="forward",{data:L}=ru({messageId:s?.message.messageId,bodyParts:s?.bodyParts,enabled:F&&!!s}),k=L?.kind==="text"?L.body:"",M=L?.kind==="html"?ov(L.body):void 0,T=s?.envelope.from[0]?.displayName??s?.envelope.from[0]?.normalizedEmail,{saveStatus:q,saveError:te,saveDraft:se,cancelAutoSave:oe}=Yb({outboxMessageId:f,onDraftCreated:i});c.useEffect(()=>{te&&u({title:"Couldn't save draft",detail:ot(te)??"Saving the draft failed.",error:te})},[te,u]);const G=Ce(jl()),Z=Ce(Nl()),le=Ce({...tr(),onError:z=>{u(ts("Couldn't discard draft","The draft wasn't discarded.",z))}}),{data:ae}=me({...jt(),staleTime:1/0}),B=ae?.accounts.find(z=>z.accountId===N),K=B?Tm(B):!1,ce=G.isPending||Z.isPending,ve=d.length>0&&!!N&&!K;c.useEffect(()=>{if(!N||f&&!I||pv(d,h,x,y,P))return;const z=pa(P),ne=Li(P);se({accountId:N,toAddresses:d.map(de=>de.email),ccAddresses:h.length>0?h.map(de=>de.email):void 0,bccAddresses:x.length>0?x.map(de=>de.email):void 0,subject:y||void 0,textBody:z||void 0,htmlBody:ne||void 0})},[N,f,I,d,h,x,y,P,se]);const xe=c.useCallback(async()=>{if(!N||d.length===0)return;oe();const z=s&&(e==="reply"||e==="reply_all")?hv(s):{};let ne=f,de=!1;if(!ne){const fe=pa(P),De=Li(P),be=await G.mutateAsync({body:{accountId:N,toAddresses:d.map(ye=>ye.email),ccAddresses:h.length>0?h.map(ye=>ye.email):void 0,bccAddresses:x.length>0?x.map(ye=>ye.email):void 0,subject:y||void 0,textBody:fe||void 0,htmlBody:De||void 0,sendImmediately:!0,...z}}).catch(ye=>(u({title:"Couldn't send message",detail:ot(ye)??"Saving the draft failed.",error:ye}),null));if(be===null)return;ne=be.outboxMessageId,de=!0,i(ne)}await Z.mutateAsync({path:{outboxMessageId:ne}}).catch(fe=>(u({title:"Couldn't send message",detail:ot(fe)??(de?"The draft was saved but the send request failed. Try again from the Outbox.":"The send request failed. Try again."),error:fe}),null))!==null&&(l(ne),n())},[N,d,h,x,y,P,e,s,f,G,Z,oe,l,i,u,n]),Q=c.useCallback(()=>{oe(),f&&le.mutate({path:{outboxMessageId:f}}),n()},[oe,f,le,n]),_=c.useCallback(z=>{E(z.accountId),a?.(z)},[a]);return r.jsx(sg,{banner:B&&K?r.jsx(ev,{accountId:B.accountId}):void 0,header:r.jsx(gv,{selectedAccountId:N,onAccountChange:_,toAddresses:d,setToAddresses:m,ccAddresses:h,setCcAddresses:g,bccAddresses:x,setBccAddresses:p,showCc:S,setShowCc:w,showBcc:v,setShowBcc:C,subject:y,setSubject:b}),quoted:k||M?r.jsx(jg,{text:k,html:M,senderName:T}):void 0,actionBar:r.jsx(tg,{onSend:xe,onDiscard:Q,sending:ce,canSend:ve,saveStatus:q,unavailableReason:K?"SMTP not configured":void 0,onUnavailable:z=>u({title:"Can't send yet",detail:z})}),children:r.jsx(c.Suspense,{fallback:r.jsx(lv,{}),children:r.jsx(iv,{value:P,onChange:R,onSubmit:xe,autoFocus:e==="new"})})})},_i=({mode:e,account:t,sourceMessage:s,onClose:n})=>r.jsx("div",{className:"border-t border-line bg-canvas max-h-[400px] flex flex-col",children:r.jsx(fo,{mode:e,account:t,sourceMessage:s,onClose:n})}),uu=({message:e,icon:t})=>r.jsxs("div",{className:"flex flex-col items-center justify-center p-8 text-center",children:[t&&r.jsx("div",{className:"mb-4 text-fg-muted",children:t}),r.jsx("p",{className:"text-fg-muted",children:e})]}),mo=({enabled:e=!0,bindings:t,capture:s=!1})=>{const n=c.useCallback(a=>{const o=a.target;if(!(o.tagName==="INPUT"||o.tagName==="TEXTAREA"||o.isContentEditable))for(const i of t){if(!(a.key.toLowerCase()===i.key.toLowerCase())||i.requireShift!==void 0&&i.requireShift!==a.shiftKey)continue;const u=a.ctrlKey||a.metaKey;if(i.requireMeta!==void 0){if(i.requireMeta!==u)continue}else{const f=i.noModifiers??!0,d=u||a.altKey||i.requireShift===void 0&&a.shiftKey;if(f&&d)continue}i.preventDefault&&a.preventDefault(),i.stopPropagation&&(a.stopPropagation(),a.stopImmediatePropagation()),i.handler(a);return}},[t]);c.useEffect(()=>{if(e)return window.addEventListener("keydown",n,s),()=>window.removeEventListener("keydown",n,s)},[e,n,s])},ho=e=>{const{data:t,isLoading:s}=me({...jt(),staleTime:1/0}),n=c.useMemo(()=>(t?.accounts??[]).map(l=>l.accountId),[t?.accounts]),a=gt({queries:n.map(l=>({...Ue({path:{accountId:l}}),staleTime:1/0,enabled:!!e}))}),o=s||a.some(l=>l.isLoading);return{accountId:c.useMemo(()=>{if(e){for(let l=0;l<n.length;l++)if((a[l].data?.items??[]).some(d=>d.mailboxId===e))return n[l]}},[e,n,a]),isLoading:o}},du=100,qn=async e=>e.then(t=>({ok:!0,value:t}),t=>({ok:!1,error:t})),xv=(e,t=du)=>{if(e.length===0)return[];const s=[];for(let n=0;n<e.length;n+=t)s.push(e.slice(n,n+t));return s},fu=async(e,t,s,n)=>{const a=xv(e),o=e.length;let i=0;const l=[];for(let u=0;u<a.length;u++){if(n())return l.push(...a.slice(u).flat()),{done:i,failedIds:l,cancelled:!0};const f=a[u],d=await qn(t(f));if(!d.ok)return l.push(...a.slice(u).flat()),s({done:i,total:o}),{done:i,failedIds:l,cancelled:!1,error:d.error};i+=f.length,s({done:i,total:o})}return{done:i,failedIds:l,cancelled:!1}},xr=async(e,t)=>{await fu(e,async s=>(await t(s),{successCount:s.length,failureCount:0}),()=>{},()=>!1)},bv=async(e,t,s,n,a)=>{let o=0;const i=[];let l;do{if(a())return{done:o,failedIds:i,cancelled:!0};const u=await qn(e(l));if(!u.ok)return{done:o,failedIds:i,cancelled:!1,error:u.error};const f=u.value;if(f.ids.length>0){const d=await qn(s(f.ids));if(!d.ok)return{done:o,failedIds:i,cancelled:!1,error:d.error};o+=f.ids.length,n({done:o,total:t})}l=f.continuationToken}while(l);return{done:o,failedIds:i,cancelled:!1}},vv=e=>({done:e.done,total:Math.max(e.total,e.done)}),yv=async(e,t,s)=>{let n=0,a;do{if(s())return{total:n,cancelled:!0};const o=await qn(e(a));if(!o.ok)return{total:n,cancelled:!1,error:o.error};const i=o.value;n+=i.ids.length,t(n),a=i.continuationToken}while(a);return{total:n,cancelled:!1}},wv=e=>e.failedIds.length>0?{exit:!1,retryIds:e.failedIds}:e.cancelled||e.error?{exit:!1,retryIds:[]}:{exit:!0,retryIds:[]},mu=e=>typeof e=="object"&&e!==null&&Array.isArray(e.pages),hu=e=>typeof e=="object"&&e!==null&&Array.isArray(e.items),pu=(e,t)=>e===void 0?e:mu(e)?{...e,pages:e.pages.map(s=>({...s,items:t(s.items)}))}:hu(e)?{...e,items:t(e.items)}:e,Ct=e=>{const t=[];for(const s of new Set(e))t.push(sr({path:{mailboxId:s}})),t.push($a({path:{mailboxId:s}}));return t.push(_a()),t},un=(e,t)=>Promise.all(t.map(s=>e.cancelQueries({queryKey:s}))),dn=(e,t)=>t.flatMap(s=>e.getQueriesData({queryKey:s})).filter(s=>s[1]!==void 0).map(([s,n])=>({queryKey:s,data:n})),fn=(e,t,s)=>{const n=a=>pu(a,s);for(const a of t)e.setQueriesData({queryKey:a},n)},mn=(e,t)=>{for(const s of t)e.setQueryData(s.queryKey,s.data)},Nt=(e,t)=>{for(const s of t)e.invalidateQueries({queryKey:s})},Sv=3e3,jv=(e,t,s)=>{if(e.length===0)return()=>{};const n=setTimeout(()=>s(e),t);return()=>clearTimeout(n)},br=(e,t,s)=>{const n=new Map(t.map(o=>[o.messageId,o.mailboxId])),a=new Set;for(const o of e)a.add(n.get(o)??s);return[...a]},Hn=(e,t,s)=>e.map(n=>t.has(n.messageId)?{...n,isRead:s}:n),kv=(e,t,s,n)=>e.filter(a=>!a.isRead&&t.has(a.threadMessageId)&&!s.has(a.messageId)&&!n.has(a.messageId)).map(a=>a.messageId),Cv=({messages:e,expandedIds:t,threadId:s,mailboxId:n,accountId:a})=>{const o=je(),{pushError:i}=Ze(),l=c.useRef(new Set),u=c.useRef(new Set),{mutate:f}=Ce({...nr(),onMutate:async h=>{const g=new Set(h.body.messageIds??[]),x=h.body.isRead??!0,p=os({path:{threadId:s}}),y=Ct(br(g,e,n));await Promise.all([o.cancelQueries({queryKey:p}),un(o,y)]);const b=o.getQueriesData({queryKey:p}).filter(w=>w[1]!==void 0).map(([w,v])=>({queryKey:w,data:v})),S=dn(o,y);return o.setQueriesData({queryKey:p},w=>w&&{...w,items:Hn(w.items,g,x)}),fn(o,y,w=>Hn(w,g,x)),{threadMessagesPrefix:p,listPrefixes:y,previousThreadMessages:b,previousThreadsList:S}},onSuccess:(h,g)=>{const x=g.body.messageIds??[];for(const p of x)l.current.add(p),u.current.delete(p)},onError:(h,g,x)=>{const p=g.body.messageIds??[];for(const b of p)u.current.delete(b);if(x){for(const b of x.previousThreadMessages)o.setQueryData(b.queryKey,b.data);mn(o,x.previousThreadsList)}const y=g.body.isRead??!0;i({title:y?"Couldn't mark as read":"Couldn't mark as unread",detail:ot(h),error:h})},onSettled:(h,g,x,p)=>{p&&(o.invalidateQueries({queryKey:p.threadMessagesPrefix}),Nt(o,p.listPrefixes),a&&o.invalidateQueries({queryKey:as({path:{accountId:a}})}))}}),d=c.useCallback(h=>{const g=h.filter(x=>!l.current.has(x)&&!u.current.has(x));if(g.length!==0){for(const x of g)u.current.add(x);f({body:{messageIds:g,isRead:!0}})}},[f]),m=c.useMemo(()=>kv(e,t,l.current,u.current),[e,t]);c.useEffect(()=>jv(m,Sv,d),[m,d]),c.useEffect(()=>{l.current.clear(),u.current.clear()},[s])},vr=e=>{const{mailboxId:t,accountId:s,messages:n}=e,a=je(),{pushError:o}=Ze(),{mutateAsync:i,isPending:l}=Ce({...nr(),onError:(f,d)=>{const m=d.body.isRead??!0;o({title:m?"Couldn't mark as read":"Couldn't mark as unread",detail:ot(f),error:f})},onSettled:(f,d,m)=>{Nt(a,Ct(br(m.body.messageIds??[],n??[],t))),s&&a.invalidateQueries({queryKey:as({path:{accountId:s}})})}});return{toggleReadFor:c.useCallback((f,d)=>{f.length!==0&&xr(f,m=>i({body:{messageIds:m,isRead:d}}))},[i]),isPending:l}},Nv=60,Ev=1.5,Iv=(e,t,s)=>{const n=Math.abs(e),a=Math.abs(t);return n<s?{direction:null}:n<a*Ev?{direction:null}:{direction:e<0?"left":"right"}},Tv=({onSwipeLeft:e,onSwipeRight:t,thresholdPx:s=Nv})=>{const n=c.useRef(null),a=c.useCallback(u=>{if(u.pointerType==="mouse"){n.current=null;return}n.current={x:u.clientX,y:u.clientY}},[]),o=c.useCallback(()=>{},[]),i=c.useCallback(u=>{const f=n.current;if(n.current=null,!f)return;const{direction:d}=Iv(u.clientX-f.x,u.clientY-f.y,s);d==="left"&&e?.(),d==="right"&&t?.()},[e,t,s]),l=c.useCallback(()=>{n.current=null},[]);return{handlers:{onPointerDown:a,onPointerMove:o,onPointerUp:i,onPointerCancel:l}}},Rv=(e,t,s)=>t?.find(n=>n.messageId===e)?.mailboxId??s,zi=(e,t,s)=>e.map(n=>n.messageId===t?{...n,hasStars:s}:n),po=({threadId:e,mailboxId:t,messages:s})=>{const n=je(),{pushError:a}=Ze(),{mutate:o,isPending:i,variables:l}=Ce({...Zf(),onMutate:async f=>{const d=f.path.messageId,m=f.body.isStarred??!1,h=os({path:{threadId:e}}),g=Ct([Rv(d,s,t)]);await Promise.all([n.cancelQueries({queryKey:h}),un(n,g)]);const x=n.getQueriesData({queryKey:h}).filter(y=>y[1]!==void 0).map(([y,b])=>({queryKey:y,data:b})),p=dn(n,g);return n.setQueriesData({queryKey:h},y=>pu(y,b=>zi(b,d,m))),fn(n,g,y=>zi(y,d,m)),{threadMessagesPrefix:h,listPrefixes:g,previousThreadMessages:x,previousThreadsList:p}},onError:(f,d,m)=>{if(m){for(const g of m.previousThreadMessages)n.setQueryData(g.queryKey,g.data);mn(n,m.previousThreadsList)}const h=d.body.isStarred??!1;a({title:h?"Couldn't star message":"Couldn't unstar message",detail:ot(f),error:f})},onSettled:(f,d,m,h)=>{h&&(n.invalidateQueries({queryKey:h.threadMessagesPrefix}),Nt(n,h.listPrefixes))}});return{toggleStar:(f,d)=>{o({path:{messageId:f},body:{isStarred:!d}})},isPending:i,pendingMessageId:i?l?.path.messageId:void 0}};function yr(e){return e===void 0?"uncategorized":e}const Mv={inbox:"Inbox",junk:"Junk"},go=e=>e.destinationMailboxId!==void 0,Av=(e,t)=>{if(go(e))return`Moved from ${t??"another folder"} by Remit`;const s=e.fromPlacement??"";return`Moved from ${Mv[s]??"another folder"} by Remit`},Ov=(e,t)=>{if(e===zo.MoveToInbox)return t.inboxMailboxId;if(e===zo.MoveToJunk)return t.junkMailboxId},Dv=(e,t,s)=>{if(!e||!t)return!1;const n=go(e)?e.destinationMailboxId:Ov(e.action,s);return n!==void 0&&n===t},Pv=(e,t)=>{if(e){if(go(e))return e.fromMailboxId;if(e.fromPlacement==="inbox")return t.inboxMailboxId;if(e.fromPlacement==="junk")return t.junkMailboxId}},wr=(e,t)=>{const{data:s,isLoading:n}=me({...jt(),staleTime:1/0,enabled:!!e});return{mailboxId:c.useMemo(()=>e?s?.accounts.find(i=>i.accountId===e)?.folderAppointments.find(i=>i.role===t)?.mailboxId:void 0,[s,e,t]),isLoading:n}},Lv=e=>{const{mailboxId:t,isLoading:s}=wr(e,"Archive");return{archiveMailboxId:t,isLoading:s}},Fv=e=>{const{mailboxId:t,isLoading:s}=wr(e,"Drafts");return{draftsMailboxId:t,isLoading:s}},xo=e=>{const{mailboxId:t,isLoading:s}=wr(e,"Inbox");return{inboxMailboxId:t,isLoading:s}},hn=e=>{const{mailboxId:t,isLoading:s}=wr(e,"Junk");return{junkMailboxId:t,isLoading:s}},gu=e=>{const{data:t}=me({...jt(),staleTime:1/0,enabled:!!e});return c.useMemo(()=>t?.accounts.find(s=>s.accountId===e)?.folderAppointments??[],[t,e])},Bi=(e,t)=>e.filter(s=>!t.has(s.messageId)),_t=({mailboxId:e,threadId:t,accountId:s,onAfterOptimisticRemove:n})=>{const a=je(),{pushError:o}=Ze(),{mutateAsync:i,isPending:l}=Ce({...em(),onMutate:async f=>{const d=new Set(f.body.messageIds??[]),m=t?os({path:{threadId:t}}):[],h=Ct([e,f.body.destinationMailboxId]);await Promise.all([...t?[a.cancelQueries({queryKey:m})]:[],un(a,h)]);const g=t?a.getQueriesData({queryKey:m}).filter(p=>p[1]!==void 0).map(([p,y])=>({queryKey:p,data:y})):[],x=dn(a,h);return t&&a.setQueriesData({queryKey:m},p=>p&&{...p,items:Bi(p.items,d)}),fn(a,h,p=>Bi(p,d)),n?.(Array.from(d)),{threadMessagesPrefix:m,listPrefixes:h,previousThreadMessages:g,previousThreadsList:x}},onError:(f,d,m)=>{if(m){for(const g of m.previousThreadMessages)a.setQueryData(g.queryKey,g.data);mn(a,m.previousThreadsList)}const h=d.body.messageIds?.length??0;o({title:h>1?`Couldn't move ${h} messages`:"Couldn't move this message",detail:ot(f),error:f})},onSettled:(f,d,m,h)=>{h&&(t&&a.invalidateQueries({queryKey:h.threadMessagesPrefix}),Nt(a,h.listPrefixes),s&&a.invalidateQueries({queryKey:as({path:{accountId:s}})}))}});return{moveMessages:c.useCallback((f,d)=>{f.length!==0&&xr(f,m=>i({body:{messageIds:m,destinationMailboxId:d}}))},[i]),isPending:l}},$v=({accountId:e,messageId:t,threadId:s,mailboxId:n,autoMoved:a})=>{const{inboxMailboxId:o}=xo(e),{junkMailboxId:i}=hn(e),{moveMessages:l,isPending:u}=_t({mailboxId:n,threadId:s,accountId:e}),{data:f}=me({...Ue({path:{accountId:e??""}}),staleTime:1/0,enabled:!!e&&a?.fromMailboxId!==void 0}),d={inboxMailboxId:o,junkMailboxId:i},m=Dv(a,n,d),h=Pv(a,d),g=c.useCallback(()=>{h&&l([t],h)},[l,t,h]);if(!m||!a)return{show:!1,label:"",isUndoing:!1};const x=a.fromMailboxId?f?.items.filter(p=>p.mailboxId===a.fromMailboxId).map(p=>Cs(p.fullPath))[0]:void 0;return{show:!0,label:Av(a,x),onUndo:h?g:void 0,isUndoing:u,...a.filterId?{filtersHref:"/settings/filters"}:{}}};function _v({accountId:e,messageId:t,threadId:s,mailboxId:n,autoMoved:a}){const o=$v({accountId:e,messageId:t,threadId:s,mailboxId:n,autoMoved:a});return o.show?r.jsx(Xp,{label:o.label,onUndo:o.onUndo,undoLabel:o.isUndoing?"Undoing…":"Undo",filtersHref:o.filtersHref}):null}const Ki=(e,t)=>e.filter(s=>!t.has(s.messageId)),zv=e=>e.filter(t=>t.isDeleted!==!0),ns=({mailboxId:e,threadId:t,accountId:s,messages:n,onAfterOptimisticRemove:a})=>{const o=je(),{pushError:i}=Ze(),{mutateAsync:l,isPending:u}=Ce({...tm(),onMutate:async d=>{const m=new Set(d.body.messageIds??[]),h=t?os({path:{threadId:t}}):[],g=Ct(br(m,n??[],e));await Promise.all([o.cancelQueries({queryKey:h}),un(o,g)]);const x=t?o.getQueriesData({queryKey:h}).filter(y=>y[1]!==void 0).map(([y,b])=>({queryKey:y,data:b})):[],p=dn(o,g);return t&&o.setQueriesData({queryKey:h},y=>y&&{...y,items:Ki(y.items,m)}),fn(o,g,y=>Ki(y,m)),a?.(Array.from(m)),{threadMessagesPrefix:h,listPrefixes:g,previousThreadMessages:x,previousThreadsList:p}},onError:(d,m,h)=>{if(h){for(const x of h.previousThreadMessages)o.setQueryData(x.queryKey,x.data);mn(o,h.previousThreadsList)}const g=m.body.messageIds?.length??0;i({title:g>1?`Couldn't delete ${g} messages`:"Couldn't delete this message",detail:ot(d),error:d})},onSettled:(d,m,h,g)=>{g&&(t&&o.invalidateQueries({queryKey:g.threadMessagesPrefix}),Nt(o,g.listPrefixes),s&&o.invalidateQueries({queryKey:as({path:{accountId:s}})}))}});return{deleteMessages:c.useCallback(d=>{d.length!==0&&xr(d,m=>l({body:{messageIds:m}}))},[l]),isPending:u}},xu=(e,t=Date.now())=>({value:e,setAt:t}),Bv=(e,t,s,n)=>{if(e.addressId!==t)return e;const a={...e.flags??{}};return s?a.trusted=xu(!0,n):delete a.trusted,{...e,flags:a}},Kv=(e,t,s,n)=>{const a=o=>o.map(i=>Bv(i,t,s,n));return{...e,envelope:{...e.envelope,from:a(e.envelope.from),to:a(e.envelope.to),cc:a(e.envelope.cc),bcc:a(e.envelope.bcc),replyTo:a(e.envelope.replyTo)}}},bo=({messageId:e})=>{const t=je(),{pushError:s}=Ze(),{mutate:n,isPending:a,error:o,reset:i}=Ce({...El(),onMutate:async u=>{const f=u.path.addressId,m=u.body.flags?.trusted?.value===!0,h=Sl({path:{messageId:e}});await t.cancelQueries({queryKey:h});const g=t.getQueriesData({queryKey:h}).filter(x=>x[1]!==void 0).map(([x,p])=>({queryKey:x,data:p}));return t.setQueriesData({queryKey:h},x=>x&&Kv(x,f,m)),{describePrefix:h,previous:g}},onError:(u,f,d)=>{if(d)for(const m of d.previous)t.setQueryData(m.queryKey,m.data);s(ts("Couldn't trust sender","The change wasn't saved.",u))},onSettled:(u,f,d,m)=>{m&&t.invalidateQueries({queryKey:m.describePrefix})}});return{toggleTrusted:(u,f)=>{n({path:{addressId:u},body:{flags:{trusted:xu(!f)}}})},isPending:a,error:o,reset:i}};var Sr="Dialog",[bu]=Qg(Sr),[Uv,lt]=bu(Sr),vu=e=>{const{__scopeDialog:t,children:s,open:n,defaultOpen:a,onOpenChange:o,modal:i=!0}=e,l=c.useRef(null),u=c.useRef(null),[f,d]=Xg({prop:n,defaultProp:a??!1,onChange:o,caller:Sr});return r.jsx(Uv,{scope:t,triggerRef:l,contentRef:u,contentId:Ur(),titleId:Ur(),descriptionId:Ur(),open:f,onOpenChange:d,onOpenToggle:c.useCallback(()=>d(m=>!m),[d]),modal:i,children:s})};vu.displayName=Sr;var yu="DialogTrigger",qv=c.forwardRef((e,t)=>{const{__scopeDialog:s,...n}=e,a=lt(yu,s),o=is(t,a.triggerRef);return r.jsx(kt.button,{type:"button","aria-haspopup":"dialog","aria-expanded":a.open,"aria-controls":a.open?a.contentId:void 0,"data-state":yo(a.open),...n,ref:o,onClick:Lt(e.onClick,a.onOpenToggle)})});qv.displayName=yu;var vo="DialogPortal",[Hv,wu]=bu(vo,{forceMount:void 0}),Su=e=>{const{__scopeDialog:t,forceMount:s,children:n,container:a}=e,o=lt(vo,t);return r.jsx(Hv,{scope:t,forceMount:s,children:c.Children.map(n,i=>r.jsx(mr,{present:s||o.open,children:r.jsx(Pc,{asChild:!0,container:a,children:i})}))})};Su.displayName=vo;var Wn="DialogOverlay",ju=c.forwardRef((e,t)=>{const s=wu(Wn,e.__scopeDialog),{forceMount:n=s.forceMount,...a}=e,o=lt(Wn,e.__scopeDialog);return o.modal?r.jsx(mr,{present:n||o.open,children:r.jsx(Vv,{...a,ref:t})}):null});ju.displayName=Wn;var Wv=oo("DialogOverlay.RemoveScroll"),Vv=c.forwardRef((e,t)=>{const{__scopeDialog:s,...n}=e,a=lt(Wn,s),o=gx(),i=is(t,o);return r.jsx(Uc,{as:Wv,allowPinchZoom:!0,shards:[a.contentRef],children:r.jsx(kt.div,{"data-state":yo(a.open),...n,ref:i,style:{pointerEvents:"auto",...n.style}})})}),Is="DialogContent",ku=c.forwardRef((e,t)=>{const s=wu(Is,e.__scopeDialog),{forceMount:n=s.forceMount,...a}=e,o=lt(Is,e.__scopeDialog);return r.jsx(mr,{present:n||o.open,children:o.modal?r.jsx(Qv,{...a,ref:t}):r.jsx(Gv,{...a,ref:t})})});ku.displayName=Is;var Qv=c.forwardRef((e,t)=>{const s=lt(Is,e.__scopeDialog),n=c.useRef(null),a=is(t,s.contentRef,n);return c.useEffect(()=>{const o=n.current;if(o)return $x(o)},[]),r.jsx(Cu,{...e,ref:a,trapFocus:s.open,disableOutsidePointerEvents:s.open,onCloseAutoFocus:Lt(e.onCloseAutoFocus,o=>{o.preventDefault(),s.triggerRef.current?.focus()}),onPointerDownOutside:Lt(e.onPointerDownOutside,o=>{const i=o.detail.originalEvent,l=i.button===0&&i.ctrlKey===!0;(i.button===2||l)&&o.preventDefault()}),onFocusOutside:Lt(e.onFocusOutside,o=>o.preventDefault())})}),Gv=c.forwardRef((e,t)=>{const s=lt(Is,e.__scopeDialog),n=c.useRef(!1),a=c.useRef(!1);return r.jsx(Cu,{...e,ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:o=>{e.onCloseAutoFocus?.(o),o.defaultPrevented||(n.current||s.triggerRef.current?.focus(),o.preventDefault()),n.current=!1,a.current=!1},onInteractOutside:o=>{e.onInteractOutside?.(o),o.defaultPrevented||(n.current=!0,o.detail.originalEvent.type==="pointerdown"&&(a.current=!0));const i=o.target;s.triggerRef.current?.contains(i)&&o.preventDefault(),o.detail.originalEvent.type==="focusin"&&a.current&&o.preventDefault()}})}),Cu=c.forwardRef((e,t)=>{const{__scopeDialog:s,trapFocus:n,onOpenAutoFocus:a,onCloseAutoFocus:o,...i}=e,l=lt(Is,s);return yx(),r.jsx(r.Fragment,{children:r.jsx(Oc,{asChild:!0,loop:!0,trapped:n,onMountAutoFocus:a,onUnmountAutoFocus:o,children:r.jsx(Mc,{role:"dialog",id:l.contentId,"aria-describedby":l.descriptionId,"aria-labelledby":l.titleId,"data-state":yo(l.open),...i,ref:t,deferPointerDownOutside:!0,onDismiss:()=>l.onOpenChange(!1)})})})}),Nu="DialogTitle",Eu=c.forwardRef((e,t)=>{const{__scopeDialog:s,...n}=e,a=lt(Nu,s);return r.jsx(kt.h2,{id:a.titleId,...n,ref:t})});Eu.displayName=Nu;var Iu="DialogDescription",Yv=c.forwardRef((e,t)=>{const{__scopeDialog:s,...n}=e,a=lt(Iu,s);return r.jsx(kt.p,{id:a.descriptionId,...n,ref:t})});Yv.displayName=Iu;var Tu="DialogClose",Xv=c.forwardRef((e,t)=>{const{__scopeDialog:s,...n}=e,a=lt(Tu,s);return r.jsx(kt.button,{type:"button",...n,ref:t,onClick:Lt(e.onClick,()=>a.onOpenChange(!1))})});Xv.displayName=Tu;function yo(e){return e?"open":"closed"}function Jv(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 Ru=U.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}),pn=()=>{const e=U.useContext(Ru);if(!e)throw new Error("useDrawerContext must be used within a Drawer.Root");return e};Jv(`[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 Zv(){const e=navigator.userAgent;return typeof window<"u"&&(/Firefox/.test(e)&&/Mobile/.test(e)||/FxiOS/.test(e))}function ey(){return wo(/^Mac/)}function ty(){return wo(/^iPhone/)}function Ui(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}function sy(){return wo(/^iPad/)||ey()&&navigator.maxTouchPoints>1}function Mu(){return ty()||sy()}function wo(e){return typeof window<"u"&&window.navigator!=null?e.test(window.navigator.platform):void 0}const ny=24,ry=typeof window<"u"?c.useLayoutEffect:c.useEffect;function qi(...e){return(...t)=>{for(let s of e)typeof s=="function"&&s(...t)}}const Gr=typeof document<"u"&&window.visualViewport;function Hi(e){let t=window.getComputedStyle(e);return/(auto|scroll)/.test(t.overflow+t.overflowX+t.overflowY)}function Au(e){for(Hi(e)&&(e=e.parentElement);e&&!Hi(e);)e=e.parentElement;return e||document.scrollingElement||document.documentElement}const ay=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);let Mn=0,Yr;function oy(e={}){let{isDisabled:t}=e;ry(()=>{if(!t)return Mn++,Mn===1&&Mu()&&(Yr=iy()),()=>{Mn--,Mn===0&&Yr?.()}},[t])}function iy(){let e,t=0,s=m=>{e=Au(m.target),!(e===document.documentElement&&e===document.body)&&(t=m.changedTouches[0].pageY)},n=m=>{if(!e||e===document.documentElement||e===document.body){m.preventDefault();return}let h=m.changedTouches[0].pageY,g=e.scrollTop,x=e.scrollHeight-e.clientHeight;x!==0&&((g<=0&&h>t||g>=x&&h<t)&&m.preventDefault(),t=h)},a=m=>{let h=m.target;ga(h)&&h!==document.activeElement&&(m.preventDefault(),h.style.transform="translateY(-2000px)",h.focus(),requestAnimationFrame(()=>{h.style.transform=""}))},o=m=>{let h=m.target;ga(h)&&(h.style.transform="translateY(-2000px)",requestAnimationFrame(()=>{h.style.transform="",Gr&&(Gr.height<window.innerHeight?requestAnimationFrame(()=>{Wi(h)}):Gr.addEventListener("resize",()=>Wi(h),{once:!0}))}))},i=()=>{window.scrollTo(0,0)},l=window.pageXOffset,u=window.pageYOffset,f=qi(ly(document.documentElement,"paddingRight",`${window.innerWidth-document.documentElement.clientWidth}px`));window.scrollTo(0,0);let d=qi(Ks(document,"touchstart",s,{passive:!1,capture:!0}),Ks(document,"touchmove",n,{passive:!1,capture:!0}),Ks(document,"touchend",a,{passive:!1,capture:!0}),Ks(document,"focus",o,!0),Ks(window,"scroll",i));return()=>{f(),d(),window.scrollTo(l,u)}}function ly(e,t,s){let n=e.style[t];return e.style[t]=s,()=>{e.style[t]=n}}function Ks(e,t,s,n){return e.addEventListener(t,s,n),()=>{e.removeEventListener(t,s,n)}}function Wi(e){let t=document.scrollingElement||document.documentElement;for(;e&&e!==t;){let s=Au(e);if(s!==document.documentElement&&s!==document.body&&s!==e){let n=s.getBoundingClientRect().top,a=e.getBoundingClientRect().top,o=e.getBoundingClientRect().bottom;const i=s.getBoundingClientRect().bottom+ny;o>i&&(s.scrollTop+=a-n)}e=s.parentElement}}function ga(e){return e instanceof HTMLInputElement&&!ay.has(e.type)||e instanceof HTMLTextAreaElement||e instanceof HTMLElement&&e.isContentEditable}function cy(e,t){typeof e=="function"?e(t):e!=null&&(e.current=t)}function uy(...e){return t=>e.forEach(s=>cy(s,t))}function Ou(...e){return c.useCallback(uy(...e),e)}const Du=new WeakMap;function Me(e,t,s=!1){if(!e||!(e instanceof HTMLElement))return;let n={};Object.entries(t).forEach(([a,o])=>{if(a.startsWith("--")){e.style.setProperty(a,o);return}n[a]=e.style[a],e.style[a]=o}),!s&&Du.set(e,n)}function dy(e,t){if(!e||!(e instanceof HTMLElement))return;let s=Du.get(e);s&&(e.style[t]=s[t])}const Te=e=>{switch(e){case"top":case"bottom":return!0;case"left":case"right":return!1;default:return e}};function An(e,t){if(!e)return null;const s=window.getComputedStyle(e),n=s.transform||s.webkitTransform||s.mozTransform;let a=n.match(/^matrix3d\((.+)\)$/);return a?parseFloat(a[1].split(", ")[Te(t)?13:12]):(a=n.match(/^matrix\((.+)\)$/),a?parseFloat(a[1].split(", ")[Te(t)?5:4]):null)}function fy(e){return 8*(Math.log(e+1)-2)}function Xr(e,t){if(!e)return()=>{};const s=e.style.cssText;return Object.assign(e.style,t),()=>{e.style.cssText=s}}function my(...e){return(...t)=>{for(const s of e)typeof s=="function"&&s(...t)}}const Se={DURATION:.5,EASE:[.32,.72,0,1]},Pu=.4,hy=.25,py=100,Lu=8,Jt=16,xa=26,Jr="vaul-dragging";function Fu(e){const t=U.useRef(e);return U.useEffect(()=>{t.current=e}),U.useMemo(()=>(...s)=>t.current==null?void 0:t.current.call(t,...s),[])}function gy({defaultProp:e,onChange:t}){const s=U.useState(e),[n]=s,a=U.useRef(n),o=Fu(t);return U.useEffect(()=>{a.current!==n&&(o(n),a.current=n)},[n,a,o]),s}function $u({prop:e,defaultProp:t,onChange:s=()=>{}}){const[n,a]=gy({defaultProp:t,onChange:s}),o=e!==void 0,i=o?e:n,l=Fu(s),u=U.useCallback(f=>{if(o){const m=typeof f=="function"?f(e):f;m!==e&&l(m)}else a(f)},[o,e,a,l]);return[i,u]}function xy({activeSnapPointProp:e,setActiveSnapPointProp:t,snapPoints:s,drawerRef:n,overlayRef:a,fadeFromIndex:o,onSnapPointChange:i,direction:l="bottom",container:u,snapToSequentialPoint:f}){const[d,m]=$u({prop:e,defaultProp:s?.[0],onChange:t}),[h,g]=U.useState(typeof window<"u"?{innerWidth:window.innerWidth,innerHeight:window.innerHeight}:void 0);U.useEffect(()=>{function E(){g({innerWidth:window.innerWidth,innerHeight:window.innerHeight})}return window.addEventListener("resize",E),()=>window.removeEventListener("resize",E)},[]);const x=U.useMemo(()=>d===s?.[s.length-1]||null,[s,d]),p=U.useMemo(()=>{var E;return(E=s?.findIndex(I=>I===d))!=null?E:null},[s,d]),y=s&&s.length>0&&(o||o===0)&&!Number.isNaN(o)&&s[o]===d||!s,b=U.useMemo(()=>{const E=u?{width:u.getBoundingClientRect().width,height:u.getBoundingClientRect().height}:typeof window<"u"?{width:window.innerWidth,height:window.innerHeight}:{width:0,height:0};var I;return(I=s?.map(D=>{const O=typeof D=="string";let A=0;if(O&&(A=parseInt(D,10)),Te(l)){const R=O?A:h?D*E.height:0;return h?l==="bottom"?E.height-R:-E.height+R:R}const P=O?A:h?D*E.width:0;return h?l==="right"?E.width-P:-E.width+P:P}))!=null?I:[]},[s,h,u]),S=U.useMemo(()=>p!==null?b?.[p]:null,[b,p]),w=U.useCallback(E=>{var I;const D=(I=b?.findIndex(O=>O===E))!=null?I:null;i(D),Me(n.current,{transition:`transform ${Se.DURATION}s cubic-bezier(${Se.EASE.join(",")})`,transform:Te(l)?`translate3d(0, ${E}px, 0)`:`translate3d(${E}px, 0, 0)`}),b&&D!==b.length-1&&o!==void 0&&D!==o&&D<o?Me(a.current,{transition:`opacity ${Se.DURATION}s cubic-bezier(${Se.EASE.join(",")})`,opacity:"0"}):Me(a.current,{transition:`opacity ${Se.DURATION}s cubic-bezier(${Se.EASE.join(",")})`,opacity:"1"}),m(s?.[Math.max(D,0)])},[n.current,s,b,o,a,m]);U.useEffect(()=>{if(d||e){var E;const I=(E=s?.findIndex(D=>D===e||D===d))!=null?E:-1;b&&I!==-1&&typeof b[I]=="number"&&w(b[I])}},[d,e,s,b,w]);function v({draggedDistance:E,closeDrawer:I,velocity:D,dismissible:O}){if(o===void 0)return;const A=l==="bottom"||l==="right"?(S??0)-E:(S??0)+E,P=p===o-1,R=p===0,j=E>0;if(P&&Me(a.current,{transition:`opacity ${Se.DURATION}s cubic-bezier(${Se.EASE.join(",")})`}),!f&&D>2&&!j){O?I():w(b[0]);return}if(!f&&D>2&&j&&b&&s){w(b[s.length-1]);return}const F=b?.reduce((k,M)=>typeof k!="number"||typeof M!="number"?k:Math.abs(M-A)<Math.abs(k-A)?M:k),L=Te(l)?window.innerHeight:window.innerWidth;if(D>Pu&&Math.abs(E)<L*.4){const k=j?1:-1;if(k>0&&x&&s){w(b[s.length-1]);return}if(R&&k<0&&O&&I(),p===null)return;w(b[p+k]);return}w(F)}function C({draggedDistance:E}){if(S===null)return;const I=l==="bottom"||l==="right"?S-E:S+E;(l==="bottom"||l==="right")&&I<b[b.length-1]||(l==="top"||l==="left")&&I>b[b.length-1]||Me(n.current,{transform:Te(l)?`translate3d(0, ${I}px, 0)`:`translate3d(${I}px, 0, 0)`})}function N(E,I){if(!s||typeof p!="number"||!b||o===void 0)return null;const D=p===o-1;if(p>=o&&I)return 0;if(D&&!I)return 1;if(!y&&!D)return null;const A=D?p+1:p-1,P=D?b[A]-b[A-1]:b[A+1]-b[A],R=E/Math.abs(P);return D?1-R:R}return{isLastSnapPoint:x,activeSnapPoint:d,shouldFade:y,getPercentageDragged:N,setActiveSnapPoint:m,activeSnapPointIndex:p,onRelease:v,onDrag:C,snapPointsOffset:b}}const by=()=>()=>{};function vy(){const{direction:e,isOpen:t,shouldScaleBackground:s,setBackgroundColorOnScale:n,noBodyStyles:a}=pn(),o=U.useRef(null),i=c.useMemo(()=>document.body.style.backgroundColor,[]);function l(){return(window.innerWidth-xa)/window.innerWidth}U.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;my(n&&!a?Xr(document.body,{background:"black"}):by,Xr(u,{transformOrigin:Te(e)?"top":"left",transitionProperty:"transform, border-radius",transitionDuration:`${Se.DURATION}s`,transitionTimingFunction:`cubic-bezier(${Se.EASE.join(",")})`}));const f=Xr(u,{borderRadius:`${Lu}px`,overflow:"hidden",...Te(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()=>{f(),o.current=window.setTimeout(()=>{i?document.body.style.background=i:document.body.style.removeProperty("background")},Se.DURATION*1e3)}}},[t,s,i])}let Us=null;function yy({isOpen:e,modal:t,nested:s,hasBeenOpened:n,preventScrollRestoration:a,noBodyStyles:o}){const[i,l]=U.useState(()=>typeof window<"u"?window.location.href:""),u=U.useRef(0),f=U.useCallback(()=>{if(Ui()&&Us===null&&e&&!o){Us={position:document.body.style.position,top:document.body.style.top,left:document.body.style.left,height:document.body.style.height,right:"unset"};const{scrollX:m,innerHeight:h}=window;document.body.style.setProperty("position","fixed","important"),Object.assign(document.body.style,{top:`${-u.current}px`,left:`${-m}px`,right:"0px",height:"auto"}),window.setTimeout(()=>window.requestAnimationFrame(()=>{const g=h-window.innerHeight;g&&u.current>=h&&(document.body.style.top=`${-(u.current+g)}px`)}),300)}},[e]),d=U.useCallback(()=>{if(Ui()&&Us!==null&&!o){const m=-parseInt(document.body.style.top,10),h=-parseInt(document.body.style.left,10);Object.assign(document.body.style,Us),window.requestAnimationFrame(()=>{if(a&&i!==window.location.href){l(window.location.href);return}window.scrollTo(h,m)}),Us=null}},[i]);return U.useEffect(()=>{function m(){u.current=window.scrollY}return m(),window.addEventListener("scroll",m),()=>{window.removeEventListener("scroll",m)}},[]),U.useEffect(()=>{if(t)return()=>{typeof document>"u"||document.querySelector("[data-vaul-drawer]")||d()}},[t,d]),U.useEffect(()=>{s||!n||(e?(!window.matchMedia("(display-mode: standalone)").matches&&f(),t||window.setTimeout(()=>{d()},500)):d())},[e,n,i,t,s,f,d]),{restorePositionSetting:d}}function wy({open:e,onOpenChange:t,children:s,onDrag:n,onRelease:a,snapPoints:o,shouldScaleBackground:i=!1,setBackgroundColorOnScale:l=!0,closeThreshold:u=hy,scrollLockTimeout:f=py,dismissible:d=!0,handleOnly:m=!1,fadeFromIndex:h=o&&o.length-1,activeSnapPoint:g,setActiveSnapPoint:x,fixed:p,modal:y=!0,onClose:b,nested:S,noBodyStyles:w=!1,direction:v="bottom",defaultOpen:C=!1,disablePreventScroll:N=!0,snapToSequentialPoint:E=!1,preventScrollRestoration:I=!1,repositionInputs:D=!0,onAnimationEnd:O,container:A,autoFocus:P=!1}){var R,j;const[F=!1,L]=$u({defaultProp:C,prop:e,onChange:Y=>{t?.(Y),!Y&&!S&&pe(),setTimeout(()=>{O?.(Y)},Se.DURATION*1e3),Y&&!y&&typeof window<"u"&&window.requestAnimationFrame(()=>{document.body.style.pointerEvents="auto"}),Y||(document.body.style.pointerEvents="auto")}}),[k,M]=U.useState(!1),[T,q]=U.useState(!1),[te,se]=U.useState(!1),oe=U.useRef(null),G=U.useRef(null),Z=U.useRef(null),le=U.useRef(null),ae=U.useRef(null),B=U.useRef(!1),K=U.useRef(null),ce=U.useRef(0),ve=U.useRef(!1),xe=U.useRef(!C),Q=U.useRef(0),_=U.useRef(null),z=U.useRef(((R=_.current)==null?void 0:R.getBoundingClientRect().height)||0),ne=U.useRef(((j=_.current)==null?void 0:j.getBoundingClientRect().width)||0),de=U.useRef(0),et=U.useCallback(Y=>{o&&Y===_e.length-1&&(G.current=new Date)},[]),{activeSnapPoint:fe,activeSnapPointIndex:De,setActiveSnapPoint:be,onRelease:ye,snapPointsOffset:_e,onDrag:Et,shouldFade:V,getPercentageDragged:tt}=xy({snapPoints:o,activeSnapPointProp:g,setActiveSnapPointProp:x,drawerRef:_,fadeFromIndex:h,overlayRef:oe,onSnapPointChange:et,direction:v,container:A,snapToSequentialPoint:E});oy({isDisabled:!F||T||!y||te||!k||!D||!N});const{restorePositionSetting:pe}=yy({isOpen:F,modal:y,nested:S??!1,hasBeenOpened:k,preventScrollRestoration:I,noBodyStyles:w});function ge(){return(window.innerWidth-xa)/window.innerWidth}function Le(Y){var ie,re;!d&&!o||_.current&&!_.current.contains(Y.target)||(z.current=((ie=_.current)==null?void 0:ie.getBoundingClientRect().height)||0,ne.current=((re=_.current)==null?void 0:re.getBoundingClientRect().width)||0,q(!0),Z.current=new Date,Mu()&&window.addEventListener("touchend",()=>B.current=!1,{once:!0}),Y.target.setPointerCapture(Y.pointerId),ce.current=Te(v)?Y.pageY:Y.pageX)}function rt(Y,ie){var re;let H=Y;const ue=(re=window.getSelection())==null?void 0:re.toString(),ke=_.current?An(_.current,v):null,Ie=new Date;if(H.tagName==="SELECT"||H.hasAttribute("data-vaul-no-drag")||H.closest("[data-vaul-no-drag]"))return!1;if(v==="right"||v==="left")return!0;if(G.current&&Ie.getTime()-G.current.getTime()<500)return!1;if(ke!==null&&(v==="bottom"?ke>0:ke<0))return!0;if(ue&&ue.length>0)return!1;if(ae.current&&Ie.getTime()-ae.current.getTime()<f&&ke===0||ie)return ae.current=Ie,!1;for(;H;){if(H.scrollHeight>H.clientHeight){if(H.scrollTop!==0)return ae.current=new Date,!1;if(H.getAttribute("role")==="dialog")return!0}H=H.parentNode}return!0}function ct(Y){if(_.current&&T){const ie=v==="bottom"||v==="right"?1:-1,re=(ce.current-(Te(v)?Y.pageY:Y.pageX))*ie,H=re>0,ue=o&&!d&&!H;if(ue&&De===0)return;const ke=Math.abs(re),Ie=document.querySelector("[data-vaul-drawer-wrapper]"),He=v==="bottom"||v==="top"?z.current:ne.current;let Fe=ke/He;const we=tt(ke,H);if(we!==null&&(Fe=we),ue&&Fe>=1||!B.current&&!rt(Y.target,H))return;if(_.current.classList.add(Jr),B.current=!0,Me(_.current,{transition:"none"}),Me(oe.current,{transition:"none"}),o&&Et({draggedDistance:re}),H&&!o){const $e=fy(re),Ge=Math.min($e*-1,0)*ie;Me(_.current,{transform:Te(v)?`translate3d(0, ${Ge}px, 0)`:`translate3d(${Ge}px, 0, 0)`});return}const We=1-Fe;if((V||h&&De===h-1)&&(n?.(Y,Fe),Me(oe.current,{opacity:`${We}`,transition:"none"},!0)),Ie&&oe.current&&i){const $e=Math.min(ge()+Fe*(1-ge()),1),Ge=8-Fe*8,Ye=Math.max(0,14-Fe*14);Me(Ie,{borderRadius:`${Ge}px`,transform:Te(v)?`scale(${$e}) translate3d(0, ${Ye}px, 0)`:`scale(${$e}) translate3d(${Ye}px, 0, 0)`,transition:"none"},!0)}if(!o){const $e=ke*ie;Me(_.current,{transform:Te(v)?`translate3d(0, ${$e}px, 0)`:`translate3d(${$e}px, 0, 0)`})}}}U.useEffect(()=>{window.requestAnimationFrame(()=>{xe.current=!0})},[]),U.useEffect(()=>{var Y;function ie(){if(!_.current||!D)return;const re=document.activeElement;if(ga(re)||ve.current){var H;const ue=((H=window.visualViewport)==null?void 0:H.height)||0,ke=window.innerHeight;let Ie=ke-ue;const He=_.current.getBoundingClientRect().height||0,Fe=He>ke*.8;de.current||(de.current=He);const we=_.current.getBoundingClientRect().top;if(Math.abs(Q.current-Ie)>60&&(ve.current=!ve.current),o&&o.length>0&&_e&&De){const We=_e[De]||0;Ie+=We}if(Q.current=Ie,He>ue||ve.current){const We=_.current.getBoundingClientRect().height;let $e=We;We>ue&&($e=ue-(Fe?we:xa)),p?_.current.style.height=`${We-Math.max(Ie,0)}px`:_.current.style.height=`${Math.max($e,ue-we)}px`}else Zv()||(_.current.style.height=`${de.current}px`);o&&o.length>0&&!ve.current?_.current.style.bottom="0px":_.current.style.bottom=`${Math.max(Ie,0)}px`}}return(Y=window.visualViewport)==null||Y.addEventListener("resize",ie),()=>{var re;return(re=window.visualViewport)==null?void 0:re.removeEventListener("resize",ie)}},[De,o,_e]);function Ve(Y){qe(),b?.(),Y||L(!1),setTimeout(()=>{o&&be(o[0])},Se.DURATION*1e3)}function Ae(){if(!_.current)return;const Y=document.querySelector("[data-vaul-drawer-wrapper]"),ie=An(_.current,v);Me(_.current,{transform:"translate3d(0, 0, 0)",transition:`transform ${Se.DURATION}s cubic-bezier(${Se.EASE.join(",")})`}),Me(oe.current,{transition:`opacity ${Se.DURATION}s cubic-bezier(${Se.EASE.join(",")})`,opacity:"1"}),i&&ie&&ie>0&&F&&Me(Y,{borderRadius:`${Lu}px`,overflow:"hidden",...Te(v)?{transform:`scale(${ge()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,transformOrigin:"top"}:{transform:`scale(${ge()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,transformOrigin:"left"},transitionProperty:"transform, border-radius",transitionDuration:`${Se.DURATION}s`,transitionTimingFunction:`cubic-bezier(${Se.EASE.join(",")})`},!0)}function qe(){!T||!_.current||(_.current.classList.remove(Jr),B.current=!1,q(!1),le.current=new Date)}function ze(Y){if(!T||!_.current)return;_.current.classList.remove(Jr),B.current=!1,q(!1),le.current=new Date;const ie=An(_.current,v);if(!Y||!rt(Y.target,!1)||!ie||Number.isNaN(ie)||Z.current===null)return;const re=le.current.getTime()-Z.current.getTime(),H=ce.current-(Te(v)?Y.pageY:Y.pageX),ue=Math.abs(H)/re;if(ue>.05&&(se(!0),setTimeout(()=>{se(!1)},200)),o){ye({draggedDistance:H*(v==="bottom"||v==="right"?1:-1),closeDrawer:Ve,velocity:ue,dismissible:d}),a?.(Y,!0);return}if(v==="bottom"||v==="right"?H>0:H<0){Ae(),a?.(Y,!0);return}if(ue>Pu){Ve(),a?.(Y,!1);return}var ke;const Ie=Math.min((ke=_.current.getBoundingClientRect().height)!=null?ke:0,window.innerHeight);var He;const Fe=Math.min((He=_.current.getBoundingClientRect().width)!=null?He:0,window.innerWidth),we=v==="left"||v==="right";if(Math.abs(ie)>=(we?Fe:Ie)*u){Ve(),a?.(Y,!1);return}a?.(Y,!0),Ae()}U.useEffect(()=>(F&&(Me(document.documentElement,{scrollBehavior:"auto"}),G.current=new Date),()=>{dy(document.documentElement,"scrollBehavior")}),[F]);function Qe(Y){const ie=Y?(window.innerWidth-Jt)/window.innerWidth:1,re=Y?-Jt:0;K.current&&window.clearTimeout(K.current),Me(_.current,{transition:`transform ${Se.DURATION}s cubic-bezier(${Se.EASE.join(",")})`,transform:Te(v)?`scale(${ie}) translate3d(0, ${re}px, 0)`:`scale(${ie}) translate3d(${re}px, 0, 0)`}),!Y&&_.current&&(K.current=setTimeout(()=>{const H=An(_.current,v);Me(_.current,{transition:"none",transform:Te(v)?`translate3d(0, ${H}px, 0)`:`translate3d(${H}px, 0, 0)`})},500))}function xt(Y,ie){if(ie<0)return;const re=(window.innerWidth-Jt)/window.innerWidth,H=re+ie*(1-re),ue=-Jt+ie*Jt;Me(_.current,{transform:Te(v)?`scale(${H}) translate3d(0, ${ue}px, 0)`:`scale(${H}) translate3d(${ue}px, 0, 0)`,transition:"none"})}function Ee(Y,ie){const re=Te(v)?window.innerHeight:window.innerWidth,H=ie?(re-Jt)/re:1,ue=ie?-Jt:0;ie&&Me(_.current,{transition:`transform ${Se.DURATION}s cubic-bezier(${Se.EASE.join(",")})`,transform:Te(v)?`scale(${H}) translate3d(0, ${ue}px, 0)`:`scale(${H}) translate3d(${ue}px, 0, 0)`})}return U.useEffect(()=>{y||window.requestAnimationFrame(()=>{document.body.style.pointerEvents="auto"})},[y]),U.createElement(vu,{defaultOpen:C,onOpenChange:Y=>{!d&&!Y||(Y?M(!0):Ve(!0),L(Y))},open:F},U.createElement(Ru.Provider,{value:{activeSnapPoint:fe,snapPoints:o,setActiveSnapPoint:be,drawerRef:_,overlayRef:oe,onOpenChange:t,onPress:Le,onRelease:ze,onDrag:ct,dismissible:d,shouldAnimate:xe,handleOnly:m,isOpen:F,isDragging:T,shouldFade:V,closeDrawer:Ve,onNestedDrag:xt,onNestedOpenChange:Qe,onNestedRelease:Ee,keyboardIsOpen:ve,modal:y,snapPointsOffset:_e,activeSnapPointIndex:De,direction:v,shouldScaleBackground:i,setBackgroundColorOnScale:l,noBodyStyles:w,container:A,autoFocus:P}},s))}const _u=U.forwardRef(function({...e},t){const{overlayRef:s,snapPoints:n,onRelease:a,shouldFade:o,isOpen:i,modal:l,shouldAnimate:u}=pn(),f=Ou(t,s),d=n&&n.length>0;if(!l)return null;const m=U.useCallback(h=>a(h),[a]);return U.createElement(ju,{onMouseUp:m,ref:f,"data-vaul-overlay":"","data-vaul-snap-points":i&&d?"true":"false","data-vaul-snap-points-overlay":i&&o?"true":"false","data-vaul-animate":u?.current?"true":"false",...e})});_u.displayName="Drawer.Overlay";const zu=U.forwardRef(function({onPointerDownOutside:e,style:t,onOpenAutoFocus:s,...n},a){const{drawerRef:o,onPress:i,onRelease:l,onDrag:u,keyboardIsOpen:f,snapPointsOffset:d,activeSnapPointIndex:m,modal:h,isOpen:g,direction:x,snapPoints:p,container:y,handleOnly:b,shouldAnimate:S,autoFocus:w}=pn(),[v,C]=U.useState(!1),N=Ou(a,o),E=U.useRef(null),I=U.useRef(null),D=U.useRef(!1),O=p&&p.length>0;vy();const A=(R,j,F=0)=>{if(D.current)return!0;const L=Math.abs(R.y),k=Math.abs(R.x),M=k>L,T=["bottom","right"].includes(j)?1:-1;if(j==="left"||j==="right"){if(!(R.x*T<0)&&k>=0&&k<=F)return M}else if(!(R.y*T<0)&&L>=0&&L<=F)return!M;return D.current=!0,!0};U.useEffect(()=>{O&&window.requestAnimationFrame(()=>{C(!0)})},[]);function P(R){E.current=null,D.current=!1,l(R)}return U.createElement(ku,{"data-vaul-drawer-direction":x,"data-vaul-drawer":"","data-vaul-delayed-snap-points":v?"true":"false","data-vaul-snap-points":g&&O?"true":"false","data-vaul-custom-container":y?"true":"false","data-vaul-animate":S?.current?"true":"false",...n,ref:N,style:d&&d.length>0?{"--snap-point-height":`${d[m??0]}px`,...t}:t,onPointerDown:R=>{b||(n.onPointerDown==null||n.onPointerDown.call(n,R),E.current={x:R.pageX,y:R.pageY},i(R))},onOpenAutoFocus:R=>{s?.(R),w||R.preventDefault()},onPointerDownOutside:R=>{if(e?.(R),!h||R.defaultPrevented){R.preventDefault();return}f.current&&(f.current=!1)},onFocusOutside:R=>{if(!h){R.preventDefault();return}},onPointerMove:R=>{if(I.current=R,b||(n.onPointerMove==null||n.onPointerMove.call(n,R),!E.current))return;const j=R.pageY-E.current.y,F=R.pageX-E.current.x,L=R.pointerType==="touch"?10:2;A({x:F,y:j},x,L)?u(R):(Math.abs(F)>L||Math.abs(j)>L)&&(E.current=null)},onPointerUp:R=>{n.onPointerUp==null||n.onPointerUp.call(n,R),E.current=null,D.current=!1,l(R)},onPointerOut:R=>{n.onPointerOut==null||n.onPointerOut.call(n,R),P(I.current)},onContextMenu:R=>{n.onContextMenu==null||n.onContextMenu.call(n,R),I.current&&P(I.current)}})});zu.displayName="Drawer.Content";const Sy=250,jy=120,Bu=U.forwardRef(function({preventCycle:e=!1,children:t,...s},n){const{closeDrawer:a,isDragging:o,snapPoints:i,activeSnapPoint:l,setActiveSnapPoint:u,dismissible:f,handleOnly:d,isOpen:m,onPress:h,onDrag:g}=pn(),x=U.useRef(null),p=U.useRef(!1);function y(){if(p.current){w();return}window.setTimeout(()=>{b()},jy)}function b(){if(o||e||p.current){w();return}if(w(),!i||i.length===0){f||a();return}if(l===i[i.length-1]&&f){a();return}const C=i.findIndex(E=>E===l);if(C===-1)return;const N=i[C+1];u(N)}function S(){x.current=window.setTimeout(()=>{p.current=!0},Sy)}function w(){x.current&&window.clearTimeout(x.current),p.current=!1}return U.createElement("div",{onClick:y,onPointerCancel:w,onPointerDown:v=>{d&&h(v),S()},onPointerMove:v=>{d&&g(v)},ref:n,"data-vaul-drawer-visible":m?"true":"false","data-vaul-handle":"","aria-hidden":"true",...s},U.createElement("span",{"data-vaul-handle-hitarea":"","aria-hidden":"true"},t))});Bu.displayName="Drawer.Handle";function ky(e){const t=pn(),{container:s=t.container,...n}=e;return U.createElement(Su,{container:s,...n})}const nt={Root:wy,Content:zu,Overlay:_u,Portal:ky,Handle:Bu,Title:Eu},Ku="inline-flex items-center justify-center transition-colors",Cy=Re(Ku,"min-h-11 min-w-11 rounded hover:bg-surface-raised"),Ny=Re(Ku,"min-h-11 gap-1.5 px-3 rounded text-sm font-medium hover:bg-surface-raised"),gn=({accountId:e,currentMailboxId:t,onMove:s,disabled:n=!1,disabledHint:a,variant:o="icon-only",label:i})=>{const[l,u]=c.useState(!1),f=Kt(),d=c.useRef(null),m=i??"Move to folder",h=c.useId(),{t:g}=Jn("mail",{useSuspense:!1}),x=c.useCallback((P,R)=>g(P,{defaultValue:R}),[g]),{data:p,isLoading:y,isError:b,error:S,refetch:w}=me({...Ue({path:{accountId:e}}),staleTime:1/0,enabled:l}),v=gu(e),{createFolder:C}=Ul(e),N=c.useMemo(()=>{const P=ln(p?.items??[],v),R=rn(v);return P.map(j=>({id:j.mailboxId,label:ks(j,R.get(j.mailboxId),x),searchValue:j.fullPath,isCurrent:j.mailboxId===t}))},[p?.items,v,t,x]),E=c.useCallback(P=>{u(!1),s(P)},[s]),I=c.useCallback(async(P,R)=>{const j=await C(P,R);return{id:j.id,label:j.label}},[C]);c.useEffect(()=>{if(!l||!f)return;const P=j=>{d.current&&!d.current.contains(j.target)&&u(!1)},R=j=>{j.key==="Escape"&&u(!1)};return document.addEventListener("mousedown",P),document.addEventListener("keydown",R),()=>{document.removeEventListener("mousedown",P),document.removeEventListener("keydown",R)}},[l,f]);const D=n||!!a,O=r.jsxs("button",{type:"button",onClick:P=>{P.stopPropagation(),!D&&u(R=>!R)},"aria-label":m,"aria-haspopup":f?"listbox":"dialog","aria-expanded":l,"aria-controls":l?h:void 0,title:a,className:o==="icon-only"?Cy:Ny,children:[r.jsx(Va,{className:o==="icon-only"?"size-5":"size-4"}),o==="compact"&&r.jsx("span",{className:"hidden sm:inline",children:"Move"})]}),A=y?r.jsx("div",{className:"px-3 py-5 text-sm text-fg-muted",children:"Loading folders…"}):b?r.jsx("div",{className:"p-3",children:r.jsx(Ut,{variant:"inline",title:"Couldn't load folders",error:S,onRetry:()=>w()})}):r.jsx(ql,{mailboxes:N,onSelect:E,onCreateFolder:I,onCancel:()=>u(!1),autoFocus:!f,labels:{createLabel:P=>`Create "${P}"`,searchPlaceholder:g("move_picker_placeholder",{defaultValue:"Move to…"}),searchAriaLabel:g("move_picker_filter_label",{defaultValue:"Filter folders"}),optionLabel:P=>`Move to ${P}`,currentSuffix:"(current folder)",currentTag:"current",emptyMessage:P=>`No folders match "${P}"`}});return f?r.jsxs("div",{ref:d,className:"relative inline-block",children:[O,l&&r.jsx("div",{id:h,className:Re("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:A})]}):r.jsxs(r.Fragment,{children:[O,r.jsx(nt.Root,{open:l,onOpenChange:u,children:r.jsxs(nt.Portal,{children:[r.jsx(nt.Overlay,{className:"fixed inset-0 z-40 bg-black/40"}),r.jsxs(nt.Content,{className:"fixed inset-x-0 bottom-0 z-50 flex flex-col bg-canvas rounded-t-lg",style:{maxHeight:"85dvh"},id:h,children:[r.jsx(nt.Handle,{className:"mx-auto mt-2 mb-1 h-1.5 w-12 rounded-full bg-fg-subtle/30"}),r.jsx(nt.Title,{className:"px-4 py-2 text-base font-semibold border-b border-line",children:"Move to folder"}),r.jsx("div",{className:"flex-1 overflow-hidden",children:A})]})]})})]})},Ey=({messageId:e,threadId:t,mailboxId:s,isRead:n,accountId:a,fromAddressId:o,isTrusted:i=!1,showRaw:l=!1,onToggleRaw:u})=>{const f=je(),d=Pe(),{pushError:m}=Ze(),{selectedMessageId:h}=Ns({strict:!1}),{mutate:g,isPending:x}=Ce({...nr(),onMutate:async F=>{const L=F.body.isRead??!0,k=new Set(F.body.messageIds??[]),M=os({path:{threadId:t}}),T=Ct([s]);await Promise.all([f.cancelQueries({queryKey:M}),un(f,T)]);const q=f.getQueriesData({queryKey:M}).filter(se=>se[1]!==void 0).map(([se,oe])=>({queryKey:se,data:oe})),te=dn(f,T);return f.setQueriesData({queryKey:M},se=>se&&{...se,items:Hn(se.items,k,L)}),fn(f,T,se=>Hn(se,k,L)),{threadMessagesPrefix:M,listPrefixes:T,previousThreadMessages:q,previousThreadsList:te}},onError:(F,L,k)=>{if(k){for(const T of k.previousThreadMessages)f.setQueryData(T.queryKey,T.data);mn(f,k.previousThreadsList)}const M=L.body.isRead??!0;m({title:M?"Couldn't mark as read":"Couldn't mark as unread",detail:ot(F),error:F})},onSettled:(F,L,k,M)=>{M&&(f.invalidateQueries({queryKey:M.threadMessagesPrefix}),Nt(f,M.listPrefixes))}}),p=c.useCallback(F=>{h&&F.includes(h)&&d({to:"/mail/$mailboxId",params:{mailboxId:s},search:L=>({...L,selectedMessageId:void 0})})},[h,s,d]),{deleteMessages:y,isPending:b}=ns({mailboxId:s,threadId:t,onAfterOptimisticRemove:p}),{moveMessages:S,isPending:w}=_t({mailboxId:s,threadId:t,accountId:a,onAfterOptimisticRemove:p}),{toggleTrusted:v,isPending:C,error:N,reset:E}=bo({messageId:e}),I=()=>{g({body:{messageIds:[e],isRead:!1}})},D=()=>{y([e])},O=()=>{o&&v(o,i)},A=x||b||w||C,P=A||!o,R=c.useCallback(F=>{S([e],F)},[S,e]),j=o?void 0:"Sender has no parseable address";return r.jsxs("div",{className:"flex flex-col items-end gap-1",children:[r.jsxs("div",{className:"flex items-center gap-1",children:[a&&r.jsx(gn,{accountId:a,currentMailboxId:s,onMove:R,disabled:A,label:"Move this message"}),r.jsxs(Wc,{trigger:r.jsx(rc,{className:"size-4"}),children:[r.jsxs(vs,{onClick:O,disabled:P,children:[i?r.jsx(cr,{className:"size-4 text-positive"}):r.jsx(tn,{className:"size-4 opacity-0"}),r.jsx("span",{title:j,children:"Trusted sender"})]}),n&&r.jsxs(vs,{onClick:I,disabled:A,children:[r.jsx(ur,{className:"size-4"}),"Mark as unread"]}),u&&r.jsxs(vs,{onClick:u,children:[r.jsx(nc,{className:"size-4"}),l?"Show formatted":"Show raw email"]}),r.jsx(ma,{}),r.jsxs(vs,{onClick:D,disabled:A,destructive:!0,children:[r.jsx(St,{className:"size-4"}),"Delete"]})]})]}),N&&r.jsx("div",{className:"w-64",children:r.jsx(Ut,{variant:"inline",title:"Couldn't update trust",error:N,onRetry:()=>{E(),O()}})})]})},Iy=()=>{const[e,t]=c.useState(()=>typeof document<"u"&&document.documentElement.classList.contains("dark"));return c.useEffect(()=>{const s=document.documentElement,n=new MutationObserver(()=>{t(s.classList.contains("dark"))});return n.observe(s,{attributes:!0,attributeFilter:["class"]}),()=>n.disconnect()},[]),e},Ty=({blockedImageCount:e,canAlwaysTrust:t,isTrustPending:s,onLoadOnce:n,onAlwaysTrust:a})=>r.jsxs("div",{className:"mb-3 flex items-center justify-between rounded-md bg-surface-sunken/50 px-3 py-2 text-sm",children:[r.jsxs("span",{className:"text-fg-muted",children:[e," image",e>1?"s":""," blocked for privacy"]}),r.jsxs("div",{className:"flex items-center gap-3",children:[r.jsx("button",{type:"button",onClick:n,className:"text-accent hover:underline",children:"Load once"}),t&&r.jsx("button",{type:"button",onClick:a,"aria-busy":s,className:"text-accent hover:underline aria-busy:opacity-50",children:s?"Trusting…":"Always trust"})]})]}),Ry=(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}}},My=e=>e instanceof Zt?e.reason:"generic",Ay=e=>e instanceof Error?e.message:typeof e=="string"?e:"An unexpected error occurred while loading the message body.",Oy=({error:e,onRetry:t})=>{const s=My(e),n=Ay(e),{title:a,detail:o}=Ry(s,n),[i,l]=c.useState(!1),{Account:u}=Da();return i?null:r.jsxs("div",{role:"alert","data-testid":"message-body-error-banner","data-reason":s,className:"flex items-start gap-2 rounded-md border border-danger/40 bg-danger-soft px-3 py-2 text-sm",children:[r.jsx(rs,{className:"size-4 shrink-0 text-danger mt-0.5","aria-hidden":"true"}),r.jsxs("div",{className:"flex-1 min-w-0",children:[r.jsx("p",{className:"font-medium text-danger",children:a}),r.jsx("p",{className:"text-fg-muted mt-1 break-words",children:o})]}),r.jsxs("div",{className:"flex shrink-0 items-center gap-3",children:[s==="auth"&&r.jsx(u,{children:({signOut:f})=>r.jsx("button",{type:"button",onClick:()=>f(),className:"text-sm font-medium text-accent hover:underline",children:"Sign in again"})}),t&&r.jsx("button",{type:"button",onClick:t,className:"text-sm font-medium text-accent hover:underline",children:"Retry"}),r.jsx("button",{type:"button",onClick:()=>l(!0),"aria-label":"Dismiss message body error",className:"rounded-md p-1 text-fg-muted hover:bg-surface-raised hover:text-fg transition-colors",children:r.jsx(pt,{className:"size-4","aria-hidden":"true"})})]})]})},Dy=()=>r.jsxs("div",{className:"animate-pulse space-y-2",role:"status","aria-label":"Loading message body",children:[r.jsx("div",{className:"h-4 bg-surface-sunken rounded w-full"}),r.jsx("div",{className:"h-4 bg-surface-sunken rounded w-11/12"}),r.jsx("div",{className:"h-4 bg-surface-sunken rounded w-3/4"}),r.jsx("div",{className:"h-4 bg-surface-sunken rounded w-5/6"})]}),Vi=()=>r.jsx("p",{className:"text-fg-muted text-sm italic",children:"This message has no body content."}),Uu=({bodyParts:e,html:t,text:s,isTrusted:n=!1,messageId:a,fromAddressId:o,category:i,className:l})=>{const[u,f]=c.useState(!1),d=n||u,m=Iy(),{toggleTrusted:h,isPending:g}=bo({messageId:a??""}),x=!!e&&e.length>0,{picked:p,data:y,isLoading:b,isError:S,error:w,refetch:v}=ru({messageId:a,bodyParts:e,enabled:x}),C=c.useMemo(()=>gp(e??[]),[e]),N=x&&y?.kind==="html"?y.body:t,E=x&&y?.kind==="text"?y.body:s;if(x){if(b)return r.jsx("div",{className:Re("message-body",l),children:r.jsx(Dy,{})});if(S)return r.jsx("div",{className:Re("message-body",l),children:r.jsx(Oy,{error:w,onRetry:()=>v()})});if(!p)return r.jsx("div",{className:Re("message-body",l),children:r.jsx(Vi,{})})}else if(!t&&!s)return r.jsx("div",{className:Re("message-body",l),children:r.jsx(Vi,{})});const I=!!(o&&a),D=()=>{!o||g||(f(!0),h(o,!1))};return r.jsx(yc,{className:l,html:N,text:E,isDark:m,category:i,allowImages:d,resolveCid:C,renderBlockedNotice:O=>r.jsx(Ty,{blockedImageCount:O,canAlwaysTrust:I,isTrustPending:g,onLoadOnce:()=>f(!0),onAlwaysTrust:D})})},Py=({messageId:e,threadId:t,mailboxId:s,accountId:n,isRead:a,isStarred:o,onToggleStar:i,fromAddressId:l,isTrusted:u,showRaw:f,onToggleRaw:d,onReply:m,onReplyAll:h,onForward:g})=>{const x=je(),{deleteMessages:p}=ns({mailboxId:s,threadId:t}),{moveMessages:y}=_t({mailboxId:s,threadId:t,accountId:n}),{toggleTrusted:b}=bo({messageId:e}),{mutate:S}=Ce({...nr(),onSettled:()=>{x.invalidateQueries({queryKey:os({path:{threadId:t}})}),Nt(x,Ct([s]))}}),w=c.useCallback(E=>{y([e],E)},[y,e]),v=c.useCallback(()=>{p([e])},[p,e]),C=c.useCallback(()=>{S({body:{messageIds:[e],isRead:!a}})},[S,e,a]),N=[];return l&&N.push({key:"trusted",label:u?"Trusted sender":"Mark sender trusted",icon:u?r.jsx(cr,{className:"size-4 text-positive"}):r.jsx(tn,{className:"size-4"}),onSelect:()=>b(l,u)}),d&&N.push({key:"raw",label:f?"Show formatted":"Show raw email",icon:r.jsx(nc,{className:"size-4"}),onSelect:d}),r.jsx(vc,{hasThread:!0,onReply:m,onReplyAll:h,onForward:g,isStarred:o,onToggleStar:i,onDelete:v,isRead:a,onToggleRead:C,overflowItems:N,moveSlot:n?r.jsx(gn,{accountId:n,currentMailboxId:s,onMove:w,label:"Move this message"}):void 0})},Ly=()=>r.jsxs("div",{className:"animate-pulse space-y-2",role:"status","aria-label":"Loading raw email",children:[r.jsx("div",{className:"h-4 bg-surface-sunken rounded w-full"}),r.jsx("div",{className:"h-4 bg-surface-sunken rounded w-11/12"}),r.jsx("div",{className:"h-4 bg-surface-sunken rounded w-5/6"}),r.jsx("div",{className:"h-4 bg-surface-sunken rounded w-3/4"})]}),Fy=({messageId:e,enabled:t=!0})=>{const{data:s,isLoading:n,isError:a,error:o,refetch:i}=me({...sm({path:{messageId:e}}),enabled:t});if(n)return r.jsx("div",{className:"message-body",children:r.jsx(Ly,{})});if(a)return r.jsx("div",{className:"message-body",children:r.jsx(Ut,{variant:"inline",title:"Couldn't load the raw email",error:o,onRetry:()=>i()})});const l=s?.raw??"";return l===""?r.jsx("div",{className:"message-body",children:r.jsx("p",{className:"text-fg-muted text-sm italic",children:"No raw source available for this message."})}):r.jsx("div",{className:"message-body",children:r.jsx("pre",{className:"email-text whitespace-pre-wrap break-words text-sm leading-relaxed bg-surface-sunken rounded-md p-3 max-h-[32rem] overflow-auto",children:l})})},$y=()=>r.jsx(cr,{className:"inline-block size-4 ml-1 -mt-0.5 text-positive align-middle","aria-label":"Trusted sender","data-testid":"trusted-sender-badge"}),qu=(e,t)=>({id:e.messageId,fromName:e.fromName??e.fromEmail??"?",fromEmail:e.fromEmail??"",toLabel:"",dateLabel:t,snippet:e.snippet||"",bodyHtml:""}),Hu=({isStarred:e,onToggleStar:t,isStarPending:s,hoverReveal:n})=>r.jsx("button",{type:"button",onClick:a=>{a.stopPropagation(),t()},disabled:s,"aria-label":e?"Remove star":"Add star",className:Re("shrink-0 p-0.5 rounded transition-colors",e?"text-warning":Re("text-fg-subtle hover:text-warning",n&&"opacity-0 group-hover:opacity-100 focus:opacity-100"),s&&"opacity-50"),children:r.jsx(zt,{className:Re("size-3.5",e&&"fill-current")})}),_y=({threadMessage:e,isFocused:t,onToggle:s,onToggleStar:n,isStarPending:a})=>{const o=Bl(e.sentDate,"datetime"),i=qu(e,o);return r.jsx(wc,{message:i,onClick:s,isFocused:t,isUnread:!e.isRead,trailing:r.jsxs(r.Fragment,{children:[e.hasAttachment&&r.jsx(dr,{className:"size-3 shrink-0 text-fg-subtle"}),r.jsx(Hu,{isStarred:e.hasStars,onToggleStar:n,isStarPending:a,hoverReveal:!0}),r.jsx("span",{"data-testid":"message-date",className:"shrink-0 text-2xs text-fg-subtle tabular-nums",children:o})]})})},zy=({threadMessage:e,messageData:t,isLoading:s,isError:n,error:a,onRetry:o,isFocused:i,onToggle:l,onToggleStar:u,isStarPending:f,accountId:d,showRaw:m,onToggleRaw:h,mobile:g,onReply:x,onReplyAll:p,onForward:y})=>{const b=Bl(e.sentDate,"long"),S=!e.isRead,w=t?.envelope.from[0]?.flags?.trusted?.value===!0,v=t?.envelope.from[0]?.addressId,C=qu(e,b),N=e.autoMoved?r.jsx(_v,{accountId:d,messageId:e.messageId,threadId:e.threadId,mailboxId:e.mailboxId,autoMoved:e.autoMoved}):null;return r.jsx(Sc,{message:C,isFocused:g?!1:i,onHeaderClick:l,senderBadge:w?r.jsx($y,{}):void 0,trailing:r.jsx("span",{"data-testid":"message-date",className:"text-2xs text-fg-subtle",children:b}),to:t?r.jsx(zh,{label:"To",addresses:t.envelope.to}):null,indicators:N||!g?r.jsxs("div",{className:"flex flex-wrap items-center gap-1.5 mt-0.5",children:[N,!g&&r.jsxs(r.Fragment,{children:[r.jsxs("div",{className:"flex items-center justify-end gap-1",children:[r.jsx(Hu,{isStarred:e.hasStars,onToggleStar:u,isStarPending:f}),e.hasAttachment&&r.jsx("span",{className:"text-fg-subtle p-0.5",children:r.jsx(dr,{className:"size-3.5"})})]}),S&&r.jsx("span",{className:"size-1.5 rounded-full bg-accent","aria-label":"Unread"})]})]}):void 0,actionMenu:g?void 0:r.jsx(Ey,{messageId:e.messageId,threadId:e.threadId,mailboxId:e.mailboxId,isRead:e.isRead,accountId:d,fromAddressId:v,isTrusted:w,showRaw:m,onToggleRaw:h}),actionBar:g?r.jsx(Py,{messageId:e.messageId,threadId:e.threadId,mailboxId:e.mailboxId,accountId:d,isRead:e.isRead,isStarred:e.hasStars,onToggleStar:u,fromAddressId:v,isTrusted:w,showRaw:m,onToggleRaw:h,onReply:x,onReplyAll:p,onForward:y}):void 0,body:s?r.jsxs("div",{className:"mt-3 animate-pulse space-y-2",children:[r.jsx("div",{className:"h-4 bg-surface-sunken rounded w-full"}),r.jsx("div",{className:"h-4 bg-surface-sunken rounded w-3/4"}),r.jsx("div",{className:"h-4 bg-surface-sunken rounded w-1/2"})]}):n&&nm(a)?r.jsx("div",{className:"mt-3",children:r.jsx(uu,{message:"This message has been deleted"})}):n?r.jsx("div",{className:"mt-3",children:r.jsx(Ut,{variant:"inline",title:"Couldn't load this message",error:a,onRetry:o})}):m?r.jsx("div",{className:"mt-3",children:r.jsx(Fy,{messageId:e.messageId})}):r.jsx("div",{className:"mt-3",children:r.jsx(Uu,{bodyParts:t?.bodyParts,messageId:e.messageId,fromAddressId:t?.envelope.from[0]?.addressId,isTrusted:w,category:yr(e.category)})})})},By=({threadMessage:e,isExpanded:t,isFocused:s,onToggle:n,onToggleStar:a,isStarPending:o,accountId:i,mobile:l,onReply:u,onReplyAll:f,onForward:d})=>{const[m,h]=c.useState(!1),{data:g,isLoading:x,isError:p,error:y,refetch:b}=me({...za({path:{messageId:e.messageId}}),enabled:t,meta:{softError:!0}});return t?r.jsx(zy,{threadMessage:e,messageData:g,isLoading:x,isError:p,error:y,onRetry:()=>b(),isFocused:s,onToggle:n,onToggleStar:a,isStarPending:o,accountId:i,showRaw:m,onToggleRaw:()=>h(S=>!S),mobile:l,onReply:u,onReplyAll:f,onForward:d}):r.jsx(_y,{threadMessage:e,isFocused:s,onToggle:n,onToggleStar:a,isStarPending:o})},Ky=()=>r.jsxs("div",{className:"animate-pulse p-4",children:[r.jsx("div",{className:"h-6 bg-surface-sunken rounded w-3/4 mb-5"}),r.jsx("div",{className:"space-y-4",children:Array.from({length:2}).map((e,t)=>r.jsxs("div",{className:"flex gap-3 py-3",children:[r.jsx("div",{className:"size-10 bg-surface-sunken rounded-full shrink-0"}),r.jsxs("div",{className:"flex-1",children:[r.jsx("div",{className:"h-4 bg-surface-sunken rounded w-32 mb-2"}),r.jsx("div",{className:"h-3 bg-surface-sunken rounded w-48"})]})]},t))})]});function Qi({authenticity:e,onOpenIntelligence:t}){return e.dkimMismatch?r.jsxs("div",{className:"flex items-start gap-2 rounded-none border-b border-danger/20 bg-danger-soft px-5 py-2.5 text-sm",children:[r.jsx(Ms,{className:"mt-0.5 size-4 shrink-0 text-danger"}),r.jsxs("p",{className:"flex-1 leading-snug text-fg",children:["This message claims to be from"," ",r.jsx("span",{className:"font-semibold",children:e.fromDomain})," but was sent",e.dkimDomain?` via ${e.dkimDomain}`:" from a different domain","."]}),t&&r.jsx("button",{type:"button",onClick:t,className:"shrink-0 text-2xs font-medium text-danger hover:underline",children:"Why?"})]}):null}const Ds=({threadId:e,mailboxId:t,subject:s,selectedMessageId:n,authenticity:a,onOpenIntelligence:o,onBack:i,composeRequest:l,onComposeClose:u,onSwipeNext:f,onSwipePrevious:d,mobileIntelligenceOpen:m})=>{const h=Kt(),{handlers:g}=Tv({onSwipeLeft:f,onSwipeRight:d}),{accountId:x}=ho(t),{data:p,isLoading:y,isError:b,error:S,refetch:w}=me({...rm({path:{threadId:e}})}),v=c.useMemo(()=>p?.items??[],[p?.items]),C=v[v.length-1],N=c.useRef(new Map),[E,I]=c.useState(new Set),[D,O]=c.useState(null),[A,P]=c.useState(0);c.useEffect(()=>{if(v.length>0&&e!==D){O(e);const z=new Set([v[v.length-1].threadMessageId]);if(n){const ne=v.find(de=>de.messageId===n);ne&&z.add(ne.threadMessageId)}I(z),P(v.length-1)}},[e,v,D,n]);const R=c.useCallback(z=>{I(ne=>{const de=new Set(ne);return de.has(z)?de.delete(z):de.add(z),de})},[]),j=c.useCallback(z=>{const ne=v[z];if(!ne)return;N.current.get(ne.threadMessageId)?.scrollIntoView({behavior:"smooth",block:"nearest"})},[v]),F=c.useCallback(()=>{if(v.length===0)return;const z=Math.min(A+1,v.length-1);P(z),j(z)},[v.length,A,j]),L=c.useCallback(()=>{if(v.length===0)return;const z=Math.max(A-1,0);P(z),j(z)},[v.length,A,j]),k=c.useCallback(()=>{const z=v[A];z&&R(z.threadMessageId)},[v,A,R]),{data:M}=me({...jt(),staleTime:1/0}),T=M?.accounts?.[0],q=!!T?.smtpHost;Cv({messages:v,expandedIds:E,threadId:e,mailboxId:t,accountId:T?.accountId});const{toggleStar:te,isPending:se,pendingMessageId:oe}=po({threadId:e,mailboxId:t,messages:v}),[G,Z]=c.useState(null);c.useEffect(()=>{l&&l!=="new"&&(Z(l),u?.())},[l,u]);const{data:le}=me({...za({path:{messageId:C?.messageId??""}}),enabled:!!C&&G!==null}),ae=c.useCallback(()=>{Z("reply")},[]),B=c.useCallback(()=>{Z("reply_all")},[]),K=c.useCallback(()=>{Z("forward")},[]),ce=c.useCallback(()=>{Z(null),u?.()},[u]);if(mo({enabled:!y&&v.length>0&&G===null,bindings:[{key:"j",handler:F,preventDefault:!0},{key:"ArrowDown",handler:F,preventDefault:!0},{key:"k",handler:L,preventDefault:!0},{key:"ArrowUp",handler:L,preventDefault:!0},{key:"Enter",handler:k,preventDefault:!0},{key:"o",handler:k,preventDefault:!0},...q?[{key:"r",handler:ae,preventDefault:!0},{key:"R",handler:B,noModifiers:!1,preventDefault:!0},{key:"f",handler:K,preventDefault:!0}]:[]]}),y)return r.jsx(Ky,{});if(b)return r.jsx("div",{className:"flex h-full items-center justify-center",children:r.jsx(Ut,{title:"Couldn't load this conversation",error:S,onRetry:()=>w()})});if(v.length===0)return r.jsx("div",{className:"flex h-full items-center justify-center",children:r.jsx(uu,{message:"No messages in this thread"})});const ve=s||v[0]?.subject||"(No subject)",xe=v.length,Q=z=>r.jsx("div",{children:v.map((ne,de)=>r.jsx("div",{ref:et=>{et&&N.current.set(ne.threadMessageId,et)},children:r.jsx(By,{threadMessage:ne,isExpanded:E.has(ne.threadMessageId),isFocused:de===A,onToggle:()=>R(ne.threadMessageId),onToggleStar:()=>te(ne.messageId,ne.hasStars),isStarPending:se&&oe===ne.messageId,accountId:x,mobile:z,onReply:z&&q?ae:void 0,onReplyAll:z&&q?B:void 0,onForward:z&&q?K:void 0})},ne.threadMessageId))}),_=r.jsxs("header",{className:"border-b border-line px-5 pt-5 pb-3",children:[r.jsx("h1",{className:"max-w-2xl text-lg font-semibold leading-snug text-fg",children:ve}),r.jsxs("p",{className:"mt-1 text-2xs text-fg-subtle",children:[xe," ",xe===1?"message":"messages"]})]});return h?r.jsxs("article",{className:"h-full flex flex-col",children:[_,a?.dkimMismatch&&r.jsx(Qi,{authenticity:a,onOpenIntelligence:o}),r.jsx("div",{className:"flex-1 overflow-auto",children:Q(!1)}),G!==null&&r.jsx(_i,{mode:G,account:T,sourceMessage:le,onClose:ce})]}):r.jsxs(Bp,{thread:{subject:ve,messages:[]},onBack:i??(()=>{}),intelligenceOpen:m,onToggleIntelligence:o,touchHandlers:g,children:[a?.dkimMismatch&&r.jsx(Qi,{authenticity:a,onOpenIntelligence:o}),Q(!0),G!==null&&r.jsx(_i,{mode:G,account:T,sourceMessage:le,onClose:ce})]})},Uy=new Set(["discovering_mailboxes","syncing_inbox","syncing_others"]);function Wu(e){return!!e&&Uy.has(e)}const Vu=3e3,qy=Vu*2,Gi={syncing:!1,resolved:!1,synced:0,total:0};function Hy(e,t){const s=e.join(","),[n,a]=c.useState(!1),[o,i]=c.useState(!1);c.useEffect(()=>{a(!1),i(!1)},[s,t]),c.useEffect(()=>{if(!t)return;const x=setTimeout(()=>i(!0),qy);return()=>clearTimeout(x)},[s,t]);const l=gt({queries:e.map(x=>({...am({path:{accountId:x}}),enabled:t&&!n,refetchInterval:Vu,meta:{softError:!0}}))}),u=l.every(x=>x.isSuccess||x.isError),f=l.length===0||u||o;let d=!1,m=0,h=0;for(const x of l)if(Wu(x.data?.syncPhase)){d=!0;for(const p of x.data?.mailboxes??[])m+=p.messagesSynced,h+=p.messagesTotal}const g=t&&f&&!d;return c.useEffect(()=>{g&&a(!0)},[g]),!t||!f?Gi:{syncing:d,resolved:!0,synced:m,total:h}}function ls(){const{mailboxNameIndex:e,accountNameIndex:t}=Ne();return{...wt({select:n=>Zc(n.matches)})?{}:{mailboxesByName:e},accountsByName:t}}const So=e=>e.trim().toLocaleLowerCase(),Qu={personal:"Personal",uncategorized:"Unclassified",transactional:"Transactional",newsletter:"Newsletter",marketing:"Marketing",social:"Social",automated:"Automated"},Wy=Object.values(Je).map(e=>({value:e,label:Qu[e]})),Vy={unclassified:"uncategorized"},ba=[{name:"from",label:"Sender",values:"contact"},{name:"subject",label:"Subject",values:"text"},{name:"category",label:"Category",values:"fixed",options:Wy},{name:"is",label:"State",values:"fixed",options:[{value:"unread",label:"Unread"},{value:"read",label:"Read"},{value:"starred",label:"Starred"}]},{name:"has",label:"Contents",values:"fixed",options:[{value:"attachment",label:"Has attachment"}]},{name:"in",label:"Folder",values:"mailbox"},{name:"account",label:"Account",values:"account"},{name:"after",label:"Sent on or after",values:"date"},{name:"before",label:"Sent before",values:"date"}],Qy=new Map(ba.map(e=>[e.name,e])),Gu=e=>Qy.get(e.toLowerCase()),Gy=/^\d{4}-\d{2}-\d{2}$/,Yy=e=>/[\s"]/.test(e),Xy=e=>Yy(e)?`"${e.replace(/"/g,"")}"`:e,Yu=(e,t)=>`${e}:${Xy(t)}`,Jy=e=>{if(!e.startsWith('"'))return e;const t=e.slice(1);return t.endsWith('"')?t.slice(0,-1):t};function jo(e){const t=[];let s=-1,n=!1;for(let a=0;a<e.length;a++){const o=e[a];if(o==='"'){n=!n,s<0&&(s=a);continue}if(!n&&/\s/.test(o)){s>=0&&t.push({raw:e.slice(s,a),start:s,end:a}),s=-1;continue}s<0&&(s=a)}return s>=0&&t.push({raw:e.slice(s),start:s,end:e.length}),t}function Xu(e){const t=e.indexOf(":");if(t<=0)return;const s=e.slice(t+1);return{name:e.slice(0,t).toLowerCase(),value:Jy(s),rawValue:s}}function Zy(e,t,s){if(!Gy.test(s))return;const n=Date.parse(`${s}T00:00:00Z`);if(!Number.isNaN(n))return{type:e,raw:t,value:s,epochSeconds:Math.floor(n/1e3)}}function e0(e){const t=e.toLowerCase(),s=Vy[t];return s||Object.values(Je).find(a=>a===t)}function t0(e,t){switch(t.toLowerCase()){case"unread":return{type:"isUnread",raw:e};case"read":return{type:"isRead",raw:e};case"starred":case"flagged":return{type:"isStarred",raw:e};default:return}}function s0(e,t){const s=Xu(e);if(!s||s.value.length===0)return;const{name:n,value:a}=s;switch(n){case"from":return{type:"from",raw:e,value:a};case"subject":return{type:"subject",raw:e,value:a};case"category":{const o=e0(a);return o?{type:"category",raw:e,value:a,category:o}:void 0}case"is":return t0(e,a);case"has":return a.toLowerCase()==="attachment"?{type:"hasAttachment",raw:e}:void 0;case"before":case"after":return Zy(n,e,a);case"in":{const o=t.mailboxesByName?.get(a.toLowerCase());return o?{type:"in",raw:e,value:a,mailboxId:o}:void 0}case"account":{const o=t.accountsByName?.get(a.toLowerCase());return o?{type:"account",raw:e,value:a,accountId:o}:void 0}default:return}}function Ps(e,t={}){const s=[],n=[];for(const a of jo(e)){const o=s0(a.raw,t);o?s.push(o):n.push(a.raw)}return{freeText:n.join(" "),tokens:s}}function n0(e,t){return jo(e).filter(s=>s.raw!==t.raw).map(s=>s.raw).join(" ")}function Ju(e){switch(e.type){case"from":return`From: ${e.value}`;case"subject":return`Subject: ${e.value}`;case"category":return`Category: ${Qu[e.category]}`;case"hasAttachment":return"Has attachment";case"isUnread":return"Unread";case"isRead":return"Read";case"isStarred":return"Starred";case"before":return`Before ${e.value}`;case"after":return`After ${e.value}`;case"in":return`In: ${e.value}`;case"account":return`Account: ${e.value}`}}const r0=20,a0=new Set(Object.values(Je)),o0=e=>e!==void 0&&a0.has(e)?e:void 0,i0=e=>{if(e.some(t=>t.type==="isUnread"))return!1;if(e.some(t=>t.type==="isRead"))return!0};function Zu({mailboxId:e,filterCategory:t}={}){const{searchQuery:s}=Ne(),n=ls(),a=wt({select:v=>v.matches}),o=So(s),{freeText:i,tokens:l}=Ps(o,n),u=i.length>0,f=l.find(v=>v.type==="category"),d=o0(t)??f?.category,m=l.some(v=>v.type==="hasAttachment")?!0:void 0,h=l.some(v=>v.type==="isStarred")?!0:void 0,g=i0(l),x=l.find(v=>v.type==="after"),p=l.find(v=>v.type==="before"),y=l.find(v=>v.type==="in"),b=Db({matches:a,callerMailboxId:e,inTokenMailboxId:y?.mailboxId}),{data:S,isLoading:w}=me({...Il({query:{query:i,mailboxId:b,limit:r0,...d!==void 0?{category:d}:{},...m!==void 0?{hasAttachment:m}:{},...h!==void 0?{hasStars:h}:{},...g!==void 0?{isRead:g}:{},...x?{sentDateFrom:x.epochSeconds}:{},...p?{sentDateTo:p.epochSeconds}:{}}}),enabled:u,staleTime:6e4});return{hits:S?.items??[],isLoading:u&&w}}const l0=(e,t)=>e.createdAt!==t.createdAt?e.createdAt-t.createdAt:e.accountId.localeCompare(t.accountId),c0=e=>[...e].sort(l0);function Vn(e){const t=e.authenticity?.dkimMismatch===!0;return{id:e.messageId,accountId:e.accountId,mailboxId:e.mailboxId,fromName:e.fromName??e.fromEmail??"Unknown",fromEmail:e.fromEmail??"",subject:e.subject??"(No subject)",snippet:e.snippet??"",timeLabel:qt(e.sentDate),sentDate:e.sentDate,isRead:e.isRead,hasAttachment:e.hasAttachment,starred:e.hasStars===!0,trust:e.senderTrust,category:yr(e.category),suspicious:t}}function Yi(e){return e.filter(t=>t.muted!==!0)}function u0(e,t){const s=new Set,n=[];for(const a of[...e,...t])s.has(a.id)||(s.add(a.id),n.push(a));return n.sort((a,o)=>(o.sentDate??0)-(a.sentDate??0))}const Xi=[{id:"personal",label:"Personal",category:Je.personal},{id:"transactional",label:"Transactional",category:Je.transactional},{id:"newsletter",label:"Newsletter",category:Je.newsletter},{id:"marketing",label:"Marketing",category:Je.marketing},{id:"social",label:"Social",category:Je.social},{id:"automated",label:"Automated",category:Je.automated},{id:"uncategorized",label:"Unclassified",category:Je.uncategorized}];function d0(e){const t=new Map(Xi.map(n=>[n.category,[]]));for(const n of e){const a=n.category??Je.uncategorized;(t.get(a)??t.get(Je.uncategorized))?.push(n)}const s=[];for(const n of Xi){const a=t.get(n.category);a&&a.length>0&&s.push({id:n.id,label:n.label,threads:a})}return s}function ed(e,t){return e.fromName.toLowerCase().includes(t)||e.fromEmail.toLowerCase().includes(t)||e.subject.toLowerCase().includes(t)||e.snippet.toLowerCase().includes(t)}function ko(e,t){return t.every(s=>{switch(s.type){case"from":{const n=s.value.toLowerCase();return e.fromEmail.toLowerCase().includes(n)||e.fromName.toLowerCase().includes(n)}case"subject":return e.subject.toLowerCase().includes(s.value.toLowerCase());case"category":return(e.category??"uncategorized")===s.category;case"hasAttachment":return e.hasAttachment===!0;case"isUnread":return!e.isRead;case"isRead":return e.isRead===!0;case"isStarred":return e.starred===!0;case"after":return e.sentDate!=null&&e.sentDate>=s.epochSeconds*1e3;case"before":return e.sentDate!=null&&e.sentDate<s.epochSeconds*1e3;case"in":return e.mailboxId===s.mailboxId;case"account":return e.accountId===s.accountId;default:return!1}})}const f0={sender:"sender",recipient:"recipient",subject:"subject",attachment:"attachment",body:"body",entities:"entities"};function m0(e){return f0[e]??e}function h0(e,t){const{folder:s}=Ba(t,[e.mailboxId]);return{id:e.messageId,sender:e.fromName??e.fromEmail??"Unknown",...e.fromEmail?{senderEmail:e.fromEmail}:{},subject:e.subject??"(No subject)",snippet:e.snippet??"",date:qt(e.sentDate),unread:!e.isRead,flagged:e.hasStars===!0,threadId:e.threadId,mailboxId:e.mailboxId,...s?{folder:s}:{}}}function td(e,t){const{folder:s}=Ba(t,e.mailboxId?[e.mailboxId]:[]);return{id:e.id,sender:e.fromName,...e.fromEmail?{senderEmail:e.fromEmail}:{},subject:e.subject,snippet:e.snippet,date:e.timeLabel,unread:!e.isRead,flagged:e.starred===!0,...e.mailboxId?{mailboxId:e.mailboxId}:{},...s?{folder:s}:{}}}function p0(e,t){const{mailboxId:s,folder:n}=Ba(t,e.mailboxIds);return{id:e.messageId,sender:e.fromName??"Unknown",subject:e.subject??"(No subject)",snippet:"",date:e.sentDate!=null?qt(e.sentDate*1e3):"",threadId:e.threadId,matchedChunkLabel:m0(e.matchedChunkType),score:e.score,...s?{mailboxId:s}:{},...n?{folder:n}:{}}}function sd(e,t,s){const n=new Set(t),a=[];for(const o of[...e].sort((i,l)=>l.score-i.score))n.has(o.threadId)||(n.add(o.threadId),a.push(p0(o,s)));return a}const g0=e=>{const{mailboxId:t,messages:s}=e,n=je(),{pushError:a}=Ze(),{mutateAsync:o,isPending:i}=Ce({...om(),onError:(u,f)=>{a({title:f.body.action==="Remove"?"Couldn't remove label":"Couldn't apply label",detail:ot(u),error:u})},onSettled:(u,f,d)=>{Nt(n,Ct(br(d.body.messageIds??[],s??[],t)))}});return{applyLabel:c.useCallback((u,f,d)=>{u.length!==0&&xr(u,m=>o({body:{messageIds:m,labelId:f,action:d}}))},[o]),isPending:i}};function nd({accountId:e,mailboxId:t,messageIds:s}){const{labels:n}=or(e),{applyLabel:a}=g0({mailboxId:t}),o=c.useMemo(()=>n.map(i=>({key:i.labelId,label:i.name,icon:r.jsx("span",{className:`size-2.5 rounded-full ${im(i.color)?$o[i.color]:$o.Default}`}),onSelect:()=>a(s,i.labelId,"Apply")})),[n,s,a]);return o.length===0?null:r.jsx(so,{triggerLabel:"Apply label to selected messages",triggerIcon:r.jsx(lm,{className:"size-4 text-fg-subtle"}),triggerText:"Apply label",items:o,align:"start",nested:!0,touch:!1,triggerClassName:"min-h-11 w-full justify-start gap-3 px-4 py-2.5 text-sm font-normal text-fg"})}const x0=768,b0=1024,rd=e=>e!=="desktop",jr=()=>{const e=_o(`(min-width: ${x0}px)`);return _o(`(min-width: ${b0}px)`)?"desktop":e?"tablet":"phone"},ad=8;function Co(e,t){const s=Math.max(0,Math.min(t,e.length)),n=jo(e).find(o=>s>=o.start&&s<=o.end);if(!n)return{start:s,end:s,raw:""};const a=Xu(n.raw);return a?{start:n.start,end:n.end,raw:n.raw,name:a.name,value:a.value}:{start:n.start,end:n.end,raw:n.raw}}function v0(e,t){const s=Co(e,t);if(s.name===void 0)return{kind:"token",query:s.raw};const n=Gu(s.name);if(n)return{kind:"value",token:n.name,source:n.values,query:s.value??""}}const y0={mailbox:"mailboxes",account:"accounts",contact:"contacts"},w0=(e,t)=>{if(e.values==="fixed")return e.options??[];const s=y0[e.values];return s?t[s]??[]:[]},S0=(e,t)=>{if(t==="")return 1;const s=e.toLowerCase();return s.startsWith(t)?0:s.includes(t)?1:-1},va=(e,...t)=>{let s=-1;for(const n of t){if(n===void 0)continue;const a=S0(n,e);a<0||(s<0||a<s)&&(s=a)}return s},od=e=>{const t=new Set;return e.filter(s=>s.rank>=0).sort((s,n)=>s.rank-n.rank).filter(s=>{const n=s.suggestion.value.toLowerCase();return t.has(n)?!1:(t.add(n),!0)}).slice(0,ad).map(s=>s.suggestion)},Ji=e=>({value:`${e.name}:`,label:`${e.name}:`,hint:e.label});function j0(e){const t=e.trim().toLowerCase();if(t==="")return ba.map(Ji);const s=[];for(const n of ba)if(s.push({rank:va(t,`${n.name}:`,n.label),suggestion:Ji(n)}),n.values==="fixed")for(const a of n.options??[]){const o=Yu(n.name,a.value);s.push({rank:va(t,o,a.label),suggestion:{value:o,label:a.label??o,hint:o}})}return od(s)}function k0(e,t,s){const n=t.trim().toLowerCase(),a=w0(e,s).map(o=>({rank:va(n,o.value,o.label),suggestion:{value:Yu(e.name,o.value),label:o.label??o.value,...o.hint?{hint:o.hint}:{}}}));return od(a)}function C0(e,t,s={}){const n=Co(e,t);if(n.name===void 0)return j0(n.raw);const a=Gu(n.name);return a?k0(a,n.value??"",s):[]}function N0(e,t,s){const n=Co(e,t),a=!s.value.endsWith(":"),o=/\s/.test(e.slice(n.end,n.end+1)),i=a&&!o?`${s.value} `:s.value;return{query:e.slice(0,n.start)+i+e.slice(n.end),cursor:n.start+i.length+(a&&o?1:0)}}const E0=e=>({value:e.normalizedEmail,...e.displayName?{label:e.displayName,hint:e.normalizedEmail}:{}});function I0(e){const t=new Map;for(const s of e){const n=s.email.toLowerCase(),a=n.split("@")[0];a&&!t.has(a)&&t.set(a,s.accountId),t.has(n)||t.set(n,s.accountId)}return t}function T0(e){const t=new Map;for(const s of e)for(const n of s){const a=n.fullPath?.toLowerCase();if(!a)continue;const o=a.split("/").pop();t.has(a)||t.set(a,n.mailboxId),o&&!t.has(o)&&t.set(o,n.mailboxId)}return t}function R0(e,t=[]){const s=e.flat().filter(o=>o.fullPath),n=new Map;for(const o of s){const i=Cs(o.fullPath).toLowerCase();n.set(i,(n.get(i)??0)+1)}const a=new Map(t.map(o=>[o.accountId,o.email]));return s.map(o=>{const i=Cs(o.fullPath),l=n.get(i.toLowerCase())===1,u=t.length>1?a.get(o.accountId):void 0;return{value:l?i:o.fullPath,label:o.displayNameOverride?.trim()||i,...u?{hint:u}:{}}})}function M0(e){const t=new Map;for(const s of e){const n=s.email.toLowerCase().split("@")[0]??"";t.set(n,(t.get(n)??0)+1)}return e.map(s=>{const n=s.email.split("@")[0]??s.email,a=t.get(n.toLowerCase())===1,o=s.displayName?.trim();return{value:a?n:s.email,label:o||s.email,...o?{hint:s.email}:{}}})}const A0=250,O0=2;function D0({query:e,cursor:t,enabled:s}){const{accounts:n}=Ne(),{mailboxesByName:a}=ls(),o=a!==void 0,i=s?v0(e,t):void 0,l=i?.source==="contact"?i.query.trim():"",u=ar(l,A0),{data:f}=me({...er({query:{q:u,limit:ad}}),enabled:u.length>=O0}),d=gt({queries:n.map(x=>({...Ue({path:{accountId:x.accountId}}),staleTime:1/0}))}),m=c.useMemo(()=>o?R0(d.map(x=>x.data?.items??[]),n):[],[o,d,n]),h=c.useMemo(()=>M0(n),[n]),g=c.useMemo(()=>(f?.items??[]).map(E0),[f]);return c.useMemo(()=>{if(!s)return[];const x=C0(e,t,{mailboxes:m,accounts:h,contacts:g});return o?x:x.filter(p=>p.value!=="in:")},[s,e,t,m,h,g,o])}const P0={title:"",navSlot:null,titleMeta:null,searchSlot:null,searchField:null,searchResults:null,makeFilterSlot:null},id=c.createContext(P0),No=()=>c.useContext(id),L0=new Set(["hasAttachment","isUnread","isRead","isStarred","category","before","after"]),F0=e=>L0.has(e),ld=(e,{searchHadSemanticReach:t})=>{const s=[],n=[];let a,o;for(const u of e.tokens){if(u.type==="from"){s.push({field:"From",value:u.value});continue}if(u.type==="subject"){s.push({field:"Subject",value:u.value});continue}if(u.type==="in"){a={mailboxId:u.mailboxId,label:u.value};continue}if(u.type==="account"){o=u.accountId;continue}F0(u.type)&&n.push({type:u.type,label:Ju(u)})}const i=e.freeText.trim(),l=i.length>0;return l&&s.push({field:"HasWords",value:i}),{clauses:s,matchOperator:"all",scopedOut:a,droppedFacets:n,targetAccountId:o,keptTerms:l,droppedSemantic:l&&t}},cd="remit.recentSearches",$0=5;function ya(){try{const e=localStorage.getItem(cd);if(!e)return[];const t=JSON.parse(e);return Array.isArray(t)?t.filter(s=>typeof s=="string"):[]}catch{return[]}}function Zi(e){const t=e.trim();if(!t)return ya();const s=[t,...ya().filter(n=>n!==t)].slice(0,$0);try{localStorage.setItem(cd,JSON.stringify(s))}catch{return s}return s}const _0=e=>e.tier!=="phone"&&e.hasLiveInput&&!(e.bodyRendersCommittedResults&&e.hasCommittedQuery);function z0(e){const{spam:t}=kc([...e]),s=new Map;for(const a of t)a.mailboxId&&s.set(a.mailboxId,(s.get(a.mailboxId)??0)+1);let n;for(const[a,o]of s)(!n||o>n.count)&&(n={mailboxId:a,count:o});return n}const B0=(e,t)=>{const s=Ce(Tl()),{mutate:n,reset:a}=s,o=Am(t),i=c.useCallback(()=>{!e||!o||(a(),n({path:{accountId:e},body:oa({matchOperator:t.matchOperator,literalClauses:t.literalClauses})}))},[e,o,t.matchOperator,t.literalClauses,n,a]);return c.useEffect(()=>{i()},[i]),{seedCount:s.data?.matchedCount,uncountable:!o,isPending:o&&(s.isPending||s.data===void 0),isError:o&&s.isError,error:s.error,retry:i}},ud=({initialRule:e,widenAnchorCount:t=1})=>{const[s,n]=c.useState(e),[a,o]=c.useState(),i=c.useRef(0);return{rule:s,setRule:N=>n(N),handlers:{clauseEdit:a,onStartAddClause:()=>o({mode:"add",draft:{field:Ha[0],value:""}}),onStartEditClause:N=>{const E=s.clauses.find(I=>I.id===N);E&&o({mode:"edit",clauseId:N,draft:{field:E.field,value:E.value}})},onRemoveClause:N=>n(E=>({...E,clauses:E.clauses.filter(I=>I.id!==N)})),onChangeDraftField:N=>o(E=>E&&{...E,draft:{...E.draft,field:N}}),onChangeDraftValue:N=>o(E=>E&&{...E,draft:{...E.draft,value:N}}),onSubmitClause:()=>{if(!a)return;const N=a.draft.field,E=Om(N,a.draft.value);E!==""&&(n(I=>a.mode==="edit"&&a.clauseId?{...I,clauses:I.clauses.map(D=>D.id===a.clauseId?{id:D.id,field:N,value:E}:D)}:(i.current+=1,{...I,clauses:[...I.clauses,{id:`clause-${i.current}`,field:N,value:E}]})),o(void 0))},onCancelClause:()=>o(void 0),onAddWiden:()=>n(N=>({...N,widen:{anchorCount:Math.max(t,1)}})),onRemoveWiden:()=>n(N=>({...N,widen:void 0})),onChangeMatchOperator:N=>n(E=>({...E,matchOperator:N})),onChangeMove:N=>n(E=>({...E,moveMailboxId:N||void 0})),onChangeLabel:N=>n(E=>({...E,labelId:N||void 0})),onChangeScope:N=>n(E=>({...E,scope:N})),onChangeName:N=>n(E=>({...E,name:N})),onChangeUntil:N=>n(E=>({...E,until:N}))}}};function dd({progress:e,isDone:t,runningLabel:s,onClose:n}){const a=e.state==="Failed";return r.jsxs("div",{className:"flex flex-col items-center gap-3 px-5 py-8 text-center",children:[t?a?r.jsx("span",{className:"text-sm font-semibold text-danger",children:"Organize failed"}):r.jsx(ir,{className:"size-8 text-positive"}):r.jsx(it,{className:"size-8 animate-spin text-accent-2"}),!t&&r.jsx("p",{className:"text-sm font-medium text-fg",children:s}),t&&!a&&r.jsxs("div",{className:"text-sm text-fg",children:[r.jsx("p",{className:"font-medium",children:"Done"}),r.jsxs("p",{className:"mt-1 text-xs text-fg-muted",children:[e.appliedCount," of ",e.matchedCount," moved",e.failedCount>0?` · ${e.failedCount} failed`:"","."]})]}),t&&a&&r.jsx("p",{className:"max-w-xs text-xs text-fg-muted",children:e.errorMessage||"Something went wrong. Please try again."}),t&&r.jsx(J,{variant:"primary",onClick:n,className:"mt-2",children:"Done"})]})}function wa(){return r.jsxs("div",{className:"flex flex-col items-center gap-3 px-5 py-10 text-center",children:[r.jsx(it,{className:"size-8 animate-spin text-accent-2"}),r.jsx("p",{className:"text-sm font-medium text-fg",children:"Saving rule…"})]})}function fd({onClose:e}){return r.jsxs("div",{className:"flex flex-col items-center gap-3 px-5 py-8 text-center",children:[r.jsx(ir,{className:"size-8 text-positive"}),r.jsx("p",{className:"text-sm font-medium text-fg",children:"Filter saved"}),r.jsx("p",{className:"max-w-xs text-xs text-fg-muted",children:"You can see it, and when it expires, under Settings › Filters."}),r.jsx(J,{variant:"primary",onClick:e,className:"mt-2",children:"Done"})]})}function K0({onRetry:e,onClose:t}){return r.jsxs("div",{className:"flex flex-col items-center gap-3 px-5 py-8 text-center",children:[r.jsx(ir,{className:"size-8 text-positive"}),r.jsx("p",{className:"text-sm font-medium text-fg",children:"Rule saved"}),r.jsx("p",{className:"max-w-xs text-xs text-fg-muted",children:"New mail follows it automatically. Moving the mail already in your mailbox didn't run — try again?"}),r.jsxs("div",{className:"mt-2 flex gap-2",children:[r.jsx(J,{variant:"primary",onClick:e,children:"Move existing mail"}),r.jsx(J,{variant:"ghost",onClick:t,children:"Not now"})]})]})}function md({onRetry:e,onClose:t}){return r.jsxs("div",{className:"flex flex-col items-center gap-3 px-5 py-8 text-center",children:[r.jsx("p",{className:"text-sm font-medium text-danger",children:"Couldn't save the rule"}),r.jsx("p",{className:"max-w-xs text-xs text-fg-muted",children:"Please try again."}),r.jsxs("div",{className:"mt-2 flex gap-2",children:[r.jsx(J,{variant:"primary",onClick:e,children:"Try again"}),r.jsx(J,{variant:"ghost",onClick:t,children:"Not now"})]})]})}function U0({accountId:e,conversion:t,seedCount:s,onClose:n}){const[a]=c.useState(()=>Rc(t)),{rule:o,handlers:i}=ud({initialRule:a}),{data:l}=me({...Ue({path:{accountId:e}}),staleTime:Number.POSITIVE_INFINITY}),u=c.useMemo(()=>ln(l?.items??[]).map(g=>({id:g.mailboxId,label:Cs(g.fullPath)})),[l?.items]),f=Pl(e,Wa(o),s),d=Ll(e),m=Fl(e),h=()=>{const g=$l(o);if(o.scope==="once"){d.start(g);return}m.createFilter(g,o.scope==="standing"?"standing":"temporary",(o.name??"").trim())};return d.isStarting||d.isRunning||d.isDone?r.jsx(dd,{progress:d.progress,isDone:d.isDone,runningLabel:"Organizing your mail…",onClose:n}):m.isPending?r.jsx(wa,{}):m.isSuccess?r.jsx(fd,{onClose:n}):m.isError?r.jsx(md,{onRetry:m.reset,onClose:n}):r.jsx(Rl,{rule:o,folders:u,preview:f,notice:r.jsx(Bg,{notice:{scopedOutFolder:t.scopedOut?.label,droppedFacets:t.droppedFacets.map(g=>g.label),droppedSemantic:t.droppedSemantic}}),semanticAvailable:!1,clauseFields:Ha,...i,onCommit:h,onCancel:n})}function q0({open:e,accountId:t,parsed:s,searchHadSemanticReach:n,onClose:a}){const o=c.useMemo(()=>ld(s,{searchHadSemanticReach:n}),[s,n]),i=c.useMemo(()=>Wa(Rc(o)),[o]),{seedCount:l,isPending:u,isError:f,retry:d}=B0(e?t:void 0,i);return e?r.jsx(Ia,{open:e,onClose:a,title:"Filter rule",children:f?r.jsxs("div",{className:"flex flex-col items-center gap-3 px-5 py-8 text-center",children:[r.jsx("p",{className:"text-sm font-medium text-danger",children:"Couldn't build the filter"}),r.jsx("p",{className:"max-w-xs text-xs text-fg-muted",children:"Please try again."}),r.jsxs("div",{className:"mt-2 flex gap-2",children:[r.jsx(J,{variant:"primary",onClick:d,children:"Try again"}),r.jsx(J,{variant:"ghost",onClick:a,children:"Not now"})]})]}):u?r.jsxs("div",{className:"flex flex-col items-center gap-3 px-5 py-10 text-center",children:[r.jsx(it,{className:"size-8 animate-spin text-accent-2"}),r.jsx("p",{className:"text-sm font-medium text-fg",children:"Turning your search into a filter…"})]}):r.jsx(U0,{accountId:t,conversion:o,seedCount:l,onClose:a})}):null}function hd({title:e,unreadCount:t,children:s,selectionBar:n,paneOverlay:a,footer:o,searchFilter:i,searchResults:l,searchLoading:u,relatedResults:f,relatedLoading:d,onSelectSearchResult:m,searchResultsLabel:h="Top matches",relatedResultsLabel:g="Related",searchResultsInBody:x=!1}){const{accounts:p,resultFolderIndex:y,searchQuery:b,searchInput:S,onSearchChange:w,onSearchClear:v,searchViewKey:C}=Ne(),N=ls(),E=Pe(),I=Ts(),D=jr(),[O,A]=c.useState(!1),[P,R]=c.useState(ya),[j,F]=c.useState(!1),L=c.useRef(C);c.useEffect(()=>{L.current!==C&&(L.current=C,A(!1))},[C]);const[k,M]=c.useState(0),[T,q]=c.useState(!1),[te,se]=c.useState(void 0),oe=D0({query:S,cursor:k,enabled:T&&S.trim().length>0}),G=c.useCallback(H=>{const ue=N0(S,k,H);w(ue.query),se({cursor:ue.cursor})},[S,k,w]),Z=kl({count:oe.length,onAccept:H=>{const ue=oe[H];ue&&G(ue)}}),{comboboxProps:le,handleKeyDown:ae}=Z,B=c.useMemo(()=>({comboboxProps:le,onKeyDown:ae,onCaretChange:M,onFocusChange:q,...te?{caret:te}:{}}),[le,ae,te]),K=Z.open?r.jsx(Cl,{id:Z.listId,suggestions:oe,activeIndex:Z.activeIndex,optionId:Z.optionId,onPick:G,onHighlight:Z.setActiveIndex,label:"Search suggestions",className:"mx-row-inset mt-1 shrink-0"}):null,ce=S.trim().length>0,{mailboxesByName:ve,accountsByName:xe}=N,Q=c.useMemo(()=>Ps(S,{mailboxesByName:ve,accountsByName:xe}),[S,ve,xe]),_=Q.tokens.map(H=>({label:Ju(H),onRemove:()=>w(n0(S,H))})),z=l??[],ne=f??[],de=ce?[{id:"top",label:h,results:z},{id:"related",label:g,results:ne}]:[],fe=!(z.length+ne.length>0)&&(u===!0||d===!0),{scope:De}=su(p),be=wt({select:H=>H.matches}),ye=eu(be),_e=Lb(be,De,ye?y.get(ye)?.role:void 0),Et=_e.kind==="global"?z0([...z,...ne]):void 0,V=Et?{kind:"global",onScopeToSpam:()=>E({to:"/mail/$mailboxId",params:{mailboxId:Et.mailboxId},search:{q:b||void 0,selectedMessageId:void 0,selectedThreadId:void 0}})}:_e,pe=Q.tokens.find(H=>H.type==="account")?.accountId??p[0]?.accountId,ge=ne.length>0,Le=ce&&pe?{onClick:()=>F(!0),disabledReason:Wg(ld(Q,{searchHadSemanticReach:ge}))?void 0:"Add a sender or words to filter on"}:void 0,rt=Le?r.jsx(Cc,{...Le}):null,ct=j&&pe?r.jsx(q0,{open:j,accountId:pe,parsed:Q,searchHadSemanticReach:ge,onClose:()=>F(!1)}):null,Ve=_0({tier:D,hasLiveInput:ce,hasCommittedQuery:b.trim().length>0,bodyRendersCommittedResults:x}),Ae=H=>{R(Zi(S)),m?.(H)},qe=r.jsx(Nc,{value:S,sections:de,loading:fe,onSelectResult:Ae,tokens:_,scope:V}),ze=n===void 0,Qe=Ve?r.jsx("div",{className:"h-full overflow-y-auto",children:qe}):null,xt=Qe&&!ze?Qe:s,Ee=Qe&&ze?Qe:null,Y=rd(D),ie=Y&&(O||ce),re=c.useMemo(()=>({title:e,searchResults:Ee,makeFilterSlot:rt,navSlot:I&&!I.showNavPane&&r.jsx(J,{variant:"ghost",size:"touch",icon:r.jsx(Ua,{className:"size-5"}),onClick:()=>I.openNav(),"aria-label":"Menu",className:"-ml-2 shrink-0"}),titleMeta:r.jsxs("span",{className:"shrink-0 text-2xs text-fg-subtle",children:[t.toLocaleString()," unread"]}),searchSlot:Y&&!ie&&r.jsx(J,{variant:"ghost",size:"touch",icon:r.jsx(rr,{className:"size-5"}),onClick:()=>A(!0),"aria-label":"Search",className:"shrink-0"}),searchField:ie&&r.jsxs(r.Fragment,{children:[r.jsx("div",{className:"min-w-0 flex-1",children:r.jsx(no,{value:S,onChange:w,onClear:v,globalFocusKey:!1,showClearButton:!1,suggest:B})}),r.jsx(J,{variant:"ghost",size:"touch",icon:r.jsx(pt,{className:"size-5"}),onClick:()=>{v(),A(!1)},"aria-label":"Close search",className:"shrink-0"})]})}),[e,t,I,Y,ie,S,w,v,B,Ee,rt]);if(D==="phone"&&O){const H=ue=>{R(Zi(S)),A(!1),m?.(ue)};return r.jsxs(r.Fragment,{children:[r.jsx(xg,{value:S,onChange:w,onClear:v,onCancel:()=>{A(!1),v()},filter:i,recentSearches:P,onPickRecent:w,makeFilter:Le,sections:de,loading:fe,onSelectResult:H,tokens:_,scope:V,suggest:B,suggestList:K}),ct]})}return r.jsx(id.Provider,{value:re,children:r.jsxs("section",{className:"relative flex h-full w-full flex-col bg-surface",children:[n?.(re),K,r.jsx("div",{className:"min-h-0 flex-1",children:xt}),o,ct,a]})})}const H0=120,pd=({keyboardFocusedMessageId:e,openMessageId:t,enabled:s,open:n,delayMs:a=H0})=>{const o=c.useRef(n);o.current=n;const i=c.useRef(void 0);c.useEffect(()=>{const l=e;if(!s){i.current=l;return}if(l===void 0||l===t)return;if(l===i.current){i.current=void 0;return}const u=setTimeout(()=>o.current(l),a);return()=>clearTimeout(u)},[s,e,t,a])},W0=(e,t,s)=>{const n=e.indexOf(s);if(n===-1)return[];const a=t===void 0?-1:e.indexOf(t);if(a===-1)return[s];const o=Math.min(a,n),i=Math.max(a,n);return e.slice(o,i+1)},V0=(e,t,s,n)=>t!==void 0&&e.includes(t)?t:s!==void 0&&e.includes(s)?s:n,Q0=(e,t)=>{const s=new Set(t),n=new Set;for(const a of e)s.has(a)&&n.add(a);return n},gd=(e,t,s)=>{if(e.length===0)return;const n=t===void 0?-1:e.indexOf(t);if(n===-1)return s>0?e[0]:e[e.length-1];const a=Math.min(Math.max(n+s,0),e.length-1);return e[a]},xd=e=>{const[t,s]=c.useState(new Set),[n,a]=c.useState(void 0),o=c.useCallback(p=>t.has(p),[t]),i=c.useCallback(p=>{a(p),s(y=>{const b=new Set(y);return b.has(p)?b.delete(p):b.add(p),b})},[]),l=c.useCallback(p=>{a(p),s(y=>{if(y.has(p))return y;const b=new Set(y);return b.add(p),b})},[]),u=c.useCallback(p=>{s(y=>{if(!y.has(p))return y;const b=new Set(y);return b.delete(p),b})},[]),f=c.useCallback(p=>{s(new Set(p))},[]),d=c.useCallback(()=>{a(void 0),s(new Set)},[]),m=c.useCallback(p=>{s(y=>p.every(S=>y.has(S))?new Set:new Set(p))},[]),h=c.useCallback(p=>{a(p)},[]),g=c.useCallback(p=>{s(y=>{if(y.size===0)return y;const b=Q0(y,p);return b.size===y.size?y:b})},[]),x=c.useCallback((p,y,b)=>{const S=V0(p,n,b,y);s(w=>{const v=W0(p,S,y);if(v.length===0)return w;const C=new Set(w);for(const N of v)C.add(N);return C}),a(S)},[n]);return{selectedIds:t,selectedCount:t.size,hasSelection:t.size>0,isSelected:o,toggle:i,select:l,deselect:u,selectAll:f,clearSelection:d,toggleAll:m,selectRange:x,setAnchor:h,anchorId:n,intersectWith:g}},bd=(e,t)=>!t&&e>0,G0=(e,t)=>e==="BACK"&&t,Y0=({orderedIds:e,isDesktop:t,initialFocusedId:s,onExitSelection:n})=>{const[a,o]=c.useState(s),[i,l]=c.useState(),u=c.useCallback(L=>{l(k=>k===L?k:void 0),o(L)},[]),f=xd(),{selectedCount:d,toggle:m,clearSelection:h,selectRange:g,setAnchor:x,selectAll:p}=f,y=bd(d,t),b=c.useRef(null),S=c.useRef(!1),w=c.useCallback(()=>{n?.(),h()},[h,n]),v=c.useMemo(()=>a?e.indexOf(a):-1,[e,a]),C=c.useCallback(L=>{if(L<0||L>=e.length)return;const k=e[L];if(y){m(k);return}b.current=k,S.current=!1,l(k),o(k)},[e,y,m]),N=c.useCallback(()=>{e.length!==0&&C(v<0?0:Math.min(v+1,e.length-1))},[e.length,v,C]),E=c.useCallback(()=>{e.length!==0&&C(v<=0?0:v-1)},[e.length,v,C]),I=c.useCallback(()=>C(0),[C]),D=c.useCallback(()=>C(e.length-1),[C,e.length]),O=c.useCallback(()=>{a&&m(a)},[a,m]),A=c.useCallback((L,k)=>k.shiftKey?(g(e,L,a),!0):k.metaKey||k.ctrlKey?(m(L),!0):(w(),x(L),!1),[e,a,g,m,w,x]),P=c.useCallback(L=>{const k=gd(e,a,L);k!==void 0&&(g(e,k),b.current=k,S.current=!1,l(void 0),o(k))},[e,a,g]),R=c.useCallback(()=>P(-1),[P]),j=c.useCallback(()=>P(1),[P]),F=c.useCallback(()=>{e.length>0&&p(e)},[e,p]);return{focusedMessageId:a,setFocusedMessageId:u,keyboardFocusedMessageId:i,focusIndex:v,pendingDomFocusRef:b,cursorMovedByPointerRef:S,selection:f,isMultiSelectMode:y,exitSelection:w,moveFocusToIndex:C,focusNext:N,focusPrevious:E,focusFirst:I,focusLast:D,toggleFocusedSelection:O,extendRangeUp:R,extendRangeDown:j,selectAllLoaded:F,handleRowSelect:A}};function vd(e,t){if(e.length!==0)return t!==void 0&&e.includes(t)?t:e[0]}const Eo=c.createContext(null),X0=e=>{const t=c.useContext(Eo);return t?t.rowInteraction(e):null},yd=()=>{const e=c.useContext(Eo);if(!e)throw new Error("useThreadListSelection must be used inside <ThreadListInteraction>");return e},J0="[data-message-id]",Z0=e=>Array.from(e.querySelectorAll(J0)).map(t=>t.dataset.messageId).filter(t=>t!==void 0),ew=(e,t)=>e.length===t.length&&e.every((s,n)=>s===t[n]),tw=e=>{const[t,s]=c.useState([]);return c.useEffect(()=>{const n=e.current;if(!n)return;const a=()=>{const i=Z0(n);s(l=>ew(l,i)?l:i)};a();const o=new MutationObserver(a);return o.observe(n,{childList:!0,subtree:!0}),()=>o.disconnect()},[e]),t};function wd({selectedMessageId:e,onOpen:t,onDeleteMessages:s,isDeleting:n=!1,commandsRef:a,onTriageContextChange:o,children:i}){const l=Kt(),u=c.useRef(null),f=tw(u),d=Y0({orderedIds:f,isDesktop:l,initialFocusedId:e}),{focusedMessageId:m,setFocusedMessageId:h,pendingDomFocusRef:g,cursorMovedByPointerRef:x,selection:p,isMultiSelectMode:y,exitSelection:b,handleRowSelect:S}=d,{selectedIds:w,selectedCount:v,isSelected:C,toggle:N,select:E,toggleAll:I}=p,D=f.length>0&&f.every(K=>w.has(K)),O=c.useCallback(()=>{f.length>0&&I(f)},[f,I]),{intersectWith:A}=p;c.useEffect(()=>{A(f)},[A,f]),c.useEffect(()=>{const K=g.current;K!==null&&(g.current=null,u.current?.querySelector(`[data-message-id="${K}"]`)?.focus())});const P=c.useCallback(K=>{x.current=!0,h(K)},[x,h]),R=c.useCallback(K=>{l||E(K)},[l,E]),j=c.useCallback(()=>{m&&t(m)},[m,t]),F=c.useCallback(K=>t(K,{replace:!0}),[t]);pd({keyboardFocusedMessageId:d.keyboardFocusedMessageId,openMessageId:e,enabled:l&&v===0,open:F});const[L,k]=c.useState(null),M=c.useCallback(K=>K.length===0?!1:(k(K),!0),[]),T=c.useCallback(()=>{M(Array.from(w))},[M,w]),q=c.useCallback(()=>L!==null?!0:v>0?M(Array.from(w)):m?M([m]):!1,[L,v,w,m,M]),te=c.useCallback(()=>{L!==null&&(s(L),k(null),b())},[L,s,b]),se=c.useCallback(()=>k(null),[]),oe=c.useCallback(()=>v===0?!1:(b(),!0),[v,b]),G=f.length>0;c.useEffect(()=>{if(a){if(!G){a.current=null;return}return a.current={focusNext:d.focusNext,focusPrevious:d.focusPrevious,focusFirst:d.focusFirst,focusLast:d.focusLast,openFocused:j,toggleSelect:d.toggleFocusedSelection,extendSelectDown:d.extendRangeDown,extendSelectUp:d.extendRangeUp,selectAll:d.selectAllLoaded,clearSelection:oe,requestDelete:q,toggleDensity:()=>{}},()=>{a.current=null}}},[a,G,d.focusNext,d.focusPrevious,d.focusFirst,d.focusLast,d.toggleFocusedSelection,d.extendRangeDown,d.extendRangeUp,d.selectAllLoaded,j,oe,q]);const Z=c.useMemo(()=>Array.from(w),[w]),le=L!==null;c.useEffect(()=>{o?.({focusedMessageId:m,selectedIds:Z,orderedIds:f,hasList:G,blocksKeyboard:le})},[o,m,Z,f,G,le]);const ae=vd(f,m),B=c.useMemo(()=>({selectedIds:w,selectedCount:v,exitSelection:b,requestDeleteSelection:T,orderedIds:f,allSelected:D,toggleAllLoaded:O,rowInteraction:K=>({focused:K===m,isTabStop:K===ae,isDesktop:l,onFocusRow:P,selection:{isChecked:C(K),onToggleCheck:N,onRowSelect:S,isMultiSelectMode:y,onLongPress:R}})}),[w,v,b,T,f,D,O,m,ae,l,P,C,N,S,y,R]);return r.jsxs(Eo.Provider,{value:B,children:[r.jsx("div",{ref:u,className:"contents",children:i}),r.jsx(Qa,{isOpen:le,title:Kl(L?.length??0),description:"You can restore them from Trash later.",confirmLabel:"Move to Trash",destructive:!0,isBusy:n,onConfirm:te,onCancel:se})]})}function sw({title:e,onMarkAsRead:t,isDeleting:s}){const n=No(),{selectedIds:a,selectedCount:o,exitSelection:i,requestDeleteSelection:l,orderedIds:u,allSelected:f,toggleAllLoaded:d}=yd(),m=c.useCallback(()=>{t?.(Array.from(a)),i()},[t,a,i]);return r.jsx(fr,{title:n.title||e,navSlot:n.navSlot,titleMeta:n.titleMeta,searchSlot:n.searchSlot,searchField:n.searchField,idleSlot:n.makeFilterSlot,count:o,onCancel:i,onDelete:l,onMarkRead:t?m:void 0,isBusy:s,selectAll:u.length>0?{checked:f,indeterminate:o>0&&!f,onChange:d}:void 0})}const Sa=e=>({shiftKey:e.shiftKey,metaKey:e.metaKey,ctrlKey:e.ctrlKey}),el=e=>e.shiftKey||e.metaKey||e.ctrlKey,Zr=e=>{e.preventDefault(),e.stopPropagation()},Sd=(e,t)=>{const s=c.useRef(!1),n=c.useCallback(i=>{if(s.current=!1,i.button!==0)return;const l=Sa(i);el(l)&&t?.(e,l)&&(Zr(i),s.current=!0,i.currentTarget.focus(),l.shiftKey&&window.getSelection()?.removeAllRanges())},[t,e]),a=c.useCallback(i=>{!i.ctrlKey||!t||i.preventDefault()},[t]),o=c.useCallback(i=>{if(s.current)return s.current=!1,Zr(i),!0;const l=Sa(i);return!el(l)||!t?.(e,l)?!1:(Zr(i),l.shiftKey&&window.getSelection()?.removeAllRanges(),!0)},[t,e]);return{onMouseDown:n,onContextMenu:a,claimClick:o}},nw=({thread:e,active:t=!1,focused:s,isTabStop:n,density:a="comfortable",isDesktop:o,badge:i,selection:l,inListbox:u=!1,linkMailboxId:f,onClick:d,onFocusRow:m})=>{const h=je(),g=e.id,x=X0(g),p=s??x?.focused??!1,y=n??x?.isTabStop??!1,b=l??x?.selection,S=m??x?.onFocusRow,w=o??x?.isDesktop??!0,v=b?.isChecked??!1,C=b?.isMultiSelectMode??!1,N=b?.onToggleCheck,E=b?.onRowSelect,I=b?.onLongPress,D=c.useCallback(T=>{T.preventDefault(),T.stopPropagation(),N?.(g)},[N,g]),O=Sd(g,E),A=c.useCallback(T=>{if(!O.claimClick(T)){if(!w){if(C){T.preventDefault(),T.stopPropagation(),N?.(g);return}d?.();return}E?.(g,Sa(T)),d?.()}},[O,w,C,N,E,d,g]),P=c.useCallback(()=>{I?.(g)},[I,g]),{longPressProps:R}=gc({onLongPress:P,accessibilityDescription:v?"Deselect message":"Select message"}),j=c.useCallback(()=>{h.prefetchQuery(za({path:{messageId:g}}))},[h,g]),F=c.useCallback(()=>{j(),S?.(g)},[j,S,g]),L=Rs({"data-list-row":"","data-message-row":!0,"data-message-id":g,...u?{role:"option","aria-selected":v}:{},tabIndex:y?0:-1,onClick:A,onMouseDown:O.onMouseDown,onContextMenu:O.onContextMenu,onMouseEnter:j,onFocus:F},w||!b?{}:R),k=Re(a==="compact"?mc({active:t,focused:p}):Re("group",As({active:t,focused:p})),"outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-inset",v&&"bg-accent-soft",!w&&"min-h-11 select-none [-webkit-touch-callout:none]"),M=a==="compact"?r.jsx(hc,{thread:e}):r.jsx(eo,{thread:e,badge:i,selection:b?{checked:v,alwaysVisible:C,onToggle:D}:void 0});return f===void 0?r.jsx("button",{type:"button",...L,className:k,children:M}):r.jsx(yt,{to:"/mail/$mailboxId",params:{mailboxId:f},search:T=>({...T,selectedMessageId:g}),...L,className:k,children:M})},Qn=c.memo(nw),rw=e=>({matchOperator:"Or",literalClauses:_l(e)}),jd=(e,t,s)=>{const n=Ce(Tl()),{mutate:a,reset:o}=n,[i,l]=c.useState(!1),u=c.useMemo(()=>Dm(s),[s]),f=c.useCallback(()=>{!e||!t||(l(!1),a({path:{accountId:e},body:oa({anchorMessageId:t,matchOperator:"And",literalClauses:[]})}))},[e,t,a]),d=c.useCallback(()=>{l(!1),o()},[o]),m=n.data,h=m?.semanticUnavailable===!0&&!i&&u.length>0;c.useEffect(()=>{!h||!e||(l(!0),a({path:{accountId:e},body:oa(rw(u))}))},[h,e,u,a]);const g=i||(m?.semanticUnavailable??!1),x=n.isPending||h,p=i?{matchOperator:"Or",literalClauses:_l(u)}:{...t?{anchorMessageId:t}:{},matchOperator:"And",literalClauses:[]};return{preview:f,reset:d,matchedCount:x?void 0:m?.matchedCount,messageIds:x?void 0:m?.messageIds,semanticUnavailable:g,senderFallback:i,senders:u,matchPredicate:p,isPending:x,isError:n.isError,error:n.error}},aw=({entry:e,hasSeed:t,previewStatus:s,matchedCount:n})=>{if(e==="something-else"&&!t)return{kind:"something-else"};if(s==="error")return{kind:"error"};if(s!=="success")return{kind:"widening"};const a=n??0;return{kind:"organize",matchedCount:a,fallback:a===0}},kd=8,Cd=e=>e==="From"||e==="FromDomain",ow=e=>({value:e.email,label:e.displayName??e.email,...e.displayName?{hint:e.email}:{},...e.fromSelection?{source:"selected"}:{}}),iw=e=>{const t=Pm(e.email);if(t!==null)return{value:t,...e.fromSelection?{source:"selected"}:{}}},lw=(e,t)=>e.value.toLowerCase().includes(t)||(e.label??"").toLowerCase().includes(t),cw=(e,t,s)=>{if(!Cd(e))return[];const n=t.trim().toLowerCase(),a=new Set,o=[];for(const i of s){if(i.email.trim()==="")continue;const l=e==="From"?ow(i):iw(i);if(!l)continue;const u=l.value.toLowerCase();if(!(u===""||a.has(u))&&(a.add(u),u!==n&&!(n!==""&&!lw(l,n))&&(o.push(l),o.length===kd)))break}return o},uw=250,dw=2,fw=(e,t,s)=>{const n=t.trim(),a=ar(n,uw),o=e!==void 0&&Cd(e),{data:i}=me({...er({query:{q:a,limit:kd}}),enabled:o&&a.length>=dw});if(!o||e===void 0)return[];const l=[...s.map(u=>({email:u,fromSelection:!0})),...(i?.items??[]).map(u=>({email:u.normalizedEmail,...u.displayName?{displayName:u.displayName}:{}}))];return cw(e,n,l)},mw=()=>[sr({path:{mailboxId:""}}),$a({path:{mailboxId:""}}),_a()].map(e=>[{_id:e[0]._id}]),hw=e=>mu(e)?e.pages:hu(e)?[e]:[],pw=e=>typeof e=="object"&&e!==null&&typeof e.messageId=="string",gw=(e,t)=>{const s=new Set(t),n=new Map;for(const a of e)for(const o of hw(a))for(const i of o.items){if(!pw(i)||!s.has(i.messageId))continue;const l=i.subject?.trim();l&&n.set(i.messageId,l)}return t.map(a=>n.get(a)).filter(a=>a!==void 0)},xw=e=>{const t=je(),s=e.join("\0");return c.useMemo(()=>{const n=mw().flatMap(a=>t.getQueriesData({queryKey:a}).map(([,o])=>o));return gw(n,e)},[t,s])};function Nd({accountId:e,selectedMessageIds:t,seedCount:s,semanticUnavailable:n=!1,senders:a=[],seedMatchMode:o,seedMailboxId:i,seedScope:l,onClose:u}){const f=t[0],d=n&&a.length>0,m=xw(t),[h,g]=c.useState(()=>o??Lm(n)),[x]=c.useState(()=>Fm({anchorMessageId:f,semanticUnavailable:n,matchMode:h,senders:a,subjects:m,selectionCount:t.length,seedMailboxId:i,seedScope:l})),{rule:p,setRule:y,handlers:b}=ud({initialRule:x,widenAnchorCount:t.length}),S=T=>{T!==h&&(g(T),y(q=>({...q,..._m(T,{anchorMessageId:f,senders:a,subjects:m,selectionCount:t.length,keepClauses:q.clauses.filter(te=>!te.derived),currentOperator:q.matchOperator})})))},w=fw(b.clauseEdit?.draft.field,b.clauseEdit?.draft.value??"",a),{data:v}=me({...Ue({path:{accountId:e}}),staleTime:Number.POSITIVE_INFINITY}),C=c.useMemo(()=>ln(v?.items??[]).map(T=>({id:T.mailboxId,label:Cs(T.fullPath)})),[v?.items]),{labels:N}=or(e),E=c.useMemo(()=>N.map(T=>({id:T.labelId,name:T.name,color:T.color})),[N]),{createLabel:I}=Km(e),D=async T=>{const q=await I(T);return{id:q.labelId,name:q.name,color:q.color}},O=Pl(e,Wa(p,f),s),A=Ll(e),P=Fl(e),{createFolder:R}=Ul(e),[j,F]=c.useState(),L=c.useRef(!1),k=()=>{const T=$l(p,f);if(p.scope==="once"){A.start(T);return}L.current=!1,F($m(T)?T:void 0),P.createFilter(T,p.scope==="standing"?"standing":"temporary",(p.name??"").trim())};c.useEffect(()=>{!j||L.current||!P.isSuccess||(L.current=!0,A.start(j))},[j,P.isSuccess,A.start]);const M=()=>{j&&A.start(j)};return A.isStarting||A.isRunning||A.isDone?r.jsx(dd,{progress:A.progress,isDone:A.isDone,runningLabel:d?"Organizing mail from these senders…":h==="properties"?"Organizing matching mail…":"Organizing similar mail…",onClose:u}):P.isSuccess&&A.isError?r.jsx(K0,{onRetry:M,onClose:u}):P.isPending?r.jsx(wa,{}):P.isSuccess?j?r.jsx(wa,{}):r.jsx(fd,{onClose:u}):P.isError?r.jsx(md,{onRetry:P.reset,onClose:u}):r.jsx(Rl,{rule:p,folders:C,labels:E,preview:O,semanticAvailable:!n,matchMode:n?void 0:h,onChangeMatchMode:S,clauseFields:Ha,clauseSuggestions:w,...b,onCreateFolder:R,onCreateLabel:D,onCommit:k,onCancel:u})}const tl=(e,t)=>e.find(s=>s.label.toLowerCase()===t),bw=(e,t)=>{const s=[],n=tl(e,"inbox");n&&s.push({id:"keep-inbox",label:"Always keep in Inbox",seed:{moveMailboxId:n.id,scope:"standing"}});const a=tl(e,"archive");a&&s.push({id:"file-archive",label:"File in Archive",seed:{moveMailboxId:a.id}});const o=t?e.find(i=>i.id===t):void 0;return o&&s.push({id:"move-junk",label:`Move to ${o.label}`,seed:{moveMailboxId:o.id}}),s},vw=(e,t)=>{const s=e.toLowerCase(),n=t.find(o=>s.includes(o.label.toLowerCase())),a=/\b(always|keep|future|from now)\b/.test(s);return{moveMailboxId:n?.id,scope:a?"standing":void 0}};function yw({folderOptions:e,junkMailboxId:t,onSeed:s}){const[n,a]=c.useState(""),o=c.useMemo(()=>bw(e,t),[e,t]),i=()=>{const l=n.trim();l&&s(vw(l,e))};return r.jsxs("div",{className:"flex min-h-0 flex-col",children:[r.jsxs("div",{className:"border-b border-line px-5 py-3",children:[r.jsx("h2",{className:"text-sm font-semibold text-fg",children:"What should Remit do?"}),r.jsx("p",{className:"mt-0.5 text-xs text-fg-muted",children:"Pick a shortcut or say it in your own words."})]}),r.jsx("div",{className:"min-h-0 flex-1 space-y-2 overflow-y-auto px-5 py-4",children:o.map(l=>r.jsx(J,{variant:"secondary",onClick:()=>s(l.seed),className:"h-12 w-full justify-start px-4",children:l.label},l.id))}),r.jsxs("div",{className:"flex items-center gap-2 border-t border-line px-5 py-3",children:[r.jsx(cm,{value:n,onChange:l=>a(l.target.value),onKeyDown:l=>l.key==="Enter"&&i(),placeholder:"Tell Remit what to do…","aria-label":"Tell Remit what to do",className:"flex-1"}),r.jsx(J,{variant:"primary","aria-label":"Send",onClick:i,disabled:!n.trim(),icon:r.jsx(Eh,{className:"size-4"}),className:"size-9 shrink-0 px-0"})]})]})}const ww=e=>e?.scope==="standing"?"standing":void 0,Sw=(e,t,s)=>e?"error":t?"pending":s!==void 0?"success":"idle";function Ed({entry:e,accountId:t,selectedMessageIds:s,selectedSenders:n,junkMailboxId:a,onClose:o}){const i=s[0],[l,u]=c.useState(),{preview:f,matchedCount:d,semanticUnavailable:m,senders:h,isPending:g,isError:x,error:p}=jd(t,i,n);c.useEffect(()=>{f()},[f]);const{data:y}=me({...Ue({path:{accountId:t}}),staleTime:Number.POSITIVE_INFINITY}),b=c.useMemo(()=>ln(y?.items??[]).map(w=>({id:w.mailboxId,label:Cs(w.fullPath)})),[y?.items]),S=aw({entry:e,hasSeed:l!==void 0,previewStatus:Sw(x,g,d),matchedCount:d});return r.jsxs(Dl,{open:!0,onClose:o,dismissLabel:"Dismiss organize",children:[S.kind==="something-else"&&r.jsx(yw,{folderOptions:b,junkMailboxId:a,onSeed:u}),S.kind==="widening"&&r.jsx(jw,{}),S.kind==="error"&&r.jsxs("div",{className:"flex flex-col items-center gap-3 px-5 py-10 text-center",children:[r.jsx("p",{className:"text-sm font-medium text-danger",children:"Couldn't find similar messages"}),r.jsx("p",{className:"max-w-xs text-xs text-fg-muted",children:p instanceof Error?p.message:"Please try again."}),r.jsx(J,{variant:"ghost",onClick:o,className:"mt-2",children:"Close"})]}),S.kind==="organize"&&r.jsx(Nd,{accountId:t,selectedMessageIds:s,seedCount:S.matchedCount,seedScope:ww(l),seedMailboxId:l?.moveMailboxId,semanticUnavailable:m,senders:h,onClose:o})]})}function jw(){return r.jsxs("div",{className:"flex flex-col items-center gap-3 px-5 py-10 text-center",children:[r.jsx(it,{className:"size-8 animate-spin text-accent-2"}),r.jsx("p",{className:"text-sm font-medium text-fg",children:"Finding similar messages…"})]})}function Id({open:e,accountId:t,selectedMessageIds:s,selectedSenders:n,onClose:a}){const o=s[0],{preview:i,reset:l,matchedCount:u,semanticUnavailable:f,senders:d,isPending:m,isError:h,error:g}=jd(t,o,n);c.useEffect(()=>{e&&i()},[e,i]);const x=()=>{l(),a()};return e?r.jsx(Ia,{open:e,onClose:x,title:"Filter rule",children:m||u===void 0?h?r.jsxs("div",{className:"flex flex-col items-center gap-3 px-5 py-8 text-center",children:[r.jsx("p",{className:"text-sm font-medium text-danger",children:"Couldn't find similar messages"}),r.jsx("p",{className:"max-w-xs text-xs text-fg-muted",children:g instanceof Error?g.message:"Please try again."}),r.jsx(J,{variant:"ghost",onClick:x,className:"mt-2",children:"Close"})]}):r.jsxs("div",{className:"flex flex-col items-center gap-3 px-5 py-10 text-center",children:[r.jsx(it,{className:"size-8 animate-spin text-accent-2"}),r.jsx("p",{className:"text-sm font-medium text-fg",children:"Finding similar messages…"})]}):r.jsx(Nd,{accountId:t,selectedMessageIds:s,seedCount:u,semanticUnavailable:f,senders:d,onClose:x})}):null}const kw=200,Cw={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()},sl=()=>r.jsx("div",{className:"animate-pulse",children:Array.from({length:3}).map((e,t)=>r.jsxs("div",{className:"flex items-start gap-3 py-2 pl-5 pr-4 border-b border-line",children:[r.jsx("div",{className:"size-7 rounded-full bg-surface-sunken shrink-0 mt-0.5"}),r.jsxs("div",{className:"flex-1 space-y-1.5",children:[r.jsxs("div",{className:"flex justify-between gap-2",children:[r.jsx("div",{className:"h-3.5 bg-surface-sunken rounded w-28"}),r.jsx("div",{className:"h-3 bg-surface-sunken rounded w-12"})]}),r.jsx("div",{className:"h-3.5 bg-surface-sunken rounded w-48"}),r.jsx("div",{className:"h-3 bg-surface-sunken rounded w-full"})]})]},t))}),Nw=({accountEmail:e})=>{const t=Pe();return r.jsxs("div",{className:"flex items-center gap-2 px-row-inset py-2 border-b border-line bg-danger-soft/40 text-xs text-danger",children:[r.jsx(rs,{className:"size-3.5 shrink-0"}),r.jsxs("span",{className:"flex-1 truncate",children:[e," can't connect"]}),r.jsx("button",{type:"button",onClick:()=>t({to:"/settings/accounts"}),className:"shrink-0 underline text-danger hover:opacity-80",children:"Reconnect"})]})};function Ew({sections:e,briefCategory:t,selectedThreadId:s,onSelectThread:n}){const a=t==="all",o=e.flatMap(l=>l.threads).filter(l=>l.category===t),i=a?e.length===0:o.length===0;return r.jsxs("div",{className:"h-full overflow-y-auto",children:[a?e.map(l=>r.jsx(um,{section:l,Row:Qn,selectedThreadId:s,onSelectThread:n},l.id)):r.jsx("div",{className:"divide-y divide-line",children:o.map(l=>r.jsx(Qn,{thread:l,active:l.id===s,onClick:()=>n?.(l.id)},l.id))}),i&&r.jsx("div",{className:"px-row-inset py-6 text-center text-2xs text-fg-subtle",children:"No threads match these filters."})]})}const Iw=(e,t)=>{if(t.size===0)return{};const s=new Set,n=new Set;for(const o of e)t.has(o.id)&&(o.accountId&&s.add(o.accountId),o.mailboxId&&n.add(o.mailboxId));if(s.size>1)return{moveDisabledHint:"Move only works within one account — clear selection or pick messages from a single account"};const a=s.size===1?[...s][0]:void 0;return n.size>1?{accountId:a,moveDisabledHint:`Move only works within one folder — this selection spans ${n.size} folders`}:{accountId:a,mailboxId:n.size===1?[...n][0]:void 0}};function Tw({header:e,rows:t,isDesktop:s,onMarkMessagesRead:n,children:a}){const{selectedIds:o,selectedCount:i,exitSelection:l,requestDeleteSelection:u,orderedIds:f,allSelected:d,toggleAllLoaded:m}=yd(),h=c.useMemo(()=>Iw(t,o),[t,o]),{junkMailboxId:g}=hn(h.accountId),{labels:x}=or(h.accountId),{moveMessages:p,isPending:y}=_t({mailboxId:h.mailboxId??"",accountId:h.accountId}),[b,S]=c.useState(!1),[w,v]=c.useState(null);c.useEffect(()=>{i>0||(S(!1),v(null))},[i]);const C=c.useMemo(()=>Array.from(o),[o]),N=c.useMemo(()=>{const L=[];for(const k of t)o.has(k.id)&&k.fromEmail&&L.push(k.fromEmail);return L},[t,o]),E=c.useCallback(()=>{n?.(C),l()},[n,C,l]),I=c.useCallback(L=>{C.length!==0&&(p(C,L),l())},[p,C,l]),D=c.useCallback(()=>{g&&I(g)},[g,I]),O=!!h.accountId&&!!h.mailboxId,A=O&&!!g&&g!==h.mailboxId,P=c.useMemo(()=>f.length>0?{checked:d,indeterminate:i>0&&!d,onChange:m}:void 0,[f.length,d,i,m]),R=h.moveDisabledHint?{tone:"warning",text:h.moveDisabledHint}:void 0,j=L=>r.jsx(fr,{title:L.title,navSlot:L.navSlot,titleMeta:L.titleMeta,searchSlot:L.searchSlot,searchField:L.searchField,idleSlot:L.makeFilterSlot,count:i,onCancel:l,onDelete:u,onOrganize:O?()=>s?S(!0):v("select-similar"):void 0,onJunk:A?D:void 0,onMarkRead:n?E:void 0,onSomethingElse:O&&!s?()=>v("something-else"):void 0,moveSlot:O&&h.accountId&&h.mailboxId?r.jsx(gn,{accountId:h.accountId,currentMailboxId:h.mailboxId,onMove:y?()=>{}:I,label:"Move selected messages"}):void 0,overflowSlot:h.accountId&&h.mailboxId&&i>0&&x.length>0?r.jsx(nd,{accountId:h.accountId,mailboxId:h.mailboxId,messageIds:C}):void 0,isBusy:y,selectAll:P,notice:R}),F=w&&h.accountId&&!s&&i>0?r.jsx(Ed,{entry:w,accountId:h.accountId,selectedMessageIds:C,selectedSenders:N,junkMailboxId:g,onClose:()=>{v(null),l()}}):void 0;return r.jsxs(r.Fragment,{children:[r.jsx(hd,{...e,selectionBar:j,paneOverlay:F,children:a}),b&&h.accountId&&r.jsx(Id,{open:b,accountId:h.accountId,selectedMessageIds:C,selectedSenders:N,onClose:()=>S(!1)})]})}function Rw({accounts:e,selectedMessageId:t,onSelectMessage:s,onSelectSearchResult:n,commandsRef:a,onTriageContextChange:o,onDeleteMessages:i,onMarkMessagesRead:l}){const{searchQuery:u,resultFolderIndex:f}=Ne(),d=ls(),m=Kt(),h=c.useMemo(()=>c0(e.filter(Q=>!Q.muted?.value)),[e]),[g,x]=c.useState("all"),[p,y]=c.useState("all"),[b,S]=c.useState(new Set),[w,v]=c.useState(!1),C=c.useCallback(Q=>{S(_=>{const z=new Set(_);return z.has(Q)?z.delete(Q):z.add(Q),z})},[]),{data:N,isLoading:E,isError:I,refetch:D}=me({...ra(),staleTime:6e4}),O=gt({queries:h.map(Q=>({...Ue({path:{accountId:Q.accountId}}),staleTime:1/0,meta:{softError:!0}}))}),A=c.useMemo(()=>{const Q=new Map;for(let _=0;_<h.length;_++){const z=h[_].accountId,de=(O[_]?.data?.items??[]).reduce((et,fe)=>et+(fe.unseenCount??0),0);Q.set(z,de)}return Q},[h,O]),P=c.useMemo(()=>h.filter((Q,_)=>{const z=O[_];return z?.isError?!aa(z.error):!1}),[h,O]),{freeText:R,tokens:j}=Ps(u.trim().toLowerCase(),d),{data:F,isFetching:L}=me({...ra({query:{query:R,limit:kw}}),enabled:R.length>0,staleTime:3e4}),k=c.useMemo(()=>{const Q=Yi(N?.items??[]).map(Vn);return(R?u0(Q.filter(z=>ed(z,R)),Yi(F?.items??[]).map(Vn)):Q).filter(z=>(g==="all"||z.accountId===g)&&ko(z,j))},[N,F,g,R,j]),M=c.useMemo(()=>d0(k),[k]),T=c.useMemo(()=>h.length<=1?[]:[{id:"all",label:"All",active:g==="all"},...h.map(Q=>({id:Q.accountId,label:Q.email.split("@")[0]??Q.email,count:A.get(Q.accountId),active:g===Q.accountId}))],[h,A,g]),q=c.useMemo(()=>e.filter(Q=>Q.muted?.value).length,[e]),te=c.useMemo(()=>Array.from(A.values()).reduce((Q,_)=>Q+_,0),[A]),se=c.useMemo(()=>{const Q=Array.from(b).map(_=>Cw[_]).filter(_=>_!=null);return k.filter(_=>(p==="all"||_.category===p)&&Q.every(z=>z(_))).map(_=>td(_,f))},[k,p,b,f]),{hits:oe,isLoading:G}=Zu(),Z=c.useMemo(()=>{const Q=new Map;for(const z of N?.items??[])Q.set(z.messageId,z.threadId);const _=se.map(z=>Q.get(z.id)).filter(z=>z!=null);return sd(oe,_,f)},[oe,se,N,f]),le=c.useMemo(()=>{const Q=qg(T.map(_=>({id:_.id,label:_.label,count:_.count,active:_.active})));return{categories:Q.categories,filters:Q.filters,sources:Q.sources,sourcesNote:q>0?`+${q} muted`:void 0,selectedCategory:p,activeFilters:b,expanded:w,onExpandedChange:v,onSelectCategory:_=>y(_),onSelectSource:x,onToggleFilter:C,onClear:()=>{y("all"),x("all"),S(new Set)}}},[T,q,p,b,w,C]),ae=M.length===0&&g==="all"&&R.length===0,B=c.useMemo(()=>h.map(Q=>Q.accountId),[h]),K=c.useMemo(()=>h.some(Q=>Wu(Q.syncPhase)),[h]),ce=Hy(B,ae||K),ve=r.jsxs("div",{className:"h-full overflow-y-auto",children:[r.jsx(sl,{}),r.jsx(sl,{})]}),xe=E?ve:I?r.jsxs("div",{className:"flex h-full flex-col items-center justify-center gap-3 py-12 text-sm text-fg-muted",children:[r.jsx(rs,{className:"size-8 text-danger"}),r.jsx("p",{children:"Couldn't load your messages"}),r.jsxs("button",{type:"button",onClick:()=>D(),className:"flex items-center gap-1 text-accent underline text-xs",children:[r.jsx(ic,{className:"size-3.5"}),"Try again"]})]}):ae?ce.resolved?r.jsx(Jp,{sync:ce.syncing?{synced:ce.synced,total:ce.total}:void 0}):ve:r.jsx(Ew,{sections:M,briefCategory:p,selectedThreadId:t,onSelectThread:s});return r.jsx(wd,{selectedMessageId:t,onOpen:(Q,_)=>s?.(Q,_),onDeleteMessages:i,commandsRef:a,onTriageContextChange:o,children:r.jsx(Tw,{header:{title:"Daily brief",unreadCount:te,footer:m?r.jsx(dc,{}):void 0,searchFilter:le,searchResults:se,searchLoading:E||L,relatedResults:Z,relatedLoading:G,onSelectSearchResult:n},rows:k,isDesktop:m,onMarkMessagesRead:l,children:r.jsxs("div",{className:"flex h-full flex-col",children:[P.map(Q=>r.jsx(Nw,{accountEmail:Q.email,accountId:Q.accountId},Q.accountId)),r.jsx("div",{className:"min-h-0 flex-1",children:xe})]})})})}const Mw=10,Td=e=>({q:e?.toLowerCase()??"",limit:Mw}),Aw=(e,t)=>{if(!t)return;const s=t.toLowerCase();return e?.find(n=>n.normalizedEmail===s)};function Ow(e){const t=new Date(e),s=new Date;return t.toDateString()===s.toDateString()?"today":Bn(t,{month:"short",year:"numeric"})}function Rd(e){if(!e)return!0;const[,t]=e.split("@");return t?!t.includes("."):!0}const Dw="We can't verify the sender of this email, which could mean it's from an insecure source.",Pw="We couldn't read this sender's address, so we can't confirm who really sent this message.";function Lw(e,t){return{name:e.fromName??e.fromEmail??"Unknown",email:e.fromEmail??"",trust:e.senderTrust,firstSeenLabel:t?Ow(t.createdAt):"unknown",inboundCount:t?.inboundCount,replyCount:t?.replyCount,addressUnverified:Rd(e.fromEmail)}}function Fw(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 $w(e,t){const s=t>0?t:void 0;if(Rd(e.fromEmail))return{verdict:"mismatch",fromDomain:"",addressUnreadable:!0,summary:Pw,similarCount:s};const n=e.authenticity;if(!n)return{verdict:"caution",fromDomain:e.fromEmail?.split("@")[1]??"",summary:Dw};if(!n.dkimMismatch)return{verdict:"aligned",fromDomain:n.fromDomain,dkimDomain:n.dkimDomain,summary:n.dkimDomain?`We verified this message was really sent by ${n.fromDomain}.`:"Nothing looks unusual about this sender."};const a=n.fromDomain,o=n.dkimDomain,i=e.fromName&&e.fromName!==e.fromEmail?e.fromName:void 0,l=i?`The display name claims "${i}", but this message was actually sent from ${o??"another sender"} — not ${a}. Real senders use their own address.`:`This message claims to be from ${a}, but it was actually sent from ${o??"a different sender"}.`;return{verdict:"mismatch",fromDomain:a,dkimDomain:o,claimedBrand:i,summary:l,similarCount:s}}function Md(e,t){const s=e?.fromEmail??null,n=e?.subject??"",{data:a,error:o}=me({...er({query:Td(s??void 0)}),enabled:!!s,staleTime:3e4}),i=Aw(a?.items,s??void 0),l=[n,s].filter(Boolean).join(" "),{data:u,isLoading:f,error:d}=me({...Il({query:{query:l,limit:5}}),enabled:!!(e&&l.length>3),staleTime:6e4,retry:1});return{data:c.useMemo(()=>{if(!e)return null;const h=(u?.items??[]).filter(b=>b.messageId!==e.messageId).map(b=>({id:b.messageId,mailboxId:t!=null&&b.mailboxIds.includes(t)?t:b.mailboxIds[0]??"",fromName:b.fromName??"",subject:b.subject??"(No subject)",timeLabel:b.sentDate!=null?qt(b.sentDate*1e3):"",matched:b.matchedChunkType})),g=Lw(e,i),x=$w(e,h.length),p={value:e.category??"personal",overridden:i?.flags?.category?.value!=null&&i.flags.category.value!==e.category},y=Fw(i);return{sender:g,authenticity:x,category:p,flags:y,similar:h}},[e,i,u,t]),isSimilarLoading:f,similarError:d,similarErrorIsFatal:aa(d),addressErrorIsFatal:aa(o),addressId:i?.addressId,address:i}}function _w(e,t){const s={...e??{}};for(const[n,a]of Object.entries(t))a==null?delete s[n]:s[n]={...a,setAt:a.setAt??Date.now()};return s}function Ad({addressId:e,senderEmail:t}){const s=je(),{pushError:n}=Ze(),a=dm({query:Td(t)}),{mutate:o,isPending:i}=Ce({...El(),onMutate:async u=>{const f=u.body.flags??{};await s.cancelQueries({queryKey:a});const d=s.getQueryData(a);return s.setQueryData(a,m=>m&&{...m,items:m.items.map(h=>h.addressId===u.path.addressId?{...h,flags:_w(h.flags,f)}:h)}),{previous:d}},onError:(u,f,d)=>{d?.previous!==void 0&&s.setQueryData(a,d.previous),n({title:"Couldn't update sender preference",detail:ot(u),error:u})},onSettled:()=>{s.invalidateQueries({queryKey:a})}});return{updateFlags:c.useCallback(u=>{if(!e){Ml(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 zw=e=>e==="vip"?"A sender you know":e==="wellknown"?"You've emailed them before":"Passed authentication",Od=e=>e.senderTrust!=="vip"&&e.senderTrust!=="wellknown"?!1:e.authenticity?.dkimMismatch!==!0;function Bw(e,t){e.recordEvent("rescue.candidates_surfaced",{count:String(t)})}function Kw(e,t){e.recordEvent("rescue.flow_opened",{count:String(t)})}function Uw(e,t){e.recordEvent("rescue.committed",{selected:String(t.selected),total:String(t.total),destination:t.toInbox?"inbox":"other"})}function Dd(e,t){e.recordEvent("rescue.sent_to_junk",{count:String(t.count),senderTrust:t.senderTrust,wasRescuable:String(t.wasRescuable)})}const qw=["personal","newsletter","marketing","automated","transactional","social"],Hw=e=>{const{mailboxId:t,junkMailboxId:s,inboxMailboxId:n}=e;return t?s&&t===s?n?"notSpam":null:s?"markSpam":null:null},Ww=e=>{const{similarError:t,similarErrorIsFatal:s,isSimilarLoading:n}=e;return t&&!s?"error":n?"loading":"ready"};function Vw(){return r.jsxs("aside",{className:"flex h-full w-full flex-col bg-surface-sunken",children:[r.jsxs("header",{className:"flex h-pane-header shrink-0 items-center gap-1.5 border-b border-line px-row-inset",children:[r.jsx(mt,{className:"size-3.5 text-fg-subtle"}),r.jsx("span",{className:"text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:"Intelligence"})]}),r.jsxs("div",{className:"flex-1 animate-pulse space-y-4 p-4",children:[r.jsxs("div",{className:"space-y-2",children:[r.jsx("div",{className:"h-2.5 rounded bg-surface w-1/4"}),r.jsxs("div",{className:"flex gap-3",children:[r.jsx("div",{className:"size-10 rounded-full bg-surface shrink-0"}),r.jsxs("div",{className:"flex-1 space-y-1.5",children:[r.jsx("div",{className:"h-3 rounded bg-surface w-3/4"}),r.jsx("div",{className:"h-2.5 rounded bg-surface w-1/2"})]})]})]}),r.jsxs("div",{className:"space-y-2",children:[r.jsx("div",{className:"h-2.5 rounded bg-surface w-1/4"}),r.jsx("div",{className:"h-8 rounded bg-surface"})]}),r.jsxs("div",{className:"space-y-2",children:[r.jsx("div",{className:"h-2.5 rounded bg-surface w-1/4"}),r.jsx("div",{className:"flex gap-1.5 flex-wrap",children:Array.from({length:5}).map((e,t)=>r.jsx("div",{className:"h-6 w-16 rounded bg-surface"},t))})]})]})]})}function Qw({isOpen:e,current:t,onSelect:s,onCancel:n}){return e?r.jsxs("div",{className:"fixed inset-0 z-50 flex items-center justify-center","aria-hidden":"true",onClick:n,children:[r.jsx("div",{className:"absolute inset-0 bg-canvas/80 backdrop-blur-sm"}),r.jsxs("div",{role:"dialog","aria-modal":"true","aria-label":"Reclassify sender",className:"relative z-10 w-full max-w-sm rounded-sm border border-line bg-surface p-6 shadow-lg",onClick:a=>a.stopPropagation(),onKeyDown:a=>a.stopPropagation(),children:[r.jsx("h2",{className:"text-lg font-semibold",children:"Reclassify this sender"}),r.jsx("p",{className:"mt-2 text-sm text-fg-muted",children:"Set a category override for future messages from this sender."}),r.jsx("div",{className:"mt-4 flex flex-col gap-1",children:qw.map(a=>r.jsxs("button",{type:"button",onClick:()=>s(a),className:`flex min-h-11 items-center justify-between rounded px-3 text-left text-sm capitalize transition-colors hover:bg-surface-raised ${a===t?"font-semibold text-accent":"text-fg"}`,children:[a,a===t&&r.jsx("span",{className:"text-2xs text-fg-subtle",children:"current"})]},a))}),r.jsx("div",{className:"mt-6 flex justify-end",children:r.jsx("button",{type:"button",onClick:n,className:"inline-flex min-h-11 items-center justify-center rounded border border-line px-4 text-sm font-medium transition-colors hover:bg-surface-raised",children:"Cancel"})})]})]}):null}function Gw({thread:e,onClose:t,mailboxId:s,accountId:n,hideCloseButton:a}){const{data:o,addressId:i,isSimilarLoading:l,similarError:u,similarErrorIsFatal:f}=Md(e,s),[d,m]=c.useState(!1),[h,g]=c.useState(!1),x=e.fromEmail??void 0,{updateFlags:p,isPending:y}=Ad({addressId:i,senderEmail:x}),{junkMailboxId:b}=hn(n),{inboxMailboxId:S}=xo(n),{moveMessages:w}=_t({mailboxId:s??"",threadId:e.threadId,accountId:n}),v=an(),C=Hw({mailboxId:s,junkMailboxId:b,inboxMailboxId:S}),N=c.useCallback(()=>{S&&w([e.messageId],S)},[S,w,e.messageId]),E=c.useCallback(()=>{b&&(Dd(v,{count:1,senderTrust:e.senderTrust,wasRescuable:Od(e)}),w([e.messageId],b))},[b,w,e,v]),I=c.useCallback(()=>{},[]),D=c.useCallback(()=>{const T=o?.flags?.vip!==!0;p({vip:{value:T}})},[o?.flags?.vip,p]),O=c.useCallback(()=>{const T=o?.flags?.muted!==!0;p({muted:{value:T}})},[o?.flags?.muted,p]),A=c.useCallback(()=>{o?.flags?.blocked===!0?p({blocked:{value:!1}}):m(!0)},[o?.flags?.blocked,p]),P=c.useCallback(()=>{m(!1),p({blocked:{value:!0}})},[p]),R=c.useCallback(()=>{const T=o?.flags?.unsubscribed!==!0;p({unsubscribed:{value:T}})},[o?.flags?.unsubscribed,p]),j=c.useCallback(T=>{g(!1),p({category:{value:T}})},[p]),F=i!==void 0,L={onToggleVip:F?D:void 0,onToggleMute:F?O:void 0,onToggleBlock:F?A:void 0,onToggleUnsubscribe:F?R:void 0,onReclassify:F?()=>g(!0):void 0,onNotSpam:C==="notSpam"?N:void 0,onMarkSpam:C==="markSpam"?E:void 0},k=({mailboxId:T,messageId:q,className:te,ariaLabel:se,children:oe})=>r.jsx(yt,{to:"/mail/$mailboxId",params:{mailboxId:T},search:G=>({...G,selectedMessageId:q}),className:te,"aria-label":se,children:oe});if(!o)return r.jsx(Vw,{});const M=Ww({similarError:u,similarErrorIsFatal:f,isSimilarLoading:l});return r.jsxs(r.Fragment,{children:[r.jsx(uc,{data:o,onClose:t,hideCloseButton:a,onShowSimilar:I,actions:L,similarState:M,similarLinkComponent:k,className:"border-l-0 h-full w-full"}),r.jsx(Qa,{isOpen:d,title:"Block this sender?",description:`Messages from ${x??"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:P,onCancel:()=>m(!1)}),r.jsx(Qw,{isOpen:h,current:o.category.value,onSelect:j,onCancel:()=>g(!1)})]})}const Ls=({onClose:e,thread:t,mailboxId:s,accountId:n,hideCloseButton:a})=>t?r.jsx(Gw,{thread:t,onClose:e,mailboxId:s,accountId:n,hideCloseButton:a}):r.jsxs("aside",{className:"flex h-full w-full flex-col bg-surface-sunken",children:[r.jsxs("header",{className:"flex h-pane-header shrink-0 items-center gap-1.5 border-b border-line px-row-inset",children:[r.jsx(mt,{className:"size-3.5 text-fg-subtle"}),r.jsx("span",{className:"text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:"Intelligence"})]}),r.jsxs("div",{className:"flex flex-1 flex-col items-center justify-center px-row-inset text-center",children:[r.jsx(mt,{className:"size-8 text-fg-subtle"}),r.jsx("p",{className:"mt-3 text-sm text-fg-muted",children:"Intelligence"}),r.jsx("p",{className:"mt-1 text-2xs text-fg-subtle",children:"Sender trust, authenticity and similar messages will appear here."})]})]}),ea="Open a message first",Io=({hasThread:e,intelligenceOpen:t,canToggleIntelligence:s,onToggleIntelligence:n,onReply:a,onReplyAll:o,onForward:i,onDelete:l,canDelete:u,onToggleStar:f,isStarred:d,moveContext:m})=>{const[h,g]=c.useState(null),x=u??e,p=y=>()=>g(y);return r.jsx(mp,{hasThread:e,isStarred:d,onUnavailable:y=>g(ea),unavailableHint:h,replyTitle:`Reply ${xs("reply")}`,replyAllTitle:`Reply all ${xs("replyAll")}`,forwardTitle:`Forward ${xs("forward")}`,deleteTitle:`Move to Trash ${xs("delete")}`,flagTitle:`Star ${xs("toggleStar")}`,onReply:a,onReplyAll:o,onForward:i,onDelete:x?l:p(ea),onToggleStar:f,onMove:p(ea),moveSlot:m?r.jsx(gn,{accountId:m.accountId,currentMailboxId:m.currentMailboxId,onMove:m.onMove,label:"Move to mailbox"}):void 0,children:r.jsx(fp,{open:t,enabled:s,onToggle:n})})},Pd=()=>{const e=je();return c.useCallback(t=>{const s=os({path:{threadId:t.threadId}}),a=e.getQueriesData({queryKey:s}).flatMap(([,o])=>o?.items.map(i=>i.messageId)??[]);return a.length>0?a:[t.messageId]},[e])},en=({thread:e,mailboxId:t,accountId:s,onAfterOptimisticRemove:n})=>{const a=t??e?.mailboxId,o=s??e?.accountId,{accountId:i}=ho(o?void 0:a),l=o??i,u=Pd(),{deleteMessages:f}=ns({mailboxId:a??"",threadId:e?.threadId,accountId:l,onAfterOptimisticRemove:n}),{moveMessages:d}=_t({mailboxId:a??"",threadId:e?.threadId,accountId:l,onAfterOptimisticRemove:n}),{toggleStar:m}=po({threadId:e?.threadId??"",mailboxId:a??""}),h=c.useCallback(()=>{e&&f(u(e))},[e,u,f]),g=c.useCallback(S=>{e&&d(u(e),S)},[e,u,d]),x=c.useCallback(()=>{e&&m(e.messageId,e.hasStars)},[e,m]),[p,y]=c.useState(null),b=c.useCallback(()=>y(null),[]);return{mailboxId:a,accountId:l,isStarred:e?.hasStars,deleteThread:h,moveThread:g,toggleStar:x,composeRequest:p,requestCompose:y,clearComposeRequest:b}},qs={action:null,nextPrefix:null,preventDefault:!1},Yw={b:"goBrief",i:"goInbox",s:"goSent",f:"goFlagged",",":"goSettings"},Xw={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 Jw(e,t){const s=e.key.toLowerCase(),n=e.metaKey||e.ctrlKey;if(e.inEditable)return{...qs,nextPrefix:t==="g"?null:t};if(e.onControl&&(s==="enter"||s===" "))return{...qs,nextPrefix:t==="g"?null:t};if(n&&s==="n")return{action:"compose",nextPrefix:null,preventDefault:!0};if(n&&s==="a")return{action:"selectAll",nextPrefix:null,preventDefault:!0};if(n)return{...qs,nextPrefix:t==="g"?null:t};if(s==="escape")return{action:"back",nextPrefix:null,preventDefault:!1};if(t==="g"){const i=Yw[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=Xw[s];if(a){const o=a.requireShift===!0,i=s.length===1&&!/[a-z0-9]/.test(s);return!o&&e.shiftKey&&!i?qs:{action:a.action,nextPrefix:null,preventDefault:!0}}return qs}function Zw(e){if(!(e instanceof HTMLElement))return!1;const t=e.tagName;return t==="INPUT"||t==="TEXTAREA"||t==="SELECT"||e.isContentEditable}const eS="data-message-row",tS='button, a[href], summary, [role="button"], [role="menuitem"], [role="tab"], [role="switch"], [role="checkbox"]';function sS(e){if(!(e instanceof HTMLElement))return!1;const t=e.closest(tS);return t?!t.hasAttribute(eS):!1}function nS({handlers:e,enabled:t=!0,sequenceTimeoutMs:s=1e3}){const n=c.useRef(e);n.current=e;const a=c.useRef(null),o=c.useRef(null);c.useEffect(()=>{if(!t)return;const i=()=>{o.current!==null&&(clearTimeout(o.current),o.current=null)},l=u=>{const f=Jw({key:u.key,shiftKey:u.shiftKey,metaKey:u.metaKey,ctrlKey:u.ctrlKey,altKey:u.altKey,inEditable:Zw(u.target),onControl:sS(u.target)},a.current);if(i(),a.current=f.nextPrefix,f.nextPrefix!==null&&(o.current=setTimeout(()=>{a.current=null,o.current=null},s)),f.action===null)return;const d=n.current[f.action];d&&(f.preventDefault&&u.preventDefault(),d())};return window.addEventListener("keydown",l),()=>{window.removeEventListener("keydown",l),i(),a.current=null}},[t,s])}const nl=(e,t,s)=>{if(!t)return null;const n=e.indexOf(t);if(n===-1)return null;const a=s==="next"?n+1:n-1;return a<0||a>=e.length?null:e[a]},To=()=>{const[e,t]=c.useState(void 0),[s,n]=c.useState([]),[a,o]=c.useState([]),i=c.useRef(null),[l,u]=c.useState(!1),[f,d]=c.useState(!1),m=c.useCallback(h=>{t(h.focusedMessageId),n(h.selectedIds),h.orderedIds&&o(h.orderedIds),u(h.hasList),d(h.blocksKeyboard)},[]);return{listCommandsRef:i,onTriageContextChange:m,focusedMessageId:e,selectedIds:s,orderedIds:a,hasList:l,blocksKeyboard:f}},Ro=({context:e,orderedIds:t,selectedMessageId:s,enabled:n=!0,onClose:a,handlers:o})=>{const{listCommandsRef:i,hasList:l,blocksKeyboard:u}=e,f=c.useCallback(()=>{i.current?.clearSelection()||s&&a()},[i,s,a]);return nS({enabled:n&&!u,handlers:{...l?{focusNext:()=>i.current?.focusNext(),focusPrevious:()=>i.current?.focusPrevious(),focusFirst:()=>i.current?.focusFirst(),focusLast:()=>i.current?.focusLast(),openFocused:()=>i.current?.openFocused(),toggleSelect:()=>i.current?.toggleSelect(),extendSelectDown:()=>i.current?.extendSelectDown(),extendSelectUp:()=>i.current?.extendSelectUp(),selectAll:()=>i.current?.selectAll(),toggleDensity:()=>i.current?.toggleDensity()}:{},back:f,...o}}),{goBack:f,nextMessageId:nl(t,s,"next")??void 0,previousMessageId:nl(t,s,"previous")??void 0}};function rS(e){return{threadId:e.threadId,mailboxId:e.mailboxId,subject:e.subject,messageId:e.messageId,authenticity:e.authenticity}}function Ld(e,t){if(e)return rS(e);if(t.messageId&&t.threadId&&t.mailboxId)return{threadId:t.threadId,mailboxId:t.mailboxId,messageId:t.messageId}}const Fd=c.createContext(null);function kr(){const e=c.useContext(Fd);if(!e)throw new Error("BriefPane.* must be used inside <BriefPane>");return e}function aS({selectedMessageId:e,children:t}){const s=Pe(),{searchInput:n}=Ne(),{selectedThreadId:a,selectedMailboxId:o}=Ns({strict:!1}),{data:i}=me({...ra(),staleTime:6e4}),l=c.useMemo(()=>{if(e)return i?.items.find(O=>O.messageId===e)},[i,e]),u=c.useMemo(()=>Ld(l,{messageId:e,threadId:a,mailboxId:o}),[l,e,a,o]),f=c.useCallback((O,A)=>{s({to:"/mail",search:P=>({...P,selectedMessageId:O,selectedThreadId:void 0,selectedMailboxId:void 0}),replace:A?.replace})},[s]),d=c.useCallback(O=>{s({to:"/mail",search:A=>({...A,q:n||void 0,selectedMessageId:O.id,selectedThreadId:O.threadId,selectedMailboxId:O.mailboxId})})},[s,n]),m=c.useCallback(O=>{e&&O.includes(e)&&s({to:"/mail",search:A=>({...A,selectedMessageId:void 0,selectedThreadId:void 0,selectedMailboxId:void 0})})},[e,s]),h=en({thread:l,onAfterOptimisticRemove:m}),g=c.useCallback(()=>{s({to:"/mail",search:O=>({...O,selectedMessageId:void 0,selectedThreadId:void 0,selectedMailboxId:void 0})})},[s]),x=To(),p=c.useMemo(()=>i?.items??[],[i]),{deleteMessages:y}=ns({mailboxId:l?.mailboxId??"",messages:p,onAfterOptimisticRemove:m}),{toggleReadFor:b}=vr({mailboxId:l?.mailboxId??"",messages:p}),S=c.useCallback(O=>b(O,!0),[b]),w=x.focusedMessageId,C=c.useMemo(()=>i?.items.find(O=>O.messageId===w),[i,w])??l,N=en({thread:C}),{nextMessageId:E,previousMessageId:I}=Ro({context:x,orderedIds:x.orderedIds,selectedMessageId:e,onClose:g,handlers:{reply:()=>h.requestCompose("reply"),replyAll:()=>h.requestCompose("reply_all"),forward:()=>h.requestCompose("forward"),delete:()=>{x.listCommandsRef.current?.requestDelete()||N.deleteThread()},toggleStar:N.toggleStar,toggleRead:()=>{const O=x.selectedIds.length>0?x.selectedIds:C?[C.messageId]:[];O.length!==0&&b(O,!(C?.isRead??!1))},goFlagged:()=>s({to:"/mail/flagged"}),goSettings:()=>s({to:"/settings"})}}),D={selectedMessageId:e,selectedThread:l,conversation:u,onSelectMessage:f,onSelectSearchResult:d,onCloseThread:g,actions:h,triage:x,onDeleteMessages:y,onMarkMessagesRead:S,nextMessageId:E,previousMessageId:I};return r.jsx(Fd.Provider,{value:D,children:t})}function $d(){const{selectedMessageId:e,onSelectMessage:t,onSelectSearchResult:s,triage:n,onDeleteMessages:a,onMarkMessagesRead:o}=kr(),{accounts:i}=Ne();return r.jsx(Rw,{accounts:i,selectedMessageId:e,onSelectMessage:t,onSelectSearchResult:s,commandsRef:n.listCommandsRef,onTriageContextChange:n.onTriageContextChange,onDeleteMessages:a,onMarkMessagesRead:o})}function oS(){const{conversation:e,actions:t}=kr(),{intelligenceOpen:s,onToggleIntelligence:n}=Ne(),a=Ts()?.showIntelligencePane??!1,o=!!e,i=a&&o;return r.jsxs("section",{className:"flex h-full w-full min-w-0 flex-col bg-canvas",children:[r.jsx(Io,{hasThread:o,intelligenceOpen:i&&s,canToggleIntelligence:i,onToggleIntelligence:n,onReply:o?()=>t.requestCompose("reply"):void 0,onReplyAll:o?()=>t.requestCompose("reply_all"):void 0,onForward:o?()=>t.requestCompose("forward"):void 0,onDelete:o?t.deleteThread:void 0,onToggleStar:o?t.toggleStar:void 0,isStarred:t.isStarred,moveContext:o&&t.accountId&&t.mailboxId?{accountId:t.accountId,currentMailboxId:t.mailboxId,onMove:t.moveThread}:void 0}),r.jsx("div",{className:"min-h-0 flex-1 overflow-hidden",children:e?r.jsx(Ds,{threadId:e.threadId,mailboxId:e.mailboxId,subject:e.subject,selectedMessageId:e.messageId,authenticity:e.authenticity,composeRequest:t.composeRequest,onComposeClose:t.clearComposeRequest}):r.jsx(Os,{})})]})}function iS(){const{selectedThread:e}=kr(),{onToggleIntelligence:t}=Ne();return r.jsx(Ls,{onClose:t,thread:e,mailboxId:e?.mailboxId,accountId:e?.accountId})}function lS(){const{selectedThread:e,conversation:t,onSelectMessage:s,onCloseThread:n,nextMessageId:a,previousMessageId:o}=kr(),{intelligenceOpen:i,onToggleIntelligence:l}=Ne();return t?r.jsxs(r.Fragment,{children:[r.jsx(Ds,{threadId:t.threadId,mailboxId:t.mailboxId,subject:t.subject,selectedMessageId:t.messageId,authenticity:t.authenticity,onBack:n,onOpenIntelligence:l,onSwipeNext:a?()=>s(a):void 0,onSwipePrevious:o?()=>s(o):void 0,mobileIntelligenceOpen:i}),r.jsx(uo,{isOpen:i,onClose:l,ariaLabel:"Message details",side:"right",children:r.jsx(Ls,{onClose:l,thread:e,hideCloseButton:!0})})]}):r.jsx("div",{className:"h-full",children:r.jsx($d,{})})}const Hs=Object.assign(aS,{List:$d,Reading:oS,Intelligence:iS,Phone:lS}),cS=()=>_a({query:{starred:!0,order:"desc"}});function _d(){const{data:e,isLoading:t,isError:s,error:n,refetch:a,fetchNextPage:o,hasNextPage:i,isFetchingNextPage:l}=qc({queryKey:cS(),queryFn:async({pageParam:f})=>{const{data:d}=await fm({query:{starred:!0,order:"desc",continuationToken:f},throwOnError:!0});return d},initialPageParam:void 0,getNextPageParam:f=>f.continuationToken,staleTime:6e4});return{threads:c.useMemo(()=>(e?.pages??[]).flatMap(f=>f.items??[]),[e]),isLoading:t,isError:s,error:n,refetch:a,fetchNextPage:o,hasNextPage:i,isFetchingNextPage:l}}const uS=e=>{const t=new Set;return e.filter(s=>t.has(s.threadId)?!1:(t.add(s.threadId),!0))};function zd({title:e,unreadCount:t,preset:s,selectedCategory:n,activeFilters:a,onSelectCategory:o,onToggleFilter:i,onSelectSource:l,onClearFilters:u,children:f,footer:d,searchResults:m,searchLoading:h,relatedResults:g,relatedLoading:x,onSelectSearchResult:p,searchResultsLabel:y,relatedResultsLabel:b,searchResultsInBody:S}){const[w,v]=c.useState(!1),{searchInput:C}=Ne(),N=C.trim().length>0,E={categories:s.categories,filters:s.filters,sources:s.sources,selectedCategory:n,activeFilters:a,expanded:w,onExpandedChange:v,onSelectCategory:o,onSelectSource:l,onToggleFilter:i,onClear:u};return r.jsx(hd,{title:e,unreadCount:t,footer:d,searchFilter:E,searchResults:m,searchLoading:h,relatedResults:g,relatedLoading:x,onSelectSearchResult:p,searchResultsLabel:y,relatedResultsLabel:b,searchResultsInBody:S,children:r.jsx(bl,{...E,hideChrome:N,children:f})})}const dS={unread:e=>!e.isRead,attachment:e=>e.hasAttachment===!0};function fS({selectedMessageId:e,onSelectMessage:t,commandsRef:s,onTriageContextChange:n,onDeleteMessages:a,onMarkMessagesRead:o}){const{searchQuery:i,resultFolderIndex:l}=Ne(),u=ls(),f=Kt(),[d,m]=c.useState("all"),[h,g]=c.useState(new Set),x=c.useCallback(M=>{g(T=>{const q=new Set(T);return q.has(M)?q.delete(M):q.add(M),q})},[]),p=c.useCallback(()=>{m("all"),g(new Set)},[]),{threads:y,isLoading:b,isError:S,error:w,refetch:v,fetchNextPage:C,hasNextPage:N,isFetchingNextPage:E}=_d(),{freeText:I,tokens:D}=Ps(i.trim().toLowerCase(),u),O=c.useMemo(()=>{const M=Array.from(h).map(T=>dS[T]).filter(T=>T!=null);return uS(y).map(Vn).filter(T=>(d==="all"||T.category===d)&&M.every(q=>q(T))&&(!I||ed(T,I))&&ko(T,D))},[y,d,h,I,D]),A=c.useMemo(()=>Hg(),[]),P=c.useMemo(()=>O.map(M=>td(M,l)),[O,l]),R=c.useMemo(()=>O.filter(M=>!M.isRead).length,[O]),j=b?"loading":S?"error":O.length===0?"empty":"ready",F=c.useCallback(()=>{const M=La(Pa());window.open(M,"_blank","noopener,noreferrer")},[]),L=No(),k=r.jsx("div",{className:"flex h-full min-h-0 flex-col",children:r.jsxs("div",{className:"flex-1 overflow-y-auto",children:[r.jsx("div",{className:"divide-y divide-line",children:O.map(M=>r.jsx(Qn,{thread:M,active:M.id===e,onClick:()=>t?.(M.id)},M.id))}),N?r.jsx("button",{type:"button",className:"w-full py-3 text-sm text-muted hover:text-fg disabled:opacity-50",onClick:()=>C(),disabled:E,children:E?"Loading…":"Load more"}):null]})});return r.jsx(zd,{title:"Starred",unreadCount:R,preset:A,selectedCategory:d,activeFilters:h,onSelectCategory:m,onToggleFilter:x,onClearFilters:p,searchResults:P,searchLoading:b,onSelectSearchResult:M=>t?.(M.id),children:r.jsx(wd,{selectedMessageId:e,onOpen:(M,T)=>t?.(M,T),onDeleteMessages:a,commandsRef:s,onTriageContextChange:n,children:r.jsx(bc,{listTitle:"Starred",sections:[{id:"flagged",threads:O}],flatList:!0,hideHeader:!0,listState:L.searchResults?"ready":j,searchQuery:I?i:void 0,errorMessage:S?zl(w):void 0,onRetry:()=>v(),onReportError:F,selectedThreadId:e,onSelectThread:t,onSelectBriefCategory:()=>{},isDesktop:f,selectionBar:r.jsx(sw,{title:"Starred",onMarkAsRead:o}),listBody:L.searchResults??(j==="ready"?k:void 0)})})})}const Bd=c.createContext(null);function Cr(){const e=c.useContext(Bd);if(!e)throw new Error("FlaggedPane.* must be used inside <FlaggedPane>");return e}function mS({selectedMessageId:e,children:t}){const s=Pe(),{threads:n}=_d(),a=c.useMemo(()=>{if(e)return n.find(v=>v.messageId===e)},[n,e]),o=c.useCallback((v,C)=>{s({to:"/mail/flagged",search:N=>({...N,selectedMessageId:v}),replace:C?.replace})},[s]),i=c.useCallback(()=>{s({to:"/mail/flagged",search:v=>({...v,selectedMessageId:void 0})})},[s]),l=c.useCallback(v=>{e&&v.includes(e)&&i()},[e,i]),u=en({thread:a,onAfterOptimisticRemove:l}),f=To(),{deleteMessages:d}=ns({mailboxId:a?.mailboxId??"",messages:n,onAfterOptimisticRemove:l}),{toggleReadFor:m}=vr({mailboxId:a?.mailboxId??"",messages:n}),h=c.useCallback(v=>m(v,!0),[m]),g=f.focusedMessageId,p=c.useMemo(()=>n.find(v=>v.messageId===g),[n,g])??a,y=en({thread:p}),{nextMessageId:b,previousMessageId:S}=Ro({context:f,orderedIds:f.orderedIds,selectedMessageId:e,onClose:i,handlers:{reply:()=>u.requestCompose("reply"),replyAll:()=>u.requestCompose("reply_all"),forward:()=>u.requestCompose("forward"),delete:()=>{f.listCommandsRef.current?.requestDelete()||y.deleteThread()},toggleStar:y.toggleStar,toggleRead:()=>{const v=f.selectedIds.length>0?f.selectedIds:p?[p.messageId]:[];v.length!==0&&m(v,!(p?.isRead??!1))},goBrief:()=>s({to:"/mail"}),goSettings:()=>s({to:"/settings"})}}),w={selectedMessageId:e,selectedThread:a,onSelectMessage:o,onCloseThread:i,actions:u,triage:f,onDeleteMessages:d,onMarkMessagesRead:h,nextMessageId:b,previousMessageId:S};return r.jsx(Bd.Provider,{value:w,children:t})}function Kd(){const{selectedMessageId:e,onSelectMessage:t,triage:s,onDeleteMessages:n,onMarkMessagesRead:a}=Cr();return r.jsx(fS,{selectedMessageId:e,onSelectMessage:t,commandsRef:s.listCommandsRef,onTriageContextChange:s.onTriageContextChange,onDeleteMessages:n,onMarkMessagesRead:a})}function hS(){const{selectedThread:e,actions:t}=Cr(),{intelligenceOpen:s,onToggleIntelligence:n}=Ne(),a=Ts()?.showIntelligencePane??!1,o=!!e,i=a&&o;return r.jsxs("section",{className:"flex h-full w-full min-w-0 flex-col bg-canvas",children:[r.jsx(Io,{hasThread:o,intelligenceOpen:i&&s,canToggleIntelligence:i,onToggleIntelligence:n,onReply:o?()=>t.requestCompose("reply"):void 0,onReplyAll:o?()=>t.requestCompose("reply_all"):void 0,onForward:o?()=>t.requestCompose("forward"):void 0,onDelete:o?t.deleteThread:void 0,onToggleStar:o?t.toggleStar:void 0,isStarred:t.isStarred,moveContext:o&&t.accountId&&t.mailboxId?{accountId:t.accountId,currentMailboxId:t.mailboxId,onMove:t.moveThread}:void 0}),r.jsx("div",{className:"min-h-0 flex-1 overflow-hidden",children:e?r.jsx(Ds,{threadId:e.threadId,mailboxId:e.mailboxId,subject:e.subject,authenticity:e.authenticity,composeRequest:t.composeRequest,onComposeClose:t.clearComposeRequest}):r.jsx(Os,{})})]})}function pS(){const{selectedThread:e}=Cr(),{onToggleIntelligence:t}=Ne();return r.jsx(Ls,{onClose:t,thread:e,mailboxId:e?.mailboxId,accountId:e?.accountId})}function gS(){const{selectedThread:e,onCloseThread:t,onSelectMessage:s,nextMessageId:n,previousMessageId:a}=Cr(),{intelligenceOpen:o,onToggleIntelligence:i}=Ne();return e?r.jsxs(r.Fragment,{children:[r.jsx(Ds,{threadId:e.threadId,mailboxId:e.mailboxId,subject:e.subject,authenticity:e.authenticity,onBack:t,onOpenIntelligence:i,onSwipeNext:n?()=>s(n):void 0,onSwipePrevious:a?()=>s(a):void 0,mobileIntelligenceOpen:o}),r.jsx(uo,{isOpen:o,onClose:i,ariaLabel:"Message details",side:"right",children:r.jsx(Ls,{onClose:i,thread:e,hideCloseButton:!0})})]}):r.jsx("div",{className:"h-full",children:r.jsx(Kd,{})})}const Ws=Object.assign(mS,{List:Kd,Reading:hS,Intelligence:pS,Phone:gS}),xS={reply:"Reply",reply_all:"Reply All",forward:"Forward",new:"New Message"},bS=()=>{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},[])},vS=()=>{const{state:e,closeCompose:t}=Bt(),s=bS(),[n,a]=c.useState(!1),{isError:o,error:i,refetch:l}=me({...jt(),staleTime:1/0}),u=c.useCallback(h=>{h||(s()?a(!0):t())},[t,s]),f=c.useCallback(()=>{a(!1),t()},[t]),d=c.useCallback(()=>{a(!1)},[]);if(!e.isOpen)return null;const m=xS[e.mode]??"New Message";return r.jsxs(nt.Root,{open:e.isOpen,onOpenChange:u,children:[r.jsxs(nt.Portal,{children:[r.jsx(nt.Overlay,{className:"fixed inset-0 z-40 bg-black/40"}),r.jsxs(nt.Content,{className:"fixed inset-x-0 bottom-0 z-50 flex flex-col bg-canvas rounded-t-lg",style:{height:"95dvh"},children:[r.jsx(nt.Handle,{className:"mx-auto mt-2 mb-1 h-1.5 w-12 rounded-full bg-fg-muted/30"}),r.jsx(nt.Title,{className:"px-4 py-2 text-base font-semibold border-b border-line",children:m}),o?r.jsx("div",{className:"flex-1 flex items-center justify-center p-4",children:r.jsx(Ut,{title:"Couldn't load compose",error:i,onRetry:()=>{l()}})}):r.jsx("div",{className:"flex-1 overflow-hidden",children:r.jsx(fo,{mode:e.mode,account:e.account,sourceMessage:e.sourceMessage,onClose:t})})]})]}),n&&r.jsx("div",{className:"fixed inset-0 z-[60] flex items-center justify-center bg-black/50",children:r.jsxs("div",{className:"mx-4 w-full max-w-sm rounded-xl bg-canvas p-6 shadow-xl",children:[r.jsx("h3",{className:"text-lg font-semibold",children:"Discard draft?"}),r.jsx("p",{className:"mt-2 text-sm text-fg-muted",children:"Your message has unsaved content. Are you sure you want to discard it?"}),r.jsxs("div",{className:"mt-4 flex justify-end gap-2",children:[r.jsx("button",{type:"button",onClick:d,className:"rounded-md px-4 py-2 text-sm font-medium hover:bg-surface-raised transition-colors",children:"Keep editing"}),r.jsx("button",{type:"button",onClick:f,className:"rounded-md bg-danger px-4 py-2 text-sm font-medium text-canvas hover:bg-danger/90 transition-colors",children:"Discard"})]})]})})]})},yS={reply:"Reply",reply_all:"Reply All",forward:"Forward",new:"New Message"},Ud=()=>{const{state:e,closeCompose:t}=Bt(),s=Kt(),{isError:n,error:a,refetch:o}=me({...jt(),staleTime:1/0});if(!s)return r.jsx(vS,{});if(!e.isOpen)return null;const i=yS[e.mode]??"New Message",l=r.jsxs("header",{className:"flex items-center justify-between gap-2 px-4 py-3 border-b border-line shrink-0",children:[r.jsx("div",{className:"flex items-center gap-2 min-w-0",children:r.jsx("h2",{className:"text-lg font-semibold truncate",children:i})}),r.jsx("button",{type:"button",onClick:t,className:"p-2 rounded-md hover:bg-surface-raised transition-colors min-h-11 min-w-11 inline-flex items-center justify-center","aria-label":"Close",children:r.jsx(pt,{className:"size-5"})})]});return n?r.jsxs("div",{className:"h-full flex flex-col bg-canvas",children:[l,r.jsx("div",{className:"flex-1 flex items-center justify-center p-4",children:r.jsx(Ut,{title:"Couldn't load compose",error:a,onRetry:()=>{o()}})})]}):r.jsxs("div",{className:"flex h-full min-h-0 flex-col bg-canvas",children:[l,r.jsx("div",{className:"min-h-0 flex-1 overflow-hidden",children:r.jsx(fo,{mode:e.mode,account:e.account,sourceMessage:e.sourceMessage,onClose:t},e.outboxMessageId??"new")})]})};function wS(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:qt(e.updatedAt),isRead:!0}}function SS(e){return{id:e.messageId,accountId:e.accountId,fromName:e.fromName??e.fromEmail??"Unknown",fromEmail:e.fromEmail??"",subject:e.subject??"(No subject)",snippet:e.snippet??"",timeLabel:qt(e.sentDate),isRead:e.isRead,hasAttachment:e.hasAttachment,starred:e.hasStars===!0}}function jS({outboxMessages:e,accountId:t,imapThreads:s}){const n=e.filter(i=>i.status==="draft"&&i.accountId===t).map(wS),a=s.map(SS),o=[];return n.length>0&&o.push({id:"remit-drafts",label:"Not yet sent (Remit)",threads:n}),a.length>0&&o.push({id:"imap-drafts",label:"On the server",threads:a}),o}function Mo(){const e=Ts();return!e||e.showNavPane?null:r.jsx(J,{variant:"ghost",size:"sm",icon:r.jsx(Ua,{className:"size-4"}),onClick:e.openNav,"aria-label":"Open folders",className:"-ml-1 shrink-0"})}const kS=({label:e,count:t})=>r.jsxs("div",{className:"sticky top-0 z-10 flex items-baseline justify-between border-b border-line bg-surface-sunken px-row-inset py-1",children:[r.jsx("span",{className:"text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:e}),r.jsx("span",{className:"text-2xs text-fg-subtle tabular-nums",children:t})]}),CS=({row:e,isSelected:t,onOpen:s,onDelete:n,isDeleting:a})=>r.jsxs("button",{type:"button",onClick:()=>s(e.id),className:W("group",As({active:t})),children:[r.jsx(xl,{className:"size-7 shrink-0 text-fg-muted mt-0.5"}),r.jsx(Xs,{thread:e}),r.jsx("div",{className:"flex items-center gap-1 shrink-0",children:r.jsx("button",{type:"button",onClick:o=>{o.stopPropagation(),n(e.id)},disabled:a,className:"p-1.5 rounded-md text-fg-muted hover:text-danger hover:bg-surface-raised transition-colors opacity-0 group-hover:opacity-100 focus:opacity-100",title:"Delete draft",children:r.jsx(St,{className:"size-3.5"})})})]}),NS=({row:e,isSelected:t,onOpen:s})=>{const n=!e.isRead;return r.jsxs("button",{type:"button",onClick:()=>s(e.id),className:W("group",As({active:t})),children:[n&&r.jsx("span",{className:"absolute left-1.5 top-1/2 size-1.5 -translate-y-1/2 rounded-full bg-accent"}),r.jsx(ht,{name:e.fromName,email:e.fromEmail,size:"sm"}),r.jsx(Xs,{thread:e})]})};function ES({mailboxId:e,accountId:t,selectedMessageId:s,imapThreads:n,title:a,unreadCount:o}){const{openCompose:i,state:l}=Bt(),u=Pe(),f=je(),{data:d}=me(Zn()),m=c.useMemo(()=>jS({outboxMessages:d?.items??[],accountId:t,imapThreads:n}),[d?.items,t,n]),h=Ce({...tr(),onSuccess:()=>{f.invalidateQueries({queryKey:Ka()})}}),g=b=>{h.mutate({path:{outboxMessageId:b}})},x=b=>{s&&u({to:"/mail/$mailboxId",params:{mailboxId:e},search:{selectedMessageId:void 0}}),i({mode:"new",outboxMessageId:b})},p=b=>{u({to:"/mail/$mailboxId",params:{mailboxId:e},search:{selectedMessageId:b}})},y=m.length===0;return r.jsxs("section",{className:"flex h-full w-full flex-col bg-surface",children:[r.jsxs("header",{className:"flex h-pane-header shrink-0 items-center gap-2 border-b border-line px-row-inset",children:[r.jsx(Mo,{}),r.jsx("h1",{className:"min-w-0 flex-1 truncate text-sm font-semibold text-fg",children:a}),(o??0)>0&&r.jsxs("span",{className:"shrink-0 text-2xs text-fg-subtle tabular-nums",children:[o," unread"]})]}),r.jsx("div",{className:"flex-1 overflow-y-auto",children:y?r.jsxs("div",{className:"flex flex-col items-center justify-center h-full gap-2 text-center px-4",children:[r.jsx(Ea,{className:"size-8 text-fg-subtle"}),r.jsx("p",{className:"text-sm font-medium text-fg",children:"No drafts"}),r.jsx("p",{className:"text-xs text-fg-subtle",children:"Messages you start composing will appear here."})]}):m.map(b=>r.jsxs("div",{children:[b.label&&r.jsx(kS,{label:b.label,count:b.threads.length}),r.jsx("div",{className:"divide-y divide-line",children:b.threads.map(S=>b.id==="remit-drafts"?r.jsx(CS,{row:S,isSelected:l.isOpen&&S.id===l.outboxMessageId,onOpen:x,onDelete:g,isDeleting:h.isPending},S.id):r.jsx(NS,{row:S,isSelected:S.id===s,onOpen:p},S.id))})]},b.id))})]})}function IS(e,t,s){const n=new Array(e);return new Proxy(n,{get(a,o,i){if(typeof o=="string"){const l=o.charCodeAt(0);if(l>=48&&l<=57){const u=+o;if(Number.isInteger(u)&&u>=0&&u<e){let f=a[u];if(!f){const d=t[u*2];f=a[u]={index:u,key:s(u),start:d,size:t[u*2+1],end:d+t[u*2+1],lane:0}}return f}}if(o==="length")return e}return Reflect.get(a,o,i)}})}function gs(e,t,s){let n=s.initialDeps??[],a,o=!0;function i(){const l=e();return(l.length!==n.length||l.some((f,d)=>n[d]!==f))&&(n=l,a=t(...l),s?.onChange&&!(o&&s.skipInitialOnChange)&&s.onChange(a),o=!1),a}return i.updateDeps=l=>{n=l},i}function rl(e,t){if(e===void 0)throw new Error("Unexpected undefined");return e}const TS=(e,t)=>Math.abs(e-t)<1.01,RS=(e,t,s)=>{let n;return function(...a){e.clearTimeout(n),n=e.setTimeout(()=>t.apply(this,a),s)}};let Vs;const ta=()=>{if(Vs!==void 0)return Vs;if(typeof navigator>"u")return Vs=!1;if(/iP(hone|od|ad)/.test(navigator.userAgent))return Vs=!0;const e=navigator.maxTouchPoints;return Vs=navigator.platform==="MacIntel"&&e!==void 0&&e>0},al=e=>{const{offsetWidth:t,offsetHeight:s}=e;return{width:t,height:s}},MS=e=>e,AS=e=>{const t=Math.max(e.startIndex-e.overscan,0),n=Math.min(e.endIndex+e.overscan,e.count-1)-t+1,a=new Array(n);for(let o=0;o<n;o++)a[o]=t+o;return a},OS=(e,t)=>{const s=e.scrollElement;if(!s)return;const n=e.targetWindow;if(!n)return;const a=i=>{const{width:l,height:u}=i;t({width:Math.round(l),height:Math.round(u)})};if(a(al(s)),!n.ResizeObserver)return()=>{};const o=new n.ResizeObserver(i=>{const l=()=>{const u=i[0];if(u?.borderBoxSize){const f=u.borderBoxSize[0];if(f){a({width:f.inlineSize,height:f.blockSize});return}}a(al(s))};e.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(l):l()});return o.observe(s,{box:"border-box"}),()=>{o.unobserve(s)}},Gn={passive:!0},DS=typeof window>"u"?!0:"onscrollend"in window,PS=(e,t,s)=>{const n=e.scrollElement;if(!n)return;const a=e.targetWindow;if(!a)return;const o=e.options.useScrollendEvent&&DS;let i=0;const l=o?null:RS(a,()=>t(i,!1),e.options.isScrollingResetDelay),u=m=>()=>{i=s(n),l?.(),t(i,m)},f=u(!0),d=u(!1);return n.addEventListener("scroll",f,Gn),o&&n.addEventListener("scrollend",d,Gn),()=>{n.removeEventListener("scroll",f),o&&n.removeEventListener("scrollend",d)}},LS=(e,t)=>PS(e,t,s=>{const{horizontal:n,isRtl:a}=e.options;return n?s.scrollLeft*(a&&-1||1):s.scrollTop}),FS=(e,t,s)=>{if(s.options.useCachedMeasurements){const n=s.indexFromElement(e),a=s.options.getItemKey(n);return s.itemSizeCache.get(a)??s.options.estimateSize(n)}if(t?.borderBoxSize){const n=t.borderBoxSize[0];if(n)return Math.round(n[s.options.horizontal?"inlineSize":"blockSize"])}if(!t){const n=s.indexFromElement(e),a=s.options.getItemKey(n),o=s.itemSizeCache.get(a);if(o!==void 0)return o}return e[s.options.horizontal?"offsetWidth":"offsetHeight"]},$S=(e,{adjustments:t=0,behavior:s},n)=>{var a,o;(o=(a=n.scrollElement)==null?void 0:a.scrollTo)==null||o.call(a,{[n.options.horizontal?"left":"top"]:e+t,behavior:s})},_S=$S;class zS{constructor(t){this.unsubs=[],this.scrollElement=null,this.targetWindow=null,this.isScrolling=!1,this.scrollState=null,this.measurementsCache=[],this._flatMeasurements=null,this.itemSizeCache=new Map,this.itemSizeCacheVersion=0,this.laneAssignments=new Map,this.pendingMin=null,this.prevLanes=void 0,this.lanesChangedFlag=!1,this.lanesSettling=!1,this.pendingScrollAnchor=null,this.scrollRect=null,this.scrollOffset=null,this.scrollDirection=null,this.scrollAdjustments=0,this._iosDeferredAdjustment=0,this._iosTouching=!1,this._iosJustTouchEnded=!1,this._iosTouchEndTimerId=null,this._intendedScrollOffset=null,this.elementsCache=new Map,this.now=()=>{var s,n,a;return((a=(n=(s=this.targetWindow)==null?void 0:s.performance)==null?void 0:n.now)==null?void 0:a.call(n))??Date.now()},this.observer=(()=>{let s=null;const n=()=>s||(!this.targetWindow||!this.targetWindow.ResizeObserver?null:s=new this.targetWindow.ResizeObserver(a=>{a.forEach(o=>{const i=()=>{const l=o.target,u=this.indexFromElement(l);if(!l.isConnected){this.observer.unobserve(l);for(const[f,d]of this.elementsCache)if(d===l){this.elementsCache.delete(f);break}return}this.shouldMeasureDuringScroll(u)&&this.resizeItem(u,this.options.measureElement(l,o,this))};this.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(i):i()})}));return{disconnect:()=>{var a;(a=n())==null||a.disconnect(),s=null},observe:a=>{var o;return(o=n())==null?void 0:o.observe(a,{box:"border-box"})},unobserve:a=>{var o;return(o=n())==null?void 0:o.unobserve(a)}}})(),this.range=null,this.setOptions=s=>{var n,a;const o={debug:!1,initialOffset:0,overscan:1,paddingStart:0,paddingEnd:0,scrollPaddingStart:0,scrollPaddingEnd:0,horizontal:!1,getItemKey:MS,rangeExtractor:AS,onChange:()=>{},measureElement:FS,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 g=s[h];g!==void 0&&(o[h]=g)}const i=this.options;let l=null,u=null,f=!1;if(i!==void 0&&i.enabled&&o.enabled&&o.anchorTo==="end"&&this.scrollElement!==null){const h=i.count,g=o.count,x=this.getMeasurements(),p=h>0?((n=x[0])==null?void 0:n.key)??i.getItemKey(0):null,y=h>0?((a=x[h-1])==null?void 0:a.key)??i.getItemKey(h-1):null;if(g!==h||h>0&&g>0&&(o.getItemKey(0)!==p||o.getItemKey(g-1)!==y)){f=!0;const w=h>0?this.getVirtualItemForOffset(this.getScrollOffset())??x[0]:null;w&&(l=[w.key,this.getScrollOffset()-w.start]);const v=o.followOnAppend===!0?"auto":o.followOnAppend||null;v&&g>h&&this.isAtEnd(i.scrollEndThreshold)&&(h===0||o.getItemKey(g-1)!==y)&&(u=v)}}this.options=o,f&&(this.pendingMin=0,this.itemSizeCacheVersion++);let d=!1,m=0;if(l&&this.scrollOffset!==null){const[h,g]=l,x=this.getMeasurements(),{count:p,getItemKey:y}=this.options;let b=0;for(;b<p&&y(b)!==h;)b++;if(b<p){const S=x[b];if(S){const w=S.start+g;w!==this.scrollOffset&&(m=w-this.scrollOffset,this.scrollOffset=w,d=!0)}}}(d||u)&&(this.pendingScrollAnchor=[d?l[0]:null,d?l[1]:0,u,m])},this.notify=s=>{var n,a;(a=(n=this.options).onChange)==null||a.call(n,this,s)},this.maybeNotify=gs(()=>(this.calculateRange(),[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]),s=>{this.notify(s)},{key:!1,debug:()=>this.options.debug,initialDeps:[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]}),this.cleanup=()=>{this.unsubs.filter(Boolean).forEach(s=>s()),this.unsubs=[],this.observer.disconnect(),this.rafId!=null&&this.targetWindow&&(this.targetWindow.cancelAnimationFrame(this.rafId),this.rafId=null),this.scrollState=null,this._iosDeferredAdjustment=0,this._iosTouching=!1,this._iosJustTouchEnded=!1,this.scrollElement=null,this.targetWindow=null},this._didMount=()=>()=>{this.cleanup()},this._willUpdate=()=>{var s;const n=this.options.enabled?this.options.getScrollElement():null;if(this.scrollElement!==n){if(this.cleanup(),!n){this.maybeNotify();return}if(this.scrollElement=n,this.scrollElement&&"ownerDocument"in this.scrollElement?this.targetWindow=this.scrollElement.ownerDocument.defaultView:this.targetWindow=((s=this.scrollElement)==null?void 0:s.window)??null,this.elementsCache.forEach(o=>{this.observer.observe(o)}),this.unsubs.push(this.options.observeElementRect(this,o=>{this.scrollRect=o,this.maybeNotify()})),this.unsubs.push(this.options.observeElementOffset(this,(o,i)=>{if(i&&this._intendedScrollOffset===null&&o===this.scrollOffset)return;this._intendedScrollOffset!==null&&Math.abs(o-this._intendedScrollOffset)<1.5&&(o=this._intendedScrollOffset),this._intendedScrollOffset=null,this.scrollAdjustments=0;const l=this.getScrollOffset();this.scrollDirection=i?l===o?this.scrollDirection:l<o?"forward":"backward":null,this.scrollOffset=o,this.isScrolling=i,this._flushIosDeferredIfReady(),this.scrollState&&this.scheduleScrollReconcile(),this.maybeNotify()})),"addEventListener"in this.scrollElement){const o=this.scrollElement,i=()=>{this._iosTouching=!0,this._iosJustTouchEnded=!1,this._iosTouchEndTimerId!==null&&this.targetWindow!=null&&(this.targetWindow.clearTimeout(this._iosTouchEndTimerId),this._iosTouchEndTimerId=null)},l=()=>{this._iosTouching=!1,!(!ta()||this.targetWindow==null)&&(this._iosJustTouchEnded=!0,this._iosTouchEndTimerId=this.targetWindow.setTimeout(()=>{this._iosJustTouchEnded=!1,this._iosTouchEndTimerId=null,this._flushIosDeferredIfReady()},150))};o.addEventListener("touchstart",i,Gn),o.addEventListener("touchend",l,Gn),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&&(ta()&&(this.isScrolling||this._iosTouching||this._iosJustTouchEnded)?u!==0&&(this._iosDeferredAdjustment+=u):this._scrollToOffset(this.getScrollOffset(),{adjustments:void 0,behavior:void 0})),l&&this.scrollToEnd({behavior:l})}},this._flushIosDeferredIfReady=()=>{if(this._iosDeferredAdjustment===0||this.isScrolling||this._iosTouching||this._iosJustTouchEnded)return;const s=this.getScrollOffset(),n=this.getMaxScrollOffset();if(s<0||s>n)return;const a=this._iosDeferredAdjustment;this._iosDeferredAdjustment=0,this._scrollToOffset(s,{adjustments:this.scrollAdjustments+=a,behavior:void 0})},this.rafId=null,this.getSize=()=>this.options.enabled?(this.scrollRect=this.scrollRect??this.options.initialRect,this.scrollRect[this.options.horizontal?"width":"height"]):(this.scrollRect=null,0),this.getScrollOffset=()=>this.options.enabled?(this.scrollOffset=this.scrollOffset??(typeof this.options.initialOffset=="function"?this.options.initialOffset():this.options.initialOffset),this.scrollOffset):(this.scrollOffset=null,0),this.getMeasurementOptions=gs(()=>[this.options.count,this.options.paddingStart,this.options.scrollMargin,this.options.getItemKey,this.options.enabled,this.options.lanes,this.options.laneAssignmentMode,this.options.gap],(s,n,a,o,i,l,u,f)=>(this.prevLanes!==void 0&&this.prevLanes!==l&&(this.lanesChangedFlag=!0),this.prevLanes=l,this.pendingMin=null,{count:s,paddingStart:n,scrollMargin:a,getItemKey:o,enabled:i,lanes:l,laneAssignmentMode:u,gap:f}),{key:!1}),this.getMeasurements=gs(()=>[this.getMeasurementOptions(),this.itemSizeCacheVersion],({count:s,paddingStart:n,scrollMargin:a,getItemKey:o,enabled:i,lanes:l,laneAssignmentMode:u,gap:f},d)=>{const m=this.itemSizeCache;if(!i)return this.measurementsCache=[],this.itemSizeCache.clear(),this.laneAssignments.clear(),[];if(this.laneAssignments.size>s)for(const b of this.laneAssignments.keys())b>=s&&this.laneAssignments.delete(b);this.lanesChangedFlag&&(this.lanesChangedFlag=!1,this.lanesSettling=!0,this.measurementsCache=[],this.itemSizeCache.clear(),this.laneAssignments.clear(),this.pendingMin=null),this.measurementsCache.length===0&&!this.lanesSettling&&(this.measurementsCache=this.options.initialMeasurementsCache,this.measurementsCache.forEach(b=>{this.itemSizeCache.set(b.key,b.size)}));const h=this.lanesSettling?0:this.pendingMin??0;if(this.pendingMin=null,this.lanesSettling&&this.measurementsCache.length===s&&(this.lanesSettling=!1),l===1){const b=s*2;let S=this._flatMeasurements;if(!S||S.length<b){const C=new Float64Array(b);S&&h>0&&C.set(S.subarray(0,h*2)),S=C,this._flatMeasurements=S}let w;if(h===0)w=n+a;else{const C=h-1;w=S[C*2]+S[C*2+1]+f}for(let C=h;C<s;C++){const N=o(C),E=m.get(N),I=typeof E=="number"?E:this.options.estimateSize(C);S[C*2]=w,S[C*2+1]=I,w+=I+f}const v=IS(s,S,o);return this.measurementsCache=v,v}const g=this.measurementsCache.slice(0,h),x=new Array(l).fill(void 0),p=new Float64Array(l);let y=0;for(let b=0;b<h;b++){const S=g[b];S&&(x[S.lane]===void 0&&y++,x[S.lane]=b,p[S.lane]=S.end)}for(let b=h;b<s;b++){const S=o(b),w=this.laneAssignments.get(b);let v,C;const N=u==="estimate"||m.has(S);if(w!==void 0&&this.options.lanes>1){v=w;const O=x[v],A=O!==void 0?g[O]:void 0;C=A?A.end+f:n+a}else if(y===l){let O=0,A=p[0],P=x[0];for(let R=1;R<l;R++){const j=p[R];(j<A||j===A&&x[R]<P)&&(O=R,A=j,P=x[R])}v=O,C=A+f,N&&this.laneAssignments.set(b,v)}else v=b%this.options.lanes,C=n+a,N&&this.laneAssignments.set(b,v);const E=m.get(S),I=typeof E=="number"?E:this.options.estimateSize(b),D=C+I;g[b]={index:b,start:C,size:I,end:D,key:S,lane:v},x[v]===void 0&&y++,x[v]=b,p[v]=D}return this.measurementsCache=g,g},{key:!1,debug:()=>this.options.debug}),this.calculateRange=gs(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset(),this.options.lanes],(s,n,a,o)=>s.length===0||n===0?(this.range=null,null):(this.range=KS(s,n,a,o,o===1&&this._flatMeasurements!=null?this._flatMeasurements:null),this.range),{key:!1,debug:()=>this.options.debug}),this.getVirtualIndexes=gs(()=>{let s=null,n=null;const a=this.calculateRange();return a&&(s=a.startIndex,n=a.endIndex),this.maybeNotify.updateDeps([this.isScrolling,s,n]),[this.options.rangeExtractor,this.options.overscan,this.options.count,s,n]},(s,n,a,o,i)=>o===null||i===null?[]:s({startIndex:o,endIndex:i,overscan:n,count:a}),{key:!1,debug:()=>this.options.debug}),this.indexFromElement=s=>{const n=this.options.indexAttribute,a=s.getAttribute(n);return a?parseInt(a,10):(console.warn(`Missing attribute name '${n}={index}' on measured element.`),-1)},this.shouldMeasureDuringScroll=s=>{var n;if(!this.scrollState||this.scrollState.behavior!=="smooth")return!0;const a=this.scrollState.index??((n=this.getVirtualItemForOffset(this.scrollState.lastTargetOffset))==null?void 0:n.index);if(a!==void 0&&this.range){const o=Math.max(this.options.overscan,Math.ceil((this.range.endIndex-this.range.startIndex)/2)),i=Math.max(0,a-o),l=Math.min(this.options.count-1,a+o);return s>=i&&s<=l}return!0},this.measureElement=s=>{if(!s){this.elementsCache.forEach((i,l)=>{i.isConnected||(this.observer.unobserve(i),this.elementsCache.delete(l))});return}const n=this.indexFromElement(s),a=this.options.getItemKey(n),o=this.elementsCache.get(a);o!==s&&(o&&this.observer.unobserve(o),this.observer.observe(s),this.elementsCache.set(a,s)),(!this.isScrolling||this.scrollState)&&this.shouldMeasureDuringScroll(n)&&this.resizeItem(n,this.options.measureElement(s,void 0,this))},this.resizeItem=(s,n)=>{var a,o;if(s<0||s>=this.options.count)return;let i,l,u;const f=this._flatMeasurements;if(this.options.lanes===1&&f!==null)u=this.options.getItemKey(s),l=f[s*2],i=f[s*2+1];else{const h=this.measurementsCache[s];if(!h)return;u=h.key,l=h.start,i=h.size}const d=this.itemSizeCache.get(u)??i,m=n-d;if(m!==0){const h=this.options.anchorTo==="end"&&((a=this.scrollState)==null?void 0:a.behavior)!=="smooth"&&this.getVirtualDistanceFromEnd()<=this.options.scrollEndThreshold,g=h?this.getTotalSize():0,x=((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},m,this):l<this.getScrollOffset()+this.scrollAdjustments&&(!this.itemSizeCache.has(u)||this.scrollDirection!=="backward"));(this.pendingMin===null||s<this.pendingMin)&&(this.pendingMin=s),this.itemSizeCache.set(u,n),this.itemSizeCacheVersion++,h?this.applyScrollAdjustment(this.getTotalSize()-g):x&&this.applyScrollAdjustment(m),this.notify(!1)}},this.getVirtualItems=gs(()=>[this.getVirtualIndexes(),this.getMeasurements()],(s,n)=>{const a=[];for(let o=0,i=s.length;o<i;o++){const l=s[o],u=n[l];a.push(u)}return a},{key:!1,debug:()=>this.options.debug}),this.getVirtualItemForOffset=s=>{const n=this.getMeasurements();if(n.length===0)return;const a=this._flatMeasurements,o=this.options.lanes===1&&a!=null,i=qd(0,n.length-1,o?l=>a[l*2]:l=>rl(n[l]).start,s);return rl(n[i])},this.getMaxScrollOffset=()=>{if(!this.scrollElement)return 0;if("scrollHeight"in this.scrollElement)return this.options.horizontal?this.scrollElement.scrollWidth-this.scrollElement.clientWidth:this.scrollElement.scrollHeight-this.scrollElement.clientHeight;{const s=this.scrollElement.document.documentElement;return this.options.horizontal?s.scrollWidth-this.scrollElement.innerWidth:s.scrollHeight-this.scrollElement.innerHeight}},this.getVirtualDistanceFromEnd=()=>Math.max(this.getTotalSize()-this.getSize()-this.getScrollOffset(),0),this.getDistanceFromEnd=()=>Math.max(this.getMaxScrollOffset()-this.getScrollOffset(),0),this.isAtEnd=(s=this.options.scrollEndThreshold)=>this.getDistanceFromEnd()<=s,this.getOffsetForAlignment=(s,n,a=0)=>{if(!this.scrollElement)return 0;const o=this.getSize(),i=this.getScrollOffset();n==="auto"&&(n=s>=i+o?"end":"start"),n==="center"?s+=(a-o)/2:n==="end"&&(s-=o);const l=this.getMaxScrollOffset();return Math.max(Math.min(l,s),0)},this.getOffsetForIndex=(s,n="auto")=>{s=Math.max(0,Math.min(s,this.options.count-1));const a=this.getSize(),o=this.getScrollOffset(),i=this.measurementsCache[s];if(!i)return;if(n==="auto")if(i.end>=o+a-this.options.scrollPaddingEnd)n="end";else if(i.start<=o+this.options.scrollPaddingStart)n="start";else return[o,n];if(n==="end"&&s===this.options.count-1)return[this.getMaxScrollOffset(),n];const l=n==="end"?i.end+this.options.scrollPaddingEnd:i.start-this.options.scrollPaddingStart;return[this.getOffsetForAlignment(l,n,i.size),n]},this.scrollToOffset=(s,{align:n="start",behavior:a="auto"}={})=>{const o=this.getOffsetForAlignment(s,n),i=this.now();this.scrollState={index:null,align:n,behavior:a,startedAt:i,lastTargetOffset:o,stableFrames:0},this._scrollToOffset(o,{adjustments:void 0,behavior:a}),this.scheduleScrollReconcile()},this.scrollToIndex=(s,{align:n="auto",behavior:a="auto"}={})=>{s=Math.max(0,Math.min(s,this.options.count-1));const o=this.getOffsetForIndex(s,n);if(!o)return;const[i,l]=o,u=this.now();this.scrollState={index:s,align:l,behavior:a,startedAt:u,lastTargetOffset:i,stableFrames:0},this._scrollToOffset(i,{adjustments:void 0,behavior:a}),this.scheduleScrollReconcile()},this.scrollBy=(s,{behavior:n="auto"}={})=>{const a=this.getScrollOffset()+s,o=this.now();this.scrollState={index:null,align:"start",behavior:n,startedAt:o,lastTargetOffset:a,stableFrames:0},this._scrollToOffset(a,{adjustments:void 0,behavior:n}),this.scheduleScrollReconcile()},this.scrollToEnd=({behavior:s="auto"}={})=>{if(this.options.count>0){this.scrollToIndex(this.options.count-1,{align:"end",behavior:s});return}this.scrollToOffset(Math.max(this.getTotalSize()-this.getSize(),0),{behavior:s})},this.getTotalSize=()=>{var s;const n=this.getMeasurements();let a;if(n.length===0)a=this.options.paddingStart;else if(this.options.lanes===1){const o=n.length-1,i=this._flatMeasurements;i!=null?a=i[o*2]+i[o*2+1]:a=((s=n[o])==null?void 0:s.end)??0}else{const o=Array(this.options.lanes).fill(null);let i=n.length-1;for(;i>=0&&o.some(l=>l===null);){const l=n[i];o[l.lane]===null&&(o[l.lane]=l.end),i--}a=Math.max(...o.filter(l=>l!==null))}return Math.max(a-this.options.scrollMargin+this.options.paddingEnd,0)},this.takeSnapshot=()=>{const s=[];if(this.itemSizeCache.size===0)return s;const n=this.getMeasurements();for(const a of n)a&&this.itemSizeCache.has(a.key)&&s.push({index:a.index,key:a.key,start:a.start,size:a.size,end:a.end,lane:a.lane});return s},this._scrollToOffset=(s,{adjustments:n,behavior:a})=>{this._intendedScrollOffset=s+(n??0),this.options.scrollToFn(s,{behavior:a,adjustments:n},this)},this.measure=()=>{this.pendingMin=null,this.itemSizeCache.clear(),this.laneAssignments.clear(),this.itemSizeCacheVersion++,this.notify(!1)},this.setOptions(t)}applyScrollAdjustment(t,s){t!==0&&(ta()&&(this.isScrolling||this._iosTouching||this._iosJustTouchEnded)?this._iosDeferredAdjustment+=t:(this._scrollToOffset(this.getScrollOffset(),{adjustments:this.scrollAdjustments+=t,behavior:s}),this.scrollOffset!==null&&(this.scrollOffset+=this.scrollAdjustments,this.scrollAdjustments=0)))}scheduleScrollReconcile(){if(!this.targetWindow){this.scrollState=null;return}this.rafId==null&&(this.rafId=this.targetWindow.requestAnimationFrame(()=>{this.rafId=null,this.reconcileScroll()}))}reconcileScroll(){if(!this.scrollState||!this.scrollElement)return;if(this.now()-this.scrollState.startedAt>5e3){this.scrollState=null;return}const n=this.scrollState.index!=null?this.getOffsetForIndex(this.scrollState.index,this.scrollState.align):void 0,a=n?n[0]:this.scrollState.lastTargetOffset,o=1,i=a!==this.scrollState.lastTargetOffset;if(!i&&TS(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()),f=this.scrollState.behavior==="smooth"&&u>l;this.scrollState.lastTargetOffset=a,f||(this.scrollState.behavior="auto"),this._scrollToOffset(a,{adjustments:void 0,behavior:f?"smooth":"auto"})}this.scheduleScrollReconcile()}}const qd=(e,t,s,n)=>{for(;e<=t;){const a=(e+t)/2|0,o=s(a);if(o<n)e=a+1;else if(o>n)t=a-1;else return a}return e>0?e-1:0};function BS(e,t,s){let n=0;for(;n<=t;){const a=(n+t)/2|0,o=e[a*2];if(o<s)n=a+1;else if(o>s)t=a-1;else return a}return n>0?n-1:0}function KS(e,t,s,n,a){const o=e.length-1;if(e.length<=n)return{startIndex:0,endIndex:o};if(n===1&&a!==null){const f=BS(a,o,s);let d=f;const m=s+t;for(;d<o&&a[d*2]+a[d*2+1]<m;)d++;return{startIndex:f,endIndex:d}}let l=qd(0,o,f=>e[f].start,s),u=l;if(n===1)for(;u<o&&e[u].end<s+t;)u++;else if(n>1){const f=Array(n).fill(0);for(;u<o&&f.some(m=>m<s+t);){const m=e[u];f[m.lane]=m.end,u++}const d=Array(n).fill(s+t);for(;l>=0&&d.some(m=>m>=s);){const m=e[l];d[m.lane]=m.start,l--}l=Math.max(0,l-l%n),u=Math.min(o,u+(n-1-u%n))}return{startIndex:l,endIndex:u}}const sa=typeof document<"u"?c.useLayoutEffect:c.useEffect;function US({useFlushSync:e=!0,directDomUpdates:t=!1,directDomUpdatesMode:s="transform",...n}){const a=c.useReducer(f=>f+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=f=>{const d=o.current;if(!d.enabled||!d.container)return;const m=f.getTotalSize();if(m!==d.lastSize){d.lastSize=m;const b=f.options.horizontal?"width":"height";d.container.style[b]=`${m}px`}const h=!!f.options.horizontal,g=d.mode==="transform",x=h?"left":"top",p=f.options.scrollMargin,y=f.getVirtualItems();for(const b of y){const S=b.start-p,w=f.elementsCache.get(b.key);w&&d.lastPositions.get(w)!==S&&(d.lastPositions.set(w,S),g?w.style.transform=h?`translate3d(${S}px, 0, 0)`:`translate3d(0, ${S}px, 0)`:w.style[x]=`${S}px`)}},l={...n,onChange:(f,d)=>{var m;const h=o.current;let g=!0;if(h.enabled){i(f);const x=f.range,p=h.prevRange;g=!p||p.isScrolling!==f.isScrolling||p.startIndex!==x?.startIndex||p.endIndex!==x?.endIndex,g&&(h.prevRange=x?{startIndex:x.startIndex,endIndex:x.endIndex,isScrolling:f.isScrolling}:null)}g&&(e&&d?Ma.flushSync(a):a()),(m=n.onChange)==null||m.call(n,f,d)}},[u]=c.useState(()=>{const f=new zS(l);return Object.assign(f,{containerRef:d=>{const m=o.current;if(m.container=d,m.lastSize=null,d&&m.enabled){const h=f.getTotalSize();m.lastSize=h;const g=f.options.horizontal?"width":"height";d.style[g]=`${h}px`}}})});return u.setOptions(l),sa(()=>u._didMount(),[]),sa(()=>u._willUpdate()),sa(()=>{i(u)}),u}function qS(e){return US({observeElementRect:OS,observeElementOffset:LS,scrollToFn:_S,...e})}const HS={delete:(e,t)=>`Deleting ${e} of ${t}…`,move:(e,t)=>`Moving ${e} of ${t}…`,markRead:(e,t)=>`Marking ${e} of ${t} as read…`},Hd={delete:"moved to Trash",move:"moved",markRead:"marked as read"},Wd={delete:"couldn't be deleted",move:"couldn't be moved",markRead:"couldn't be marked as read"},WS={delete:"Couldn't delete these messages",move:"Couldn't move these messages",markRead:"Couldn't mark these messages as read"},VS={delete:"The delete didn't finish.",move:"The move didn't finish.",markRead:"The update didn't finish."},QS=(e,t,s)=>HS[e](ft(t),ft(s)),ol=(e,t)=>`${ft(t)} ${Hd[e]}. Your mail server is still catching up.`,GS=(e,t,s)=>`${ft(t)} ${Hd[e]}. ${ft(s)} ${Wd[e]}.`,YS=(e,t)=>t>0?`Stopped after ${ft(t)} — some messages ${Wd[e]}`:WS[e],XS=e=>VS[e],JS=e=>e==="delete"?"danger":"info",ZS=100,ej=(e,t)=>e.kind==="move"?[t,e.destinationMailboxId]:[t],tj=({mailboxId:e,accountId:t,enabled:s,predicateKey:n,searchQuery:a})=>{const[o,i]=c.useState({kind:"idle"}),[l,u]=c.useState(void 0),[f,d]=c.useState(void 0),m=c.useRef(!1),h=je(),{pushError:g}=Ze();c.useEffect(()=>{m.current=!0,i({kind:"idle"})},[s,n]);const x=c.useRef(a);x.current=a;const p=c.useCallback(async N=>{const{data:E}=await Al({path:{mailboxId:e},query:{...x.current,continuationToken:N,limit:ZS},throwOnError:!0});return{ids:(E.items??[]).map(I=>I.messageId),continuationToken:E.continuationToken}},[e]),y=c.useCallback(N=>async E=>{if(N.kind==="move"){const{data:D}=await mm({body:{messageIds:E,destinationMailboxId:N.destinationMailboxId},throwOnError:!0});return D}if(N.kind==="markRead"){const{data:D}=await hm({body:{messageIds:E,isRead:!0},throwOnError:!0});return D}const{data:I}=await pm({body:{messageIds:E},throwOnError:!0});return I},[]),b=c.useCallback(N=>{Nt(h,Ct(ej(N,e))),t&&h.invalidateQueries({queryKey:as({path:{accountId:t}})})},[h,e,t]),S=c.useCallback(()=>{m.current=!1,i({kind:"counting",countSoFar:0}),yv(p,N=>i({kind:"counting",countSoFar:N}),()=>m.current).then(N=>{if(N.error){g(ts("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})})},[p,g]),w=c.useCallback(()=>{m.current=!0},[]),v=c.useCallback(()=>{m.current=!0,i({kind:"idle"})},[]),C=c.useCallback(async(N,E)=>{m.current=!1,u(N);const I=A=>d(vv(A)),D=y(N),O=E!==void 0?await fu(E,D,I,()=>m.current):await bv(p,o.kind==="escalated"?o.total:0,D,I,()=>m.current);return u(void 0),d(void 0),i({kind:"idle"}),O.error&&g(ts(YS(N.kind,O.done),XS(N.kind),O.error)),O.done>0&&b(N),O},[y,p,o,g,b]);return{phase:o,escalate:S,stop:w,clear:v,isRunning:l!==void 0,runningAction:l,progress:f,runAction:C}},Vd=e=>e.query?`matching "${e.query}"`:e.from?`from "${e.from}"`:"matching your search",sj=e=>`Select all ${Vd(e)}`,nj=(e,t)=>`All ${ft(t)} ${Vd(e)} selected`,rj=(e,t)=>({id:e.messageId,accountId:e.accountId,mailboxId:e.mailboxId,fromName:e.fromName??e.fromEmail??"Unknown",fromEmail:e.fromEmail??"",subject:e.subject??"(No subject)",snippet:e.snippet??"",timeLabel:qt(e.sentDate),isRead:e.isRead,hasAttachment:e.hasAttachment,starred:e.hasStars===!0,trust:e.senderTrust,category:yr(e.category),messageCount:t,suspicious:e.authenticity?.dkimMismatch===!0,labels:e.labels}),aj=({thread:e,mailboxId:t,isSelected:s,isFocused:n,isTabStop:a,onFocusRow:o,isChecked:i,onToggleCheck:l,onRowSelect:u,messageCount:f,isMultiSelectMode:d,onLongPress:m,isDesktop:h,density:g})=>r.jsx(Qn,{thread:rj(e,f),linkMailboxId:t,inListbox:!0,active:s,focused:n,isTabStop:a,density:g,isDesktop:h,onFocusRow:o,selection:{isChecked:i,onToggleCheck:l,onRowSelect:u,isMultiSelectMode:d,onLongPress:m}}),oj=c.memo(aj),ij=e=>{const t=e.authenticity?.dkimMismatch===!0;return{id:e.messageId,accountId:e.accountId,fromName:e.fromName??e.fromEmail??"Unknown",fromEmail:e.fromEmail??"",subject:e.subject??"(No subject)",snippet:e.snippet??"",timeLabel:qt(e.sentDate),isRead:e.isRead,hasAttachment:e.hasAttachment,starred:e.hasStars===!0,trust:e.senderTrust,category:yr(e.category),suspicious:t}},lj=({thread:e,mailboxId:t,isSelected:s,isFocused:n,isTabStop:a,onFocusRow:o,isChecked:i,onToggleCheck:l,onRowSelect:u,isMultiSelectMode:f,onLongPress:d,isDesktop:m,onDelete:h,onToggleRead:g,density:x})=>{const[p,y]=c.useState("none"),b=c.useCallback(C=>{navigator.vibrate?.(10),C==="trailing"?h(e.messageId):g(e.messageId,e.isRead),y("none")},[h,g,e.messageId,e.isRead]),S=c.useCallback(()=>{d(e.messageId)},[d,e.messageId]),w=c.useCallback(()=>{l(e.messageId)},[l,e.messageId]),v=Sd(e.messageId,u);return m||f?r.jsx(oj,{thread:e,mailboxId:t,isSelected:s,isFocused:n,isTabStop:a,onFocusRow:o,isChecked:i,onToggleCheck:l,onRowSelect:u,isMultiSelectMode:f,onLongPress:d,isDesktop:m,density:x}):r.jsx(xc,{thread:ij(e),selectionMode:!1,checked:!1,active:s,peek:p,onPeek:y,onToggleCheck:w,onLongPress:S,onOpen:()=>{},onAct:b,linkComponent:({onOpenClick:C,children:N,...E})=>r.jsx(yt,{...E,to:"/mail/$mailboxId",params:{mailboxId:t},search:I=>({...I,selectedMessageId:e.messageId}),"data-message-row":!0,onMouseDown:v.onMouseDown,onContextMenu:v.onContextMenu,onClick:I=>{v.claimClick(I)||C(I)},children:N})})},cj=72,uj=32,dj=5,Qd="remit:list-density",fj={kind:"delete"},il={kind:"markRead"},mj=()=>{try{const e=localStorage.getItem(Qd);if(e==="compact"||e==="comfortable")return e}catch{}return"comfortable"},hj=({query:e})=>r.jsxs("div",{className:"flex items-center gap-2 px-3 py-2 border-b border-line bg-surface-sunken/30",children:[r.jsx(rr,{className:"size-4 text-fg-muted"}),r.jsxs("span",{className:"text-sm text-fg-muted",children:["Results for “",e,"”"]})]}),pj=({mailboxId:e,threads:t,selectedMessageId:s,isLoading:n,isError:a=!1,error:o,onRetry:i,searchQuery:l,searchPredicate:u,onDeleteMessages:f,onMoveMessages:d,isDeleting:m=!1,isMoving:h=!1,onLoadMore:g,hasMore:x=!1,isLoadingMore:p=!1,accountId:y,listTitle:b,listMeta:S,listFilter:w,listScopeLabel:v,onTriageContextChange:C,commandsRef:N,hideHeader:E=!1})=>{const I=c.useRef(null),D=Pe(),O=Kt(),[A,P]=c.useState(!1),[R,j]=c.useState(null),F=!!l?.trim(),L=No(),{labels:k}=or(y),[M,T]=c.useState(s),[q,te]=c.useState(),se=c.useCallback($=>{te(ee=>ee===$?ee:void 0),T($)},[]),[oe,G]=c.useState(mj),Z=c.useCallback(()=>{G($=>{const ee=$==="comfortable"?"compact":"comfortable";try{localStorage.setItem(Qd,ee)}catch{}return ee})},[]),{toggleReadFor:le}=vr({mailboxId:e}),{junkMailboxId:ae}=hn(y),{selectedIds:B,selectedCount:K,hasSelection:ce,isSelected:ve,toggle:xe,select:Q,clearSelection:_,selectRange:z,setAnchor:ne,selectAll:de,toggleAll:et,intersectWith:fe}=xd(),De=bd(K,O);c.useEffect(()=>{K===0&&j(null)},[K]);const[be,ye]=c.useState(null),_e=F&&!!u,Et=`${e}|${JSON.stringify(u??{})}`,V=tj({mailboxId:e,accountId:y,enabled:_e,predicateKey:Et,searchQuery:u??{}}),tt=V.phase.kind,pe=V.clear,ge=c.useCallback(()=>{tt==="escalated"&&pe(),_()},[_,pe,tt]),[Le,rt]=c.useState(null),[ct,Ve]=c.useState(null),Ae=c.useRef(null),qe=c.useRef(!1),ze=c.useRef(null),Qe=!n&&t.length>0,xt=be!==null,Ee=c.useCallback(($,ee)=>{const{exit:Rt,retryIds:st}=wv(ee);if(Rt){Ve(ol($.kind,ee.done)),rt(null),ge();return}if(st.length>0){rt({action:$,succeeded:ee.done}),de(st);return}rt(null)},[ge,de]),Y=qS({count:t.length,getScrollElement:()=>I.current,estimateSize:()=>oe==="compact"?uj:cj,overscan:dj}),ie=s?t.findIndex($=>$.messageId===s):-1,re=M?t.findIndex($=>$.messageId===M):-1,H=c.useCallback($=>{if($<0||$>=t.length)return;const ee=t[$];if(De){xe(ee.messageId);return}Ae.current=ee.messageId,qe.current=!1,te(ee.messageId),T(ee.messageId)},[t,De,xe]),ue=c.useCallback(()=>{if(t.length===0)return;const $=re<0?0:Math.min(re+1,t.length-1);H($)},[t.length,re,H]),ke=c.useCallback(()=>{if(t.length===0)return;const $=re<=0?0:re-1;H($)},[t.length,re,H]),Ie=c.useCallback(()=>H(0),[H]),He=c.useCallback(()=>H(t.length-1),[H,t.length]),Fe=c.useCallback(()=>{M&&xe(M)},[M,xe]),we=c.useMemo(()=>t.map($=>$.messageId),[t]),We=c.useMemo(()=>{const $=[];for(const ee of t)B.has(ee.messageId)&&ee.fromEmail&&$.push(ee.fromEmail);return $},[t,B]),$e=c.useCallback(($,ee)=>ee.shiftKey?(z(we,$,M),!0):ee.metaKey||ee.ctrlKey?(xe($),!0):(ge(),ne($),!1),[we,M,z,xe,ge,ne]),Ge=c.useCallback($=>{!f||$.length===0||(ze.current=M??null,ye({source:"ids",ids:$}))},[f,M]),Ye=c.useCallback(()=>{V.phase.kind==="escalated"&&(ze.current=M??null,ye({source:"predicate",total:V.phase.total}))},[V.phase,M]),Wt=c.useCallback($=>{const ee=gd(we,M,$);ee!==void 0&&(z(we,ee),Ae.current=ee,qe.current=!1,te(void 0),T(ee))},[we,M,z]),xn=c.useCallback(()=>Wt(-1),[Wt]),Fs=c.useCallback(()=>Wt(1),[Wt]),$s=c.useCallback(()=>{we.length>0&&de(we)},[we,de]),It=c.useCallback(()=>be!==null?!0:f?K>0?(Ge(Array.from(B)),!0):M?(Ge([M]),!0):!1:!1,[be,f,K,B,M,Ge]),Vt=c.useCallback(()=>{M&&D({to:"/mail/$mailboxId",params:{mailboxId:e},search:$=>({...$,selectedMessageId:M})})},[M,D,e]),cs=c.useCallback($=>{D({to:"/mail/$mailboxId",params:{mailboxId:e},search:ee=>({...ee,selectedMessageId:$}),replace:!0})},[D,e]);pd({keyboardFocusedMessageId:q,openMessageId:s,enabled:O&&K===0,open:cs});const bt=c.useCallback(()=>{K>0&&Ge(Array.from(B))},[Ge,K,B]),at=c.useCallback(async($,ee)=>{const Rt=await V.runAction($,ee);Ee($,Rt)},[V,Ee]),Qt=c.useCallback(async $=>{ye(null),ze.current=null,await at(fj,$)},[at]),Er=c.useCallback(()=>{if(!be)return;if(be.source==="predicate"){Qt(void 0);return}const{ids:$}=be;if($.length===0){ye(null);return}if($.length>du){Qt($);return}const ee=new Set($),Rt=t.findIndex(Ke=>ee.has(Ke.messageId));let st;for(let Ke=Rt+1;Ke<t.length;Ke++)if(!ee.has(t[Ke].messageId)){st=t[Ke].messageId;break}if(st===void 0){for(let Ke=Rt-1;Ke>=0;Ke--)if(!ee.has(t[Ke].messageId)){st=t[Ke].messageId;break}}f?.($),ge(),ze.current=null,ye(null),st!==void 0&&(Ae.current=st,qe.current=!1,se(st),O&&D({to:"/mail/$mailboxId",params:{mailboxId:e},search:Ke=>({...Ke,selectedMessageId:st}),replace:!0})),O||Ve(ol("delete",$.length))},[be,t,f,ge,D,e,O,Qt,se]),Tt=c.useCallback(()=>{const $=ze.current;ze.current=null,ye(null),$!==null&&(Ae.current=$,qe.current=!1,se($))},[se]),Ir=c.useCallback(()=>{if(V.phase.kind==="escalated"){at(il);return}K!==0&&at(il,Array.from(B))},[V.phase,at,K,B]),_s=c.useCallback($=>{if(V.phase.kind==="escalated"){at({kind:"move",destinationMailboxId:$});return}!d||K===0||(d(Array.from(B),$),ge())},[V.phase,at,d,K,B,ge]),Tr=c.useCallback(()=>{ae&&_s(ae)},[ae,_s]),Gt=c.useMemo(()=>{if(K===0)return;const $=new Set;for(const ee of t)B.has(ee.messageId)&&$.add(ee.accountConfigId);if($.size>1)return"Move only works within one account — clear selection or pick messages from a single account"},[K,B,t]),Rr=c.useCallback($=>{f?.([$])},[f]),Mr=c.useCallback(($,ee)=>{le([$],!ee)},[le]),Ar=c.useCallback($=>{O||Q($)},[O,Q]),Yt=c.useCallback(()=>{if(V.phase.kind==="escalated"){Ye();return}bt()},[V.phase,Ye,bt]),bn=c.useCallback(()=>{if(V.isRunning||V.phase.kind==="counting"){V.stop();return}ge()},[V,ge]),vn=c.useCallback(()=>{V.clear()},[V]),Or=c.useCallback(()=>{if(!Le)return;const $=Array.from(B);if(Le.action.kind==="delete"){Qt($);return}at(Le.action,$)},[Le,Qt,at,B]);c.useEffect(()=>{if(qe.current||!O&&s)return;const $=re>=0?re:ie;$>=0&&Y.scrollToIndex($,{align:"auto"})},[re,ie,Y,O,s]),c.useEffect(()=>{s&&(qe.current=!1,se(s))},[s,se]),c.useEffect(()=>{M&&(t.some($=>$.messageId===M)||se(t[0]?.messageId))},[t,M,se]),c.useEffect(()=>{C?.({focusedMessageId:M,selectedIds:Array.from(B),hasList:Qe,blocksKeyboard:xt})},[M,B,Qe,xt,C]);const yn=c.useRef(C);yn.current=C,c.useEffect(()=>()=>yn.current?.({focusedMessageId:void 0,selectedIds:[],hasList:!1,blocksKeyboard:!1}),[]),c.useEffect(()=>{V.phase.kind!=="idle"||V.isRunning||fe(t.map($=>$.messageId))},[t,fe,V.phase,V.isRunning]);const wn=c.useRef(e);c.useEffect(()=>{wn.current!==e&&(wn.current=e,ge())},[e,ge]),kb({shouldBlockFn:({action:$})=>G0($,ce)?(ge(),!0):!1,enableBeforeUnload:!1,disabled:!ce}),c.useEffect(()=>{const $=I.current;if(!$||!x||!g)return;const ee=()=>{if(p)return;const{scrollTop:Rt,scrollHeight:st,clientHeight:Ke}=$;Rt+Ke>=st-200&&g()};return $.addEventListener("scroll",ee,{passive:!0}),ee(),()=>$.removeEventListener("scroll",ee)},[x,p,g]),c.useEffect(()=>{const $=Ae.current;if(!$)return;const ee=I.current?.querySelector(`[data-message-id="${$}"]`);ee&&(Ae.current=null,ee.focus({preventScroll:!0}))}),c.useEffect(()=>{if(N){if(!Qe){N.current=null;return}return N.current={focusNext:ue,focusPrevious:ke,focusFirst:Ie,focusLast:He,openFocused:Vt,toggleSelect:Fe,extendSelectDown:Fs,extendSelectUp:xn,selectAll:$s,clearSelection:()=>ce?(ge(),!0):!1,requestDelete:It,toggleDensity:Z},()=>{N.current=null}}},[N,Qe,ue,ke,Ie,He,Vt,Fe,Fs,xn,$s,ce,ge,It,Z]);const Sn=n?"loading":a?"error":t.length===0?"empty":"ready",Dr=a?zl(o):void 0,X=c.useCallback(()=>{const $=La(Pa());window.open($,"_blank","noopener,noreferrer")},[]),Xe=[{id:"inbox",threads:[]}],Be=we.length>0&&we.every($=>B.has($)),of=_e&&x&&Be&&!m&&!h&&V.phase.kind==="idle"&&!V.isRunning,lf=m||h||V.isRunning,cf=V.phase.kind==="escalated"?V.phase.total:K,Do=V.runningAction?QS(V.runningAction.kind,V.progress?.done??0,V.progress?.total??0):V.phase.kind==="counting"?V.phase.countSoFar>=5e3?`Counting… ${ft(V.phase.countSoFar)} so far. This is a big result set.`:`Counting… ${ft(V.phase.countSoFar)} so far`:V.phase.kind==="escalated"?nj(u??{},V.phase.total):void 0,uf=V.phase.kind!=="escalated"&&we.length>0?{checked:Be,indeterminate:K>0&&!Be,onChange:()=>et(we)}:void 0,df=V.runningAction&&V.progress?{value:V.progress.done,max:V.progress.total,tone:JS(V.runningAction.kind)}:void 0,ff=(V.phase.kind==="counting"?{tone:"info",text:"",action:{label:"Stop",onClick:V.stop}}:V.phase.kind==="escalated"&&!V.isRunning?{tone:"info",text:"",action:{label:"Clear selection",onClick:vn}}:of?{tone:"info",text:"",action:{label:sj(u??{}),onClick:V.escalate}}:Le!==null&&K>0?{tone:"danger",text:GS(Le.action.kind,Le.succeeded,K),action:{label:`Retry ${ft(K)}`,onClick:Or}}:void 0)??(Gt?{tone:"warning",text:Gt}:void 0),mf=(d||V.phase.kind==="escalated")&&y&&e?r.jsx(gn,{accountId:y,currentMailboxId:e,onMove:m||h?()=>{}:_s,disabledHint:Gt,label:"Move selected messages"}):void 0,hf=R&&y&&!O&&K>0?r.jsx(Ed,{entry:R,accountId:y,selectedMessageIds:Array.from(B),selectedSenders:We,junkMailboxId:ae,onClose:()=>{j(null),ge()}}):void 0,Po=!!y&&!!e&&!Gt&&!Do,pf=r.jsx(fr,{title:L.title||b,navSlot:L.navSlot,titleMeta:L.titleMeta,searchSlot:L.searchSlot,searchField:L.searchField,idleSlot:L.makeFilterSlot,count:cf,onCancel:bn,onDelete:Yt,onOrganize:Po?()=>O?P(!0):j("select-similar"):void 0,onJunk:ae&&ae!==e&&!Gt?Tr:void 0,onMarkRead:Ir,onSomethingElse:Po&&!O?()=>j("something-else"):void 0,moveSlot:mf,overflowSlot:y&&e&&K>0&&k.length>0?r.jsx(nd,{accountId:y,mailboxId:e,messageIds:Array.from(B)}):void 0,isBusy:lf,isCounting:V.phase.kind==="counting",selectAll:uf,statusLabel:Do,progress:df,notice:ff}),gf=vd(we,M),xf=c.useCallback($=>{qe.current=!0,se($)},[se]),bf=r.jsxs(r.Fragment,{children:[F&&l&&r.jsx(hj,{query:l}),r.jsxs("div",{ref:I,role:"listbox","aria-multiselectable":!0,"aria-label":b,className:"flex-1 overflow-y-auto",children:[r.jsx("div",{role:"presentation",className:"relative w-full",style:{height:`${Y.getTotalSize()}px`},children:Y.getVirtualItems().map($=>{const ee=t[$.index];return r.jsx("div",{role:"presentation","data-index":$.index,ref:Y.measureElement,className:Re("absolute left-0 top-0 w-full border-b border-line",V.isRunning&&"pointer-events-none opacity-50"),style:{transform:`translateY(${$.start}px)`},children:r.jsx(lj,{thread:ee,mailboxId:e,isSelected:s===ee.messageId,isFocused:M===ee.messageId,isTabStop:gf===ee.messageId,onFocusRow:xf,isChecked:ve(ee.messageId),onToggleCheck:xe,onRowSelect:$e,isMultiSelectMode:De,onLongPress:Ar,isDesktop:O,onDelete:Rr,onToggleRead:Mr,density:oe})},$.key)})}),p&&r.jsx(Zh,{})]})]}),vf=be?be.source==="ids"?be.ids.length:be.total:0,Lo=be?.source==="predicate";return r.jsxs(r.Fragment,{children:[ct&&!O&&r.jsx(sn,{tone:"success",variant:"soft",className:"m-2 rounded-md",onDismiss:()=>Ve(null),children:ct}),r.jsx(bc,{listTitle:b,listMeta:S,sections:Xe,flatList:!0,listState:L.searchResults?"ready":Sn,searchQuery:F?l:void 0,listFilter:w,listScopeLabel:v,errorMessage:Dr,onRetry:i,onReportError:X,density:oe,selectedThreadId:s,onSelectThread:$=>D({to:"/mail/$mailboxId",params:{mailboxId:e},search:ee=>({...ee,selectedMessageId:$})}),onSelectBriefCategory:()=>{},isDesktop:O,hideHeader:E,selectionBar:pf,paneOverlay:hf,listBody:L.searchResults??(Sn==="ready"?bf:void 0)}),r.jsx(Qa,{isOpen:be!==null,title:Kl(vf,Lo),description:Lo?"This count is a snapshot — new mail arriving during the delete won't be included. You can restore what's deleted from Trash later.":"You can restore them from Trash later.",confirmLabel:"Move to Trash",destructive:!0,isBusy:m,onConfirm:Er,onCancel:Tt}),A&&y&&r.jsx(Id,{open:A,accountId:y,selectedMessageIds:Array.from(B),selectedSenders:We,onClose:()=>P(!1)})]})},gj=e=>as({path:{accountId:e}}),xj=e=>{const t=je(),s=an(),n=Ce({...gm(),onSuccess:()=>{s.recordEvent("sync.triggered"),t.invalidateQueries({queryKey:gj(e)})}});return{trigger:()=>{n.mutate({path:{accountId:e}})},triggerAsync:()=>n.mutateAsync({path:{accountId:e}}),isPending:n.isPending,error:n.error,reset:n.reset}},bj=({accountId:e,children:t})=>{const{triggerAsync:s,isPending:n}=xj(e);return r.jsx(Sg,{onRefresh:s,isRefreshing:n,children:t})};function vj({accountId:e,currentMailboxId:t,candidates:s,onMove:n,children:a}){const[o,i]=c.useState(!1),l=an(),{t:u}=Jn("mail",{useSuspense:!1}),f=c.useCallback((S,w)=>u(S,{defaultValue:w}),[u]),{inboxMailboxId:d}=xo(e),m=gu(e),{data:h}=me({...Ue({path:{accountId:e}}),staleTime:1/0}),g=c.useMemo(()=>{const S=ln(h?.items??[],m),w=rn(m);return S.map(v=>({id:v.mailboxId,label:ks(v,w.get(v.mailboxId),f),searchValue:v.fullPath,isCurrent:v.mailboxId===t}))},[h?.items,m,t,f]),x=c.useMemo(()=>d||(g.find(w=>w.label.toLowerCase()==="inbox")?.id??g.find(w=>!w.isCurrent)?.id??""),[d,g]),p=c.useRef(!1);c.useEffect(()=>{p.current||(p.current=!0,Bw(l,s.length))},[l,s.length]);const y=c.useCallback(()=>{Kw(l,s.length),i(!0)},[l,s.length]),b=c.useCallback((S,w)=>{Uw(l,{selected:S.length,total:s.length,toInbox:w===d}),n(S,w)},[l,s.length,d,n]);return r.jsxs("div",{className:"relative flex h-full min-h-0 flex-col",children:[r.jsx("div",{className:"shrink-0 px-row-inset pt-2",children:r.jsx(Cg,{count:s.length,onReview:y})}),r.jsx("div",{className:"min-h-0 flex-1",children:a}),r.jsx(Pg,{open:o,candidates:s,defaultDestinationId:x,availableFolders:g,onConfirmMove:b,onCancel:()=>i(!1)})]})}const yj="We can verify this sender";function wj(e){const{data:t}=me({...xm({path:{mailboxId:e??""},query:{senderTrust:["vip","wellknown"],dkimMismatch:!1,results:!0,limit:500}}),enabled:!!e,staleTime:6e4});return{candidates:(t?.items??[]).map(n=>({id:n.messageId,senderName:n.fromName||n.fromEmail||"Unknown sender",senderAddress:n.fromEmail??"",subject:n.subject||"(no subject)",snippet:n.snippet??"",trustReason:yj,trustSubReason:zw(n.senderTrust),senderTrust:n.senderTrust}))}}const Sj=e=>{const t=new Set,s=[];for(const n of e)t.has(n.threadMessageId)||(t.add(n.threadMessageId),s.push(n));return s},jj={unread:"unread",flagged:"starred",attachment:"attachments"},kj=new Set(Object.values(Je)),Gd=e=>kj.has(e),Cj=e=>Gd(e.category)||e.attributes.size>0,Nj=e=>{const t={};Gd(e.category)&&(t.category=[e.category]);for(const s of e.attributes){const n=jj[s];n&&(t[n]=!0)}return t},Ej=e=>(e.senderTrust?.length??0)>0||e.dkimMismatch!==void 0?"loaded-pages":"whole-folder",Ij=["category","unread","starred","attachments"],ll=e=>JSON.stringify(Ij.map(t=>e?.[t]??null)),Tj=e=>{if(!Array.isArray(e))return;const[t]=e;if(typeof t!="object"||t===null)return;const s=t.query;if(!(typeof s!="object"||s===null))return s},Rj=(e,t)=>{const s=Tj(e);return s?ll(s)===ll(t):!1},Yd="remit:intelligence-open";function Mj(){try{return localStorage.getItem(Yd)!=="closed"}catch{return!0}}function cl(e){try{localStorage.setItem(Yd,e?"open":"closed")}catch{}}const Aj=(e,t)=>e!==t,Oj=(e,t,s)=>{if(!(s||!t))return e.find(n=>n.messageId===t)},Dj=(e,t,s,n)=>{if(e)return e;if(!(n||!s))return t?.messageId===s?t:void 0},On=e=>e[0],Pj=e=>{const t=On(e.filter(l=>l.type==="from").map(l=>l.value)),s=On(e.filter(l=>l.type==="subject").map(l=>l.value)),n=On(e.filter(l=>l.type==="category").map(l=>l.category)),a=On(e.filter(l=>l.type==="isUnread"||l.type==="isRead").map(l=>l.type==="isUnread")),o=e.some(l=>l.type==="isStarred")?!0:void 0,i=e.some(l=>l.type==="hasAttachment")?!0:void 0;return{...t!==void 0?{from:t}:{},...s!==void 0?{subject:s}:{},...n!==void 0?{category:[n]}:{},...a!==void 0?{unread:a}:{},...o!==void 0?{starred:o}:{},...i!==void 0?{attachments:i}:{}}},Lj=(e,t)=>{switch(t.type){case"from":return e.from?.toLowerCase()===t.value.toLowerCase();case"subject":return e.subject?.toLowerCase()===t.value.toLowerCase();case"category":return e.category?.length===1&&e.category[0]===t.category;case"isUnread":return e.unread===!0;case"isRead":return e.unread===!1;case"isStarred":return e.starred===!0;case"hasAttachment":return e.attachments===!0;case"before":case"after":case"in":case"account":return!1}};function Fj(e,t={}){const s=Pj(e),n={...s,...t};return{params:s,residual:e.filter(a=>!Lj(n,a))}}function $j(e,t,s){if(t.length===0)return e;const n=[...t];return e.filter(a=>{const o=Vn(a);return ko({...o,accountId:o.accountId??s},n)})}const _j=50,zj=new Map(Tc().categories.filter(e=>e.id!=="all").map(e=>[e.id,e.label])),Xd=c.createContext(null);function Nr(){const e=c.useContext(Xd);if(!e)throw new Error("MailboxPane.* must be used inside <MailboxPane>");return e}function Bj({mailboxId:e,selectedMessageId:t,children:s}){const n=Pe(),o=jr()==="desktop",i=an(),{accounts:l,searchQuery:u,searchInput:f,intelligenceOpen:d,onToggleIntelligence:m,onSetIntelligenceOpen:h}=Ne(),g=ls(),x=So(u),p=x.length>0,{freeText:y,tokens:b}=Ps(x,g),[S,w]=c.useState("all"),[v,C]=c.useState(new Set),N=c.useMemo(()=>({category:S,attributes:v}),[S,v]),E=c.useMemo(()=>Nj(N),[N]),I=p||Cj(N),{params:D,residual:O}=Fj(b,E),A={order:"desc",limit:_j,...y?{query:y}:{},...D,...E},P={category:A.category,unread:A.unread,starred:A.starred,attachments:A.attachments},R=I?$a({path:{mailboxId:e},query:A}):sr({path:{mailboxId:e},query:{order:"desc"}}),{data:j,isLoading:F,isError:L,error:k,refetch:M,fetchNextPage:T,hasNextPage:q,isFetchingNextPage:te}=qc({queryKey:R,queryFn:async({pageParam:X})=>{if(I){const{data:Be}=await Al({path:{mailboxId:e},query:{...A,continuationToken:X},throwOnError:!0});return Be}const{data:Xe}=await bm({path:{mailboxId:e},query:{order:"desc",continuationToken:X},throwOnError:!0});return Xe},initialPageParam:void 0,getNextPageParam:X=>X.continuationToken,placeholderData:(X,Xe)=>Rj(Xe?.queryKey,P)?X:void 0}),se=c.useCallback(X=>{t&&X.includes(t)&&n({to:"/mail/$mailboxId",params:{mailboxId:e},search:Xe=>({...Xe,selectedMessageId:void 0,selectedThreadId:void 0})})},[t,e,n]),{deleteMessages:oe,isPending:G}=ns({mailboxId:e,onAfterOptimisticRemove:se}),{accountId:Z}=ho(e),le=tu({accounts:l}),{moveMessages:ae,isPending:B}=_t({mailboxId:e,accountId:Z,onAfterOptimisticRemove:se}),K=$j(zv(Sj(j?.pages.flatMap(X=>X.items??[])??[])),O,Z),ce=c.useCallback(X=>{w(X)},[]),ve=c.useCallback(X=>{C(Xe=>{const Be=new Set(Xe);return Be.has(X)?Be.delete(X):Be.add(X),Be})},[]),xe=c.useCallback(()=>{w("all"),C(new Set)},[]),Q=zj.get(S),_=Q?{label:Q,reach:O.length>0?"loaded-pages":Ej(A),onClear:xe}:void 0,z=Aj(f,u),ne=Oj(K,t,z),[de,et]=c.useState(void 0);c.useEffect(()=>{ne&&et(ne)},[ne]);const fe=Dj(ne,de,t,z),{selectedThreadId:De}=Ns({strict:!1}),be=c.useMemo(()=>Ld(fe,{messageId:t,threadId:z?void 0:De,mailboxId:e}),[fe,t,De,z,e]),ye=To(),{listCommandsRef:_e,onTriageContextChange:Et,focusedMessageId:V,selectedIds:tt}=ye,pe=K.find(X=>X.messageId===V)??fe,ge=c.useRef(null);c.useEffect(()=>{const X=fe?.messageId??null;X&&ge.current!==X&&fe?.authenticity?.dkimMismatch&&(ge.current=X,d||m())},[fe?.messageId,fe?.authenticity?.dkimMismatch,d,m]);const Le=c.useRef(!1);c.useEffect(()=>{Le.current||o&&fe?.messageId&&(Le.current=!0,Mj()&&!d&&h(!0))},[o,fe?.messageId,d,h]);const rt=Fb({accounts:l})??0,ct=je(),{pushError:Ve}=Ze(),Ae=en({thread:fe,mailboxId:e,accountId:Z,onAfterOptimisticRemove:se}),{draftsMailboxId:qe}=Fv(Z),ze=qe!==void 0&&qe===e,{archiveMailboxId:Qe}=Lv(Z),xt=Pd(),{requestCompose:Ee}=Ae,Y=c.useCallback(()=>{Ee("reply")},[Ee]),ie=c.useCallback(()=>{Ee("reply_all")},[Ee]),re=c.useCallback(()=>{Ee("forward")},[Ee]),{state:H,openCompose:ue,closeCompose:ke}=Bt(),Ie=c.useCallback(()=>{ue({mode:"new"})},[ue]),He=Ce({...tr(),onError:X=>{Ve(ts("Couldn't discard draft","The draft wasn't deleted.",X))}}),Fe=c.useCallback(()=>{const X=H.outboxMessageId;X&&(He.mutate({path:{outboxMessageId:X}}),ct.invalidateQueries({queryKey:Ka()}),ke())},[H.outboxMessageId,He,ct,ke]),we=c.useCallback(()=>{n({to:"/mail/$mailboxId",params:{mailboxId:e},search:X=>({...X,selectedMessageId:void 0,selectedThreadId:void 0})})},[e,n]),We=c.useCallback(X=>X?xt(X):[],[xt]),{toggleStar:$e}=po({threadId:pe?.threadId??"",mailboxId:e}),{toggleReadFor:Ge}=vr({mailboxId:e,accountId:Z}),{junkMailboxId:Ye}=hn(Z),Wt=Ye!=null&&Ye===e,{candidates:xn}=wj(Wt?Ye:void 0),{moveMessages:Fs}=_t({mailboxId:e,threadId:pe?.threadId,accountId:Z,onAfterOptimisticRemove:se}),{deleteMessages:$s}=ns({mailboxId:e,threadId:pe?.threadId,onAfterOptimisticRemove:se}),{addressId:It,address:Vt}=Md(pe),{updateFlags:cs}=Ad({addressId:It,senderEmail:pe?.fromEmail??void 0}),bt=c.useCallback(()=>t||!V?!1:(n({to:"/mail/$mailboxId",params:{mailboxId:e},search:X=>({...X,selectedMessageId:V})}),!0),[t,V,e,n]),at=c.useCallback(()=>{bt()||fe&&Ee("reply")},[bt,fe,Ee]),Qt=c.useCallback(()=>{bt()||fe&&Ee("reply_all")},[bt,fe,Ee]),Er=c.useCallback(()=>{bt()||fe&&Ee("forward")},[bt,fe,Ee]),Tt=c.useCallback(()=>tt.length>0?tt:We(pe),[tt,We,pe]),Ir=c.useCallback(()=>{if(_e.current?.requestDelete())return;const X=Tt();X.length>0&&$s(X)},[_e,Tt,$s]),_s=c.useCallback(()=>{if(!Ye)return;const X=Tt();X.length!==0&&(Dd(i,{count:X.length,senderTrust:pe?.senderTrust??"unknown",wasRescuable:pe?Od(pe):!1}),Fs(X,Ye))},[Ye,Tt,Fs,i,pe]),Tr=c.useCallback(()=>{if(tt.length>0){const X=!(pe?.hasStars??!1),Xe=new Set(tt);for(const Be of K)Xe.has(Be.messageId)&&Be.hasStars!==X&&$e(Be.messageId,Be.hasStars);return}pe&&$e(pe.messageId,pe.hasStars)},[tt,K,pe,$e]),Gt=c.useCallback(()=>{const X=Tt();if(X.length===0)return;const Xe=!(pe?.isRead??!1);Ge(X,Xe)},[Tt,pe,Ge]),Rr=c.useCallback(()=>{if(!It)return;const X=Vt?.flags?.muted?.value!==!0;cs({muted:{value:X}})},[It,Vt,cs]),Mr=c.useCallback(()=>{if(!It)return;const X=Vt?.flags?.vip?.value!==!0;cs({vip:{value:X}})},[It,Vt,cs]),Ar=c.useCallback(()=>{d||m()},[d,m]),Yt=c.useCallback(X=>{n({to:X})},[n]),bn=ze?"drafts":Qe===e?"archive":Ye===e?"junk":"inbox",vn=c.useRef("");c.useEffect(()=>{const X=vn.current;vn.current=x,x.length>0&&X.length===0&&i.recordEvent("search.submitted",{mailboxType:bn})},[x,bn,i]);const Or=ze&&H.isOpen&&!!H.outboxMessageId&&!fe,{goBack:yn,nextMessageId:wn,previousMessageId:Sn}=Ro({context:ye,orderedIds:K.map(X=>X.messageId),selectedMessageId:t,enabled:!H.isOpen,onClose:we,handlers:{reply:at,replyAll:Qt,forward:Er,delete:Ir,toggleStar:Tr,toggleRead:Gt,muteSender:Rr,blockSender:Ar,vipSender:Mr,markJunk:_s,toggleIntelligence:fe?m:void 0,compose:Ie,goBrief:()=>Yt("/mail"),goInbox:()=>Yt("/mail"),goSent:()=>Yt("/mail"),goFlagged:()=>Yt("/mail/flagged"),goSettings:()=>Yt("/settings")}});mo({enabled:H.isOpen,bindings:[{key:"Escape",handler:ke,preventDefault:!0}]});const Dr={mailboxId:e,selectedMessageId:t,selectedThread:fe,conversation:be,threads:K,isLoading:F,isError:L,error:k,mailboxAccountId:Z,mailboxName:le,unreadCount:rt,isDraftsMailbox:ze,isSpamFolder:Wt,rescueCandidates:xn,filterCategory:S,filterAttributes:v,onSelectFilterCategory:ce,onToggleFilterAttribute:ve,onClearFilters:xe,listFilter:_,intelligenceOpen:d,onToggleIntelligence:m,searchPredicate:p&&O.length===0?A:void 0,onDeleteMessages:oe,onMoveMessages:ae,isDeleting:G,isMoving:B,onLoadMore:T,hasMore:q,isLoadingMore:te,onTriageContextChange:Et,listCommandsRef:_e,onRetry:()=>M(),toolbarComposeRequest:Ae.composeRequest,onToolbarReply:Y,onToolbarReplyAll:ie,onToolbarForward:re,onClearComposeRequest:Ae.clearComposeRequest,onToolbarDelete:Ae.deleteThread,onToolbarStar:Ae.toggleStar,onToolbarDiscardDraft:Fe,onToolbarMove:Ae.moveThread,composeState:H,closeCompose:ke,hasRemitDraftOpen:Or,onBack:yn,nextMessageId:wn,previousMessageId:Sn};return r.jsx(Xd.Provider,{value:Dr,children:s})}function Jd(){const{mailboxId:e,selectedMessageId:t,threads:s,isLoading:n,isError:a,error:o,onDeleteMessages:i,onMoveMessages:l,isDeleting:u,isMoving:f,onLoadMore:d,hasMore:m,isLoadingMore:h,mailboxAccountId:g,mailboxName:x,unreadCount:p,isDraftsMailbox:y,isSpamFolder:b,rescueCandidates:S,onTriageContextChange:w,listCommandsRef:v,onRetry:C,filterCategory:N,filterAttributes:E,onSelectFilterCategory:I,onToggleFilterAttribute:D,onClearFilters:O,listFilter:A,searchPredicate:P}=Nr(),{searchQuery:R,searchInput:j,accounts:F,resultFolderIndex:L}=Ne(),k=jr(),M=Pe(),T=x??"Inbox",q=c.useMemo(()=>Tc(),[]),te=c.useMemo(()=>s.map(ce=>h0(ce,L)),[s,L]),{hits:se,isLoading:oe}=Zu({mailboxId:e,filterCategory:N}),G=c.useMemo(()=>sd(se,s.map(ce=>ce.threadId),L),[se,s,L]),Z=c.useCallback(ce=>M({to:"/mail/$mailboxId",params:{mailboxId:ce.mailboxId??e},search:ve=>({...ve,q:j||void 0,selectedMessageId:ce.id,selectedThreadId:ce.threadId})}),[e,M,j]);if(y&&g)return r.jsx(ES,{mailboxId:e,accountId:g,selectedMessageId:t,imapThreads:s,title:x??"Drafts",unreadCount:p??void 0});const le=r.jsx(pj,{mailboxId:e,threads:s,selectedMessageId:t,isLoading:n,isError:a,error:o,onRetry:C,searchQuery:R,searchPredicate:P,onDeleteMessages:i,onMoveMessages:l,isDeleting:u,isMoving:f,onLoadMore:d,hasMore:m,isLoadingMore:h,accountId:g,listTitle:T,listFilter:A,listScopeLabel:T,hideHeader:!0,onTriageContextChange:w,commandsRef:v}),ae=F[0]?.accountId,B=k==="phone"&&ae?r.jsx(bj,{accountId:ae,children:le}):le,K=b&&S.length>0&&g?r.jsx(vj,{accountId:g,currentMailboxId:e,candidates:S,onMove:l,children:B}):B;return r.jsx(zd,{title:T,unreadCount:p,preset:q,selectedCategory:N,activeFilters:E,onSelectCategory:I,onToggleFilter:D,onClearFilters:O,searchResults:te,searchLoading:n,relatedResults:G,relatedLoading:oe,onSelectSearchResult:Z,searchResultsInBody:!0,children:K})}function Kj(){const{mailboxId:e,mailboxAccountId:t,selectedThread:s,conversation:n,hasRemitDraftOpen:a,intelligenceOpen:o,onToggleIntelligence:i,toolbarComposeRequest:l,onToolbarReply:u,onToolbarReplyAll:f,onToolbarForward:d,onClearComposeRequest:m,onToolbarDelete:h,onToolbarStar:g,onToolbarDiscardDraft:x,onToolbarMove:p,composeState:y}=Nr(),b=Ts()?.showIntelligencePane??!1,S=!!n,w=b&&S,v=y.isOpen&&!n?r.jsx(Ud,{}):n?r.jsx(Ds,{threadId:n.threadId,mailboxId:n.mailboxId,subject:n.subject,selectedMessageId:n.messageId,authenticity:n.authenticity,onOpenIntelligence:n.authenticity?.dkimMismatch?i:void 0,composeRequest:l,onComposeClose:m}):r.jsx(Os,{});return r.jsxs("section",{className:"flex h-full w-full min-w-0 flex-col bg-canvas",children:[r.jsx(Io,{hasThread:S,intelligenceOpen:w&&o,canToggleIntelligence:w,onToggleIntelligence:i,onReply:S?u:void 0,onReplyAll:S?f:void 0,onForward:S?d:void 0,canDelete:S||a,onDelete:S?h:a?x:void 0,onToggleStar:S?g:void 0,isStarred:s?.hasStars,moveContext:S&&t?{accountId:t,currentMailboxId:e,onMove:p}:void 0}),r.jsx("div",{className:"min-h-0 flex-1 overflow-hidden",children:v})]})}function Uj(){const{mailboxId:e,mailboxAccountId:t,selectedThread:s,onToggleIntelligence:n}=Nr();return r.jsx(Ls,{onClose:n,thread:s,mailboxId:e,accountId:t})}function qj(){const{mailboxId:e,selectedThread:t,conversation:s,intelligenceOpen:n,onToggleIntelligence:a,onBack:o,nextMessageId:i,previousMessageId:l,composeState:u}=Nr(),f=Pe();if(s){const d=m=>f({to:"/mail/$mailboxId",params:{mailboxId:e},search:h=>({...h,selectedMessageId:m,selectedThreadId:void 0})});return r.jsxs(r.Fragment,{children:[r.jsx(Ds,{threadId:s.threadId,mailboxId:s.mailboxId,subject:s.subject,selectedMessageId:s.messageId,authenticity:s.authenticity,onBack:o,onOpenIntelligence:a,onSwipeNext:i?()=>d(i):void 0,onSwipePrevious:l?()=>d(l):void 0,mobileIntelligenceOpen:n}),r.jsx(uo,{isOpen:n,onClose:a,ariaLabel:"Message details",side:"right",children:r.jsx(Ls,{onClose:a,thread:t,hideCloseButton:!0})})]})}return u.isOpen?r.jsx("div",{className:"h-full",children:r.jsx(Ud,{})}):r.jsx(Jd,{})}const Qs=Object.assign(Bj,{List:Jd,Reading:Kj,Intelligence:Uj,Phone:qj}),Zd=e=>e==="failed"||e==="blocked",ef=e=>e!=="draft"&&e!=="sent",Ao="remit.savedSearches",Hj=25;function Yn(){try{const e=localStorage.getItem(Ao);if(!e)return[];const t=JSON.parse(e);return Array.isArray(t)?t.filter(s=>typeof s=="string"):[]}catch{return[]}}function Wj(e){const t=e.trim();if(!t)return Yn();const s=[t,...Yn().filter(n=>n!==t)].slice(0,Hj);try{localStorage.setItem(Ao,JSON.stringify(s))}catch{return s}return s}function Vj(e){const t=Yn().filter(s=>s!==e);try{localStorage.setItem(Ao,JSON.stringify(t))}catch{return t}return t}const ul=e=>/^\d/.test(e),Qj=(e,t)=>{const s=ul(e),n=ul(t);return s&&!n?-1:!s&&n?1:e.localeCompare(t,void 0,{sensitivity:"base",numeric:!0})};function Gj(e,t,s){const n=[],a=[];for(const o of e)t.has(o.mailboxId)?n.push(o):a.push(o);return a.sort((o,i)=>Qj(ks(o,void 0,s),ks(i,void 0,s))),{system:n,labels:a}}function Yj(e,t,s){const n=vm(t)&&e.unseenCount>0;return{id:e.mailboxId,name:ks(e,t,s),unseen:n?e.unseenCount:void 0,role:t,fullPath:e.fullPath}}function Xj(){const e=pr(),t=Fa({strict:!1});return e.pathname.startsWith("/settings")?"settings":e.pathname.startsWith("/mail/outbox")?"outbox":e.pathname.startsWith("/mail/flagged")?"flagged":t.mailboxId?t.mailboxId:e.pathname==="/mail"||e.pathname==="/mail/"?"brief":""}function dl({accounts:e,onMailboxSelect:t,variant:s="desktop"}){const n=je(),a=Pe(),o=Xj(),{searchInput:i,onSearchChange:l}=Ne(),[u,f]=c.useState(Yn),{t:d}=Jn("mail",{useSuspense:!1}),m=c.useCallback((I,D)=>d(I,{defaultValue:D}),[d]),h=gt({queries:e.map(I=>({...Ue({path:{accountId:I.accountId}}),staleTime:1/0}))}),{data:g}=me(Zn()),x=c.useMemo(()=>(g?.items??[]).filter(I=>ef(I.status)).length,[g?.items]),p=c.useMemo(()=>e.map((I,D)=>{const O=h[D],A=O?.data?.items??[],P=rn(I.folderAppointments),{system:R,labels:j}=Gj(A,P,m),F=O?.isError?"error":O?.isLoading?"loading":"ready";return{id:I.accountId,label:I.email,email:I.email,muted:!!I.muted,outboxPending:x,status:F,onRetry:()=>O?.refetch(),mailboxes:[...R,...j].map(L=>Yj(L,P.get(L.mailboxId),m))}}),[e,h,x,m]),y=I=>{n.invalidateQueries({queryKey:sr({path:{mailboxId:I},query:{order:"desc"}})})},b=({navId:I,className:D,ariaLabel:O,title:A,children:P,onClick:R})=>I==="brief"?r.jsx(yt,{to:"/mail",search:{q:void 0,selectedMessageId:void 0},onClick:()=>R?.(),className:D,"aria-label":O,title:A,children:P}):I==="outbox"?r.jsx(yt,{to:"/mail/outbox",search:{q:void 0,selectedOutboxMessageId:void 0},onClick:()=>R?.(),className:D,"aria-label":O,title:A,children:P}):I==="flagged"?r.jsx(yt,{to:"/mail/flagged",search:{q:void 0,selectedMessageId:void 0},onClick:()=>R?.(),className:D,"aria-label":O,title:A,children:P}):I==="settings"?r.jsx(yt,{to:"/settings/accounts",onClick:()=>R?.(),className:D,"aria-label":O,title:A,children:P}):r.jsx(yt,{to:"/mail/$mailboxId",params:{mailboxId:I},search:{q:void 0,selectedMessageId:void 0},onClick:()=>{y(I),R?.()},className:D,"aria-label":O,title:A,children:P}),S=()=>{l(""),t?.()},w=i.trim(),v=w.length>0&&!u.includes(w)?w:void 0,C=c.useCallback(()=>{v&&f(Wj(v))},[v]),N=c.useCallback(I=>{f(Vj(I))},[]),E=c.useCallback(I=>{l(I),a({to:"/mail",search:{q:I,selectedMessageId:void 0}}),t?.()},[l,a,t]);return r.jsx(Gp,{accounts:p,selectedNavId:o,onSelectNav:S,linkComponent:b,variant:s,savedSearches:u,saveableQuery:v,onSaveCurrentSearch:C,onSelectSavedSearch:E,onRemoveSavedSearch:N})}function Jj({accounts:e,onMailboxSelect:t}){return Ts()?.showNavPane??!0?r.jsx(dl,{accounts:e}):r.jsxs("div",{className:"flex h-full flex-col",children:[r.jsx("div",{className:"flex-1 overflow-y-auto",children:r.jsx(dl,{accounts:e,onMailboxSelect:t,variant:"drawer"})}),r.jsxs("div",{className:"border-t border-line px-2 py-2",children:[r.jsxs(yt,{to:"/settings/accounts",onClick:t,className:"flex w-full items-center gap-2 rounded-md px-2 py-1 text-sm text-fg-muted transition-colors hover:bg-surface hover:text-fg",children:[r.jsx(Za,{className:"size-4 shrink-0"}),r.jsx("span",{className:"flex-1 truncate text-left",children:"Settings"})]}),r.jsx(Qc,{variant:"drawer"}),r.jsx(Vc,{children:({signOut:a})=>r.jsxs("button",{type:"button",onClick:()=>{t?.(),a()},className:"flex min-h-11 w-full items-center gap-2 rounded-md px-2 py-1 text-sm text-fg-muted transition-colors hover:bg-surface hover:text-fg","data-testid":"sign-out-button",children:[r.jsx(oc,{className:"size-4 shrink-0"}),r.jsx("span",{className:"flex-1 truncate text-left",children:"Sign out"})]})})]})]})}function Zj(e,t){const s=t.trim().toLowerCase();if(s.length===0)return!0;const n=[e.subject,e.fromAddress,e.fromName,...e.toAddresses??[],...e.ccAddresses??[]].filter(a=>typeof a=="string").join(" ").toLowerCase();return s.split(/\s+/).every(a=>a.length===0||n.includes(a))}function ek(e){return e.tokens.length>0&&e.freeText.trim().length===0}const tf={queued:{icon:qa,label:"Queued",className:"text-warning"},sending:{icon:it,label:"Sending…",className:"text-accent-2"},sent:{icon:sc,label:"Sent",className:"text-positive"},failed:{icon:rs,label:"Failed",className:"text-danger"},blocked:{icon:Ta,label:"Blocked",className:"text-warning"}},tk=e=>zm(e).toDateString()===new Date().toDateString()?Bn(e,{hour:"numeric",minute:"2-digit"}):Bn(e,{month:"short",day:"numeric"}),fl=e=>Bn(e,{dateStyle:"medium",timeStyle:"short"}),sk=e=>{const t=e.toAddresses??[];return t.length===0?"No recipients":t.length===1?t[0]:`${t[0]} +${t.length-1}`},sf=(e,t)=>t?"The outbox cannot filter on those terms":e?"No matching outbox messages":"No outbox messages",nf=c.createContext(null);function Oo(){const e=c.useContext(nf);if(!e)throw new Error("OutboxPane.* must be used inside <OutboxPane>");return e}function nk({children:e}){const t=Pe(),{selectedOutboxMessageId:s}=Ns({strict:!1}),{data:n,isLoading:a}=me(Zn()),{searchQuery:o}=Ne(),i=ls(),l=So(o),u=Ps(l,i),f=l.length>0,d=ek(u),m=c.useMemo(()=>d?[]:(n?.items??[]).filter(p=>ef(p.status)).filter(p=>Zj(p,u.freeText)),[n,u.freeText,d]),h=c.useMemo(()=>m.find(p=>p.outboxMessageId===s),[m,s]),g=c.useCallback(p=>{t({to:"/mail/outbox",search:y=>({...y,selectedOutboxMessageId:p})})},[t]),x={messages:m,hasQuery:f,unsupportedQuery:d,isLoading:a,selectedMessageId:s,selectedMessage:h,onSelectMessage:g};return r.jsx(nf.Provider,{value:x,children:e})}function rf({message:e,isSelected:t,onSelect:s}){const n=je(),{openCompose:a}=Bt(),{pushError:o}=Ze(),i=c.useCallback(()=>{n.invalidateQueries({queryKey:Ka()})},[n]),l=Ce({...Nl(),onSuccess:i,onError:m=>{o(ts("Couldn't resend message","The message wasn't sent.",m))}}),u=Ce({...tr(),onSuccess:i,onError:m=>{o(ts("Couldn't delete message","The message wasn't deleted.",m))}}),f=e.status;if(!tf[f])return null;const d=Zd(e.status);return r.jsx(yg,{recipients:sk(e),subject:e.subject||"",time:tk(e.sentAt??e.updatedAt),status:f,error:d?e.lastError??void 0:void 0,selected:t,onSelect:s,onRetry:f==="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 af({message:e,onBack:t}){const s=e.status,n=tf[s],a=n?.icon??nn,o=e.sentAt?fl(e.sentAt):fl(e.updatedAt);return r.jsxs("div",{className:"h-full overflow-y-auto bg-canvas",children:[r.jsxs("div",{className:"border-b border-line p-4",children:[t&&r.jsxs("button",{type:"button",onClick:t,className:"mb-3 inline-flex items-center gap-1 text-sm text-fg-muted hover:text-fg",children:[r.jsx(Ja,{className:"size-4"}),r.jsx("span",{children:"Back"})]}),r.jsx("h1",{className:"text-xl font-semibold mb-3",children:e.subject||"(No subject)"}),r.jsxs("div",{className:"space-y-1 text-sm",children:[r.jsxs("div",{className:"flex gap-2",children:[r.jsx("span",{className:"text-fg-muted shrink-0 w-12",children:"From:"}),r.jsx("span",{className:"text-fg",children:e.fromName?`${e.fromName} <${e.fromAddress}>`:e.fromAddress})]}),r.jsxs("div",{className:"flex gap-2",children:[r.jsx("span",{className:"text-fg-muted shrink-0 w-12",children:"To:"}),r.jsx("span",{className:"text-fg",children:(e.toAddresses??[]).join(", ")})]}),e.ccAddresses&&e.ccAddresses.length>0&&r.jsxs("div",{className:"flex gap-2",children:[r.jsx("span",{className:"text-fg-muted shrink-0 w-12",children:"Cc:"}),r.jsx("span",{className:"text-fg",children:e.ccAddresses.join(", ")})]}),r.jsxs("div",{className:"flex gap-2",children:[r.jsx("span",{className:"text-fg-muted shrink-0 w-12",children:"Date:"}),r.jsx("span",{className:"text-fg",children:o})]}),n&&r.jsxs("div",{className:"flex items-center gap-2 pt-2",children:[r.jsx(a,{className:Re("size-4",n.className,s==="sending"&&"animate-spin")}),r.jsx("span",{className:Re("text-xs font-medium",n.className),children:n.label}),Zd(e.status)&&e.lastError&&r.jsxs("span",{className:"text-xs text-fg-muted",children:["— ",e.lastError]})]})]})]}),r.jsx("div",{className:"p-4",children:r.jsx(Uu,{html:e.htmlBody,text:e.textBody})})]})}function rk(){const{messages:e,hasQuery:t,unsupportedQuery:s,isLoading:n,selectedMessageId:a,onSelectMessage:o}=Oo(),i=c.useRef(null);return Xn({containerRef:i,itemSelector:Ca}),n?r.jsx("div",{className:"flex h-full items-center justify-center bg-canvas",children:r.jsx("span",{className:"text-fg-muted",children:"Loading..."})}):e.length===0?r.jsx("div",{className:"flex h-full bg-surface",children:r.jsx(Os,{message:sf(t,s),showHints:!1})}):r.jsxs("div",{className:"h-full flex flex-col bg-canvas",children:[r.jsxs("header",{className:"flex h-pane-header shrink-0 items-center gap-2 border-b border-line px-row-inset",children:[r.jsx(Mo,{}),r.jsx("h1",{className:"min-w-0 flex-1 truncate text-sm font-semibold text-fg",children:"Outbox"}),r.jsxs("span",{className:"shrink-0 text-2xs text-fg-subtle",children:[e.length," ",e.length===1?"message":"messages"]})]}),r.jsx("div",{ref:i,className:"flex-1 overflow-y-auto",children:e.map(l=>r.jsx(rf,{message:l,isSelected:a===l.outboxMessageId,onSelect:()=>o(l.outboxMessageId)},l.outboxMessageId))})]})}function ak(){const{selectedMessage:e}=Oo();return r.jsxs("section",{className:"flex h-full w-full min-w-0 flex-col bg-canvas",children:[r.jsx("header",{className:"flex h-pane-header shrink-0 items-center border-b border-line px-3"}),r.jsx("div",{className:"min-h-0 flex-1 overflow-hidden",children:e?r.jsx(af,{message:e}):r.jsx(Os,{message:"Select a message to read",showHints:!1})})]})}function ok(){const{messages:e,hasQuery:t,unsupportedQuery:s,isLoading:n,selectedMessageId:a,selectedMessage:o,onSelectMessage:i}=Oo(),l=c.useRef(null);return Xn({containerRef:l,itemSelector:Ca}),n?r.jsx("div",{className:"flex h-full items-center justify-center bg-canvas",children:r.jsx("span",{className:"text-fg-muted",children:"Loading..."})}):o?r.jsx(af,{message:o,onBack:()=>i(void 0)}):e.length===0?r.jsx("div",{className:"flex h-full bg-surface",children:r.jsx(Os,{message:sf(t,s),showHints:!1})}):r.jsxs("div",{className:"h-full flex flex-col bg-canvas",children:[r.jsxs("header",{className:"flex h-pane-header shrink-0 items-center gap-2 border-b border-line px-row-inset",children:[r.jsx(Mo,{}),r.jsx("h1",{className:"min-w-0 flex-1 truncate text-sm font-semibold text-fg",children:"Outbox"}),r.jsxs("span",{className:"shrink-0 text-2xs text-fg-subtle",children:[e.length," ",e.length===1?"message":"messages"]})]}),r.jsx("div",{ref:l,className:"flex-1 overflow-y-auto",children:e.map(u=>r.jsx(rf,{message:u,isSelected:a===u.outboxMessageId,onSelect:()=>i(u.outboxMessageId)},u.outboxMessageId))})]})}const Dn=Object.assign(nk,{List:rk,Reading:ak,Phone:ok}),ik=({isOpen:e,onClose:t})=>{const s=c.useCallback(n=>{n.key==="Escape"&&(n.preventDefault(),t())},[t]);return c.useEffect(()=>{if(e)return window.addEventListener("keydown",s),()=>window.removeEventListener("keydown",s)},[e,s]),e?r.jsxs("div",{className:"fixed inset-0 z-50 flex items-center justify-center",role:"dialog","aria-modal":"true","aria-label":"Keyboard shortcuts",onClick:t,onKeyDown:n=>n.key==="Escape"&&t(),children:[r.jsx("div",{className:"absolute inset-0 bg-canvas/80 backdrop-blur-sm"}),r.jsxs("div",{className:Re("relative z-10 max-h-[85vh] w-full max-w-2xl overflow-y-auto","rounded-lg border border-line bg-surface shadow-lg","p-6"),onClick:n=>n.stopPropagation(),onKeyDown:n=>{n.key!=="Escape"&&n.stopPropagation()},children:[r.jsxs("div",{className:"mb-6 flex items-center justify-between",children:[r.jsx("h2",{className:"text-lg font-semibold",children:"Keyboard shortcuts"}),r.jsx("button",{type:"button",onClick:t,className:"p-1 text-fg-muted transition-colors hover:text-fg","aria-label":"Close",children:r.jsx(pt,{className:"size-5"})})]}),r.jsx("div",{className:"grid gap-x-8 gap-y-6 sm:grid-cols-2",children:nu.map(n=>r.jsxs("div",{children:[r.jsx("h3",{className:"mb-3 text-sm font-medium text-fg-muted",children:n.title}),r.jsx("div",{className:"space-y-2",children:n.hints.map(a=>r.jsxs("div",{className:"flex items-center justify-between gap-4",children:[r.jsx("span",{className:"text-sm",children:a.description}),r.jsx("span",{className:"flex shrink-0 items-center gap-1",children:a.keys.map((o,i)=>r.jsxs(c.Fragment,{children:[i>0&&a.keys[0]==="g"&&r.jsx("span",{className:"text-2xs text-fg-subtle",children:"then"}),r.jsx(ys,{children:o})]},o))})]},`${a.action}-${a.keys.join("+")}`))})]},n.title))}),r.jsx("div",{className:"mt-6 border-t border-line pt-4",children:r.jsxs("p",{className:"text-center text-xs text-fg-muted",children:["Press ",r.jsx(ys,{children:"Esc"})," to close"]})})]})]}):null};function lk(e){const t=gt({queries:e.map(s=>({...Ue({path:{accountId:s.accountId}}),staleTime:1/0}))});return c.useMemo(()=>T0(t.map(s=>s.data?.items??[])),[t])}const ck=e=>e.map(t=>t.data?.items??[]);function uk(e){const t=gt({queries:e.map(s=>({...Ue({path:{accountId:s.accountId}}),staleTime:1/0})),combine:ck});return c.useMemo(()=>ym(e.map((s,n)=>({folderAppointments:s.folderAppointments,mailboxes:t[n]??[]}))),[e,t])}var Pn={exports:{}},ml;function dk(){if(ml)return Pn.exports;ml=1;const e=(t,s,n)=>new Promise((a,o)=>{if(n=Object.assign({concurrency:1/0},n),typeof s!="function")throw new TypeError("Mapper function is required");const{concurrency:i}=n;if(!(typeof i=="number"&&i>=1))throw new TypeError(`Expected \`concurrency\` to be a number from 1 and up, got \`${i}\` (${typeof i})`);const l=[],u=t[Symbol.iterator]();let f=!1,d=!1,m=0,h=0;const g=()=>{if(f)return;const x=u.next(),p=h;if(h++,x.done){d=!0,m===0&&a(l);return}m++,Promise.resolve(x.value).then(y=>s(y,p)).then(y=>{l[p]=y,m--,g()},y=>{f=!0,o(y)})};for(let x=0;x<i&&(g(),!d);x++);});return Pn.exports=e,Pn.exports.default=e,Pn.exports}var fk=dk();const mk=wm(fk),hk=900*1e3,pk=300,gk=(e,t)=>{if(!e)return t;const s=Number.parseInt(e,10);return Number.isFinite(s)&&s>0?s:t},xk=60*1e3,bk=e=>Math.max(gk(e,pk)*1e3,xk),zn=bk(km().mailboxPollIntervalSeconds),vk=5,ja=new Set,yk=(e,t,s=hk)=>e.filter(n=>{const a=n.lastSyncAt;return a==null?!0:t-a>s}).map(n=>n.accountId),wk=(e,t,s=zn)=>e-t>=s,Sk=(e,t)=>e.filter(s=>!t.has(s)),hl=(e,t)=>{if(ja.delete(e),jm(t,{softError:!0})){Ml(t);return}console.warn("[remit] background mailbox sync failed",{accountId:e,error:t})},pl=(e,t)=>Sm({path:{accountId:e},throwOnError:!0}).then(()=>{t.invalidateQueries({queryKey:as({path:{accountId:e}})})}),jk=e=>{const t=je(),s=c.useRef(e);s.current=e;const n=e.map(a=>a.accountId).join(",");c.useEffect(()=>{const a=Date.now(),i=yk(s.current,a).filter(l=>!ja.has(l));if(i.length!==0)for(const l of i)ja.add(l),pl(l,t).catch(u=>{hl(l,u)})},[n,t]),c.useEffect(()=>{let a=Date.now(),o;const i=new Set,l=()=>{a=Date.now();const d=Sk(s.current.map(m=>m.accountId),i);for(const m of d)i.add(m);mk(d,m=>pl(m,t).catch(h=>{hl(m,h)}).finally(()=>{i.delete(m)}),{concurrency:vk})},u=()=>{if(document.visibilityState==="visible"){l(),o=setTimeout(u,zn);return}},f=()=>{document.visibilityState==="visible"&&wk(Date.now(),a)&&(o!==void 0&&clearTimeout(o),l(),o=setTimeout(u,zn))};return o=setTimeout(u,zn),document.addEventListener("visibilitychange",f),()=>{o!==void 0&&clearTimeout(o),document.removeEventListener("visibilitychange",f)}},[n,t])};function kk(e,t,s){if(e!==t)return s}function Ck(e,t){return e===""?"":t}function Nk(e,t,s){return t!==e?!1:t!==s}function Ek(){const{q:e=""}=Ns({from:"/mail"}),t=Pe(),s=jr(),n=rd(s),[a,o]=c.useState(!1),[i,l]=c.useState(!1),[u,f]=c.useState(!1),d=c.useCallback(B=>{f(B),cl(B)},[]),[m,h]=c.useState(e),g=ar(m,200),x=Ck(m,g),p=c.useRef(e);p.current=e;const y=wt({select:B=>Ab(B.matches)}),[b,S]=c.useState(y);if(b!==y){const B=kk(b,y,e);S(y),B!==void 0&&h(B)}c.useEffect(()=>{Nk(m,x,p.current)&&t({to:".",search:B=>{const K=B.q===x;return{...B,q:x||void 0,...x&&!K?{selectedMessageId:void 0,selectedThreadId:void 0,selectedMailboxId:void 0}:{}}},replace:!0})},[m,x,t]);const{data:w,isLoading:v,isError:C,error:N,refetch:E}=me({...jt(),staleTime:1/0}),I=!!(w&&(w.accounts?.length??0)===0);c.useEffect(()=>{I&&t({to:"/onboarding",replace:!0})},[I,t]),mo({enabled:!a,bindings:[{key:"?",handler:()=>o(!0),noModifiers:!1,preventDefault:!0}]});const D=c.useCallback(B=>{h(B)},[]),O=c.useCallback(()=>{h("")},[]),A=c.useCallback(()=>{h("")},[]),P=c.useCallback(()=>{f(B=>{const K=!B;return cl(K),K})},[]),R=w?.accounts??[],j=lk(R),F=uk(R),L=c.useMemo(()=>I0(R),[R]),k=wt({select:B=>B.matches.find(ce=>"mailboxId"in ce.params)?.params.mailboxId}),{selectedMessageId:M}=Ns({strict:!1}),T=wt({select:B=>co(B.matches)}),q=wt({select:B=>cn(B.matches)}),te=wt({select:B=>gr(B.matches)});jk(R);const se=c.useCallback(()=>{l(!1)},[]),oe={accounts:R,mailboxNameIndex:j,accountNameIndex:L,resultFolderIndex:F,searchQuery:x,searchInput:m,searchViewKey:y,onSearchChange:D,onSearchClear:O,onSearchClearQuery:A,intelligenceOpen:u,onToggleIntelligence:P,onSetIntelligenceOpen:d},G=r.jsx(Jj,{accounts:R,onMailboxSelect:se}),Z=n?r.jsx(Tb,{accounts:R}):void 0,le=n?void 0:r.jsx(zb,{accounts:R}),ae={navOpen:i,onOpenNav:()=>l(!0),onCloseNav:()=>l(!1)};return r.jsxs(Cm.Provider,{value:oe,children:[C?r.jsx("div",{className:"flex h-full items-center justify-center bg-canvas p-4",children:r.jsx(Ut,{title:"Couldn't load your account",error:N,onRetry:()=>{E()}})}):T?r.jsx(Hs,{selectedMessageId:M,children:n?r.jsx(Mt,{nav:G,list:r.jsx(Hs.Phone,{}),intelligenceOpen:u,overlay:Z,skeleton:r.jsx(vt,{}),isLoading:v||I,...ae}):r.jsx(Mt,{nav:G,topBar:le,list:r.jsx(Hs.List,{}),reading:r.jsx(Hs.Reading,{}),intelligence:r.jsx(Hs.Intelligence,{}),intelligenceOpen:u,hasThread:!!M,overlay:Z,skeleton:r.jsx(vt,{}),isLoading:v||I,...ae})}):q?r.jsx(Ws,{selectedMessageId:M,children:n?r.jsx(Mt,{nav:G,list:r.jsx(Ws.Phone,{}),intelligenceOpen:u,overlay:Z,skeleton:r.jsx(vt,{}),isLoading:v||I,...ae}):r.jsx(Mt,{nav:G,topBar:le,list:r.jsx(Ws.List,{}),reading:r.jsx(Ws.Reading,{}),intelligence:r.jsx(Ws.Intelligence,{}),intelligenceOpen:u,hasThread:!!M,overlay:Z,skeleton:r.jsx(vt,{}),isLoading:v||I,...ae})}):k?r.jsx(Qs,{mailboxId:k,selectedMessageId:M,children:n?r.jsx(Mt,{nav:G,list:r.jsx(Qs.Phone,{}),intelligenceOpen:u,overlay:Z,skeleton:r.jsx(vt,{}),isLoading:v||I,...ae}):r.jsx(Mt,{nav:G,topBar:le,list:r.jsx(Qs.List,{}),reading:r.jsx(Qs.Reading,{}),intelligence:r.jsx(Qs.Intelligence,{}),intelligenceOpen:u,hasThread:!!M,overlay:Z,skeleton:r.jsx(vt,{}),isLoading:v||I,...ae})}):te?r.jsx(Dn,{children:n?r.jsx(Mt,{nav:G,list:r.jsx(Dn.Phone,{}),intelligenceOpen:!1,overlay:Z,skeleton:r.jsx(vt,{}),isLoading:v||I,...ae}):r.jsx(Mt,{nav:G,topBar:le,list:r.jsx(Dn.List,{}),reading:r.jsx(Dn.Reading,{}),intelligenceOpen:!1,overlay:Z,skeleton:r.jsx(vt,{}),isLoading:v||I,...ae})}):r.jsx(vt,{}),r.jsx(ik,{isOpen:a,onClose:()=>o(!1)}),r.jsx(Nm,{})]})}const Vk=Object.freeze(Object.defineProperty({__proto__:null,component:Ek,useMailContext:Ne},Symbol.toStringTag,{value:"Module"}));export{Wk as S,Fh as U,Vk as m};