@remit/web-client-dist 0.0.299 → 0.0.301
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/{ErrorState-aw5jVL68.js → ErrorState-K_DfCEXi.js} +1 -1
- package/assets/{OnboardingWizard-ZIKb4R7f.js → OnboardingWizard-CFBfC_Cx.js} +1 -1
- package/assets/{account-form-helpers-DfMv3Vm9.js → account-form-helpers-BbRUMYkd.js} +1 -1
- package/assets/{accounts-CrTDi8os.js → accounts-Do8sVKGo.js} +1 -1
- package/assets/{advanced-BgKEb2Uu.js → advanced-D1fiZ_fQ.js} +1 -1
- package/assets/{appearance-BqTD1S6E.js → appearance-gQ1gWf6o.js} +1 -1
- package/assets/{avatar-DJyeiQWZ.js → avatar-CzdzqSzA.js} +1 -1
- package/assets/{browser-ponyfill-Dh60wXQI.js → browser-ponyfill-BG8I-k7n.js} +1 -1
- package/assets/{circle-check-D80BeTT0.js → circle-check-DT1Ux51L.js} +1 -1
- package/assets/confirm-dialog-CIXlJwmO.js +1 -0
- package/assets/{download-CL5tLTIq.js → download-R6QdKZCO.js} +1 -1
- package/assets/{filters-CmAhUtr7.js → filters-sVqTGjIM.js} +1 -1
- package/assets/{flagged-FVOnHcGW.js → flagged-CoKvDI2R.js} +1 -1
- package/assets/{folders-C3nXyWs-.js → folders-CDTrujI2.js} +1 -1
- package/assets/{index-DDXUQNXW.js → index-BRWYLOII.js} +1 -1
- package/assets/index-D60kRk0L.js +1 -0
- package/assets/{index-rCP-8V3i.css → index-DZJcX74M.css} +1 -1
- package/assets/{index-Cn3FYNrs.js → index-DxTf7mJG.js} +5 -5
- package/assets/{kbd-kS7fe5CA.js → kbd-BszviWxW.js} +1 -1
- package/assets/labels-wYIFrXzO.js +1 -0
- package/assets/mail-B1GD7zkK.js +118 -0
- package/assets/{move-options-afteG1Yt.js → move-options-bqfNnf-5.js} +1 -1
- package/assets/{onboarding-DpCrXMCi.js → onboarding-BlmHjHRm.js} +1 -1
- package/assets/{pencil-DZXg9Ca_.js → pencil-BatcrqbL.js} +1 -1
- package/assets/{ComposeBody-B0UEQwhO.js → rich-text-Cch_7nLF.js} +2 -2
- package/assets/{senders-DbIAqf8q.js → senders-CXTCeTh1.js} +1 -1
- package/assets/settings-C_MIWHGc.js +1 -0
- package/assets/{settings-screen-DkAiLtxH.js → settings-screen-DMiZMh86.js} +1 -1
- package/assets/{shield-check-D6oCvWFI.js → shield-check-Bx44AaEs.js} +1 -1
- package/assets/{suggested-vips-Dgcx59pV.js → suggested-vips-oROGBDZu.js} +1 -1
- package/assets/{useDebouncedValue-DPVybDdU.js → useDebouncedValue-CyeiGvID.js} +1 -1
- package/assets/{useFilters-CuXoCjbt.js → useFilters-Cw-yMezD.js} +1 -1
- package/assets/{useLabels-Ch9GQZe_.js → useLabels-B7zuz_GA.js} +1 -1
- package/assets/{useSignature-CBloimjZ.js → useSignature-BH3ArXBe.js} +1 -1
- package/index.html +2 -2
- package/package.json +1 -1
- package/assets/ConfirmDialog-BmMCdRRY.js +0 -1
- package/assets/index-DaAOT-u4.js +0 -1
- package/assets/labels-B5UsoCQq.js +0 -1
- package/assets/mail-C8lnWIJ3.js +0 -118
- package/assets/settings-CvsCRNt8.js +0 -1
package/assets/mail-C8lnWIJ3.js
DELETED
|
@@ -1,118 +0,0 @@
|
|
|
1
|
-
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/ComposeBody-B0UEQwhO.js","assets/index-Cn3FYNrs.js","assets/index-rCP-8V3i.css","assets/ConfirmDialog-BmMCdRRY.js","assets/pencil-DZXg9Ca_.js","assets/avatar-DJyeiQWZ.js","assets/kbd-kS7fe5CA.js","assets/shield-check-D6oCvWFI.js","assets/account-form-helpers-DfMv3Vm9.js","assets/useSignature-CBloimjZ.js","assets/useDebouncedValue-DPVybDdU.js","assets/useFilters-CuXoCjbt.js","assets/ErrorState-aw5jVL68.js","assets/format-CKZmh-Ru.js","assets/move-options-afteG1Yt.js","assets/download-CL5tLTIq.js","assets/useLabels-Ch9GQZe_.js","assets/circle-check-D80BeTT0.js"])))=>i.map(i=>d[i]);
|
|
2
|
-
import{R as H,c as Bf,r as l,a as $e,j as r,C as Qt,b as Ms,X as Nt,d as W,B as ie,e as Ct,S as Xt,f as Dt,g as Pt,L as hs,h as Uf,i as Kf,k as ec,l as mn,T as Lt,m as qf,u as nr,n as Hn,o as tc,I as sc,F as Da,p as nc,q as Pa,s as Hf,A as La,D as Wf,t as hn,v as Vf,w as rr,O as Qf,M as Gf,x as Yf,y as rc,z as Xf,E as Jf,G as pn,H as Zf,J as em,K as tm,N as sm,P as ac,Q as ps,U as Fa,V as nm,W as oc,Y as rm,Z as am,_ as om,$ as $a,a0 as _a,a1 as Kt,a2 as ic,a3 as im,a4 as za,a5 as lm,a6 as cm,a7 as um,a8 as da,a9 as dm,aa as fm,ab as Te,ac as mm,ad as hm,ae as pm,af as gm,ag as xm,ah as bm,ai as ti,aj as vm,ak as ym,al as wm,am as Ba,an as lc,ao as cc,ap as Jt,aq as Qe,ar as it,as as Ua,at as We,au as ar,av as Wn,aw as Le,ax as Ls,ay as Ft,az as uc,aA as dc,aB as Ka,aC as qa,aD as Ha,aE as Vn,aF as fc,aG as ye,aH as Wa,aI as mc,aJ as ze,aK as Sm,aL as km,aM as or,aN as ir,aO as hc,aP as pc,aQ as Cm,aR as $t,aS as nt,aT as jm,aU as Nm,aV as ft,aW as gc,aX as ds,aY as lr,aZ as Em,a_ as Im,a$ as Rm,b0 as cr,b1 as Va,b2 as Qa,b3 as ur,b4 as Zt,b5 as Tm,b6 as Mm,b7 as Am,b8 as Om,b9 as Dm,ba as fa,bb as Pm,bc as xc,bd as As,be as Ga,bf as Ya,bg as Lm,bh as dr,bi as Fm,bj as $m,bk as bc,bl as Xa,bm as _m,bn as si,bo as zm,bp as Bm,bq as Um,br as Km,bs as qt,bt as ma,bu as qm,bv as Hm,bw as Wm,bx as vc,by as Vm,bz as Qm,bA as Gm,bB as Ym,bC as ni,bD as Xm,bE as Jm,bF as Zm,bG as eh,bH as Ja,bI as ha,bJ as pa,bK as th,bL as yc,bM as sh,bN as nh,bO as Za,bP as rh,bQ as ah,bR as oh,bS as ih,bT as lh,bU as ch,bV as uh,bW as dh,bX as Bt,bY as At,bZ as fh}from"./index-Cn3FYNrs.js";import{P as mh}from"./pencil-DZXg9Ca_.js";import{A as jt,M as fr,C as hh}from"./avatar-DJyeiQWZ.js";import{K as Is}from"./kbd-kS7fe5CA.js";import{S as gn,C as eo,R as ph}from"./shield-check-D6oCvWFI.js";import{M as wc,a as gh}from"./account-form-helpers-DfMv3Vm9.js";import{R as xh,u as bh}from"./useSignature-CBloimjZ.js";import{u as mr}from"./useDebouncedValue-DPVybDdU.js";import{D as Sc,B as vh,u as es,a as ri,b as ai,c as yh,d as wh,e as Sh,n as kh,o as Ch,f as jh,g as Nh,S as Eh}from"./useFilters-CuXoCjbt.js";import{E as ts,f as kc}from"./ErrorState-aw5jVL68.js";import{f as Cc,a as gt,b as jc,c as Gt,d as Qn,t as Ih}from"./format-CKZmh-Ru.js";import{P as oi,u as to,a as Nc,b as so,f as no,C as Rh,M as ot,D as ii}from"./move-options-afteG1Yt.js";import{D as Th}from"./download-CL5tLTIq.js";import{u as ro}from"./useLabels-Ch9GQZe_.js";import{C as ao}from"./ConfirmDialog-BmMCdRRY.js";import{C as Mh}from"./circle-check-D80BeTT0.js";function on(e){if(Ah())e.focus({preventScroll:!0});else{let t=Oh(e);e.focus(),Dh(t)}}let Nn=null;function Ah(){if(Nn==null){Nn=!1;try{document.createElement("div").focus({get preventScroll(){return Nn=!0,!0}})}catch{}}return Nn}function Oh(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 Dh(e){for(let{element:t,scrollTop:s,scrollLeft:n}of e)t.scrollTop=s,t.scrollLeft=n}const Wt=e=>e?.ownerDocument??document,Yt=e=>e&&"window"in e&&e.window===e?e:Wt(e).defaultView||window;function Ph(e){return e!==null&&typeof e=="object"&&"nodeType"in e&&typeof e.nodeType=="number"}function Lh(e){return Ph(e)&&e.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&"host"in e}let Fh=!1;function Ec(){return Fh}function kt(e,t){if(!Ec())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:Lh(s)?s=s.host:s=s.parentNode}return!1}function Ze(e){if(Ec()&&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 $h=typeof Element<"u"&&"checkVisibility"in Element.prototype;function _h(e){const t=Yt(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}=Yt(e);let{display:i,visibility:c}=o(e);a=i!=="none"&&c!=="hidden"&&c!=="collapse"}return a}function zh(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 Ic(e,t){return $h?e.checkVisibility({visibilityProperty:!0})&&!e.closest("[data-react-aria-prevent-focus]"):e.nodeName!=="#comment"&&_h(e)&&zh(e,t)&&(!e.parentElement||Ic(e.parentElement,e))}const Rc=["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"],Bh=Rc.join(":not([hidden]),")+",[tabindex]:not([disabled]):not([hidden])";Rc.push('[tabindex]:not([tabindex="-1"]):not([disabled])');function Uh(e,t){return e.matches(Bh)&&!Kh(e)&&(t?.skipVisibilityCheck||Ic(e))}function Kh(e){let t=e;for(;t!=null;){if(t instanceof Yt(t).HTMLElement&&t.inert)return!0;t=t.parentElement}return!1}const oo=typeof document<"u"?H.useLayoutEffect:()=>{};function qh(e){let t=e;return t.nativeEvent=e,t.isDefaultPrevented=()=>t.defaultPrevented,t.isPropagationStopped=()=>t.cancelBubble,t.persist=()=>{},t}function Hh(e,t){Object.defineProperty(e,"target",{value:t}),Object.defineProperty(e,"currentTarget",{value:t})}function Wh(e){for(;e&&!Uh(e,{skipVisibilityCheck:!0});)e=e.parentElement;let t=Yt(e),s=t.document.activeElement;if(!s||s===e)return;let n=!1,a=d=>{(Ze(d)===s||n)&&d.stopImmediatePropagation()},o=d=>{(Ze(d)===s||n)&&(d.stopImmediatePropagation(),!e&&!n&&(n=!0,on(s),u()))},i=d=>{(Ze(d)===e||n)&&d.stopImmediatePropagation()},c=d=>{(Ze(d)===e||n)&&(d.stopImmediatePropagation(),n||(n=!0,on(s),u()))};t.addEventListener("blur",a,!0),t.addEventListener("focusout",o,!0),t.addEventListener("focusin",c,!0),t.addEventListener("focus",i,!0);let u=()=>{cancelAnimationFrame(m),t.removeEventListener("blur",a,!0),t.removeEventListener("focusout",o,!0),t.removeEventListener("focusin",c,!0),t.removeEventListener("focus",i,!0),n=!1},m=requestAnimationFrame(u);return u}function hr(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 io(e){return typeof window<"u"&&window.navigator!=null?e.test(window.navigator.userAgentData?.platform||window.navigator.platform):!1}function ss(e){let t=null;return()=>(t==null&&(t=e()),t)}const Gn=ss(function(){return io(/^Mac/i)}),Vh=ss(function(){return io(/^iPhone/i)}),Tc=ss(function(){return io(/^iPad/i)||Gn()&&navigator.maxTouchPoints>1}),Mc=ss(function(){return Vh()||Tc()}),Qh=ss(function(){return hr(/AppleWebKit/i)&&!Gh()}),Gh=ss(function(){return hr(/Chrome/i)}),Ac=ss(function(){return hr(/Android/i)}),Yh=ss(function(){return hr(/Firefox/i)});function Xh(e){return e.pointerType===""&&e.isTrusted?!0:Ac()&&e.pointerType?e.type==="click"&&e.buttons===1:e.detail===0&&!e.pointerType}function Jh(e){return!Ac()&&e.width===0&&e.height===0||e.width===1&&e.height===1&&e.pressure===0&&e.detail===0&&e.pointerType==="mouse"}function ln(e,t,s=!0){let{metaKey:n,ctrlKey:a,altKey:o,shiftKey:i}=t;Yh()&&window.event?.type?.startsWith("key")&&e.target==="_blank"&&(Gn()?n=!0:a=!0);let c=Qh()&&Gn()&&!Tc()?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});ln.isOpening=s,on(e),e.dispatchEvent(c),ln.isOpening=!1}ln.isOpening=!1;let Ht=new Map,ga=new Set;function li(){if(typeof window>"u")return;function e(n){return"propertyName"in n}let t=n=>{let a=Ze(n);if(!e(n)||!a)return;let o=Ht.get(a);o||(o=new Set,Ht.set(a,o),a.addEventListener("transitioncancel",s,{once:!0})),o.add(n.propertyName)},s=n=>{let a=Ze(n);if(!e(n)||!a)return;let o=Ht.get(a);if(o&&(o.delete(n.propertyName),o.size===0&&(a.removeEventListener("transitioncancel",s),Ht.delete(a)),Ht.size===0)){for(let i of ga)i();ga.clear()}};document.body.addEventListener("transitionrun",t),document.body.addEventListener("transitionend",s)}typeof document<"u"&&(document.readyState!=="loading"?li():document.addEventListener("DOMContentLoaded",li));function Zh(){for(const[e]of Ht)"isConnected"in e&&!e.isConnected&&Ht.delete(e)}function ep(e){requestAnimationFrame(()=>{Zh(),Ht.size===0?e():ga.add(e)})}function Oc(...e){return(...t)=>{for(let s of e)typeof s=="function"&&s(...t)}}let xa=new Map;typeof FinalizationRegistry<"u"&&new FinalizationRegistry(e=>{xa.delete(e)});function tp(e,t){if(e===t)return e;let s=xa.get(e);if(s)return s.forEach(a=>a.current=t),t;let n=xa.get(t);return n?(n.forEach(a=>a.current=e),e):t}function sp(...e){return e.length===1&&e[0]?e[0]:t=>{let s=!1;const n=e.map(a=>{const o=ci(a,t);return s||=typeof o=="function",o});if(s)return()=>{n.forEach((a,o)=>{typeof a=="function"?a():ci(e[o],null)})}}}function ci(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function Fs(...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]=Oc(o,i):(a==="className"||a==="UNSAFE_className")&&typeof o=="string"&&typeof i=="string"?t[a]=Bf(o,i):a==="id"&&o&&i?t.id=tp(o,i):a==="ref"&&o&&i?t.ref=sp(o,i):t[a]=i!==void 0?i:o}}return t}function np(e,t){oo(()=>{if(e&&e.ref&&t)return e.ref.current=t.current,()=>{e.ref&&(e.ref.current=null)}})}const rp=H.useInsertionEffect??oo;function zr(e){const t=l.useRef(null);return rp(()=>{t.current=e},[e]),l.useCallback((...s)=>{const n=t.current;return n?.(...s)},[])}let Es="default",ba="",_n=new WeakMap;function ap(e){if(Mc()){if(Es==="default"){const t=Wt(e);ba=t.documentElement.style.webkitUserSelect,t.documentElement.style.webkitUserSelect="none"}Es="disabled"}else if(e instanceof HTMLElement||e instanceof SVGElement){let t="userSelect"in e.style?"userSelect":"webkitUserSelect";_n.set(e,e.style[t]),e.style[t]="none"}}function ui(e){if(Mc()){if(Es!=="disabled")return;Es="restoring",setTimeout(()=>{ep(()=>{if(Es==="restoring"){const t=Wt(e);t.documentElement.style.webkitUserSelect==="none"&&(t.documentElement.style.webkitUserSelect=ba||""),ba="",Es="default"}})},300)}else if((e instanceof HTMLElement||e instanceof SVGElement)&&e&&_n.has(e)){let t=_n.get(e),s="userSelect"in e.style?"userSelect":"webkitUserSelect";e.style[s]==="none"&&(e.style[s]=t),e.getAttribute("style")===""&&e.removeAttribute("style"),_n.delete(e)}}function di(e){return e?.defaultView?.__webpack_nonce__||globalThis.__webpack_nonce__||void 0}let Br=new WeakMap;function op(e){let t=e??(typeof document<"u"?document:void 0);if(!t)return di(t);if(Br.has(t))return Br.get(t);let s=t.querySelector('meta[property="csp-nonce"]'),n=s&&s instanceof Yt(s).HTMLMetaElement&&(s.nonce||s.content)||di(t)||void 0;return n!==void 0&&Br.set(t,n),n}const Dc=H.createContext({register:()=>{}});Dc.displayName="PressResponderContext";function Pc(){let e=l.useRef(new Map),t=l.useCallback((a,o,i,c)=>{let u=c?.once?(...m)=>{e.current.delete(i),i(...m)}:i;e.current.set(i,{type:o,eventTarget:a,fn:u,options:c}),a.addEventListener(o,u,c)},[]),s=l.useCallback((a,o,i,c)=>{let u=e.current.get(i)?.fn||i;a.removeEventListener(o,u,c),e.current.delete(i)},[]),n=l.useCallback(()=>{e.current.forEach((a,o)=>{s(a.eventTarget,a.type,o,a.options)})},[s]);return l.useEffect(()=>n,[n]),{addGlobalListener:t,removeGlobalListener:s,removeAllGlobalListeners:n}}function ip(e){let t=l.useContext(Dc);if(t){let{register:s,ref:n,...a}=t;e=Fs(a,e),s()}return np(t,e.ref),e}class En{#s;constructor(t,s,n,a){this.#s=!0;const i=(a?.target??n.currentTarget)?.getBoundingClientRect();let c,u=0,m,d=null;n.clientX!=null&&n.clientY!=null&&(m=n.clientX,d=n.clientY),i&&(m!=null&&d!=null?(c=m-i.left,u=d-i.top):(c=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=c,this.y=u,this.key=n.key}continuePropagation(){this.#s=!1}get shouldStopPropagation(){return this.#s}}const fi=Symbol("linkClicked"),mi="react-aria-pressable-style",hi="data-react-aria-pressable";function lp(e){let{onPress:t,onPressChange:s,onPressStart:n,onPressEnd:a,onPressUp:o,onClick:i,isDisabled:c,isPressed:u,preventFocusOnPress:m,shouldCancelOnPointerExit:d,allowTextSelectionOnPress:f,ref:h,...y}=ip(e),[g,p]=l.useState(!1),x=l.useRef({isPressed:!1,ignoreEmulatedMouseEvents:!1,didFirePressStart:!1,isTriggeringEvent:!1,activePointerId:null,target:null,isOverTarget:!1,pointerType:null,disposables:[]}),{addGlobalListener:b,removeAllGlobalListeners:S}=Pc(),w=l.useCallback((j,R)=>{let P=x.current;if(c||P.didFirePressStart)return!1;let T=!0;if(P.isTriggeringEvent=!0,n){let F=new En("pressstart",R,j);n(F),T=F.shouldStopPropagation}return s&&s(!0),P.isTriggeringEvent=!1,P.didFirePressStart=!0,p(!0),T},[c,n,s]),v=l.useCallback((j,R,P=!0)=>{let T=x.current;if(!T.didFirePressStart)return!1;T.didFirePressStart=!1,T.isTriggeringEvent=!0;let F=!0;if(a){let N=new En("pressend",R,j);a(N),F=N.shouldStopPropagation}if(s&&s(!1),p(!1),t&&P&&!c){let N=new En("press",R,j);t(N),F&&=N.shouldStopPropagation}return T.isTriggeringEvent=!1,F},[c,a,s,t]),k=zr(v),I=l.useCallback((j,R)=>{let P=x.current;if(c)return!1;if(o){P.isTriggeringEvent=!0;let T=new En("pressup",R,j);return o(T),P.isTriggeringEvent=!1,T.shouldStopPropagation}return!0},[c,o]),A=zr(I),C=l.useCallback(j=>{let R=x.current;if(R.isPressed&&R.target){R.didFirePressStart&&R.pointerType!=null&&v(os(R.target,j),R.pointerType,!1),R.isPressed=!1,R.isOverTarget=!1,R.activePointerId=null,R.pointerType=null,S(),f||ui(R.target);for(let P of R.disposables)P();R.disposables=[]}},[f,S,v]),M=zr(C);l.useEffect(()=>{c&&x.current.isPressed&&M({currentTarget:x.current.target,shiftKey:!1,ctrlKey:!1,metaKey:!1,altKey:!1})},[c]);let D=l.useCallback(j=>{d&&C(j)},[d,C]),E=l.useCallback(j=>{c||i?.(j)},[c,i]),L=l.useCallback((j,R)=>{if(!c&&i){let P=new MouseEvent("click",j);Hh(P,R),i(qh(P))}},[c,i]),O=l.useMemo(()=>{let j=x.current,R={onKeyDown(T){if(Ur(T.nativeEvent,T.currentTarget)&&kt(T.currentTarget,Ze(T))){pi(Ze(T),T.key)&&T.preventDefault();let F=!0;!j.isPressed&&!T.repeat&&(j.target=T.currentTarget,j.isPressed=!0,j.pointerType="keyboard",F=w(T,"keyboard"));let N=T.currentTarget,V=Q=>{Ur(Q,N)&&!Q.repeat&&kt(N,Ze(Q))&&j.target&&A(os(j.target,Q),"keyboard")};b(Wt(T.currentTarget),"keyup",Oc(V,P),!0),F&&T.stopPropagation(),T.metaKey&&Gn()&&j.metaKeyEvents?.set(T.key,T.nativeEvent)}else T.key==="Meta"&&(j.metaKeyEvents=new Map)},onClick(T){if(!(T&&!kt(T.currentTarget,Ze(T)))&&T&&T.button===0&&!j.isTriggeringEvent&&!ln.isOpening){let F=!0;if(c&&T.preventDefault(),!j.ignoreEmulatedMouseEvents&&!j.isPressed&&(j.pointerType==="virtual"||Xh(T.nativeEvent))){let N=w(T,"virtual"),V=A(T,"virtual"),Q=k(T,"virtual");E(T),F=N&&V&&Q}else if(j.isPressed&&j.pointerType!=="keyboard"){let N=j.pointerType||T.nativeEvent.pointerType||"virtual",V=A(os(T.currentTarget,T),N),Q=k(os(T.currentTarget,T),N,!0);F=V&&Q,j.isOverTarget=!1,E(T),M(T)}j.ignoreEmulatedMouseEvents=!1,F&&T.stopPropagation()}}},P=T=>{if(j.isPressed&&j.target&&Ur(T,j.target)){pi(Ze(T),T.key)&&T.preventDefault();let F=Ze(T),N=kt(j.target,F);k(os(j.target,T),"keyboard",N),N&&L(T,j.target),S(),T.key!=="Enter"&&lo(j.target)&&kt(j.target,F)&&!T[fi]&&(T[fi]=!0,ln(j.target,T,!1)),j.isPressed=!1,j.metaKeyEvents?.delete(T.key)}else if(T.key==="Meta"&&j.metaKeyEvents?.size){let F=j.metaKeyEvents;j.metaKeyEvents=void 0;for(let N of F.values())j.target?.dispatchEvent(new KeyboardEvent("keyup",N))}};if(typeof PointerEvent<"u"){R.onPointerDown=N=>{if(N.button!==0||!kt(N.currentTarget,Ze(N)))return;if(Jh(N.nativeEvent)){j.pointerType="virtual";return}j.pointerType=N.pointerType;let V=!0;if(!j.isPressed){j.isPressed=!0,j.isOverTarget=!0,j.activePointerId=N.pointerId,j.target=N.currentTarget,f||ap(j.target),V=w(N,j.pointerType);let Q=Ze(N);"releasePointerCapture"in Q&&("hasPointerCapture"in Q?Q.hasPointerCapture(N.pointerId)&&Q.releasePointerCapture(N.pointerId):Q.releasePointerCapture(N.pointerId)),b(Wt(N.currentTarget),"pointerup",T,!1),b(Wt(N.currentTarget),"pointercancel",F,!1)}V&&N.stopPropagation()},R.onMouseDown=N=>{if(kt(N.currentTarget,Ze(N))&&N.button===0){if(m){let V=Wh(N.target);V&&j.disposables.push(V)}N.stopPropagation()}},R.onPointerUp=N=>{!kt(N.currentTarget,Ze(N))||j.pointerType==="virtual"||N.button===0&&!j.isPressed&&A(N,j.pointerType||N.pointerType)},R.onPointerEnter=N=>{N.pointerId===j.activePointerId&&j.target&&!j.isOverTarget&&j.pointerType!=null&&(j.isOverTarget=!0,w(os(j.target,N),j.pointerType))},R.onPointerLeave=N=>{N.pointerId===j.activePointerId&&j.target&&j.isOverTarget&&j.pointerType!=null&&(j.isOverTarget=!1,k(os(j.target,N),j.pointerType,!1),D(N))};let T=N=>{if(N.pointerId===j.activePointerId&&j.isPressed&&N.button===0&&j.target){if(kt(j.target,Ze(N))&&j.pointerType!=null){let V=!1,Q=setTimeout(()=>{j.isPressed&&j.target instanceof HTMLElement&&(V?M(N):(on(j.target),j.target.click()))},80);b(N.currentTarget,"click",()=>V=!0,!0),j.disposables.push(()=>clearTimeout(Q))}else M(N);j.isOverTarget=!1}},F=N=>{M(N)};R.onDragStart=N=>{kt(N.currentTarget,Ze(N))&&M(N)}}return R},[b,c,m,S,f,D,w,E,L]);return l.useEffect(()=>{if(!h)return;const j=Wt(h.current);if(!j||!j.head||j.getElementById(mi))return;const R=j.createElement("style");R.id=mi;let P=op(j);P&&(R.nonce=P),R.textContent=`
|
|
3
|
-
@layer {
|
|
4
|
-
[${hi}] {
|
|
5
|
-
touch-action: pan-x pan-y pinch-zoom;
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
`.trim(),j.head.prepend(R)},[h]),l.useEffect(()=>{let j=x.current;return()=>{f||ui(j.target??void 0);for(let R of j.disposables)R();j.disposables=[]}},[f]),{isPressed:u||g,pressProps:Fs(y,O,{[hi]:!0})}}function lo(e){return e.tagName==="A"&&e.hasAttribute("href")}function Ur(e,t){const{key:s,code:n}=e,a=t,o=a.getAttribute("role");return(s==="Enter"||s===" "||s==="Spacebar"||n==="Space")&&!(a instanceof Yt(a).HTMLInputElement&&!Lc(a,s)||a instanceof Yt(a).HTMLTextAreaElement||a.isContentEditable)&&!((o==="link"||!o&&lo(a))&&s!=="Enter")}function os(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 cp(e){return e instanceof HTMLInputElement?!1:e instanceof HTMLButtonElement?e.type!=="submit"&&e.type!=="reset":!lo(e)}function pi(e,t){return e instanceof HTMLInputElement?!Lc(e,t):cp(e)}const up=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);function Lc(e,t){return e.type==="checkbox"||e.type==="radio"?t===" ":up.has(e.type)}let dp=0;const Kr=new Map;function fp(e){let[t,s]=l.useState();return oo(()=>{if(!e)return;let n=Kr.get(e);if(n)s(n.element.id);else{let a=`react-aria-description-${dp++}`;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},Kr.set(e,n)}return n.refCount++,()=>{n&&--n.refCount===0&&(n.element.remove(),Kr.delete(e))}},[e]),{"aria-describedby":e?t:void 0}}const mp=500;function hp(e){let{isDisabled:t,onLongPressStart:s,onLongPressEnd:n,onLongPress:a,threshold:o=mp,accessibilityDescription:i}=e;const c=l.useRef(void 0);let{addGlobalListener:u,removeGlobalListener:m}=Pc(),{pressProps:d}=lp({isDisabled:t,onPressStart(h){if(h.continuePropagation(),(h.pointerType==="mouse"||h.pointerType==="touch")&&(s&&s({...h,type:"longpressstart"}),c.current=setTimeout(()=>{h.target.dispatchEvent(new PointerEvent("pointercancel",{bubbles:!0})),Wt(h.target).activeElement!==h.target&&on(h.target),a&&a({...h,type:"longpress"}),c.current=void 0},o),h.pointerType==="touch")){let y=p=>{p.preventDefault()},g=Yt(h.target);u(h.target,"contextmenu",y,{once:!0}),u(g,"pointerup",()=>{setTimeout(()=>{m(h.target,"contextmenu",y)},30)},{once:!0})}},onPressEnd(h){c.current&&clearTimeout(c.current),n&&(h.pointerType==="mouse"||h.pointerType==="touch")&&n({...h,type:"longpressend"})}}),f=fp(a&&!t?i:void 0);return{longPressProps:Fs(d,f)}}const pr=$e("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 Fc=$e("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 pp=$e("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 $c=$e("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 co=$e("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 _c=$e("Code",[["polyline",{points:"16 18 22 12 16 6",key:"z7tu5w"}],["polyline",{points:"8 6 2 12 8 18",key:"1eg1df"}]]);const zc=$e("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 Bc=$e("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 Uc=$e("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 gp=$e("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 gr=$e("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 xp=$e("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 bp=$e("Minus",[["path",{d:"M5 12h14",key:"1ays0h"}]]);const xr=$e("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 uo=$e("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 Kc=$e("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 qc=$e("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 Hc=$e("Settings",[["path",{d:"M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z",key:"1qme2f"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}]]);const $s=$e("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 vp=$e("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 yp=$e("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 wp=$e("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 Sp=$e("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"}]]),kp=({address:e,showTrustedBadge:t=!1})=>{const s=t?r.jsx(pr,{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]})},Cp=({label:e,addresses:t,showTrustedBadge:s=!1})=>{const[n,a]=l.useState(!1);if(t.length===0)return null;const o=t.length>3,i=c=>{const u=s&&c.flags?.trusted?.value===!0;return r.jsx(kp,{address:c,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((c,u)=>r.jsxs("span",{children:[i(c),u<t.length-1&&", "]},u))}):r.jsx("div",{className:"truncate",children:t.map((c,u)=>r.jsxs("span",{children:[i(c),u<t.length-1&&", "]},u))})}),o&&r.jsx("button",{type:"button",onClick:c=>{c.stopPropagation(),a(!n)},className:"shrink-0 text-fg-muted hover:text-fg transition-colors","aria-label":n?"Collapse":"Expand",children:n?r.jsx(Qt,{className:"h-4 w-4"}):r.jsx(Ms,{className:"h-4 w-4"})})]})},jp=({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(Nt,{className:"size-3"})})]}),Np={unknown:{label:"Unknown sender",tone:"neutral"},wellknown:{label:"Known sender",tone:"positive"},vip:{label:"VIP",tone:"accent"}};function ws({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 Ep({sender:e}){const t=Np[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(jt,{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(Ct,{tone:"danger",dot:!0,children:"Address couldn't be verified"}):r.jsx(Ct,{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 Ip({auth:e,onShowSimilar:t}){if(e.verdict==="aligned")return r.jsxs("div",{className:"flex items-start gap-2 text-xs text-fg-muted",children:[r.jsx(gn,{className:"mt-0.5 size-3.5 shrink-0 text-positive"}),r.jsx("span",{children:e.summary})]});if(e.verdict==="caution")return r.jsxs("div",{className:"flex items-start gap-2 rounded-md bg-warning/10 p-3 text-warning",children:[r.jsx(vp,{className:"mt-0.5 size-4 shrink-0"}),r.jsx("p",{className:"text-xs leading-relaxed",children:e.summary})]});const s=e.addressUnreadable?"This sender can't be verified":"This message may be impersonating someone";return r.jsxs("div",{className:"rounded-md bg-danger-soft p-3",children:[r.jsxs("div",{className:"flex items-start gap-2",children:[r.jsx($s,{className:"mt-0.5 size-4 shrink-0 text-danger"}),r.jsxs("div",{className:"min-w-0",children:[r.jsx("p",{className:"text-sm font-semibold text-danger",children:s}),r.jsx("p",{className:"mt-1 text-xs leading-relaxed text-fg",children:e.summary}),!e.addressUnreadable&&e.dkimDomain&&r.jsxs("p",{className:"mt-1 text-2xs text-fg-muted",children:["Sent from"," ",r.jsx("code",{className:"rounded bg-surface px-1 py-0.5",children:e.dkimDomain}),", claims to be"," ",r.jsx("code",{className:"rounded bg-surface px-1 py-0.5",children:e.fromDomain})]})]})]}),e.similarCount!=null&&e.similarCount>0&&r.jsxs(ie,{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 Ws({icon:e,label:t,active:s,danger:n,onClick:a,pending:o}){const i=a===void 0||o===!0;return r.jsxs("button",{type:"button",onClick:a,disabled:i,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",i&&"cursor-not-allowed opacity-50 hover:border-line"),children:[e,t]})}const Rp={sender:"matched: sender",recipient:"matched: recipient",subject:"matched: subject",attachment:"matched: attachment",body:"matched: body",entities:"matched: entities"};function Wc({data:e,onClose:t,onShowSimilar:s,actions:n,similarState:a="ready",similarLinkComponent:o,className:i,hideCloseButton:c=!1,reportSpamPending:u=!1,notSpamPending:m=!1}){const{sender:d,authenticity:f,category:h,flags:y={},similar:g}=e,p=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"}),!c&&r.jsx(ie,{variant:"ghost",size:"sm",icon:r.jsx(Nt,{className:"size-3.5"}),onClick:t,"aria-label":"Collapse intelligence sidebar"})]}),r.jsx(ws,{label:"Sender",children:r.jsx(Ep,{sender:d})}),r.jsx(ws,{label:"Authenticity",children:r.jsx(Ip,{auth:f,onShowSimilar:s})}),r.jsx(ws,{label:"Category",children:r.jsxs("div",{className:"flex items-center gap-2",children:[r.jsx(Ct,{tone:p?"danger":"neutral",children:h.value}),h.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.jsxs(ws,{label:"Quick actions",children:[r.jsxs("div",{className:"flex flex-wrap gap-1.5",children:[r.jsx(Ws,{icon:r.jsx(Xt,{className:"size-3.5"}),label:"VIP",active:y.vip,onClick:n?.onToggleVip}),r.jsx(Ws,{icon:r.jsx(Fc,{className:"size-3.5"}),label:"Mute",active:y.muted,onClick:n?.onToggleMute}),n?.onNotSpam&&r.jsx(Ws,{icon:r.jsx(gp,{className:"size-3.5"}),label:m?"Undoing…":"Not spam",active:!0,onClick:n.onNotSpam,pending:m}),n?.onReportSpam&&r.jsx(Ws,{icon:r.jsx(yp,{className:"size-3.5"}),label:u?"Reporting…":"Report spam",danger:!0,onClick:n.onReportSpam,pending:u}),r.jsx(Ws,{icon:r.jsx(xp,{className:"size-3.5"}),label:"Unsubscribe",active:y.unsubscribed,onClick:n?.onToggleUnsubscribe})]}),n?.onNotSpam&&r.jsx("p",{className:"mt-1.5 text-2xs text-fg-subtle",children:"You reported this message as spam"})]}),(a!=="ready"||g.length>0)&&r.jsx(ws,{label:"Similar messages",children:a==="loading"?r.jsx("div",{className:"animate-pulse space-y-2",children:Array.from({length:3}).map((x,b)=>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"})]},b))}):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:g.map(x=>{const b="block w-full rounded-md px-1 py-1 text-left hover:bg-surface-sunken",S=`Open message from ${x.fromName||"unknown sender"}: ${x.subject}`,w=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:Rp[x.matched]})]});return r.jsx("li",{children:o?o({mailboxId:x.mailboxId,messageId:x.id,className:b,ariaLabel:S,children:w}):r.jsx("div",{className:b,children:w})},x.id)})})}),r.jsx(ws,{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(Dt,{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(Dt,{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 fo=[{action:"focusNext",keys:["j","k"],label:"navigate"},{action:"muteSender",keys:["m"],label:"mute"},{action:"help",keys:["?"],label:"all shortcuts"}];function Tp(e){return fo.filter(t=>e[t.action]!==void 0)}const Vc=[{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 Mp(e){for(const t of Vc){const s=t.hints.find(n=>n.action===e);if(s)return s.keys}}function Qc(e){const t=Mp(e);return!t||t.length===0?"":t.length===1?t[0]??"":t[0]==="g"?t.join(" then "):t.join("")}function Vs(e){const t=Qc(e);return t===""?"":`(${t})`}const Yn=e=>({shiftKey:e.shiftKey,metaKey:e.metaKey,ctrlKey:e.ctrlKey}),gi=e=>e.shiftKey||e.metaKey||e.ctrlKey,Ap=e=>e.shiftKey?"range":e.metaKey||e.ctrlKey?"toggle":"open",mo=(e,t)=>!t&&e>0,Op=(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)},Dp=(e,t,s,n)=>t!==void 0&&e.includes(t)?t:s!==void 0&&e.includes(s)?s:n,Pp=(e,t)=>{const s=new Set(t),n=new Set;for(const a of e)s.has(a)&&n.add(a);return n},Gc=(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]},Yc=e=>{const[t,s]=l.useState(()=>new Set(e?.initialSelectedIds)),[n,a]=l.useState(void 0),o=l.useCallback(p=>t.has(p),[t]),i=l.useCallback(p=>{a(p),s(x=>{const b=new Set(x);return b.has(p)?b.delete(p):b.add(p),b})},[]),c=l.useCallback(p=>{a(p),s(x=>{if(x.has(p))return x;const b=new Set(x);return b.add(p),b})},[]),u=l.useCallback(p=>{s(x=>{if(!x.has(p))return x;const b=new Set(x);return b.delete(p),b})},[]),m=l.useCallback(p=>{s(new Set(p))},[]),d=l.useCallback(()=>{a(void 0),s(new Set)},[]),f=l.useCallback(p=>{s(x=>p.every(S=>x.has(S))?new Set:new Set(p))},[]),h=l.useCallback(p=>{a(p)},[]),y=l.useCallback(p=>{s(x=>{if(x.size===0)return x;const b=Pp(x,p);return b.size===x.size?x:b})},[]),g=l.useCallback((p,x,b)=>{const S=Dp(p,n,b,x);s(w=>{const v=Op(p,S,x);if(v.length===0)return w;const k=new Set(w);for(const I of v)k.add(I);return k}),a(S)},[n]);return{selectedIds:t,selectedCount:t.size,hasSelection:t.size>0,isSelected:o,toggle:i,select:c,deselect:u,selectAll:m,clearSelection:d,toggleAll:f,selectRange:g,setAnchor:h,anchorId:n,intersectWith:y}};function Xc({hints:e=fo,className:t}){return e.length===0?null: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(Lp,{hint:s},s.label))})}function Lp({hint:e}){return r.jsxs("span",{className:"flex items-center gap-1",children:[e.keys.map(t=>r.jsx(Is,{children:t},t)),r.jsx("span",{children:e.label})]})}function Fp(){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 $p({filter:e,scopeLabel:t,searchQuery:s}){const n=s?.trim();return e?r.jsxs(xi,{children:[r.jsx("p",{className:"font-medium text-fg",children:Bp(e.label,t,n)}),r.jsx("p",{className:"mt-1 text-sm text-fg-muted",children:_p[e.reach]}),r.jsx(ie,{variant:"secondary",size:"sm",className:"mt-4",onClick:e.onClear,children:"Clear filter"})]}):r.jsx(xi,{children:r.jsx("p",{className:"text-fg-muted",children:zp(n,t)})})}const _p={"whole-folder":"Every message in this folder was checked.","loaded-pages":"Only the messages loaded so far were checked."};function zp(e,t){return e?"No messages match your search":t?`No messages in ${t}`:"No messages in this mailbox"}function Bp(e,t,s){return s?`No results for “${s}” in ${e}`:t?`No ${e} mail in ${t}`:`No ${e} mail`}function xi({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 Up(){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(hs,{className:"size-4 animate-spin","aria-hidden":"true"}),r.jsx("span",{children:"Loading more…"})]})}function Kp({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(Pt,{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(ie,{variant:"secondary",size:"sm",onClick:t,children:"Retry"}),s&&r.jsx(ie,{variant:"ghost",size:"sm",onClick:s,children:"Report a problem"})]})]})})}const Qs={action:null,nextPrefix:null,preventDefault:!1},qp={b:"goBrief",i:"goInbox",s:"goSent",f:"goFlagged",",":"goSettings"},Hp={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 Wp(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=qp[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=Hp[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 Vp(e){if(!(e instanceof HTMLElement))return!1;const t=e.tagName;return t==="INPUT"||t==="TEXTAREA"||t==="SELECT"||e.isContentEditable}const Jc="data-message-row",Qp='button, a[href], summary, [role="button"], [role="menuitem"], [role="tab"], [role="switch"], [role="checkbox"]';function Gp(e){if(!(e instanceof HTMLElement))return!1;const t=e.closest(Qp);return t?!t.hasAttribute(Jc):!1}const Zc="outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset",eu=({active:e,focused:t})=>W("relative flex h-8 w-full items-center gap-2 px-row-inset text-left",Zc,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"),_s=({active:e,focused:t})=>W("relative flex w-full items-start gap-3 py-2 pl-5 pr-row-inset text-left transition-colors",Zc,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 tu({thread:e}){const t=!e.isRead;return r.jsxs(r.Fragment,{children:[r.jsx("span",{className:"flex w-4 shrink-0 items-center justify-center",children:e.suspicious?r.jsx($s,{className:"size-3.5 text-danger"}):e.starred?r.jsx(Xt,{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(xr,{className:"size-3 shrink-0 text-fg-subtle",role:"img","aria-label":"Has an attachment"}),r.jsx("span",{className:"w-11 shrink-0 text-right text-2xs text-fg-subtle tabular-nums",children:e.timeLabel})]})}function bi(e,t){const s=t?.trim();if(!s)return e;const n=e.toLowerCase(),a=s.toLowerCase(),o=[];let i=0,c=n.indexOf(a,i),u=0;for(;c!==-1;)c>i&&o.push(e.slice(i,c)),o.push(r.jsx("mark",{className:"bg-transparent font-semibold text-fg",children:e.slice(c,c+a.length)},u++)),i=c+a.length,c=n.indexOf(a,i);return i<e.length&&o.push(e.slice(i)),o}function cn({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:bi(e.subject,s)}),e.suspicious&&r.jsx($s,{className:"size-3.5 shrink-0 text-danger"}),e.starred&&r.jsx(Xt,{className:"size-3 shrink-0 fill-warning text-warning"}),e.hasAttachment&&r.jsx(xr,{className:"size-3 shrink-0 text-fg-subtle",role:"img","aria-label":"Has an attachment"})]}),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:bi(e.snippet,s)}),e.category&&e.category!=="personal"&&r.jsx(Ct,{tone:Uf[e.category],className:"shrink-0",children:e.category}),e.labels?.map(a=>r.jsx(Kf,{label:a,className:"max-w-20"},a.labelId)),t]})]})}function Yp({thread:e,selection:t}){if(!t)return r.jsx(jt,{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(jt,{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(mn,{className:"size-3"})})]})}function ho({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(Yp,{thread:e,selection:t}),r.jsx(cn,{thread:e,badge:s,highlightQuery:n})]})}const su=e=>({...ec,[Jc]:"","data-message-id":e.id});function Xp({thread:e,active:t,focused:s,tabIndex:n,onClick:a}){return r.jsx("button",{type:"button",...su(e),tabIndex:n,onClick:a,className:eu({active:t,focused:s}),children:r.jsx(tu,{thread:e})})}function Jp({thread:e,active:t,focused:s,tabIndex:n,selection:a,onClick:o}){return r.jsx("button",{type:"button",...su(e),tabIndex:n,onClick:o,className:W("group",_s({active:t,focused:s})),children:r.jsx(ho,{thread:e,selection:a})})}let Rs;const Zp=5e3;function nu(e){e.preventDefault(),Xn()}function Xn(){Rs!==void 0&&(clearTimeout(Rs),Rs=void 0,document.removeEventListener("contextmenu",nu,!0),document.removeEventListener("pointerup",Xn,!0))}function eg(){Rs===void 0?(document.addEventListener("contextmenu",nu,!0),document.addEventListener("pointerup",Xn,!0)):clearTimeout(Rs),Rs=setTimeout(Xn,Zp)}function ru({onLongPress:e,isDisabled:t,delayMs:s=500,accessibilityDescription:n}){const{longPressProps:a}=hp({isDisabled:t,threshold:s,accessibilityDescription:n,onLongPress:e}),o=l.useCallback(i=>{i.pointerType!=="touch"&&i.pointerType!=="pen"||eg()},[]);return{longPressProps:Fs(a,{onPointerDown:o})}}const fs=72,vi=10,tg=fs/2,yi="__swipeableRowAxisCancel";function wi(e){return e==="leading"?fs:e==="trailing"?-fs:0}function sg(e){return e>=fs/2?"leading":e<=-fs/2?"trailing":"none"}function au({thread:e,selectionMode:t,checked:s,active:n,peek:a,onPeek:o,onToggleCheck:i,onLongPress:c,onOpen:u,onAct:m}){const d=l.useRef(null),[f,h]=l.useState(null),{longPressProps:y}=ru({onLongPress:c,isDisabled:t,accessibilityDescription:"Select message"}),g=E=>{const L=new PointerEvent("pointercancel",{bubbles:!0});L[yi]=!0,E.currentTarget.dispatchEvent(L)},w=Fs(y,{onPointerDown:E=>{d.current={startX:E.clientX,startY:E.clientY,axis:"none",escaped:!1}},onPointerMove:E=>{if(t)return;const L=d.current;if(!L)return;const O=E.clientX-L.startX,j=E.clientY-L.startY;if(L.axis==="none"&&(Math.abs(j)>vi&&Math.abs(j)>Math.abs(O)?L.axis="vertical":Math.abs(O)>vi&&Math.abs(O)>Math.abs(j)&&(L.axis="horizontal",E.currentTarget.setPointerCapture(E.pointerId))),L.axis==="none")return;const R=L.axis==="horizontal"?Math.abs(O):Math.abs(j);if(!L.escaped&&R>tg&&(L.escaped=!0,g(E)),L.axis!=="horizontal")return;const P=wi(a),T=Math.max(-fs,Math.min(fs,P+O));h(T)},onPointerUp:E=>{const L=d.current;d.current=null;const O=f;if(h(null),!!L){if(L.axis!=="none"&&!L.escaped&&g(E),L.axis==="horizontal"){O!==null&&o(sg(O));return}if(L.axis!=="vertical"){if(t){i();return}if(a!=="none"){o("none");return}u()}}},onPointerCancel:E=>{E.nativeEvent[yi]||(d.current=null,h(null))}}),v=f??wi(a),k=v>0?"leading":v<0?"trailing":"none",I=W("relative touch-pan-y bg-surface","select-none",_s({active:s||n})),A={transform:v!==0?`translateX(${v}px)`:void 0,transition:f===null?"transform 150ms ease":"none",minHeight:44},C=!e.isRead,M=E=>E.stopPropagation(),D=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(mn,{className:"size-3.5"})}),r.jsx(cn,{thread:e})]}):r.jsxs(r.Fragment,{children:[C&&r.jsx("span",{className:"absolute left-1.5 top-1/2 size-1.5 -translate-y-1/2 rounded-full bg-accent"}),r.jsx("span",{role:"checkbox",tabIndex:0,"aria-checked":s,"aria-label":`Select message from ${e.fromName}`,onPointerDown:M,onPointerMove:M,onPointerUp:M,onClick:E=>{E.preventDefault(),E.stopPropagation(),c()},onKeyDown:E=>{E.key!=="Enter"&&E.key!==" "||(E.preventDefault(),E.stopPropagation(),c())},className:"-m-2 inline-flex size-11 shrink-0 items-center justify-center rounded-full",children:r.jsx(jt,{name:e.fromName,email:e.fromEmail,size:"sm"})}),r.jsx(cn,{thread:e})]});return r.jsxs("div",{className:"relative overflow-hidden",children:[k==="leading"&&r.jsx("button",{type:"button",onClick:()=>m("leading"),"aria-label":e.isRead?"Mark as unread":"Mark as read",className:"absolute inset-y-0 left-0 flex items-center justify-start bg-accent-2 px-6 text-accent-fg",children:e.isRead?r.jsx(wc,{className:"size-6"}):r.jsx(gr,{className:"size-6"})}),k==="trailing"&&r.jsx("button",{type:"button",onClick:()=>m("trailing"),"aria-label":"Delete message",className:"absolute inset-y-0 right-0 flex items-center justify-end bg-danger px-6 text-canvas",children:r.jsx(Lt,{className:"size-6"})}),r.jsx("button",{type:"button",role:t?"checkbox":void 0,"aria-checked":t?s:void 0,"data-message-row":!0,"data-message-id":e.id,...w,className:I,style:A,children:D})]})}function ng({sections:e,selectedThreadId:t,selectionMode:s,checkedIds:n,initialPeek:a,onToggleCheck:o,onEnterSelection:i,onOpenThread:c,onRefresh:u,refreshing:m,busy:d=!1}){const[f,h]=l.useState(new Set),[y,g]=l.useState(new Map),p=e.flatMap(w=>w.threads).filter(w=>!f.has(w.id)).map(w=>{const v=y.get(w.id);return v===void 0?w:{...w,isRead:v}}),[x,b]=l.useState(a&&a!=="none"&&p[1]?{id:p[1].id,side:a}:null),S=(w,v)=>{if(v==="trailing")h(k=>new Set(k).add(w));else{const k=p.find(I=>I.id===w);g(I=>new Map(I).set(w,!k?.isRead))}b(null)};return r.jsxs("div",{className:"flex-1 overflow-y-auto",children:[m&&r.jsxs("div",{className:"flex items-center justify-center gap-2 border-b border-line py-3 text-fg-muted",children:[r.jsx(uo,{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:p.map(w=>r.jsx("div",{className:d?"pointer-events-none opacity-50":void 0,children:r.jsx(au,{thread:w,selectionMode:s,checked:n.has(w.id),active:w.id===t,peek:x?.id===w.id?x.side:"none",onPeek:v=>b(v==="none"?null:{id:w.id,side:v}),onToggleCheck:()=>o(w.id),onLongPress:()=>i(w.id),onOpen:()=>c(w.id),onAct:v=>S(w.id,v)})},w.id))}),!s&&!m&&!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"})]})}const rg=new Set;function ou({listTitle:e,listMeta:t,sections:s,briefFilters:n,flatList:a,listState:o="ready",searchQuery:i,listFilter:c,listScopeLabel:u,errorMessage:m,onRetry:d,onReportError:f,briefFilter:h,selectedThreadId:y,density:g="comfortable",onSelectThread:p,onOpenNav:x,isDesktop:b,initialTouchState:S,selection:w,keyboard:v,selectionBar:k,paneOverlay:I,listBody:A,hideHeader:C=!1}){const M=g==="compact"?Xp:Jp,D=l.useRef(null),E=l.useRef(null),L=qf(v);nr({containerRef:D,itemSelector:Hn,enabled:!L});const O=L?v.focusedId:void 0,j=L?O??s[0]?.threads[0]?.id:void 0,R=l.useCallback(U=>j===void 0?void 0:U===j?0:-1,[j]);l.useEffect(()=>{if(O===void 0)return;const U=E.current;if(!U)return;const _=U.querySelector(`${Hn}[data-message-id="${O}"]`);!_||_===U.ownerDocument.activeElement||_.focus({preventScroll:!1})},[O]),l.useEffect(()=>{if(!L)return;const U=E.current;if(!U)return;const _=U.ownerDocument.activeElement;_!==null&&_!==U.ownerDocument.body||U.focus({preventScroll:!0})},[L]);const P=!b&&!n&&o==="ready",[T,F]=l.useState(!1),N=S==="peek-trailing"?"trailing":S==="peek-leading"?"leading":void 0,V=()=>{F(!0),setTimeout(()=>F(!1),1400)},Q=w?.selectedIds??rg,re=w?.onToggle,se=w?.onRowSelect,fe=mo(Q.size,b),Z=l.useCallback(U=>{if(re)return{checked:Q.has(U),onToggle:_=>{_.preventDefault(),_.stopPropagation(),re(U)}}},[Q,re]),ne=l.useCallback((U,_)=>se?.(U,Yn(_))?(_.preventDefault(),_.shiftKey&&window.getSelection()?.removeAllRanges(),!0):!1,[se]),le=l.useCallback(({thread:U,active:_,onClick:de})=>r.jsx(M,{thread:U,active:_,focused:U.id===O,tabIndex:R(U.id),selection:Z(U.id),onClick:ge=>{ne(U.id,ge)||de?.()}}),[M,Z,ne,O,R]);return r.jsxs("section",{ref:U=>{E.current=U,v?.ref(U)},tabIndex:L?-1:void 0,className:"relative flex h-full w-full flex-col bg-surface outline-none",children:[k??(C?null:r.jsxs("header",{className:"flex h-pane-header shrink-0 items-center gap-2 border-b border-line px-row-inset",children:[x&&r.jsx(ie,{variant:"ghost",size:"sm",icon:r.jsx(fr,{className:"size-4"}),onClick:x,"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(Fp,{})}):o==="empty"?r.jsx($p,{filter:c,scopeLabel:u,searchQuery:i}):o==="error"?r.jsx(Kp,{message:m,onRetry:d,onReport:f}):n?r.jsx(tc,{...h??{},sections:s,selectedThreadId:y,Row:le,keyboard:v,onSelectThread:p}):A??(P?r.jsx(ng,{sections:s,selectedThreadId:y,selectionMode:fe,checkedIds:Q,initialPeek:N,onToggleCheck:U=>re?.(U),onEnterSelection:U=>re?.(U),onOpenThread:U=>p?.(U),onRefresh:V,refreshing:T}):r.jsx("div",{ref:D,className:"flex-1 overflow-y-auto",children:s.map(U=>r.jsxs("div",{children:[!a&&U.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:U.label}),r.jsx("span",{className:"text-2xs text-fg-subtle tabular-nums",children:U.threads.length})]}),r.jsx("div",{className:"divide-y divide-line",children:U.threads.map(_=>r.jsx(M,{thread:_,active:_.id===y,focused:_.id===O,tabIndex:R(_.id),selection:Z(_.id),onClick:de=>{ne(_.id,de)||p?.(_.id)}},_.id))})]},U.id))})),b&&r.jsx(Xc,{hints:v?Tp(v.handlers):fo}),I]})}function po({triggerLabel:e,triggerIcon:t,triggerText:s,items:n,align:a="end",touch:o=!0,className:i,triggerClassName:c,nested:u=!1,children:m}){const[d,f]=l.useState(!1),h=l.useRef(null);return l.useEffect(()=>{if(!d)return;const y=p=>{h.current&&!h.current.contains(p.target)&&f(!1)},g=p=>{p.key==="Escape"&&f(!1)};return document.addEventListener("mousedown",y),document.addEventListener("keydown",g),()=>{document.removeEventListener("mousedown",y),document.removeEventListener("keydown",g)}},[d]),n.length===0&&!m?null:r.jsxs("div",{ref:h,className:W("relative",i),...u?{role:"none"}:{},children:[r.jsx(ie,{variant:"ghost",size:"sm",icon:t??r.jsx(zc,{className:"size-5"}),onClick:()=>f(y=>!y),"aria-label":e,"aria-haspopup":"menu","aria-expanded":d,...u?{role:"menuitem"}:{},className:W(o&&"min-h-11 min-w-11 px-0",c),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(y=>r.jsxs("button",{type:"button",role:"menuitem",onClick:()=>{f(!1),y.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:[y.icon&&r.jsx("span",{className:"shrink-0 text-fg-subtle",children:y.icon}),y.label]},y.key)),m]})]})}const Gs="min-h-11 min-w-11 px-0";function iu({hasThread:e,onReply:t,onReplyAll:s,onForward:n,isStarred:a,onToggleStar:o,onDelete:i,isRead:c,onToggleRead:u,moveSlot:m,overflowItems:d=[],onUnavailable:f,unavailableHint:h,className:y}){const g=(x,b)=>()=>{if(!e){f?.(x);return}b?.()},p=u?[{key:"toggle-read",label:c?"Mark as unread":"Mark as read",icon:c?r.jsx(wc,{className:"size-4"}):r.jsx(gr,{className:"size-4"}),onSelect:g("toggleRead",u)}]:[];return r.jsxs("div",{className:W("relative",y),children:[r.jsxs("div",{className:"flex h-12 shrink-0 items-center gap-0.5 bg-canvas px-1",children:[t&&r.jsx(ie,{variant:"ghost",size:"sm",icon:r.jsx(qc,{className:"size-5"}),onClick:g("reply",t),"aria-label":"Reply",title:"Reply",className:Gs}),s&&r.jsx(ie,{variant:"ghost",size:"sm",icon:r.jsx(Kc,{className:"size-5"}),onClick:g("replyAll",s),"aria-label":"Reply all",title:"Reply all",className:Gs}),n&&r.jsx(ie,{variant:"ghost",size:"sm",icon:r.jsx(Bc,{className:"size-5"}),onClick:g("forward",n),"aria-label":"Forward",title:"Forward",className:Gs}),r.jsx("div",{className:"flex-1"}),o&&r.jsx(ie,{variant:"ghost",size:"sm",icon:r.jsx(Xt,{className:W("size-5",a&&"fill-warning text-warning")}),onClick:g("star",o),"aria-label":a?"Unstar":"Star","aria-pressed":a,title:a?"Unstar":"Star",className:Gs}),m,i&&r.jsx(ie,{variant:"ghost",size:"sm",icon:r.jsx(Lt,{className:"size-5"}),onClick:g("delete",i),"aria-label":"Move to Trash",title:"Move to Trash",className:Gs}),r.jsx(po,{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 ag({open:e=!1,enabled:t=!0,onToggle:s,className:n}){return r.jsx(ie,{variant:"ghost",size:"sm",icon:r.jsx(sc,{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 og({hasThread:e,onUnavailable:t,unavailableHint:s,isStarred:n,showTriage:a=!0,onReply:o,onReplyAll:i,onForward:c,onDelete:u,onToggleStar:m,moveSlot:d,onMove:f,replyTitle:h="Reply (r)",replyAllTitle:y="Reply all (a)",forwardTitle:g="Forward (f)",deleteTitle:p="Move to Trash (#)",flagTitle:x="Star (s)",children:b,className:S}){const w=(v,k)=>()=>{if(!e){t?.(v);return}k?.()};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(ie,{variant:"ghost",size:"sm",icon:r.jsx(qc,{className:"size-4"}),title:h,"aria-label":"Reply",onClick:w("reply",o)}),r.jsx(ie,{variant:"ghost",size:"sm",icon:r.jsx(Kc,{className:"size-4"}),title:y,"aria-label":"Reply all",onClick:w("replyAll",i)}),r.jsx(ie,{variant:"ghost",size:"sm",icon:r.jsx(Bc,{className:"size-4"}),title:g,"aria-label":"Forward",onClick:w("forward",c)}),a&&r.jsxs(r.Fragment,{children:[r.jsx("span",{className:"mx-1 h-4 w-px bg-line","aria-hidden":!0}),r.jsx(ie,{variant:"ghost",size:"sm",icon:r.jsx(Lt,{className:"size-4"}),title:p,"aria-label":"Move to Trash",onClick:w("delete",u)}),d??r.jsx(ie,{variant:"ghost",size:"sm",icon:r.jsx(Da,{className:"size-4"}),title:"Move to mailbox","aria-label":"Move to mailbox",onClick:w("move",f)}),r.jsx(ie,{variant:"ghost",size:"sm",icon:r.jsx(Xt,{className:W("size-4",n&&"fill-warning text-warning")}),title:x,"aria-label":"Star",onClick:w("flag",m)})]}),r.jsx("div",{className:"flex-1"}),b]}),!e&&s&&r.jsx("p",{role:"status",className:"border-b border-line bg-surface-sunken px-3 py-1 text-2xs text-fg-subtle",children:s})]})}const ig=(e,t)=>{const n=e==="newsletter"||e==="marketing"||t;return{framed:n,isPlain:!n}},lg=()=>`
|
|
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
|
-
`,cg=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,""))},ug=/^(none|transparent|inherit|initial|unset)\s*$/i,dg=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},fg=e=>{const t=/background(?:-color)?\s*:\s*([^;}\n]+)/gi;let s;for(s=t.exec(e);s!==null;){const n=s[1].trim();if(!ug.test(n))return!0;s=t.exec(e)}return!1},mg=e=>{if(/\bstyle\s*=\s*["'][^"']*background/i.test(e)||/\bbgcolor\s*=/i.test(e))return!0;for(const t of dg(e))if(fg(t))return!0;return!1},hg=["script","iframe","object","embed","form","input","button","textarea","select","meta","link","base"],pg=["onerror","onload","onclick","onmouseover","onmouseout","onfocus","onblur","onsubmit","onkeydown","onkeyup","formaction","xlink:href","data-bind"],gg="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
|
-
`),xg=e=>e.replace(/url\s*\([^)]*\)/gi,"none").replace(/expression\s*\([^)]*\)/gi,"").replace(/-moz-binding\s*:[^;]*/gi,""),bg=e=>e.replace(/@import[^;]*;/gi,"/* @import blocked */").replace(/url\s*\([^)]*\)/gi,"none").replace(/expression\s*\([^)]*\)/gi,"").replace(/-moz-binding\s*:[^;]*/gi,""),vg=(e={})=>{const t=nc(),s={FORBID_TAGS:hg,FORBID_ATTR:pg,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,""),c=e.resolveCid?.(i);c&&(n.setAttribute("src",c),n.classList.add("inline-content"));return}e.allowExternalImages||(n.setAttribute("data-blocked-src",a),n.setAttribute("src",gg),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",xg(a))}}),t.addHook("uponSanitizeElement",(n,a)=>{if(a.tagName==="style"){const o=n.textContent||"";n.textContent=bg(o)}}),n=>{const a=mg(n),o=t.sanitize(n,s);return{html:`<style>${lg()}</style>${o}`,hasAuthorBackground:a}}},yg='"Geist Variable", "Geist", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',Si={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)"}},wg=/prefers-color-scheme\s*:\s*dark|color-scheme\s*:\s*[^;}"']*\bdark\b/i,ki='<meta name="viewport" content="width=device-width, initial-scale=1">',Sg=e=>{const t=e?Si.dark:Si.light;return`
|
|
54
|
-
/* Plain-email base: UI font-stack + theme-aware colors (#424) */
|
|
55
|
-
html, body {
|
|
56
|
-
font-family: ${yg};
|
|
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
|
-
`},kg=(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}",Cg=(e,t,s)=>{if(t==="plain")return`${ki}<style>${Sg(s)}</style>${e}`;const n=wg.test(e);return`${ki}<style>${kg(s,n)}</style>${e}`},jg=5e4,Ng=1e4,Eg="(max-width: 640px)",Ig=.4,Rg="allow-same-origin allow-popups allow-popups-to-escape-sandbox",Ci=(e,t,s)=>Math.min(Math.ceil(Math.max(e,t)),s),Tg=(e,t)=>e<=0||t<=0||e<=t?1:Math.max(Ig,t/e),Mg=e=>{const[t,s]=l.useState(()=>typeof window>"u"||!window.matchMedia?!1:window.matchMedia(e).matches);return l.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},Ag=new Set(["Enter","Escape","ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End"]),Og=e=>e===" "?!1:e.length===1?!0:Ag.has(e),ji=e=>{if(e.metaKey||e.ctrlKey||e.altKey||!Og(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}))},Ni=({html:e,variant:t="framed",isDark:s=!1,className:n})=>{const a=l.useRef(null),o=l.useRef(null),[i,c]=l.useState(0),[u,m]=l.useState(0),[d,f]=l.useState(0),h=Mg(Eg),y=l.useMemo(()=>Cg(e,t,s),[e,t,s]);l.useEffect(()=>{const w=a.current;if(!w)return;const v=()=>f(I=>I===w.clientWidth?I:w.clientWidth);v();const k=new ResizeObserver(v);return k.observe(w),()=>k.disconnect()},[]),l.useEffect(()=>{const w=o.current;if(!w)return;const v=()=>{const C=w.contentDocument;if(!C?.body)return;const M=C.documentElement,D=Ci(C.body.scrollHeight,M?.scrollHeight??0,jg);c(L=>L===D?L:D);const E=Ci(C.body.scrollWidth,M?.scrollWidth??0,Ng);m(L=>L===E?L:E)};let k,I;const A=()=>{v();const C=w.contentDocument;C?.body&&(k=new ResizeObserver(v),k.observe(C.body),C.documentElement&&k.observe(C.documentElement),C.addEventListener("keydown",ji),I=C)};return w.addEventListener("load",A),()=>{w.removeEventListener("load",A),I?.removeEventListener("keydown",ji),k?.disconnect()}},[]);const g=h?Tg(u,d):1,p=g<1,x=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:Rg,srcDoc:y,className:p?void 0:n,scrolling:"no",style:{width:x,maxWidth:p?"none":void 0,border:"none",display:"block",height:b,overflow:"hidden",transform:p?`scale(${g})`:void 0,transformOrigin:p?"top left":void 0,colorScheme:"normal"}});return r.jsx("div",{ref:a,className:p?n:void 0,children:p?r.jsx("div",{style:{width:"100%",height:`${Math.ceil(i*g)}px`,overflow:"hidden"},children:S}):S})},Ei=()=>r.jsx("p",{className:"text-fg-muted text-sm italic",children:"This message has no body content."}),lu=({html:e,text:t,isDark:s=!1,category:n,allowImages:a=!1,resolveCid:o,className:i,renderBlockedNotice:c})=>{const u=l.useMemo(()=>!e||typeof document>"u"?null:vg({allowExternalImages:a,resolveCid:o})(e),[e,a,o]),m=u?.html??null,{framed:d,isPlain:f}=ig(n,u?.hasAuthorBackground??!1),h=l.useMemo(()=>!m||a?0:(m.match(/data-blocked-src/g)||[]).length,[m,a]);return!m&&!t?r.jsx("div",{className:W("message-body",i),children:r.jsx(Ei,{})}):r.jsxs("div",{className:W("message-body",i),children:[h>0&&r.jsx("div",{className:"message-body-notice",children:c?.(h)}),m?d?r.jsx("div",{className:"w-full max-w-full overflow-x-auto",children:r.jsx(Ni,{html:m,variant:"framed",isDark:s})}):r.jsx("div",{className:"max-w-full overflow-x-auto lg:max-w-2xl",children:r.jsx(Ni,{html:m,variant:f?"plain":"framed",isDark:s})}):t?r.jsx("pre",{className:"email-text whitespace-pre-wrap text-sm leading-relaxed",children:t}):r.jsx(Ei,{})]})};function zs({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(Pa,{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(Is,{children:"j"})," / ",r.jsx(Is,{children:"k"})," to move, ",r.jsx(Is,{children:"Enter"})," to open"]})]})}function cu({message:e,onClick:t,isFocused:s,isUnread:n,trailing:a}){const o=r.jsxs(r.Fragment,{children:[r.jsx(Ms,{className:"size-3.5 shrink-0 text-fg-subtle"}),r.jsxs("div",{className:"relative shrink-0",children:[r.jsx(jt,{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:c=>{Hf(c)&&(c.preventDefault(),t())},className:W(i,"cursor-pointer"),children:o}):r.jsx("div",{className:i,children:o})}function uu({message:e,warning:t,onHeaderClick:s,isFocused:n,senderBadge:a,trailing:o,to:i,indicators:c,actionMenu:u,actionBar:m,body:d}){const f=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(Qt,{className:"mt-1 size-3.5 shrink-0 text-fg-subtle"}),r.jsx(jt,{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:f}):f,c]}),u&&r.jsx("div",{className:"shrink-0",children:u})]}),t&&r.jsxs("div",{className:"mt-3 flex items-start gap-3 rounded-md bg-danger-soft p-3",children:[r.jsx($s,{className:"mt-0.5 size-4 shrink-0 text-danger"}),r.jsxs("div",{className:"text-sm text-fg",children:[r.jsx("span",{className:"font-semibold text-danger",children:"Caution: "}),t," ",r.jsx("button",{type:"button",className:"text-accent underline",children:"Why?"})]})]}),m&&r.jsx("div",{className:"mt-3 -mx-2 lg:-mx-4",children:m}),r.jsx("div",{className:"-mx-2 [&_.message-body-notice]:px-2 lg:mx-0 lg:[&_.message-body-notice]:px-0",children:d??r.jsx(lu,{className:"mt-3",html:e.bodyHtml,category:e.framed?"newsletter":"personal",allowImages:!0})})]})}function Dg({thread:e,onBack:t,intelligence:s,intelligenceOpen:n,onToggleIntelligence:a,actions:o,children:i,touchHandlers:c}){const[u,m]=l.useState(!1),d=a!==void 0,f=d?n??!1:u,h=!!s||d,y=()=>{if(d){a?.();return}m(p=>!p)},g=()=>{if(d){f&&a?.();return}m(!1)};return r.jsxs("article",{className:"flex h-full w-full min-w-0 flex-col bg-canvas",children:[r.jsxs("header",{className:"flex h-pane-header shrink-0 items-center gap-2 border-b border-line bg-surface px-row-inset",children:[r.jsx(ie,{variant:"ghost",size:"sm",icon:r.jsx(La,{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(ie,{variant:"ghost",size:"sm",icon:r.jsx(sc,{className:"size-4"}),onClick:y,"aria-label":f?"Hide intelligence panel":"Show intelligence panel","aria-pressed":f,title:"Intelligence",className:W("shrink-0",f&&"bg-accent-2-soft text-accent-2")})]}),r.jsx("div",{className:"flex-1 overflow-y-auto",style:c?{touchAction:"pan-y"}:void 0,...c,children:i??e.messages.map(p=>{const x=b=>b?()=>b(p.id):void 0;return p.expanded?r.jsx(uu,{message:p,warning:e.warning,onHeaderClick:x(o?.onToggleExpand),actionBar:r.jsx(iu,{hasThread:!0,onReply:x(o?.onReply),onReplyAll:x(o?.onReplyAll),onForward:x(o?.onForward),onToggleStar:x(o?.onToggleStar),onDelete:x(o?.onDelete),onToggleRead:x(o?.onToggleRead),moveSlot:o?.moveSlot?.(p.id)})},p.id):r.jsx(cu,{message:p,onClick:x(o?.onToggleExpand)},p.id)})}),s&&!d&&r.jsx(Wf,{open:f,onClose:g,title:"Intelligence",anchor:"right",className:"p-0",children:r.jsx(Wc,{data:s,onClose:g,className:"h-full w-full border-l-0"})})]})}const Pg="button:not([disabled]), a[href]",us="outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-surface-sunken";function Lg({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",us,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 Fg({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 rn({icon:e,label:t,count:s,active:n,dimmed:a,indent:o,navId:i,linkComponent:c,ariaLabel:u,title:m,onClick:d}){const f=Lg({active:n,dimmed:a,indent:o}),h=r.jsx(Fg,{icon:e,label:t,count:s,active:n});return i&&c?c({navId:i,className:f,ariaLabel:u??t,title:m,onClick:d,children:h}):r.jsx("button",{type:"button",onClick:d,className:f,"aria-label":u,title:m,children:h})}const Ii={inbox:0,flagged:1,drafts:2,sent:3,archive:4,all:5,junk:6,trash:7};function $g(e){switch(e){case"inbox":return r.jsx(Pa,{className:"size-4"});case"flagged":return r.jsx(Xt,{className:"size-4"});case"drafts":return r.jsx(rc,{className:"size-4"});case"sent":return r.jsx(hn,{className:"size-4"});case"archive":return r.jsx(Yf,{className:"size-4"});case"all":return r.jsx(Gf,{className:"size-4"});case"junk":return r.jsx(Qf,{className:"size-4"});case"trash":return r.jsx(Lt,{className:"size-4"})}}const Ri=e=>e.role!=null,qr=8,Ti="remit.nav.folders.open.",Mi="remit.nav.account.open.";function Ai(e,t,s){if(typeof localStorage>"u")return s;const n=localStorage.getItem(e+t);return n===null?s:n!=="0"}function Oi(e,t,s){typeof localStorage>"u"||localStorage.setItem(e+t,s?"1":"0")}function _g({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",us),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",us),children:r.jsx(Nt,{className:"size-3.5"})})]})}function zg({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",us),children:[r.jsx(pp,{className:"size-4 shrink-0"}),r.jsxs("span",{className:"min-w-0 flex-1 truncate",children:["Save “",t,"”"]})]}),e.map(o=>r.jsx(_g,{query:o,onSelect:()=>s?.(o),onRemove:n?()=>n(o):void 0},o))]})}function Bg({account:e,selectedNavId:t,onSelectNav:s,linkComponent:n}){const[a,o]=l.useState(()=>Ai(Mi,e.id,!0)),[i,c]=l.useState(()=>Ai(Ti,e.id,!0)),[u,m]=l.useState(!1),d=()=>{o(S=>{const w=!S;return Oi(Mi,e.id,w),w})},f=()=>{c(S=>{const w=!S;return Oi(Ti,e.id,w),w})},h=e.mailboxes.filter(Ri).sort((S,w)=>Ii[S.role]-Ii[w.role]),y=e.mailboxes.filter(S=>!Ri(S)),g=u||y.length<=qr?y:y.slice(0,qr),p=y.length-g.length,x=e.status??"ready",b=x==="ready"&&h.length===0&&y.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",us,e.muted&&"opacity-55"),children:[a?r.jsx(Qt,{className:"size-3 shrink-0 text-fg-subtle"}):r.jsx(Ms,{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(Fc,{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:[x==="loading"&&r.jsx("div",{className:"px-2 py-1 text-sm text-fg-muted",children:"Loading…"}),x==="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(Pt,{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"}),x==="ready"&&r.jsxs(r.Fragment,{children:[h.map(S=>r.jsx(rn,{navId:S.id,linkComponent:n,icon:$g(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(rn,{navId:"outbox",linkComponent:n,icon:r.jsx(hn,{className:"size-4"}),label:"Outbox",ariaLabel:"Outbox",count:e.outboxPending>0?e.outboxPending:void 0,active:t==="outbox",dimmed:e.muted,onClick:()=>s?.("outbox")}),y.length>0&&r.jsxs(r.Fragment,{children:[r.jsxs("button",{type:"button",onClick:f,"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",us),children:[i?r.jsx(Qt,{className:"size-3 shrink-0"}):r.jsx(Ms,{className:"size-3 shrink-0"}),r.jsx("span",{className:"flex-1",children:"Folders"}),r.jsx("span",{className:"tabular-nums opacity-70",children:y.length})]}),i&&r.jsxs(r.Fragment,{children:[g.map(S=>r.jsx(rn,{navId:S.id,linkComponent:n,icon:r.jsx(Vf,{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)&&y.length>qr&&r.jsx("button",{type:"button",onClick:()=>m(S=>!S),className:W("ml-7 flex items-center px-2 py-1 text-2xs font-medium text-accent transition-colors hover:underline",us),children:u?"Show less":`Show all (${y.length})`})]})]})]})]})]})}function Ug({accounts:e,selectedNavId:t,briefUnseen:s,onSelectNav:n,variant:a="desktop",linkComponent:o,savedSearches:i=[],saveableQuery:c,onSelectSavedSearch:u,onRemoveSavedSearch:m,onSaveCurrentSearch:d}){const f=l.useRef(null);nr({containerRef:f,itemSelector:Pg});const h=a==="drawer",y=r.jsxs("nav",{ref:h?f:void 0,className:h?"px-2 py-2":"flex-1 overflow-y-auto px-2 py-2","aria-label":"Mailboxes",children:[r.jsx(rn,{navId:"brief",linkComponent:o,icon:r.jsx(Dt,{className:"size-4"}),label:"Daily brief",ariaLabel:"Daily brief",count:s,active:t==="brief",onClick:()=>n?.("brief")}),r.jsx(rn,{navId:"flagged",linkComponent:o,icon:r.jsx(Xt,{className:"size-4"}),label:"Starred",ariaLabel:"Starred",active:t==="flagged",onClick:()=>n?.("flagged")}),r.jsx(zg,{savedSearches:i,saveableQuery:c,onSelectSavedSearch:u,onRemoveSavedSearch:m,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(g=>r.jsx(Bg,{account:g,selectedNavId:t,onSelectNav:n,linkComponent:o},g.id))]});return h?y:r.jsx("aside",{ref:f,className:"flex h-full w-full flex-col bg-surface-sunken",children:y})}function Kg({leading:e,search:t,actions:s,className:n}){return r.jsxs("header",{className:W("flex min-h-pane-header w-full shrink-0 items-center gap-2 border-b border-line bg-canvas px-row-inset py-1",n),children:[e&&r.jsx("div",{className:"flex shrink-0 items-center gap-1",children:e}),r.jsx("div",{className:"flex min-w-0 flex-1 justify-start",children:r.jsx("div",{className:"w-full max-w-xs transition-[max-width] duration-150 ease-out focus-within:max-w-lg",children:t})}),s&&r.jsx("div",{className:"flex shrink-0 items-center gap-1",children:s})]})}const qg=/[\u0000-\u001f\u007f-\u009f\u061c\u200b-\u200f\u2028\u2029\u202a-\u202e\u2066-\u2069\ufeff]/g,Hg=/[<>:"|?*]/g,Wg=/^(con|prn|aux|nul|com[1-9]|lpt[1-9])(\.|$)/i,Di=120,Vg=12,Qg="attachment",Pi=e=>{const t=[...e];if(t.length<=Di)return e;const s=e.lastIndexOf("."),n=s>0&&[...e.slice(s)].length<=Vg?e.slice(s):"",a=Di-[...n].length;return t.slice(0,a).join("")+n},Gg=(e,t=Qg)=>{const n=e.replace(qg,"").split(/[/\\]/),o=(n[n.length-1]??"").replace(Hg,"_").replace(/^[.\s]+/,"").replace(/[.\s]+$/,"");if(o.length===0)return Pi(t);const i=Wg.test(o)?`_${o}`:o;return Pi(i)},Li=["KB","MB","GB","TB"],Yg=e=>{if(!Number.isFinite(e)||e<0)return"unknown size";const t=Math.round(e);if(t<1024)return t===1?"1 byte":`${t} bytes`;const s=1023.95;let n=t/1024,a=0;for(;n>=s&&a<Li.length-1;)n/=1024,a+=1;return`${n.toFixed(1).replace(/\.0$/,"")} ${Li[a]}`};function Xg({state:e,onRetry:t}){return r.jsxs("div",{role:"alert","data-testid":"attachment-error",className:"flex items-start gap-2 border-t border-danger/30 bg-danger-soft px-2 py-2 text-xs",children:[r.jsx(Pt,{className:"mt-0.5 size-3.5 shrink-0 text-danger","aria-hidden":!0}),r.jsxs("div",{className:"min-w-0 flex-1",children:[r.jsx("p",{className:"font-medium text-danger",children:e.title}),r.jsx("p",{className:"mt-0.5 text-fg-muted",children:e.detail})]}),r.jsxs("div",{className:"flex shrink-0 items-center gap-3",children:[r.jsx("button",{type:"button",onClick:t,className:"font-medium text-accent hover:underline",children:"Try again"}),e.reportUrl&&r.jsx("a",{href:e.reportUrl,target:"_blank",rel:"noreferrer",className:"font-medium text-accent hover:underline",children:"Report this"})]})]})}function Jg({attachments:e,onDownload:t,hasUnlistedAttachment:s=!1,className:n}){return e.length===0&&!s?null:r.jsxs("section",{"aria-label":"Attachments","data-testid":"attachment-list",className:W("space-y-1.5",n),children:[r.jsxs("h3",{className:"flex items-center gap-1.5 text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:[r.jsx(xr,{className:"size-3","aria-hidden":!0}),e.length===0?"Attachment":e.length===1?"1 attachment":`${e.length} attachments`]}),e.length>0&&r.jsx("ul",{className:"overflow-hidden rounded-sm border border-line bg-surface",children:e.map(a=>{const o=a.download.status==="downloading";return r.jsxs("li",{className:"border-t border-line first:border-t-0",children:[r.jsxs("button",{type:"button",onClick:()=>t(a.attachmentId),disabled:o,"data-testid":"attachment-download","aria-label":`Download ${a.filename}`,className:"flex w-full items-center gap-2 px-2 py-2 text-left transition-colors hover:bg-surface-sunken disabled:cursor-progress disabled:opacity-60",children:[r.jsxs("span",{className:"min-w-0 flex-1",children:[r.jsx("bdi",{className:"block truncate text-sm text-fg",title:a.filename,children:a.filename}),r.jsxs("span",{className:"block truncate text-2xs text-fg-subtle",children:[a.typeLabel," ·"," ",Yg(a.sizeOctets)]})]}),o?r.jsx(hs,{className:"size-4 shrink-0 animate-spin text-fg-subtle","aria-hidden":!0}):r.jsx(Th,{className:"size-4 shrink-0 text-fg-subtle","aria-hidden":!0})]}),a.download.status==="failed"&&r.jsx(Xg,{state:a.download,onRetry:()=>t(a.attachmentId)})]},a.attachmentId)})}),s&&r.jsx("p",{role:"alert","data-testid":"attachment-unlisted",className:"rounded-sm border border-line bg-surface px-2 py-2 text-xs text-fg-muted",children:"The mail server says this message carries an attachment, but none of its parts describe one. Re-sync the account from Settings; if the attachment still does not appear, the message is worth reporting."})]})}function Zg({label:e,onUndo:t,undoLabel:s="Undo",filtersHref:n,className:a}){return r.jsxs(Ct,{tone:"accent",className:W("py-1 text-xs",a),children:[r.jsx(Sp,{className:"size-3.5 shrink-0","aria-hidden":!0}),r.jsx("span",{children:e}),t&&r.jsx("button",{type:"button",onClick:o=>{o.stopPropagation(),t()},className:"font-semibold underline decoration-dotted underline-offset-2 hover:decoration-solid",children:s}),n&&r.jsx("a",{href:n,onClick:o=>{o.stopPropagation()},className:"font-semibold underline decoration-dotted underline-offset-2 hover:decoration-solid",children:"Manage filter"})]})}function ex({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(hs,{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:tx(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(Dt,{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 tx({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 sx="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",Fi="pointer-events-none absolute inset-0 m-auto size-3.5 text-accent-fg";function go({label:e,description:t,indeterminate:s=!1,checked:n,onChange:a,className:o,...i}){const c=l.useRef(null);l.useEffect(()=>{c.current&&(c.current.indeterminate=s)},[s]);const u=r.jsxs("span",{className:"relative inline-flex",children:[r.jsx("input",{ref:c,type:"checkbox",checked:n,onChange:a,className:sx,...i}),r.jsx(mn,{className:W(Fi,"hidden peer-checked:block"),"aria-hidden":!0}),r.jsx(bp,{className:W(Fi,"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})]})]})}const nx=({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 rx({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(ie,{variant:"primary",size:"md","aria-busy":s,title:n?void 0:o,className:"min-h-11 rounded-full px-4",icon:s?r.jsx(hs,{className:"size-4 animate-spin"}):r.jsx(hn,{className:"size-4"}),onClick:()=>{if(!s){if(!n){o&&i?.(o);return}e()}},children:"Send"}),r.jsx(nx,{status:a})]}),r.jsx(ie,{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(Lt,{className:"size-4"}),onClick:()=>{s||t()}})]})}function ax({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:"flex min-h-0 flex-1 flex-col overflow-auto","data-testid":"compose-body-area",children:[s,n&&r.jsx("div",{className:"shrink-0 px-3 pb-2",children:n})]}),a]})}function ox({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 ix({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 lx(e,t){const s=t-1;return s<=0?null:e<s?e:s-1}const cx=e=>e instanceof HTMLElement?e.tagName==="INPUT"||e.tagName==="TEXTAREA"||e.isContentEditable:!1,ux=({chips:e=[],onRemoveChip:t,value:s,onChange:n,onClear:a,onClearQuery:o,placeholder:i="Search mail...",globalFocusKey:c=!0,showClearButton:u=!0,size:m="sm",inputId:d,suggest:f,className:h})=>{const y=l.useId(),g=d??y,p=l.useRef(null),x=l.useRef([]),b=o??a,[S,w]=l.useState(null),v=l.useRef(void 0),[k,I]=l.useState(""),A=e.length>0;l.useEffect(()=>{w(R=>R!==null&&R>=e.length?null:R)},[e.length]),l.useEffect(()=>{const R=v.current;if(R!==void 0){if(v.current=void 0,R===null){p.current?.focus();return}x.current[R]?.focus()}});const C=l.useRef(void 0);l.useEffect(()=>{const R=f?.caret;if(!R||R===C.current)return;C.current=R;const P=p.current;!P||P.ownerDocument.activeElement!==P||(P.setSelectionRange(R.cursor,R.cursor),f?.onCaretChange(R.cursor))});const M=R=>{f?.onCaretChange(R.selectionStart??R.value.length)},D=l.useCallback(R=>{w(R),v.current=R},[]),E=l.useCallback(R=>{const P=e[R];P&&t&&(D(lx(R,e.length)),I(`${P.label} removed`),t(P.id))},[e,t,D]),L=l.useCallback(()=>{D(null),a()},[a,D]),O=l.useCallback(R=>{const P=R.currentTarget;if(f?.onKeyDown(R))return;const T=ox({key:R.key,shiftKey:R.shiftKey,repeat:R.repeat,caretAtStart:P.selectionStart===0&&P.selectionEnd===0,hasValue:s.length>0,chipCount:e.length});switch(T.type){case"focusChip":R.preventDefault(),D(T.index);return;case"clearQuery":b();return;case"blur":P.blur();return;case"none":return}},[e.length,s,b,D,f]),j=l.useCallback(R=>P=>{const T=ix({key:P.key,repeat:P.repeat,index:R,chipCount:e.length});switch(T.type!=="none"&&P.preventDefault(),T.type){case"removeChip":E(T.index);return;case"focusChip":D(T.index);return;case"focusInput":D(null);return;case"activateChip":return;case"none":return}},[e,E,D]);return l.useEffect(()=>{if(!c)return;const R=P=>{P.key!=="/"||P.metaKey||P.ctrlKey||P.altKey||cx(P.target)||(P.preventDefault(),p.current?.focus())};return window.addEventListener("keydown",R),()=>window.removeEventListener("keydown",R)},[c]),r.jsxs("label",{htmlFor:g,className:W("flex w-full items-center gap-1.5 text-sm","bg-surface-sunken/50 border border-transparent","focus-within:bg-canvas focus-within:border-line focus-within:ring-2 focus-within:ring-ring","transition-colors",m==="lg"?"rounded-xl px-4 py-2":"rounded-md px-2.5 py-1",h),children:[r.jsx(rr,{className:W("shrink-0 text-fg-muted pointer-events-none",m==="lg"?"size-5":"size-4")}),r.jsxs("div",{className:"flex min-w-0 flex-1 flex-wrap items-center gap-1",children:[A&&r.jsx("div",{role:"grid","aria-label":"Search filters",className:"flex min-w-0 flex-wrap items-center gap-1",children:e.map((R,P)=>r.jsx(Xf,{ref:T=>{x.current[P]=T},label:R.label,tone:R.tone,focused:S===P,onFocusLabel:()=>w(P),onKeyDown:j(P),onRemove:()=>E(P)},R.id))}),r.jsx("input",{ref:p,id:g,name:"q",type:"text","aria-label":"Search mail",autoComplete:"off",value:s,tabIndex:S===null?0:-1,onChange:R=>{n(R.target.value),M(R.target)},onKeyDown:O,onKeyUp:R=>M(R.currentTarget),onClick:R=>M(R.currentTarget),onFocus:R=>{w(null),f?.onFocusChange?.(!0),M(R.currentTarget)},onBlur:()=>f?.onFocusChange?.(!1),...f?.comboboxProps,placeholder:A?void 0:i,className:"min-w-24 flex-1 bg-transparent text-fg outline-none placeholder:text-fg-muted"})]}),(s||A)&&u&&r.jsx("button",{type:"button",onClick:L,className:"shrink-0 rounded p-0.5 hover:bg-surface-raised transition-colors","aria-label":"Clear search",children:r.jsx(Nt,{className:W("text-fg-muted",m==="lg"?"size-5":"size-4")})}),r.jsx("span",{role:"status","aria-live":"polite",className:"sr-only",children:k})]})},xo=({value:e,onChange:t,onClear:s,onClearQuery:n,chips:a,onRemoveChip:o,placeholder:i="Search mail...",globalFocusKey:c=!0,showClearButton:u=!0,size:m,inputId:d,suggest:f,className:h})=>r.jsx(ux,{value:e,onChange:t,onClear:s,onClearQuery:n,chips:a,onRemoveChip:o,placeholder:i,globalFocusKey:c,showClearButton:u,size:m,inputId:d,suggest:f,className:h});function dx(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 fx({result:e,onClick:t,query:s,showFolder:n=!0}){const a=n&&e.folder?Jf(e.folder):void 0;return r.jsx("button",{type:"button",onClick:t,className:W("group",_s({}),"border-b border-line"),children:r.jsx(ho,{thread:dx(e),highlightQuery:s,badge:r.jsxs(r.Fragment,{children:[a&&r.jsx(Ct,{tone:"neutral",className:"shrink-0",children:a}),e.category&&r.jsx(Ct,{tone:e.category.tone??"neutral",className:"shrink-0",children:e.category.label}),e.matchedChunkLabel&&r.jsx(Ct,{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 mx=e=>e===1?"result":"results";function du({count:e,onScopeToSpam:t}){return r.jsx(pn,{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})," ",`${mx(e)} from Spam`]}),r.jsx(ie,{variant:"ghost",size:"sm",onClick:t,className:"shrink-0 text-accent",children:"Go to Spam"})]})})}const $i=6,hx={kind:"global"},px=e=>e.kind==="folder"&&e.role==="junk",gx=e=>e.folder?.role==="junk";function bo(e){const t=[],s=[];for(const n of e)gx(n)?s.push(n):t.push(n);return{kept:t,spam:s}}function fu({onClick:e,blockedReason:t}){const s=l.useId(),[n,a]=l.useState(!1);return r.jsxs("div",{className:"border-b border-line px-row-inset py-1.5",children:[r.jsxs("button",{type:"button",onClick:()=>{if(t){a(!0);return}e()},"aria-describedby":t?s:void 0,className:W("flex w-full items-center gap-1.5 rounded-md px-2 py-1.5 text-left text-xs font-medium transition-colors",t?"text-fg-subtle opacity-55":"text-accent hover:bg-surface-sunken"),children:[r.jsx(Zf,{className:"size-3.5 shrink-0","aria-hidden":"true"}),r.jsx("span",{children:"Make this a filter"})]}),t&&r.jsx(em,{id:s,reason:t,nudged:n,className:"px-2 pt-1 text-2xs text-warning"})]})}function xx({section:e,query:t,onSelectResult:s,showFolder:n}){const[a,o]=l.useState(e.initialCollapsed??!1),[i,c]=l.useState(!1),u=e.results.length>$i,d=!i&&u?e.results.slice(0,$i):e.results,f=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(Qt,{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(fx,{result:h,query:t,showFolder:n,onClick:s?()=>s(h):void 0},h.id)),u&&r.jsxs("button",{type:"button",onClick:()=>c(h=>!h),className:"flex w-full items-center justify-center border-b border-line px-row-inset py-1.5 text-2xs font-medium text-accent transition-colors hover:bg-surface",children:[i?"Show less":`Show ${f} more`,!i&&r.jsx(Qt,{className:"ml-1 size-3"})]})]})]})}function mu({value:e,recentSearches:t,onPickRecent:s,sections:n,loading:a,onSelectResult:o,tokens:i,scope:c=hx,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(eo,{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(tm,{tokens:i}),f=u&&r.jsx(fu,{...u});if(a)return r.jsxs("div",{className:"flex flex-col",children:[f,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=c.kind==="global",y=px(c)||c.kind==="collection",g=h||c.kind==="collection",p=(n??[]).map(v=>{if(y)return{section:v,spam:[]};const{kept:k,spam:I}=bo(v.results);return{section:{...v,results:k},spam:I}}),x=p.map(v=>v.section),b=p.reduce((v,k)=>v+k.spam.length,0),S=c.kind==="global"&&b>0&&c.onScopeToSpam!==void 0?r.jsx(du,{count:b,onScopeToSpam:c.onScopeToSpam}):void 0;return x.some(v=>v.results.length>0)?r.jsxs("div",{className:"flex flex-col",children:[f,d,S,x.filter(v=>v.results.length>0).map(v=>r.jsx(xx,{section:v,query:e,showFolder:g,onSelectResult:o},v.id))]}):r.jsxs("div",{className:"flex flex-col",children:[f,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 bx({value:e,onChange:t,onClear:s,onCancel:n,filter:a,recentSearches:o,onPickRecent:i,sections:c,loading:u,onSelectResult:m,tokens:d,chips:f,onRemoveChip:h,scope:y,makeFilter:g,suggest:p,suggestList:x}){const b=r.jsx(mu,{value:e,recentSearches:o,onPickRecent:i,sections:c,loading:u,onSelectResult:m,tokens:d,scope:y,makeFilter:g});return r.jsxs("article",{className:"flex h-full w-full min-w-0 flex-col bg-canvas",children:[r.jsxs("header",{className:"flex h-pane-header shrink-0 items-center gap-2 border-b border-line bg-surface px-row-inset",children:[r.jsx("div",{className:"min-w-0 flex-1",children:r.jsx(xo,{value:e,onChange:t,onClear:s,chips:f,onRemoveChip:h,globalFocusKey:!1,showClearButton:!1,suggest:p})}),r.jsx(ie,{variant:"ghost",size:"sm",icon:r.jsx(Nt,{className:"size-4"}),onClick:n,"aria-label":"Clear and close search",className:"-mr-1 shrink-0"})]}),x,a&&e.trim().length===0?r.jsx(sm,{children:r.jsx(ac,{...a,children:b})}):r.jsx("div",{className:"flex-1 overflow-y-auto",children:b})]})}function vx(){const e=ps();if(!e)return null;const t=e.showNavPane?!e.navCollapsed:!1;return r.jsx(ie,{variant:"ghost",size:"sm",icon:r.jsx(fr,{className:"size-4"}),onClick:e.toggleNav,"aria-label":t?"Hide folders":"Show folders","aria-expanded":t,title:"Folders",className:"shrink-0"})}const yx={queued:{icon:eo,label:"Queued",className:"text-warning"},sending:{icon:hs,label:"Sending…",className:"text-accent-2",spin:!0},sent:{icon:co,label:"Sent",className:"text-positive"},failed:{icon:Pt,label:"Failed",className:"text-danger"},blocked:{icon:Fa,label:"Blocked",className:"text-warning"}};function _i({status:e,iconOnly:t,className:s}){const n=yx[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 wx=(e,t)=>t?"bg-accent-2-soft":e==="failed"?"bg-danger-soft":e==="blocked"?"bg-warning/10":"";function Sx({recipients:e,subject:t,time:s,status:n,error:a,selected:o,onSelect:i,onRetry:c,retrying:u,onEdit:m,onDelete:d,deleting:f}){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",wx(n,o)),children:[r.jsxs("button",{type:"button",...ec,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(_i,{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(_i,{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(xh,{actions:[...n==="failed"&&c?[{label:"Retry sending",iconOnly:!0,icon:r.jsx(ph,{className:"size-3.5"}),busy:u,onClick:c}]:[],{label:"Edit as draft",iconOnly:!0,icon:r.jsx(hn,{className:"size-3.5"}),onClick:m}],destructive:{label:"Delete message",iconOnly:!0,icon:r.jsx(Lt,{className:"size-3.5"}),busy:f,confirm:{prompt:"Delete this message?",confirmLabel:"Delete"},onClick:d}})})]})}const kx=e=>{const[t,s]=l.useState(()=>typeof window>"u"||!window.matchMedia?!1:window.matchMedia(e).matches);return l.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},Cx=({children:e,onRefresh:t,isRefreshing:s})=>kx(Sc)?e:r.jsx(nm,{onRefresh:t,isPullable:!s,children:e}),jx=({text:e,html:t,senderName:s,date:n})=>{const[a,o]=l.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(Qt,{className:"size-3"}):r.jsx(Ms,{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((c,u)=>r.jsx("p",{className:"min-h-[1.2em]",children:c},u))})]})};function vo({state:e,onRefresh:t,label:s,errorMessage:n,hasUpdate:a,size:o="sm",className:i}){const c=e==="refreshing",u=e==="error",m=e==="success",d=u?r.jsx(Pt,{className:"size-4 text-danger"}):m?r.jsx(co,{className:"size-4 text-positive"}):r.jsx(uo,{className:W("size-4",c&&"animate-spin")}),f=u?`${s} — failed: ${n??"try again"}`:c?`${s} — refreshing`:m?`${s} — up to date`:a?`${s} — new mail`:s;return r.jsxs("div",{className:"relative inline-flex",children:[r.jsx(ie,{variant:"ghost",size:o,icon:d,onClick:t,disabled:c,"aria-label":f,"aria-busy":c||void 0,title:u?n:s,className:i}),e==="idle"&&a&&r.jsx("span",{"aria-hidden":"true",className:"absolute right-1 top-1 size-1.5 rounded-full bg-accent-2"})]})}const Nx=e=>e===1?"message":"messages";function Ex({count:e,onReview:t,onDismiss:s,actionLabel:n="Review & rescue"}){return r.jsx(pn,{tone:"info",variant:"soft",onDismiss:s,children:r.jsxs("div",{className:"flex flex-col gap-2",children:[r.jsxs("p",{className:"flex items-start gap-2 text-sm text-fg",children:[r.jsx(gn,{className:"mt-0.5 size-4 shrink-0 text-positive","aria-hidden":!0}),r.jsxs("span",{children:[r.jsx("span",{className:"font-semibold text-fg",children:`${e} ${Nx(e)} here`})," ","may not be spam — they're from senders we can verify."]})]}),r.jsx(ie,{variant:"primary",size:"sm",onClick:t,className:"self-start",children:n})]})})}const Ix=(e,t)=>e==="vip"?"vip":e==="unknown"&&t==="md"?"unknown-pill":"hidden",hu=({senderTrust:e,size:t="sm",className:s})=>{const n=Ix(e,t);return n==="vip"?r.jsx(Dt,{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 Rx({candidate:e,selected:t,onToggle:s,hideSender:n=!1}){const{senderName:a,senderAddress:o,subject:i,snippet:c,trustReason:u,trustSubReason:m,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(go,{className:"mt-0.5",checked:t,onChange:s,"aria-label":`${t?"Deselect":"Select"} ${n?i:`message from ${a}`}`}),!n&&r.jsx(jt,{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(hu,{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:c}),!n&&r.jsxs("span",{className:"mt-1.5 flex flex-wrap items-center gap-1.5",children:[r.jsxs(Ct,{tone:"positive",children:[r.jsx(gn,{className:"size-3","aria-hidden":!0}),u]}),r.jsx("span",{className:"text-2xs text-fg-subtle",children:m})]})]})]})}const Tx=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)},Mx=(e,t)=>{const s=e.messages.filter(n=>t.has(n.id)).length;return s===0?"none":s===e.messages.length?"all":"some"},zi=e=>e===1?"message":"messages";function Ax({group:e,selected:t,onToggleGroup:s,onToggleMessage:n}){const[a,o]=l.useState(!1),i=Mx(e,t),c=e.messages.length,u=a?Qt:Ms;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(go,{className:"mt-0.5",checked:i==="all",indeterminate:i==="some",onChange:()=>s(e,i!=="all"),"aria-label":`${i==="all"?"Deselect":"Select"} all ${c} ${zi(c)} from ${e.senderName}`}),r.jsx(jt,{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(hu,{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(Ct,{tone:"positive",children:[r.jsx(gn,{className:"size-3","aria-hidden":!0}),e.trustReason]}),r.jsx("span",{className:"text-2xs text-fg-subtle",children:e.trustSubReason})]})]}),r.jsxs("button",{type:"button",onClick:()=>o(m=>!m),"aria-expanded":a,className:"flex shrink-0 items-center gap-1 rounded-md px-1.5 py-1 text-2xs text-fg-muted transition-colors hover:bg-surface-sunken hover:text-fg",children:[`${c} ${zi(c)}`,r.jsx(u,{className:"size-3.5","aria-hidden":!0})]})]}),a&&r.jsx("div",{className:"divide-y divide-line border-t border-line",children:e.messages.map(m=>r.jsx(Rx,{candidate:m,selected:t.has(m.id),onToggle:()=>n(m.id),hideSender:!0},m.id))})]})}const yo=e=>e===1?"message":"messages",Ox=(e,t)=>`Moves ${e===1?"this message":`these ${e} ${yo(e)}`} out of Spam to ${t} now. Nothing later.`,va=(e,t)=>e.find(s=>s.id===t)?.label??"Inbox";function Dx(){return r.jsx(pn,{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 Px({candidates:e,selected:t,onToggle:s,onToggleGroup:n,onSelectAll:a,onSelectNone:o,onContinue:i,onCancel:c}){const[u,m]=l.useState(!1),d=t.size,f=l.useMemo(()=>Tx(e),[e]);return r.jsxs("div",{className:"flex min-h-0 flex-col",children:[r.jsxs("div",{className:"px-row-inset pb-2 pt-1",children:[r.jsxs("div",{className:"flex items-start justify-between gap-2",children:[r.jsxs("h2",{className:"flex items-center gap-2 text-sm font-semibold text-fg",children:[r.jsx(gn,{className:"size-4 text-positive","aria-hidden":!0}),"Rescue from Spam"]}),r.jsx(ie,{variant:"ghost",size:"sm",icon:r.jsx(hh,{className:"size-3.5"}),onClick:()=>m(h=>!h),className:"-mr-1.5 -mt-0.5",children:"Why these?"})]}),r.jsx("p",{className:"mt-1 text-2xs text-fg-subtle",children:"These look safe — from senders we can verify. Uncheck any sender that belongs in Spam, or open a sender to pick individual messages."}),u&&r.jsx("div",{className:"mt-2",children:r.jsx(Dx,{})})]}),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 · ${f.length} ${f.length===1?"sender":"senders"}`}),r.jsxs("span",{className:"flex gap-1",children:[r.jsx(ie,{variant:"ghost",size:"sm",onClick:a,children:"Select all"}),r.jsx(ie,{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:f.map(h=>r.jsx(Ax,{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(ie,{variant:"primary",onClick:i,className:"h-11 w-full font-semibold",children:`Continue with ${d} ${yo(d)}`}),r.jsx(ie,{variant:"ghost",onClick:c,className:"h-11 w-full",children:"Cancel"})]})]})}function Lx({count:e,folders:t,delimiter:s,destination:n,onPick:a,onMove:o,onBack:i}){const[c,u]=l.useState(!1);return r.jsxs("div",{className:"flex min-h-0 flex-col",children:[r.jsxs("div",{className:"px-row-inset pb-2 pt-1",children:[r.jsx("h2",{className:"text-sm font-semibold text-fg",children:"Where should they go?"}),r.jsx("p",{className:"mt-1 text-2xs text-fg-subtle",children:"Pick a folder, then we move them out of Spam."})]}),r.jsx("div",{className:"flex min-h-0 flex-1 flex-col overflow-y-auto px-row-inset py-2",children:c?r.jsx("div",{className:"flex min-h-0 flex-1 overflow-hidden rounded-xl border border-line bg-surface",children:r.jsx(oc,{folders:t,selectedId:n,delimiter:s,onSelect:a,onCancel:()=>u(!1)})}):r.jsxs("div",{className:"rounded-xl border border-line bg-surface-sunken p-3",children:[r.jsx("p",{className:"text-2xs text-fg-subtle",children:"Destination"}),r.jsx("p",{className:"mt-0.5 text-sm font-medium text-fg",children:va(t,n)}),r.jsx(ie,{variant:"ghost",size:"sm",onClick:()=>u(!0),className:"mt-2 px-0",children:"Move to a different folder"})]})}),r.jsxs("div",{className:"space-y-2 border-t border-line bg-surface px-row-inset py-3",children:[r.jsx("p",{className:"text-2xs text-fg-subtle",children:Ox(e,va(t,n))}),r.jsx(ie,{variant:"primary",onClick:o,className:"h-11 w-full font-semibold",children:`Move ${e} out of Spam`}),r.jsx(ie,{variant:"ghost",onClick:i,className:"h-11 w-full",children:"Back"})]})]})}function Fx({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(Mh,{className:"size-10 text-positive","aria-hidden":!0}),r.jsx("p",{className:"text-base font-semibold text-fg",children:`Moved ${e} ${yo(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(ie,{variant:"primary",onClick:s,className:"h-11 w-full font-semibold",children:"Done"})})]})}function $x({open:e,candidates:t,defaultDestinationId:s,availableFolders:n,delimiter:a,onConfirmMove:o,onCancel:i}){const[c,u]=l.useState("review"),[m,d]=l.useState(()=>e?new Set(t.map(v=>v.id)):new Set),[f,h]=l.useState(s),[y,g]=l.useState(0),p=l.useRef(!1);l.useEffect(()=>{e&&!p.current&&(u("review"),d(new Set(t.map(v=>v.id))),h(s),g(0)),p.current=e},[e,t,s]);const x=m.size,b=v=>{d(k=>{const I=new Set(k);return I.has(v)?I.delete(v):I.add(v),I})},S=(v,k)=>{d(I=>{const A=new Set(I);for(const C of v.messages)k?A.add(C.id):A.delete(C.id);return A})},w=()=>{const v=Array.from(m);g(v.length),o(v,f),u("done")};return r.jsxs(vh,{open:e,onClose:i,dismissLabel:"Close rescue",children:[c==="review"&&r.jsx(Px,{candidates:t,selected:m,onToggle:b,onToggleGroup:S,onSelectAll:()=>d(new Set(t.map(v=>v.id))),onSelectNone:()=>d(new Set),onContinue:()=>u("destination"),onCancel:i}),c==="destination"&&r.jsx(Lx,{count:x,folders:n,delimiter:a,destination:f,onPick:h,onMove:w,onBack:()=>u("review")}),c==="done"&&r.jsx(Fx,{count:y,destinationLabel:va(n,f),onClose:i})]})}const _x={html:"",text:"",formatting:[]},Bi=e=>e.toLocaleString();function Ui({selectAll:e,selecting:t,className:s}){return r.jsx(go,{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 wo({title:e,count:t,onCancel:s,onDelete:n,onMove:a,onOrganize:o,onJunk:i,onMarkRead:c,navSlot:u,titleMeta:m,searchSlot:d,searchField:f,idleSlot:h,overflowSlot:y,isBusy:g=!1,isCounting:p=!1,selectAll:x,statusLabel:b,progress:S,notice:w}){const v=t>0||p,k=x?.checked?`All ${Bi(t)} loaded selected`:`${Bi(t)} ${t===1?"message":"messages"} selected`,I=[];return i&&!g&&!p&&I.push({key:"junk",label:"Junk",icon:r.jsx($s,{className:"size-4"}),onSelect:i}),c&&!g&&!p&&I.push({key:"mark-read",label:"Mark read",icon:r.jsx(gr,{className:"size-4"}),onSelect:c}),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:[v?r.jsx(ie,{variant:"ghost",size:"touch",icon:r.jsx(La,{className:"size-5"}),onClick:s,"aria-label":"Cancel selection",className:"-ml-2 shrink-0"}):u,x&&r.jsx(Ui,{selectAll:x,selecting:v,className:"hidden shrink-0 pr-2 md:flex"}),v?r.jsx("span",{"data-selection-count":"",className:"min-w-0 flex-1 truncate px-1 text-sm font-medium text-fg",role:"status","aria-live":"polite",children:b??k}):f?r.jsx("div",{className:"flex min-w-0 flex-1 items-center gap-1",children:f}):r.jsxs(r.Fragment,{children:[r.jsx("h1",{className:"min-w-0 flex-1 truncate px-1 text-sm font-semibold text-fg",children:e}),m,d]}),v&&!p&&r.jsxs(r.Fragment,{children:[r.jsx(ie,{variant:"ghost",size:"touch",icon:g?r.jsx(hs,{className:"size-5 animate-spin"}):r.jsx(Lt,{className:"size-5 text-danger"}),onClick:g?void 0:n,"aria-label":"Move selected messages to Trash","aria-busy":g||void 0,className:"shrink-0"}),!g&&a&&r.jsx(ie,{variant:"ghost",size:"touch",icon:r.jsx(Da,{className:"size-5"}),onClick:a,"aria-label":"Move selected messages",className:"shrink-0"}),!g&&o&&r.jsx(ie,{variant:"ghost",size:"touch",icon:r.jsx(Dt,{className:"size-5"}),onClick:o,"aria-label":"Organize selected messages",className:"shrink-0"})]}),v&&r.jsx(po,{triggerLabel:"More actions",items:I,className:"shrink-0",children:!g&&!p&&y})]}),!v&&h,v&&x&&r.jsx("div",{"data-selection-bar-row":"select-all",className:"px-row-inset pb-2 md:hidden",children:r.jsx(Ui,{selectAll:x,selecting:v,className:"w-full"})}),S&&r.jsx("div",{className:"px-row-inset pb-2",children:r.jsx(rm,{value:S.value,max:S.max,tone:S.tone})}),w&&r.jsx(pn,{"data-selection-notice":"",tone:w.tone,variant:"soft",role:"status","aria-live":"polite",className:"mx-row-inset mb-2",children:r.jsxs("div",{className:"flex items-center justify-between gap-2",children:[w.text&&r.jsx("span",{children:w.text}),w.action&&r.jsx(ie,{variant:"ghost",size:"md",onClick:w.action.onClick,className:"-my-1 min-h-11 shrink-0",children:w.action.label})]})})]})}const zx={global:"Search all mail",pending:"Search mail",scoped:"Search this folder"};function Bx({search:e,onCompose:t,onReportBug:s,onOpenSettings:n,composeShortcut:a,refreshControl:o,account:i}){return r.jsx(Kg,{leading:r.jsx(vx,{}),search:r.jsx(xo,{value:e.value,onChange:e.onChange,onClear:e.onClear,onClearQuery:e.onClearQuery,chips:e.chips,onRemoveChip:e.onRemoveChip,placeholder:zx[e.scope]}),actions:r.jsxs(r.Fragment,{children:[r.jsx(ie,{variant:"ghost",size:"sm",icon:r.jsx(wp,{className:"size-4"}),title:a?`Compose (${a})`:"Compose","aria-label":"Compose",onClick:t}),r.jsx(ie,{variant:"ghost",size:"sm",icon:r.jsx($c,{className:"size-4"}),title:"Report a bug","aria-label":"Report a bug",onClick:s}),r.jsx(ie,{variant:"ghost",size:"sm",icon:r.jsx(Hc,{className:"size-4"}),title:"Settings","aria-label":"Settings",onClick:n}),o,i]})})}const So=[{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"}],pu={id:"unread",label:"Unread"},Ux={id:"flagged",label:"Starred"},gu={id:"attachment",label:"Has attachment"};function Kx(e){if(!(e.length<=1))return e.map(t=>({id:t.id,label:t.label,count:t.count,active:t.active}))}function qx(e=[]){return{categories:[...So],filters:am,sources:Kx(e)}}function xu(){return{categories:[...So],filters:[pu,Ux,gu]}}function Hx(){return{categories:[...So],filters:[pu,gu]}}const Wx=["p","br","div","h1","h2","h3","h4","h5","h6","strong","b","em","i","u","s","ul","ol","li","blockquote","pre","code","hr","table","thead","tbody","tr","th","td","a","img"],Vx=["href","src","alt","colspan","rowspan","lang","dir"],Qx=/^(?:https?:|mailto:)/i,Gx=/^(?:https:|data:image\/)/i,Yx=e=>{const t=nc();if(!t.isSupported)throw new Error("adopted HTML cannot be sanitized: no DOM is available");return t.addHook("afterSanitizeAttributes",s=>{if(s.tagName==="A"){Qx.test(s.getAttribute("href")??"")||s.removeAttribute("href"),e==="quoted"&&(s.setAttribute("target","_blank"),s.setAttribute("rel","noopener noreferrer nofollow"));return}if(s.tagName==="IMG"){if(e==="quoted"){s.remove();return}Gx.test(s.getAttribute("src")??"")||s.remove()}}),t},Ki=new Map,Xx=e=>{const t=Ki.get(e);if(t)return t;const s=Yx(e);return Ki.set(e,s),s},bu=(e,t)=>Xx(t).sanitize(e,{ALLOWED_TAGS:Wx,ALLOWED_ATTR:Vx,ALLOW_DATA_ATTR:!1,ALLOW_ARIA_ATTR:!1}),LN=e=>bu(e,"outgoing"),Jx=e=>bu(e,"quoted");function Zx(e,t){return e.endsWith(t)?e.length===t.length||e[e.length-t.length-1]===".":!1}function eb(e,t){const s=e.length-t.length-2,n=e.lastIndexOf(".",s);return n===-1?e:e.slice(n+1)}function tb(e,t,s){if(s.validHosts!==null){const a=s.validHosts;for(const o of a)if(Zx(t,o))return o}let n=0;if(t.startsWith("."))for(;n<t.length&&t[n]===".";)n+=1;return e.length===t.length-n?null:eb(t,e)}const Hr=/[\t\n\r]/g;let ya=!1;function qi(e){return e>=97&&e<=122||e>=48&&e<=57||e>127||e>=65&&e<=90||e===45||e===95}function Hi(e,t,s){const n=s-t,a=e.charCodeAt(t)|32;if(n===2)return a===119&&(e.charCodeAt(t+1)|32)===115?1:0;if(n===3){const o=e.charCodeAt(t+1)|32,i=e.charCodeAt(t+2)|32;return a===119&&o===115&&i===115||a===102&&o===116&&i===112?1:0}else if(n===4){const o=e.charCodeAt(t+1)|32,i=e.charCodeAt(t+2)|32,c=e.charCodeAt(t+3)|32;return a===104&&o===116&&i===116&&c===112?1:a===102&&o===105&&i===108&&c===101?2:0}else if(n===5)return a===104&&(e.charCodeAt(t+1)|32)===116&&(e.charCodeAt(t+2)|32)===116&&(e.charCodeAt(t+3)|32)===112&&(e.charCodeAt(t+4)|32)===115?1:0;return 0}function an(e,t,s=!1){let n=0,a=e.length,o=!1,i=!1;if(ya=!1,!t){if(e.startsWith("data:"))return null;for(;n<e.length&&e.charCodeAt(n)<=32;)n+=1;for(;a>n+1&&e.charCodeAt(a-1)<=32;)a-=1;if(e.charCodeAt(n)===47&&e.charCodeAt(n+1)===47)n+=2;else{const x=e.indexOf(":/",n);if(x!==-1){const b=Hi(e,n,x);if(b===1)for(i=!0,n=x+2;e.charCodeAt(n)===47||e.charCodeAt(n)===92;)n+=1;else if(b===2){i=!0,n=x+1;let S=0;for(;(e.charCodeAt(n)===47||e.charCodeAt(n)===92)&&S<2;)n+=1,S+=1;if(S<2)return null}else{for(let S=n;S<x;S+=1){const w=e.charCodeAt(S)|32;if(!(w>=97&&w<=122||w>=48&&w<=57||w===46||w===45||w===43)){const v=e.charCodeAt(S);return v===9||v===10||v===13?an(e.replace(Hr,""),t,s):null}}if(e.charCodeAt(x+2)===47)n=x+3;else return null}}else if(e.charCodeAt(n)!==91){let b=-1;for(let S=n;S<a;S+=1){const w=e.charCodeAt(S);if(w===9||w===10||w===13)return an(e.replace(Hr,""),t,s);if(w===58){b=S;break}if(w===47||w===92||w===63||w===35)break}if(b!==-1){let S=!1;for(let w=b+1;w<a;w+=1){const v=e.charCodeAt(w);if(v===47||v===92||v===63||v===35)break;if(v===64){S=!0;break}}if(!S){let w=!0,v=b+1;for(;v<a;v+=1){const k=e.charCodeAt(v);if(k===47||k===92||k===63||k===35)break;if(k<48||k>57){w=!1;break}}if(v===b+1&&(w=!1),!w){const k=Hi(e,n,b);if(k===0){let I=!1;for(let A=b+1;A<a;A+=1){const C=e.charCodeAt(A);if(C===47||C===92||C===63||C===35)break;if(C===58){I=!0;break}}if(!I)return null}else if(i=!0,n=b+1,k===2){let I=0;for(;(e.charCodeAt(n)===47||e.charCodeAt(n)===92)&&I<2;)n+=1,I+=1;if(I<2)return null}else for(;e.charCodeAt(n)===47||e.charCodeAt(n)===92;)n+=1}}}}}let u=-1,m=-1,d=-1,f=-1,h=!1,y=s,g=n-1,p=-1;if(s&&n<a){const x=e.charCodeAt(n);(!(qi(x)||x===46||x===95)||x===45)&&(y=!1)}for(let x=n;x<a;x+=1){const b=e.charCodeAt(x);if(b<64)if(b===47||b===35||b===63){a=x;break}else b===58?(f===-1&&(f=x),d=x):b===9||b===10||b===13?h=!0:s&&(b===46?((x-g>64||p===46||p===45)&&(y=!1),g=x):(b<48||b>57)&&(b!==45||p===46)&&(y=!1));else if(i&&b===92){a=x;break}else b===64?(u=x,f=-1):b===93?m=x:b>=65&&b<=90?o=!0:s&&!qi(b)&&(y=!1);s&&(p=b)}if(h)return an(e.replace(Hr,""),t,s);if(u!==-1&&u>=n&&u<a&&(n=u+1),e.charCodeAt(n)===91)return m!==-1?e.slice(n+1,m).toLowerCase():null;if(d!==-1&&d>n&&d<a&&f===d&&(a=d),n>=a)return null;s&&y&&u===-1&&d===-1&&m===-1&&e.charCodeAt(a-1)!==46&&a-n<=255&&a-g-1<=63&&p!==45&&(ya=!0)}for(;a>n+1&&e.charCodeAt(a-1)===46;)a-=1;const c=n!==0||a!==e.length?e.slice(n,a):e;return o?c.toLowerCase():c}function sb(e){if(e.length<7||e.length>15)return!1;let t=0;for(let s=0;s<e.length;s+=1){const n=e.charCodeAt(s);if(n===46)t+=1;else if(n<48||n>57)return!1}return t===3&&e.charCodeAt(0)!==46&&e.charCodeAt(e.length-1)!==46}function nb(e){if(e.length<3)return!1;let t=e.startsWith("[")?1:0,s=e.length;if(e[s-1]==="]"&&(s-=1),s-t>39)return!1;let n=!1;for(;t<s;t+=1){const a=e.charCodeAt(t);if(a===58)n=!0;else if(!(a>=48&&a<=57||a>=97&&a<=102||a>=65&&a<=70))return!1}return n}function rb(e){return nb(e)||sb(e)}function Wi(e){return e>=97&&e<=122||e>=48&&e<=57||e>127}function Vi(e){if(e.length>255||e.length===0||!Wi(e.charCodeAt(0))&&e.charCodeAt(0)!==46&&e.charCodeAt(0)!==95)return!1;let t=-1,s=-1;const n=e.length;for(let a=0;a<n;a+=1){const o=e.charCodeAt(a);if(o===46){if(a-t>64||s===46||s===45)return!1;t=a}else if(!(Wi(o)||o===45||o===95)||o===45&&s===46)return!1;s=o}return n-t-1<=63&&s!==45}function ab({allowIcannDomains:e=!0,allowPrivateDomains:t=!1,detectIp:s=!0,detectSpecialUse:n=!1,extractHostname:a=!0,mixedInputs:o=!0,validHosts:i=null,validateHostname:c=!0}){return{allowIcannDomains:e,allowPrivateDomains:t,detectIp:s,detectSpecialUse:n,extractHostname:a,mixedInputs:o,validHosts:i,validateHostname:c}}const ob=ab({});function ib(e){return ob}function lb(){return{domain:null,domainWithoutSuffix:null,hostname:null,isIcann:null,isIp:null,isPrivate:null,isSpecialUse:null,publicSuffix:null,subdomain:null}}function cb(e){e.domain=null,e.domainWithoutSuffix=null,e.hostname=null,e.isIcann=null,e.isIp=null,e.isPrivate=null,e.isSpecialUse=null,e.publicSuffix=null,e.subdomain=null}function ub(e,t,s,n,a){const o=ib();if(typeof e!="string")return a;let i=!1;return o.extractHostname?o.mixedInputs?(i=Vi(e),a.hostname=an(e,i,o.validateHostname)):a.hostname=an(e,!1,o.validateHostname):a.hostname=e,o.detectIp&&a.hostname!==null&&(a.isIp=rb(a.hostname),a.isIp)?a:o.validateHostname&&o.extractHostname&&a.hostname!==null&&!(i&&a.hostname===e)&&!ya&&!Vi(a.hostname)?(a.hostname=null,a):(a.hostname===null||(s(a.hostname,o,a),a.publicSuffix===null)||(a.domain=tb(a.publicSuffix,a.hostname,o)),a)}const Qi=lb();function db(e,t){return cb(Qi),ub(e,3,om,t,Qi).domain}const br=e=>{const t=new Set,s=[];for(const n of e){const a=n.trim();if(a==="")continue;const o=a.toLowerCase();t.has(o)||(t.add(o),s.push(a))}return s},fb=e=>{const t=e.lastIndexOf("@");return t>=0?e.slice(t+1):e},vu=e=>db(fb(e.trim())),mb=e=>{const t=br(e);if(t.length<2)return null;let s=null;for(const n of t){const a=vu(n);if(a===null)return null;if(s===null)s=a;else if(s!==a)return null}return s},vr=e=>{const t=mb(e);return t!==null?[{field:"FromDomain",value:t}]:br(e).map(s=>({field:"From",value:s}))},hb=e=>{const t=new Map;for(const a of e){const o=a.normalizedEmail.trim().toLowerCase();if(o==="")continue;const i=t.get(o);i?i.count+=1:t.set(o,{sender:a,count:1})}let s,n=0;for(const{sender:a,count:o}of t.values())o<=n||(s=a,n=o);return s},yu=e=>e.displayName?.trim()||e.normalizedEmail,pb=/^\s*(?:(?:re|aw|fwd?|vs|sv|antw|res|enc|tr)\s*(?:\[\d+\])?\s*:|\[[^\]]{1,32}\])\s*/i,gb=e=>{let t=e.replace(/\s+/g," ").trim();for(;;){const s=t.replace(pb,"");if(s===t)return t.trim();t=s}},xb=new Set(["a","an","and","are","as","at","be","by","for","from","has","have","in","is","it","me","my","new","of","on","or","our","the","this","to","was","we","with","you","your"]),bb=3,Wr=e=>e.split(" ").filter(t=>t!==""),Gi=e=>e.length===0||e.join(" ").length<bb?!1:e.some(t=>!xb.has(t.toLowerCase())),vb=(e,t)=>e.findIndex((s,n)=>t.every((a,o)=>e[n+o]?.toLowerCase()===a.toLowerCase())),yb=e=>{const t=e.map(gb).filter(o=>o!=="");if(t.length===0)return;const[s,...n]=t;if(n.length===0)return Gi(Wr(s))?s:void 0;const a=Wr(s);for(let o=a.length;o>0;o-=1)for(let i=0;i+o<=a.length;i+=1){const c=a.slice(i,i+o);if(Gi(c)&&n.every(u=>vb(Wr(u),c)>=0))return c.join(" ")}},wb=(e,t)=>{const s=vr(e);if(br(e).length===1||s.length===1&&s[0].field==="FromDomain")return s;const n=yb(t);return n!==void 0?[{field:"Subject",value:n}]:s},Sb=({match:e,sender:t,folder:s})=>{const n=e??t;return n?s?`${n} → ${s}`:e?`Mail matching ${e}`:`Mail from ${n}`:s?`Mail to ${s}`:""},kb=e=>e.clauses.length>0,Cb=e=>({scopedOutFolder:e.scopedOut?.label,droppedFacets:e.droppedFacets.map(t=>t.label),droppedSemantic:e.droppedSemantic}),jb=({orderedIds:e,isDesktop:t,initialFocusedId:s,initialSelectedIds:n,onExitSelection:a})=>{const[o,i]=l.useState(s),[c,u]=l.useState(),m=l.useCallback(T=>{u(F=>F===T?F:void 0),i(T)},[]),d=Yc({initialSelectedIds:n}),{selectedCount:f,toggle:h,clearSelection:y,selectRange:g,setAnchor:p,selectAll:x}=d,b=mo(f,t),S=l.useRef(null),w=l.useRef(!1),v=l.useCallback(()=>{a?.(),y()},[y,a]),k=l.useMemo(()=>o?e.indexOf(o):-1,[e,o]),I=l.useCallback(T=>{if(T<0||T>=e.length)return;const F=e[T];if(b){h(F);return}S.current=F,w.current=!1,u(F),i(F)},[e,b,h]),A=l.useCallback(()=>{e.length!==0&&I(k<0?0:Math.min(k+1,e.length-1))},[e.length,k,I]),C=l.useCallback(()=>{e.length!==0&&I(k<=0?0:k-1)},[e.length,k,I]),M=l.useCallback(()=>I(0),[I]),D=l.useCallback(()=>I(e.length-1),[I,e.length]),E=l.useCallback(()=>{o&&h(o)},[o,h]),L=l.useCallback((T,F)=>{const N=Ap(F);return N==="range"?(g(e,T,o),!0):N==="toggle"?(h(T),!0):(v(),p(T),!1)},[e,o,g,h,v,p]),O=l.useCallback(T=>{const F=Gc(e,o,T);F!==void 0&&(g(e,F),S.current=F,w.current=!1,u(void 0),i(F))},[e,o,g]),j=l.useCallback(()=>O(-1),[O]),R=l.useCallback(()=>O(1),[O]),P=l.useCallback(()=>{e.length>0&&x(e)},[e,x]);return{focusedMessageId:o,setFocusedMessageId:m,keyboardFocusedMessageId:c,focusIndex:k,pendingDomFocusRef:S,cursorMovedByPointerRef:w,selection:d,isMultiSelectMode:b,exitSelection:v,moveFocusToIndex:I,focusNext:A,focusPrevious:C,focusFirst:M,focusLast:D,toggleFocusedSelection:E,extendRangeUp:j,extendRangeDown:R,selectAllLoaded:P,handleRowSelect:L}};function Nb({handlers:e,enabled:t=!0,target:s,sequenceTimeoutMs:n=1e3}){const a=l.useRef(e);a.current=e;const o=l.useRef(null),i=l.useRef(null);l.useEffect(()=>{if(!t)return;const c=()=>{i.current!==null&&(clearTimeout(i.current),i.current=null)},u=d=>{const f=Wp({key:d.key,shiftKey:d.shiftKey,metaKey:d.metaKey,ctrlKey:d.ctrlKey,altKey:d.altKey,inEditable:Vp(d.target),onControl:Gp(d.target)},o.current);if(c(),o.current=f.nextPrefix,f.nextPrefix!==null&&(i.current=setTimeout(()=>{o.current=null,i.current=null},n)),f.action===null)return;const h=a.current[f.action];h&&(f.preventDefault&&d.preventDefault(),h())},m=s===void 0?window:s;if(m!==null)return m.addEventListener("keydown",u),()=>{m.removeEventListener("keydown",u),c(),o.current=null}},[t,n,s])}function Vt(e,t,{checkForDefaultPrevented:s=!0}={}){return function(a){if(e?.(a),s===!1||!a||!a.defaultPrevented)return t?.(a)}}function Yi(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function Eb(...e){return t=>{let s=!1;const n=e.map(a=>{const o=Yi(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():Yi(e[a],null)}}}}function gs(...e){return l.useCallback(Eb(...e),e)}function Ib(e,t=[]){let s=[];function n(o,i){const c=l.createContext(i);c.displayName=o+"Context";const u=s.length;s=[...s,i];const m=f=>{const{scope:h,children:y,...g}=f,p=h?.[e]?.[u]||c,x=l.useMemo(()=>g,Object.values(g));return r.jsx(p.Provider,{value:x,children:y})};m.displayName=o+"Provider";function d(f,h,y={}){const{optional:g=!1}=y,p=h?.[e]?.[u]||c,x=l.useContext(p);if(x)return x;if(i!==void 0)return i;if(!g)throw new Error(`\`${f}\` must be used within \`${o}\``)}return[m,d]}const a=()=>{const o=s.map(i=>l.createContext(i));return function(c){const u=c?.[e]||o;return l.useMemo(()=>({[`__scope${e}`]:{...c,[e]:u}}),[c,u])}};return a.scopeName=e,[n,Rb(a,...t)]}function Rb(...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((c,{useScope:u,scopeName:m})=>{const f=u(o)[`__scope${m}`];return{...c,...f}},{});return l.useMemo(()=>({[`__scope${t.scopeName}`]:i}),[i])}};return s.scopeName=t.scopeName,s}var un=globalThis?.document?l.useLayoutEffect:()=>{},Tb=$a[" useInsertionEffect ".trim().toString()]||un;function Mb({prop:e,defaultProp:t,onChange:s=()=>{},caller:n}){const[a,o,i]=Ab({defaultProp:t,onChange:s}),c=e!==void 0,u=c?e:a;{const d=l.useRef(e!==void 0);l.useEffect(()=>{const f=d.current;f!==c&&console.warn(`${n} is changing from ${f?"controlled":"uncontrolled"} to ${c?"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=c},[c,n])}const m=l.useCallback(d=>{if(c){const f=Ob(d)?d(e):d;f!==e&&i.current?.(f)}else o(d)},[c,e,o,i]);return[u,m]}function Ab({defaultProp:e,onChange:t}){const[s,n]=l.useState(e),a=l.useRef(s),o=l.useRef(t);return Tb(()=>{o.current=t},[t]),l.useEffect(()=>{a.current!==s&&(o.current?.(s),a.current=s)},[s,a]),[s,n,o]}function Ob(e){return typeof e=="function"}function wu(e){const t=l.forwardRef((s,n)=>{let{children:a,...o}=s,i=null,c=!1;const u=[];Xi(a)&&typeof In=="function"&&(a=In(a._payload)),l.Children.forEach(a,h=>{if($b(h)){c=!0;const y=h;let g="child"in y.props?y.props.child:y.props.children;Xi(g)&&typeof In=="function"&&(g=In(g._payload)),i=Pb(y,g),u.push(i?.props?.children)}else u.push(h)}),i?i=l.cloneElement(i,void 0,u):!c&&l.Children.count(a)===1&&l.isValidElement(a)&&(i=a);const m=i?Fb(i):void 0,d=gs(n,m);if(!i){if(a||a===0)throw new Error(c?Ub(e):Bb(e));return a}const f=Lb(o,i.props??{});return i.type!==l.Fragment&&(f.ref=n?d:m),l.cloneElement(i,f)});return t.displayName=`${e}.Slot`,t}var Db=Symbol.for("radix.slottable"),Pb=(e,t)=>{if("child"in e.props){const s=e.props.child;return l.isValidElement(s)?l.cloneElement(s,void 0,e.props.children(s.props.children)):null}return l.isValidElement(t)?t:null};function Lb(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]=(...c)=>{const u=o(...c);return a(...c),u}:a&&(s[n]=a):n==="style"?s[n]={...a,...o}:n==="className"&&(s[n]=[a,o].filter(Boolean).join(" "))}return{...e,...s}}function Fb(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 $b(e){return l.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===Db}var _b=Symbol.for("react.lazy");function Xi(e){return e!=null&&typeof e=="object"&&"$$typeof"in e&&e.$$typeof===_b&&"_payload"in e&&zb(e._payload)}function zb(e){return typeof e=="object"&&e!==null&&"then"in e}var Bb=e=>`${e} failed to slot onto its children. Expected a single React element child or \`Slottable\`.`,Ub=e=>`${e} failed to slot onto its \`Slottable\`. Expected \`Slottable\` to receive a single React element child.`,In=$a[" use ".trim().toString()],Kb=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],_t=Kb.reduce((e,t)=>{const s=wu(`Primitive.${t}`),n=l.forwardRef((a,o)=>{const{asChild:i,...c}=a,u=i?s:t;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),r.jsx(u,{...c,ref:o})});return n.displayName=`Primitive.${t}`,{...e,[t]:n}},{});function qb(e,t){e&&_a.flushSync(()=>e.dispatchEvent(t))}function dn(e){const t=l.useRef(e);return l.useEffect(()=>{t.current=e}),l.useMemo(()=>((...s)=>t.current?.(...s)),[])}var Hb="DismissableLayer",wa="dismissableLayer.update",Wb="dismissableLayer.pointerDownOutside",Vb="dismissableLayer.focusOutside",Ji,ko=l.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set,dismissableSurfaces:new Set}),Su=l.forwardRef((e,t)=>{const{disableOutsidePointerEvents:s=!1,deferPointerDownOutside:n=!1,onEscapeKeyDown:a,onPointerDownOutside:o,onFocusOutside:i,onInteractOutside:c,onDismiss:u,...m}=e,d=l.useContext(ko),[f,h]=l.useState(null),y=f?.ownerDocument??globalThis?.document,[,g]=l.useState({}),p=gs(t,h),x=Array.from(d.layers),[b]=[...d.layersWithOutsidePointerEventsDisabled].slice(-1),S=b?x.indexOf(b):-1,w=f?x.indexOf(f):-1,v=d.layersWithOutsidePointerEventsDisabled.size>0,k=w>=S,I=l.useRef(!1),A=Jb(E=>{o?.(E),c?.(E),E.defaultPrevented||u?.()},{ownerDocument:y,deferPointerDownOutside:n,isDeferredPointerDownOutsideRef:I,dismissableSurfaces:d.dismissableSurfaces,shouldHandlePointerDownOutside:l.useCallback(E=>{if(!(E instanceof Node))return!1;const L=[...d.branches].some(O=>O.contains(E));return k&&!L},[d.branches,k])}),C=Zb(E=>{if(n&&I.current)return;const L=E.target;[...d.branches].some(j=>j.contains(L))||(i?.(E),c?.(E),E.defaultPrevented||u?.())},y),M=f?w===x.length-1:!1,D=dn(E=>{E.key==="Escape"&&(a?.(E),!E.defaultPrevented&&u&&(E.preventDefault(),u()))});return l.useEffect(()=>{if(M)return y.addEventListener("keydown",D,{capture:!0}),()=>y.removeEventListener("keydown",D,{capture:!0})},[y,M,D]),l.useEffect(()=>{if(f)return s&&(d.layersWithOutsidePointerEventsDisabled.size===0&&(Ji=y.body.style.pointerEvents,y.body.style.pointerEvents="none"),d.layersWithOutsidePointerEventsDisabled.add(f)),d.layers.add(f),Zi(),()=>{s&&(d.layersWithOutsidePointerEventsDisabled.delete(f),d.layersWithOutsidePointerEventsDisabled.size===0&&(y.body.style.pointerEvents=Ji))}},[f,y,s,d]),l.useEffect(()=>()=>{f&&(d.layers.delete(f),d.layersWithOutsidePointerEventsDisabled.delete(f),Zi())},[f,d]),l.useEffect(()=>{const E=()=>g({});return document.addEventListener(wa,E),()=>document.removeEventListener(wa,E)},[]),r.jsx(_t.div,{...m,ref:p,style:{pointerEvents:v?k?"auto":"none":void 0,...e.style},onFocusCapture:Vt(e.onFocusCapture,C.onFocusCapture),onBlurCapture:Vt(e.onBlurCapture,C.onBlurCapture),onPointerDownCapture:Vt(e.onPointerDownCapture,A.onPointerDownCapture)})});Su.displayName=Hb;var Qb="DismissableLayerBranch",Gb=l.forwardRef((e,t)=>{const s=l.useContext(ko),n=l.useRef(null),a=gs(t,n);return l.useEffect(()=>{const o=n.current;if(o)return s.branches.add(o),()=>{s.branches.delete(o)}},[s.branches]),r.jsx(_t.div,{...e,ref:a})});Gb.displayName=Qb;function Yb(){const e=l.useContext(ko),[t,s]=l.useState(null);return l.useEffect(()=>{if(t)return e.dismissableSurfaces.add(t),()=>{e.dismissableSurfaces.delete(t)}},[t,e.dismissableSurfaces]),s}var Xb=()=>!0;function Jb(e,t){const{ownerDocument:s=globalThis?.document,deferPointerDownOutside:n=!1,isDeferredPointerDownOutsideRef:a,dismissableSurfaces:o,shouldHandlePointerDownOutside:i=Xb}=t,c=dn(e),u=l.useRef(!1),m=l.useRef(!1),d=l.useRef(new Map),f=l.useRef(()=>{});return l.useEffect(()=>{function h(){m.current=!1,a.current=!1,d.current.clear()}function y(){return Array.from(d.current.values()).some(Boolean)}function g(w){if(!m.current)return;const v=w.target;v instanceof Node&&[...o].some(I=>I.contains(v))||d.current.set(w.type,!0),w.type==="click"&&window.setTimeout(()=>{m.current&&f.current()},0)}function p(w){m.current&&d.current.set(w.type,!1)}const x=w=>{if(w.target&&!u.current){let v=function(){s.removeEventListener("click",f.current);const I=y();h(),I||ku(Wb,c,k,{discrete:!0})};if(!i(w.target)){s.removeEventListener("click",f.current),h(),u.current=!1;return}const k={originalEvent:w};m.current=!0,a.current=n&&w.button===0,d.current.clear(),!n||w.button!==0?v():(s.removeEventListener("click",f.current),f.current=v,s.addEventListener("click",f.current,{once:!0}))}else s.removeEventListener("click",f.current),h();u.current=!1},b=["pointerup","mousedown","mouseup","touchstart","touchend","click"];for(const w of b)s.addEventListener(w,g,!0),s.addEventListener(w,p);const S=window.setTimeout(()=>{s.addEventListener("pointerdown",x)},0);return()=>{window.clearTimeout(S),s.removeEventListener("pointerdown",x),s.removeEventListener("click",f.current);for(const w of b)s.removeEventListener(w,g,!0),s.removeEventListener(w,p)}},[s,c,n,a,o,i]),{onPointerDownCapture:()=>u.current=!0}}function Zb(e,t=globalThis?.document){const s=dn(e),n=l.useRef(!1);return l.useEffect(()=>{const a=o=>{o.target&&!n.current&&ku(Vb,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 Zi(){const e=new CustomEvent(wa);document.dispatchEvent(e)}function ku(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?qb(a,o):a.dispatchEvent(o)}var Rn=0,Ss=null;function ev(){l.useEffect(()=>{Ss||(Ss={start:el(),end:el()});const{start:e,end:t}=Ss;return document.body.firstElementChild!==e&&document.body.insertAdjacentElement("afterbegin",e),document.body.lastElementChild!==t&&document.body.insertAdjacentElement("beforeend",t),Rn++,()=>{Rn===1&&(Ss?.start.remove(),Ss?.end.remove(),Ss=null),Rn=Math.max(0,Rn-1)}},[])}function el(){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 Vr="focusScope.autoFocusOnMount",Qr="focusScope.autoFocusOnUnmount",tl={bubbles:!1,cancelable:!0},tv="FocusScope",Cu=l.forwardRef((e,t)=>{const{loop:s=!1,trapped:n=!1,onMountAutoFocus:a,onUnmountAutoFocus:o,...i}=e,[c,u]=l.useState(null),m=dn(a),d=dn(o),f=l.useRef(null),h=gs(t,u),y=l.useRef({paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}}).current;l.useEffect(()=>{if(n){let p=function(w){if(y.paused||!c)return;const v=w.target;c.contains(v)?f.current=v:Ut(f.current,{select:!0})},x=function(w){if(y.paused||!c)return;const v=w.relatedTarget;v!==null&&(c.contains(v)||Ut(f.current,{select:!0}))},b=function(w){if(document.activeElement===document.body)for(const k of w)k.removedNodes.length>0&&Ut(c)};document.addEventListener("focusin",p),document.addEventListener("focusout",x);const S=new MutationObserver(b);return c&&S.observe(c,{childList:!0,subtree:!0}),()=>{document.removeEventListener("focusin",p),document.removeEventListener("focusout",x),S.disconnect()}}},[n,c,y.paused]),l.useEffect(()=>{if(c){nl.add(y);const p=document.activeElement;if(!c.contains(p)){const b=new CustomEvent(Vr,tl);c.addEventListener(Vr,m),c.dispatchEvent(b),b.defaultPrevented||(sv(iv(ju(c)),{select:!0}),document.activeElement===p&&Ut(c))}return()=>{c.removeEventListener(Vr,m),setTimeout(()=>{const b=new CustomEvent(Qr,tl);c.addEventListener(Qr,d),c.dispatchEvent(b),b.defaultPrevented||Ut(p??document.body,{select:!0}),c.removeEventListener(Qr,d),nl.remove(y)},0)}}},[c,m,d,y]);const g=l.useCallback(p=>{if(!s&&!n||y.paused)return;const x=p.key==="Tab"&&!p.altKey&&!p.ctrlKey&&!p.metaKey,b=document.activeElement;if(x&&b){const S=p.currentTarget,[w,v]=nv(S);w&&v?!p.shiftKey&&b===v?(p.preventDefault(),s&&Ut(w,{select:!0})):p.shiftKey&&b===w&&(p.preventDefault(),s&&Ut(v,{select:!0})):b===S&&p.preventDefault()}},[s,n,y.paused]);return r.jsx(_t.div,{tabIndex:-1,...i,ref:h,onKeyDown:g})});Cu.displayName=tv;function sv(e,{select:t=!1}={}){const s=document.activeElement;for(const n of e)if(Ut(n,{select:t}),document.activeElement!==s)return}function nv(e){const t=ju(e),s=sl(t,e),n=sl(t.reverse(),e);return[s,n]}function ju(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 sl(e,t){const s=typeof t.checkVisibility=="function"&&t.checkVisibility({checkVisibilityCSS:!0});for(const n of e)if(!(s?!n.checkVisibility({checkVisibilityCSS:!0}):rv(n,{upTo:t})))return n}function rv(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 av(e){return e instanceof HTMLInputElement&&"select"in e}function Ut(e,{select:t=!1}={}){if(e&&e.focus){const s=document.activeElement;e.focus({preventScroll:!0}),e!==s&&av(e)&&t&&e.select()}}var nl=ov();function ov(){let e=[];return{add(t){const s=e[0];t!==s&&s?.pause(),e=rl(e,t),e.unshift(t)},remove(t){e=rl(e,t),e[0]?.resume()}}}function rl(e,t){const s=[...e],n=s.indexOf(t);return n!==-1&&s.splice(n,1),s}function iv(e){return e.filter(t=>t.tagName!=="A")}var lv=$a[" useId ".trim().toString()]||(()=>{}),cv=0;function Gr(e){const[t,s]=l.useState(lv());return un(()=>{s(n=>n??String(cv++))},[e]),e||(t?`radix-${t}`:"")}var uv="Portal",Nu=l.forwardRef((e,t)=>{const{container:s,...n}=e,[a,o]=l.useState(!1);un(()=>o(!0),[]);const i=s||a&&globalThis?.document?.body;return i?_a.createPortal(r.jsx(_t.div,{...n,ref:t}),i):null});Nu.displayName=uv;function dv(e,t){return l.useReducer((s,n)=>t[s][n]??s,e)}var yr=e=>{const{present:t,children:s}=e,n=fv(t),a=typeof s=="function"?s({present:n.isPresent}):l.Children.only(s),o=mv(n.ref,hv(a));return typeof s=="function"||n.isPresent?l.cloneElement(a,{ref:o}):null};yr.displayName="Presence";function fv(e){const[t,s]=l.useState(),n=l.useRef(null),a=l.useRef(e),o=l.useRef("none"),i=l.useRef(void 0),c=e?"mounted":"unmounted",[u,m]=dv(c,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return l.useEffect(()=>{u==="mounted"?(o.current=i.current??Ys(n.current),i.current=void 0):o.current="none"},[u]),un(()=>{const d=n.current,f=a.current;if(f!==e){const y=o.current,g=Ys(d);e?(i.current=g,m("MOUNT")):g==="none"||d?.display==="none"?m("UNMOUNT"):m(f&&y!==g?"ANIMATION_OUT":"UNMOUNT"),a.current=e}},[e,m]),un(()=>{if(t){let d;const f=t.ownerDocument.defaultView??window,h=g=>{const x=Ys(n.current).includes(CSS.escape(g.animationName));if(g.target===t&&x&&(m("ANIMATION_END"),!a.current)){const b=t.style.animationFillMode;t.style.animationFillMode="forwards",d=f.setTimeout(()=>{t.style.animationFillMode==="forwards"&&(t.style.animationFillMode=b)})}},y=g=>{g.target===t&&(o.current=Ys(n.current))};return t.addEventListener("animationstart",y),t.addEventListener("animationcancel",h),t.addEventListener("animationend",h),()=>{f.clearTimeout(d),t.removeEventListener("animationstart",y),t.removeEventListener("animationcancel",h),t.removeEventListener("animationend",h)}}else m("ANIMATION_END")},[t,m]),{isPresent:["mounted","unmountSuspended"].includes(u),ref:l.useCallback(d=>{if(d){const f=getComputedStyle(d);n.current=f,i.current=Ys(f)}else n.current=null;s(d)},[])}}function al(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function mv(...e){const t=l.useRef(e);return t.current=e,l.useCallback(s=>{const n=t.current;let a=!1;const o=n.map(i=>{const c=al(i,s);return!a&&typeof c=="function"&&(a=!0),c});if(a)return()=>{for(let i=0;i<o.length;i++){const c=o[i];typeof c=="function"?c():al(n[i],null)}}},[])}function Ys(e){return e?.animationName||"none"}function hv(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 pv=function(e){if(typeof document>"u")return null;var t=Array.isArray(e)?e[0]:e;return t.ownerDocument.body},ks=new WeakMap,Tn=new WeakMap,Mn={},Yr=0,Eu=function(e){return e&&(e.host||Eu(e.parentNode))},gv=function(e,t){return t.map(function(s){if(e.contains(s))return s;var n=Eu(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})},xv=function(e,t,s,n){var a=gv(t,Array.isArray(e)?e:[e]);Mn[s]||(Mn[s]=new WeakMap);var o=Mn[s],i=[],c=new Set,u=new Set(a),m=function(f){!f||c.has(f)||(c.add(f),m(f.parentNode))};a.forEach(m);var d=function(f){!f||u.has(f)||Array.prototype.forEach.call(f.children,function(h){if(c.has(h))d(h);else try{var y=h.getAttribute(n),g=y!==null&&y!=="false",p=(ks.get(h)||0)+1,x=(o.get(h)||0)+1;ks.set(h,p),o.set(h,x),i.push(h),p===1&&g&&Tn.set(h,!0),x===1&&h.setAttribute(s,"true"),g||h.setAttribute(n,"true")}catch(b){console.error("aria-hidden: cannot operate on ",h,b)}})};return d(t),c.clear(),Yr++,function(){i.forEach(function(f){var h=ks.get(f)-1,y=o.get(f)-1;ks.set(f,h),o.set(f,y),h||(Tn.has(f)||f.removeAttribute(n),Tn.delete(f)),y||f.removeAttribute(s)}),Yr--,Yr||(ks=new WeakMap,ks=new WeakMap,Tn=new WeakMap,Mn={})}},bv=function(e,t,s){s===void 0&&(s="data-aria-hidden");var n=Array.from(Array.isArray(e)?e:[e]),a=pv(e);return a?(n.push.apply(n,Array.from(a.querySelectorAll("[aria-live], script"))),xv(n,a,s,"aria-hidden")):function(){return null}},zn="right-scroll-bar-position",Bn="width-before-scroll-bar",vv="with-scroll-bars-hidden",yv="--removed-body-scroll-bar-size";function Xr(e,t){return typeof e=="function"?e(t):e&&(e.current=t),e}function wv(e,t){var s=l.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 Sv=typeof window<"u"?l.useLayoutEffect:l.useEffect,ol=new WeakMap;function kv(e,t){var s=wv(null,function(n){return e.forEach(function(a){return Xr(a,n)})});return Sv(function(){var n=ol.get(s);if(n){var a=new Set(n),o=new Set(e),i=s.current;a.forEach(function(c){o.has(c)||Xr(c,null)}),o.forEach(function(c){a.has(c)||Xr(c,i)})}ol.set(s,e)},[e]),s}function Cv(e){return e}function jv(e,t){t===void 0&&(t=Cv);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(c){return c!==i})}},assignSyncMedium:function(o){for(n=!0;s.length;){var i=s;s=[],i.forEach(o)}s={push:function(c){return o(c)},filter:function(){return s}}},assignMedium:function(o){n=!0;var i=[];if(s.length){var c=s;s=[],c.forEach(o),i=s}var u=function(){var d=i;i=[],d.forEach(o)},m=function(){return Promise.resolve().then(u)};m(),s={push:function(d){i.push(d),m()},filter:function(d){return i=i.filter(d),s}}}};return a}function Nv(e){e===void 0&&(e={});var t=jv(null);return t.options=Kt({async:!0,ssr:!1},e),t}var Iu=function(e){var t=e.sideCar,s=ic(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 l.createElement(n,Kt({},s))};Iu.isSideCarExport=!0;function Ev(e,t){return e.useMedium(t),Iu}var Ru=Nv(),Jr=function(){},wr=l.forwardRef(function(e,t){var s=l.useRef(null),n=l.useState({onScrollCapture:Jr,onWheelCapture:Jr,onTouchMoveCapture:Jr}),a=n[0],o=n[1],i=e.forwardProps,c=e.children,u=e.className,m=e.removeScrollBar,d=e.enabled,f=e.shards,h=e.sideCar,y=e.noRelative,g=e.noIsolation,p=e.inert,x=e.allowPinchZoom,b=e.as,S=b===void 0?"div":b,w=e.gapMode,v=ic(e,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noRelative","noIsolation","inert","allowPinchZoom","as","gapMode"]),k=h,I=kv([s,t]),A=Kt(Kt({},v),a);return l.createElement(l.Fragment,null,d&&l.createElement(k,{sideCar:Ru,removeScrollBar:m,shards:f,noRelative:y,noIsolation:g,inert:p,setCallbacks:o,allowPinchZoom:!!x,lockRef:s,gapMode:w}),i?l.cloneElement(l.Children.only(c),Kt(Kt({},A),{ref:I})):l.createElement(S,Kt({},A,{className:u,ref:I}),c))});wr.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1};wr.classNames={fullWidth:Bn,zeroRight:zn};var Iv=function(){if(typeof __webpack_nonce__<"u")return __webpack_nonce__};function Rv(){if(!document)return null;var e=document.createElement("style");e.type="text/css";var t=Iv();return t&&e.setAttribute("nonce",t),e}function Tv(e,t){e.styleSheet?e.styleSheet.cssText=t:e.appendChild(document.createTextNode(t))}function Mv(e){var t=document.head||document.getElementsByTagName("head")[0];t.appendChild(e)}var Av=function(){var e=0,t=null;return{add:function(s){e==0&&(t=Rv())&&(Tv(t,s),Mv(t)),e++},remove:function(){e--,!e&&t&&(t.parentNode&&t.parentNode.removeChild(t),t=null)}}},Ov=function(){var e=Av();return function(t,s){l.useEffect(function(){return e.add(t),function(){e.remove()}},[t&&s])}},Tu=function(){var e=Ov(),t=function(s){var n=s.styles,a=s.dynamic;return e(n,a),null};return t},Dv={left:0,top:0,right:0,gap:0},Zr=function(e){return parseInt(e||"",10)||0},Pv=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[Zr(s),Zr(n),Zr(a)]},Lv=function(e){if(e===void 0&&(e="margin"),typeof window>"u")return Dv;var t=Pv(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])}},Fv=Tu(),Ts="data-scroll-locked",$v=function(e,t,s,n){var a=e.left,o=e.top,i=e.right,c=e.gap;return s===void 0&&(s="margin"),`
|
|
76
|
-
.`.concat(vv,` {
|
|
77
|
-
overflow: hidden `).concat(n,`;
|
|
78
|
-
padding-right: `).concat(c,"px ").concat(n,`;
|
|
79
|
-
}
|
|
80
|
-
body[`).concat(Ts,`] {
|
|
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(c,"px ").concat(n,`;
|
|
90
|
-
`),s==="padding"&&"padding-right: ".concat(c,"px ").concat(n,";")].filter(Boolean).join(""),`
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
.`).concat(zn,` {
|
|
94
|
-
right: `).concat(c,"px ").concat(n,`;
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
.`).concat(Bn,` {
|
|
98
|
-
margin-right: `).concat(c,"px ").concat(n,`;
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
.`).concat(zn," .").concat(zn,` {
|
|
102
|
-
right: 0 `).concat(n,`;
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
.`).concat(Bn," .").concat(Bn,` {
|
|
106
|
-
margin-right: 0 `).concat(n,`;
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
body[`).concat(Ts,`] {
|
|
110
|
-
`).concat(yv,": ").concat(c,`px;
|
|
111
|
-
}
|
|
112
|
-
`)},il=function(){var e=parseInt(document.body.getAttribute(Ts)||"0",10);return isFinite(e)?e:0},_v=function(){l.useEffect(function(){return document.body.setAttribute(Ts,(il()+1).toString()),function(){var e=il()-1;e<=0?document.body.removeAttribute(Ts):document.body.setAttribute(Ts,e.toString())}},[])},zv=function(e){var t=e.noRelative,s=e.noImportant,n=e.gapMode,a=n===void 0?"margin":n;_v();var o=l.useMemo(function(){return Lv(a)},[a]);return l.createElement(Fv,{styles:$v(o,!t,a,s?"":"!important")})},Sa=!1;if(typeof window<"u")try{var An=Object.defineProperty({},"passive",{get:function(){return Sa=!0,!0}});window.addEventListener("test",An,An),window.removeEventListener("test",An,An)}catch{Sa=!1}var Cs=Sa?{passive:!1}:!1,Bv=function(e){return e.tagName==="TEXTAREA"},Mu=function(e,t){if(!(e instanceof Element))return!1;var s=window.getComputedStyle(e);return s[t]!=="hidden"&&!(s.overflowY===s.overflowX&&!Bv(e)&&s[t]==="visible")},Uv=function(e){return Mu(e,"overflowY")},Kv=function(e){return Mu(e,"overflowX")},ll=function(e,t){var s=t.ownerDocument,n=t;do{typeof ShadowRoot<"u"&&n instanceof ShadowRoot&&(n=n.host);var a=Au(e,n);if(a){var o=Ou(e,n),i=o[1],c=o[2];if(i>c)return!0}n=n.parentNode}while(n&&n!==s.body);return!1},qv=function(e){var t=e.scrollTop,s=e.scrollHeight,n=e.clientHeight;return[t,s,n]},Hv=function(e){var t=e.scrollLeft,s=e.scrollWidth,n=e.clientWidth;return[t,s,n]},Au=function(e,t){return e==="v"?Uv(t):Kv(t)},Ou=function(e,t){return e==="v"?qv(t):Hv(t)},Wv=function(e,t){return e==="h"&&t==="rtl"?-1:1},Vv=function(e,t,s,n,a){var o=Wv(e,window.getComputedStyle(t).direction),i=o*n,c=s.target,u=t.contains(c),m=!1,d=i>0,f=0,h=0;do{if(!c)break;var y=Ou(e,c),g=y[0],p=y[1],x=y[2],b=p-x-o*g;(g||b)&&Au(e,c)&&(f+=b,h+=g);var S=c.parentNode;c=S&&S.nodeType===Node.DOCUMENT_FRAGMENT_NODE?S.host:S}while(!u&&c!==document.body||u&&(t.contains(c)||t===c));return(d&&Math.abs(f)<1||!d&&Math.abs(h)<1)&&(m=!0),m},On=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},cl=function(e){return[e.deltaX,e.deltaY]},ul=function(e){return e&&"current"in e?e.current:e},Qv=function(e,t){return e[0]===t[0]&&e[1]===t[1]},Gv=function(e){return`
|
|
113
|
-
.block-interactivity-`.concat(e,` {pointer-events: none;}
|
|
114
|
-
.allow-interactivity-`).concat(e,` {pointer-events: all;}
|
|
115
|
-
`)},Yv=0,js=[];function Xv(e){var t=l.useRef([]),s=l.useRef([0,0]),n=l.useRef(),a=l.useState(Yv++)[0],o=l.useState(Tu)[0],i=l.useRef(e);l.useEffect(function(){i.current=e},[e]),l.useEffect(function(){if(e.inert){document.body.classList.add("block-interactivity-".concat(a));var p=im([e.lockRef.current],(e.shards||[]).map(ul),!0).filter(Boolean);return p.forEach(function(x){return x.classList.add("allow-interactivity-".concat(a))}),function(){document.body.classList.remove("block-interactivity-".concat(a)),p.forEach(function(x){return x.classList.remove("allow-interactivity-".concat(a))})}}},[e.inert,e.lockRef.current,e.shards]);var c=l.useCallback(function(p,x){if("touches"in p&&p.touches.length===2||p.type==="wheel"&&p.ctrlKey)return!i.current.allowPinchZoom;var b=On(p),S=s.current,w="deltaX"in p?p.deltaX:S[0]-b[0],v="deltaY"in p?p.deltaY:S[1]-b[1],k,I=p.target,A=Math.abs(w)>Math.abs(v)?"h":"v";if("touches"in p&&A==="h"&&I.type==="range")return!1;var C=window.getSelection(),M=C&&C.anchorNode,D=M?M===I||M.contains(I):!1;if(D)return!1;var E=ll(A,I);if(!E)return!0;if(E?k=A:(k=A==="v"?"h":"v",E=ll(A,I)),!E)return!1;if(!n.current&&"changedTouches"in p&&(w||v)&&(n.current=k),!k)return!0;var L=n.current||k;return Vv(L,x,p,L==="h"?w:v)},[]),u=l.useCallback(function(p){var x=p;if(!(!js.length||js[js.length-1]!==o)){var b="deltaY"in x?cl(x):On(x),S=t.current.filter(function(k){return k.name===x.type&&(k.target===x.target||x.target===k.shadowParent)&&Qv(k.delta,b)})[0];if(S&&S.should){x.cancelable&&x.preventDefault();return}if(!S){var w=(i.current.shards||[]).map(ul).filter(Boolean).filter(function(k){return k.contains(x.target)}),v=w.length>0?c(x,w[0]):!i.current.noIsolation;v&&x.cancelable&&x.preventDefault()}}},[]),m=l.useCallback(function(p,x,b,S){var w={name:p,delta:x,target:b,should:S,shadowParent:Jv(b)};t.current.push(w),setTimeout(function(){t.current=t.current.filter(function(v){return v!==w})},1)},[]),d=l.useCallback(function(p){s.current=On(p),n.current=void 0},[]),f=l.useCallback(function(p){m(p.type,cl(p),p.target,c(p,e.lockRef.current))},[]),h=l.useCallback(function(p){m(p.type,On(p),p.target,c(p,e.lockRef.current))},[]);l.useEffect(function(){return js.push(o),e.setCallbacks({onScrollCapture:f,onWheelCapture:f,onTouchMoveCapture:h}),document.addEventListener("wheel",u,Cs),document.addEventListener("touchmove",u,Cs),document.addEventListener("touchstart",d,Cs),function(){js=js.filter(function(p){return p!==o}),document.removeEventListener("wheel",u,Cs),document.removeEventListener("touchmove",u,Cs),document.removeEventListener("touchstart",d,Cs)}},[]);var y=e.removeScrollBar,g=e.inert;return l.createElement(l.Fragment,null,g?l.createElement(o,{styles:Gv(a)}):null,y?l.createElement(zv,{noRelative:e.noRelative,gapMode:e.gapMode}):null)}function Jv(e){for(var t=null;e!==null;)e instanceof ShadowRoot&&(t=e.host,e=e.host),e=e.parentNode;return t}const Zv=Ev(Ru,Xv);var Du=l.forwardRef(function(e,t){return l.createElement(wr,Kt({},e,{ref:t,sideCar:Zv}))});Du.classNames=wr.classNames;var ey=class extends za{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:c}=n,u=s.fetchMeta?.fetchMore?.direction,m=i&&u==="forward",d=a&&u==="forward",f=i&&u==="backward",h=a&&u==="backward";return{...n,fetchNextPage:this.fetchNextPage,fetchPreviousPage:this.fetchPreviousPage,hasNextPage:cm(t,s.data),hasPreviousPage:lm(t,s.data),isFetchNextPageError:m,isFetchingNextPage:d,isFetchPreviousPageError:f,isFetchingPreviousPage:h,isRefetchError:c&&!m&&!f,isRefetching:o&&!d&&!h}}};function dl(e,t){const s=new Set(t);return e.filter(n=>!s.has(n))}function ty(e,t,s){const n=e.slice(0);return n[t]=s,n}var sy=class extends um{#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,da.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,c=a.some((d,f)=>d!==s[f]),u=i||c,m=u?!0:o.some((d,f)=>{const h=this.#e[f];return!h||!dm(d,h)});!u&&!m||(u&&(this.#c=n,this.#t=a),this.#e=o,this.hasListeners()&&(u&&(dl(s,a).forEach(d=>{d.destroy()}),dl(a,s).forEach(d=>{d.subscribe(f=>{this.#m(d,f)})})),this.#h()))})}getCurrentResult(){return this.#e}getQueries(){return this.#t.map(e=>e.getCurrentQuery())}getObservers(){return this.#t}getOptimisticResult(e,t){const s=this.#f(e),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=fm(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 za(this.#s,a);s.push({defaultedQueryOptions:a,observer:i})}),s}#m(e,t){const s=this.#t.indexOf(e);s!==-1&&(this.#e=ty(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)&&da.batch(()=>{this.listeners.forEach(a=>{a(this.#e)})})}}};function mt({queries:e,...t},s){const n=Te(),a=mm(),o=hm(),i=l.useMemo(()=>e.map(p=>{const x=n.defaultQueryOptions(p);return x._optimisticResults=a?"isRestoring":"optimistic",x}),[e,n,a]);i.forEach(p=>{pm(p);const x=n.getQueryCache().get(p.queryHash);gm(p,o,x)}),xm(o);const[c]=l.useState(()=>new sy(n,i,t)),[u,m,d]=c.getOptimisticResult(i,t.combine),f=!a&&t.subscribed!==!1;l.useSyncExternalStore(l.useCallback(p=>f?c.subscribe(da.batchCalls(p)):bm,[c,f]),()=>c.getCurrentResult(),()=>c.getCurrentResult()),l.useEffect(()=>{c.setQueries(i,t)},[i,t,c]);const y=u.some((p,x)=>ti(i[x],p))?u.flatMap((p,x)=>{const b=i[x];if(b&&ti(b,p)){const S=new za(n,b);return vm(b,S,o)}return[]}):[];if(y.length>0)throw Promise.all(y);const g=u.find((p,x)=>{const b=i[x];return b&&ym({result:p,errorResetBoundary:o,throwOnError:b.throwOnError,query:n.getQueryCache().get(b.queryHash),suspense:b.suspense})});if(g?.error)throw g.error;return m(d())}function Pu(e,t){return wm(e,ey)}function ny(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 Lu(e,t){const{shouldBlockFn:s,enableBeforeUnload:n=!0,disabled:a=!1,withResolver:o=!1}=ny(e),i=Ba(),{history:c}=i,[u,m]=l.useState({status:"idle",current:void 0,next:void 0,action:void 0,proceed:void 0,reset:void 0});return l.useEffect(()=>{const d=async f=>{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 y=h(f.currentLocation),g=h(f.nextLocation);if(y.routeId==="__notFound__"&&g.routeId!=="__notFound__")return!1;const p=await s({action:f.action,current:y,next:g});if(!o)return p;if(!p)return!1;const x=await new Promise(b=>{m({status:"blocked",current:y,next:g,action:f.action,proceed:()=>b(!1),reset:()=>b(!0)})});return m({status:"idle",current:void 0,next:void 0,action:void 0,proceed:void 0,reset:void 0}),x};return a?void 0:c.block({blockerFn:d,enableBeforeUnload:n})},[s,n,a,o,c,i]),u}function Ot(e){const t=Ba({warn:e?.router===void 0}),s=e?.router||t;return lc(s.stores.__store,cc(e,s))}function Sr(e){const t=Ba();return lc(t.stores.location,cc(e,t))}const ry=new Set(["outbox","flagged"]),ay=e=>{const[,t,s]=e.split(/[?#]/)[0].split("/");return t!=="mail"||!s?!1:!ry.has(s)};function oy(e){const t=mt({queries:e.map(s=>({...it({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=Ua(n.folderAppointments);return(o.find(u=>i.get(u.mailboxId)==="inbox")??o[0])?.mailboxId}}function Fu(e){const{openCompose:t}=Jt(),s=Qe(),n=Sr(),a=oy(e);return l.useCallback(()=>{if(ay(n.pathname)){l.startTransition(()=>{t({mode:"new"})});return}a&&(l.startTransition(()=>{t({mode:"new"})}),s({to:"/mail/$mailboxId",params:{mailboxId:a}}))},[t,s,n.pathname,a])}const iy=e=>e.startsWith("/mail")||e.startsWith("/settings"),ly=({accounts:e})=>{const{state:t}=Jt(),s=Sr(),n=Fu(e),a=s.search,o=typeof a?.selectedMessageId=="string"&&a.selectedMessageId.length>0;return!iy(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(mh,{className:"size-6"})})},$u=({trigger:e,children:t,align:s="right"})=>{const[n,a]=l.useState(!1),o=l.useRef(null),i=l.useCallback(u=>{o.current&&!o.current.contains(u.target)&&a(!1)},[]),c=l.useCallback(u=>{u.key==="Escape"&&a(!1)},[]);return l.useEffect(()=>(n&&(document.addEventListener("mousedown",i),document.addEventListener("keydown",c)),()=>{document.removeEventListener("mousedown",i),document.removeEventListener("keydown",c)}),[n,i,c]),r.jsxs("div",{ref:o,className:"relative",children:[r.jsx("button",{type:"button",onClick:u=>{u.stopPropagation(),a(!n)},className:We("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:We("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})]})},nn=({onClick:e,disabled:t,destructive:s,children:n})=>r.jsx("button",{type:"button",onClick:a=>{a.stopPropagation(),t||e()},disabled:t,className:We("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}),_u=()=>r.jsx("div",{className:"my-1 h-px bg-line"}),zu=({children:e})=>{const{Account:t}=ar();return r.jsx(t,{children:e})},cy=({email:e,onSignOut:t})=>{const s=e??"Account";return r.jsxs($u,{trigger:r.jsx(jt,{name:s,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(_u,{})]}),r.jsxs(nn,{onClick:t,children:[r.jsx(Uc,{className:"size-4"}),"Sign out"]})]})},uy=()=>r.jsx(zu,{children:({email:e,signOut:t})=>r.jsx(cy,{email:e,onSignOut:t})}),dy=new Set(["discovering_mailboxes","syncing_inbox","syncing_others"]);function Co(e){return!!e&&dy.has(e)}const Bu=3e3,fy=Bu*2,fl={syncing:!1,resolved:!1,synced:0,total:0};function my(e,t){const s=e.join(","),[n,a]=l.useState(!1),[o,i]=l.useState(!1);l.useEffect(()=>{a(!1),i(!1)},[s,t]),l.useEffect(()=>{if(!t)return;const g=setTimeout(()=>i(!0),fy);return()=>clearTimeout(g)},[s,t]);const c=mt({queries:e.map(g=>({...Wn({path:{accountId:g}}),enabled:t&&!n,refetchInterval:Bu,meta:{softError:!0}}))}),u=c.every(g=>g.isSuccess||g.isError),m=c.length===0||u||o;let d=!1,f=0,h=0;for(const g of c)if(Co(g.data?.syncPhase)){d=!0;for(const p of g.data?.mailboxes??[])f+=p.messagesSynced,h+=p.messagesTotal}const y=t&&m&&!d;return l.useEffect(()=>{y&&a(!0)},[y]),!t||!m?fl:{syncing:d,resolved:!0,synced:f,total:h}}const ml=6e4,hy=new Set(["sent","drafts","trash","archive"]),hl=(e,t)=>{const s=new Map;for(const n of e){const a=t.get(n.mailboxId)?.role;a&&hy.has(a)||s.set(n.mailboxId,n.messagesTotal)}return s},py=(e,t)=>{for(const[s,n]of t)if(n>(e.get(s)??0))return!0;return!1},Uu=l.createContext(null),kr=()=>{const e=l.useContext(Uu);if(!e)throw new Error("useMailFreshness must be used inside <MailFreshnessProvider>");return e};function gy({accountIds:e,children:t}){const s=Te(),{resultFolderIndex:n}=Le(),a=l.useRef(new Map),o=l.useRef(new Set),[i,c]=l.useState(new Set),u=mt({queries:e.map(g=>({...Wn({path:{accountId:g}}),refetchInterval:ml,staleTime:ml,meta:{softError:!0}}))}),m=u.map(g=>g.dataUpdatedAt).join(","),d=e.join(",");l.useEffect(()=>{let g=!1;const p=new Set(i);e.forEach((x,b)=>{const S=u[b]?.data;if(!S)return;const w=hl(S.mailboxes??[],n);if(!o.current.has(x)){o.current.add(x),a.current.set(x,w);return}if(p.has(x))return;const v=a.current.get(x)??new Map;py(v,w)&&(p.add(x),g=!0)}),g&&c(p)},[d,m]);const f=l.useCallback(g=>g.some(p=>i.has(p)),[i]),h=l.useCallback(g=>{c(p=>{if(g.every(b=>!p.has(b)))return p;const x=new Set(p);for(const b of g)x.delete(b);return x});for(const p of g){const x=s.getQueryData(Wn({path:{accountId:p}}).queryKey);a.current.set(p,hl(x?.mailboxes??[],n)),o.current.add(p)}},[s,n]),y=l.useMemo(()=>({hasNewMail:f,acknowledge:h}),[f,h]);return r.jsx(Uu.Provider,{value:y,children:t})}const xy=2e3,by=45e3,vy=e=>new Promise(t=>setTimeout(t,e)),ka=e=>e instanceof Error&&e.message?e.message:"Something went wrong",yy=e=>{dc(e,{softError:!0})&&Ka(e)},Ku=e=>e.reduce((t,s)=>Math.max(t,s.lastSyncedAt??0),0),qu=(e,t)=>e.fetchQuery({...Wn({path:{accountId:t}}),staleTime:0}),wy=async(e,t,s,n)=>{let a=!1;for(;;){const o=await qu(e,t).then(u=>({ok:!0,data:u})).catch(u=>({ok:!1,error:u}));if(!o.ok)return{accountId:t,message:ka(o.error)};const{syncPhase:i,mailboxes:c}=o.data;if(Co(i))a=!0;else if(a||Ku(c??[])>s)return i==="error"?{accountId:t,message:"Sync failed for this account"}:void 0;if(Date.now()>=n)return{accountId:t,message:"Refresh is taking longer than usual"};await vy(xy)}},Sy=async(e,t,s,n)=>{const a=await qu(e,s).then(c=>({ok:!0,maxLastSynced:Ku(c.mailboxes??[])})).catch(c=>({ok:!1,error:c}));if(!a.ok)return{accountId:s,enqueued:!1,ok:!1,message:ka(a.error)};const o=await uc({path:{accountId:s},throwOnError:!0}).then(()=>({ok:!0})).catch(c=>({ok:!1,error:c}));if(!o.ok)return yy(o.error),{accountId:s,enqueued:!1,ok:!1,message:ka(o.error)};t.recordEvent("sync.triggered");const i=await wy(e,s,a.maxLastSynced,n);return i?{accountId:s,enqueued:!0,ok:!1,message:i.message}:{accountId:s,enqueued:!0,ok:!0}},jo=(e,t={})=>{const s=Te(),n=Ls(),{acknowledge:a}=kr(),[o,i]=l.useState("idle"),[c,u]=l.useState(),m=l.useRef(0),d=l.useRef(e);d.current=e;const f=l.useRef(t);f.current=t,l.useEffect(()=>{if(o!=="success")return;const y=setTimeout(()=>i("idle"),2e3);return()=>clearTimeout(y)},[o]);const h=l.useCallback(()=>{const y=d.current;if(y.length===0){i("error"),u("Nothing to refresh yet");return}const g=++m.current;i("refreshing"),u(void 0),(async()=>{const p=Date.now()+by,x=await Promise.all(y.map(w=>Sy(s,n,w,p)));if(m.current!==g)return;const b=x.filter(w=>w.enqueued).map(w=>w.accountId);for(const w of b)s.invalidateQueries({queryKey:Ft({path:{accountId:w}})});b.length>0&&(f.current.onSettled?.(),a(b));const S=x.filter(w=>!w.ok);S.length===0?i("success"):(i("error"),u(S[0]?.message))})()},[a,s,n]);return{state:o,errorMessage:c,refresh:h}},Hu="/mail/",No="/mail/$mailboxId",Wu="/mail/outbox",Vu="/mail/flagged";function Eo(e){return e.some(t=>t.routeId===Hu)}function xn(e){return e.some(t=>t.routeId===Vu)}function Cr(e){return e.some(t=>t.routeId===Wu)}function Qu(e){return e.some(t=>t.routeId===No)}function ky(e){const t=e.find(s=>s.params?.mailboxId)?.params?.mailboxId;return t?`${No}:${t}`:xn(e)?Vu:Cr(e)?Wu:Eo(e)?Hu:""}const Un="search-scope";function Cy(e){const t=e.trim().replace(/\s+/g," ").toLowerCase();return/\s/.test(t)?`in:"${t}"`:`in:${t}`}function Gu(e){return xn(e)||Cr(e)||Qu(e)}function Yu(e){return e.find(t=>t.routeId===No)?.params?.mailboxId}function jy(e){const t=Yu(e.matches);return t||(Gu(e.matches)?e.callerMailboxId:e.callerMailboxId??e.inTokenMailboxId)}function Ny(e,t){return Eo(e)?{kind:"global"}:xn(e)?{kind:"scoped",chip:{id:Un,label:"is:starred"}}:Cr(e)?{kind:"scoped",chip:{id:Un,label:"in:outbox"}}:Qu(e)?t?{kind:"scoped",chip:{id:Un,label:Cy(t)}}:{kind:"pending"}:{kind:"global"}}function Ey(e,t,s){return t.kind==="global"?{kind:"global"}:xn(e)?{kind:"collection"}:{kind:"folder",...s?{role:s}:{}}}const Xu=({accounts:e})=>{const t=qa({strict:!1}),s=Sr(),n=t.mailboxId,{t:a}=Ha("mail",{useSuspense:!1}),o=l.useCallback((c,u)=>a(c,{defaultValue:u}),[a]),i=mt({queries:e.map(c=>({...it({path:{accountId:c.accountId}}),staleTime:1/0}))});if(s.pathname.startsWith("/mail/outbox"))return"Outbox";if(!n)return null;for(let c=0;c<e.length;c++){const u=i[c]?.data?.items;if(!u)continue;const m=u.find(f=>f.mailboxId===n);if(!m)continue;const d=Ua(e[c].folderAppointments);return Vn(m,d.get(n),o)}return null},Iy=({accounts:e})=>{const s=qa({strict:!1}).mailboxId,n=mt({queries:e.map(a=>({...it({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(c=>c.mailboxId===s);if(i)return i.unseenCount}return null};function Ju(e){const t=Qe(),{searchInput:s}=Le(),n=Xu({accounts:e}),a=Ot({select:c=>c.matches}),o=Ny(a,n),i=l.useCallback(c=>{c===Un&&t({to:"/mail",search:{q:s||void 0,selectedMessageId:void 0}})},[t,s]);return{scope:o,clearScope:i}}function Ry({accounts:e}){const{searchInput:t,onSearchChange:s,onSearchClear:n,onSearchClearQuery:a}=Le(),o=Qe(),i=Fu(e),{scope:c,clearScope:u}=Ju(e),m=c.kind==="scoped"?[{id:c.chip.id,label:c.chip.label,tone:"scope"}]:void 0,d=l.useMemo(()=>e.map(p=>p.accountId),[e]),{hasNewMail:f}=kr(),{state:h,errorMessage:y,refresh:g}=jo(d);return r.jsx(Bx,{search:{value:t,scope:c.kind,chips:m,onChange:s,onClear:n,onClearQuery:a,onRemoveChip:u},onCompose:i,onReportBug:fc,onOpenSettings:()=>o({to:"/settings/accounts"}),composeShortcut:Qc("compose"),refreshControl:r.jsx(vo,{state:h,onRefresh:g,label:"Refresh all accounts",errorMessage:y,hasUpdate:f(d)}),account:r.jsx(uy,{})})}const Io=({isOpen:e,onClose:t,children:s,ariaLabel:n="Navigation",side:a="left",widthClassName:o="w-[80vw] max-w-[320px]"})=>{const i=l.useRef(null),c=l.useRef(null);if(l.useEffect(()=>{if(!e)return;c.current=document.activeElement;const m=h=>{h.key==="Escape"&&(h.preventDefault(),t())};document.addEventListener("keydown",m),i.current?.querySelector("button, [href], input, select, textarea, [tabindex]:not([tabindex='-1'])")?.focus();const f=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",m),document.body.style.overflow=f,c.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:We("safe-area-frame 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(Nt,{className:"size-5"})})}),r.jsx("div",{className:"flex-1 overflow-y-auto",children:s})]})]})},Ty=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},Ca={all:["messages"],detail:e=>[...Ca.all,"detail",e],body:e=>[...Ca.detail(e),"body"]};class cs 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 My=e=>{const t=Number.parseInt(e??"",10);return!Number.isFinite(t)||t<=0?1:Math.min(t,30)},Ay=8,Oy="x-remit-403-reason",Zu=(e,t)=>{const s=t?.trim()??"";return e===401?"auth":e===403?s.length>0?"auth":"body-missing":e===404?"body-missing":"generic"},Dy=(e,t)=>(t??"").toLowerCase().startsWith("text/html")?/<div\s+id=["']root["']/i.test(e):!1,Py=(e,t)=>{const s=(t??"").toLowerCase();return!!(e==="text"&&s.startsWith("text/html"))},Ly=async(e,t,s=async()=>null)=>{const n={},a=await s();a&&(n.Authorization=`Bearer ${a}`);const o=await mc(e,{headers:n});if(o.status===202)throw new cs("not-ready","Message body is still syncing",202,My(o.headers.get("Retry-After")));if(!o.ok){const u=o.headers.get(Oy),m=Zu(o.status,u);throw new cs(m,`Failed to load message body (${o.status} ${o.statusText})`,o.status)}const i=o.headers.get("content-type");if(Py(t,i))throw new cs("content-type-mismatch",`Refusing to render message body — expected ${t}, got Content-Type ${i}`);const c=await o.text();if(Dy(c,i))throw new cs("spa-shell-leak","Refusing to render message body — response looks like the SPA shell (CloudFront 403/404 fallback leaked through to /content/*)");return c},Fy=async(e,t)=>(t.isRetryAfterNotReady&&await e.refetchDescribeMessage(),e.fetchContent(t.contentUrl,t.kind)),ed=({messageId:e,bodyParts:t,enabled:s=!0})=>{const n=t?Ty(t):null,a=Ls(),{getToken:o}=ar(),i=l.useRef(null),c=Te(),u=l.useRef(!1),m=l.useRef(null),d=e&&n?`${e}:${n.contentUrl}`:null;m.current!==d&&(m.current=d,u.current=!1);const f=ye({queryKey:e?[...Ca.body(e),n?.contentUrl??null]:["messages","body","noop"],queryFn:()=>{if(!n)throw new Error("No renderable body part");if(!e)throw new Error("No messageId");const g=u.current;return u.current=!1,Fy({fetchContent:(p,x)=>Ly(p,x,o),refetchDescribeMessage:()=>c.refetchQueries({queryKey:Wa({path:{messageId:e}})})},{contentUrl:n.contentUrl,kind:n.kind,isRetryAfterNotReady:g})},enabled:s&&!!e&&!!n,staleTime:300*1e3,gcTime:1800*1e3,retry:(g,p)=>p instanceof cs&&p.reason==="not-ready"?g<Ay:g<1,retryDelay:(g,p)=>p instanceof cs&&p.reason==="not-ready"?(u.current=!0,(p.retryAfterSeconds??1)*1e3):1e3,meta:{softError:!0}}),h=f.isLoading&&!!n;l.useEffect(()=>{h&&(i.current=performance.now())},[h]),l.useEffect(()=>{f.isSuccess&&i.current!==null&&(a.recordTiming("message.body.load",Math.round(performance.now()-i.current)),i.current=null)},[f.isSuccess,a]);const y=f.data&&n?{kind:n.kind,body:f.data}:void 0;return{picked:n,data:y,isLoading:h,isError:f.isError,error:f.error,refetch:f.refetch}},$y=e=>e.then(()=>{},()=>{}),_y=({outboxMessageId:e,onDraftCreated:t})=>{const[s,n]=l.useState("idle"),[a,o]=l.useState(null),i=l.useRef(void 0),c=l.useRef(new Set),u=Te(),m=l.useRef(e),d=l.useRef(e);m.current!==e&&(m.current=e,d.current=e);const f=ze(Sm()),h=ze(km()),y=l.useCallback(async w=>{n("saving"),o(null);const v=d.current;if(v){const I=await h.mutateAsync({path:{outboxMessageId:v},body:{toAddresses:w.toAddresses,ccAddresses:w.ccAddresses,bccAddresses:w.bccAddresses,subject:w.subject,textBody:w.textBody,htmlBody:w.htmlBody,inReplyTo:w.inReplyTo,references:w.references}});return n("saved"),I}const k=await f.mutateAsync({body:{...w,sendImmediately:!1}});return d.current=k.outboxMessageId,t(k.outboxMessageId),n("saved"),u.invalidateQueries({queryKey:or().queryKey}),k},[f,h,t,u]),g=l.useRef(Promise.resolve()),p=l.useCallback(w=>{const v=g.current.then(()=>y(w));return g.current=$y(v),v},[y]),x=l.useCallback(w=>{i.current&&clearTimeout(i.current),i.current=setTimeout(()=>{const v=d.current;v&&c.current.has(v)||p(w).catch(k=>{o(k),n("error")})},2e3)},[p]),b=l.useCallback(w=>(i.current&&clearTimeout(i.current),p(w).then(v=>({outcome:"saved",outboxMessageId:v.outboxMessageId})).catch(v=>(n("error"),{outcome:"failed",error:v}))),[p]),S=l.useCallback(w=>{i.current&&clearTimeout(i.current),w&&c.current.add(w)},[]);return{saveStatus:s,saveError:a,saveDraft:x,saveImmediately:b,stopAutoSave:S}},zy=["Tab",","],pl=e=>/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e.trim()),By=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(pl(a))return{email:a,displayName:n}}if(pl(t))return{email:t}},ea=({label:e,addresses:t,onChange:s,placeholder:n})=>{const[a,o]=l.useState(""),i=l.useRef(null),c=mr(a,200),{data:u}=ye({...ir({query:{q:c,limit:8}}),enabled:c.length>=2}),m=u?.items??[],d=new Set(t.map(v=>v.email.toLowerCase())),f=a.length>=2?m.filter(v=>!d.has(v.normalizedEmail.toLowerCase())):[],h=l.useCallback(v=>{d.has(v.email.toLowerCase())||(s([...t,v]),o(""))},[t,d,s]),y=l.useCallback(v=>{s(t.filter((k,I)=>I!==v))},[t,s]),g=l.useCallback(v=>{h({email:v.normalizedEmail,displayName:v.displayName}),i.current?.focus()},[h]),p=l.useCallback(()=>{const v=By(a);v&&h(v)},[a,h]),x=hc({count:f.length,acceptKeys:zy,onAccept:v=>g(f[v])}),b=l.useMemo(()=>f.map(v=>({value:v.normalizedEmail,label:v.displayName??v.normalizedEmail,...v.displayName?{hint:v.normalizedEmail}:{}})),[f]),S=l.useCallback(v=>{if(v.key==="Backspace"&&a===""&&t.length>0){y(t.length-1);return}x.handleKeyDown(v)||(v.key==="Enter"||v.key==="Tab"||v.key===",")&&a.trim()&&(v.preventDefault(),p())},[a,t.length,y,x.handleKeyDown,p]),w=l.useCallback(()=>{setTimeout(()=>{p(),x.dismiss()},150)},[p,x.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,k)=>r.jsx(jp,{email:v.email,displayName:v.displayName,onRemove:()=>y(k)},v.email)),r.jsx("input",{ref:i,id:`address-field-${e}`,type:"text",value:a,onChange:v=>{x.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",...x.comboboxProps})]})]}),x.open&&r.jsx(pc,{id:x.listId,suggestions:b,activeIndex:x.activeIndex,optionId:x.optionId,onPick:v=>{const k=f.find(I=>I.normalizedEmail===v.value);k&&g(k)},onHighlight:x.setActiveIndex,label:`${e} suggestions`,className:"absolute left-12 right-0 z-50 mt-1 max-h-[200px] shadow-lg"})]})},Uy=({accountId:e})=>{const t=Qe();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(Fa,{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(Cm,{className:"size-3","aria-hidden":"true"})]})]})]})},Ky=e=>typeof e=="string"&&e.length>0?"rich":"plain",FN=(e,t)=>t.length>0,qy={plain:"Couldn't switch to plain text",rich:"Couldn't switch to rich text"},$N=(e,t,s)=>t.trim()===""||s.trim()!==""?{outcome:"switch"}:{outcome:"blocked",title:qy[e],detail:"The conversion came back empty, so your message is unchanged."},gl=150,Hy=()=>{const[e,t]=l.useState(()=>{if(typeof window>"u"||!window.visualViewport)return{viewportHeight:0,isKeyboardOpen:!1};const s=window.visualViewport.height;return{viewportHeight:s,isKeyboardOpen:window.innerHeight-s>gl}});return l.useEffect(()=>{if(typeof window>"u"||!window.visualViewport)return;const s=window.visualViewport,n=()=>{const a=s.height;t({viewportHeight:a,isKeyboardOpen:window.innerHeight-a>gl})};return n(),s.addEventListener("resize",n),()=>s.removeEventListener("resize",n)},[]),e},Wy=({selectedAccountId:e,onSelect:t})=>{const{data:s}=ye({...$t(),staleTime:1/0}),n=s?.accounts??[];if(l.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))})]})},Vy=({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})]}),Qy=l.lazy(()=>Rm(()=>import("./ComposeBody-B0UEQwhO.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}))),Gy=()=>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"})]}),Yy=e=>e.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,"""),Xy=e=>e.split(`
|
|
116
|
-
`).map(t=>`<p>${Yy(t)}</p>`).join(""),xl=e=>e?`<p></p><p>-- </p>${Xy(e)}`:"",Jy=e=>e?/^re:\s/i.test(e)?e:`Re: ${e}`:"Re: ",Zy=e=>e?/^fwd?:\s/i.test(e)?e:`Fwd: ${e}`:"Fwd: ",e0=(e,t,s)=>{const{envelope:n}=e,o=(n.replyTo.length>0?n.replyTo:n.from).map(m=>({email:m.normalizedEmail,displayName:m.displayName}));if(t!=="reply_all")return{to:o,cc:[]};const i=s?.toLowerCase(),c=new Set(o.map(m=>m.email.toLowerCase())),u=[...n.to,...n.cc].filter(m=>m.normalizedEmail.toLowerCase()!==i&&!c.has(m.normalizedEmail.toLowerCase())).map(m=>({email:m.normalizedEmail,displayName:m.displayName}));return{to:o,cc:u}},t0=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}},bl=(e,t,s)=>({textBody:t.text||void 0,htmlBody:e==="plain"?"":t.html?Im(t.html,s):void 0}),s0=(e,t,s,n,a)=>e.length===0&&t.length===0&&s.length===0&&n.trim()===""&&a.text.trim()==="",n0=({selectedAccountId:e,onAccountChange:t,toAddresses:s,setToAddresses:n,ccAddresses:a,setCcAddresses:o,bccAddresses:i,setBccAddresses:c,showCc:u,setShowCc:m,showBcc:d,setShowBcc:f,subject:h,setSubject:y})=>{const g=es(),{isKeyboardOpen:p}=Hy();if(!g&&p){const b=[];return s.length>0&&b.push(`To: ${s.map(S=>S.displayName??S.email).join(", ")}`),a.length>0&&b.push(`Cc: ${a.length}`),i.length>0&&b.push(`Bcc: ${i.length}`),h&&b.push(h),r.jsxs("div",{className:"flex items-center gap-2 px-3 py-1.5 border-b border-line overflow-hidden","data-testid":"compose-header-collapsed",children:[r.jsx("span",{className:"truncate text-xs text-fg-muted",children:b.length>0?b.join(" · "):"…"}),r.jsx("span",{className:"shrink-0 inline-flex items-center justify-center rounded bg-surface-sunken px-1.5 py-0.5 text-2xs text-fg-muted",children:"…"})]})}return r.jsxs("div",{className:"space-y-1 px-3 py-2 border-b border-line",children:[r.jsx(Wy,{selectedAccountId:e,onSelect:t}),r.jsx(ea,{label:"To",addresses:s,onChange:n,placeholder:"Recipients"}),u?r.jsx(ea,{label:"Cc",addresses:a,onChange:o}):r.jsxs("div",{className:"flex gap-2 pl-14",children:[r.jsx("button",{type:"button",onClick:()=>m(!0),className:"text-xs text-fg-muted hover:text-fg transition-colors",children:"Cc"}),r.jsx("button",{type:"button",onClick:()=>f(!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:()=>f(!0),className:"text-xs text-fg-muted hover:text-fg transition-colors",children:"Bcc"})}),d&&r.jsx(ea,{label:"Bcc",addresses:i,onChange:c}),r.jsx(Vy,{value:h,onChange:y})]})},Ro=({mode:e,account:t,sourceMessage:s,onClose:n,onAccountChange:a})=>{const{state:o,setOutboxMessageId:i,startSendPolling:c}=Jt(),{pushError:u}=nt(),{outboxMessageId:m}=o,[d,f]=l.useState([]),[h,y]=l.useState([]),[g,p]=l.useState([]),[x,b]=l.useState(""),[S,w]=l.useState(!1),[v,k]=l.useState(!1),[I,A]=l.useState(t?.accountId),[C,M]=l.useState(!1),D=l.useRef(m);l.useEffect(()=>{const he=D.current;he!==m&&(D.current=m,!(!m||he===void 0)&&(f([]),y([]),p([]),b(""),w(!1),k(!1),R(""),T(""),N("rich"),se(void 0),Z(_x),O(Se=>Se+1),M(!1)))},[m]);const{signature:E}=bh(I),[L,O]=l.useState(0),[j,R]=l.useState(()=>xl(E.plainText)),[P,T]=l.useState(E.plainText),[F,N]=l.useState("rich"),[V,Q]=l.useState("en"),[re,se]=l.useState(),[fe,Z]=l.useState(()=>({html:xl(E.plainText),text:E.plainText,formatting:[]})),{data:ne}=ye({...jm({path:{outboxMessageId:m??""}}),enabled:!!m&&!C});l.useEffect(()=>{if(!ne||C)return;f(ne.toAddresses.map(ve=>({email:ve,displayName:void 0}))),ne.ccAddresses&&ne.ccAddresses.length>0&&(y(ne.ccAddresses.map(ve=>({email:ve,displayName:void 0}))),w(!0)),ne.bccAddresses&&ne.bccAddresses.length>0&&(p(ne.bccAddresses.map(ve=>({email:ve,displayName:void 0}))),k(!0)),ne.subject&&b(ne.subject);const he=Nm(ne.htmlBody??""),Se=he.html,Ae=ne.textBody??"";N(Ky(ne.htmlBody)),se(he.language??void 0),R(Se),T(Ae),Z({html:Se,text:Ae,formatting:[]}),O(ve=>ve+1),A(ne.accountId),M(!0)},[ne,C]),l.useEffect(()=>{if(s){if(e==="reply"||e==="reply_all"){const{to:he,cc:Se}=e0(s,e,t?.email);f(he),y(Se),Se.length>0&&w(!0),b(Jy(s.envelope.subject))}e==="forward"&&b(Zy(s.envelope.subject))}},[e,s,t?.email]);const le=e==="reply"||e==="reply_all"||e==="forward",{data:U}=ed({messageId:s?.message.messageId,bodyParts:s?.bodyParts,enabled:le&&!!s}),_=U?.kind==="text"?U.body:"",de=U?.kind==="html"?Jx(U.body):void 0,ge=s?.envelope.from[0]?.displayName??s?.envelope.from[0]?.normalizedEmail,we=l.useCallback(he=>{M(!0),i(he)},[i]),{saveStatus:Re,saveError:q,saveDraft:ke,saveImmediately:xe,stopAutoSave:Ne}=_y({outboxMessageId:m,onDraftCreated:we});l.useEffect(()=>{q&&u({title:"Couldn't save draft",detail:ft(q)??"Saving the draft failed.",error:q})},[q,u]);const ue=ze(gc()),te=ze({...lr(),onError:he=>{u(ds("Couldn't discard draft","The draft wasn't discarded.",he))}}),{data:be}=ye({...$t(),staleTime:1/0}),De=be?.accounts.find(he=>he.accountId===I),Ue=De?gh(De):!1,G=De?.composeLanguages,Ge=l.useMemo(()=>G&&G.length>0?G:Em(navigator.languages),[G]),Ce=l.useRef(!1),[Ke,$]=l.useState(!1),ce=d.length>0&&!!I&&!Ue;l.useEffect(()=>{if(!I||m&&!C||s0(d,h,g,x,fe))return;const{htmlBody:he,textBody:Se}=bl(F,fe,V);ke({accountId:I,toAddresses:d.map(Ae=>Ae.email),ccAddresses:h.length>0?h.map(Ae=>Ae.email):void 0,bccAddresses:g.length>0?g.map(Ae=>Ae.email):void 0,subject:x||void 0,textBody:Se,htmlBody:he})},[I,m,C,d,h,g,x,fe,F,V,ke]);const ae=l.useCallback(async()=>{if(!Ce.current&&!(!I||d.length===0)){Ce.current=!0,$(!0);try{Ne();const he=s&&(e==="reply"||e==="reply_all")?t0(s):{},{htmlBody:Se,textBody:Ae}=bl(F,fe,V),ve=!m,Ye=await xe({accountId:I,toAddresses:d.map(K=>K.email),ccAddresses:h.length>0?h.map(K=>K.email):void 0,bccAddresses:g.length>0?g.map(K=>K.email):void 0,subject:x||void 0,textBody:Ae,htmlBody:Se,...he});if(Ye.outcome==="failed"){u({title:"Couldn't send message",detail:ft(Ye.error)??"Saving the message failed, so nothing was sent. Try again.",error:Ye.error});return}const Xe=Ye.outboxMessageId;if(await ue.mutateAsync({path:{outboxMessageId:Xe}}).catch(K=>(u({title:"Couldn't send message",detail:ft(K)??(ve?"The draft was saved but the send request failed. Try again from the Outbox.":"The send request failed. Try again."),error:K}),null))===null)return;Ne(Xe),c(Xe),n()}finally{Ce.current=!1,$(!1)}}},[I,d,h,g,x,fe,F,V,e,s,m,xe,ue,Ne,c,u,n]),me=l.useCallback(()=>{Ne(m),m&&te.mutate({path:{outboxMessageId:m}}),n()},[Ne,m,te,n]),Me=l.useCallback(he=>{A(he.accountId),a?.(he)},[a]);return r.jsx(ax,{banner:De&&Ue?r.jsx(Uy,{accountId:De.accountId}):void 0,header:r.jsx(n0,{selectedAccountId:I,onAccountChange:Me,toAddresses:d,setToAddresses:f,ccAddresses:h,setCcAddresses:y,bccAddresses:g,setBccAddresses:p,showCc:S,setShowCc:w,showBcc:v,setShowBcc:k,subject:x,setSubject:b}),quoted:_||de?r.jsx(jx,{text:_,html:de,senderName:ge}):void 0,actionBar:r.jsx(rx,{onSend:ae,onDiscard:me,sending:Ke,canSend:ce,saveStatus:Re,unavailableReason:Ue?"SMTP not configured":void 0,onUnavailable:he=>u({title:"Can't send yet",detail:he})}),children:r.jsx(l.Suspense,{fallback:r.jsx(Gy,{}),children:r.jsx(Qy,{mode:F,onModeChange:N,initialHtml:j,initialText:P,onChange:Z,onSubmit:ae,autoFocus:e==="new",onConversionError:u,languages:Ge,initialLanguage:re,onLanguageChange:Q},L)})})},vl=({mode:e,account:t,sourceMessage:s,onClose:n})=>r.jsx("div",{className:"border-t border-line bg-canvas max-h-[min(400px,60dvh)] flex flex-col",children:r.jsx(Ro,{mode:e,account:t,sourceMessage:s,onClose:n})}),td=({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})]}),To=({enabled:e=!0,bindings:t,capture:s=!1})=>{const n=l.useCallback(a=>{const o=a.target;if(!(o.tagName==="INPUT"||o.tagName==="TEXTAREA"||o.isContentEditable))for(const i of t){if(!(a.key.toLowerCase()===i.key.toLowerCase())||i.requireShift!==void 0&&i.requireShift!==a.shiftKey)continue;const u=a.ctrlKey||a.metaKey;if(i.requireMeta!==void 0){if(i.requireMeta!==u)continue}else{const m=i.noModifiers??!0,d=u||a.altKey||i.requireShift===void 0&&a.shiftKey;if(m&&d)continue}i.preventDefault&&a.preventDefault(),i.stopPropagation&&(a.stopPropagation(),a.stopImmediatePropagation()),i.handler(a);return}},[t]);l.useEffect(()=>{if(e)return window.addEventListener("keydown",n,s),()=>window.removeEventListener("keydown",n,s)},[e,n,s])},Mo=e=>{const{data:t,isLoading:s}=ye({...$t(),staleTime:1/0}),n=l.useMemo(()=>(t?.accounts??[]).map(c=>c.accountId),[t?.accounts]),a=mt({queries:n.map(c=>({...it({path:{accountId:c}}),staleTime:1/0,enabled:!!e}))}),o=s||a.some(c=>c.isLoading);return{accountId:l.useMemo(()=>{if(e){for(let c=0;c<n.length;c++)if((a[c].data?.items??[]).some(d=>d.mailboxId===e))return n[c]}},[e,n,a]),isLoading:o}},r0=100,ja=async e=>e.then(t=>({ok:!0,value:t}),t=>({ok:!1,error:t})),a0=(e,t=r0)=>{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},sd=async(e,t,s,n)=>{const a=a0(e),o=e.length;let i=0;const c=[];for(let u=0;u<a.length;u++){if(n())return c.push(...a.slice(u).flat()),{done:i,failedIds:c,cancelled:!0};const m=a[u],d=await ja(t(m));if(!d.ok)return c.push(...a.slice(u).flat()),s({done:i,total:o}),{done:i,failedIds:c,cancelled:!1,error:d.error};i+=m.length,s({done:i,total:o})}return{done:i,failedIds:c,cancelled:!1}},Os=async(e,t)=>{await sd(e,async s=>(await t(s),{successCount:s.length,failureCount:0}),()=>{},()=>!1)},o0=async(e,t,s,n,a)=>{let o=0;const i=[];let c;do{if(a())return{done:o,failedIds:i,cancelled:!0};const u=await ja(e(c));if(!u.ok)return{done:o,failedIds:i,cancelled:!1,error:u.error};const m=u.value;if(m.ids.length>0){const d=await ja(s(m.ids));if(!d.ok)return{done:o,failedIds:i,cancelled:!1,error:d.error};o+=m.ids.length,n({done:o,total:t})}c=m.continuationToken}while(c);return{done:o,failedIds:i,cancelled:!1}},i0=e=>({done:e.done,total:Math.max(e.total,e.done)}),nd=e=>typeof e=="object"&&e!==null&&Array.isArray(e.pages),rd=e=>typeof e=="object"&&e!==null&&Array.isArray(e.items),ad=(e,t)=>e===void 0?e:nd(e)?{...e,pages:e.pages.map(s=>({...s,items:t(s.items)}))}:rd(e)?{...e,items:t(e.items)}:e,Et=e=>{const t=[];for(const s of new Set(e))t.push(cr({path:{mailboxId:s}})),t.push(Va({path:{mailboxId:s}}));return t.push(Qa()),t},bn=(e,t)=>Promise.all(t.map(s=>e.cancelQueries({queryKey:s}))),vn=(e,t)=>t.flatMap(s=>e.getQueriesData({queryKey:s})).filter(s=>s[1]!==void 0).map(([s,n])=>({queryKey:s,data:n})),yn=(e,t,s)=>{const n=a=>ad(a,s);for(const a of t)e.setQueriesData({queryKey:a},n)},wn=(e,t)=>{for(const s of t)e.setQueryData(s.queryKey,s.data)},It=(e,t)=>{for(const s of t)e.invalidateQueries({queryKey:s})},l0=3e3,c0=(e,t,s)=>{if(e.length===0)return()=>{};const n=setTimeout(()=>s(e),t);return()=>clearTimeout(n)},jr=(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]},Jn=(e,t,s)=>e.map(n=>t.has(n.messageId)?{...n,isRead:s}:n),u0=(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),d0=({messages:e,expandedIds:t,threadId:s,mailboxId:n,accountId:a})=>{const o=Te(),{pushError:i}=nt(),c=l.useRef(new Set),u=l.useRef(new Set),{mutate:m}=ze({...ur(),onMutate:async h=>{const y=new Set(h.body.messageIds??[]),g=h.body.isRead??!0,p=Zt({path:{threadId:s}}),x=Et(jr(y,e,n));await Promise.all([o.cancelQueries({queryKey:p}),bn(o,x)]);const b=o.getQueriesData({queryKey:p}).filter(w=>w[1]!==void 0).map(([w,v])=>({queryKey:w,data:v})),S=vn(o,x);return o.setQueriesData({queryKey:p},w=>w&&{...w,items:Jn(w.items,y,g)}),yn(o,x,w=>Jn(w,y,g)),{threadMessagesPrefix:p,listPrefixes:x,previousThreadMessages:b,previousThreadsList:S}},onSuccess:(h,y)=>{const g=y.body.messageIds??[];for(const p of g)c.current.add(p),u.current.delete(p)},onError:(h,y,g)=>{const p=y.body.messageIds??[];for(const b of p)u.current.delete(b);if(g){for(const b of g.previousThreadMessages)o.setQueryData(b.queryKey,b.data);wn(o,g.previousThreadsList)}const x=y.body.isRead??!0;i({title:x?"Couldn't mark as read":"Couldn't mark as unread",detail:ft(h),error:h})},onSettled:(h,y,g,p)=>{p&&(o.invalidateQueries({queryKey:p.threadMessagesPrefix}),It(o,p.listPrefixes),a&&o.invalidateQueries({queryKey:Ft({path:{accountId:a}})}))}}),d=l.useCallback(h=>{const y=h.filter(g=>!c.current.has(g)&&!u.current.has(g));if(y.length!==0){for(const g of y)u.current.add(g);m({body:{messageIds:y,isRead:!0}})}},[m]),f=l.useMemo(()=>u0(e,t,c.current,u.current),[e,t]);l.useEffect(()=>c0(f,l0,d),[f,d]),l.useEffect(()=>{c.current.clear(),u.current.clear()},[s])},Nr=e=>{const{mailboxId:t,accountId:s,messages:n}=e,a=Te(),{pushError:o}=nt(),{mutateAsync:i,isPending:c}=ze({...ur(),onError:(m,d)=>{const f=d.body.isRead??!0;o({title:f?"Couldn't mark as read":"Couldn't mark as unread",detail:ft(m),error:m})},onSettled:(m,d,f)=>{It(a,Et(jr(f.body.messageIds??[],n??[],t))),s&&a.invalidateQueries({queryKey:Ft({path:{accountId:s}})})}});return{toggleReadFor:l.useCallback((m,d)=>{m.length!==0&&Os(m,f=>i({body:{messageIds:f,isRead:d}}))},[i]),isPending:c}},f0=60,m0=1.5,h0=(e,t,s)=>{const n=Math.abs(e),a=Math.abs(t);return n<s?{direction:null}:n<a*m0?{direction:null}:{direction:e<0?"left":"right"}},p0=({onSwipeLeft:e,onSwipeRight:t,thresholdPx:s=f0})=>{const n=l.useRef(null),a=l.useCallback(u=>{if(u.pointerType==="mouse"){n.current=null;return}n.current={x:u.clientX,y:u.clientY}},[]),o=l.useCallback(()=>{},[]),i=l.useCallback(u=>{const m=n.current;if(n.current=null,!m)return;const{direction:d}=h0(u.clientX-m.x,u.clientY-m.y,s);d==="left"&&e?.(),d==="right"&&t?.()},[e,t,s]),c=l.useCallback(()=>{n.current=null},[]);return{handlers:{onPointerDown:a,onPointerMove:o,onPointerUp:i,onPointerCancel:c}}},g0=(e,t,s)=>t?.find(n=>n.messageId===e)?.mailboxId??s,yl=(e,t,s)=>e.map(n=>n.messageId===t?{...n,hasStars:s}:n),Ao=({threadId:e,mailboxId:t,messages:s})=>{const n=Te(),{pushError:a}=nt(),{mutate:o,isPending:i,variables:c}=ze({...Tm(),onMutate:async m=>{const d=m.path.messageId,f=m.body.isStarred??!1,h=Zt({path:{threadId:e}}),y=Et([g0(d,s,t)]);await Promise.all([n.cancelQueries({queryKey:h}),bn(n,y)]);const g=n.getQueriesData({queryKey:h}).filter(x=>x[1]!==void 0).map(([x,b])=>({queryKey:x,data:b})),p=vn(n,y);return n.setQueriesData({queryKey:h},x=>ad(x,b=>yl(b,d,f))),yn(n,y,x=>yl(x,d,f)),{threadMessagesPrefix:h,listPrefixes:y,previousThreadMessages:g,previousThreadsList:p}},onError:(m,d,f)=>{if(f){for(const y of f.previousThreadMessages)n.setQueryData(y.queryKey,y.data);wn(n,f.previousThreadsList)}const h=d.body.isStarred??!1;a({title:h?"Couldn't star message":"Couldn't unstar message",detail:ft(m),error:m})},onSettled:(m,d,f,h)=>{h&&(n.invalidateQueries({queryKey:h.threadMessagesPrefix}),It(n,h.listPrefixes))}});return{toggleStar:(m,d)=>{o({path:{messageId:m},body:{isStarred:!d}})},isPending:i,pendingMessageId:i?c?.path.messageId:void 0}};function Er(e){return e===void 0?"uncategorized":e}const x0={inbox:"Inbox",junk:"Junk"},Oo=e=>e.destinationMailboxId!==void 0,b0=(e,t)=>{if(Oo(e))return`Moved from ${t??"another folder"} by Remit`;const s=e.fromPlacement??"";return`Moved from ${x0[s]??"another folder"} by Remit`},v0=(e,t)=>{if(e===oi.MoveToInbox)return t.inboxMailboxId;if(e===oi.MoveToJunk)return t.junkMailboxId},y0=(e,t,s)=>{if(!e||!t)return!1;const n=Oo(e)?e.destinationMailboxId:v0(e.action,s);return n!==void 0&&n===t},w0="Reported as spam",S0=(e,t)=>{if(e){if(Oo(e))return e.fromMailboxId;if(e.fromPlacement==="inbox")return t.inboxMailboxId;if(e.fromPlacement==="junk")return t.junkMailboxId}},Ir=(e,t)=>{const{data:s,isLoading:n}=ye({...$t(),staleTime:1/0,enabled:!!e});return{mailboxId:l.useMemo(()=>e?s?.accounts.find(i=>i.accountId===e)?.folderAppointments.find(i=>i.role===t)?.mailboxId:void 0,[s,e,t]),isLoading:n}},k0=e=>{const{mailboxId:t,isLoading:s}=Ir(e,"Archive");return{archiveMailboxId:t,isLoading:s}},C0=e=>{const{mailboxId:t,isLoading:s}=Ir(e,"Drafts");return{draftsMailboxId:t,isLoading:s}},od=e=>{const{mailboxId:t,isLoading:s}=Ir(e,"Inbox");return{inboxMailboxId:t,isLoading:s}},Sn=e=>{const{mailboxId:t,isLoading:s}=Ir(e,"Junk");return{junkMailboxId:t,isLoading:s}},Do=e=>{const{data:t}=ye({...$t(),staleTime:1/0,enabled:!!e});return l.useMemo(()=>t?.accounts.find(s=>s.accountId===e)?.folderAppointments??[],[t,e])},wl=(e,t)=>e.filter(s=>!t.has(s.messageId)),Ds=({mailboxId:e,threadId:t,accountId:s,onAfterOptimisticRemove:n})=>{const a=Te(),{pushError:o}=nt(),{mutateAsync:i,isPending:c,isError:u}=ze({...Mm(),onMutate:async d=>{const f=new Set(d.body.messageIds??[]),h=t?Zt({path:{threadId:t}}):[],y=Et([e,d.body.destinationMailboxId]);await Promise.all([...t?[a.cancelQueries({queryKey:h})]:[],bn(a,y)]);const g=t?a.getQueriesData({queryKey:h}).filter(x=>x[1]!==void 0).map(([x,b])=>({queryKey:x,data:b})):[],p=vn(a,y);return t&&a.setQueriesData({queryKey:h},x=>x&&{...x,items:wl(x.items,f)}),yn(a,y,x=>wl(x,f)),n?.(Array.from(f)),{threadMessagesPrefix:h,listPrefixes:y,previousThreadMessages:g,previousThreadsList:p}},onError:(d,f,h)=>{if(h){for(const g of h.previousThreadMessages)a.setQueryData(g.queryKey,g.data);wn(a,h.previousThreadsList)}const y=f.body.messageIds?.length??0;o({title:y>1?`Couldn't move ${y} messages`:"Couldn't move this message",detail:ft(d),error:d})},onSettled:(d,f,h,y)=>{y&&(t&&a.invalidateQueries({queryKey:y.threadMessagesPrefix}),It(a,y.listPrefixes),s&&a.invalidateQueries({queryKey:Ft({path:{accountId:s}})}))}});return{moveMessages:l.useCallback((d,f)=>{d.length!==0&&Os(d,h=>i({body:{messageIds:h,destinationMailboxId:f}}))},[i]),isPending:c,isError:u}},j0="This message could not be processed. Please try again.",N0=(e,t)=>e.replace(`Message ${t}'s`,"This message's"),Sl=e=>{if(e.failureCount===0)return;const t=e.failures?.[0],s=t?.reason??j0,n=t?N0(s,t.messageId):s;throw new Dm(n,422)};function id({mailboxId:e,threadId:t,accountId:s,onAfterOptimisticRemove:n}){const a=Te(),{pushError:o}=nt(),i=Et([e]),c=t?Zt({path:{threadId:t}}):[],u=()=>{t&&a.invalidateQueries({queryKey:c}),It(a,i),s&&a.invalidateQueries({queryKey:Ft({path:{accountId:s}})})},m=()=>(p,x)=>{u(),n?.(x.body.messageIds)},d=p=>(x,b)=>{o({title:p(b.body.messageIds.length),detail:ft(x),error:x})},f=ze({mutationFn:async p=>{const{data:x}=await Am({...p,throwOnError:!0});return Sl(x),x},meta:{softError:!0},onSuccess:m(),onError:d(p=>p>1?`Couldn't report ${p} messages as spam`:"Couldn't report this message as spam")}),h=ze({mutationFn:async p=>{const{data:x}=await Om({...p,throwOnError:!0});return Sl(x),x},meta:{softError:!0},onSuccess:m(),onError:d(p=>p>1?`Couldn't undo the spam report for ${p} messages`:"Couldn't undo the spam report")}),y=l.useCallback(p=>{p.length!==0&&Os(p,x=>f.mutateAsync({body:{messageIds:x}}))},[f.mutateAsync]),g=l.useCallback(p=>{p.length!==0&&Os(p,x=>h.mutateAsync({body:{messageIds:x}}))},[h.mutateAsync]);return{reportSpam:y,notSpam:g,isReporting:f.isPending,isRestoring:h.isPending}}const E0=({accountId:e,messageId:t,threadId:s,mailboxId:n,autoMoved:a,spamReport:o})=>{const{inboxMailboxId:i}=od(e),{junkMailboxId:c}=Sn(e),{moveMessages:u,isPending:m}=Ds({mailboxId:n,threadId:s,accountId:e}),{notSpam:d,isRestoring:f}=id({mailboxId:n,threadId:s,accountId:e}),{data:h}=ye({...it({path:{accountId:e??""}}),staleTime:1/0,enabled:!!e&&a?.fromMailboxId!==void 0}),y={inboxMailboxId:i,junkMailboxId:c},g=S0(a,y),p=l.useCallback(()=>{g&&u([t],g)},[u,t,g]),x=l.useCallback(()=>{d([t])},[d,t]);if(o)return{show:!0,label:w0,onUndo:x,isUndoing:f};if(!y0(a,n,y)||!a)return{show:!1,label:"",isUndoing:!1};const S=a.fromMailboxId?h?.items.filter(w=>w.mailboxId===a.fromMailboxId).map(w=>fa(w.fullPath))[0]:void 0;return{show:!0,label:b0(a,S),onUndo:g?p:void 0,isUndoing:m,...a.filterId?{filtersHref:"/settings/filters"}:{}}};function I0({accountId:e,messageId:t,threadId:s,mailboxId:n,autoMoved:a,spamReport:o}){const i=E0({accountId:e,messageId:t,threadId:s,mailboxId:n,autoMoved:a,spamReport:o});return i.show?r.jsx(Zg,{label:i.label,onUndo:i.onUndo,undoLabel:i.isUndoing?"Undoing…":"Undo",filtersHref:i.filtersHref}):null}const kl=(e,t)=>e.filter(s=>!t.has(s.messageId)),R0=e=>e.filter(t=>t.isDeleted!==!0),ms=({mailboxId:e,threadId:t,accountId:s,messages:n,onAfterOptimisticRemove:a})=>{const o=Te(),{pushError:i}=nt(),{mutateAsync:c,isPending:u}=ze({...Pm(),onMutate:async d=>{const f=new Set(d.body.messageIds??[]),h=t?Zt({path:{threadId:t}}):[],y=Et(jr(f,n??[],e));await Promise.all([o.cancelQueries({queryKey:h}),bn(o,y)]);const g=t?o.getQueriesData({queryKey:h}).filter(x=>x[1]!==void 0).map(([x,b])=>({queryKey:x,data:b})):[],p=vn(o,y);return t&&o.setQueriesData({queryKey:h},x=>x&&{...x,items:kl(x.items,f)}),yn(o,y,x=>kl(x,f)),a?.(Array.from(f)),{threadMessagesPrefix:h,listPrefixes:y,previousThreadMessages:g,previousThreadsList:p}},onError:(d,f,h)=>{if(h){for(const g of h.previousThreadMessages)o.setQueryData(g.queryKey,g.data);wn(o,h.previousThreadsList)}const y=f.body.messageIds?.length??0;i({title:y>1?`Couldn't delete ${y} messages`:"Couldn't delete this message",detail:ft(d),error:d})},onSettled:(d,f,h,y)=>{y&&(t&&o.invalidateQueries({queryKey:y.threadMessagesPrefix}),It(o,y.listPrefixes),s&&o.invalidateQueries({queryKey:Ft({path:{accountId:s}})}))}});return{deleteMessages:l.useCallback(d=>{d.length!==0&&Os(d,f=>c({body:{messageIds:f}}))},[c]),isPending:u}},ld=(e,t=Date.now())=>({value:e,setAt:t}),T0=(e,t,s,n)=>{if(e.addressId!==t)return e;const a={...e.flags??{}};return s?a.trusted=ld(!0,n):delete a.trusted,{...e,flags:a}},M0=(e,t,s,n)=>{const a=o=>o.map(i=>T0(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)}}},Po=({messageId:e})=>{const t=Te(),{pushError:s}=nt(),{mutate:n,isPending:a,error:o,reset:i}=ze({...xc(),onMutate:async u=>{const m=u.path.addressId,f=u.body.flags?.trusted?.value===!0,h=Wa({path:{messageId:e}});await t.cancelQueries({queryKey:h});const y=t.getQueriesData({queryKey:h}).filter(g=>g[1]!==void 0).map(([g,p])=>({queryKey:g,data:p}));return t.setQueriesData({queryKey:h},g=>g&&M0(g,m,f)),{describePrefix:h,previous:y}},onError:(u,m,d)=>{if(d)for(const f of d.previous)t.setQueryData(f.queryKey,f.data);s(ds("Couldn't trust sender","The change wasn't saved.",u))},onSettled:(u,m,d,f)=>{f&&t.invalidateQueries({queryKey:f.describePrefix})}});return{toggleTrusted:(u,m)=>{n({path:{addressId:u},body:{flags:{trusted:ld(!m)}}})},isPending:a,error:o,reset:i}};var Rr="Dialog",[cd]=Ib(Rr),[A0,xt]=cd(Rr),ud=e=>{const{__scopeDialog:t,children:s,open:n,defaultOpen:a,onOpenChange:o,modal:i=!0}=e,c=l.useRef(null),u=l.useRef(null),[m,d]=Mb({prop:n,defaultProp:a??!1,onChange:o,caller:Rr});return r.jsx(A0,{scope:t,triggerRef:c,contentRef:u,contentId:Gr(),titleId:Gr(),descriptionId:Gr(),open:m,onOpenChange:d,onOpenToggle:l.useCallback(()=>d(f=>!f),[d]),modal:i,children:s})};ud.displayName=Rr;var dd="DialogTrigger",O0=l.forwardRef((e,t)=>{const{__scopeDialog:s,...n}=e,a=xt(dd,s),o=gs(t,a.triggerRef);return r.jsx(_t.button,{type:"button","aria-haspopup":"dialog","aria-expanded":a.open,"aria-controls":a.open?a.contentId:void 0,"data-state":Fo(a.open),...n,ref:o,onClick:Vt(e.onClick,a.onOpenToggle)})});O0.displayName=dd;var Lo="DialogPortal",[D0,fd]=cd(Lo,{forceMount:void 0}),md=e=>{const{__scopeDialog:t,forceMount:s,children:n,container:a}=e,o=xt(Lo,t);return r.jsx(D0,{scope:t,forceMount:s,children:l.Children.map(n,i=>r.jsx(yr,{present:s||o.open,children:r.jsx(Nu,{asChild:!0,container:a,children:i})}))})};md.displayName=Lo;var Zn="DialogOverlay",hd=l.forwardRef((e,t)=>{const s=fd(Zn,e.__scopeDialog),{forceMount:n=s.forceMount,...a}=e,o=xt(Zn,e.__scopeDialog);return o.modal?r.jsx(yr,{present:n||o.open,children:r.jsx(L0,{...a,ref:t})}):null});hd.displayName=Zn;var P0=wu("DialogOverlay.RemoveScroll"),L0=l.forwardRef((e,t)=>{const{__scopeDialog:s,...n}=e,a=xt(Zn,s),o=Yb(),i=gs(t,o);return r.jsx(Du,{as:P0,allowPinchZoom:!0,shards:[a.contentRef],children:r.jsx(_t.div,{"data-state":Fo(a.open),...n,ref:i,style:{pointerEvents:"auto",...n.style}})})}),Ps="DialogContent",pd=l.forwardRef((e,t)=>{const s=fd(Ps,e.__scopeDialog),{forceMount:n=s.forceMount,...a}=e,o=xt(Ps,e.__scopeDialog);return r.jsx(yr,{present:n||o.open,children:o.modal?r.jsx(F0,{...a,ref:t}):r.jsx($0,{...a,ref:t})})});pd.displayName=Ps;var F0=l.forwardRef((e,t)=>{const s=xt(Ps,e.__scopeDialog),n=l.useRef(null),a=gs(t,s.contentRef,n);return l.useEffect(()=>{const o=n.current;if(o)return bv(o)},[]),r.jsx(gd,{...e,ref:a,trapFocus:s.open,disableOutsidePointerEvents:s.open,onCloseAutoFocus:Vt(e.onCloseAutoFocus,o=>{o.preventDefault(),s.triggerRef.current?.focus()}),onPointerDownOutside:Vt(e.onPointerDownOutside,o=>{const i=o.detail.originalEvent,c=i.button===0&&i.ctrlKey===!0;(i.button===2||c)&&o.preventDefault()}),onFocusOutside:Vt(e.onFocusOutside,o=>o.preventDefault())})}),$0=l.forwardRef((e,t)=>{const s=xt(Ps,e.__scopeDialog),n=l.useRef(!1),a=l.useRef(!1);return r.jsx(gd,{...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()}})}),gd=l.forwardRef((e,t)=>{const{__scopeDialog:s,trapFocus:n,onOpenAutoFocus:a,onCloseAutoFocus:o,...i}=e,c=xt(Ps,s);return ev(),r.jsx(r.Fragment,{children:r.jsx(Cu,{asChild:!0,loop:!0,trapped:n,onMountAutoFocus:a,onUnmountAutoFocus:o,children:r.jsx(Su,{role:"dialog",id:c.contentId,"aria-describedby":c.descriptionId,"aria-labelledby":c.titleId,"data-state":Fo(c.open),...i,ref:t,deferPointerDownOutside:!0,onDismiss:()=>c.onOpenChange(!1)})})})}),xd="DialogTitle",bd=l.forwardRef((e,t)=>{const{__scopeDialog:s,...n}=e,a=xt(xd,s);return r.jsx(_t.h2,{id:a.titleId,...n,ref:t})});bd.displayName=xd;var vd="DialogDescription",_0=l.forwardRef((e,t)=>{const{__scopeDialog:s,...n}=e,a=xt(vd,s);return r.jsx(_t.p,{id:a.descriptionId,...n,ref:t})});_0.displayName=vd;var yd="DialogClose",z0=l.forwardRef((e,t)=>{const{__scopeDialog:s,...n}=e,a=xt(yd,s);return r.jsx(_t.button,{type:"button",...n,ref:t,onClick:Vt(e.onClick,()=>a.onOpenChange(!1))})});z0.displayName=yd;function Fo(e){return e?"open":"closed"}function B0(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 wd=H.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}),kn=()=>{const e=H.useContext(wd);if(!e)throw new Error("useDrawerContext must be used within a Drawer.Root");return e};B0(`[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 U0(){const e=navigator.userAgent;return typeof window<"u"&&(/Firefox/.test(e)&&/Mobile/.test(e)||/FxiOS/.test(e))}function K0(){return $o(/^Mac/)}function q0(){return $o(/^iPhone/)}function Cl(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}function H0(){return $o(/^iPad/)||K0()&&navigator.maxTouchPoints>1}function Sd(){return q0()||H0()}function $o(e){return typeof window<"u"&&window.navigator!=null?e.test(window.navigator.platform):void 0}const W0=24,V0=typeof window<"u"?l.useLayoutEffect:l.useEffect;function jl(...e){return(...t)=>{for(let s of e)typeof s=="function"&&s(...t)}}const ta=typeof document<"u"&&window.visualViewport;function Nl(e){let t=window.getComputedStyle(e);return/(auto|scroll)/.test(t.overflow+t.overflowX+t.overflowY)}function kd(e){for(Nl(e)&&(e=e.parentElement);e&&!Nl(e);)e=e.parentElement;return e||document.scrollingElement||document.documentElement}const Q0=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);let Dn=0,sa;function G0(e={}){let{isDisabled:t}=e;V0(()=>{if(!t)return Dn++,Dn===1&&Sd()&&(sa=Y0()),()=>{Dn--,Dn===0&&sa?.()}},[t])}function Y0(){let e,t=0,s=f=>{e=kd(f.target),!(e===document.documentElement&&e===document.body)&&(t=f.changedTouches[0].pageY)},n=f=>{if(!e||e===document.documentElement||e===document.body){f.preventDefault();return}let h=f.changedTouches[0].pageY,y=e.scrollTop,g=e.scrollHeight-e.clientHeight;g!==0&&((y<=0&&h>t||y>=g&&h<t)&&f.preventDefault(),t=h)},a=f=>{let h=f.target;Na(h)&&h!==document.activeElement&&(f.preventDefault(),h.style.transform="translateY(-2000px)",h.focus(),requestAnimationFrame(()=>{h.style.transform=""}))},o=f=>{let h=f.target;Na(h)&&(h.style.transform="translateY(-2000px)",requestAnimationFrame(()=>{h.style.transform="",ta&&(ta.height<window.innerHeight?requestAnimationFrame(()=>{El(h)}):ta.addEventListener("resize",()=>El(h),{once:!0}))}))},i=()=>{window.scrollTo(0,0)},c=window.pageXOffset,u=window.pageYOffset,m=jl(X0(document.documentElement,"paddingRight",`${window.innerWidth-document.documentElement.clientWidth}px`));window.scrollTo(0,0);let d=jl(Xs(document,"touchstart",s,{passive:!1,capture:!0}),Xs(document,"touchmove",n,{passive:!1,capture:!0}),Xs(document,"touchend",a,{passive:!1,capture:!0}),Xs(document,"focus",o,!0),Xs(window,"scroll",i));return()=>{m(),d(),window.scrollTo(c,u)}}function X0(e,t,s){let n=e.style[t];return e.style[t]=s,()=>{e.style[t]=n}}function Xs(e,t,s,n){return e.addEventListener(t,s,n),()=>{e.removeEventListener(t,s,n)}}function El(e){let t=document.scrollingElement||document.documentElement;for(;e&&e!==t;){let s=kd(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+W0;o>i&&(s.scrollTop+=a-n)}e=s.parentElement}}function Na(e){return e instanceof HTMLInputElement&&!Q0.has(e.type)||e instanceof HTMLTextAreaElement||e instanceof HTMLElement&&e.isContentEditable}function J0(e,t){typeof e=="function"?e(t):e!=null&&(e.current=t)}function Z0(...e){return t=>e.forEach(s=>J0(s,t))}function Cd(...e){return l.useCallback(Z0(...e),e)}const jd=new WeakMap;function Ve(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&&jd.set(e,n)}function ew(e,t){if(!e||!(e instanceof HTMLElement))return;let s=jd.get(e);s&&(e.style[t]=s[t])}const He=e=>{switch(e){case"top":case"bottom":return!0;case"left":case"right":return!1;default:return e}};function Pn(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(", ")[He(t)?13:12]):(a=n.match(/^matrix\((.+)\)$/),a?parseFloat(a[1].split(", ")[He(t)?5:4]):null)}function tw(e){return 8*(Math.log(e+1)-2)}function na(e,t){if(!e)return()=>{};const s=e.style.cssText;return Object.assign(e.style,t),()=>{e.style.cssText=s}}function sw(...e){return(...t)=>{for(const s of e)typeof s=="function"&&s(...t)}}const Fe={DURATION:.5,EASE:[.32,.72,0,1]},Nd=.4,nw=.25,rw=100,Ed=8,is=16,Ea=26,ra="vaul-dragging";function Id(e){const t=H.useRef(e);return H.useEffect(()=>{t.current=e}),H.useMemo(()=>(...s)=>t.current==null?void 0:t.current.call(t,...s),[])}function aw({defaultProp:e,onChange:t}){const s=H.useState(e),[n]=s,a=H.useRef(n),o=Id(t);return H.useEffect(()=>{a.current!==n&&(o(n),a.current=n)},[n,a,o]),s}function Rd({prop:e,defaultProp:t,onChange:s=()=>{}}){const[n,a]=aw({defaultProp:t,onChange:s}),o=e!==void 0,i=o?e:n,c=Id(s),u=H.useCallback(m=>{if(o){const f=typeof m=="function"?m(e):m;f!==e&&c(f)}else a(m)},[o,e,a,c]);return[i,u]}function ow({activeSnapPointProp:e,setActiveSnapPointProp:t,snapPoints:s,drawerRef:n,overlayRef:a,fadeFromIndex:o,onSnapPointChange:i,direction:c="bottom",container:u,snapToSequentialPoint:m}){const[d,f]=Rd({prop:e,defaultProp:s?.[0],onChange:t}),[h,y]=H.useState(typeof window<"u"?{innerWidth:window.innerWidth,innerHeight:window.innerHeight}:void 0);H.useEffect(()=>{function A(){y({innerWidth:window.innerWidth,innerHeight:window.innerHeight})}return window.addEventListener("resize",A),()=>window.removeEventListener("resize",A)},[]);const g=H.useMemo(()=>d===s?.[s.length-1]||null,[s,d]),p=H.useMemo(()=>{var A;return(A=s?.findIndex(C=>C===d))!=null?A:null},[s,d]),x=s&&s.length>0&&(o||o===0)&&!Number.isNaN(o)&&s[o]===d||!s,b=H.useMemo(()=>{const A=u?{width:u.getBoundingClientRect().width,height:u.getBoundingClientRect().height}:typeof window<"u"?{width:window.innerWidth,height:window.innerHeight}:{width:0,height:0};var C;return(C=s?.map(M=>{const D=typeof M=="string";let E=0;if(D&&(E=parseInt(M,10)),He(c)){const O=D?E:h?M*A.height:0;return h?c==="bottom"?A.height-O:-A.height+O:O}const L=D?E:h?M*A.width:0;return h?c==="right"?A.width-L:-A.width+L:L}))!=null?C:[]},[s,h,u]),S=H.useMemo(()=>p!==null?b?.[p]:null,[b,p]),w=H.useCallback(A=>{var C;const M=(C=b?.findIndex(D=>D===A))!=null?C:null;i(M),Ve(n.current,{transition:`transform ${Fe.DURATION}s cubic-bezier(${Fe.EASE.join(",")})`,transform:He(c)?`translate3d(0, ${A}px, 0)`:`translate3d(${A}px, 0, 0)`}),b&&M!==b.length-1&&o!==void 0&&M!==o&&M<o?Ve(a.current,{transition:`opacity ${Fe.DURATION}s cubic-bezier(${Fe.EASE.join(",")})`,opacity:"0"}):Ve(a.current,{transition:`opacity ${Fe.DURATION}s cubic-bezier(${Fe.EASE.join(",")})`,opacity:"1"}),f(s?.[Math.max(M,0)])},[n.current,s,b,o,a,f]);H.useEffect(()=>{if(d||e){var A;const C=(A=s?.findIndex(M=>M===e||M===d))!=null?A:-1;b&&C!==-1&&typeof b[C]=="number"&&w(b[C])}},[d,e,s,b,w]);function v({draggedDistance:A,closeDrawer:C,velocity:M,dismissible:D}){if(o===void 0)return;const E=c==="bottom"||c==="right"?(S??0)-A:(S??0)+A,L=p===o-1,O=p===0,j=A>0;if(L&&Ve(a.current,{transition:`opacity ${Fe.DURATION}s cubic-bezier(${Fe.EASE.join(",")})`}),!m&&M>2&&!j){D?C():w(b[0]);return}if(!m&&M>2&&j&&b&&s){w(b[s.length-1]);return}const R=b?.reduce((T,F)=>typeof T!="number"||typeof F!="number"?T:Math.abs(F-E)<Math.abs(T-E)?F:T),P=He(c)?window.innerHeight:window.innerWidth;if(M>Nd&&Math.abs(A)<P*.4){const T=j?1:-1;if(T>0&&g&&s){w(b[s.length-1]);return}if(O&&T<0&&D&&C(),p===null)return;w(b[p+T]);return}w(R)}function k({draggedDistance:A}){if(S===null)return;const C=c==="bottom"||c==="right"?S-A:S+A;(c==="bottom"||c==="right")&&C<b[b.length-1]||(c==="top"||c==="left")&&C>b[b.length-1]||Ve(n.current,{transform:He(c)?`translate3d(0, ${C}px, 0)`:`translate3d(${C}px, 0, 0)`})}function I(A,C){if(!s||typeof p!="number"||!b||o===void 0)return null;const M=p===o-1;if(p>=o&&C)return 0;if(M&&!C)return 1;if(!x&&!M)return null;const E=M?p+1:p-1,L=M?b[E]-b[E-1]:b[E+1]-b[E],O=A/Math.abs(L);return M?1-O:O}return{isLastSnapPoint:g,activeSnapPoint:d,shouldFade:x,getPercentageDragged:I,setActiveSnapPoint:f,activeSnapPointIndex:p,onRelease:v,onDrag:k,snapPointsOffset:b}}const iw=()=>()=>{};function lw(){const{direction:e,isOpen:t,shouldScaleBackground:s,setBackgroundColorOnScale:n,noBodyStyles:a}=kn(),o=H.useRef(null),i=l.useMemo(()=>document.body.style.backgroundColor,[]);function c(){return(window.innerWidth-Ea)/window.innerWidth}H.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;sw(n&&!a?na(document.body,{background:"black"}):iw,na(u,{transformOrigin:He(e)?"top":"left",transitionProperty:"transform, border-radius",transitionDuration:`${Fe.DURATION}s`,transitionTimingFunction:`cubic-bezier(${Fe.EASE.join(",")})`}));const m=na(u,{borderRadius:`${Ed}px`,overflow:"hidden",...He(e)?{transform:`scale(${c()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`}:{transform:`scale(${c()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`}});return()=>{m(),o.current=window.setTimeout(()=>{i?document.body.style.background=i:document.body.style.removeProperty("background")},Fe.DURATION*1e3)}}},[t,s,i])}let Js=null;function cw({isOpen:e,modal:t,nested:s,hasBeenOpened:n,preventScrollRestoration:a,noBodyStyles:o}){const[i,c]=H.useState(()=>typeof window<"u"?window.location.href:""),u=H.useRef(0),m=H.useCallback(()=>{if(Cl()&&Js===null&&e&&!o){Js={position:document.body.style.position,top:document.body.style.top,left:document.body.style.left,height:document.body.style.height,right:"unset"};const{scrollX:f,innerHeight:h}=window;document.body.style.setProperty("position","fixed","important"),Object.assign(document.body.style,{top:`${-u.current}px`,left:`${-f}px`,right:"0px",height:"auto"}),window.setTimeout(()=>window.requestAnimationFrame(()=>{const y=h-window.innerHeight;y&&u.current>=h&&(document.body.style.top=`${-(u.current+y)}px`)}),300)}},[e]),d=H.useCallback(()=>{if(Cl()&&Js!==null&&!o){const f=-parseInt(document.body.style.top,10),h=-parseInt(document.body.style.left,10);Object.assign(document.body.style,Js),window.requestAnimationFrame(()=>{if(a&&i!==window.location.href){c(window.location.href);return}window.scrollTo(h,f)}),Js=null}},[i]);return H.useEffect(()=>{function f(){u.current=window.scrollY}return f(),window.addEventListener("scroll",f),()=>{window.removeEventListener("scroll",f)}},[]),H.useEffect(()=>{if(t)return()=>{typeof document>"u"||document.querySelector("[data-vaul-drawer]")||d()}},[t,d]),H.useEffect(()=>{s||!n||(e?(!window.matchMedia("(display-mode: standalone)").matches&&m(),t||window.setTimeout(()=>{d()},500)):d())},[e,n,i,t,s,m,d]),{restorePositionSetting:d}}function uw({open:e,onOpenChange:t,children:s,onDrag:n,onRelease:a,snapPoints:o,shouldScaleBackground:i=!1,setBackgroundColorOnScale:c=!0,closeThreshold:u=nw,scrollLockTimeout:m=rw,dismissible:d=!0,handleOnly:f=!1,fadeFromIndex:h=o&&o.length-1,activeSnapPoint:y,setActiveSnapPoint:g,fixed:p,modal:x=!0,onClose:b,nested:S,noBodyStyles:w=!1,direction:v="bottom",defaultOpen:k=!1,disablePreventScroll:I=!0,snapToSequentialPoint:A=!1,preventScrollRestoration:C=!1,repositionInputs:M=!0,onAnimationEnd:D,container:E,autoFocus:L=!1}){var O,j;const[R=!1,P]=Rd({defaultProp:k,prop:e,onChange:K=>{t?.(K),!K&&!S&&$(),setTimeout(()=>{D?.(K)},Fe.DURATION*1e3),K&&!x&&typeof window<"u"&&window.requestAnimationFrame(()=>{document.body.style.pointerEvents="auto"}),K||(document.body.style.pointerEvents="auto")}}),[T,F]=H.useState(!1),[N,V]=H.useState(!1),[Q,re]=H.useState(!1),se=H.useRef(null),fe=H.useRef(null),Z=H.useRef(null),ne=H.useRef(null),le=H.useRef(null),U=H.useRef(!1),_=H.useRef(null),de=H.useRef(0),ge=H.useRef(!1),we=H.useRef(!k),Re=H.useRef(0),q=H.useRef(null),ke=H.useRef(((O=q.current)==null?void 0:O.getBoundingClientRect().height)||0),xe=H.useRef(((j=q.current)==null?void 0:j.getBoundingClientRect().width)||0),Ne=H.useRef(0),ue=H.useCallback(K=>{o&&K===G.length-1&&(fe.current=new Date)},[]),{activeSnapPoint:te,activeSnapPointIndex:be,setActiveSnapPoint:De,onRelease:Ue,snapPointsOffset:G,onDrag:Ge,shouldFade:Ce,getPercentageDragged:Ke}=ow({snapPoints:o,activeSnapPointProp:y,setActiveSnapPointProp:g,drawerRef:q,fadeFromIndex:h,overlayRef:se,onSnapPointChange:ue,direction:v,container:E,snapToSequentialPoint:A});G0({isDisabled:!R||N||!x||Q||!T||!M||!I});const{restorePositionSetting:$}=cw({isOpen:R,modal:x,nested:S??!1,hasBeenOpened:T,preventScrollRestoration:C,noBodyStyles:w});function ce(){return(window.innerWidth-Ea)/window.innerWidth}function ae(K){var pe,oe;!d&&!o||q.current&&!q.current.contains(K.target)||(ke.current=((pe=q.current)==null?void 0:pe.getBoundingClientRect().height)||0,xe.current=((oe=q.current)==null?void 0:oe.getBoundingClientRect().width)||0,V(!0),Z.current=new Date,Sd()&&window.addEventListener("touchend",()=>U.current=!1,{once:!0}),K.target.setPointerCapture(K.pointerId),de.current=He(v)?K.pageY:K.pageX)}function me(K,pe){var oe;let J=K;const je=(oe=window.getSelection())==null?void 0:oe.toString(),Pe=q.current?Pn(q.current,v):null,_e=new Date;if(J.tagName==="SELECT"||J.hasAttribute("data-vaul-no-drag")||J.closest("[data-vaul-no-drag]"))return!1;if(v==="right"||v==="left")return!0;if(fe.current&&_e.getTime()-fe.current.getTime()<500)return!1;if(Pe!==null&&(v==="bottom"?Pe>0:Pe<0))return!0;if(je&&je.length>0)return!1;if(le.current&&_e.getTime()-le.current.getTime()<m&&Pe===0||pe)return le.current=_e,!1;for(;J;){if(J.scrollHeight>J.clientHeight){if(J.scrollTop!==0)return le.current=new Date,!1;if(J.getAttribute("role")==="dialog")return!0}J=J.parentNode}return!0}function Me(K){if(q.current&&N){const pe=v==="bottom"||v==="right"?1:-1,oe=(de.current-(He(v)?K.pageY:K.pageX))*pe,J=oe>0,je=o&&!d&&!J;if(je&&be===0)return;const Pe=Math.abs(oe),_e=document.querySelector("[data-vaul-drawer-wrapper]"),Je=v==="bottom"||v==="top"?ke.current:xe.current;let qe=Pe/Je;const Ee=Ke(Pe,J);if(Ee!==null&&(qe=Ee),je&&qe>=1||!U.current&&!me(K.target,J))return;if(q.current.classList.add(ra),U.current=!0,Ve(q.current,{transition:"none"}),Ve(se.current,{transition:"none"}),o&&Ge({draggedDistance:oe}),J&&!o){const Be=tw(oe),lt=Math.min(Be*-1,0)*pe;Ve(q.current,{transform:He(v)?`translate3d(0, ${lt}px, 0)`:`translate3d(${lt}px, 0, 0)`});return}const et=1-qe;if((Ce||h&&be===h-1)&&(n?.(K,qe),Ve(se.current,{opacity:`${et}`,transition:"none"},!0)),_e&&se.current&&i){const Be=Math.min(ce()+qe*(1-ce()),1),lt=8-qe*8,tt=Math.max(0,14-qe*14);Ve(_e,{borderRadius:`${lt}px`,transform:He(v)?`scale(${Be}) translate3d(0, ${tt}px, 0)`:`scale(${Be}) translate3d(${tt}px, 0, 0)`,transition:"none"},!0)}if(!o){const Be=Pe*pe;Ve(q.current,{transform:He(v)?`translate3d(0, ${Be}px, 0)`:`translate3d(${Be}px, 0, 0)`})}}}H.useEffect(()=>{window.requestAnimationFrame(()=>{we.current=!0})},[]),H.useEffect(()=>{var K;function pe(){if(!q.current||!M)return;const oe=document.activeElement;if(Na(oe)||ge.current){var J;const je=((J=window.visualViewport)==null?void 0:J.height)||0,Pe=window.innerHeight;let _e=Pe-je;const Je=q.current.getBoundingClientRect().height||0,qe=Je>Pe*.8;Ne.current||(Ne.current=Je);const Ee=q.current.getBoundingClientRect().top;if(Math.abs(Re.current-_e)>60&&(ge.current=!ge.current),o&&o.length>0&&G&&be){const et=G[be]||0;_e+=et}if(Re.current=_e,Je>je||ge.current){const et=q.current.getBoundingClientRect().height;let Be=et;et>je&&(Be=je-(qe?Ee:Ea)),p?q.current.style.height=`${et-Math.max(_e,0)}px`:q.current.style.height=`${Math.max(Be,je-Ee)}px`}else U0()||(q.current.style.height=`${Ne.current}px`);o&&o.length>0&&!ge.current?q.current.style.bottom="0px":q.current.style.bottom=`${Math.max(_e,0)}px`}}return(K=window.visualViewport)==null||K.addEventListener("resize",pe),()=>{var oe;return(oe=window.visualViewport)==null?void 0:oe.removeEventListener("resize",pe)}},[be,o,G]);function he(K){Ae(),b?.(),K||P(!1),setTimeout(()=>{o&&De(o[0])},Fe.DURATION*1e3)}function Se(){if(!q.current)return;const K=document.querySelector("[data-vaul-drawer-wrapper]"),pe=Pn(q.current,v);Ve(q.current,{transform:"translate3d(0, 0, 0)",transition:`transform ${Fe.DURATION}s cubic-bezier(${Fe.EASE.join(",")})`}),Ve(se.current,{transition:`opacity ${Fe.DURATION}s cubic-bezier(${Fe.EASE.join(",")})`,opacity:"1"}),i&&pe&&pe>0&&R&&Ve(K,{borderRadius:`${Ed}px`,overflow:"hidden",...He(v)?{transform:`scale(${ce()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,transformOrigin:"top"}:{transform:`scale(${ce()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,transformOrigin:"left"},transitionProperty:"transform, border-radius",transitionDuration:`${Fe.DURATION}s`,transitionTimingFunction:`cubic-bezier(${Fe.EASE.join(",")})`},!0)}function Ae(){!N||!q.current||(q.current.classList.remove(ra),U.current=!1,V(!1),ne.current=new Date)}function ve(K){if(!N||!q.current)return;q.current.classList.remove(ra),U.current=!1,V(!1),ne.current=new Date;const pe=Pn(q.current,v);if(!K||!me(K.target,!1)||!pe||Number.isNaN(pe)||Z.current===null)return;const oe=ne.current.getTime()-Z.current.getTime(),J=de.current-(He(v)?K.pageY:K.pageX),je=Math.abs(J)/oe;if(je>.05&&(re(!0),setTimeout(()=>{re(!1)},200)),o){Ue({draggedDistance:J*(v==="bottom"||v==="right"?1:-1),closeDrawer:he,velocity:je,dismissible:d}),a?.(K,!0);return}if(v==="bottom"||v==="right"?J>0:J<0){Se(),a?.(K,!0);return}if(je>Nd){he(),a?.(K,!1);return}var Pe;const _e=Math.min((Pe=q.current.getBoundingClientRect().height)!=null?Pe:0,window.innerHeight);var Je;const qe=Math.min((Je=q.current.getBoundingClientRect().width)!=null?Je:0,window.innerWidth),Ee=v==="left"||v==="right";if(Math.abs(pe)>=(Ee?qe:_e)*u){he(),a?.(K,!1);return}a?.(K,!0),Se()}H.useEffect(()=>(R&&(Ve(document.documentElement,{scrollBehavior:"auto"}),fe.current=new Date),()=>{ew(document.documentElement,"scrollBehavior")}),[R]);function Ye(K){const pe=K?(window.innerWidth-is)/window.innerWidth:1,oe=K?-is:0;_.current&&window.clearTimeout(_.current),Ve(q.current,{transition:`transform ${Fe.DURATION}s cubic-bezier(${Fe.EASE.join(",")})`,transform:He(v)?`scale(${pe}) translate3d(0, ${oe}px, 0)`:`scale(${pe}) translate3d(${oe}px, 0, 0)`}),!K&&q.current&&(_.current=setTimeout(()=>{const J=Pn(q.current,v);Ve(q.current,{transition:"none",transform:He(v)?`translate3d(0, ${J}px, 0)`:`translate3d(${J}px, 0, 0)`})},500))}function Xe(K,pe){if(pe<0)return;const oe=(window.innerWidth-is)/window.innerWidth,J=oe+pe*(1-oe),je=-is+pe*is;Ve(q.current,{transform:He(v)?`scale(${J}) translate3d(0, ${je}px, 0)`:`scale(${J}) translate3d(${je}px, 0, 0)`,transition:"none"})}function Oe(K,pe){const oe=He(v)?window.innerHeight:window.innerWidth,J=pe?(oe-is)/oe:1,je=pe?-is:0;pe&&Ve(q.current,{transition:`transform ${Fe.DURATION}s cubic-bezier(${Fe.EASE.join(",")})`,transform:He(v)?`scale(${J}) translate3d(0, ${je}px, 0)`:`scale(${J}) translate3d(${je}px, 0, 0)`})}return H.useEffect(()=>{x||window.requestAnimationFrame(()=>{document.body.style.pointerEvents="auto"})},[x]),H.createElement(ud,{defaultOpen:k,onOpenChange:K=>{!d&&!K||(K?F(!0):he(!0),P(K))},open:R},H.createElement(wd.Provider,{value:{activeSnapPoint:te,snapPoints:o,setActiveSnapPoint:De,drawerRef:q,overlayRef:se,onOpenChange:t,onPress:ae,onRelease:ve,onDrag:Me,dismissible:d,shouldAnimate:we,handleOnly:f,isOpen:R,isDragging:N,shouldFade:Ce,closeDrawer:he,onNestedDrag:Xe,onNestedOpenChange:Ye,onNestedRelease:Oe,keyboardIsOpen:ge,modal:x,snapPointsOffset:G,activeSnapPointIndex:be,direction:v,shouldScaleBackground:i,setBackgroundColorOnScale:c,noBodyStyles:w,container:E,autoFocus:L}},s))}const Td=H.forwardRef(function({...e},t){const{overlayRef:s,snapPoints:n,onRelease:a,shouldFade:o,isOpen:i,modal:c,shouldAnimate:u}=kn(),m=Cd(t,s),d=n&&n.length>0;if(!c)return null;const f=H.useCallback(h=>a(h),[a]);return H.createElement(hd,{onMouseUp:f,ref:m,"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})});Td.displayName="Drawer.Overlay";const Md=H.forwardRef(function({onPointerDownOutside:e,style:t,onOpenAutoFocus:s,...n},a){const{drawerRef:o,onPress:i,onRelease:c,onDrag:u,keyboardIsOpen:m,snapPointsOffset:d,activeSnapPointIndex:f,modal:h,isOpen:y,direction:g,snapPoints:p,container:x,handleOnly:b,shouldAnimate:S,autoFocus:w}=kn(),[v,k]=H.useState(!1),I=Cd(a,o),A=H.useRef(null),C=H.useRef(null),M=H.useRef(!1),D=p&&p.length>0;lw();const E=(O,j,R=0)=>{if(M.current)return!0;const P=Math.abs(O.y),T=Math.abs(O.x),F=T>P,N=["bottom","right"].includes(j)?1:-1;if(j==="left"||j==="right"){if(!(O.x*N<0)&&T>=0&&T<=R)return F}else if(!(O.y*N<0)&&P>=0&&P<=R)return!F;return M.current=!0,!0};H.useEffect(()=>{D&&window.requestAnimationFrame(()=>{k(!0)})},[]);function L(O){A.current=null,M.current=!1,c(O)}return H.createElement(pd,{"data-vaul-drawer-direction":g,"data-vaul-drawer":"","data-vaul-delayed-snap-points":v?"true":"false","data-vaul-snap-points":y&&D?"true":"false","data-vaul-custom-container":x?"true":"false","data-vaul-animate":S?.current?"true":"false",...n,ref:I,style:d&&d.length>0?{"--snap-point-height":`${d[f??0]}px`,...t}:t,onPointerDown:O=>{b||(n.onPointerDown==null||n.onPointerDown.call(n,O),A.current={x:O.pageX,y:O.pageY},i(O))},onOpenAutoFocus:O=>{s?.(O),w||O.preventDefault()},onPointerDownOutside:O=>{if(e?.(O),!h||O.defaultPrevented){O.preventDefault();return}m.current&&(m.current=!1)},onFocusOutside:O=>{if(!h){O.preventDefault();return}},onPointerMove:O=>{if(C.current=O,b||(n.onPointerMove==null||n.onPointerMove.call(n,O),!A.current))return;const j=O.pageY-A.current.y,R=O.pageX-A.current.x,P=O.pointerType==="touch"?10:2;E({x:R,y:j},g,P)?u(O):(Math.abs(R)>P||Math.abs(j)>P)&&(A.current=null)},onPointerUp:O=>{n.onPointerUp==null||n.onPointerUp.call(n,O),A.current=null,M.current=!1,c(O)},onPointerOut:O=>{n.onPointerOut==null||n.onPointerOut.call(n,O),L(C.current)},onContextMenu:O=>{n.onContextMenu==null||n.onContextMenu.call(n,O),C.current&&L(C.current)}})});Md.displayName="Drawer.Content";const dw=250,fw=120,Ad=H.forwardRef(function({preventCycle:e=!1,children:t,...s},n){const{closeDrawer:a,isDragging:o,snapPoints:i,activeSnapPoint:c,setActiveSnapPoint:u,dismissible:m,handleOnly:d,isOpen:f,onPress:h,onDrag:y}=kn(),g=H.useRef(null),p=H.useRef(!1);function x(){if(p.current){w();return}window.setTimeout(()=>{b()},fw)}function b(){if(o||e||p.current){w();return}if(w(),!i||i.length===0){m||a();return}if(c===i[i.length-1]&&m){a();return}const k=i.findIndex(A=>A===c);if(k===-1)return;const I=i[k+1];u(I)}function S(){g.current=window.setTimeout(()=>{p.current=!0},dw)}function w(){g.current&&window.clearTimeout(g.current),p.current=!1}return H.createElement("div",{onClick:x,onPointerCancel:w,onPointerDown:v=>{d&&h(v),S()},onPointerMove:v=>{d&&y(v)},ref:n,"data-vaul-drawer-visible":f?"true":"false","data-vaul-handle":"","aria-hidden":"true",...s},H.createElement("span",{"data-vaul-handle-hitarea":"","aria-hidden":"true"},t))});Ad.displayName="Drawer.Handle";function mw(e){const t=kn(),{container:s=t.container,...n}=e;return H.createElement(md,{container:s,...n})}const dt={Root:uw,Content:Md,Overlay:Td,Portal:mw,Handle:Ad,Title:bd},Od="inline-flex items-center justify-center transition-colors",hw=We(Od,"min-h-11 min-w-11 rounded hover:bg-surface-raised"),pw=We(Od,"min-h-11 gap-1.5 px-3 rounded text-sm font-medium hover:bg-surface-raised"),_o=({accountId:e,currentMailboxId:t,onMove:s,disabled:n=!1,disabledHint:a,variant:o="icon-only",label:i})=>{const[c,u]=l.useState(!1),[m,d]=l.useState(),f=es(),h=l.useRef(null),y=i??"Move to folder",g=l.useId(),{t:p}=Ha("mail",{useSuspense:!1}),x=to(),{data:b,isLoading:S,isError:w,error:v,refetch:k}=ye({...it({path:{accountId:e}}),staleTime:1/0,enabled:c}),I=Do(e),{createFolderIn:A}=Nc(e),C=l.useMemo(()=>so({mailboxes:b?.items??[],folderAppointments:I,currentMailboxId:t,translator:x}),[b?.items,I,t,x]),M=no(b?.items??[]),D=C.find(T=>T.id===m),E=l.useCallback(()=>{u(!1),d(void 0)},[]),L=l.useCallback(()=>{D&&(E(),s(D.id))},[D,E,s]);l.useEffect(()=>{if(!c||!f)return;const T=N=>{h.current&&!h.current.contains(N.target)&&E()},F=N=>{N.key==="Escape"&&E()};return document.addEventListener("mousedown",T),document.addEventListener("keydown",F),()=>{document.removeEventListener("mousedown",T),document.removeEventListener("keydown",F)}},[c,f,E]);const O=n||!!a,j=r.jsxs("button",{type:"button",onClick:T=>{T.stopPropagation(),!O&&u(F=>!F)},"aria-label":y,"aria-haspopup":f?"tree":"dialog","aria-expanded":c,"aria-controls":c?g:void 0,title:a,className:o==="icon-only"?hw:pw,children:[r.jsx(Da,{className:o==="icon-only"?"size-5":"size-4"}),o==="compact"&&r.jsx("span",{className:"hidden sm:inline",children:"Move"})]}),R=S?r.jsx("div",{className:"px-3 py-5 text-sm text-fg-muted",children:"Loading folders…"}):w?r.jsx("div",{className:"p-3",children:r.jsx(ts,{variant:"inline",title:"Couldn't load folders",error:v,onRetry:()=>k()})}):r.jsx(oc,{folders:C,selectedId:m,delimiter:M,onSelect:d,onCreateFolder:A,onCancel:E,labels:{filterPlaceholder:p("move_picker_filter_placeholder",{defaultValue:"Filter folders…"}),filterAriaLabel:p("move_picker_filter_label",{defaultValue:"Filter folders"})}}),P=D&&r.jsx("div",{className:"shrink-0 border-t border-line p-2",children:r.jsx(ie,{variant:"primary",onClick:L,className:"h-11 w-full font-semibold",children:`Move to ${D.label}`})});return f?r.jsxs("div",{ref:h,className:"relative inline-block",children:[j,c&&r.jsxs("div",{id:g,className:We("absolute right-0 mt-1 z-50 w-72 max-h-96 flex flex-col","bg-surface border border-line rounded-md shadow-lg"),children:[R,P]})]}):r.jsxs(r.Fragment,{children:[j,r.jsx(dt.Root,{open:c,onOpenChange:T=>T?u(!0):E(),children:r.jsxs(dt.Portal,{children:[r.jsx(dt.Overlay,{className:"fixed inset-0 z-40 bg-black/40"}),r.jsxs(dt.Content,{className:"fixed inset-x-0 bottom-0 z-50 flex flex-col rounded-t-lg bg-canvas pb-[env(safe-area-inset-bottom,0px)]",style:{maxHeight:"85dvh"},id:g,children:[r.jsx(dt.Handle,{className:"mx-auto mt-2 mb-1 h-1.5 w-12 rounded-full bg-fg-subtle/30"}),r.jsx(dt.Title,{className:"px-4 py-2 text-base font-semibold border-b border-line",children:"Move to folder"}),r.jsx("div",{className:"flex min-h-0 flex-1 overflow-hidden",children:R}),P]})]})})]})},gw=({messageId:e,threadId:t,mailboxId:s,isRead:n,accountId:a,fromAddressId:o,isTrusted:i=!1,showRaw:c=!1,onToggleRaw:u})=>{const m=Te(),d=Qe(),{pushError:f}=nt(),{selectedMessageId:h}=As({strict:!1}),{mutate:y,isPending:g}=ze({...ur(),onMutate:async R=>{const P=R.body.isRead??!0,T=new Set(R.body.messageIds??[]),F=Zt({path:{threadId:t}}),N=Et([s]);await Promise.all([m.cancelQueries({queryKey:F}),bn(m,N)]);const V=m.getQueriesData({queryKey:F}).filter(re=>re[1]!==void 0).map(([re,se])=>({queryKey:re,data:se})),Q=vn(m,N);return m.setQueriesData({queryKey:F},re=>re&&{...re,items:Jn(re.items,T,P)}),yn(m,N,re=>Jn(re,T,P)),{threadMessagesPrefix:F,listPrefixes:N,previousThreadMessages:V,previousThreadsList:Q}},onError:(R,P,T)=>{if(T){for(const N of T.previousThreadMessages)m.setQueryData(N.queryKey,N.data);wn(m,T.previousThreadsList)}const F=P.body.isRead??!0;f({title:F?"Couldn't mark as read":"Couldn't mark as unread",detail:ft(R),error:R})},onSettled:(R,P,T,F)=>{F&&(m.invalidateQueries({queryKey:F.threadMessagesPrefix}),It(m,F.listPrefixes))}}),p=l.useCallback(R=>{h&&R.includes(h)&&d({to:"/mail/$mailboxId",params:{mailboxId:s},search:P=>({...P,selectedMessageId:void 0})})},[h,s,d]),{deleteMessages:x,isPending:b}=ms({mailboxId:s,threadId:t,onAfterOptimisticRemove:p}),{moveMessages:S,isPending:w}=Ds({mailboxId:s,threadId:t,accountId:a,onAfterOptimisticRemove:p}),{toggleTrusted:v,isPending:k,error:I,reset:A}=Po({messageId:e}),C=()=>{y({body:{messageIds:[e],isRead:!1}})},M=()=>{x([e])},D=()=>{o&&v(o,i)},E=g||b||w||k,L=E||!o,O=l.useCallback(R=>{S([e],R)},[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(_o,{accountId:a,currentMailboxId:s,onMove:O,disabled:E,label:"Move this message"}),r.jsxs($u,{trigger:r.jsx(zc,{className:"size-4"}),children:[r.jsxs(nn,{onClick:D,disabled:L,children:[i?r.jsx(pr,{className:"size-4 text-positive"}):r.jsx(mn,{className:"size-4 opacity-0"}),r.jsx("span",{title:j,children:"Trusted sender"})]}),n&&r.jsxs(nn,{onClick:C,disabled:E,children:[r.jsx(gr,{className:"size-4"}),"Mark as unread"]}),u&&r.jsxs(nn,{onClick:u,children:[r.jsx(_c,{className:"size-4"}),c?"Show formatted":"Show raw email"]}),r.jsx(_u,{}),r.jsxs(nn,{onClick:M,disabled:E,destructive:!0,children:[r.jsx(Lt,{className:"size-4"}),"Delete"]})]})]}),I&&r.jsx("div",{className:"w-64",children:r.jsx(ts,{variant:"inline",title:"Couldn't update trust",error:I,onRetry:()=>{A(),D()}})})]})},xw=e=>e==="link-expired"||e==="not-ready";class Ia extends Error{reason;status;constructor(t,s,n){super(s),this.name="AttachmentFetchError",this.reason=t,this.status=n}}const bw="x-remit-403-reason",vw="expired",yw=(e,t)=>{if(t?.trim()===vw)return"link-expired";const s=Zu(e,t);return s==="auth"?"auth":s==="body-missing"?"missing":"generic"},ww=300*1e3,Il=async(e,t)=>{const s={},n=await t();n&&(s.Authorization=`Bearer ${n}`);const a=await mc(e,{headers:s,signal:AbortSignal.timeout(ww)});if(a.status===202)throw new Ia("not-ready","Attachment is still being fetched from the mail server",202);if(!a.ok)throw new Ia(yw(a.status,a.headers.get(bw)),`Failed to download attachment (${a.status} ${a.statusText})`,a.status);return a.blob()},Sw=(e,t,s)=>{switch(e){case"auth":return{title:"Your session expired",detail:`Sign in again, then download ${t} once more. Other parts of the app may also stop responding until you do.`};case"link-expired":return{title:"This download link expired and could not be renewed",detail:`Reload the page, then download ${t} again. If that keeps failing, this is worth reporting.`};case"missing":return{title:"This attachment is missing from storage",detail:"Remit has the message but not the file. Re-sync the account from Settings, then try again."};case"not-ready":return{title:"Still fetching this attachment",detail:"Remit is downloading it from the mail server now. Try again in a few seconds."};default:return{title:"Couldn't download this attachment",detail:s}}},Rl=e=>e instanceof Ia?e.reason:"generic",kw=e=>e instanceof Error?e.message:typeof e=="string"?e:"An unexpected error occurred while downloading this attachment.",Cw=(e,t,s)=>{if(e!=="auth")return Ga(Ya({title:`Bug: attachment download failed (${e})`,errorMessage:`Downloading "${t}" failed: ${s}`}))},jw=(e,t)=>{const s=URL.createObjectURL(e),n=document.createElement("a");n.href=s,n.download=t,n.rel="noopener",document.body.append(n),n.click(),n.remove(),setTimeout(()=>URL.revokeObjectURL(s),0)},Nw=e=>{const t=e.toUpperCase();return t==="OCTET-STREAM"?"FILE":t},Ew=e=>{const t=e.toLowerCase().replace(/[^a-z0-9]/g,"");return t.length>0?`attachment.${t}`:"attachment"},Tl=e=>e.filter(t=>!t.isMultipart&&t.disposition===Rh.Attachment&&t.contentUrl.length>0).map(t=>({bodyPartId:t.bodyPartId,filename:Gg(t.dispositionFilename??"",Ew(t.mediaSubtype)),typeLabel:Nw(t.mediaSubtype),sizeOctets:t.sizeOctets,contentUrl:t.contentUrl})),Ml={status:"idle"},Iw=({messageId:e,bodyParts:t,hasAttachment:s=!1,className:n})=>{const{getToken:a}=ar(),o=Te(),[i,c]=l.useState({}),u=l.useMemo(()=>Tl(t??[]),[t]),m=Wa({path:{messageId:e}}),d=g=>Il(g.contentUrl,a).catch(p=>{if(!xw(Rl(p)))throw p;return o.refetchQueries({queryKey:m}).then(()=>{const x=o.getQueryData(m),b=x?Tl(x.bodyParts).find(S=>S.bodyPartId===g.bodyPartId):void 0;return Il(b?.contentUrl??g.contentUrl,a)})}),f=(g,p)=>c(x=>({...x,[g]:p})),h=g=>{const p=u.find(x=>x.bodyPartId===g);if(!p)throw new Error(`No attachment part ${g} on message ${e}`);f(g,{status:"downloading"}),d(p).then(x=>{jw(x,p.filename),f(g,Ml)}).catch(x=>{const b=Rl(x),S=kw(x),{title:w,detail:v}=Sw(b,p.filename,S);f(g,{status:"failed",title:w,detail:v,reportUrl:Cw(b,p.filename,S)})})},y=s&&t!==void 0&&u.length===0;return r.jsx(Jg,{className:n,attachments:u.map(g=>({attachmentId:g.bodyPartId,filename:g.filename,typeLabel:g.typeLabel,sizeOctets:g.sizeOctets,download:i[g.bodyPartId]??Ml})),onDownload:h,hasUnlistedAttachment:y})},Rw=()=>{const[e,t]=l.useState(()=>typeof document<"u"&&document.documentElement.classList.contains("dark"));return l.useEffect(()=>{const s=document.documentElement,n=new MutationObserver(()=>{t(s.classList.contains("dark"))});return n.observe(s,{attributes:!0,attributeFilter:["class"]}),()=>n.disconnect()},[]),e},Tw=({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"})]})]}),Mw=(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}}},Aw=e=>e instanceof cs?e.reason:"generic",Ow=e=>e instanceof Error?e.message:typeof e=="string"?e:"An unexpected error occurred while loading the message body.",Dw=({error:e,onRetry:t})=>{const s=Aw(e),n=Ow(e),{title:a,detail:o}=Mw(s,n),[i,c]=l.useState(!1),{Account:u}=ar();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(Pt,{className:"size-4 shrink-0 text-danger mt-0.5","aria-hidden":"true"}),r.jsxs("div",{className:"flex-1 min-w-0",children:[r.jsx("p",{className:"font-medium text-danger",children:a}),r.jsx("p",{className:"text-fg-muted mt-1 break-words",children:o})]}),r.jsxs("div",{className:"flex shrink-0 items-center gap-3",children:[s==="auth"&&r.jsx(u,{children:({signOut:m})=>r.jsx("button",{type:"button",onClick:()=>m(),className:"text-sm font-medium text-accent hover:underline",children:"Sign in again"})}),t&&r.jsx("button",{type:"button",onClick:t,className:"text-sm font-medium text-accent hover:underline",children:"Retry"}),r.jsx("button",{type:"button",onClick:()=>c(!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(Nt,{className:"size-4","aria-hidden":"true"})})]})]})},Pw=()=>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"})]}),Al=()=>r.jsx("p",{className:"text-fg-muted text-sm italic",children:"This message has no body content."}),Dd=({bodyParts:e,html:t,text:s,isTrusted:n=!1,messageId:a,fromAddressId:o,category:i,className:c})=>{const[u,m]=l.useState(!1),d=n||u,f=Rw(),{toggleTrusted:h,isPending:y}=Po({messageId:a??""}),g=!!e&&e.length>0,{picked:p,data:x,isLoading:b,isError:S,error:w,refetch:v}=ed({messageId:a,bodyParts:e,enabled:g}),k=l.useMemo(()=>cg(e??[]),[e]),I=g&&x?.kind==="html"?x.body:t,A=g&&x?.kind==="text"?x.body:s;if(g){if(b)return r.jsx("div",{className:We("message-body",c),children:r.jsx(Pw,{})});if(S)return r.jsx("div",{className:We("message-body",c),children:r.jsx(Dw,{error:w,onRetry:()=>v()})});if(!p)return r.jsx("div",{className:We("message-body",c),children:r.jsx(Al,{})})}else if(!t&&!s)return r.jsx("div",{className:We("message-body",c),children:r.jsx(Al,{})});const C=!!(o&&a),M=()=>{!o||y||(m(!0),h(o,!1))};return r.jsx(lu,{className:c,html:I,text:A,isDark:f,category:i,allowImages:d,resolveCid:k,renderBlockedNotice:D=>r.jsx(Tw,{blockedImageCount:D,canAlwaysTrust:C,isTrustPending:y,onLoadOnce:()=>m(!0),onAlwaysTrust:M})})},Lw=({messageId:e,threadId:t,mailboxId:s,accountId:n,isRead:a,isStarred:o,onToggleStar:i,fromAddressId:c,isTrusted:u,showRaw:m,onToggleRaw:d,onReply:f,onReplyAll:h,onForward:y})=>{const g=Te(),{deleteMessages:p}=ms({mailboxId:s,threadId:t}),{moveMessages:x}=Ds({mailboxId:s,threadId:t,accountId:n}),{toggleTrusted:b}=Po({messageId:e}),{mutate:S}=ze({...ur(),onSettled:()=>{g.invalidateQueries({queryKey:Zt({path:{threadId:t}})}),It(g,Et([s]))}}),w=l.useCallback(A=>{x([e],A)},[x,e]),v=l.useCallback(()=>{p([e])},[p,e]),k=l.useCallback(()=>{S({body:{messageIds:[e],isRead:!a}})},[S,e,a]),I=[];return c&&I.push({key:"trusted",label:u?"Trusted sender":"Mark sender trusted",icon:u?r.jsx(pr,{className:"size-4 text-positive"}):r.jsx(mn,{className:"size-4"}),onSelect:()=>b(c,u)}),d&&I.push({key:"raw",label:m?"Show formatted":"Show raw email",icon:r.jsx(_c,{className:"size-4"}),onSelect:d}),r.jsx(iu,{hasThread:!0,onReply:f,onReplyAll:h,onForward:y,isStarred:o,onToggleStar:i,onDelete:v,isRead:a,onToggleRead:k,overflowItems:I,moveSlot:n?r.jsx(_o,{accountId:n,currentMailboxId:s,onMove:w,label:"Move this message"}):void 0})},Fw=()=>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"})]}),$w=({messageId:e,enabled:t=!0})=>{const{data:s,isLoading:n,isError:a,error:o,refetch:i}=ye({...Lm({path:{messageId:e}}),enabled:t});if(n)return r.jsx("div",{className:"message-body",children:r.jsx(Fw,{})});if(a)return r.jsx("div",{className:"message-body",children:r.jsx(ts,{variant:"inline",title:"Couldn't load the raw email",error:o,onRetry:()=>i()})});const c=s?.raw??"";return c===""?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:c})})},_w=()=>r.jsx(pr,{className:"inline-block size-4 ml-1 -mt-0.5 text-positive align-middle","aria-label":"Trusted sender","data-testid":"trusted-sender-badge"}),Pd=(e,t)=>({id:e.messageId,fromName:e.fromName??e.fromEmail??"?",fromEmail:e.fromEmail??"",toLabel:"",dateLabel:t,snippet:e.snippet||"",bodyHtml:""}),Ld=({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:We("shrink-0 p-0.5 rounded transition-colors",e?"text-warning":We("text-fg-subtle hover:text-warning",n&&"opacity-0 group-hover:opacity-100 focus:opacity-100"),s&&"opacity-50"),children:r.jsx(Xt,{className:We("size-3.5",e&&"fill-current")})}),zw=({threadMessage:e,isFocused:t,onToggle:s,onToggleStar:n,isStarPending:a})=>{const o=Cc(e.sentDate,"datetime"),i=Pd(e,o);return r.jsx(cu,{message:i,onClick:s,isFocused:t,isUnread:!e.isRead,trailing:r.jsxs(r.Fragment,{children:[e.hasAttachment&&r.jsx(xr,{className:"size-3 shrink-0 text-fg-subtle",role:"img","aria-label":"Has an attachment"}),r.jsx(Ld,{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})]})})},Bw=({threadMessage:e,messageData:t,isLoading:s,isError:n,error:a,onRetry:o,isFocused:i,onToggle:c,onToggleStar:u,isStarPending:m,accountId:d,showRaw:f,onToggleRaw:h,mobile:y,onReply:g,onReplyAll:p,onForward:x})=>{const b=Cc(e.sentDate,"long"),S=!e.isRead,w=t?.envelope.from[0]?.flags?.trusted?.value===!0,v=t?.envelope.from[0]?.addressId,k=Pd(e,b),I=e.autoMoved||e.spamReport?r.jsx(I0,{accountId:d,messageId:e.messageId,threadId:e.threadId,mailboxId:e.mailboxId,autoMoved:e.autoMoved,spamReport:e.spamReport}):null;return r.jsx(uu,{message:k,isFocused:y?!1:i,onHeaderClick:c,senderBadge:w?r.jsx(_w,{}):void 0,trailing:r.jsx("span",{"data-testid":"message-date",className:"text-2xs text-fg-subtle",children:b}),to:t?r.jsx(Cp,{label:"To",addresses:t.envelope.to}):null,indicators:I||!y?r.jsxs("div",{className:"flex flex-wrap items-center gap-1.5 mt-0.5",children:[I,!y&&r.jsxs(r.Fragment,{children:[r.jsx("div",{className:"flex items-center justify-end gap-1",children:r.jsx(Ld,{isStarred:e.hasStars,onToggleStar:u,isStarPending:m})}),S&&r.jsx("span",{className:"size-1.5 rounded-full bg-accent","aria-label":"Unread"})]})]}):void 0,actionMenu:y?void 0:r.jsx(gw,{messageId:e.messageId,threadId:e.threadId,mailboxId:e.mailboxId,isRead:e.isRead,accountId:d,fromAddressId:v,isTrusted:w,showRaw:f,onToggleRaw:h}),actionBar:y?r.jsx(Lw,{messageId:e.messageId,threadId:e.threadId,mailboxId:e.mailboxId,accountId:d,isRead:e.isRead,isStarred:e.hasStars,onToggleStar:u,fromAddressId:v,isTrusted:w,showRaw:f,onToggleRaw:h,onReply:g,onReplyAll:p,onForward:x}):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&&Fm(a)?r.jsx("div",{className:"mt-3",children:r.jsx(td,{message:"This message has been deleted"})}):n?r.jsx("div",{className:"mt-3",children:r.jsx(ts,{variant:"inline",title:"Couldn't load this message",error:a,onRetry:o})}):f?r.jsx("div",{className:"mt-3",children:r.jsx($w,{messageId:e.messageId})}):r.jsxs("div",{className:"mt-3",children:[r.jsx(Dd,{bodyParts:t?.bodyParts,messageId:e.messageId,fromAddressId:t?.envelope.from[0]?.addressId,isTrusted:w,category:Er(e.category)}),r.jsx(Iw,{messageId:e.messageId,bodyParts:t?.bodyParts,hasAttachment:e.hasAttachment,className:"mt-4 px-2 lg:px-0"})]})})},Uw=({threadMessage:e,isExpanded:t,isFocused:s,onToggle:n,onToggleStar:a,isStarPending:o,accountId:i,mobile:c,onReply:u,onReplyAll:m,onForward:d})=>{const[f,h]=l.useState(!1),{data:y,isLoading:g,isError:p,error:x,refetch:b}=ye({...dr({path:{messageId:e.messageId}}),enabled:t,meta:{softError:!0}});return t?r.jsx(Bw,{threadMessage:e,messageData:y,isLoading:g,isError:p,error:x,onRetry:()=>b(),isFocused:s,onToggle:n,onToggleStar:a,isStarPending:o,accountId:i,showRaw:f,onToggleRaw:()=>h(S=>!S),mobile:c,onReply:u,onReplyAll:m,onForward:d}):r.jsx(zw,{threadMessage:e,isFocused:s,onToggle:n,onToggleStar:a,isStarPending:o})},Kw=()=>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 Ol({authenticity:e,onOpenIntelligence:t}){return e.dkimMismatch?r.jsxs("div",{className:"flex items-start gap-2 rounded-none border-b border-danger/20 bg-danger-soft px-5 py-2.5 text-sm",children:[r.jsx($s,{className:"mt-0.5 size-4 shrink-0 text-danger"}),r.jsxs("p",{className:"flex-1 leading-snug text-fg",children:["This message claims to be from"," ",r.jsx("span",{className:"font-semibold",children:e.fromDomain})," but was sent",e.dkimDomain?` via ${e.dkimDomain}`:" from a different domain","."]}),t&&r.jsx("button",{type:"button",onClick:t,className:"shrink-0 text-2xs font-medium text-danger hover:underline",children:"Why?"})]}):null}const Bs=({threadId:e,mailboxId:t,subject:s,selectedMessageId:n,authenticity:a,onOpenIntelligence:o,onBack:i,composeRequest:c,onComposeClose:u,onSwipeNext:m,onSwipePrevious:d,mobileIntelligenceOpen:f})=>{const h=es(),{handlers:y}=p0({onSwipeLeft:m,onSwipeRight:d}),{accountId:g}=Mo(t),{data:p,isLoading:x,isError:b,error:S,refetch:w}=ye({...$m({path:{threadId:e}})}),v=l.useMemo(()=>p?.items??[],[p?.items]),k=v[v.length-1],I=l.useRef(new Map),[A,C]=l.useState(new Set),[M,D]=l.useState(null),[E,L]=l.useState(0);l.useEffect(()=>{if(v.length>0&&e!==M){D(e);const ue=new Set([v[v.length-1].threadMessageId]);if(n){const te=v.find(be=>be.messageId===n);te&&ue.add(te.threadMessageId)}C(ue),L(v.length-1)}},[e,v,M,n]);const O=l.useCallback(ue=>{C(te=>{const be=new Set(te);return be.has(ue)?be.delete(ue):be.add(ue),be})},[]),j=l.useCallback(ue=>{const te=v[ue];if(!te)return;I.current.get(te.threadMessageId)?.scrollIntoView({behavior:"smooth",block:"nearest"})},[v]),R=l.useCallback(()=>{if(v.length===0)return;const ue=Math.min(E+1,v.length-1);L(ue),j(ue)},[v.length,E,j]),P=l.useCallback(()=>{if(v.length===0)return;const ue=Math.max(E-1,0);L(ue),j(ue)},[v.length,E,j]),T=l.useCallback(()=>{const ue=v[E];ue&&O(ue.threadMessageId)},[v,E,O]),{data:F}=ye({...$t(),staleTime:1/0}),N=F?.accounts?.[0];d0({messages:v,expandedIds:A,threadId:e,mailboxId:t,accountId:N?.accountId});const{toggleStar:V,isPending:Q,pendingMessageId:re}=Ao({threadId:e,mailboxId:t,messages:v}),[se,fe]=l.useState(null),[Z,ne]=l.useState(0),le=l.useCallback(ue=>{fe(ue),ne(te=>te+1)},[]);l.useEffect(()=>{c&&c!=="new"&&(le(c),u?.())},[c,u,le]);const{data:U}=ye({...dr({path:{messageId:k?.messageId??""}}),enabled:!!k&&se!==null}),_=l.useCallback(()=>le("reply"),[le]),de=l.useCallback(()=>le("reply_all"),[le]),ge=l.useCallback(()=>le("forward"),[le]),we=l.useCallback(()=>{fe(null),u?.()},[u]),Re=l.useRef(null);if(l.useEffect(()=>{if(se===null||Z===0)return;const ue=Re.current;if(!ue)return;const te=()=>ue.scrollIntoView({behavior:"smooth",block:"end"});if(te(),typeof ResizeObserver>"u")return;const be=new ResizeObserver(te);return be.observe(ue),()=>be.disconnect()},[Z,se]),To({enabled:!x&&v.length>0&&se===null,bindings:[{key:"j",handler:R,preventDefault:!0},{key:"ArrowDown",handler:R,preventDefault:!0},{key:"k",handler:P,preventDefault:!0},{key:"ArrowUp",handler:P,preventDefault:!0},{key:"Enter",handler:T,preventDefault:!0},{key:"o",handler:T,preventDefault:!0},{key:"r",handler:_,preventDefault:!0},{key:"R",handler:de,noModifiers:!1,preventDefault:!0},{key:"f",handler:ge,preventDefault:!0}]}),x)return r.jsx(Kw,{});if(b)return r.jsx("div",{className:"flex h-full items-center justify-center",children:r.jsx(ts,{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(td,{message:"No messages in this thread"})});const q=s||v[0]?.subject||"(No subject)",ke=v.length,xe=ue=>r.jsx("div",{children:v.map((te,be)=>r.jsx("div",{ref:De=>{De&&I.current.set(te.threadMessageId,De)},children:r.jsx(Uw,{threadMessage:te,isExpanded:A.has(te.threadMessageId),isFocused:be===E,onToggle:()=>O(te.threadMessageId),onToggleStar:()=>V(te.messageId,te.hasStars),isStarPending:Q&&re===te.messageId,accountId:g,mobile:ue,onReply:ue?_:void 0,onReplyAll:ue?de:void 0,onForward:ue?ge:void 0})},te.threadMessageId))}),Ne=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:q}),r.jsxs("p",{className:"mt-1 text-2xs text-fg-subtle",children:[ke," ",ke===1?"message":"messages"]})]});return h?r.jsxs("article",{className:"h-full flex flex-col",children:[Ne,a?.dkimMismatch&&r.jsx(Ol,{authenticity:a,onOpenIntelligence:o}),r.jsx("div",{className:"flex-1 overflow-auto",children:xe(!1)}),se!==null&&r.jsx(vl,{mode:se,account:N,sourceMessage:U,onClose:we})]}):r.jsxs(Dg,{thread:{subject:q,messages:[]},onBack:i??(()=>{}),intelligenceOpen:f,onToggleIntelligence:o,touchHandlers:y,children:[a?.dkimMismatch&&r.jsx(Ol,{authenticity:a,onOpenIntelligence:o}),xe(!0),se!==null&&r.jsx("div",{ref:Re,children:r.jsx(vl,{mode:se,account:N,sourceMessage:U,onClose:we})})]})};function xs(){const{mailboxNameIndex:e,accountNameIndex:t}=Le();return{...Ot({select:n=>Gu(n.matches)})?{}:{mailboxesByName:e},accountsByName:t}}const zo=e=>e.trim().toLocaleLowerCase(),Fd={personal:"Personal",uncategorized:"Unclassified",transactional:"Transactional",newsletter:"Newsletter",marketing:"Marketing",social:"Social",automated:"Automated"},qw=Object.values(ot).map(e=>({value:e,label:Fd[e]})),Hw={unclassified:"uncategorized"},Ra=[{name:"from",label:"Sender",values:"contact"},{name:"subject",label:"Subject",values:"text"},{name:"category",label:"Category",values:"fixed",options:qw},{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"}],Ww=new Map(Ra.map(e=>[e.name,e])),$d=e=>Ww.get(e.toLowerCase()),Vw=/^\d{4}-\d{2}-\d{2}$/,Qw=e=>/[\s"]/.test(e),Gw=e=>Qw(e)?`"${e.replace(/"/g,"")}"`:e,_d=(e,t)=>`${e}:${Gw(t)}`,Yw=e=>{if(!e.startsWith('"'))return e;const t=e.slice(1);return t.endsWith('"')?t.slice(0,-1):t};function Bo(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 zd(e){const t=e.indexOf(":");if(t<=0)return;const s=e.slice(t+1);return{name:e.slice(0,t).toLowerCase(),value:Yw(s),rawValue:s}}function Xw(e,t,s){if(!Vw.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 Jw(e){const t=e.toLowerCase(),s=Hw[t];return s||Object.values(ot).find(a=>a===t)}function Zw(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 eS(e,t){const s=zd(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=Jw(a);return o?{type:"category",raw:e,value:a,category:o}:void 0}case"is":return Zw(e,a);case"has":return a.toLowerCase()==="attachment"?{type:"hasAttachment",raw:e}:void 0;case"before":case"after":return Xw(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 Us(e,t={}){const s=[],n=[];for(const a of Bo(e)){const o=eS(a.raw,t);o?s.push(o):n.push(a.raw)}return{freeText:n.join(" "),tokens:s}}function tS(e,t){return Bo(e).filter(s=>s.raw!==t.raw).map(s=>s.raw).join(" ")}function Bd(e){switch(e.type){case"from":return`From: ${e.value}`;case"subject":return`Subject: ${e.value}`;case"category":return`Category: ${Fd[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 sS=20,nS=new Set(Object.values(ot)),rS=e=>e!==void 0&&nS.has(e)?e:void 0,aS=e=>{if(e.some(t=>t.type==="isUnread"))return!1;if(e.some(t=>t.type==="isRead"))return!0};function Ud({mailboxId:e,filterCategory:t}={}){const{searchQuery:s}=Le(),n=xs(),a=Ot({select:v=>v.matches}),o=zo(s),{freeText:i,tokens:c}=Us(o,n),u=i.length>0,m=c.find(v=>v.type==="category"),d=rS(t)??m?.category,f=c.some(v=>v.type==="hasAttachment")?!0:void 0,h=c.some(v=>v.type==="isStarred")?!0:void 0,y=aS(c),g=c.find(v=>v.type==="after"),p=c.find(v=>v.type==="before"),x=c.find(v=>v.type==="in"),b=jy({matches:a,callerMailboxId:e,inTokenMailboxId:x?.mailboxId}),{data:S,isLoading:w}=ye({...bc({query:{query:i,mailboxId:b,limit:sS,...d!==void 0?{category:d}:{},...f!==void 0?{hasAttachment:f}:{},...h!==void 0?{hasStars:h}:{},...y!==void 0?{isRead:y}:{},...g?{sentDateFrom:g.epochSeconds}:{},...p?{sentDateTo:p.epochSeconds}:{}}}),enabled:u,staleTime:6e4});return{hits:S?.items??[],isLoading:u&&w}}const oS=(e,t)=>e.createdAt!==t.createdAt?e.createdAt-t.createdAt:e.accountId.localeCompare(t.accountId),iS=e=>[...e].sort(oS);function er(e){const t=e.authenticity?.dkimMismatch===!0;return{id:e.messageId,accountId:e.accountId,mailboxId:e.mailboxId,threadId:e.threadId,fromName:e.fromName??e.fromEmail??"Unknown",fromEmail:e.fromEmail??"",subject:e.subject??"(No subject)",snippet:e.snippet??"",timeLabel:gt(e.sentDate),sentDate:e.sentDate,isRead:e.isRead,hasAttachment:e.hasAttachment,starred:e.hasStars===!0,trust:e.senderTrust,category:Er(e.category),suspicious:t}}function Dl(e){return e.filter(t=>t.muted!==!0)}function lS(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 Pl=[{id:"personal",label:"Personal",category:ot.personal},{id:"transactional",label:"Transactional",category:ot.transactional},{id:"newsletter",label:"Newsletter",category:ot.newsletter},{id:"marketing",label:"Marketing",category:ot.marketing},{id:"social",label:"Social",category:ot.social},{id:"automated",label:"Automated",category:ot.automated},{id:"uncategorized",label:"Unclassified",category:ot.uncategorized}];function cS(e){const t=new Map(Pl.map(n=>[n.category,[]]));for(const n of e){const a=n.category??ot.uncategorized;(t.get(a)??t.get(ot.uncategorized))?.push(n)}const s=[];for(const n of Pl){const a=t.get(n.category);a&&a.length>0&&s.push({id:n.id,label:n.label,threads:a})}return s}function Kd(e,t){return e.fromName.toLowerCase().includes(t)||e.fromEmail.toLowerCase().includes(t)||e.subject.toLowerCase().includes(t)||e.snippet.toLowerCase().includes(t)}function Uo(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 qd="This account has no Junk folder appointed, so there is nowhere to file these. Appoint one under Settings › Folders.",uS="These are already in Junk, so there is nowhere to file them.",Tr=(e,t)=>e!==void 0&&e!==t?e:void 0,dS=(e,t)=>{if(Tr(e,t)===void 0)return e===void 0?qd:uS},fS={sender:"sender",recipient:"recipient",subject:"subject",attachment:"attachment",body:"body",entities:"entities"};function mS(e){return fS[e]??e}function hS(e,t){const{folder:s}=Xa(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:gt(e.sentDate),unread:!e.isRead,flagged:e.hasStars===!0,threadId:e.threadId,mailboxId:e.mailboxId,...s?{folder:s}:{}}}function Kn(e,t){const{folder:s}=Xa(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.threadId?{threadId:e.threadId}:{},...e.mailboxId?{mailboxId:e.mailboxId}:{},...s?{folder:s}:{}}}function pS(e,t){const{mailboxId:s,folder:n}=Xa(t,e.mailboxIds);return{id:e.messageId,sender:e.fromName??"Unknown",subject:e.subject??"(No subject)",snippet:"",date:e.sentDate!=null?gt(e.sentDate*1e3):"",threadId:e.threadId,matchedChunkLabel:mS(e.matchedChunkType),score:e.score,...s?{mailboxId:s}:{},...n?{folder:n}:{}}}function Hd(e,t,s){const n=new Set(t),a=[];for(const o of[...e].sort((i,c)=>c.score-i.score))n.has(o.threadId)||(n.add(o.threadId),a.push(pS(o,s)));return a}function Wd(e){const{spam:t}=bo([...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 gS=e=>{const{mailboxId:t,messages:s}=e,n=Te(),{pushError:a}=nt(),{mutateAsync:o,isPending:i}=ze({..._m(),onError:(u,m)=>{a({title:m.body.action==="Remove"?"Couldn't remove label":"Couldn't apply label",detail:ft(u),error:u})},onSettled:(u,m,d)=>{It(n,Et(jr(d.body.messageIds??[],s??[],t)))}});return{applyLabel:l.useCallback((u,m,d)=>{u.length!==0&&Os(u,f=>o({body:{messageIds:f,labelId:m,action:d}}))},[o]),isPending:i}};function Vd({accountId:e,mailboxId:t,messageIds:s}){const{labels:n}=ro(e),{applyLabel:a}=gS({mailboxId:t}),o=l.useMemo(()=>n.map(i=>({key:i.labelId,label:i.name,icon:r.jsx("span",{className:`size-2.5 rounded-full ${zm(i.color)?si[i.color]:si.Default}`}),onSelect:()=>a(s,i.labelId,"Apply")})),[n,s,a]);return o.length===0?null:r.jsx(po,{triggerLabel:"Apply label to selected messages",triggerIcon:r.jsx(Bm,{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 xS=768,Qd=e=>e!=="desktop",Mr=()=>{const e=ri(`(min-width: ${xS}px)`);return ri(Sc)?"desktop":e?"tablet":"phone"},Gd=8;function Ko(e,t){const s=Math.max(0,Math.min(t,e.length)),n=Bo(e).find(o=>s>=o.start&&s<=o.end);if(!n)return{start:s,end:s,raw:""};const a=zd(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 bS(e,t){const s=Ko(e,t);if(s.name===void 0)return{kind:"token",query:s.raw};const n=$d(s.name);if(n)return{kind:"value",token:n.name,source:n.values,query:s.value??""}}const vS={mailbox:"mailboxes",account:"accounts",contact:"contacts"},yS=(e,t)=>{if(e.values==="fixed")return e.options??[];const s=vS[e.values];return s?t[s]??[]:[]},wS=(e,t)=>{if(t==="")return 1;const s=e.toLowerCase();return s.startsWith(t)?0:s.includes(t)?1:-1},Ta=(e,...t)=>{let s=-1;for(const n of t){if(n===void 0)continue;const a=wS(n,e);a<0||(s<0||a<s)&&(s=a)}return s},Yd=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,Gd).map(s=>s.suggestion)},Ll=e=>({value:`${e.name}:`,label:`${e.name}:`,hint:e.label});function SS(e){const t=e.trim().toLowerCase();if(t==="")return Ra.map(Ll);const s=[];for(const n of Ra)if(s.push({rank:Ta(t,`${n.name}:`,n.label),suggestion:Ll(n)}),n.values==="fixed")for(const a of n.options??[]){const o=_d(n.name,a.value);s.push({rank:Ta(t,o,a.label),suggestion:{value:o,label:a.label??o,hint:o}})}return Yd(s)}function kS(e,t,s){const n=t.trim().toLowerCase(),a=yS(e,s).map(o=>({rank:Ta(n,o.value,o.label),suggestion:{value:_d(e.name,o.value),label:o.label??o.value,...o.hint?{hint:o.hint}:{}}}));return Yd(a)}function CS(e,t,s={}){const n=Ko(e,t);if(n.name===void 0)return SS(n.raw);const a=$d(n.name);return a?kS(a,n.value??"",s):[]}function jS(e,t,s){const n=Ko(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 NS=e=>({value:e.normalizedEmail,...e.displayName?{label:e.displayName,hint:e.normalizedEmail}:{}});function ES(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 IS(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 RS(e,t=[]){const s=e.flat().filter(o=>o.fullPath),n=new Map;for(const o of s){const i=fa(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=fa(o.fullPath),c=n.get(i.toLowerCase())===1,u=t.length>1?a.get(o.accountId):void 0;return{value:c?i:o.fullPath,label:o.displayNameOverride?.trim()||i,...u?{hint:u}:{}}})}function TS(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 MS=250,AS=2;function OS({query:e,cursor:t,enabled:s}){const{accounts:n}=Le(),{mailboxesByName:a}=xs(),o=a!==void 0,i=s?bS(e,t):void 0,c=i?.source==="contact"?i.query.trim():"",u=mr(c,MS),{data:m}=ye({...ir({query:{q:u,limit:Gd}}),enabled:u.length>=AS}),d=mt({queries:n.map(g=>({...it({path:{accountId:g.accountId}}),staleTime:1/0}))}),f=l.useMemo(()=>o?RS(d.map(g=>g.data?.items??[]),n):[],[o,d,n]),h=l.useMemo(()=>TS(n),[n]),y=l.useMemo(()=>(m?.items??[]).map(NS),[m]);return l.useMemo(()=>{if(!s)return[];const g=CS(e,t,{mailboxes:f,accounts:h,contacts:y});return o?g:g.filter(p=>p.value!=="in:")},[s,e,t,f,h,y,o])}const DS={title:"",navSlot:null,titleMeta:null,searchSlot:null,searchField:null,searchResults:null,makeFilterSlot:null},Ma=l.createContext(DS),Ar=()=>l.useContext(Ma),PS=new Set(["hasAttachment","isUnread","isRead","isStarred","category","before","after"]),LS=e=>PS.has(e),FS=(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}LS(u.type)&&n.push({type:u.type,label:Bd(u)})}const i=e.freeText.trim(),c=i.length>0;return c&&s.push({field:"HasWords",value:i}),{clauses:s,matchOperator:"all",scopedOut:a,droppedFacets:n,targetAccountId:o,keptTerms:c,droppedSemantic:c&&t}},$S=(e,t,s)=>e.targetAccountId??t??s[0]?.accountId,Xd="remit.recentSearches",_S=5;function Aa(){try{const e=localStorage.getItem(Xd);if(!e)return[];const t=JSON.parse(e);return Array.isArray(t)?t.filter(s=>typeof s=="string"):[]}catch{return[]}}function Fl(e){const t=e.trim();if(!t)return Aa();const s=[t,...Aa().filter(n=>n!==t)].slice(0,_S);try{localStorage.setItem(Xd,JSON.stringify(s))}catch{return s}return s}const zS=e=>e.tier!=="phone"&&e.hasLiveInput&&!(e.bodyRendersCommittedResults&&e.hasCommittedQuery);function Jd({title:e,unreadCount:t,children:s,selectionBar:n,paneOverlay:a,footer:o,searchFilter:i,searchResults:c,searchLoading:u,relatedResults:m,relatedLoading:d,onSelectSearchResult:f,searchResultsLabel:h="Top matches",relatedResultsLabel:y="Related",searchResultsInBody:g=!1,refreshControl:p}){const{accounts:x,resultFolderIndex:b,searchQuery:S,searchInput:w,onSearchChange:v,onSearchClear:k,searchViewKey:I}=Le(),A=xs(),C=Qe(),M=ps(),D=Mr(),[E,L]=l.useState(!1),[O,j]=l.useState(Aa),R=Um(),P=l.useRef(I);l.useEffect(()=>{P.current!==I&&(P.current=I,L(!1))},[I]);const[T,F]=l.useState(0),[N,V]=l.useState(!1),[Q,re]=l.useState(void 0),se=OS({query:w,cursor:T,enabled:N&&w.trim().length>0}),fe=l.useCallback(oe=>{const J=jS(w,T,oe);v(J.query),re({cursor:J.cursor})},[w,T,v]),Z=hc({count:se.length,onAccept:oe=>{const J=se[oe];J&&fe(J)}}),{comboboxProps:ne,handleKeyDown:le}=Z,U=l.useMemo(()=>({comboboxProps:ne,onKeyDown:le,onCaretChange:F,onFocusChange:V,...Q?{caret:Q}:{}}),[ne,le,Q]),_=Z.open?r.jsx(pc,{id:Z.listId,suggestions:se,activeIndex:Z.activeIndex,optionId:Z.optionId,onPick:fe,onHighlight:Z.setActiveIndex,label:"Search suggestions",className:"mx-row-inset mt-1 shrink-0"}):null,de=w.trim().length>0,{mailboxesByName:ge,accountsByName:we}=A,Re=l.useMemo(()=>Us(w,{mailboxesByName:ge,accountsByName:we}),[w,ge,we]),q=Re.tokens.map(oe=>({label:Bd(oe),onRemove:()=>v(tS(w,oe))})),ke=c??[],xe=m??[],Ne=de?[{id:"top",label:h,results:ke},{id:"related",label:y,results:xe}]:[],te=!(ke.length+xe.length>0)&&(u===!0||d===!0),{scope:be}=Ju(x),De=Ot({select:oe=>oe.matches}),Ue=Yu(De),G=Ey(De,be,Ue?b.get(Ue)?.role:void 0),Ge=G.kind==="global"?Wd([...ke,...xe]):void 0,Ce=Ge?{kind:"global",onScopeToSpam:()=>C({to:"/mail/$mailboxId",params:{mailboxId:Ge.mailboxId},search:{q:S||void 0,selectedMessageId:void 0,selectedThreadId:void 0}})}:G,Ke=xe.length>0,$=l.useMemo(()=>FS(Re,{searchHadSemanticReach:Ke}),[Re,Ke]),ce=de?$:void 0,ae=de?{onClick:()=>{L(!1),R("properties","search")},blockedReason:kb($)?void 0:"Add a sender or words to filter on"}:void 0,me=ae?r.jsx(fu,{...ae}):null,Me=zS({tier:D,hasLiveInput:de,hasCommittedQuery:S.trim().length>0,bodyRendersCommittedResults:g}),he=oe=>{j(Fl(w)),f?.(oe)},Se=r.jsx(mu,{value:w,sections:Ne,loading:te,onSelectResult:he,tokens:q,scope:Ce}),Ae=n===void 0,ve=Me?r.jsx("div",{className:"h-full overflow-y-auto",children:Se}):null,Ye=ve&&!Ae?ve:s,Xe=ve&&Ae?ve:null,Oe=Qd(D),K=Oe&&(E||de),pe=l.useMemo(()=>({title:e,searchResults:Xe,makeFilterSlot:me,searchConversion:ce,navSlot:M&&!M.showNavPane&&r.jsx(ie,{variant:"ghost",size:"touch",icon:r.jsx(fr,{className:"size-5"}),onClick:()=>M.openNav(),"aria-label":"Menu",className:"-ml-2 shrink-0"}),titleMeta:r.jsxs(r.Fragment,{children:[r.jsxs("span",{className:"shrink-0 text-2xs text-fg-subtle",children:[t.toLocaleString()," unread"]}),r.jsx(Km,{}),p]}),searchSlot:Oe&&!K&&r.jsx(ie,{variant:"ghost",size:"touch",icon:r.jsx(rr,{className:"size-5"}),onClick:()=>L(!0),"aria-label":"Search",className:"shrink-0"}),searchField:K&&r.jsxs(r.Fragment,{children:[r.jsx("div",{className:"min-w-0 flex-1",children:r.jsx(xo,{value:w,onChange:v,onClear:k,globalFocusKey:!1,showClearButton:!1,suggest:U})}),r.jsx(ie,{variant:"ghost",size:"touch",icon:r.jsx(Nt,{className:"size-5"}),onClick:()=>{k(),L(!1)},"aria-label":"Close search",className:"shrink-0"})]})}),[e,t,M,Oe,K,w,v,k,U,Xe,me,ce,p]);if(D==="phone"&&E){const oe=J=>{j(Fl(w)),L(!1),f?.(J)};return r.jsxs(Ma.Provider,{value:pe,children:[r.jsx(bx,{value:w,onChange:v,onClear:k,onCancel:()=>{L(!1),k()},filter:i,recentSearches:O,onPickRecent:v,makeFilter:ae,sections:Ne,loading:te,onSelectResult:oe,tokens:q,scope:Ce,suggest:U,suggestList:_}),a]})}return r.jsx(Ma.Provider,{value:pe,children:r.jsxs("section",{className:"relative flex h-full w-full flex-col bg-surface",children:[n?.(pe),_,r.jsx("div",{className:"min-h-0 flex-1",children:Ye}),o,a]})})}const BS=120,Zd=({keyboardFocusedMessageId:e,openMessageId:t,enabled:s,open:n,delayMs:a=BS})=>{const o=l.useRef(n);o.current=n;const i=l.useRef(void 0);l.useEffect(()=>{const c=e;if(!s){i.current=c;return}if(c===void 0||c===t)return;if(c===i.current){i.current=void 0;return}const u=setTimeout(()=>o.current(c),a);return()=>clearTimeout(u)},[s,e,t,a])};function ef(e,t){if(e.length!==0)return t!==void 0&&e.includes(t)?t:e[0]}const qo=l.createContext(null),US=e=>{const t=l.useContext(qo);return t?t.rowInteraction(e):null},Ho=()=>{const e=l.useContext(qo);if(!e)throw new Error("useThreadListSelection must be used inside <ThreadListInteraction>");return e},KS="[data-message-id]",qS=e=>Array.from(e.querySelectorAll(KS)).map(t=>t.dataset.messageId).filter(t=>t!==void 0),HS=(e,t)=>e.length===t.length&&e.every((s,n)=>s===t[n]),WS=e=>{const[t,s]=l.useState([]);return l.useEffect(()=>{const n=e.current;if(!n)return;const a=()=>{const i=qS(n);s(c=>HS(c,i)?c:i)};a();const o=new MutationObserver(a);return o.observe(n,{childList:!0,subtree:!0}),()=>o.disconnect()},[e]),t};function tf({selectedMessageId:e,onOpen:t,onDeleteMessages:s,onSelectionVerb:n,wizardOpen:a=!1,isDeleting:o=!1,commandsRef:i,onTriageContextChange:c,children:u}){const m=es(),d=l.useRef(null),f=WS(d),h=jb({orderedIds:f,isDesktop:m,initialFocusedId:e}),{focusedMessageId:y,setFocusedMessageId:g,pendingDomFocusRef:p,cursorMovedByPointerRef:x,selection:b,isMultiSelectMode:S,exitSelection:w,handleRowSelect:v}=h,{selectedIds:k,selectedCount:I,isSelected:A,toggle:C,select:M,toggleAll:D}=b,E=f.length>0&&f.every(_=>k.has(_)),L=l.useCallback(()=>{f.length>0&&D(f)},[f,D]),{intersectWith:O}=b;l.useEffect(()=>{O(f)},[O,f]),l.useEffect(()=>{const _=p.current;_!==null&&(p.current=null,d.current?.querySelector(`[data-message-id="${_}"]`)?.focus())});const j=l.useCallback(_=>{x.current=!0,g(_)},[x,g]),R=l.useCallback(_=>{m||M(_)},[m,M]),P=l.useCallback(()=>{y&&t(y)},[y,t]),T=l.useCallback(_=>t(_,{replace:!0}),[t]);Zd({keyboardFocusedMessageId:h.keyboardFocusedMessageId,openMessageId:e,enabled:m&&I===0,open:T});const[F,N]=l.useState(null),V=l.useCallback(_=>F!==null?!0:I>0?(n(_),!0):_!=="delete"||!y?!1:(N([y]),!0),[F,I,n,y]),Q=l.useCallback(()=>{F!==null&&(s(F),N(null),w())},[F,s,w]),re=l.useCallback(()=>N(null),[]),se=l.useCallback(()=>I===0?!1:(w(),!0),[I,w]),fe=f.length>0;l.useEffect(()=>{if(i){if(!fe){i.current=null;return}return i.current={focusNext:h.focusNext,focusPrevious:h.focusPrevious,focusFirst:h.focusFirst,focusLast:h.focusLast,openFocused:P,toggleSelect:h.toggleFocusedSelection,extendSelectDown:h.extendRangeDown,extendSelectUp:h.extendRangeUp,selectAll:h.selectAllLoaded,clearSelection:se,requestVerb:V,toggleDensity:()=>{}},()=>{i.current=null}}},[i,fe,h.focusNext,h.focusPrevious,h.focusFirst,h.focusLast,h.toggleFocusedSelection,h.extendRangeDown,h.extendRangeUp,h.selectAllLoaded,P,se,V]);const Z=l.useMemo(()=>Array.from(k),[k]),ne=F!==null;l.useEffect(()=>{c?.({focusedMessageId:y,selectedIds:Z,orderedIds:f,hasList:fe,blocksKeyboard:ne||a})},[c,y,Z,f,fe,ne,a]);const le=ef(f,y),U=l.useMemo(()=>({selectedIds:k,selectedCount:I,exitSelection:w,startSelectionVerb:n,orderedIds:f,allSelected:E,toggleAllLoaded:L,rowInteraction:_=>({focused:_===y,isTabStop:_===le,isDesktop:m,onFocusRow:j,selection:{isChecked:A(_),onToggleCheck:C,onRowSelect:v,isMultiSelectMode:S,onLongPress:R}})}),[k,I,w,n,f,E,L,y,le,m,j,A,C,v,S,R]);return r.jsxs(qo.Provider,{value:U,children:[r.jsx("div",{ref:d,className:"contents",children:u}),r.jsx(ao,{isOpen:ne,title:jc(F?.length??0),description:"You can restore them from Trash later.",confirmLabel:"Move to Trash",destructive:!0,isBusy:o,onConfirm:Q,onCancel:re})]})}function VS({title:e,isDeleting:t}){const s=Ar(),{selectedCount:n,exitSelection:a,startSelectionVerb:o,orderedIds:i,allSelected:c,toggleAllLoaded:u}=Ho();return r.jsx(wo,{title:s.title||e,navSlot:s.navSlot,titleMeta:s.titleMeta,searchSlot:s.searchSlot,searchField:s.searchField,idleSlot:s.makeFilterSlot,count:n,onCancel:a,onDelete:()=>o("delete"),onMarkRead:()=>o("markRead"),isBusy:t,selectAll:i.length>0?{checked:c,indeterminate:n>0&&!c,onChange:u}:void 0})}const aa=e=>{e.preventDefault(),e.stopPropagation()},sf=(e,t)=>{const s=l.useRef(!1),n=l.useCallback(i=>{if(s.current=!1,i.button!==0)return;const c=Yn(i);gi(c)&&t?.(e,c)&&(aa(i),s.current=!0,i.currentTarget.focus(),c.shiftKey&&window.getSelection()?.removeAllRanges())},[t,e]),a=l.useCallback(i=>{!i.ctrlKey||!t||i.preventDefault()},[t]),o=l.useCallback(i=>{if(s.current)return s.current=!1,aa(i),!0;const c=Yn(i);return!gi(c)||!t?.(e,c)?!1:(aa(i),c.shiftKey&&window.getSelection()?.removeAllRanges(),!0)},[t,e]);return{onMouseDown:n,onContextMenu:a,claimClick:o}},QS=({thread:e,active:t=!1,focused:s,isTabStop:n,density:a="comfortable",isDesktop:o,badge:i,selection:c,inListbox:u=!1,linkMailboxId:m,onClick:d,onFocusRow:f})=>{const h=Te(),y=e.id,g=US(y),p=s??g?.focused??!1,x=n??g?.isTabStop??!1,b=c??g?.selection,S=f??g?.onFocusRow,w=o??g?.isDesktop??!0,v=b?.isChecked??!1,k=b?.isMultiSelectMode??!1,I=b?.onToggleCheck,A=b?.onRowSelect,C=b?.onLongPress,M=l.useCallback(N=>{N.preventDefault(),N.stopPropagation(),I?.(y)},[I,y]),D=sf(y,A),E=l.useCallback(N=>{if(!D.claimClick(N)){if(!w){if(k){N.preventDefault(),N.stopPropagation(),I?.(y);return}d?.();return}A?.(y,Yn(N)),d?.()}},[D,w,k,I,A,d,y]),L=l.useCallback(()=>{C?.(y)},[C,y]),{longPressProps:O}=ru({onLongPress:L,accessibilityDescription:v?"Deselect message":"Select message"}),j=l.useCallback(()=>{h.prefetchQuery(dr({path:{messageId:y}}))},[h,y]),R=l.useCallback(()=>{j(),S?.(y)},[j,S,y]),P=Fs({"data-list-row":"","data-message-row":!0,"data-message-id":y,...u?{role:"option","aria-selected":v}:{},tabIndex:x?0:-1,onClick:E,onMouseDown:D.onMouseDown,onContextMenu:D.onContextMenu,onMouseEnter:j,onFocus:R},w||!b?{}:O),T=We(a==="compact"?eu({active:t,focused:p}):We("group",_s({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]"),F=a==="compact"?r.jsx(tu,{thread:e}):r.jsx(ho,{thread:e,badge:i,selection:b?{checked:v,alwaysVisible:k,onToggle:M}:void 0});return m===void 0?r.jsx("button",{type:"button",...P,className:T,children:F}):r.jsx(qt,{to:"/mail/$mailboxId",params:{mailboxId:m},search:N=>({...N,selectedMessageId:y}),...P,className:T,children:F})},Wo=l.memo(QS),nf=8,rf=e=>e==="From"||e==="FromDomain",GS=e=>({value:e.email,label:e.displayName??e.email,...e.displayName?{hint:e.email}:{},...e.fromSelection?{source:"selected"}:{}}),YS=e=>{const t=vu(e.email);if(t!==null)return{value:t,...e.fromSelection?{source:"selected"}:{}}},XS=(e,t)=>e.value.toLowerCase().includes(t)||(e.label??"").toLowerCase().includes(t),JS=(e,t,s)=>{if(!rf(e))return[];const n=t.trim().toLowerCase(),a=new Set,o=[];for(const i of s){if(i.email.trim()==="")continue;const c=e==="From"?GS(i):YS(i);if(!c)continue;const u=c.value.toLowerCase();if(!(u===""||a.has(u))&&(a.add(u),u!==n&&!(n!==""&&!XS(c,n))&&(o.push(c),o.length===nf)))break}return o},ZS=250,ek=2,tk=(e,t,s)=>{const n=t.trim(),a=mr(n,ZS),o=e!==void 0&&rf(e),{data:i}=ye({...ir({query:{q:a,limit:nf}}),enabled:o&&a.length>=ek});if(!o||e===void 0)return[];const c=[...s.map(u=>({email:u,fromSelection:!0})),...(i?.items??[]).map(u=>({email:u.normalizedEmail,...u.displayName?{displayName:u.displayName}:{}}))];return JS(e,n,c)},sk={delete:(e,t)=>`Deleting ${e} of ${t}…`,move:(e,t)=>`Moving ${e} of ${t}…`,markRead:(e,t)=>`Marking ${e} of ${t} as read…`},af={delete:"moved to Trash",move:"moved",markRead:"marked as read"},nk={delete:"couldn't be deleted",move:"couldn't be moved",markRead:"couldn't be marked as read"},rk={delete:"Couldn't delete these messages",move:"Couldn't move these messages",markRead:"Couldn't mark these messages as read"},ak={delete:"The delete didn't finish.",move:"The move didn't finish.",markRead:"The update didn't finish."},ok=(e,t,s)=>sk[e](Gt(t),Gt(s)),$l=(e,t)=>`${Gt(t)} ${af[e]}. Your mail server is still catching up.`,ik=e=>`Stopped after ${Gt(e)}`,lk=(e,t,s)=>`${Gt(t)} of ${Gt(s)} ${af[e]}. Nothing was sent for the rest, so they are untouched.`,ck=(e,t)=>t>0?`Stopped after ${Gt(t)} — some messages ${nk[e]}`:rk[e],uk=e=>ak[e],dk=e=>e==="delete"?"danger":"info",fk=100,mk=(e,t)=>e.kind==="move"?[t,e.destinationMailboxId]:[t],of=({mailboxId:e,accountId:t,enabled:s,predicateKey:n,searchQuery:a})=>{const[o,i]=l.useState({kind:"idle"}),[c,u]=l.useState(void 0),[m,d]=l.useState(void 0),f=l.useRef(!1),h=l.useRef(!1),y=Te(),{pushError:g}=nt();l.useEffect(()=>{h.current||(f.current=!0),i({kind:"idle"})},[s,n]);const p=l.useRef(a);p.current=a;const x=l.useCallback(C=>async M=>{const{data:D}=await ma({path:{mailboxId:e},query:{...C,continuationToken:M,limit:fk},throwOnError:!0});return{ids:(D.items??[]).map(E=>E.messageId),continuationToken:D.continuationToken}},[e]),b=l.useCallback(async()=>{const{data:C}=await ma({path:{mailboxId:e},query:{...p.current,count:!0,results:!1},throwOnError:!0});if(C.count===void 0)throw new Error("the search returned no count for the selection");return C.count},[e]),S=l.useCallback(C=>async M=>{if(C.kind==="move"){const{data:E}=await qm({body:{messageIds:M,destinationMailboxId:C.destinationMailboxId},throwOnError:!0});return E}if(C.kind==="markRead"){const{data:E}=await Hm({body:{messageIds:M,isRead:!0},throwOnError:!0});return E}const{data:D}=await Wm({body:{messageIds:M},throwOnError:!0});return D},[]),w=l.useCallback(C=>{It(y,Et(mk(C,e))),t&&y.invalidateQueries({queryKey:Ft({path:{accountId:t}})})},[y,e,t]),v=l.useCallback(()=>{f.current=!1,i({kind:"counting"}),b().then(C=>{if(f.current){i({kind:"idle"});return}i({kind:"escalated",total:C})},C=>{g(ds("Couldn't count matching messages","The count didn't finish.",C)),i({kind:"idle"})})},[b,g]),k=l.useCallback(()=>{f.current=!0},[]),I=l.useCallback(()=>{h.current||(f.current=!0,i({kind:"idle"}))},[]),A=l.useCallback(async(C,M)=>{f.current=!1,h.current=!0,u(C);const D=j=>d(i0(j)),E=S(C),L=x(p.current);let O;try{O=M!==void 0?await sd(M,E,D,()=>f.current):await o0(L,o.kind==="escalated"?o.total:0,E,D,()=>f.current)}finally{h.current=!1}return u(void 0),d(void 0),i({kind:"idle"}),O.error&&g(ds(ck(C.kind,O.done),uk(C.kind),O.error)),O.done>0&&w(C),O},[S,x,o,g,w]);return{phase:o,escalate:v,stop:k,clear:I,isRunning:c!==void 0,runningAction:c,progress:m,runAction:A}},lf=12,hk=e=>{const{envelope:t}=e,s=t.from[0];return{id:t.messageId,sender:s?yu({normalizedEmail:s.normalizedEmail,displayName:s.displayName}):"Unknown",subject:t.subject??"(No subject)",date:gt(t.date)}},pk=(e,t)=>{const s=e!==void 0&&t!==void 0,{data:n,isLoading:a}=ye({...vc({path:{mailboxId:e??""},query:{...t,limit:lf}}),enabled:s,staleTime:3e4});return{messages:(n?.items??[]).map(gk),isPending:s&&a}},gk=e=>({id:e.messageId,sender:e.fromName||e.fromEmail||"Unknown",subject:e.subject??"(No subject)",date:gt(e.sentDate)}),xk=e=>mt({queries:e.slice(0,lf).map(t=>({...dr({path:{messageId:t}}),staleTime:Number.POSITIVE_INFINITY})),combine:t=>({messages:t.map(s=>s.data).filter(s=>s!==void 0).map(hk),isPending:t.some(s=>s.isPending)})}),bk=e=>({matchOperator:"Or",literalClauses:vr(e)}),vk=(e,t,s)=>{const n=ze(Vm()),{mutate:a,reset:o}=n,[i,c]=l.useState(!1),u=l.useMemo(()=>br(s),[s]),m=l.useCallback(()=>{!e||!t||(c(!1),a({path:{accountId:e},body:ai({anchorMessageId:t,matchOperator:"And",literalClauses:[]})}))},[e,t,a]),d=l.useCallback(()=>{c(!1),o()},[o]),f=n.data,h=f?.semanticUnavailable===!0&&!i&&u.length>0;l.useEffect(()=>{!h||!e||(c(!0),a({path:{accountId:e},body:ai(bk(u))}))},[h,e,u,a]);const y=i||(f?.semanticUnavailable??!1),g=n.isPending||h,p=i?{matchOperator:"Or",literalClauses:vr(u)}:{...t?{anchorMessageId:t}:{},matchOperator:"And",literalClauses:[]};return{preview:m,reset:d,matchedCount:g?void 0:f?.matchedCount,messageIds:g?void 0:f?.messageIds,semanticUnavailable:y,senderFallback:i,senders:u,matchPredicate:p,isPending:g,isError:n.isError,error:n.error}},yk=()=>[cr({path:{mailboxId:""}}),Va({path:{mailboxId:""}}),Qa()].map(e=>[{_id:e[0]._id}]),wk=e=>nd(e)?e.pages:rd(e)?[e]:[],Sk=e=>typeof e=="object"&&e!==null&&typeof e.messageId=="string",kk=(e,t)=>{const s=new Set(t),n=new Map;for(const a of e)for(const o of wk(a))for(const i of o.items){if(!Sk(i)||!s.has(i.messageId))continue;const c=i.subject?.trim();c&&n.set(i.messageId,c)}return t.map(a=>n.get(a)).filter(a=>a!==void 0)},Ck=e=>{const t=Te(),s=e.join("\0");return l.useMemo(()=>{const n=yk().flatMap(a=>t.getQueriesData({queryKey:a}).map(([,o])=>o));return kk(n,e)},[t,s])},jk=({failure:e,isStarting:t,isRunning:s,isDone:n,failedCount:a,ruleSaved:o})=>e?.kind==="restartFailed"?"backApplyRestartFailed":e?.kind==="startFailed"?o?"backApplyStartFailed":"commitFailed":n?a>0?"backApplyFailed":"backApplyComplete":e?.kind==="statusUnreadable"?"statusUnknown":t||s?"backApplyRunning":"saving",Nk={clauses:[],matchOperator:"any"},Ek={clauses:[],matchOperator:"all",droppedFacets:[],keptTerms:!1,droppedSemantic:!1},Ik=[],ls={state:"saving",matched:0,applied:0,failed:0,failures:[]},oa=(e,t)=>e.map((s,n)=>({...s,id:`${t}-${n}`})),_l=(e,t,s)=>{if(e==="delete")return{kind:"delete"};if(e==="markRead")return{kind:"markRead"};const n=e==="junk"?s:t;return n?{kind:"move",destinationMailboxId:n}:void 0},ia=e=>e==="move"||e==="junk"||e==="organize",zl=e=>e==="junk"?qd:"No destination was chosen, so there is nowhere to file these. Go back and pick a folder.";function Rk({verb:e,accountId:t,mailboxId:s,selection:n,crossAccount:a=!1,escalated:o,escalatedProgress:i,searchConversion:c,onFinished:u,onRunEnded:m,step:d,goToStep:f,goBack:h,closeWizard:y}){const[g]=l.useState(()=>c),[p]=l.useState(()=>o),x=g!==void 0,[b,S]=l.useState(x?"properties":"selected"),w=p?"escalated":b,[v,k]=l.useState(()=>g?{clauses:oa(g.clauses,"search"),matchOperator:g.matchOperator}:Nk),[I,A]=l.useState(void 0),[C,M]=l.useState(void 0),[D,E]=l.useState(!1),[L,O]=l.useState(void 0),[j,R]=l.useState(void 0),[P,T]=l.useState(),F=l.useRef(!1),N=l.useRef(!1),V=l.useMemo(()=>n.map(B=>B.id),[n]),Q=l.useMemo(()=>n.map(B=>B.email).filter(Boolean),[n]),re=V[0],se=Ck(V),{junkMailboxId:fe}=Sn(t),Z=vk(p?void 0:t,re,Q),{preview:ne}=Z;l.useEffect(()=>{ne()},[ne]);const le=w==="similar"||w==="properties",U=l.useMemo(()=>({matchOperator:v.matchOperator==="all"?"And":"Or",literalClauses:v.clauses.map(B=>({field:B.field,value:B.value}))}),[v.clauses,v.matchOperator]),_=w==="similar"?Z.matchPredicate:U,{count:de,matchedIds:ge}=yh(le?t:void 0,_),we=xk(le?ge:[]),Re=pk(p?s:void 0,p?.searchQuery),q=p?{status:"ready",count:p.total}:le?de:{status:"ready",count:n.length},{data:ke}=ye({...it({path:{accountId:t??""}}),enabled:!!t,staleTime:Number.POSITIVE_INFINITY}),xe=Do(t),Ne=to(),ue=l.useMemo(()=>so({mailboxes:ke?.items??[],folderAppointments:xe,currentMailboxId:s,translator:Ne}),[ke?.items,xe,s,Ne]),{createFolderIn:te}=Nc(t),be=ue.find(B=>B.id===v.moveMailboxId)?.label,De=hb(n.map(B=>({normalizedEmail:B.email,displayName:B.sender}))),Ue=Sb({match:w==="properties"&&v.clauses[0]?.value.trim()||void 0,sender:De?yu(De):void 0,folder:be}),G=l.useMemo(()=>({...v,name:v.name??Ue}),[v,Ue]),Ge=tk(I?.draft.field,I?.draft.value??"",Q),Ce=wh(t),Ke=Sh(t),$=of({mailboxId:s??"",accountId:t,enabled:!1,predicateKey:"selection-wizard",searchQuery:{}}),{runAction:ce}=$,ae=Ym({verb:e,mode:w,scope:v.scope,fromSearch:x}),me=ae[ni(ae,d)],Me=!a&&!!t,he=Me?void 0:Zm,Se=Me?void 0:eh,ve=(B=>{if(B==="folder")return Se;if(B==="rule")return G.scope==="standing"||G.scope==="until"?he:void 0})(me)??Xm(me,G,q),Ye=l.useCallback(()=>oa(wb(Q,se),"seed"),[Q,se]),Xe=l.useCallback(B=>{S(B),k(X=>({...X,widen:B==="similar"&&re?{anchorCount:Math.max(n.length,1)}:void 0,...B==="properties"&&X.clauses.length===0?{clauses:Ye()}:{}}))},[re,n.length,Ye]),Oe=l.useCallback(()=>{E(!0),S("properties"),k(B=>({...B,widen:void 0,clauses:oa(vr(Q),"sender"),matchOperator:"any"})),f("properties")},[Q,f]),K=Z.semanticUnavailable||Z.isError;l.useEffect(()=>{me==="match"&&(w!=="similar"||!K||D||Oe())},[me,w,K,D,Oe]);const pe=l.useCallback(()=>{A({mode:"add",draft:{field:"From",value:""}})},[]),oe=l.useCallback(B=>{const X=v.clauses.find(Ie=>Ie.id===B);X&&A({mode:"edit",clauseId:B,draft:{field:X.field,value:X.value}})},[v.clauses]),J=l.useCallback(B=>{k(X=>({...X,clauses:X.clauses.filter(Ie=>Ie.id!==B)}))},[]),je=l.useCallback(B=>{A(X=>X&&{...X,draft:B})},[]),Pe=l.useCallback(()=>{A(B=>{if(!B)return;const X=kh(B.draft.field,B.draft.value),Ie={...B.draft,value:X};k(pt=>({...pt,clauses:B.clauseId?pt.clauses.map(yt=>yt.id===B.clauseId?{...yt,...Ie}:yt):[...pt.clauses,{id:crypto.randomUUID(),...Ie}]}))})},[]),_e=l.useCallback(()=>{if(ve){M(me);return}M(void 0);const B=ae[ni(ae,me)+1];B&&f(B)},[ve,me,ae,f]),Je=l.useCallback(async B=>{const X=_l(e,G.moveMailboxId,fe);if(!X){R({matched:B.length,failureReason:zl(e)});return}R({matched:B.length});const Ie=await ce(X,[...B]);R({matched:B.length,outcome:Ie}),N.current&&m?.(X.kind,B.length,Ie)},[e,G.moveMailboxId,fe,ce,m]),qe=l.useCallback(async()=>{if(!p)return;const B=_l(e,G.moveMailboxId,fe);if(!B){R({matched:p.total,failureReason:zl(e)});return}R({matched:p.total});const X=await p.run(B);R({matched:p.total,outcome:X}),N.current&&m?.(B.kind,p.total,X)},[p,e,G.moveMailboxId,fe,m]),{start:Ee}=Ce,{createFilterAsync:et}=Ke,Be=l.useCallback(()=>{if(p){qe();return}const B=Ch({mode:b,ruleScope:G.scope}),X=jh({mode:b,ruleScope:G.scope,anchorMessageId:re,clauses:G.clauses,matchOperator:G.matchOperator,moveMailboxId:G.moveMailboxId,until:G.until});if(O(B),B==="standing"||B==="temporary"){const Ie=Nh(X)?X:void 0;T(Ie),et(X,B,(G.name??"").trim()).then(pt=>{pt&&Ie&&Ee(Ie)});return}if(B==="all-like-these"&&ia(e)){Ee(X);return}Je(B==="just-these"?V:ge)},[p,qe,b,G,re,e,V,ge,et,Ee,Je]),lt=l.useCallback(()=>{if(ve){M(me);return}F.current||(F.current=!0,f("run"),Be())},[ve,me,f,Be]),tt=l.useCallback(B=>{const X=Ce.progress,Ie=jk({failure:Ce.failure,isStarting:Ce.isStarting,isRunning:Ce.isRunning,isDone:Ce.isDone,failedCount:X.failedCount,ruleSaved:B});return Ie==="saving"||Ie==="commitFailed"||Ie==="backApplyStartFailed"?{...ls,state:Ie}:{state:Ie,matched:X.matchedCount,applied:X.appliedCount,failed:Ie==="backApplyFailed"||Ie==="backApplyRestartFailed"?X.failedCount:0,failures:[]}},[Ce]),zt=l.useMemo(()=>{const B=new Map;for(const X of[...n,...we.messages,...Re.messages])B.set(X.id,X);return B},[n,we.messages,Re.messages]),Rt=p?i:$.progress,ns=l.useCallback(()=>{if(!j)return ls;const{matched:B,outcome:X,failureReason:Ie}=j;if(Ie!==void 0)return{...ls,state:"commitFailed",failureReason:Ie};if(!X){const wt=Rt?.done??0;return{state:"backApplyRunning",matched:Math.max(B,wt),applied:wt,failed:0,failures:[]}}if(!(X.cancelled||X.error!==void 0))return{state:"backApplyComplete",matched:Math.max(B,X.done),applied:X.done,failed:0,failures:[]};if(X.done===0)return{...ls,state:"commitFailed"};const yt=X.failedIds.map(wt=>zt.get(wt)).filter(wt=>wt!==void 0),vs=X.failedIds.length>0?X.failedIds.length:Math.max(B-X.done,1);return{state:"runStopped",matched:Math.max(B,X.done),applied:X.done,failed:vs,failures:yt}},[j,Rt,zt]),rt=p?ns():L==="standing"||L==="temporary"?Ke.isError?{...ls,state:"commitFailed"}:Ke.isSuccess?P?tt(!0):{...ls,state:"filterSaved"}:ls:L==="all-like-these"&&ia(e)?tt(!1):ns(),Tt=()=>{if(rt.state==="statusUnknown"){Ce.refreshStatus();return}if(p){qe();return}if(L==="standing"||L==="temporary"){if(Ke.isError){Ke.reset(),Be();return}P&&Ee(P);return}if(L==="all-like-these"&&ia(e)){Be();return}const B=j?.outcome?.failedIds??[];Je(B.length>0?B:V)},bt=l.useCallback(()=>{y(ae,me)},[y,ae,me]),vt=l.useCallback(()=>{N.current=!0,y(ae,me),u()},[y,ae,me,u]),{stop:ht}=$,rs=j!==void 0&&j.outcome===void 0&&j.failureReason===void 0,qs=l.useCallback(()=>{if(p){p.stop();return}ht()},[p,ht]);Lu({shouldBlockFn:({action:B})=>B!=="BACK"?!1:(vt(),!0),enableBeforeUnload:!1,disabled:me!=="run"});const ct={messages:p?Re.messages:le?we.messages:n,count:q,label:w==="selected"?"Your selection":"A sample of what matches",emptyReason:w==="similar"&&K?"notIndexed":"noMatch",loading:p?Re.isPending:le&&(q.status==="loading"||we.isPending)};return r.jsx(Jm,{verb:e,steps:ae,step:me,blockedReason:ve,nudged:C===me,onBack:h,onExit:me==="run"?vt:bt,onContinue:_e,onCommit:lt,match:{selectedCount:n.length,mode:w,onModeChange:Xe,semanticUnavailable:K,semanticErrorDetail:Z.error instanceof Error?Z.error.message:void 0,semanticFallbackTaken:D,onSemanticFallback:Oe,escalatedScope:p?.scope,sample:ct},properties:{clauses:G.clauses,matchOperator:G.matchOperator,onMatchOperatorChange:B=>k(X=>({...X,matchOperator:B})),clauseEdit:I,onStartAddClause:pe,onStartEditClause:oe,onRemoveClause:J,onChangeDraft:je,onSubmitClause:Pe,onCancelClause:()=>A(void 0),clauseFields:Eh,clauseSuggestions:Ge,conversionNotice:g?Cb(g):void 0,semanticFallbackTaken:D,sample:{...ct,label:"What this matches"}},folder:{folders:ue,mailboxId:G.moveMailboxId,delimiter:no(ke?.items??[]),onSelect:B=>k(X=>({...X,moveMailboxId:B})),onCreateFolder:t?te:void 0,restriction:Se},rule:{draft:G,onScopeChange:B=>k(X=>({...X,scope:B})),onUntilChange:B=>k(X=>({...X,until:B})),restriction:he},name:{name:G.name??"",onNameChange:B=>k(X=>({...X,name:B})),nudged:C===me},review:{verb:e,mode:w,selectedCount:n.length,clauses:G.clauses,matchOperator:G.matchOperator,folder:be,scope:G.scope,until:G.until,ruleName:ae.includes("name")?G.name:void 0,escalatedScope:p?.scope,sample:ct},run:{state:rt.state,verb:e,scope:G.scope,matched:rt.matched,applied:rt.applied,failedCount:rt.failed,failures:rt.failures,failureReason:rt.failureReason,onRetry:Tt,onDismiss:vt,onCancelRun:rs?qs:void 0}})}function Vo(e){const t=Qm()==="search",{searchConversion:s}=Ar(),{accounts:n}=Le(),{step:a,goToStep:o,goBack:i,closeWizard:c}=Gm(t?"properties":"match");if(!a)return null;const u=t?s??Ek:void 0;return r.jsx(Rk,{...e,...u?{verb:"organize",accountId:$S(u,e.accountId,n),selection:Ik,crossAccount:!1,escalated:void 0,searchConversion:u}:{},step:a,goToStep:o,goBack:i,closeWizard:c})}const Tk=200,Bl=()=>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))}),Mk=({accountEmail:e})=>{const t=Qe();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(Pt,{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"})]})},Ak=(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 Ok({header:e,rows:t,wizard:s,children:n}){const{selectedIds:a,selectedCount:o,exitSelection:i,orderedIds:c,allSelected:u,toggleAllLoaded:m}=Ho(),d=l.useMemo(()=>Ak(t,a),[t,a]),{junkMailboxId:f}=Sn(d.accountId),{labels:h}=ro(d.accountId),y=l.useMemo(()=>Array.from(a),[a]),g=l.useMemo(()=>t.filter(w=>a.has(w.id)).map(w=>({id:w.id,sender:w.fromName,email:w.fromEmail,subject:w.subject,date:w.timeLabel})),[t,a]),p=Tr(f,d.mailboxId),x=l.useMemo(()=>c.length>0?{checked:u,indeterminate:o>0&&!u,onChange:m}:void 0,[c.length,u,o,m]),b=d.moveDisabledHint?{tone:"warning",text:d.moveDisabledHint}:void 0,S=w=>r.jsx(wo,{title:w.title,navSlot:w.navSlot,titleMeta:w.titleMeta,searchSlot:w.searchSlot,searchField:w.searchField,idleSlot:w.makeFilterSlot,count:o,onCancel:i,onDelete:()=>s.start("delete"),onMove:()=>s.start("move"),onOrganize:()=>s.start("organize"),onJunk:p?()=>s.start("junk"):void 0,onMarkRead:()=>s.start("markRead"),overflowSlot:d.accountId&&d.mailboxId&&o>0&&h.length>0?r.jsx(Vd,{accountId:d.accountId,mailboxId:d.mailboxId,messageIds:y}):void 0,selectAll:x,notice:b});return r.jsx(Jd,{...e,selectionBar:S,paneOverlay:r.jsx(Vo,{verb:s.verb,accountId:d.accountId,mailboxId:d.mailboxId,selection:g,crossAccount:d.moveDisabledHint!==void 0,onFinished:i}),children:n})}function Dk({accounts:e,selectedMessageId:t,onSelectMessage:s,onSelectSearchResult:n,commandsRef:a,onTriageContextChange:o,onDeleteMessages:i}){const{searchQuery:c,searchInput:u,resultFolderIndex:m}=Le(),d=xs(),f=es(),h=Ja(),y=Qe(),g=l.useMemo(()=>iS(e.filter($=>!$.muted?.value)),[e]),[p,x]=l.useState("all"),[b,S]=l.useState("all"),[w,v]=l.useState(new Set),[k,I]=l.useState(!1),A=l.useCallback($=>{v(ce=>{const ae=new Set(ce);return ae.has($)?ae.delete($):ae.add($),ae})},[]),C=l.useCallback(()=>v(new Set),[]),M=u.trim().length>0,{data:D,isLoading:E,isError:L,refetch:O}=ye({...ha(),staleTime:6e4}),j=mt({queries:g.map($=>({...it({path:{accountId:$.accountId}}),staleTime:1/0,meta:{softError:!0}}))}),R=l.useMemo(()=>{const $=new Map;for(let ce=0;ce<g.length;ce++){const ae=g[ce].accountId,Me=(j[ce]?.data?.items??[]).reduce((he,Se)=>he+(Se.unseenCount??0),0);$.set(ae,Me)}return $},[g,j]),P=l.useMemo(()=>g.filter(($,ce)=>{const ae=j[ce];return ae?.isError?!pa(ae.error):!1}),[g,j]),{freeText:T,tokens:F}=Us(c.trim().toLowerCase(),d),{data:N,isFetching:V}=ye({...ha({query:{query:T,limit:Tk}}),enabled:T.length>0,staleTime:3e4}),Q=l.useMemo(()=>{const $=Dl(D?.items??[]).map(er);return(T?lS($.filter(ae=>Kd(ae,T)),Dl(N?.items??[]).map(er)):$).filter(ae=>(p==="all"||ae.accountId===p)&&Uo(ae,F))},[D,N,p,T,F]),{bodyRows:re,briefSpamOffer:se}=l.useMemo(()=>{if(!T)return{bodyRows:Q,briefSpamOffer:void 0};const $=Q.map(me=>Kn(me,m)),{spam:ce}=bo($);if(ce.length===0)return{bodyRows:Q,briefSpamOffer:void 0};const ae=new Set(ce.map(me=>me.id));return{bodyRows:Q.filter(me=>!ae.has(me.id)),briefSpamOffer:Wd($)}},[Q,T,m]),fe=l.useMemo(()=>cS(re),[re]),Z=l.useCallback(($,ce)=>{const ae=T?re.find(me=>me.id===$):void 0;if(ae?.threadId&&ae.mailboxId&&n){n(Kn(ae,m),ce);return}s?.($,ce)},[T,re,m,n,s]),ne=l.useMemo(()=>g.length<=1?[]:[{id:"all",label:"All",active:p==="all"},...g.map($=>({id:$.accountId,label:$.email.split("@")[0]??$.email,count:R.get($.accountId),active:p===$.accountId}))],[g,R,p]),le=l.useMemo(()=>e.filter($=>$.muted?.value).length,[e]),U=l.useMemo(()=>Array.from(R.values()).reduce(($,ce)=>$+ce,0),[R]),_=l.useMemo(()=>g.map($=>$.accountId),[g]),{hasNewMail:de}=kr(),{state:ge,errorMessage:we,refresh:Re}=jo(_,{onSettled:()=>O()}),q=l.useMemo(()=>r.jsx(vo,{state:ge,onRefresh:Re,label:"Refresh daily brief",errorMessage:we,hasUpdate:de(_)}),[ge,Re,we,de,_]),ke=l.useMemo(()=>Q.filter($=>(b==="all"||$.category===b)&&th($,w)).map($=>Kn($,m)),[Q,b,w,m]),{hits:xe,isLoading:Ne}=Ud(),ue=l.useMemo(()=>{const $=new Map;for(const ae of D?.items??[])$.set(ae.messageId,ae.threadId);const ce=ke.map(ae=>$.get(ae.id)).filter(ae=>ae!=null);return Hd(xe,ce,m)},[xe,ke,D,m]),te=l.useMemo(()=>{const $=qx(ne.map(ce=>({id:ce.id,label:ce.label,count:ce.count,active:ce.active})));return{categories:$.categories,filters:$.filters,sources:$.sources,sourcesNote:le>0?`+${le} muted`:void 0,selectedCategory:b,activeFilters:w,expanded:k,onExpandedChange:I,onSelectCategory:ce=>S(ce),onSelectSource:x,onToggleFilter:ce=>A(ce),onClear:()=>{S("all"),x("all"),C()}}},[ne,le,b,w,k,A,C]),be=fe.length===0&&p==="all"&&T.length===0&&F.length===0,De=l.useMemo(()=>g.map($=>$.accountId),[g]),Ue=l.useMemo(()=>g.some($=>Co($.syncPhase)),[g]),G=my(De,be||Ue),Ge=r.jsxs("div",{className:"h-full overflow-y-auto",children:[r.jsx(Bl,{}),r.jsx(Bl,{})]}),Ce=!E&&!L&&!be,Ke=Ce?r.jsxs("div",{className:"flex h-full min-h-0 flex-col",children:[se&&r.jsx(du,{count:se.count,onScopeToSpam:()=>y({to:"/mail/$mailboxId",params:{mailboxId:se.mailboxId},search:{q:c||void 0,selectedMessageId:void 0,selectedThreadId:void 0}})}),r.jsx("div",{className:"min-h-0 flex-1",children:r.jsx(tc,{sections:fe,briefCategory:b,Row:Wo,selectedThreadId:t,onSelectThread:Z,onSelectBriefCategory:S,sources:ne,sourcesNote:le>0?`+${le} muted`:void 0,onSelectSource:x,activeFilters:w,onToggleFilter:A,onClearFilters:C,hideChrome:M})})]}):E?Ge:L?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(Pt,{className:"size-8 text-danger"}),r.jsx("p",{children:"Couldn't load your messages"}),r.jsxs("button",{type:"button",onClick:()=>O(),className:"flex items-center gap-1 text-accent underline text-xs",children:[r.jsx(uo,{className:"size-3.5"}),"Try again"]})]}):G.resolved?r.jsx(ex,{sync:G.syncing?{synced:G.synced,total:G.total}:void 0}):Ge;return r.jsx(yc,{hasSheet:Ce&&!M,children:r.jsx(tf,{selectedMessageId:t,onOpen:Z,onDeleteMessages:i,onSelectionVerb:h.start,wizardOpen:h.isOpen,commandsRef:a,onTriageContextChange:o,children:r.jsx(Ok,{wizard:h,header:{title:"Daily brief",unreadCount:U,footer:f?r.jsx(Xc,{}):void 0,searchFilter:te,searchResults:ke,searchLoading:E||V,relatedResults:ue,relatedLoading:Ne,onSelectSearchResult:n,searchResultsInBody:!0,refreshControl:q},rows:Q,children:r.jsxs("div",{className:"flex h-full flex-col",children:[P.map($=>r.jsx(Mk,{accountEmail:$.email,accountId:$.accountId},$.accountId)),r.jsx("div",{className:"min-h-0 flex-1",children:Ke})]})})})})}const Pk=10,cf=e=>({q:e?.toLowerCase()??"",limit:Pk}),Lk=(e,t)=>{if(!t)return;const s=t.toLowerCase();return e?.find(n=>n.normalizedEmail===s)};function Fk(e){const t=new Date(e),s=new Date;return t.toDateString()===s.toDateString()?"today":Qn(t,{month:"short",year:"numeric"})}function uf(e){if(!e)return!0;const[,t]=e.split("@");return t?!t.includes("."):!0}const $k="We can't verify the sender of this email, which could mean it's from an insecure source.",_k="We couldn't read this sender's address, so we can't confirm who really sent this message.";function zk(e,t){return{name:e.fromName??e.fromEmail??"Unknown",email:e.fromEmail??"",trust:e.senderTrust,firstSeenLabel:t?Fk(t.createdAt):"unknown",inboundCount:t?.inboundCount,replyCount:t?.replyCount,addressUnverified:uf(e.fromEmail)}}function Bk(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 Ul(e){if(e.fromName&&e.fromName!==e.fromEmail)return e.fromName}function Uk(e){return e.length===1?e[0]:`${e.slice(0,-1).join(", ")} and ${e[e.length-1]}`}function Kk(e,t){const s=[],n=e.displayNameCorrespondence;t&&(n===ii.Unrelated?s.push(`The name it shows, "${t}", has nothing to do with ${e.fromDomain}.`):n===ii.Lookalike&&s.push(`The name it shows, "${t}", only looks like ${e.fromDomain}.`));const a=qk(e.offDomainLinkDomains);return a.length>0&&s.push(`Its links go to ${Uk(a.slice(0,3))}.`),s}function qk(e){return Array.isArray(e)?e.filter(t=>typeof t=="string"&&t.length>0):[]}function Hk(e,t){const s=t>0?t:void 0;if(uf(e.fromEmail))return{verdict:"mismatch",fromDomain:"",addressUnreadable:!0,summary:_k,similarCount:s};const n=e.authenticity;if(!n)return{verdict:"caution",fromDomain:e.fromEmail?.split("@")[1]??"",summary:$k};if(!n.dkimMismatch){const m=Ul(e),d=Kk(n,m);return d.length>0?{verdict:"caution",fromDomain:n.fromDomain,dkimDomain:n.dkimDomain,claimedBrand:m,summary:d.join(" ")}:{verdict:"aligned",fromDomain:n.fromDomain,dkimDomain:n.dkimDomain,summary:n.dkimDomain?`This message was signed by ${n.dkimDomain}.`:"Nothing looks unusual about this sender."}}const a=n.fromDomain,o=n.dkimDomain,i=Ul(e),c=o?`it was actually sent from ${o}`:"its signature failed to verify",u=i?`The display name claims "${i}", but ${c}${o?` — not ${a}`:""}. Real senders use their own address.`:`This message claims to be from ${a}, but ${c}.`;return{verdict:"mismatch",fromDomain:a,dkimDomain:o,claimedBrand:i,summary:u,similarCount:s}}function df(e,t){const s=e?.fromEmail??null,n=e?.subject??"",{data:a,error:o}=ye({...ir({query:cf(s??void 0)}),enabled:!!s,staleTime:3e4}),i=Lk(a?.items,s??void 0),c=[n,s].filter(Boolean).join(" "),{data:u,isLoading:m,error:d}=ye({...bc({query:{query:c,limit:5}}),enabled:!!(e&&c.length>3),staleTime:6e4,retry:1});return{data:l.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?gt(b.sentDate*1e3):"",matched:b.matchedChunkType})),y=zk(e,i),g=Hk(e,h.length),p={value:e.category??"personal",overridden:i?.flags?.category?.value!=null&&i.flags.category.value!==e.category},x=Bk(i);return{sender:y,authenticity:g,category:p,flags:x,similar:h}},[e,i,u,t]),isSimilarLoading:m,similarError:d,similarErrorIsFatal:pa(d),addressErrorIsFatal:pa(o),addressId:i?.addressId,address:i}}function Wk(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 ff({addressId:e,senderEmail:t}){const s=Te(),{pushError:n}=nt(),a=sh({query:cf(t)}),{mutate:o,isPending:i}=ze({...xc(),onMutate:async u=>{const m=u.body.flags??{};await s.cancelQueries({queryKey:a});const d=s.getQueryData(a);return s.setQueryData(a,f=>f&&{...f,items:f.items.map(h=>h.addressId===u.path.addressId?{...h,flags:Wk(h.flags,m)}:h)}),{previous:d}},onError:(u,m,d)=>{d?.previous!==void 0&&s.setQueryData(a,d.previous),n({title:"Couldn't update sender preference",detail:ft(u),error:u})},onSettled:()=>{s.invalidateQueries({queryKey:a})}});return{updateFlags:l.useCallback(u=>{if(!e){Ka(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 Vk=e=>e==="vip"?"A sender you know":e==="wellknown"?"You've emailed them before":"Passed authentication",mf=e=>e.senderTrust!=="vip"&&e.senderTrust!=="wellknown"?!1:e.authenticity?.dkimMismatch!==!0;function Qk(e,t){e.recordEvent("rescue.candidates_surfaced",{count:String(t)})}function Gk(e,t){e.recordEvent("rescue.flow_opened",{count:String(t)})}function Yk(e,t){e.recordEvent("rescue.committed",{selected:String(t.selected),total:String(t.total),destination:t.toInbox?"inbox":"other"})}function hf(e,t){e.recordEvent("rescue.sent_to_junk",{count:String(t.count),senderTrust:t.senderTrust,wasRescuable:String(t.wasRescuable)})}const Xk=["personal","newsletter","marketing","automated","transactional","social"],Jk=e=>e.spamReport?"notSpam":"reportSpam",Zk=e=>{const{similarError:t,similarErrorIsFatal:s,isSimilarLoading:n}=e;return t&&!s?"error":n?"loading":"ready"};function eC(){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(Dt,{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 tC({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:Xk.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 sC({thread:e,onClose:t,mailboxId:s,accountId:n,hideCloseButton:a,onAfterOptimisticRemove:o}){const{data:i,addressId:c,isSimilarLoading:u,similarError:m,similarErrorIsFatal:d}=df(e,s),[f,h]=l.useState(!1),y=e.fromEmail??void 0,{updateFlags:g}=ff({addressId:c,senderEmail:y}),{reportSpam:p,notSpam:x,isReporting:b,isRestoring:S}=id({mailboxId:e.mailboxId,threadId:e.threadId,accountId:n,onAfterOptimisticRemove:o}),w=Ls(),v=Jk(e),k=l.useCallback(()=>{x([e.messageId])},[x,e.messageId]),I=l.useCallback(()=>{hf(w,{count:1,senderTrust:e.senderTrust,wasRescuable:mf(e)}),p([e.messageId])},[p,e,w]),A=l.useCallback(()=>{},[]),C=l.useCallback(()=>{const P=i?.flags?.vip!==!0;g({vip:{value:P}})},[i?.flags?.vip,g]),M=l.useCallback(()=>{const P=i?.flags?.muted!==!0;g({muted:{value:P}})},[i?.flags?.muted,g]),D=l.useCallback(()=>{const P=i?.flags?.unsubscribed!==!0;g({unsubscribed:{value:P}})},[i?.flags?.unsubscribed,g]),E=l.useCallback(P=>{h(!1),g({category:{value:P}})},[g]),L=c!==void 0,O={onToggleVip:L?C:void 0,onToggleMute:L?M:void 0,onToggleUnsubscribe:L?D:void 0,onReclassify:L?()=>h(!0):void 0,onNotSpam:v==="notSpam"?k:void 0,onReportSpam:v==="reportSpam"?I:void 0},j=({mailboxId:P,messageId:T,className:F,ariaLabel:N,children:V})=>r.jsx(qt,{to:"/mail/$mailboxId",params:{mailboxId:P},search:Q=>({...Q,selectedMessageId:T}),className:F,"aria-label":N,children:V});if(!i)return r.jsx(eC,{});const R=Zk({similarError:m,similarErrorIsFatal:d,isSimilarLoading:u});return r.jsxs(r.Fragment,{children:[r.jsx(Wc,{data:i,onClose:t,hideCloseButton:a,onShowSimilar:A,actions:O,similarState:R,similarLinkComponent:j,reportSpamPending:b,notSpamPending:S,className:"border-l-0 h-full w-full"}),r.jsx(tC,{isOpen:f,current:i.category.value,onSelect:E,onCancel:()=>h(!1)})]})}const Ks=({onClose:e,thread:t,mailboxId:s,accountId:n,hideCloseButton:a,onAfterOptimisticRemove:o})=>t?r.jsx(sC,{thread:t,onClose:e,mailboxId:s,accountId:n,hideCloseButton:a,onAfterOptimisticRemove:o}):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(Dt,{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(Dt,{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."})]})]}),la="Open a message first",Qo=({hasThread:e,intelligenceOpen:t,canToggleIntelligence:s,onToggleIntelligence:n,onReply:a,onReplyAll:o,onForward:i,onDelete:c,canDelete:u,onToggleStar:m,isStarred:d,moveContext:f})=>{const[h,y]=l.useState(null),g=u??e,p=x=>()=>y(x);return r.jsx(og,{hasThread:e,isStarred:d,onUnavailable:x=>y(la),unavailableHint:h,replyTitle:`Reply ${Vs("reply")}`,replyAllTitle:`Reply all ${Vs("replyAll")}`,forwardTitle:`Forward ${Vs("forward")}`,deleteTitle:`Move to Trash ${Vs("delete")}`,flagTitle:`Star ${Vs("toggleStar")}`,onReply:a,onReplyAll:o,onForward:i,onDelete:g?c:p(la),onToggleStar:m,onMove:p(la),moveSlot:f?r.jsx(_o,{accountId:f.accountId,currentMailboxId:f.currentMailboxId,onMove:f.onMove,label:"Move to mailbox"}):void 0,children:r.jsx(ag,{open:t,enabled:s,onToggle:n})})},pf=()=>{const e=Te();return l.useCallback(t=>{const s=Zt({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])},fn=({thread:e,mailboxId:t,accountId:s,onAfterOptimisticRemove:n})=>{const a=t??e?.mailboxId,o=s??e?.accountId,{accountId:i}=Mo(o?void 0:a),c=o??i,u=pf(),{deleteMessages:m}=ms({mailboxId:a??"",threadId:e?.threadId,accountId:c,onAfterOptimisticRemove:n}),{moveMessages:d}=Ds({mailboxId:a??"",threadId:e?.threadId,accountId:c,onAfterOptimisticRemove:n}),{toggleStar:f}=Ao({threadId:e?.threadId??"",mailboxId:a??""}),h=l.useCallback(()=>{e&&m(u(e))},[e,u,m]),y=l.useCallback(S=>{e&&d(u(e),S)},[e,u,d]),g=l.useCallback(()=>{e&&f(e.messageId,e.hasStars)},[e,f]),[p,x]=l.useState(null),b=l.useCallback(()=>x(null),[]);return{mailboxId:a,accountId:c,isStarred:e?.hasStars,deleteThread:h,moveThread:y,toggleStar:g,composeRequest:p,requestCompose:x,clearComposeRequest:b}},Kl=(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]},Go=()=>{const[e,t]=l.useState(void 0),[s,n]=l.useState([]),[a,o]=l.useState([]),i=l.useRef(null),[c,u]=l.useState(!1),[m,d]=l.useState(!1),f=l.useCallback(h=>{t(h.focusedMessageId),n(h.selectedIds),h.orderedIds&&o(h.orderedIds),u(h.hasList),d(h.blocksKeyboard)},[]);return{listCommandsRef:i,onTriageContextChange:f,focusedMessageId:e,selectedIds:s,orderedIds:a,hasList:c,blocksKeyboard:m}},Yo=({context:e,orderedIds:t,selectedMessageId:s,enabled:n=!0,onClose:a,handlers:o})=>{const{listCommandsRef:i,hasList:c,blocksKeyboard:u}=e,m=l.useCallback(()=>{i.current?.clearSelection()||s&&a()},[i,s,a]);return Nb({enabled:n&&!u,handlers:{...c?{focusNext:()=>i.current?.focusNext(),focusPrevious:()=>i.current?.focusPrevious(),focusFirst:()=>i.current?.focusFirst(),focusLast:()=>i.current?.focusLast(),openFocused:()=>i.current?.openFocused(),toggleSelect:()=>i.current?.toggleSelect(),extendSelectDown:()=>i.current?.extendSelectDown(),extendSelectUp:()=>i.current?.extendSelectUp(),selectAll:()=>i.current?.selectAll(),toggleDensity:()=>i.current?.toggleDensity()}:{},back:m,...o}}),{goBack:m,nextMessageId:Kl(t,s,"next")??void 0,previousMessageId:Kl(t,s,"previous")??void 0}};function nC(e){return{threadId:e.threadId,mailboxId:e.mailboxId,subject:e.subject,messageId:e.messageId,authenticity:e.authenticity}}function gf(e,t){if(e)return nC(e);if(t.messageId&&t.threadId&&t.mailboxId)return{threadId:t.threadId,mailboxId:t.mailboxId,messageId:t.messageId}}const xf=l.createContext(null);function Or(){const e=l.useContext(xf);if(!e)throw new Error("BriefPane.* must be used inside <BriefPane>");return e}function rC({selectedMessageId:e,children:t}){const s=Qe(),{searchInput:n}=Le(),{selectedThreadId:a,selectedMailboxId:o}=As({strict:!1}),{data:i}=ye({...ha(),staleTime:6e4}),c=l.useMemo(()=>{if(e)return i?.items.find(M=>M.messageId===e)},[i,e]),u=l.useMemo(()=>gf(c,{messageId:e,threadId:a,mailboxId:o}),[c,e,a,o]),m=l.useCallback((M,D)=>{s({to:"/mail",search:E=>({...E,selectedMessageId:M,selectedThreadId:void 0,selectedMailboxId:void 0}),replace:D?.replace})},[s]),d=l.useCallback((M,D)=>{s({to:"/mail",replace:D?.replace,search:E=>({...E,q:n||void 0,selectedMessageId:M.id,selectedThreadId:M.threadId,selectedMailboxId:M.mailboxId})})},[s,n]),f=l.useCallback(M=>{e&&M.includes(e)&&s({to:"/mail",search:D=>({...D,selectedMessageId:void 0,selectedThreadId:void 0,selectedMailboxId:void 0})})},[e,s]),h=fn({thread:c,onAfterOptimisticRemove:f}),y=l.useCallback(()=>{s({to:"/mail",search:M=>({...M,selectedMessageId:void 0,selectedThreadId:void 0,selectedMailboxId:void 0})})},[s]),g=Go(),p=l.useMemo(()=>i?.items??[],[i]),{deleteMessages:x}=ms({mailboxId:c?.mailboxId??"",messages:p,onAfterOptimisticRemove:f}),{toggleReadFor:b}=Nr({mailboxId:c?.mailboxId??"",messages:p}),S=g.focusedMessageId,v=l.useMemo(()=>i?.items.find(M=>M.messageId===S),[i,S])??c,k=fn({thread:v}),{nextMessageId:I,previousMessageId:A}=Yo({context:g,orderedIds:g.orderedIds,selectedMessageId:e,onClose:y,handlers:{reply:()=>h.requestCompose("reply"),replyAll:()=>h.requestCompose("reply_all"),forward:()=>h.requestCompose("forward"),delete:()=>{g.listCommandsRef.current?.requestVerb("delete")||k.deleteThread()},toggleStar:k.toggleStar,toggleRead:()=>{g.listCommandsRef.current?.requestVerb("markRead")||v&&b([v.messageId],!v.isRead)},goFlagged:()=>s({to:"/mail/flagged"}),goSettings:()=>s({to:"/settings"})}}),C={selectedMessageId:e,selectedThread:c,conversation:u,onSelectMessage:m,onSelectSearchResult:d,onCloseThread:y,actions:h,triage:g,onDeleteMessages:x,nextMessageId:I,previousMessageId:A,handleDeselectIfRemoved:f};return r.jsx(xf.Provider,{value:C,children:t})}function bf(){const{selectedMessageId:e,onSelectMessage:t,onSelectSearchResult:s,triage:n,onDeleteMessages:a}=Or(),{accounts:o}=Le();return r.jsx(Dk,{accounts:o,selectedMessageId:e,onSelectMessage:t,onSelectSearchResult:s,commandsRef:n.listCommandsRef,onTriageContextChange:n.onTriageContextChange,onDeleteMessages:a})}function aC(){const{conversation:e,actions:t}=Or(),{intelligenceOpen:s,onToggleIntelligence:n}=Le(),a=ps()?.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(Qo,{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(Bs,{threadId:e.threadId,mailboxId:e.mailboxId,subject:e.subject,selectedMessageId:e.messageId,authenticity:e.authenticity,composeRequest:t.composeRequest,onComposeClose:t.clearComposeRequest}):r.jsx(zs,{})})]})}function oC(){const{selectedThread:e,handleDeselectIfRemoved:t}=Or(),{onToggleIntelligence:s}=Le();return r.jsx(Ks,{onClose:s,thread:e,mailboxId:e?.mailboxId,accountId:e?.accountId,onAfterOptimisticRemove:t})}function iC(){const{selectedThread:e,conversation:t,onSelectMessage:s,onCloseThread:n,nextMessageId:a,previousMessageId:o,handleDeselectIfRemoved:i}=Or(),{intelligenceOpen:c,onToggleIntelligence:u}=Le();return t?r.jsxs(r.Fragment,{children:[r.jsx(Bs,{threadId:t.threadId,mailboxId:t.mailboxId,subject:t.subject,selectedMessageId:t.messageId,authenticity:t.authenticity,onBack:n,onOpenIntelligence:u,onSwipeNext:a?()=>s(a):void 0,onSwipePrevious:o?()=>s(o):void 0,mobileIntelligenceOpen:c}),r.jsx(Io,{isOpen:c,onClose:u,ariaLabel:"Message details",side:"right",children:r.jsx(Ks,{onClose:u,thread:e,mailboxId:e?.mailboxId,accountId:e?.accountId,hideCloseButton:!0,onAfterOptimisticRemove:i})})]}):r.jsx("div",{className:"h-full",children:r.jsx(bf,{})})}const Zs=Object.assign(rC,{List:bf,Reading:aC,Intelligence:oC,Phone:iC}),lC=()=>Qa({query:{starred:!0,order:"desc"}});function vf(){const{data:e,isLoading:t,isError:s,error:n,refetch:a,fetchNextPage:o,hasNextPage:i,isFetchingNextPage:c}=Pu({queryKey:lC(),queryFn:async({pageParam:m})=>{const{data:d}=await nh({query:{starred:!0,order:"desc",continuationToken:m},throwOnError:!0});return d},initialPageParam:void 0,getNextPageParam:m=>m.continuationToken,staleTime:6e4});return{threads:l.useMemo(()=>(e?.pages??[]).flatMap(m=>m.items??[]),[e]),isLoading:t,isError:s,error:n,refetch:a,fetchNextPage:o,hasNextPage:i,isFetchingNextPage:c}}const cC=e=>{const t=new Set;return e.filter(s=>t.has(s.threadId)?!1:(t.add(s.threadId),!0))};function yf({title:e,unreadCount:t,preset:s,selectedCategory:n,activeFilters:a,onSelectCategory:o,onToggleFilter:i,onSelectSource:c,onClearFilters:u,children:m,footer:d,searchResults:f,searchLoading:h,relatedResults:y,relatedLoading:g,onSelectSearchResult:p,searchResultsLabel:x,relatedResultsLabel:b,searchResultsInBody:S,refreshControl:w}){const{searchInput:v}=Le(),k=v.trim().length>0,I={categories:s.categories,filters:s.filters,sources:s.sources,selectedCategory:n,activeFilters:a,onSelectCategory:o,onSelectSource:c,onToggleFilter:i,onClear:u};return r.jsx(yc,{hasSheet:!k,children:r.jsx(Jd,{title:e,unreadCount:t,footer:d,searchFilter:I,searchResults:f,searchLoading:h,relatedResults:y,relatedLoading:g,onSelectSearchResult:p,searchResultsLabel:x,relatedResultsLabel:b,searchResultsInBody:S,refreshControl:w,children:r.jsx(ac,{...I,hideChrome:k,children:m})})})}const uC={unread:e=>!e.isRead,attachment:e=>e.hasAttachment===!0};function dC({rows:e,verb:t}){const{selectedIds:s,exitSelection:n}=Ho(),a=l.useMemo(()=>e.filter(o=>s.has(o.id)).map(o=>({id:o.id,sender:o.fromName,email:o.fromEmail,subject:o.subject,date:o.timeLabel})),[e,s]);return r.jsx(Vo,{verb:t,selection:a,crossAccount:!0,onFinished:n})}function fC({selectedMessageId:e,onSelectMessage:t,commandsRef:s,onTriageContextChange:n,onDeleteMessages:a}){const{searchQuery:o,resultFolderIndex:i}=Le(),c=xs(),u=es(),m=Ja(),[d,f]=l.useState("all"),[h,y]=l.useState(new Set),g=l.useCallback(F=>{y(N=>{const V=new Set(N);return V.has(F)?V.delete(F):V.add(F),V})},[]),p=l.useCallback(()=>{f("all"),y(new Set)},[]),{threads:x,isLoading:b,isError:S,error:w,refetch:v,fetchNextPage:k,hasNextPage:I,isFetchingNextPage:A}=vf(),{freeText:C,tokens:M}=Us(o.trim().toLowerCase(),c),D=l.useMemo(()=>{const F=Array.from(h).map(N=>uC[N]).filter(N=>N!=null);return cC(x).map(er).filter(N=>(d==="all"||N.category===d)&&F.every(V=>V(N))&&(!C||Kd(N,C))&&Uo(N,M))},[x,d,h,C,M]),E=l.useMemo(()=>Hx(),[]),L=l.useMemo(()=>D.map(F=>Kn(F,i)),[D,i]),O=l.useMemo(()=>D.filter(F=>!F.isRead).length,[D]),j=b?"loading":S?"error":D.length===0?"empty":"ready",R=l.useCallback(()=>{const F=Ga(Ya());window.open(F,"_blank","noopener,noreferrer")},[]),P=Ar(),T=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:D.map(F=>r.jsx(Wo,{thread:F,active:F.id===e,onClick:()=>t?.(F.id)},F.id))}),I?r.jsx("button",{type:"button",className:"w-full py-3 text-sm text-muted hover:text-fg disabled:opacity-50",onClick:()=>k(),disabled:A,children:A?"Loading…":"Load more"}):null]})});return r.jsx(yf,{title:"Starred",unreadCount:O,preset:E,selectedCategory:d,activeFilters:h,onSelectCategory:f,onToggleFilter:g,onClearFilters:p,searchResults:L,searchLoading:b,onSelectSearchResult:F=>t?.(F.id),searchResultsInBody:!0,children:r.jsxs(tf,{selectedMessageId:e,onOpen:(F,N)=>t?.(F,N),onDeleteMessages:a,onSelectionVerb:m.start,wizardOpen:m.isOpen,commandsRef:s,onTriageContextChange:n,children:[r.jsx(ou,{listTitle:"Starred",sections:[{id:"flagged",threads:D}],flatList:!0,hideHeader:!0,listState:P.searchResults?"ready":j,searchQuery:C?o:void 0,errorMessage:S?kc(w):void 0,onRetry:()=>v(),onReportError:R,selectedThreadId:e,onSelectThread:t,isDesktop:u,selectionBar:r.jsx(VS,{title:"Starred"}),listBody:P.searchResults??(j==="ready"?T:void 0)}),r.jsx(dC,{rows:D,verb:m.verb})]})})}const wf=l.createContext(null);function Dr(){const e=l.useContext(wf);if(!e)throw new Error("FlaggedPane.* must be used inside <FlaggedPane>");return e}function mC({selectedMessageId:e,children:t}){const s=Qe(),{threads:n}=vf(),a=l.useMemo(()=>{if(e)return n.find(w=>w.messageId===e)},[n,e]),o=l.useCallback((w,v)=>{s({to:"/mail/flagged",search:k=>({...k,selectedMessageId:w}),replace:v?.replace})},[s]),i=l.useCallback(()=>{s({to:"/mail/flagged",search:w=>({...w,selectedMessageId:void 0})})},[s]),c=l.useCallback(w=>{e&&w.includes(e)&&i()},[e,i]),u=fn({thread:a,onAfterOptimisticRemove:c}),m=Go(),{deleteMessages:d}=ms({mailboxId:a?.mailboxId??"",messages:n,onAfterOptimisticRemove:c}),{toggleReadFor:f}=Nr({mailboxId:a?.mailboxId??"",messages:n}),h=m.focusedMessageId,g=l.useMemo(()=>n.find(w=>w.messageId===h),[n,h])??a,p=fn({thread:g}),{nextMessageId:x,previousMessageId:b}=Yo({context:m,orderedIds:m.orderedIds,selectedMessageId:e,onClose:i,handlers:{reply:()=>u.requestCompose("reply"),replyAll:()=>u.requestCompose("reply_all"),forward:()=>u.requestCompose("forward"),delete:()=>{m.listCommandsRef.current?.requestVerb("delete")||p.deleteThread()},toggleStar:p.toggleStar,toggleRead:()=>{m.listCommandsRef.current?.requestVerb("markRead")||g&&f([g.messageId],!g.isRead)},goBrief:()=>s({to:"/mail"}),goSettings:()=>s({to:"/settings"})}}),S={selectedMessageId:e,selectedThread:a,onSelectMessage:o,onCloseThread:i,actions:u,triage:m,onDeleteMessages:d,nextMessageId:x,previousMessageId:b,handleDeselectIfRemoved:c};return r.jsx(wf.Provider,{value:S,children:t})}function Sf(){const{selectedMessageId:e,onSelectMessage:t,triage:s,onDeleteMessages:n}=Dr();return r.jsx(fC,{selectedMessageId:e,onSelectMessage:t,commandsRef:s.listCommandsRef,onTriageContextChange:s.onTriageContextChange,onDeleteMessages:n})}function hC(){const{selectedThread:e,actions:t}=Dr(),{intelligenceOpen:s,onToggleIntelligence:n}=Le(),a=ps()?.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(Qo,{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(Bs,{threadId:e.threadId,mailboxId:e.mailboxId,subject:e.subject,authenticity:e.authenticity,composeRequest:t.composeRequest,onComposeClose:t.clearComposeRequest}):r.jsx(zs,{})})]})}function pC(){const{selectedThread:e,handleDeselectIfRemoved:t}=Dr(),{onToggleIntelligence:s}=Le();return r.jsx(Ks,{onClose:s,thread:e,mailboxId:e?.mailboxId,accountId:e?.accountId,onAfterOptimisticRemove:t})}function gC(){const{selectedThread:e,onCloseThread:t,onSelectMessage:s,nextMessageId:n,previousMessageId:a,handleDeselectIfRemoved:o}=Dr(),{intelligenceOpen:i,onToggleIntelligence:c}=Le();return e?r.jsxs(r.Fragment,{children:[r.jsx(Bs,{threadId:e.threadId,mailboxId:e.mailboxId,subject:e.subject,authenticity:e.authenticity,onBack:t,onOpenIntelligence:c,onSwipeNext:n?()=>s(n):void 0,onSwipePrevious:a?()=>s(a):void 0,mobileIntelligenceOpen:i}),r.jsx(Io,{isOpen:i,onClose:c,ariaLabel:"Message details",side:"right",children:r.jsx(Ks,{onClose:c,thread:e,mailboxId:e?.mailboxId,accountId:e?.accountId,hideCloseButton:!0,onAfterOptimisticRemove:o})})]}):r.jsx("div",{className:"h-full",children:r.jsx(Sf,{})})}const en=Object.assign(mC,{List:Sf,Reading:hC,Intelligence:pC,Phone:gC}),xC={reply:"Reply",reply_all:"Reply All",forward:"Forward",new:"New Message"},bC=()=>{const e=l.useRef(!1);return l.useCallback(()=>{const s=document.querySelector("[data-subject-field]")?.value??"",o=(document.querySelector('[data-testid="compose-body"]')?.textContent??"").replace(/--\s*/g,"").trim();return e.current=s.trim().length>0||o.length>0,e.current},[])},vC=()=>{const{state:e,closeCompose:t}=Jt(),s=bC(),[n,a]=l.useState(!1),{isError:o,error:i,refetch:c}=ye({...$t(),staleTime:1/0}),u=l.useCallback(h=>{h||(s()?a(!0):t())},[t,s]),m=l.useCallback(()=>{a(!1),t()},[t]),d=l.useCallback(()=>{a(!1)},[]);if(!e.isOpen)return null;const f=xC[e.mode]??"New Message";return r.jsxs(dt.Root,{open:e.isOpen,onOpenChange:u,children:[r.jsxs(dt.Portal,{children:[r.jsx(dt.Overlay,{className:"fixed inset-0 z-40 bg-black/40"}),r.jsxs(dt.Content,{className:"fixed inset-x-0 bottom-0 z-50 flex flex-col rounded-t-lg bg-canvas pb-[env(safe-area-inset-bottom,0px)]",style:{height:"95dvh"},children:[r.jsx(dt.Handle,{className:"mx-auto mt-2 mb-1 h-1.5 w-12 rounded-full bg-fg-muted/30"}),r.jsx(dt.Title,{className:"px-4 py-2 text-base font-semibold border-b border-line",children:f}),o?r.jsx("div",{className:"flex-1 flex items-center justify-center p-4",children:r.jsx(ts,{title:"Couldn't load compose",error:i,onRetry:()=>{c()}})}):r.jsx("div",{className:"flex-1 overflow-hidden",children:r.jsx(Ro,{mode:e.mode,account:e.account,sourceMessage:e.sourceMessage,onClose:t})})]})]}),r.jsx(ao,{isOpen:n,title:"Discard draft?",description:"Your message has unsaved content. Are you sure you want to discard it?",confirmLabel:"Discard",cancelLabel:"Keep editing",destructive:!0,onConfirm:m,onCancel:d})]})},yC={reply:"Reply",reply_all:"Reply All",forward:"Forward",new:"New Message"},kf=()=>{const{state:e,closeCompose:t}=Jt(),s=es(),{isError:n,error:a,refetch:o}=ye({...$t(),staleTime:1/0});if(!s)return r.jsx(vC,{});if(!e.isOpen)return null;const i=yC[e.mode]??"New Message",c=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(Nt,{className:"size-5"})})]});return n?r.jsxs("div",{className:"h-full flex flex-col bg-canvas",children:[c,r.jsx("div",{className:"flex-1 flex items-center justify-center p-4",children:r.jsx(ts,{title:"Couldn't load compose",error:a,onRetry:()=>{o()}})})]}):r.jsxs("div",{className:"flex h-full min-h-0 flex-col bg-canvas",children:[c,r.jsx("div",{className:"min-h-0 flex-1 overflow-hidden",children:r.jsx(Ro,{mode:e.mode,account:e.account,sourceMessage:e.sourceMessage,onClose:t},e.outboxMessageId??"new")})]})};function wC(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:gt(e.updatedAt),isRead:!0}}function SC(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:gt(e.sentDate),isRead:e.isRead,hasAttachment:e.hasAttachment,starred:e.hasStars===!0}}function kC({outboxMessages:e,accountId:t,imapThreads:s}){const n=e.filter(i=>i.status==="draft"&&i.accountId===t).map(wC),a=s.map(SC),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 Xo(){const e=ps();return!e||e.showNavPane?null:r.jsx(ie,{variant:"ghost",size:"sm",icon:r.jsx(fr,{className:"size-4"}),onClick:e.openNav,"aria-label":"Open folders",className:"-ml-1 shrink-0"})}const CC=({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})]}),jC=({row:e,isSelected:t,onOpen:s,onDelete:n,isDeleting:a})=>r.jsxs("button",{type:"button",onClick:()=>s(e.id),className:W("group",_s({active:t})),children:[r.jsx(rc,{className:"size-7 shrink-0 text-fg-muted mt-0.5"}),r.jsx(cn,{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(Lt,{className:"size-3.5"})})})]}),NC=({row:e,isSelected:t,onOpen:s})=>{const n=!e.isRead;return r.jsxs("button",{type:"button",onClick:()=>s(e.id),className:W("group",_s({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(jt,{name:e.fromName,email:e.fromEmail,size:"sm"}),r.jsx(cn,{thread:e})]})};function EC({mailboxId:e,accountId:t,selectedMessageId:s,imapThreads:n,title:a,unreadCount:o}){const{openCompose:i,state:c}=Jt(),u=Qe(),m=Te(),{data:d}=ye(or()),f=l.useMemo(()=>kC({outboxMessages:d?.items??[],accountId:t,imapThreads:n}),[d?.items,t,n]),h=ze({...lr(),onSuccess:()=>{m.invalidateQueries({queryKey:Za()})}}),y=b=>{h.mutate({path:{outboxMessageId:b}})},g=b=>{s&&u({to:"/mail/$mailboxId",params:{mailboxId:e},search:{selectedMessageId:void 0}}),i({mode:"new",outboxMessageId:b})},p=b=>{u({to:"/mail/$mailboxId",params:{mailboxId:e},search:{selectedMessageId:b}})},x=f.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(Xo,{}),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:x?r.jsxs("div",{className:"flex flex-col items-center justify-center h-full gap-2 text-center px-4",children:[r.jsx(Pa,{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."})]}):f.map(b=>r.jsxs("div",{children:[b.label&&r.jsx(CC,{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(jC,{row:S,isSelected:c.isOpen&&S.id===c.outboxMessageId,onOpen:g,onDelete:y,isDeleting:h.isPending},S.id):r.jsx(NC,{row:S,isSelected:S.id===s,onOpen:p},S.id))})]},b.id))})]})}function IC(e,t,s){const n=new Array(e);return new Proxy(n,{get(a,o,i){if(typeof o=="string"){const c=o.charCodeAt(0);if(c>=48&&c<=57){const u=+o;if(Number.isInteger(u)&&u>=0&&u<e){let m=a[u];if(!m){const d=t[u*2];m=a[u]={index:u,key:s(u),start:d,size:t[u*2+1],end:d+t[u*2+1],lane:0}}return m}}if(o==="length")return e}return Reflect.get(a,o,i)}})}function Ns(e,t,s){let n=s.initialDeps??[],a,o=!0;function i(){const c=e();return(c.length!==n.length||c.some((m,d)=>n[d]!==m))&&(n=c,a=t(...c),s?.onChange&&!(o&&s.skipInitialOnChange)&&s.onChange(a),o=!1),a}return i.updateDeps=c=>{n=c},i}function ql(e,t){if(e===void 0)throw new Error("Unexpected undefined");return e}const RC=(e,t)=>Math.abs(e-t)<1.01,TC=(e,t,s)=>{let n;return function(...a){e.clearTimeout(n),n=e.setTimeout(()=>t.apply(this,a),s)}};let tn;const ca=()=>{if(tn!==void 0)return tn;if(typeof navigator>"u")return tn=!1;if(/iP(hone|od|ad)/.test(navigator.userAgent))return tn=!0;const e=navigator.maxTouchPoints;return tn=navigator.platform==="MacIntel"&&e!==void 0&&e>0},Hl=e=>{const{offsetWidth:t,offsetHeight:s}=e;return{width:t,height:s}},MC=e=>e,AC=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},OC=(e,t)=>{const s=e.scrollElement;if(!s)return;const n=e.targetWindow;if(!n)return;const a=i=>{const{width:c,height:u}=i;t({width:Math.round(c),height:Math.round(u)})};if(a(Hl(s)),!n.ResizeObserver)return()=>{};const o=new n.ResizeObserver(i=>{const c=()=>{const u=i[0];if(u?.borderBoxSize){const m=u.borderBoxSize[0];if(m){a({width:m.inlineSize,height:m.blockSize});return}}a(Hl(s))};e.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(c):c()});return o.observe(s,{box:"border-box"}),()=>{o.unobserve(s)}},tr={passive:!0},DC=typeof window>"u"?!0:"onscrollend"in window,PC=(e,t,s)=>{const n=e.scrollElement;if(!n)return;const a=e.targetWindow;if(!a)return;const o=e.options.useScrollendEvent&&DC;let i=0;const c=o?null:TC(a,()=>t(i,!1),e.options.isScrollingResetDelay),u=f=>()=>{i=s(n),c?.(),t(i,f)},m=u(!0),d=u(!1);return n.addEventListener("scroll",m,tr),o&&n.addEventListener("scrollend",d,tr),()=>{n.removeEventListener("scroll",m),o&&n.removeEventListener("scrollend",d)}},LC=(e,t)=>PC(e,t,s=>{const{horizontal:n,isRtl:a}=e.options;return n?s.scrollLeft*(a&&-1||1):s.scrollTop}),FC=(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"]},$C=(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})},_C=$C;class zC{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 c=o.target,u=this.indexFromElement(c);if(!c.isConnected){this.observer.unobserve(c);for(const[m,d]of this.elementsCache)if(d===c){this.elementsCache.delete(m);break}return}this.shouldMeasureDuringScroll(u)&&this.resizeItem(u,this.options.measureElement(c,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:MC,rangeExtractor:AC,onChange:()=>{},measureElement:FC,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 y=s[h];y!==void 0&&(o[h]=y)}const i=this.options;let c=null,u=null,m=!1;if(i!==void 0&&i.enabled&&o.enabled&&o.anchorTo==="end"&&this.scrollElement!==null){const h=i.count,y=o.count,g=this.getMeasurements(),p=h>0?((n=g[0])==null?void 0:n.key)??i.getItemKey(0):null,x=h>0?((a=g[h-1])==null?void 0:a.key)??i.getItemKey(h-1):null;if(y!==h||h>0&&y>0&&(o.getItemKey(0)!==p||o.getItemKey(y-1)!==x)){m=!0;const w=h>0?this.getVirtualItemForOffset(this.getScrollOffset())??g[0]:null;w&&(c=[w.key,this.getScrollOffset()-w.start]);const v=o.followOnAppend===!0?"auto":o.followOnAppend||null;v&&y>h&&this.isAtEnd(i.scrollEndThreshold)&&(h===0||o.getItemKey(y-1)!==x)&&(u=v)}}this.options=o,m&&(this.pendingMin=0,this.itemSizeCacheVersion++);let d=!1,f=0;if(c&&this.scrollOffset!==null){const[h,y]=c,g=this.getMeasurements(),{count:p,getItemKey:x}=this.options;let b=0;for(;b<p&&x(b)!==h;)b++;if(b<p){const S=g[b];if(S){const w=S.start+y;w!==this.scrollOffset&&(f=w-this.scrollOffset,this.scrollOffset=w,d=!0)}}}(d||u)&&(this.pendingScrollAnchor=[d?c[0]:null,d?c[1]:0,u,f])},this.notify=s=>{var n,a;(a=(n=this.options).onChange)==null||a.call(n,this,s)},this.maybeNotify=Ns(()=>(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 c=this.getScrollOffset();this.scrollDirection=i?c===o?this.scrollDirection:c<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)},c=()=>{this._iosTouching=!1,!(!ca()||this.targetWindow==null)&&(this._iosJustTouchEnded=!0,this._iosTouchEndTimerId=this.targetWindow.setTimeout(()=>{this._iosJustTouchEnded=!1,this._iosTouchEndTimerId=null,this._flushIosDeferredIfReady()},150))};o.addEventListener("touchstart",i,tr),o.addEventListener("touchend",c,tr),this.unsubs.push(()=>{o.removeEventListener("touchstart",i),o.removeEventListener("touchend",c),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,c,u]=a;o!==null&&!c&&(ca()&&(this.isScrolling||this._iosTouching||this._iosJustTouchEnded)?u!==0&&(this._iosDeferredAdjustment+=u):this._scrollToOffset(this.getScrollOffset(),{adjustments:void 0,behavior:void 0})),c&&this.scrollToEnd({behavior:c})}},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=Ns(()=>[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,c,u,m)=>(this.prevLanes!==void 0&&this.prevLanes!==c&&(this.lanesChangedFlag=!0),this.prevLanes=c,this.pendingMin=null,{count:s,paddingStart:n,scrollMargin:a,getItemKey:o,enabled:i,lanes:c,laneAssignmentMode:u,gap:m}),{key:!1}),this.getMeasurements=Ns(()=>[this.getMeasurementOptions(),this.itemSizeCacheVersion],({count:s,paddingStart:n,scrollMargin:a,getItemKey:o,enabled:i,lanes:c,laneAssignmentMode:u,gap:m},d)=>{const f=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),c===1){const b=s*2;let S=this._flatMeasurements;if(!S||S.length<b){const k=new Float64Array(b);S&&h>0&&k.set(S.subarray(0,h*2)),S=k,this._flatMeasurements=S}let w;if(h===0)w=n+a;else{const k=h-1;w=S[k*2]+S[k*2+1]+m}for(let k=h;k<s;k++){const I=o(k),A=f.get(I),C=typeof A=="number"?A:this.options.estimateSize(k);S[k*2]=w,S[k*2+1]=C,w+=C+m}const v=IC(s,S,o);return this.measurementsCache=v,v}const y=this.measurementsCache.slice(0,h),g=new Array(c).fill(void 0),p=new Float64Array(c);let x=0;for(let b=0;b<h;b++){const S=y[b];S&&(g[S.lane]===void 0&&x++,g[S.lane]=b,p[S.lane]=S.end)}for(let b=h;b<s;b++){const S=o(b),w=this.laneAssignments.get(b);let v,k;const I=u==="estimate"||f.has(S);if(w!==void 0&&this.options.lanes>1){v=w;const D=g[v],E=D!==void 0?y[D]:void 0;k=E?E.end+m:n+a}else if(x===c){let D=0,E=p[0],L=g[0];for(let O=1;O<c;O++){const j=p[O];(j<E||j===E&&g[O]<L)&&(D=O,E=j,L=g[O])}v=D,k=E+m,I&&this.laneAssignments.set(b,v)}else v=b%this.options.lanes,k=n+a,I&&this.laneAssignments.set(b,v);const A=f.get(S),C=typeof A=="number"?A:this.options.estimateSize(b),M=k+C;y[b]={index:b,start:k,size:C,end:M,key:S,lane:v},g[v]===void 0&&x++,g[v]=b,p[v]=M}return this.measurementsCache=y,y},{key:!1,debug:()=>this.options.debug}),this.calculateRange=Ns(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset(),this.options.lanes],(s,n,a,o)=>s.length===0||n===0?(this.range=null,null):(this.range=UC(s,n,a,o,o===1&&this._flatMeasurements!=null?this._flatMeasurements:null),this.range),{key:!1,debug:()=>this.options.debug}),this.getVirtualIndexes=Ns(()=>{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),c=Math.min(this.options.count-1,a+o);return s>=i&&s<=c}return!0},this.measureElement=s=>{if(!s){this.elementsCache.forEach((i,c)=>{i.isConnected||(this.observer.unobserve(i),this.elementsCache.delete(c))});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,c,u;const m=this._flatMeasurements;if(this.options.lanes===1&&m!==null)u=this.options.getItemKey(s),c=m[s*2],i=m[s*2+1];else{const h=this.measurementsCache[s];if(!h)return;u=h.key,c=h.start,i=h.size}const d=this.itemSizeCache.get(u)??i,f=n-d;if(f!==0){const h=this.options.anchorTo==="end"&&((a=this.scrollState)==null?void 0:a.behavior)!=="smooth"&&this.getVirtualDistanceFromEnd()<=this.options.scrollEndThreshold,y=h?this.getTotalSize():0,g=((o=this.scrollState)==null?void 0:o.behavior)!=="smooth"&&(this.shouldAdjustScrollPositionOnItemSizeChange!==void 0?this.shouldAdjustScrollPositionOnItemSizeChange(this.measurementsCache[s]??{index:s,key:u,start:c,size:i,end:c+i,lane:0},f,this):c<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()-y):g&&this.applyScrollAdjustment(f),this.notify(!1)}},this.getVirtualItems=Ns(()=>[this.getVirtualIndexes(),this.getMeasurements()],(s,n)=>{const a=[];for(let o=0,i=s.length;o<i;o++){const c=s[o],u=n[c];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=Cf(0,n.length-1,o?c=>a[c*2]:c=>ql(n[c]).start,s);return ql(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 c=this.getMaxScrollOffset();return Math.max(Math.min(c,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 c=n==="end"?i.end+this.options.scrollPaddingEnd:i.start-this.options.scrollPaddingStart;return[this.getOffsetForAlignment(c,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,c]=o,u=this.now();this.scrollState={index:s,align:c,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(c=>c===null);){const c=n[i];o[c.lane]===null&&(o[c.lane]=c.end),i--}a=Math.max(...o.filter(c=>c!==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&&(ca()&&(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&&RC(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 c=this.getSize()||600,u=Math.abs(a-this.getScrollOffset()),m=this.scrollState.behavior==="smooth"&&u>c;this.scrollState.lastTargetOffset=a,m||(this.scrollState.behavior="auto"),this._scrollToOffset(a,{adjustments:void 0,behavior:m?"smooth":"auto"})}this.scheduleScrollReconcile()}}const Cf=(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 BC(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 UC(e,t,s,n,a){const o=e.length-1;if(e.length<=n)return{startIndex:0,endIndex:o};if(n===1&&a!==null){const m=BC(a,o,s);let d=m;const f=s+t;for(;d<o&&a[d*2]+a[d*2+1]<f;)d++;return{startIndex:m,endIndex:d}}let c=Cf(0,o,m=>e[m].start,s),u=c;if(n===1)for(;u<o&&e[u].end<s+t;)u++;else if(n>1){const m=Array(n).fill(0);for(;u<o&&m.some(f=>f<s+t);){const f=e[u];m[f.lane]=f.end,u++}const d=Array(n).fill(s+t);for(;c>=0&&d.some(f=>f>=s);){const f=e[c];d[f.lane]=f.start,c--}c=Math.max(0,c-c%n),u=Math.min(o,u+(n-1-u%n))}return{startIndex:c,endIndex:u}}const ua=typeof document<"u"?l.useLayoutEffect:l.useEffect;function KC({useFlushSync:e=!0,directDomUpdates:t=!1,directDomUpdatesMode:s="transform",...n}){const a=l.useReducer(m=>m+1,0)[1],o=l.useRef({enabled:t,mode:s,container:null,lastSize:null,lastPositions:new WeakMap,prevRange:null});o.current.enabled=t,o.current.mode=s;const i=m=>{const d=o.current;if(!d.enabled||!d.container)return;const f=m.getTotalSize();if(f!==d.lastSize){d.lastSize=f;const b=m.options.horizontal?"width":"height";d.container.style[b]=`${f}px`}const h=!!m.options.horizontal,y=d.mode==="transform",g=h?"left":"top",p=m.options.scrollMargin,x=m.getVirtualItems();for(const b of x){const S=b.start-p,w=m.elementsCache.get(b.key);w&&d.lastPositions.get(w)!==S&&(d.lastPositions.set(w,S),y?w.style.transform=h?`translate3d(${S}px, 0, 0)`:`translate3d(0, ${S}px, 0)`:w.style[g]=`${S}px`)}},c={...n,onChange:(m,d)=>{var f;const h=o.current;let y=!0;if(h.enabled){i(m);const g=m.range,p=h.prevRange;y=!p||p.isScrolling!==m.isScrolling||p.startIndex!==g?.startIndex||p.endIndex!==g?.endIndex,y&&(h.prevRange=g?{startIndex:g.startIndex,endIndex:g.endIndex,isScrolling:m.isScrolling}:null)}y&&(e&&d?_a.flushSync(a):a()),(f=n.onChange)==null||f.call(n,m,d)}},[u]=l.useState(()=>{const m=new zC(c);return Object.assign(m,{containerRef:d=>{const f=o.current;if(f.container=d,f.lastSize=null,d&&f.enabled){const h=m.getTotalSize();f.lastSize=h;const y=m.options.horizontal?"width":"height";d.style[y]=`${h}px`}}})});return u.setOptions(c),ua(()=>u._didMount(),[]),ua(()=>u._willUpdate()),ua(()=>{i(u)}),u}function qC(e){return KC({observeElementRect:OC,observeElementOffset:LC,scrollToFn:_C,...e})}const Jo=e=>e.query?`matching "${e.query}"`:e.from?`from "${e.from}"`:"matching your search",HC=e=>`Select all ${Jo(e)}`,WC=(e,t)=>`All ${Gt(t)} ${Jo(e)} selected`,VC=({verb:e,confirmingDelete:t,hasSelection:s,junkMailboxId:n,currentMailboxId:a,deletableMessageId:o})=>{if(t)return{kind:"withheld"};if(e==="junk"){const i=dS(n,a);if(i!==void 0)return{kind:"unavailable",reason:i}}return s?{kind:"openWizard"}:e!=="delete"||o===void 0?{kind:"declined"}:{kind:"confirmDelete",messageId:o}},QC=(e,t,s)=>e==="BACK"&&t&&s===void 0,GC=(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:gt(e.sentDate),isRead:e.isRead,hasAttachment:e.hasAttachment,starred:e.hasStars===!0,trust:e.senderTrust,category:Er(e.category),messageCount:t,suspicious:e.authenticity?.dkimMismatch===!0,labels:e.labels}),YC=({thread:e,mailboxId:t,isSelected:s,isFocused:n,isTabStop:a,onFocusRow:o,isChecked:i,onToggleCheck:c,onRowSelect:u,messageCount:m,isMultiSelectMode:d,onLongPress:f,isDesktop:h,density:y})=>r.jsx(Wo,{thread:GC(e,m),linkMailboxId:t,inListbox:!0,active:s,focused:n,isTabStop:a,density:y,isDesktop:h,onFocusRow:o,selection:{isChecked:i,onToggleCheck:c,onRowSelect:u,isMultiSelectMode:d,onLongPress:f}}),XC=l.memo(YC),JC=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:gt(e.sentDate),isRead:e.isRead,hasAttachment:e.hasAttachment,starred:e.hasStars===!0,trust:e.senderTrust,category:Er(e.category),suspicious:t}},ZC=({thread:e,mailboxId:t,isSelected:s,isFocused:n,isTabStop:a,onFocusRow:o,isChecked:i,onToggleCheck:c,onRowSelect:u,isMultiSelectMode:m,onLongPress:d,isDesktop:f,onDelete:h,onToggleRead:y,density:g})=>{const[p,x]=l.useState("none"),b=Qe(),S=l.useCallback(A=>{navigator.vibrate?.(10),A==="trailing"?h(e.messageId):y(e.messageId,e.isRead),x("none")},[h,y,e.messageId,e.isRead]),w=l.useCallback(()=>{d(e.messageId)},[d,e.messageId]),v=l.useCallback(()=>{c(e.messageId)},[c,e.messageId]),k=l.useCallback(()=>{b({to:"/mail/$mailboxId",params:{mailboxId:t},search:A=>({...A,selectedMessageId:e.messageId})})},[b,t,e.messageId]),I=sf(e.messageId,u);return f||m?r.jsx(XC,{thread:e,mailboxId:t,isSelected:s,isFocused:n,isTabStop:a,onFocusRow:o,isChecked:i,onToggleCheck:c,onRowSelect:u,isMultiSelectMode:m,onLongPress:d,isDesktop:f,density:g}):r.jsx("div",{role:"presentation",onPointerDownCapture:I.onMouseDown,onClickCapture:I.claimClick,onContextMenu:I.onContextMenu,children:r.jsx(au,{thread:JC(e),selectionMode:!1,checked:!1,active:s,peek:p,onPeek:x,onToggleCheck:v,onLongPress:w,onOpen:k,onAct:S})})},ej=72,tj=32,sj=5,jf="remit:list-density",nj=()=>{try{const e=localStorage.getItem(jf);if(e==="compact"||e==="comfortable")return e}catch{}return"comfortable"},rj=({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,"”"]})]}),aj=({mailboxId:e,threads:t,selectedMessageId:s,isLoading:n,isError:a=!1,error:o,onRetry:i,searchQuery:c,searchPredicate:u,onDeleteMessages:m,isDeleting:d=!1,isMoving:f=!1,onLoadMore:h,hasMore:y=!1,isLoadingMore:g=!1,accountId:p,listTitle:x,listMeta:b,listFilter:S,listScopeLabel:w,onTriageContextChange:v,commandsRef:k,hideHeader:I=!1})=>{const A=l.useRef(null),C=Qe(),M=es(),D=Ja(),{verb:E,start:L,startFromSearch:O}=D,j=rh(),R=!!c?.trim(),P=Ar(),{labels:T}=ro(p),{pushError:F}=nt(),[N,V]=l.useState(s),[Q,re]=l.useState(),se=l.useCallback(z=>{re(Y=>Y===z?Y:void 0),V(z)},[]),[fe,Z]=l.useState(nj),ne=l.useCallback(()=>{Z(z=>{const Y=z==="comfortable"?"compact":"comfortable";try{localStorage.setItem(jf,Y)}catch{}return Y})},[]),{toggleReadFor:le}=Nr({mailboxId:e}),{junkMailboxId:U}=Sn(p),_=Tr(U,e),{selectedIds:de,selectedCount:ge,hasSelection:we,isSelected:Re,toggle:q,select:ke,clearSelection:xe,selectRange:Ne,setAnchor:ue,selectAll:te,toggleAll:be,intersectWith:De}=Yc(),Ue=mo(ge,M),[G,Ge]=l.useState(null),Ce=R&&!!u,Ke=`${e}|${JSON.stringify(u??{})}`,$=of({mailboxId:e,accountId:p,enabled:Ce,predicateKey:Ke,searchQuery:u??{}}),ce=l.useCallback((z,Y,St)=>{if(St.error===void 0){if(St.cancelled){F({severity:"warning",title:ik(St.done),detail:lk(z,St.done,Y)});return}F({severity:"info",title:$l(z,St.done)})}},[F]),ae=$.phase.kind,me=$.clear,Me=l.useCallback(()=>{ae==="escalated"&&me(),xe()},[xe,me,ae]),[he,Se]=l.useState(null),Ae=l.useRef(null),ve=l.useRef(!1),Ye=l.useRef(null),Xe=!n&&t.length>0,Oe=G!==null,K=qC({count:t.length,getScrollElement:()=>A.current,estimateSize:()=>fe==="compact"?tj:ej,overscan:sj}),pe=s?t.findIndex(z=>z.messageId===s):-1,oe=N?t.findIndex(z=>z.messageId===N):-1,J=l.useCallback(z=>{if(z<0||z>=t.length)return;const Y=t[z];if(Ue){q(Y.messageId);return}Ae.current=Y.messageId,ve.current=!1,re(Y.messageId),V(Y.messageId)},[t,Ue,q]),je=l.useCallback(()=>{if(t.length===0)return;const z=oe<0?0:Math.min(oe+1,t.length-1);J(z)},[t.length,oe,J]),Pe=l.useCallback(()=>{if(t.length===0)return;const z=oe<=0?0:oe-1;J(z)},[t.length,oe,J]),_e=l.useCallback(()=>J(0),[J]),Je=l.useCallback(()=>J(t.length-1),[J,t.length]),qe=l.useCallback(()=>{N&&q(N)},[N,q]),Ee=l.useMemo(()=>t.map(z=>z.messageId),[t]),et=l.useMemo(()=>{const z=[];for(const Y of t)de.has(Y.messageId)&&z.push({id:Y.messageId,sender:Y.fromName??Y.fromEmail??"Unknown",email:Y.fromEmail??"",subject:Y.subject??"(No subject)",date:gt(Y.sentDate)});return z},[t,de]),Be=l.useCallback((z,Y)=>Y.shiftKey?(Ne(Ee,z,N),!0):Y.metaKey||Y.ctrlKey?(q(z),!0):(Me(),ue(z),!1),[Ee,N,Ne,q,Me,ue]),lt=l.useCallback(z=>{!m||z.length===0||(Ye.current=N??null,Ge(z))},[m,N]),tt=l.useCallback(z=>{const Y=Gc(Ee,N,z);Y!==void 0&&(Ne(Ee,Y),Ae.current=Y,ve.current=!1,re(void 0),V(Y))},[Ee,N,Ne]),zt=l.useCallback(()=>tt(-1),[tt]),Rt=l.useCallback(()=>tt(1),[tt]),ns=l.useCallback(()=>{Ee.length>0&&te(Ee)},[Ee,te]),bs=l.useCallback(z=>{const Y=VC({verb:z,confirmingDelete:G!==null,hasSelection:we,junkMailboxId:U,currentMailboxId:e,deletableMessageId:m?N:void 0});return Y.kind==="openWizard"?(L(z),!0):Y.kind==="confirmDelete"?(lt([Y.messageId]),!0):Y.kind==="unavailable"?(F({severity:"warning",title:Y.reason}),!0):Y.kind==="withheld"},[G,m,we,U,e,L,N,lt,F]),rt=l.useCallback(()=>{N&&C({to:"/mail/$mailboxId",params:{mailboxId:e},search:z=>({...z,selectedMessageId:N})})},[N,C,e]),Tt=l.useCallback(z=>{C({to:"/mail/$mailboxId",params:{mailboxId:e},search:Y=>({...Y,selectedMessageId:z}),replace:!0})},[C,e]);Zd({keyboardFocusedMessageId:Q,openMessageId:s,enabled:M&&ge===0,open:Tt});const bt=$.phase.kind==="escalated"?{scope:Jo(u??{}),total:$.phase.total,searchQuery:u??{},run:z=>$.runAction(z),stop:$.stop}:void 0,vt=l.useCallback(()=>{if(!G)return;const z=G;if(z.length===0){Ge(null);return}const Y=new Set(z),St=t.findIndex(st=>Y.has(st.messageId));let Mt;for(let st=St+1;st<t.length;st++)if(!Y.has(t[st].messageId)){Mt=t[st].messageId;break}if(Mt===void 0){for(let st=St-1;st>=0;st--)if(!Y.has(t[st].messageId)){Mt=t[st].messageId;break}}m?.(z),Me(),Ye.current=null,Ge(null),Mt!==void 0&&(Ae.current=Mt,ve.current=!1,se(Mt),M&&C({to:"/mail/$mailboxId",params:{mailboxId:e},search:st=>({...st,selectedMessageId:Mt}),replace:!0})),M||Se($l("delete",z.length))},[G,t,m,Me,C,e,M,se]),ht=l.useCallback(()=>{const z=Ye.current;Ye.current=null,Ge(null),z!==null&&(Ae.current=z,ve.current=!1,se(z))},[se]),rs=l.useMemo(()=>{if(ge===0)return;const z=new Set;for(const Y of t)de.has(Y.messageId)&&z.add(Y.accountConfigId);if(z.size>1)return"Move only works within one account — clear selection or pick messages from a single account"},[ge,de,t]),qs=l.useCallback(()=>{if(bt){O();return}L("organize")},[bt,O,L]),Cn=l.useCallback(z=>{m?.([z])},[m]),ct=l.useCallback((z,Y)=>{le([z],!Y)},[le]),B=l.useCallback(z=>{M||ke(z)},[M,ke]),X=l.useCallback(()=>{if($.isRunning||$.phase.kind==="counting"){$.stop();return}Me()},[$,Me]),Ie=l.useCallback(()=>{$.clear()},[$]);l.useEffect(()=>{if(ve.current||!M&&s)return;const z=oe>=0?oe:pe;z>=0&&K.scrollToIndex(z,{align:"auto"})},[oe,pe,K,M,s]),l.useEffect(()=>{s&&(ve.current=!1,se(s))},[s,se]),l.useEffect(()=>{N&&(t.some(z=>z.messageId===N)||se(t[0]?.messageId))},[t,N,se]),l.useEffect(()=>{v?.({focusedMessageId:N,selectedIds:Array.from(de),hasList:Xe,blocksKeyboard:Oe||D.isOpen})},[N,de,Xe,Oe,D.isOpen,v]);const pt=l.useRef(v);pt.current=v,l.useEffect(()=>()=>pt.current?.({focusedMessageId:void 0,selectedIds:[],hasList:!1,blocksKeyboard:!1}),[]),l.useEffect(()=>{$.phase.kind!=="idle"||$.isRunning||De(t.map(z=>z.messageId))},[t,De,$.phase,$.isRunning]);const yt=l.useRef(e);l.useEffect(()=>{yt.current!==e&&(yt.current=e,Me())},[e,Me]),Lu({shouldBlockFn:({action:z})=>QC(z,we,j)?(Me(),!0):!1,enableBeforeUnload:!1,disabled:!we||j!==void 0}),l.useEffect(()=>{const z=A.current;if(!z||!y||!h)return;const Y=()=>{if(g)return;const{scrollTop:St,scrollHeight:Mt,clientHeight:st}=z;St+st>=Mt-200&&h()};return z.addEventListener("scroll",Y,{passive:!0}),Y(),()=>z.removeEventListener("scroll",Y)},[y,g,h]),l.useEffect(()=>{const z=Ae.current;if(!z)return;const Y=A.current?.querySelector(`[data-message-id="${z}"]`);Y&&(Ae.current=null,Y.focus({preventScroll:!0}))}),l.useEffect(()=>{if(k){if(!Xe){k.current=null;return}return k.current={focusNext:je,focusPrevious:Pe,focusFirst:_e,focusLast:Je,openFocused:rt,toggleSelect:qe,extendSelectDown:Rt,extendSelectUp:zt,selectAll:ns,clearSelection:()=>we?(Me(),!0):!1,requestVerb:bs,toggleDensity:ne},()=>{k.current=null}}},[k,Xe,je,Pe,_e,Je,rt,qe,Rt,zt,ns,we,Me,bs,ne]);const vs=n?"loading":a?"error":t.length===0?"empty":"ready",wt=a?kc(o):void 0,as=l.useCallback(()=>{const z=Ga(Ya());window.open(z,"_blank","noopener,noreferrer")},[]),jn=[{id:"inbox",threads:[]}],ys=Ee.length>0&&Ee.every(z=>de.has(z)),Lr=Ce&&y&&ys&&!d&&!f&&$.phase.kind==="idle"&&!$.isRunning,Fr=d||f||$.isRunning,Hs=$.phase.kind==="escalated"?$.phase.total:ge,$r=$.runningAction?ok($.runningAction.kind,$.progress?.done??0,$.progress?.total??Hs):$.phase.kind==="counting"?"Counting matches…":$.phase.kind==="escalated"?WC(u??{},$.phase.total):void 0,_r=$.phase.kind!=="escalated"&&Ee.length>0?{checked:ys,indeterminate:ge>0&&!ys,onChange:()=>be(Ee)}:void 0,ee=$.runningAction?{value:$.progress?.done??0,max:$.progress?.total??Hs,tone:dk($.runningAction.kind)}:void 0,at=($.phase.kind==="counting"?{tone:"info",text:"",action:{label:"Stop",onClick:$.stop}}:$.phase.kind==="escalated"&&!$.isRunning?{tone:"info",text:"",action:{label:"Clear selection",onClick:Ie}}:Lr?{tone:"info",text:"",action:{label:HC(u??{}),onClick:$.escalate}}:void 0)??(rs?{tone:"warning",text:rs}:void 0),Ff=r.jsx(wo,{title:P.title||x,navSlot:P.navSlot,titleMeta:P.titleMeta,searchSlot:P.searchSlot,searchField:P.searchField,idleSlot:P.makeFilterSlot,count:Hs,onCancel:X,onDelete:()=>L("delete"),onMove:()=>L("move"),onOrganize:qs,onJunk:_?()=>L("junk"):void 0,onMarkRead:()=>L("markRead"),overflowSlot:p&&e&&ge>0&&T.length>0?r.jsx(Vd,{accountId:p,mailboxId:e,messageIds:Array.from(de)}):void 0,isBusy:Fr,isCounting:$.phase.kind==="counting",selectAll:_r,statusLabel:$r,progress:ee,notice:at}),$f=ef(Ee,N),_f=l.useCallback(z=>{ve.current=!0,se(z)},[se]),zf=r.jsxs(r.Fragment,{children:[R&&c&&r.jsx(rj,{query:c}),r.jsxs("div",{ref:A,role:"listbox","aria-multiselectable":!0,"aria-label":x,className:"flex-1 overflow-y-auto",children:[r.jsx("div",{role:"presentation",className:"relative w-full",style:{height:`${K.getTotalSize()}px`},children:K.getVirtualItems().map(z=>{const Y=t[z.index];return r.jsx("div",{role:"presentation","data-index":z.index,ref:K.measureElement,className:We("absolute left-0 top-0 w-full border-b border-line",$.isRunning&&"pointer-events-none opacity-50"),style:{transform:`translateY(${z.start}px)`},children:r.jsx(ZC,{thread:Y,mailboxId:e,isSelected:s===Y.messageId,isFocused:N===Y.messageId,isTabStop:$f===Y.messageId,onFocusRow:_f,isChecked:Re(Y.messageId),onToggleCheck:q,onRowSelect:Be,isMultiSelectMode:Ue,onLongPress:B,isDesktop:M,onDelete:Cn,onToggleRead:ct,density:fe})},z.key)})}),g&&r.jsx(Up,{})]})]});return r.jsxs(r.Fragment,{children:[he&&!M&&r.jsx(pn,{tone:"success",variant:"soft",className:"m-2 rounded-md",onDismiss:()=>Se(null),children:he}),r.jsx(ou,{listTitle:x,listMeta:b,sections:jn,flatList:!0,listState:P.searchResults?"ready":vs,searchQuery:R?c:void 0,listFilter:S,listScopeLabel:w,errorMessage:wt,onRetry:i,onReportError:as,density:fe,selectedThreadId:s,onSelectThread:z=>C({to:"/mail/$mailboxId",params:{mailboxId:e},search:Y=>({...Y,selectedMessageId:z})}),isDesktop:M,hideHeader:I,selectionBar:Ff,listBody:P.searchResults??(vs==="ready"?zf:void 0)}),r.jsx(ao,{isOpen:G!==null,title:jc(G?.length??0),description:"You can restore them from Trash later.",confirmLabel:"Move to Trash",destructive:!0,isBusy:d,onConfirm:vt,onCancel:ht}),r.jsx(Vo,{verb:E,accountId:p,mailboxId:e,selection:et,crossAccount:rs!==void 0,escalated:bt,escalatedProgress:$.progress,onFinished:Me,onRunEnded:ce})]})},oj=e=>Ft({path:{accountId:e}}),ij=e=>{const t=Te(),s=Ls(),n=ze({...ah(),onSuccess:()=>{s.recordEvent("sync.triggered"),t.invalidateQueries({queryKey:oj(e)})}});return{trigger:()=>{n.mutate({path:{accountId:e}})},triggerAsync:()=>n.mutateAsync({path:{accountId:e}}),isPending:n.isPending,error:n.error,reset:n.reset}},lj=({accountId:e,children:t})=>{const{triggerAsync:s,isPending:n}=ij(e);return r.jsx(Cx,{onRefresh:s,isRefreshing:n,children:t})};function cj({accountId:e,currentMailboxId:t,candidates:s,onMove:n,children:a}){const[o,i]=l.useState(!1),c=Ls(),u=to(),{inboxMailboxId:m}=od(e),d=Do(e),{data:f}=ye({...it({path:{accountId:e}}),staleTime:1/0}),h=l.useMemo(()=>so({mailboxes:f?.items??[],folderAppointments:d,currentMailboxId:t,translator:u}),[f?.items,d,t,u]),y=l.useMemo(()=>m||(h.find(S=>S.label.toLowerCase()==="inbox")?.id??h.find(S=>!S.isCurrent)?.id??""),[m,h]),g=l.useRef(!1);l.useEffect(()=>{g.current||(g.current=!0,Qk(c,s.length))},[c,s.length]);const p=l.useCallback(()=>{Gk(c,s.length),i(!0)},[c,s.length]),x=l.useCallback((b,S)=>{Yk(c,{selected:b.length,total:s.length,toInbox:S===m}),n(b,S)},[c,s.length,m,n]);return r.jsxs("div",{className:"relative flex h-full min-h-0 flex-col",children:[r.jsx("div",{className:"shrink-0 px-row-inset pt-2",children:r.jsx(Ex,{count:s.length,onReview:p})}),r.jsx("div",{className:"min-h-0 flex-1",children:a}),r.jsx($x,{open:o,candidates:s,defaultDestinationId:y,availableFolders:h,delimiter:no(f?.items??[]),onConfirmMove:x,onCancel:()=>i(!1)})]})}const uj="We can verify this sender";function dj(e){const{data:t}=ye({...vc({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:uj,trustSubReason:Vk(n.senderTrust),senderTrust:n.senderTrust}))}}const fj=e=>{const t=new Set,s=[];for(const n of e)t.has(n.threadMessageId)||(t.add(n.threadMessageId),s.push(n));return s},mj={unread:"unread",flagged:"starred",attachment:"attachments"},hj=new Set(Object.values(ot)),Nf=e=>hj.has(e),pj=e=>Nf(e.category)||e.attributes.size>0,gj=e=>{const t={};Nf(e.category)&&(t.category=[e.category]);for(const s of e.attributes){const n=mj[s];n&&(t[n]=!0)}return t},xj=e=>(e.senderTrust?.length??0)>0||e.dkimMismatch!==void 0?"loaded-pages":"whole-folder",bj=["category","unread","starred","attachments"],Wl=e=>JSON.stringify(bj.map(t=>e?.[t]??null)),vj=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},yj=(e,t)=>{const s=vj(e);return s?Wl(s)===Wl(t):!1},Ef="remit:intelligence-open";function wj(){try{return localStorage.getItem(Ef)!=="closed"}catch{return!0}}function Vl(e){try{localStorage.setItem(Ef,e?"open":"closed")}catch{}}const Sj=(e,t)=>e!==t,kj=(e,t,s)=>{if(!(s||!t))return e.find(n=>n.messageId===t)},Cj=(e,t,s,n)=>{if(e)return e;if(!(n||!s))return t?.messageId===s?t:void 0},Ln=e=>e[0],jj=e=>{const t=Ln(e.filter(c=>c.type==="from").map(c=>c.value)),s=Ln(e.filter(c=>c.type==="subject").map(c=>c.value)),n=Ln(e.filter(c=>c.type==="category").map(c=>c.category)),a=Ln(e.filter(c=>c.type==="isUnread"||c.type==="isRead").map(c=>c.type==="isUnread")),o=e.some(c=>c.type==="isStarred")?!0:void 0,i=e.some(c=>c.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}:{}}},Nj=(e,t)=>{switch(t.type){case"from":return e.from?.toLowerCase()===t.value.toLowerCase();case"subject":return e.subject?.toLowerCase()===t.value.toLowerCase();case"category":return e.category?.length===1&&e.category[0]===t.category;case"isUnread":return e.unread===!0;case"isRead":return e.unread===!1;case"isStarred":return e.starred===!0;case"hasAttachment":return e.attachments===!0;case"before":case"after":case"in":case"account":return!1}};function Ej(e,t={}){const s=jj(e),n={...s,...t};return{params:s,residual:e.filter(a=>!Nj(n,a))}}function Ij(e,t,s){if(t.length===0)return e;const n=[...t];return e.filter(a=>{const o=er(a);return Uo({...o,accountId:o.accountId??s},n)})}const Rj=50,Tj=new Map(xu().categories.filter(e=>e.id!=="all").map(e=>[e.id,e.label])),If=l.createContext(null);function Pr(){const e=l.useContext(If);if(!e)throw new Error("MailboxPane.* must be used inside <MailboxPane>");return e}function Mj({mailboxId:e,selectedMessageId:t,children:s}){const n=Qe(),o=Mr()==="desktop",i=Ls(),{accounts:c,searchQuery:u,searchInput:m,intelligenceOpen:d,onToggleIntelligence:f,onSetIntelligenceOpen:h}=Le(),y=xs(),g=zo(u),p=g.length>0,{freeText:x,tokens:b}=Us(g,y),[S,w]=l.useState("all"),[v,k]=l.useState(new Set),I=l.useMemo(()=>({category:S,attributes:v}),[S,v]),A=l.useMemo(()=>gj(I),[I]),C=p||pj(I),{params:M,residual:D}=Ej(b,A),E={order:"desc",limit:Rj,...x?{query:x}:{},...M,...A},L={category:E.category,unread:E.unread,starred:E.starred,attachments:E.attachments},O=C?Va({path:{mailboxId:e},query:E}):cr({path:{mailboxId:e},query:{order:"desc"}}),{data:j,isLoading:R,isError:P,error:T,refetch:F,fetchNextPage:N,hasNextPage:V,isFetchingNextPage:Q}=Pu({queryKey:O,queryFn:async({pageParam:ee})=>{if(C){const{data:at}=await ma({path:{mailboxId:e},query:{...E,continuationToken:ee},throwOnError:!0});return at}const{data:ut}=await oh({path:{mailboxId:e},query:{order:"desc",continuationToken:ee},throwOnError:!0});return ut},initialPageParam:void 0,getNextPageParam:ee=>ee.continuationToken,placeholderData:(ee,ut)=>yj(ut?.queryKey,L)?ee:void 0}),re=l.useCallback(ee=>{t&&ee.includes(t)&&n({to:"/mail/$mailboxId",params:{mailboxId:e},search:ut=>({...ut,selectedMessageId:void 0,selectedThreadId:void 0})})},[t,e,n]),{deleteMessages:se,isPending:fe}=ms({mailboxId:e,onAfterOptimisticRemove:re}),{accountId:Z}=Mo(e),ne=Xu({accounts:c}),{moveMessages:le,isPending:U}=Ds({mailboxId:e,accountId:Z,onAfterOptimisticRemove:re}),_=Ij(R0(fj(j?.pages.flatMap(ee=>ee.items??[])??[])),D,Z),de=l.useCallback(ee=>{w(ee)},[]),ge=l.useCallback(ee=>{k(ut=>{const at=new Set(ut);return at.has(ee)?at.delete(ee):at.add(ee),at})},[]),we=l.useCallback(()=>{w("all"),k(new Set)},[]),Re=Tj.get(S),q=Re?{label:Re,reach:D.length>0?"loaded-pages":xj(E),onClear:we}:void 0,ke=Sj(m,u),xe=kj(_,t,ke),[Ne,ue]=l.useState(void 0);l.useEffect(()=>{xe&&ue(xe)},[xe]);const te=Cj(xe,Ne,t,ke),{selectedThreadId:be}=As({strict:!1}),De=l.useMemo(()=>gf(te,{messageId:t,threadId:ke?void 0:be,mailboxId:e}),[te,t,be,ke,e]),Ue=Go(),{listCommandsRef:G,onTriageContextChange:Ge,focusedMessageId:Ce,selectedIds:Ke}=Ue,$=_.find(ee=>ee.messageId===Ce)??te,ce=l.useRef(null);l.useEffect(()=>{const ee=te?.messageId??null;ee&&ce.current!==ee&&te?.authenticity?.dkimMismatch&&(ce.current=ee,d||f())},[te?.messageId,te?.authenticity?.dkimMismatch,d,f]);const ae=l.useRef(!1);l.useEffect(()=>{ae.current||o&&te?.messageId&&(ae.current=!0,wj()&&!d&&h(!0))},[o,te?.messageId,d,h]);const me=Iy({accounts:c})??0,Me=Te(),{pushError:he}=nt(),Se=fn({thread:te,mailboxId:e,accountId:Z,onAfterOptimisticRemove:re}),{draftsMailboxId:Ae}=C0(Z),ve=Ae!==void 0&&Ae===e,{archiveMailboxId:Ye}=k0(Z),Xe=pf(),{requestCompose:Oe}=Se,K=l.useCallback(()=>{Oe("reply")},[Oe]),pe=l.useCallback(()=>{Oe("reply_all")},[Oe]),oe=l.useCallback(()=>{Oe("forward")},[Oe]),{state:J,openCompose:je,closeCompose:Pe}=Jt(),_e=l.useCallback(()=>{je({mode:"new"})},[je]),Je=ze({...lr(),onError:ee=>{he(ds("Couldn't discard draft","The draft wasn't deleted.",ee))}}),qe=l.useCallback(()=>{const ee=J.outboxMessageId;ee&&(Je.mutate({path:{outboxMessageId:ee}}),Me.invalidateQueries({queryKey:Za()}),Pe())},[J.outboxMessageId,Je,Me,Pe]),Ee=l.useCallback(()=>{n({to:"/mail/$mailboxId",params:{mailboxId:e},search:ee=>({...ee,selectedMessageId:void 0,selectedThreadId:void 0})})},[e,n]),et=l.useCallback(ee=>ee?Xe(ee):[],[Xe]),{toggleStar:Be}=Ao({threadId:$?.threadId??"",mailboxId:e}),{toggleReadFor:lt}=Nr({mailboxId:e,accountId:Z}),{junkMailboxId:tt}=Sn(Z),zt=tt!=null&&tt===e,Rt=Tr(tt,e),{candidates:ns}=dj(zt?tt:void 0),{moveMessages:bs}=Ds({mailboxId:e,threadId:$?.threadId,accountId:Z,onAfterOptimisticRemove:re}),{deleteMessages:rt}=ms({mailboxId:e,threadId:$?.threadId,onAfterOptimisticRemove:re}),{addressId:Tt,address:bt}=df($),{updateFlags:vt}=ff({addressId:Tt,senderEmail:$?.fromEmail??void 0}),ht=l.useCallback(()=>t||!Ce?!1:(n({to:"/mail/$mailboxId",params:{mailboxId:e},search:ee=>({...ee,selectedMessageId:Ce})}),!0),[t,Ce,e,n]),rs=l.useCallback(()=>{ht()||te&&Oe("reply")},[ht,te,Oe]),qs=l.useCallback(()=>{ht()||te&&Oe("reply_all")},[ht,te,Oe]),Cn=l.useCallback(()=>{ht()||te&&Oe("forward")},[ht,te,Oe]),ct=l.useCallback(()=>et($),[et,$]),B=l.useCallback(()=>{if(G.current?.requestVerb("delete"))return;const ee=ct();ee.length>0&&rt(ee)},[G,ct,rt]),X=l.useCallback(()=>{if(G.current?.requestVerb("junk")||!Rt)return;const ee=ct();ee.length!==0&&(hf(i,{count:ee.length,senderTrust:$?.senderTrust??"unknown",wasRescuable:$?mf($):!1}),bs(ee,Rt))},[G,Rt,ct,bs,i,$]),Ie=l.useCallback(()=>{if(Ke.length>0){const ee=!($?.hasStars??!1),ut=new Set(Ke);for(const at of _)ut.has(at.messageId)&&at.hasStars!==ee&&Be(at.messageId,at.hasStars);return}$&&Be($.messageId,$.hasStars)},[Ke,_,$,Be]),pt=l.useCallback(()=>{if(G.current?.requestVerb("markRead"))return;const ee=ct();if(ee.length===0)return;const ut=!($?.isRead??!1);lt(ee,ut)},[G,ct,$,lt]),yt=l.useCallback(()=>{if(!Tt)return;const ee=bt?.flags?.muted?.value!==!0;vt({muted:{value:ee}})},[Tt,bt,vt]),vs=l.useCallback(()=>{if(!Tt)return;const ee=bt?.flags?.vip?.value!==!0;vt({vip:{value:ee}})},[Tt,bt,vt]),wt=l.useCallback(()=>{d||f()},[d,f]),as=l.useCallback(ee=>{n({to:ee})},[n]),jn=ve?"drafts":Ye===e?"archive":tt===e?"junk":"inbox",ys=l.useRef("");l.useEffect(()=>{const ee=ys.current;ys.current=g,g.length>0&&ee.length===0&&i.recordEvent("search.submitted",{mailboxType:jn})},[g,jn,i]);const Lr=ve&&J.isOpen&&!!J.outboxMessageId&&!te,{goBack:Fr,nextMessageId:Hs,previousMessageId:$r}=Yo({context:Ue,orderedIds:_.map(ee=>ee.messageId),selectedMessageId:t,enabled:!J.isOpen,onClose:Ee,handlers:{reply:rs,replyAll:qs,forward:Cn,delete:B,toggleStar:Ie,toggleRead:pt,muteSender:yt,blockSender:wt,vipSender:vs,markJunk:X,toggleIntelligence:te?f:void 0,compose:_e,goBrief:()=>as("/mail"),goInbox:()=>as("/mail"),goSent:()=>as("/mail"),goFlagged:()=>as("/mail/flagged"),goSettings:()=>as("/settings")}});To({enabled:J.isOpen,bindings:[{key:"Escape",handler:Pe,preventDefault:!0}]});const _r={mailboxId:e,selectedMessageId:t,selectedThread:te,conversation:De,threads:_,isLoading:R,isError:P,error:T,mailboxAccountId:Z,mailboxName:ne,unreadCount:me,isDraftsMailbox:ve,isSpamFolder:zt,rescueCandidates:ns,filterCategory:S,filterAttributes:v,onSelectFilterCategory:de,onToggleFilterAttribute:ge,onClearFilters:we,listFilter:q,intelligenceOpen:d,onToggleIntelligence:f,handleDeselectIfRemoved:re,searchPredicate:p&&D.length===0?E:void 0,onDeleteMessages:se,onMoveMessages:le,isDeleting:fe,isMoving:U,onLoadMore:N,hasMore:V,isLoadingMore:Q,onTriageContextChange:Ge,listCommandsRef:G,onRetry:()=>F(),toolbarComposeRequest:Se.composeRequest,onToolbarReply:K,onToolbarReplyAll:pe,onToolbarForward:oe,onClearComposeRequest:Se.clearComposeRequest,onToolbarDelete:Se.deleteThread,onToolbarStar:Se.toggleStar,onToolbarDiscardDraft:qe,onToolbarMove:Se.moveThread,composeState:J,closeCompose:Pe,hasRemitDraftOpen:Lr,onBack:Fr,nextMessageId:Hs,previousMessageId:$r};return r.jsx(If.Provider,{value:_r,children:s})}function Rf(){const{mailboxId:e,selectedMessageId:t,threads:s,isLoading:n,isError:a,error:o,onDeleteMessages:i,onMoveMessages:c,isDeleting:u,isMoving:m,onLoadMore:d,hasMore:f,isLoadingMore:h,mailboxAccountId:y,mailboxName:g,unreadCount:p,isDraftsMailbox:x,isSpamFolder:b,rescueCandidates:S,onTriageContextChange:w,listCommandsRef:v,onRetry:k,filterCategory:I,filterAttributes:A,onSelectFilterCategory:C,onToggleFilterAttribute:M,onClearFilters:D,listFilter:E,searchPredicate:L}=Pr(),{searchQuery:O,searchInput:j,accounts:R,resultFolderIndex:P}=Le(),T=Mr(),F=Qe(),N=g??"Inbox",V=l.useMemo(()=>xu(),[]),Q=l.useMemo(()=>y?[y]:[],[y]),{hasNewMail:re}=kr(),{state:se,errorMessage:fe,refresh:Z}=jo(Q,{onSettled:k}),ne=l.useMemo(()=>r.jsx(vo,{state:se,onRefresh:Z,label:`Refresh ${N}`,errorMessage:fe,hasUpdate:re(Q)}),[se,Z,N,fe,re,Q]),le=l.useMemo(()=>s.map(xe=>hS(xe,P)),[s,P]),{hits:U,isLoading:_}=Ud({mailboxId:e,filterCategory:I}),de=l.useMemo(()=>Hd(U,s.map(xe=>xe.threadId),P),[U,s,P]),ge=l.useCallback(xe=>F({to:"/mail/$mailboxId",params:{mailboxId:xe.mailboxId??e},search:Ne=>({...Ne,q:j||void 0,selectedMessageId:xe.id,selectedThreadId:xe.threadId})}),[e,F,j]);if(x&&y)return r.jsx(EC,{mailboxId:e,accountId:y,selectedMessageId:t,imapThreads:s,title:g??"Drafts",unreadCount:p??void 0});const we=r.jsx(aj,{mailboxId:e,threads:s,selectedMessageId:t,isLoading:n,isError:a,error:o,onRetry:k,searchQuery:O,searchPredicate:L,onDeleteMessages:i,isDeleting:u,isMoving:m,onLoadMore:d,hasMore:f,isLoadingMore:h,accountId:y,listTitle:N,listFilter:E,listScopeLabel:N,hideHeader:!0,onTriageContextChange:w,commandsRef:v}),Re=R[0]?.accountId,q=T==="phone"&&Re?r.jsx(lj,{accountId:Re,children:we}):we,ke=b&&S.length>0&&y?r.jsx(cj,{accountId:y,currentMailboxId:e,candidates:S,onMove:c,children:q}):q;return r.jsx(yf,{title:N,unreadCount:p,preset:V,selectedCategory:I,activeFilters:A,onSelectCategory:C,onToggleFilter:M,onClearFilters:D,searchResults:le,searchLoading:n,relatedResults:de,relatedLoading:_,onSelectSearchResult:ge,searchResultsInBody:!0,refreshControl:ne,children:ke})}function Aj(){const{mailboxId:e,mailboxAccountId:t,selectedThread:s,conversation:n,hasRemitDraftOpen:a,intelligenceOpen:o,onToggleIntelligence:i,toolbarComposeRequest:c,onToolbarReply:u,onToolbarReplyAll:m,onToolbarForward:d,onClearComposeRequest:f,onToolbarDelete:h,onToolbarStar:y,onToolbarDiscardDraft:g,onToolbarMove:p,composeState:x}=Pr(),b=ps()?.showIntelligencePane??!1,S=!!n,w=b&&S,v=x.isOpen&&!n?r.jsx(kf,{}):n?r.jsx(Bs,{threadId:n.threadId,mailboxId:n.mailboxId,subject:n.subject,selectedMessageId:n.messageId,authenticity:n.authenticity,onOpenIntelligence:n.authenticity?.dkimMismatch?i:void 0,composeRequest:c,onComposeClose:f}):r.jsx(zs,{});return r.jsxs("section",{className:"flex h-full w-full min-w-0 flex-col bg-canvas",children:[r.jsx(Qo,{hasThread:S,intelligenceOpen:w&&o,canToggleIntelligence:w,onToggleIntelligence:i,onReply:S?u:void 0,onReplyAll:S?m:void 0,onForward:S?d:void 0,canDelete:S||a,onDelete:S?h:a?g:void 0,onToggleStar:S?y: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 Oj(){const{mailboxId:e,mailboxAccountId:t,selectedThread:s,onToggleIntelligence:n,handleDeselectIfRemoved:a}=Pr();return r.jsx(Ks,{onClose:n,thread:s,mailboxId:e,accountId:t,onAfterOptimisticRemove:a})}function Dj(){const{mailboxId:e,mailboxAccountId:t,selectedThread:s,conversation:n,intelligenceOpen:a,onToggleIntelligence:o,onBack:i,nextMessageId:c,previousMessageId:u,composeState:m,handleDeselectIfRemoved:d}=Pr(),f=Qe();if(n){const h=y=>f({to:"/mail/$mailboxId",params:{mailboxId:e},search:g=>({...g,selectedMessageId:y,selectedThreadId:void 0})});return r.jsxs(r.Fragment,{children:[r.jsx(Bs,{threadId:n.threadId,mailboxId:n.mailboxId,subject:n.subject,selectedMessageId:n.messageId,authenticity:n.authenticity,onBack:i,onOpenIntelligence:o,onSwipeNext:c?()=>h(c):void 0,onSwipePrevious:u?()=>h(u):void 0,mobileIntelligenceOpen:a}),r.jsx(Io,{isOpen:a,onClose:o,ariaLabel:"Message details",side:"right",children:r.jsx(Ks,{onClose:o,thread:s,mailboxId:e,accountId:t,hideCloseButton:!0,onAfterOptimisticRemove:d})})]})}return m.isOpen?r.jsx("div",{className:"h-full",children:r.jsx(kf,{})}):r.jsx(Rf,{})}const sn=Object.assign(Mj,{List:Rf,Reading:Aj,Intelligence:Oj,Phone:Dj}),Tf=e=>e==="failed"||e==="blocked",Mf=e=>e!=="draft"&&e!=="sent",Zo="remit.savedSearches",Pj=25;function sr(){try{const e=localStorage.getItem(Zo);if(!e)return[];const t=JSON.parse(e);return Array.isArray(t)?t.filter(s=>typeof s=="string"):[]}catch{return[]}}function Lj(e){const t=e.trim();if(!t)return sr();const s=[t,...sr().filter(n=>n!==t)].slice(0,Pj);try{localStorage.setItem(Zo,JSON.stringify(s))}catch{return s}return s}function Fj(e){const t=sr().filter(s=>s!==e);try{localStorage.setItem(Zo,JSON.stringify(t))}catch{return t}return t}const Ql=e=>/^\d/.test(e),$j=(e,t)=>{const s=Ql(e),n=Ql(t);return s&&!n?-1:!s&&n?1:e.localeCompare(t,void 0,{sensitivity:"base",numeric:!0})};function _j(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)=>$j(Vn(o,void 0,s),Vn(i,void 0,s))),{system:n,labels:a}}function zj(e,t,s){const n=ih(t)&&e.unseenCount>0;return{id:e.mailboxId,name:Vn(e,t,s),unseen:n?e.unseenCount:void 0,role:t,fullPath:e.fullPath}}function Bj(){const e=Sr(),t=qa({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 Gl({accounts:e,onMailboxSelect:t,variant:s="desktop"}){const n=Te(),a=Qe(),o=Bj(),{searchInput:i,onSearchChange:c}=Le(),[u,m]=l.useState(sr),{t:d}=Ha("mail",{useSuspense:!1}),f=l.useCallback((C,M)=>d(C,{defaultValue:M}),[d]),h=mt({queries:e.map(C=>({...it({path:{accountId:C.accountId}}),staleTime:1/0}))}),{data:y}=ye(or()),g=l.useMemo(()=>(y?.items??[]).filter(C=>Mf(C.status)).length,[y?.items]),p=l.useMemo(()=>e.map((C,M)=>{const D=h[M],E=D?.data?.items??[],L=Ua(C.folderAppointments),{system:O,labels:j}=_j(E,L,f),R=D?.isError?"error":D?.isLoading?"loading":"ready";return{id:C.accountId,label:C.email,email:C.email,muted:!!C.muted,outboxPending:g,status:R,onRetry:()=>D?.refetch(),mailboxes:[...O,...j].map(P=>zj(P,L.get(P.mailboxId),f))}}),[e,h,g,f]),x=C=>{n.invalidateQueries({queryKey:cr({path:{mailboxId:C},query:{order:"desc"}})})},b=({navId:C,className:M,ariaLabel:D,title:E,children:L,onClick:O})=>C==="brief"?r.jsx(qt,{to:"/mail",search:{q:void 0,selectedMessageId:void 0},onClick:()=>O?.(),className:M,"aria-label":D,title:E,children:L}):C==="outbox"?r.jsx(qt,{to:"/mail/outbox",search:{q:void 0,selectedOutboxMessageId:void 0},onClick:()=>O?.(),className:M,"aria-label":D,title:E,children:L}):C==="flagged"?r.jsx(qt,{to:"/mail/flagged",search:{q:void 0,selectedMessageId:void 0},onClick:()=>O?.(),className:M,"aria-label":D,title:E,children:L}):C==="settings"?r.jsx(qt,{to:"/settings/accounts",onClick:()=>O?.(),className:M,"aria-label":D,title:E,children:L}):r.jsx(qt,{to:"/mail/$mailboxId",params:{mailboxId:C},search:{q:void 0,selectedMessageId:void 0},onClick:()=>{x(C),O?.()},className:M,"aria-label":D,title:E,children:L}),S=()=>{c(""),t?.()},w=i.trim(),v=w.length>0&&!u.includes(w)?w:void 0,k=l.useCallback(()=>{v&&m(Lj(v))},[v]),I=l.useCallback(C=>{m(Fj(C))},[]),A=l.useCallback(C=>{c(C),a({to:"/mail",search:{q:C,selectedMessageId:void 0}}),t?.()},[c,a,t]);return r.jsx(Ug,{accounts:p,selectedNavId:o,onSelectNav:S,linkComponent:b,variant:s,savedSearches:u,saveableQuery:v,onSaveCurrentSearch:k,onSelectSavedSearch:A,onRemoveSavedSearch:I})}function Uj(){return r.jsxs("button",{type:"button",onClick:fc,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($c,{className:"size-4 shrink-0"}),r.jsx("span",{className:"flex-1 truncate text-left",children:"Report a bug"})]})}function Kj({accounts:e,onMailboxSelect:t}){return ps()?.showNavPane??!0?r.jsx(Gl,{accounts:e}):r.jsxs("div",{className:"flex h-full flex-col",children:[r.jsx("div",{className:"flex-1 overflow-y-auto",children:r.jsx(Gl,{accounts:e,onMailboxSelect:t,variant:"drawer"})}),r.jsxs("div",{className:"border-t border-line px-2 py-2",children:[r.jsxs(qt,{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(Hc,{className:"size-4 shrink-0"}),r.jsx("span",{className:"flex-1 truncate text-left",children:"Settings"})]}),r.jsx(Uj,{}),r.jsx(zu,{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(Uc,{className:"size-4 shrink-0"}),r.jsx("span",{className:"flex-1 truncate text-left",children:"Sign out"})]})})]})]})}function qj(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 Hj(e){return e.tokens.length>0&&e.freeText.trim().length===0}const Af={queued:{icon:eo,label:"Queued",className:"text-warning"},sending:{icon:hs,label:"Sending…",className:"text-accent-2"},sent:{icon:co,label:"Sent",className:"text-positive"},failed:{icon:Pt,label:"Failed",className:"text-danger"},blocked:{icon:Fa,label:"Blocked",className:"text-warning"}},Wj=e=>Ih(e).toDateString()===new Date().toDateString()?Qn(e,{hour:"numeric",minute:"2-digit"}):Qn(e,{month:"short",day:"numeric"}),Yl=e=>Qn(e,{dateStyle:"medium",timeStyle:"short"}),Vj=e=>{const t=e.toAddresses??[];return t.length===0?"No recipients":t.length===1?t[0]:`${t[0]} +${t.length-1}`},Of=(e,t)=>t?"The outbox cannot filter on those terms":e?"No matching outbox messages":"No outbox messages",Df=l.createContext(null);function ei(){const e=l.useContext(Df);if(!e)throw new Error("OutboxPane.* must be used inside <OutboxPane>");return e}function Qj({children:e}){const t=Qe(),{selectedOutboxMessageId:s}=As({strict:!1}),{data:n,isLoading:a}=ye(or()),{searchQuery:o}=Le(),i=xs(),c=zo(o),u=Us(c,i),m=c.length>0,d=Hj(u),f=l.useMemo(()=>d?[]:(n?.items??[]).filter(p=>Mf(p.status)).filter(p=>qj(p,u.freeText)),[n,u.freeText,d]),h=l.useMemo(()=>f.find(p=>p.outboxMessageId===s),[f,s]),y=l.useCallback(p=>{t({to:"/mail/outbox",search:x=>({...x,selectedOutboxMessageId:p})})},[t]),g={messages:f,hasQuery:m,unsupportedQuery:d,isLoading:a,selectedMessageId:s,selectedMessage:h,onSelectMessage:y};return r.jsx(Df.Provider,{value:g,children:e})}function Pf({message:e,isSelected:t,onSelect:s}){const n=Te(),{openCompose:a}=Jt(),{pushError:o}=nt(),i=l.useCallback(()=>{n.invalidateQueries({queryKey:Za()})},[n]),c=ze({...gc(),onSuccess:i,onError:f=>{o(ds("Couldn't resend message","The message wasn't sent.",f))}}),u=ze({...lr(),onSuccess:i,onError:f=>{o(ds("Couldn't delete message","The message wasn't deleted.",f))}}),m=e.status;if(!Af[m])return null;const d=Tf(e.status);return r.jsx(Sx,{recipients:Vj(e),subject:e.subject||"",time:Wj(e.sentAt??e.updatedAt),status:m,error:d?e.lastError??void 0:void 0,selected:t,onSelect:s,onRetry:m==="failed"?()=>c.mutate({path:{outboxMessageId:e.outboxMessageId}}):void 0,retrying:c.isPending,onEdit:()=>a({mode:"new",outboxMessageId:e.outboxMessageId}),onDelete:()=>u.mutate({path:{outboxMessageId:e.outboxMessageId}}),deleting:u.isPending})}function Lf({message:e,onBack:t}){const s=e.status,n=Af[s],a=n?.icon??hn,o=e.sentAt?Yl(e.sentAt):Yl(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(La,{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:We("size-4",n.className,s==="sending"&&"animate-spin")}),r.jsx("span",{className:We("text-xs font-medium",n.className),children:n.label}),Tf(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(Dd,{html:e.htmlBody,text:e.textBody})})]})}function Gj(){const{messages:e,hasQuery:t,unsupportedQuery:s,isLoading:n,selectedMessageId:a,onSelectMessage:o}=ei(),i=l.useRef(null);return nr({containerRef:i,itemSelector:Hn}),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(zs,{message:Of(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(Xo,{}),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(c=>r.jsx(Pf,{message:c,isSelected:a===c.outboxMessageId,onSelect:()=>o(c.outboxMessageId)},c.outboxMessageId))})]})}function Yj(){const{selectedMessage:e}=ei();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(Lf,{message:e}):r.jsx(zs,{message:"Select a message to read",showHints:!1})})]})}function Xj(){const{messages:e,hasQuery:t,unsupportedQuery:s,isLoading:n,selectedMessageId:a,selectedMessage:o,onSelectMessage:i}=ei(),c=l.useRef(null);return nr({containerRef:c,itemSelector:Hn}),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(Lf,{message:o,onBack:()=>i(void 0)}):e.length===0?r.jsx("div",{className:"flex h-full bg-surface",children:r.jsx(zs,{message:Of(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(Xo,{}),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:c,className:"flex-1 overflow-y-auto",children:e.map(u=>r.jsx(Pf,{message:u,isSelected:a===u.outboxMessageId,onSelect:()=>i(u.outboxMessageId)},u.outboxMessageId))})]})}const Fn=Object.assign(Qj,{List:Gj,Reading:Yj,Phone:Xj}),Jj=({isOpen:e,onClose:t})=>{const s=l.useCallback(n=>{n.key==="Escape"&&(n.preventDefault(),t())},[t]);return l.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:We("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(Nt,{className:"size-5"})})]}),r.jsx("div",{className:"grid gap-x-8 gap-y-6 sm:grid-cols-2",children:Vc.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(l.Fragment,{children:[i>0&&a.keys[0]==="g"&&r.jsx("span",{className:"text-2xs text-fg-subtle",children:"then"}),r.jsx(Is,{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(Is,{children:"Esc"})," to close"]})})]})]}):null};function Zj(e){const t=mt({queries:e.map(s=>({...it({path:{accountId:s.accountId}}),staleTime:1/0}))});return l.useMemo(()=>IS(t.map(s=>s.data?.items??[])),[t])}const eN=e=>e.map(t=>t.data?.items??[]);function tN(e){const t=mt({queries:e.map(s=>({...it({path:{accountId:s.accountId}}),staleTime:1/0})),combine:eN});return l.useMemo(()=>lh(e.map((s,n)=>({folderAppointments:s.folderAppointments,mailboxes:t[n]??[]}))),[e,t])}var $n={exports:{}},Xl;function sN(){if(Xl)return $n.exports;Xl=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 c=[],u=t[Symbol.iterator]();let m=!1,d=!1,f=0,h=0;const y=()=>{if(m)return;const g=u.next(),p=h;if(h++,g.done){d=!0,f===0&&a(c);return}f++,Promise.resolve(g.value).then(x=>s(x,p)).then(x=>{c[p]=x,f--,y()},x=>{m=!0,o(x)})};for(let g=0;g<i&&(y(),!d);g++);});return $n.exports=e,$n.exports.default=e,$n.exports}var nN=sN();const rN=ch(nN),aN=900*1e3,oN=300,iN=(e,t)=>{if(!e)return t;const s=Number.parseInt(e,10);return Number.isFinite(s)&&s>0?s:t},lN=60*1e3,cN=e=>Math.max(iN(e,oN)*1e3,lN),qn=cN(uh().mailboxPollIntervalSeconds),uN=5,Oa=new Set,dN=(e,t,s=aN)=>e.filter(n=>{const a=n.lastSyncAt;return a==null?!0:t-a>s}).map(n=>n.accountId),fN=(e,t,s=qn)=>e-t>=s,mN=(e,t)=>e.filter(s=>!t.has(s)),Jl=(e,t)=>{if(Oa.delete(e),dc(t,{softError:!0})){Ka(t);return}console.warn("[remit] background mailbox sync failed",{accountId:e,error:t})},Zl=(e,t)=>uc({path:{accountId:e},throwOnError:!0}).then(()=>{t.invalidateQueries({queryKey:Ft({path:{accountId:e}})})}),hN=e=>{const t=Te(),s=l.useRef(e);s.current=e;const n=e.map(a=>a.accountId).join(",");l.useEffect(()=>{const a=Date.now(),i=dN(s.current,a).filter(c=>!Oa.has(c));if(i.length!==0)for(const c of i)Oa.add(c),Zl(c,t).catch(u=>{Jl(c,u)})},[n,t]),l.useEffect(()=>{let a=Date.now(),o;const i=new Set,c=()=>{a=Date.now();const d=mN(s.current.map(f=>f.accountId),i);for(const f of d)i.add(f);rN(d,f=>Zl(f,t).catch(h=>{Jl(f,h)}).finally(()=>{i.delete(f)}),{concurrency:uN})},u=()=>{if(document.visibilityState==="visible"){c(),o=setTimeout(u,qn);return}},m=()=>{document.visibilityState==="visible"&&fN(Date.now(),a)&&(o!==void 0&&clearTimeout(o),c(),o=setTimeout(u,qn))};return o=setTimeout(u,qn),document.addEventListener("visibilitychange",m),()=>{o!==void 0&&clearTimeout(o),document.removeEventListener("visibilitychange",m)}},[n,t])};function pN(e,t,s){if(e!==t)return s}function gN(e,t){return e===""?"":t}function xN(e,t,s){return t!==e?!1:t!==s}function bN(){const{q:e=""}=As({from:"/mail"}),t=Qe(),s=Mr(),n=Qd(s),[a,o]=l.useState(!1),[i,c]=l.useState(!1),[u,m]=l.useState(!1),d=l.useCallback(_=>{m(_),Vl(_)},[]),[f,h]=l.useState(e),y=mr(f,200),g=gN(f,y),p=l.useRef(e);p.current=e;const x=Ot({select:_=>ky(_.matches)}),[b,S]=l.useState(x);if(b!==x){const _=pN(b,x,e);S(x),_!==void 0&&h(_)}l.useEffect(()=>{xN(f,g,p.current)&&t({to:".",search:_=>{const de=_.q===g;return{..._,q:g||void 0,...g&&!de?{selectedMessageId:void 0,selectedThreadId:void 0,selectedMailboxId:void 0}:{}}},replace:!0})},[f,g,t]);const{data:w,isLoading:v,isError:k,error:I,refetch:A}=ye({...$t(),staleTime:1/0}),C=!!(w&&(w.accounts?.length??0)===0);l.useEffect(()=>{C&&t({to:"/onboarding",replace:!0})},[C,t]),To({enabled:!a,bindings:[{key:"?",handler:()=>o(!0),noModifiers:!1,preventDefault:!0}]});const M=l.useCallback(_=>{h(_)},[]),D=l.useCallback(()=>{h("")},[]),E=l.useCallback(()=>{h("")},[]),L=l.useCallback(()=>{m(_=>{const de=!_;return Vl(de),de})},[]),O=w?.accounts??[],j=l.useMemo(()=>O.map(_=>_.accountId),[O]),R=Zj(O),P=tN(O),T=l.useMemo(()=>ES(O),[O]),F=Ot({select:_=>_.matches.find(ge=>"mailboxId"in ge.params)?.params.mailboxId}),{selectedMessageId:N}=As({strict:!1}),V=Ot({select:_=>Eo(_.matches)}),Q=Ot({select:_=>xn(_.matches)}),re=Ot({select:_=>Cr(_.matches)});hN(O);const se=l.useCallback(()=>{c(!1)},[]),fe={accounts:O,mailboxNameIndex:R,accountNameIndex:T,resultFolderIndex:P,searchQuery:g,searchInput:f,searchViewKey:x,onSearchChange:M,onSearchClear:D,onSearchClearQuery:E,intelligenceOpen:u,onToggleIntelligence:L,onSetIntelligenceOpen:d},Z=r.jsx(Kj,{accounts:O,onMailboxSelect:se}),ne=n?r.jsx(ly,{accounts:O}):void 0,le=n?void 0:r.jsx(Ry,{accounts:O}),U={navOpen:i,onOpenNav:()=>c(!0),onCloseNav:()=>c(!1)};return r.jsx(dh.Provider,{value:fe,children:r.jsxs(gy,{accountIds:j,children:[k?r.jsx("div",{className:"flex h-full items-center justify-center bg-canvas p-4",children:r.jsx(ts,{title:"Couldn't load your account",error:I,onRetry:()=>{A()}})}):V?r.jsx(Zs,{selectedMessageId:N,children:n?r.jsx(Bt,{nav:Z,list:r.jsx(Zs.Phone,{}),intelligenceOpen:u,overlay:ne,skeleton:r.jsx(At,{}),isLoading:v||C,...U}):r.jsx(Bt,{nav:Z,topBar:le,list:r.jsx(Zs.List,{}),reading:r.jsx(Zs.Reading,{}),intelligence:r.jsx(Zs.Intelligence,{}),intelligenceOpen:u,hasThread:!!N,overlay:ne,skeleton:r.jsx(At,{}),isLoading:v||C,...U})}):Q?r.jsx(en,{selectedMessageId:N,children:n?r.jsx(Bt,{nav:Z,list:r.jsx(en.Phone,{}),intelligenceOpen:u,overlay:ne,skeleton:r.jsx(At,{}),isLoading:v||C,...U}):r.jsx(Bt,{nav:Z,topBar:le,list:r.jsx(en.List,{}),reading:r.jsx(en.Reading,{}),intelligence:r.jsx(en.Intelligence,{}),intelligenceOpen:u,hasThread:!!N,overlay:ne,skeleton:r.jsx(At,{}),isLoading:v||C,...U})}):F?r.jsx(sn,{mailboxId:F,selectedMessageId:N,children:n?r.jsx(Bt,{nav:Z,list:r.jsx(sn.Phone,{}),intelligenceOpen:u,overlay:ne,skeleton:r.jsx(At,{}),isLoading:v||C,...U}):r.jsx(Bt,{nav:Z,topBar:le,list:r.jsx(sn.List,{}),reading:r.jsx(sn.Reading,{}),intelligence:r.jsx(sn.Intelligence,{}),intelligenceOpen:u,hasThread:!!N,overlay:ne,skeleton:r.jsx(At,{}),isLoading:v||C,...U})}):re?r.jsx(Fn,{children:n?r.jsx(Bt,{nav:Z,list:r.jsx(Fn.Phone,{}),intelligenceOpen:!1,overlay:ne,skeleton:r.jsx(At,{}),isLoading:v||C,...U}):r.jsx(Bt,{nav:Z,topBar:le,list:r.jsx(Fn.List,{}),reading:r.jsx(Fn.Reading,{}),intelligenceOpen:!1,overlay:ne,skeleton:r.jsx(At,{}),isLoading:v||C,...U})}):r.jsx(At,{}),r.jsx(Jj,{isOpen:a,onClose:()=>o(!1)}),r.jsx(fh,{})]})})}const _N=Object.freeze(Object.defineProperty({__proto__:null,component:bN,useMailContext:Le},Symbol.toStringTag,{value:"Module"}));export{Sp as U,FN as a,$N as c,_N as m,LN as s};
|