@remit/web-client-dist 0.0.1 → 0.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/assets/{ComposeBody-aBxSwMFx.js → ComposeBody-Dlc8Ssvp.js} +6 -6
  2. package/assets/ErrorState-Usbrda21.js +1 -0
  3. package/assets/OnboardingWizard-_pTcP-qE.js +1 -0
  4. package/assets/{account-form-helpers-CTpj2uLI.js → account-form-helpers-C_ee2a4O.js} +1 -1
  5. package/assets/accounts-CS7T4bQk.js +1 -0
  6. package/assets/{advanced-BDJxTH_n.js → advanced-BEzMWUYb.js} +1 -1
  7. package/assets/{appearance-CHdDWkw_.js → appearance-DKWf6ze6.js} +1 -1
  8. package/assets/{avatar-oY_wEvtv.js → avatar-B0fRiRQb.js} +1 -1
  9. package/assets/{browser-ponyfill-CMFDlVql.js → browser-ponyfill-89q_3lDz.js} +2 -2
  10. package/assets/filter-status-BuiMQMI-.js +1 -0
  11. package/assets/filters-aHnAhVX7.js +1 -0
  12. package/assets/flagged-DkaOUkST.js +1 -0
  13. package/assets/folders-lDps6T1W.js +1 -0
  14. package/assets/index-B4uXCr8r.js +1 -0
  15. package/assets/index-BrpcF6Ef.js +1 -0
  16. package/assets/index-DmHlZDE_.css +1 -0
  17. package/assets/index-V9K94wLK.js +295 -0
  18. package/assets/kbd-DTH-9jp1.js +1 -0
  19. package/assets/mail-DmyFuI0h.js +112 -0
  20. package/assets/{onboarding-Cb5vjmx8.js → onboarding-Dhng7CWz.js} +1 -1
  21. package/assets/{select-B4IMFiui.js → select-Bd1pea2w.js} +1 -1
  22. package/assets/{send-DhbTNeod.js → send-DeYmROrv.js} +1 -1
  23. package/assets/senders-D32rgvYh.js +1 -0
  24. package/assets/settings-6Qjvfyms.js +1 -0
  25. package/assets/{settings-screen-DEw1vClH.js → settings-screen-DG-t9Xyh.js} +1 -1
  26. package/assets/{star-CkFv0GXu.js → star-B68Lw66k.js} +1 -1
  27. package/assets/suggested-vips-3SA4Vye6.js +1 -0
  28. package/assets/{trash-2-WJQWAcqb.js → trash-2-y5GMg9lb.js} +1 -1
  29. package/assets/useDebouncedValue-ukmb2ZZo.js +1 -0
  30. package/assets/{useMutation-iXt4Qkuv.js → useMutation-pSyvAytS.js} +1 -1
  31. package/assets/useSignature-JNR9wG4S.js +1 -0
  32. package/index.html +2 -2
  33. package/package.json +1 -1
  34. package/assets/ErrorState-CWz3ZzTM.js +0 -1
  35. package/assets/OnboardingWizard-BhFl4gCX.js +0 -1
  36. package/assets/accounts-BvhEwfb2.js +0 -1
  37. package/assets/filter-status-CeQbzi2r.js +0 -1
  38. package/assets/filters-DKRKo0z8.js +0 -1
  39. package/assets/flagged-DFXdbkZA.js +0 -1
  40. package/assets/folders-hQiLV99A.js +0 -1
  41. package/assets/index-BFeuoxPt.js +0 -295
  42. package/assets/index-CaeklzBt.js +0 -1
  43. package/assets/index-Czg1CqQC.js +0 -1
  44. package/assets/index-DEJQ3OJJ.css +0 -1
  45. package/assets/kbd-CDpzhkUB.js +0 -1
  46. package/assets/mail-C6GmqBz5.js +0 -112
  47. package/assets/senders-lAfIRRB4.js +0 -1
  48. package/assets/settings-Kmq-_D_z.js +0 -1
  49. package/assets/suggested-vips-CsZI5xE4.js +0 -1
  50. package/assets/useDebouncedValue-fj6OyJrO.js +0 -1
  51. package/assets/useSignature-DoTk6mQO.js +0 -1
@@ -1,112 +0,0 @@
1
- const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/ComposeBody-aBxSwMFx.js","assets/index-BFeuoxPt.js","assets/index-DEJQ3OJJ.css","assets/kbd-CDpzhkUB.js","assets/avatar-oY_wEvtv.js","assets/star-CkFv0GXu.js","assets/trash-2-WJQWAcqb.js","assets/account-form-helpers-CTpj2uLI.js","assets/send-DhbTNeod.js","assets/useMutation-iXt4Qkuv.js","assets/useSignature-DoTk6mQO.js","assets/useDebouncedValue-fj6OyJrO.js","assets/ErrorState-CWz3ZzTM.js","assets/format-BGdB831k.js","assets/folder-roles-XnseeyyD.js","assets/select-B4IMFiui.js","assets/filter-status-CeQbzi2r.js"])))=>i.map(i=>d[i]);
2
- import{Q as Qn,h as Zl,a as ec,S as tc,n as Tn,s as sc,r as nc,u as je,b as ac,c as rc,d as c,e as oc,f as ic,g as lc,i as cc,j as Pa,k as uc,l as dc,m as fc,o as Xr,p as Jr,q as Zr,t as s,R as Wn,v as Vn,_ as it,w as eo,x as mc,y as se,C as vt,X as De,z as $,B as X,A as Je,D as yt,E as hc,F as to,G as so,I as Yn,H as gc,J as no,K as ao,O as pc,L as Gn,M as ro,T as Xn,P as xc,N as oo,U as bc,V as wt,W as Ce,Y as fe,Z as xs,$ as re,a0 as io,a1 as vc,a2 as lo,a3 as yc,a4 as Js,a5 as co,a6 as Ze,a7 as ze,a8 as wc,a9 as $e,aa as uo,ab as fs,ac as Zs,ad as jc,ae as et,af as tt,ag as ut,ah as Vt,ai as en,aj as jt,ak as Sc,al as Nc,am as kc,an as fo,ao as z,ap as tn,aq as Ut,ar as mo,as as ho,at as Cc,au as Jn,av as Ec,aw as Ic,ax as Ee,ay as go,az as Zn,aA as sn,aB as Dn,aC as Rc,aD as po,aE as Xe,aF as Mc,aG as Tc,aH as La,aI as Dc,aJ as ea,aK as ta,aL as sa,aM as Ac,aN as Oc,aO as Pc,aP as Lc,aQ as na,aR as zc,aS as _c,aT as Fc,aU as Bc,aV as $c,aW as Kc,aX as qc,aY as Uc,aZ as Hc,a_ as rt,a$ as Ye,b0 as Qc}from"./index-BFeuoxPt.js";import{K as Kt}from"./kbd-CDpzhkUB.js";import{A as st,M as aa,C as Wc}from"./avatar-oY_wEvtv.js";import{S as dt}from"./star-CkFv0GXu.js";import{T as qe}from"./trash-2-WJQWAcqb.js";import{L as St,M as xo,a as Vc}from"./account-form-helpers-CTpj2uLI.js";import{S as bs,F as Yc,M as Gc,A as Xc,a as bo}from"./send-DhbTNeod.js";import{u as xe}from"./useMutation-iXt4Qkuv.js";import{R as Jc,u as Zc}from"./useSignature-DoTk6mQO.js";import{S as vs,u as vo}from"./useDebouncedValue-fj6OyJrO.js";import{E as ft,f as yo}from"./ErrorState-CWz3ZzTM.js";import{f as wo,a as mt,b as Ws,c as eu,t as tu}from"./format-BGdB831k.js";import{b as ys,R as An,g as Vs,l as Ht,s as su}from"./folder-roles-XnseeyyD.js";import{C as ws,S as nu}from"./select-B4IMFiui.js";import{b as jo,h as au,p as ru,u as ou}from"./filter-status-CeQbzi2r.js";var iu=class extends Qn{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:n}=e,a=super.createResult(e,t),{isFetching:r,isRefetching:o,isError:i,isRefetchError:l}=a,u=n.fetchMeta?.fetchMore?.direction,d=i&&u==="forward",f=r&&u==="forward",m=i&&u==="backward",g=r&&u==="backward";return{...a,fetchNextPage:this.fetchNextPage,fetchPreviousPage:this.fetchPreviousPage,hasNextPage:ec(t,n.data),hasPreviousPage:Zl(t,n.data),isFetchNextPageError:d,isFetchingNextPage:f,isFetchPreviousPageError:m,isFetchingPreviousPage:g,isRefetchError:l&&!d&&!m,isRefetching:o&&!f&&!g}}};function za(e,t){const n=new Set(t);return e.filter(a=>!n.has(a))}function lu(e,t,n){const a=e.slice(0);return a[t]=n,a}var cu=class extends tc{#a;#e;#r;#n;#t;#s;#o;#i;#l;#c=[];constructor(e,t,n){super(),this.#a=e,this.#n=n,this.#r=[],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.#r=e,this.#n=t,Tn.batch(()=>{const n=this.#t,a=this.#f(this.#r);a.forEach(f=>f.observer.setOptions(f.defaultedQueryOptions));const r=a.map(f=>f.observer),o=r.map(f=>f.getCurrentResult()),i=n.length!==r.length,l=r.some((f,m)=>f!==n[m]),u=i||l,d=u?!0:o.some((f,m)=>{const g=this.#e[m];return!g||!sc(f,g)});!u&&!d||(u&&(this.#c=a,this.#t=r),this.#e=o,this.hasListeners()&&(u&&(za(n,r).forEach(f=>{f.destroy()}),za(r,n).forEach(f=>{f.subscribe(m=>{this.#m(f,m)})})),this.#h()))})}getCurrentResult(){return this.#e}getQueries(){return this.#t.map(e=>e.getCurrentQuery())}getObservers(){return this.#t}getOptimisticResult(e,t){const n=this.#f(e),a=n.map(o=>o.observer.getOptimisticResult(o.defaultedQueryOptions)),r=n.map(o=>o.defaultedQueryOptions.queryHash);return[a,o=>this.#d(o??a,t,r),()=>this.#u(a,n)]}#u(e,t){return t.map((n,a)=>{const r=e[a];return n.defaultedQueryOptions.notifyOnChangeProps?r:n.observer.trackResult(r,o=>{t.forEach(i=>{i.observer.trackProp(o)})})})}#d(e,t,n){if(t){const a=this.#l,r=n!==void 0&&a!==void 0&&(a.length!==n.length||n.some((o,i)=>o!==a[i]));return(!this.#s||this.#e!==this.#i||r||t!==this.#o)&&(this.#o=t,this.#i=this.#e,n!==void 0&&(this.#l=n),this.#s=nc(this.#s,t(e))),this.#s}return e}#g(){return this.#n?.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(a=>{const r=a.options.queryHash;if(!r)return;const o=t.get(r);o?o.push(a):t.set(r,[a])});const n=[];return e.forEach(a=>{const r=this.#a.defaultQueryOptions(a),i=t.get(r.queryHash)?.shift()??new Qn(this.#a,r);n.push({defaultedQueryOptions:r,observer:i})}),n}#m(e,t){const n=this.#t.indexOf(e);n!==-1&&(this.#e=lu(this.#e,n,t),this.#h())}#h(){if(this.hasListeners()){const e=this.#u(this.#e,this.#c),t=this.#g(),n=this.#s,a=t?n:this.#d(e,this.#n?.combine);(t||n!==a)&&Tn.batch(()=>{this.listeners.forEach(r=>{r(this.#e)})})}}};function Yt({queries:e,...t},n){const a=je(),r=ac(),o=rc(),i=c.useMemo(()=>e.map(p=>{const y=a.defaultQueryOptions(p);return y._optimisticResults=r?"isRestoring":"optimistic",y}),[e,a,r]);i.forEach(p=>{oc(p);const y=a.getQueryCache().get(p.queryHash);ic(p,o,y)}),lc(o);const[l]=c.useState(()=>new cu(a,i,t)),[u,d,f]=l.getOptimisticResult(i,t.combine),m=!r&&t.subscribed!==!1;c.useSyncExternalStore(c.useCallback(p=>m?l.subscribe(Tn.batchCalls(p)):cc,[l,m]),()=>l.getCurrentResult(),()=>l.getCurrentResult()),c.useEffect(()=>{l.setQueries(i,t)},[i,t,l]);const x=u.some((p,y)=>Pa(i[y],p))?u.flatMap((p,y)=>{const h=i[y];if(h&&Pa(h,p)){const v=new Qn(a,h);return uc(h,v,o)}return[]}):[];if(x.length>0)throw Promise.all(x);const b=u.find((p,y)=>{const h=i[y];return h&&dc({result:p,errorResetBoundary:o,throwOnError:h.throwOnError,query:a.getQueryCache().get(h.queryHash),suspense:h.suspense})});if(b?.error)throw b.error;return d(f())}function uu(e,t){return fc(e,iu)}function Ms(e){const t=Xr({warn:e?.router===void 0}),n=e?.router||t;return Jr(n.stores.__store,Zr(e,n))}function ra(e){const t=Xr();return Jr(t.stores.location,Zr(e,t))}function lt(e,t,{checkForDefaultPrevented:n=!0}={}){return function(r){if(e?.(r),n===!1||!r||!r.defaultPrevented)return t?.(r)}}function _a(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function du(...e){return t=>{let n=!1;const a=e.map(r=>{const o=_a(r,t);return!n&&typeof o=="function"&&(n=!0),o});if(n)return()=>{for(let r=0;r<a.length;r++){const o=a[r];typeof o=="function"?o():_a(e[r],null)}}}}function Nt(...e){return c.useCallback(du(...e),e)}function fu(e,t=[]){let n=[];function a(o,i){const l=c.createContext(i);l.displayName=o+"Context";const u=n.length;n=[...n,i];const d=m=>{const{scope:g,children:x,...b}=m,p=g?.[e]?.[u]||l,y=c.useMemo(()=>b,Object.values(b));return s.jsx(p.Provider,{value:y,children:x})};d.displayName=o+"Provider";function f(m,g,x={}){const{optional:b=!1}=x,p=g?.[e]?.[u]||l,y=c.useContext(p);if(y)return y;if(i!==void 0)return i;if(!b)throw new Error(`\`${m}\` must be used within \`${o}\``)}return[d,f]}const r=()=>{const o=n.map(i=>c.createContext(i));return function(l){const u=l?.[e]||o;return c.useMemo(()=>({[`__scope${e}`]:{...l,[e]:u}}),[l,u])}};return r.scopeName=e,[a,mu(r,...t)]}function mu(...e){const t=e[0];if(e.length===1)return t;const n=()=>{const a=e.map(r=>({useScope:r(),scopeName:r.scopeName}));return function(o){const i=a.reduce((l,{useScope:u,scopeName:d})=>{const m=u(o)[`__scope${d}`];return{...l,...m}},{});return c.useMemo(()=>({[`__scope${t.scopeName}`]:i}),[i])}};return n.scopeName=t.scopeName,n}var ms=globalThis?.document?c.useLayoutEffect:()=>{},hu=Wn[" useInsertionEffect ".trim().toString()]||ms;function gu({prop:e,defaultProp:t,onChange:n=()=>{},caller:a}){const[r,o,i]=pu({defaultProp:t,onChange:n}),l=e!==void 0,u=l?e:r;{const f=c.useRef(e!==void 0);c.useEffect(()=>{const m=f.current;m!==l&&console.warn(`${a} is changing from ${m?"controlled":"uncontrolled"} to ${l?"controlled":"uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`),f.current=l},[l,a])}const d=c.useCallback(f=>{if(l){const m=xu(f)?f(e):f;m!==e&&i.current?.(m)}else o(f)},[l,e,o,i]);return[u,d]}function pu({defaultProp:e,onChange:t}){const[n,a]=c.useState(e),r=c.useRef(n),o=c.useRef(t);return hu(()=>{o.current=t},[t]),c.useEffect(()=>{r.current!==n&&(o.current?.(n),r.current=n)},[n,r]),[n,a,o]}function xu(e){return typeof e=="function"}function oa(e){const t=c.forwardRef((n,a)=>{let{children:r,...o}=n,i=null,l=!1;const u=[];Fa(r)&&typeof Ts=="function"&&(r=Ts(r._payload)),c.Children.forEach(r,g=>{if(ju(g)){l=!0;const x=g;let b="child"in x.props?x.props.child:x.props.children;Fa(b)&&typeof Ts=="function"&&(b=Ts(b._payload)),i=vu(x,b),u.push(i?.props?.children)}else u.push(g)}),i?i=c.cloneElement(i,void 0,u):!l&&c.Children.count(r)===1&&c.isValidElement(r)&&(i=r);const d=i?wu(i):void 0,f=Nt(a,d);if(!i){if(r||r===0)throw new Error(l?Cu(e):ku(e));return r}const m=yu(o,i.props??{});return i.type!==c.Fragment&&(m.ref=a?f:d),c.cloneElement(i,m)});return t.displayName=`${e}.Slot`,t}var lv=oa("Slot"),bu=Symbol.for("radix.slottable"),vu=(e,t)=>{if("child"in e.props){const n=e.props.child;return c.isValidElement(n)?c.cloneElement(n,void 0,e.props.children(n.props.children)):null}return c.isValidElement(t)?t:null};function yu(e,t){const n={...t};for(const a in t){const r=e[a],o=t[a];/^on[A-Z]/.test(a)?r&&o?n[a]=(...l)=>{const u=o(...l);return r(...l),u}:r&&(n[a]=r):a==="style"?n[a]={...r,...o}:a==="className"&&(n[a]=[r,o].filter(Boolean).join(" "))}return{...e,...n}}function wu(e){let t=Object.getOwnPropertyDescriptor(e.props,"ref")?.get,n=t&&"isReactWarning"in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,"ref")?.get,n=t&&"isReactWarning"in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}function ju(e){return c.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===bu}var Su=Symbol.for("react.lazy");function Fa(e){return e!=null&&typeof e=="object"&&"$$typeof"in e&&e.$$typeof===Su&&"_payload"in e&&Nu(e._payload)}function Nu(e){return typeof e=="object"&&e!==null&&"then"in e}var ku=e=>`${e} failed to slot onto its children. Expected a single React element child or \`Slottable\`.`,Cu=e=>`${e} failed to slot onto its \`Slottable\`. Expected \`Slottable\` to receive a single React element child.`,Ts=Wn[" use ".trim().toString()],Eu=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],nt=Eu.reduce((e,t)=>{const n=oa(`Primitive.${t}`),a=c.forwardRef((r,o)=>{const{asChild:i,...l}=r,u=i?n:t;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),s.jsx(u,{...l,ref:o})});return a.displayName=`Primitive.${t}`,{...e,[t]:a}},{});function Iu(e,t){e&&Vn.flushSync(()=>e.dispatchEvent(t))}function hs(e){const t=c.useRef(e);return c.useEffect(()=>{t.current=e}),c.useMemo(()=>((...n)=>t.current?.(...n)),[])}var Ru="DismissableLayer",On="dismissableLayer.update",Mu="dismissableLayer.pointerDownOutside",Tu="dismissableLayer.focusOutside",Ba,ia=c.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set,dismissableSurfaces:new Set}),So=c.forwardRef((e,t)=>{const{disableOutsidePointerEvents:n=!1,deferPointerDownOutside:a=!1,onEscapeKeyDown:r,onPointerDownOutside:o,onFocusOutside:i,onInteractOutside:l,onDismiss:u,...d}=e,f=c.useContext(ia),[m,g]=c.useState(null),x=m?.ownerDocument??globalThis?.document,[,b]=c.useState({}),p=Nt(t,g),y=Array.from(f.layers),[h]=[...f.layersWithOutsidePointerEventsDisabled].slice(-1),v=h?y.indexOf(h):-1,j=m?y.indexOf(m):-1,w=f.layersWithOutsidePointerEventsDisabled.size>0,N=j>=v,I=c.useRef(!1),S=Lu(R=>{o?.(R),l?.(R),R.defaultPrevented||u?.()},{ownerDocument:x,deferPointerDownOutside:a,isDeferredPointerDownOutsideRef:I,dismissableSurfaces:f.dismissableSurfaces,shouldHandlePointerDownOutside:c.useCallback(R=>{if(!(R instanceof Node))return!1;const M=[...f.branches].some(T=>T.contains(R));return N&&!M},[f.branches,N])}),k=zu(R=>{if(a&&I.current)return;const M=R.target;[...f.branches].some(P=>P.contains(M))||(i?.(R),l?.(R),R.defaultPrevented||u?.())},x),C=m?j===y.length-1:!1,E=hs(R=>{R.key==="Escape"&&(r?.(R),!R.defaultPrevented&&u&&(R.preventDefault(),u()))});return c.useEffect(()=>{if(C)return x.addEventListener("keydown",E,{capture:!0}),()=>x.removeEventListener("keydown",E,{capture:!0})},[x,C,E]),c.useEffect(()=>{if(m)return n&&(f.layersWithOutsidePointerEventsDisabled.size===0&&(Ba=x.body.style.pointerEvents,x.body.style.pointerEvents="none"),f.layersWithOutsidePointerEventsDisabled.add(m)),f.layers.add(m),$a(),()=>{n&&(f.layersWithOutsidePointerEventsDisabled.delete(m),f.layersWithOutsidePointerEventsDisabled.size===0&&(x.body.style.pointerEvents=Ba))}},[m,x,n,f]),c.useEffect(()=>()=>{m&&(f.layers.delete(m),f.layersWithOutsidePointerEventsDisabled.delete(m),$a())},[m,f]),c.useEffect(()=>{const R=()=>b({});return document.addEventListener(On,R),()=>document.removeEventListener(On,R)},[]),s.jsx(nt.div,{...d,ref:p,style:{pointerEvents:w?N?"auto":"none":void 0,...e.style},onFocusCapture:lt(e.onFocusCapture,k.onFocusCapture),onBlurCapture:lt(e.onBlurCapture,k.onBlurCapture),onPointerDownCapture:lt(e.onPointerDownCapture,S.onPointerDownCapture)})});So.displayName=Ru;var Du="DismissableLayerBranch",Au=c.forwardRef((e,t)=>{const n=c.useContext(ia),a=c.useRef(null),r=Nt(t,a);return c.useEffect(()=>{const o=a.current;if(o)return n.branches.add(o),()=>{n.branches.delete(o)}},[n.branches]),s.jsx(nt.div,{...e,ref:r})});Au.displayName=Du;function Ou(){const e=c.useContext(ia),[t,n]=c.useState(null);return c.useEffect(()=>{if(t)return e.dismissableSurfaces.add(t),()=>{e.dismissableSurfaces.delete(t)}},[t,e.dismissableSurfaces]),n}var Pu=()=>!0;function Lu(e,t){const{ownerDocument:n=globalThis?.document,deferPointerDownOutside:a=!1,isDeferredPointerDownOutsideRef:r,dismissableSurfaces:o,shouldHandlePointerDownOutside:i=Pu}=t,l=hs(e),u=c.useRef(!1),d=c.useRef(!1),f=c.useRef(new Map),m=c.useRef(()=>{});return c.useEffect(()=>{function g(){d.current=!1,r.current=!1,f.current.clear()}function x(){return Array.from(f.current.values()).some(Boolean)}function b(j){if(!d.current)return;const w=j.target;w instanceof Node&&[...o].some(I=>I.contains(w))||f.current.set(j.type,!0),j.type==="click"&&window.setTimeout(()=>{d.current&&m.current()},0)}function p(j){d.current&&f.current.set(j.type,!1)}const y=j=>{if(j.target&&!u.current){let w=function(){n.removeEventListener("click",m.current);const I=x();g(),I||No(Mu,l,N,{discrete:!0})};if(!i(j.target)){n.removeEventListener("click",m.current),g(),u.current=!1;return}const N={originalEvent:j};d.current=!0,r.current=a&&j.button===0,f.current.clear(),!a||j.button!==0?w():(n.removeEventListener("click",m.current),m.current=w,n.addEventListener("click",m.current,{once:!0}))}else n.removeEventListener("click",m.current),g();u.current=!1},h=["pointerup","mousedown","mouseup","touchstart","touchend","click"];for(const j of h)n.addEventListener(j,b,!0),n.addEventListener(j,p);const v=window.setTimeout(()=>{n.addEventListener("pointerdown",y)},0);return()=>{window.clearTimeout(v),n.removeEventListener("pointerdown",y),n.removeEventListener("click",m.current);for(const j of h)n.removeEventListener(j,b,!0),n.removeEventListener(j,p)}},[n,l,a,r,o,i]),{onPointerDownCapture:()=>u.current=!0}}function zu(e,t=globalThis?.document){const n=hs(e),a=c.useRef(!1);return c.useEffect(()=>{const r=o=>{o.target&&!a.current&&No(Tu,n,{originalEvent:o},{discrete:!1})};return t.addEventListener("focusin",r),()=>t.removeEventListener("focusin",r)},[t,n]),{onFocusCapture:()=>a.current=!0,onBlurCapture:()=>a.current=!1}}function $a(){const e=new CustomEvent(On);document.dispatchEvent(e)}function No(e,t,n,{discrete:a}){const r=n.originalEvent.target,o=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:n});t&&r.addEventListener(e,t,{once:!0}),a?Iu(r,o):r.dispatchEvent(o)}var Ds=0,At=null;function _u(){c.useEffect(()=>{At||(At={start:Ka(),end:Ka()});const{start:e,end:t}=At;return document.body.firstElementChild!==e&&document.body.insertAdjacentElement("afterbegin",e),document.body.lastElementChild!==t&&document.body.insertAdjacentElement("beforeend",t),Ds++,()=>{Ds===1&&(At?.start.remove(),At?.end.remove(),At=null),Ds=Math.max(0,Ds-1)}},[])}function Ka(){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 hn="focusScope.autoFocusOnMount",gn="focusScope.autoFocusOnUnmount",qa={bubbles:!1,cancelable:!0},Fu="FocusScope",ko=c.forwardRef((e,t)=>{const{loop:n=!1,trapped:a=!1,onMountAutoFocus:r,onUnmountAutoFocus:o,...i}=e,[l,u]=c.useState(null),d=hs(r),f=hs(o),m=c.useRef(null),g=Nt(t,u),x=c.useRef({paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}}).current;c.useEffect(()=>{if(a){let p=function(j){if(x.paused||!l)return;const w=j.target;l.contains(w)?m.current=w:ot(m.current,{select:!0})},y=function(j){if(x.paused||!l)return;const w=j.relatedTarget;w!==null&&(l.contains(w)||ot(m.current,{select:!0}))},h=function(j){if(document.activeElement===document.body)for(const N of j)N.removedNodes.length>0&&ot(l)};document.addEventListener("focusin",p),document.addEventListener("focusout",y);const v=new MutationObserver(h);return l&&v.observe(l,{childList:!0,subtree:!0}),()=>{document.removeEventListener("focusin",p),document.removeEventListener("focusout",y),v.disconnect()}}},[a,l,x.paused]),c.useEffect(()=>{if(l){Ha.add(x);const p=document.activeElement;if(!l.contains(p)){const h=new CustomEvent(hn,qa);l.addEventListener(hn,d),l.dispatchEvent(h),h.defaultPrevented||(Bu(Hu(Co(l)),{select:!0}),document.activeElement===p&&ot(l))}return()=>{l.removeEventListener(hn,d),setTimeout(()=>{const h=new CustomEvent(gn,qa);l.addEventListener(gn,f),l.dispatchEvent(h),h.defaultPrevented||ot(p??document.body,{select:!0}),l.removeEventListener(gn,f),Ha.remove(x)},0)}}},[l,d,f,x]);const b=c.useCallback(p=>{if(!n&&!a||x.paused)return;const y=p.key==="Tab"&&!p.altKey&&!p.ctrlKey&&!p.metaKey,h=document.activeElement;if(y&&h){const v=p.currentTarget,[j,w]=$u(v);j&&w?!p.shiftKey&&h===w?(p.preventDefault(),n&&ot(j,{select:!0})):p.shiftKey&&h===j&&(p.preventDefault(),n&&ot(w,{select:!0})):h===v&&p.preventDefault()}},[n,a,x.paused]);return s.jsx(nt.div,{tabIndex:-1,...i,ref:g,onKeyDown:b})});ko.displayName=Fu;function Bu(e,{select:t=!1}={}){const n=document.activeElement;for(const a of e)if(ot(a,{select:t}),document.activeElement!==n)return}function $u(e){const t=Co(e),n=Ua(t,e),a=Ua(t.reverse(),e);return[n,a]}function Co(e){const t=[],n=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:a=>{const r=a.tagName==="INPUT"&&a.type==="hidden";return a.disabled||a.hidden||r?NodeFilter.FILTER_SKIP:a.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;n.nextNode();)t.push(n.currentNode);return t}function Ua(e,t){const n=typeof t.checkVisibility=="function"&&t.checkVisibility({checkVisibilityCSS:!0});for(const a of e)if(!(n?!a.checkVisibility({checkVisibilityCSS:!0}):Ku(a,{upTo:t})))return a}function Ku(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 qu(e){return e instanceof HTMLInputElement&&"select"in e}function ot(e,{select:t=!1}={}){if(e&&e.focus){const n=document.activeElement;e.focus({preventScroll:!0}),e!==n&&qu(e)&&t&&e.select()}}var Ha=Uu();function Uu(){let e=[];return{add(t){const n=e[0];t!==n&&n?.pause(),e=Qa(e,t),e.unshift(t)},remove(t){e=Qa(e,t),e[0]?.resume()}}}function Qa(e,t){const n=[...e],a=n.indexOf(t);return a!==-1&&n.splice(a,1),n}function Hu(e){return e.filter(t=>t.tagName!=="A")}var Qu=Wn[" useId ".trim().toString()]||(()=>{}),Wu=0;function pn(e){const[t,n]=c.useState(Qu());return ms(()=>{n(a=>a??String(Wu++))},[e]),e||(t?`radix-${t}`:"")}var Vu="Portal",Eo=c.forwardRef((e,t)=>{const{container:n,...a}=e,[r,o]=c.useState(!1);ms(()=>o(!0),[]);const i=n||r&&globalThis?.document?.body;return i?Vn.createPortal(s.jsx(nt.div,{...a,ref:t}),i):null});Eo.displayName=Vu;function Yu(e,t){return c.useReducer((n,a)=>t[n][a]??n,e)}var nn=e=>{const{present:t,children:n}=e,a=Gu(t),r=typeof n=="function"?n({present:a.isPresent}):c.Children.only(n),o=Xu(a.ref,Ju(r));return typeof n=="function"||a.isPresent?c.cloneElement(r,{ref:o}):null};nn.displayName="Presence";function Gu(e){const[t,n]=c.useState(),a=c.useRef(null),r=c.useRef(e),o=c.useRef("none"),i=c.useRef(void 0),l=e?"mounted":"unmounted",[u,d]=Yu(l,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return c.useEffect(()=>{u==="mounted"?(o.current=i.current??as(a.current),i.current=void 0):o.current="none"},[u]),ms(()=>{const f=a.current,m=r.current;if(m!==e){const x=o.current,b=as(f);e?(i.current=b,d("MOUNT")):b==="none"||f?.display==="none"?d("UNMOUNT"):d(m&&x!==b?"ANIMATION_OUT":"UNMOUNT"),r.current=e}},[e,d]),ms(()=>{if(t){let f;const m=t.ownerDocument.defaultView??window,g=b=>{const y=as(a.current).includes(CSS.escape(b.animationName));if(b.target===t&&y&&(d("ANIMATION_END"),!r.current)){const h=t.style.animationFillMode;t.style.animationFillMode="forwards",f=m.setTimeout(()=>{t.style.animationFillMode==="forwards"&&(t.style.animationFillMode=h)})}},x=b=>{b.target===t&&(o.current=as(a.current))};return t.addEventListener("animationstart",x),t.addEventListener("animationcancel",g),t.addEventListener("animationend",g),()=>{m.clearTimeout(f),t.removeEventListener("animationstart",x),t.removeEventListener("animationcancel",g),t.removeEventListener("animationend",g)}}else d("ANIMATION_END")},[t,d]),{isPresent:["mounted","unmountSuspended"].includes(u),ref:c.useCallback(f=>{if(f){const m=getComputedStyle(f);a.current=m,i.current=as(m)}else a.current=null;n(f)},[])}}function Wa(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function Xu(...e){const t=c.useRef(e);return t.current=e,c.useCallback(n=>{const a=t.current;let r=!1;const o=a.map(i=>{const l=Wa(i,n);return!r&&typeof l=="function"&&(r=!0),l});if(r)return()=>{for(let i=0;i<o.length;i++){const l=o[i];typeof l=="function"?l():Wa(a[i],null)}}},[])}function as(e){return e?.animationName||"none"}function Ju(e){let t=Object.getOwnPropertyDescriptor(e.props,"ref")?.get,n=t&&"isReactWarning"in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,"ref")?.get,n=t&&"isReactWarning"in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}var Zu=function(e){if(typeof document>"u")return null;var t=Array.isArray(e)?e[0]:e;return t.ownerDocument.body},Ot=new WeakMap,As=new WeakMap,Os={},xn=0,Io=function(e){return e&&(e.host||Io(e.parentNode))},ed=function(e,t){return t.map(function(n){if(e.contains(n))return n;var a=Io(n);return a&&e.contains(a)?a:(console.error("aria-hidden",n,"in not contained inside",e,". Doing nothing"),null)}).filter(function(n){return!!n})},td=function(e,t,n,a){var r=ed(t,Array.isArray(e)?e:[e]);Os[n]||(Os[n]=new WeakMap);var o=Os[n],i=[],l=new Set,u=new Set(r),d=function(m){!m||l.has(m)||(l.add(m),d(m.parentNode))};r.forEach(d);var f=function(m){!m||u.has(m)||Array.prototype.forEach.call(m.children,function(g){if(l.has(g))f(g);else try{var x=g.getAttribute(a),b=x!==null&&x!=="false",p=(Ot.get(g)||0)+1,y=(o.get(g)||0)+1;Ot.set(g,p),o.set(g,y),i.push(g),p===1&&b&&As.set(g,!0),y===1&&g.setAttribute(n,"true"),b||g.setAttribute(a,"true")}catch(h){console.error("aria-hidden: cannot operate on ",g,h)}})};return f(t),l.clear(),xn++,function(){i.forEach(function(m){var g=Ot.get(m)-1,x=o.get(m)-1;Ot.set(m,g),o.set(m,x),g||(As.has(m)||m.removeAttribute(a),As.delete(m)),x||m.removeAttribute(n)}),xn--,xn||(Ot=new WeakMap,Ot=new WeakMap,As=new WeakMap,Os={})}},sd=function(e,t,n){n===void 0&&(n="data-aria-hidden");var a=Array.from(Array.isArray(e)?e:[e]),r=Zu(e);return r?(a.push.apply(a,Array.from(r.querySelectorAll("[aria-live], script"))),td(a,r,n,"aria-hidden")):function(){return null}},Us="right-scroll-bar-position",Hs="width-before-scroll-bar",nd="with-scroll-bars-hidden",ad="--removed-body-scroll-bar-size";function bn(e,t){return typeof e=="function"?e(t):e&&(e.current=t),e}function rd(e,t){var n=c.useState(function(){return{value:e,callback:t,facade:{get current(){return n.value},set current(a){var r=n.value;r!==a&&(n.value=a,n.callback(a,r))}}}})[0];return n.callback=t,n.facade}var od=typeof window<"u"?c.useLayoutEffect:c.useEffect,Va=new WeakMap;function id(e,t){var n=rd(null,function(a){return e.forEach(function(r){return bn(r,a)})});return od(function(){var a=Va.get(n);if(a){var r=new Set(a),o=new Set(e),i=n.current;r.forEach(function(l){o.has(l)||bn(l,null)}),o.forEach(function(l){r.has(l)||bn(l,i)})}Va.set(n,e)},[e]),n}function ld(e){return e}function cd(e,t){t===void 0&&(t=ld);var n=[],a=!1,r={read:function(){if(a)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return n.length?n[n.length-1]:e},useMedium:function(o){var i=t(o,a);return n.push(i),function(){n=n.filter(function(l){return l!==i})}},assignSyncMedium:function(o){for(a=!0;n.length;){var i=n;n=[],i.forEach(o)}n={push:function(l){return o(l)},filter:function(){return n}}},assignMedium:function(o){a=!0;var i=[];if(n.length){var l=n;n=[],l.forEach(o),i=n}var u=function(){var f=i;i=[],f.forEach(o)},d=function(){return Promise.resolve().then(u)};d(),n={push:function(f){i.push(f),d()},filter:function(f){return i=i.filter(f),n}}}};return r}function ud(e){e===void 0&&(e={});var t=cd(null);return t.options=it({async:!0,ssr:!1},e),t}var Ro=function(e){var t=e.sideCar,n=eo(e,["sideCar"]);if(!t)throw new Error("Sidecar: please provide `sideCar` property to import the right car");var a=t.read();if(!a)throw new Error("Sidecar medium not found");return c.createElement(a,it({},n))};Ro.isSideCarExport=!0;function dd(e,t){return e.useMedium(t),Ro}var Mo=ud(),vn=function(){},an=c.forwardRef(function(e,t){var n=c.useRef(null),a=c.useState({onScrollCapture:vn,onWheelCapture:vn,onTouchMoveCapture:vn}),r=a[0],o=a[1],i=e.forwardProps,l=e.children,u=e.className,d=e.removeScrollBar,f=e.enabled,m=e.shards,g=e.sideCar,x=e.noRelative,b=e.noIsolation,p=e.inert,y=e.allowPinchZoom,h=e.as,v=h===void 0?"div":h,j=e.gapMode,w=eo(e,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noRelative","noIsolation","inert","allowPinchZoom","as","gapMode"]),N=g,I=id([n,t]),S=it(it({},w),r);return c.createElement(c.Fragment,null,f&&c.createElement(N,{sideCar:Mo,removeScrollBar:d,shards:m,noRelative:x,noIsolation:b,inert:p,setCallbacks:o,allowPinchZoom:!!y,lockRef:n,gapMode:j}),i?c.cloneElement(c.Children.only(l),it(it({},S),{ref:I})):c.createElement(v,it({},S,{className:u,ref:I}),l))});an.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1};an.classNames={fullWidth:Hs,zeroRight:Us};var fd=function(){if(typeof __webpack_nonce__<"u")return __webpack_nonce__};function md(){if(!document)return null;var e=document.createElement("style");e.type="text/css";var t=fd();return t&&e.setAttribute("nonce",t),e}function hd(e,t){e.styleSheet?e.styleSheet.cssText=t:e.appendChild(document.createTextNode(t))}function gd(e){var t=document.head||document.getElementsByTagName("head")[0];t.appendChild(e)}var pd=function(){var e=0,t=null;return{add:function(n){e==0&&(t=md())&&(hd(t,n),gd(t)),e++},remove:function(){e--,!e&&t&&(t.parentNode&&t.parentNode.removeChild(t),t=null)}}},xd=function(){var e=pd();return function(t,n){c.useEffect(function(){return e.add(t),function(){e.remove()}},[t&&n])}},To=function(){var e=xd(),t=function(n){var a=n.styles,r=n.dynamic;return e(a,r),null};return t},bd={left:0,top:0,right:0,gap:0},yn=function(e){return parseInt(e||"",10)||0},vd=function(e){var t=window.getComputedStyle(document.body),n=t[e==="padding"?"paddingLeft":"marginLeft"],a=t[e==="padding"?"paddingTop":"marginTop"],r=t[e==="padding"?"paddingRight":"marginRight"];return[yn(n),yn(a),yn(r)]},yd=function(e){if(e===void 0&&(e="margin"),typeof window>"u")return bd;var t=vd(e),n=document.documentElement.clientWidth,a=window.innerWidth;return{left:t[0],top:t[1],right:t[2],gap:Math.max(0,a-n+t[2]-t[0])}},wd=To(),qt="data-scroll-locked",jd=function(e,t,n,a){var r=e.left,o=e.top,i=e.right,l=e.gap;return n===void 0&&(n="margin"),`
3
- .`.concat(nd,` {
4
- overflow: hidden `).concat(a,`;
5
- padding-right: `).concat(l,"px ").concat(a,`;
6
- }
7
- body[`).concat(qt,`] {
8
- overflow: hidden `).concat(a,`;
9
- overscroll-behavior: contain;
10
- `).concat([t&&"position: relative ".concat(a,";"),n==="margin"&&`
11
- padding-left: `.concat(r,`px;
12
- padding-top: `).concat(o,`px;
13
- padding-right: `).concat(i,`px;
14
- margin-left:0;
15
- margin-top:0;
16
- margin-right: `).concat(l,"px ").concat(a,`;
17
- `),n==="padding"&&"padding-right: ".concat(l,"px ").concat(a,";")].filter(Boolean).join(""),`
18
- }
19
-
20
- .`).concat(Us,` {
21
- right: `).concat(l,"px ").concat(a,`;
22
- }
23
-
24
- .`).concat(Hs,` {
25
- margin-right: `).concat(l,"px ").concat(a,`;
26
- }
27
-
28
- .`).concat(Us," .").concat(Us,` {
29
- right: 0 `).concat(a,`;
30
- }
31
-
32
- .`).concat(Hs," .").concat(Hs,` {
33
- margin-right: 0 `).concat(a,`;
34
- }
35
-
36
- body[`).concat(qt,`] {
37
- `).concat(ad,": ").concat(l,`px;
38
- }
39
- `)},Ya=function(){var e=parseInt(document.body.getAttribute(qt)||"0",10);return isFinite(e)?e:0},Sd=function(){c.useEffect(function(){return document.body.setAttribute(qt,(Ya()+1).toString()),function(){var e=Ya()-1;e<=0?document.body.removeAttribute(qt):document.body.setAttribute(qt,e.toString())}},[])},Nd=function(e){var t=e.noRelative,n=e.noImportant,a=e.gapMode,r=a===void 0?"margin":a;Sd();var o=c.useMemo(function(){return yd(r)},[r]);return c.createElement(wd,{styles:jd(o,!t,r,n?"":"!important")})},Pn=!1;if(typeof window<"u")try{var Ps=Object.defineProperty({},"passive",{get:function(){return Pn=!0,!0}});window.addEventListener("test",Ps,Ps),window.removeEventListener("test",Ps,Ps)}catch{Pn=!1}var Pt=Pn?{passive:!1}:!1,kd=function(e){return e.tagName==="TEXTAREA"},Do=function(e,t){if(!(e instanceof Element))return!1;var n=window.getComputedStyle(e);return n[t]!=="hidden"&&!(n.overflowY===n.overflowX&&!kd(e)&&n[t]==="visible")},Cd=function(e){return Do(e,"overflowY")},Ed=function(e){return Do(e,"overflowX")},Ga=function(e,t){var n=t.ownerDocument,a=t;do{typeof ShadowRoot<"u"&&a instanceof ShadowRoot&&(a=a.host);var r=Ao(e,a);if(r){var o=Oo(e,a),i=o[1],l=o[2];if(i>l)return!0}a=a.parentNode}while(a&&a!==n.body);return!1},Id=function(e){var t=e.scrollTop,n=e.scrollHeight,a=e.clientHeight;return[t,n,a]},Rd=function(e){var t=e.scrollLeft,n=e.scrollWidth,a=e.clientWidth;return[t,n,a]},Ao=function(e,t){return e==="v"?Cd(t):Ed(t)},Oo=function(e,t){return e==="v"?Id(t):Rd(t)},Md=function(e,t){return e==="h"&&t==="rtl"?-1:1},Td=function(e,t,n,a,r){var o=Md(e,window.getComputedStyle(t).direction),i=o*a,l=n.target,u=t.contains(l),d=!1,f=i>0,m=0,g=0;do{if(!l)break;var x=Oo(e,l),b=x[0],p=x[1],y=x[2],h=p-y-o*b;(b||h)&&Ao(e,l)&&(m+=h,g+=b);var v=l.parentNode;l=v&&v.nodeType===Node.DOCUMENT_FRAGMENT_NODE?v.host:v}while(!u&&l!==document.body||u&&(t.contains(l)||t===l));return(f&&Math.abs(m)<1||!f&&Math.abs(g)<1)&&(d=!0),d},Ls=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},Xa=function(e){return[e.deltaX,e.deltaY]},Ja=function(e){return e&&"current"in e?e.current:e},Dd=function(e,t){return e[0]===t[0]&&e[1]===t[1]},Ad=function(e){return`
40
- .block-interactivity-`.concat(e,` {pointer-events: none;}
41
- .allow-interactivity-`).concat(e,` {pointer-events: all;}
42
- `)},Od=0,Lt=[];function Pd(e){var t=c.useRef([]),n=c.useRef([0,0]),a=c.useRef(),r=c.useState(Od++)[0],o=c.useState(To)[0],i=c.useRef(e);c.useEffect(function(){i.current=e},[e]),c.useEffect(function(){if(e.inert){document.body.classList.add("block-interactivity-".concat(r));var p=mc([e.lockRef.current],(e.shards||[]).map(Ja),!0).filter(Boolean);return p.forEach(function(y){return y.classList.add("allow-interactivity-".concat(r))}),function(){document.body.classList.remove("block-interactivity-".concat(r)),p.forEach(function(y){return y.classList.remove("allow-interactivity-".concat(r))})}}},[e.inert,e.lockRef.current,e.shards]);var l=c.useCallback(function(p,y){if("touches"in p&&p.touches.length===2||p.type==="wheel"&&p.ctrlKey)return!i.current.allowPinchZoom;var h=Ls(p),v=n.current,j="deltaX"in p?p.deltaX:v[0]-h[0],w="deltaY"in p?p.deltaY:v[1]-h[1],N,I=p.target,S=Math.abs(j)>Math.abs(w)?"h":"v";if("touches"in p&&S==="h"&&I.type==="range")return!1;var k=window.getSelection(),C=k&&k.anchorNode,E=C?C===I||C.contains(I):!1;if(E)return!1;var R=Ga(S,I);if(!R)return!0;if(R?N=S:(N=S==="v"?"h":"v",R=Ga(S,I)),!R)return!1;if(!a.current&&"changedTouches"in p&&(j||w)&&(a.current=N),!N)return!0;var M=a.current||N;return Td(M,y,p,M==="h"?j:w)},[]),u=c.useCallback(function(p){var y=p;if(!(!Lt.length||Lt[Lt.length-1]!==o)){var h="deltaY"in y?Xa(y):Ls(y),v=t.current.filter(function(N){return N.name===y.type&&(N.target===y.target||y.target===N.shadowParent)&&Dd(N.delta,h)})[0];if(v&&v.should){y.cancelable&&y.preventDefault();return}if(!v){var j=(i.current.shards||[]).map(Ja).filter(Boolean).filter(function(N){return N.contains(y.target)}),w=j.length>0?l(y,j[0]):!i.current.noIsolation;w&&y.cancelable&&y.preventDefault()}}},[]),d=c.useCallback(function(p,y,h,v){var j={name:p,delta:y,target:h,should:v,shadowParent:Ld(h)};t.current.push(j),setTimeout(function(){t.current=t.current.filter(function(w){return w!==j})},1)},[]),f=c.useCallback(function(p){n.current=Ls(p),a.current=void 0},[]),m=c.useCallback(function(p){d(p.type,Xa(p),p.target,l(p,e.lockRef.current))},[]),g=c.useCallback(function(p){d(p.type,Ls(p),p.target,l(p,e.lockRef.current))},[]);c.useEffect(function(){return Lt.push(o),e.setCallbacks({onScrollCapture:m,onWheelCapture:m,onTouchMoveCapture:g}),document.addEventListener("wheel",u,Pt),document.addEventListener("touchmove",u,Pt),document.addEventListener("touchstart",f,Pt),function(){Lt=Lt.filter(function(p){return p!==o}),document.removeEventListener("wheel",u,Pt),document.removeEventListener("touchmove",u,Pt),document.removeEventListener("touchstart",f,Pt)}},[]);var x=e.removeScrollBar,b=e.inert;return c.createElement(c.Fragment,null,b?c.createElement(o,{styles:Ad(r)}):null,x?c.createElement(Nd,{noRelative:e.noRelative,gapMode:e.gapMode}):null)}function Ld(e){for(var t=null;e!==null;)e instanceof ShadowRoot&&(t=e.host,e=e.host),e=e.parentNode;return t}const zd=dd(Mo,Pd);var Po=c.forwardRef(function(e,t){return c.createElement(an,it({},e,{ref:t,sideCar:zd}))});Po.classNames=an.classNames;const Lo=se("ArrowLeft",[["path",{d:"m12 19-7-7 7-7",key:"1l729n"}],["path",{d:"M19 12H5",key:"x3x0zl"}]]);const _d=se("ArrowRight",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]]);const rn=se("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 Fd=se("Ban",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m4.9 4.9 14.2 14.2",key:"1m5liu"}]]);const zo=se("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 Bd=se("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 Za=se("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 gs=se("ChevronRight",[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]]);const _o=se("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 la=se("CircleCheck",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m9 12 2 2 4-4",key:"dzmm74"}]]);const ca=se("Clock",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["polyline",{points:"12 6 12 12 16 14",key:"68esgv"}]]);const Fo=se("Code",[["polyline",{points:"16 18 22 12 16 6",key:"z7tu5w"}],["polyline",{points:"8 6 2 12 8 18",key:"1eg1df"}]]);const Bo=se("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 $d=se("Flag",[["path",{d:"M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z",key:"i9b6wo"}],["line",{x1:"4",x2:"4",y1:"22",y2:"15",key:"1cm3nv"}]]);const $o=se("FolderInput",[["path",{d:"M2 9V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-1",key:"fm4g5t"}],["path",{d:"M2 13h10",key:"pgb2dq"}],["path",{d:"m9 16 3-3-3-3",key:"6m91ic"}]]);const Ko=se("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 qo=se("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 Kd=se("MailCheck",[["path",{d:"M22 13V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h8",key:"12jkf8"}],["path",{d:"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7",key:"1ocrg3"}],["path",{d:"m16 19 2 2 4-4",key:"1b14m6"}]]);const js=se("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 qd=se("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 Ud=se("Minus",[["path",{d:"M5 12h14",key:"1ays0h"}]]);const on=se("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 Hd=se("Pencil",[["path",{d:"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",key:"1a8usu"}],["path",{d:"m15 5 4 4",key:"1mk7zo"}]]);const Uo=se("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 Ho=se("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 Qo=se("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 Qd=se("RotateCcw",[["path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",key:"1357e3"}],["path",{d:"M3 3v5h5",key:"1xhq8a"}]]);const Wo=se("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 Ss=se("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 ln=se("ShieldCheck",[["path",{d:"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",key:"oel41y"}],["path",{d:"m9 12 2 2 4-4",key:"dzmm74"}]]);const Wd=se("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 Vd=se("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 Ke=se("Sparkles",[["path",{d:"M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z",key:"4pj2yx"}],["path",{d:"M20 3v4",key:"1olli1"}],["path",{d:"M22 5h-4",key:"1gvqau"}],["path",{d:"M4 17v2",key:"vumght"}],["path",{d:"M5 18H3",key:"zchphs"}]]);const Yd=se("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 Gd=se("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"}]]),Xd=({address:e,showTrustedBadge:t=!1})=>{const n=t?s.jsx(rn,{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?s.jsxs("span",{children:[s.jsx("span",{className:"text-fg",children:e.displayName}),s.jsxs("span",{className:"text-fg-muted",children:[" ","<",e.normalizedEmail,">"]}),n]}):s.jsxs("span",{className:"text-fg",children:[e.normalizedEmail,n]})},Jd=({label:e,addresses:t,showTrustedBadge:n=!1})=>{const[a,r]=c.useState(!1);if(t.length===0)return null;const o=t.length>3,i=l=>{const u=n&&l.flags?.trusted?.value===!0;return s.jsx(Xd,{address:l,showTrustedBadge:u})};return s.jsxs("div",{className:"flex gap-2 text-sm",children:[s.jsxs("span",{className:"text-fg-muted shrink-0 w-12",children:[e,":"]}),s.jsx("div",{className:"flex-1 min-w-0",children:a?s.jsx("div",{className:"flex flex-wrap gap-1",children:t.map((l,u)=>s.jsxs("span",{children:[i(l),u<t.length-1&&", "]},u))}):s.jsx("div",{className:"truncate",children:t.map((l,u)=>s.jsxs("span",{children:[i(l),u<t.length-1&&", "]},u))})}),o&&s.jsx("button",{type:"button",onClick:l=>{l.stopPropagation(),r(!a)},className:"shrink-0 text-fg-muted hover:text-fg transition-colors","aria-label":a?"Collapse":"Expand",children:a?s.jsx(vt,{className:"h-4 w-4"}):s.jsx(gs,{className:"h-4 w-4"})})]})},Zd=({email:e,displayName:t,onRemove:n,className:a})=>s.jsxs("span",{className:$("inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-accent-2-soft text-sm max-w-[200px]",a),children:[s.jsx("span",{className:"truncate",children:t||e}),s.jsx("button",{type:"button",onClick:n,className:"shrink-0 p-0.5 rounded-full hover:bg-fg-muted/20 transition-colors","aria-label":`Remove ${e}`,children:s.jsx(De,{className:"size-3"})})]}),ef={unknown:{label:"Unknown sender",tone:"neutral"},wellknown:{label:"Known sender",tone:"positive"},vip:{label:"VIP",tone:"accent"}};function zt({label:e,children:t,className:n}){return s.jsxs("section",{className:$("border-b border-line px-row-inset py-3",n),children:[s.jsx("h3",{className:"text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:e}),s.jsx("div",{className:"mt-2",children:t})]})}function tf({sender:e}){const t=ef[e.trust],n=e.inboundCount==null?null:(e.replyCount??0)>0?`${e.inboundCount} received · you replied ${e.replyCount}×`:`${e.inboundCount} received · you've never replied`;return s.jsxs("div",{children:[s.jsxs("div",{className:"flex items-center gap-3",children:[s.jsx(st,{name:e.name,email:e.email,size:"md"}),s.jsxs("div",{className:"min-w-0",children:[s.jsx("div",{className:"truncate text-sm font-semibold text-fg",children:e.name}),s.jsx("div",{className:"truncate text-2xs text-fg-subtle",children:e.email})]})]}),s.jsx("div",{className:"mt-2 flex items-center gap-2",children:e.addressUnverified?s.jsx(Je,{tone:"danger",dot:!0,children:"Address couldn't be verified"}):s.jsx(Je,{tone:t.tone,dot:!0,children:t.label})}),s.jsxs("p",{className:"mt-2 text-xs text-fg-muted",children:["First seen ",e.firstSeenLabel,n?` · ${n}`:""]})]})}function sf({auth:e,onShowSimilar:t}){if(e.verdict==="aligned")return s.jsxs("div",{className:"flex items-start gap-2 text-xs text-fg-muted",children:[s.jsx(ln,{className:"mt-0.5 size-3.5 shrink-0 text-positive"}),s.jsx("span",{children:e.summary})]});if(e.verdict==="caution")return s.jsxs("div",{className:"flex items-start gap-2 rounded-md bg-warning/10 p-3 text-warning",children:[s.jsx(Wd,{className:"mt-0.5 size-4 shrink-0"}),s.jsx("p",{className:"text-xs leading-relaxed",children:e.summary})]});const n=e.addressUnreadable?"This sender can't be verified":"This message may be impersonating someone";return s.jsxs("div",{className:"rounded-md bg-danger-soft p-3",children:[s.jsxs("div",{className:"flex items-start gap-2",children:[s.jsx(Ss,{className:"mt-0.5 size-4 shrink-0 text-danger"}),s.jsxs("div",{className:"min-w-0",children:[s.jsx("p",{className:"text-sm font-semibold text-danger",children:n}),s.jsx("p",{className:"mt-1 text-xs leading-relaxed text-fg",children:e.summary}),!e.addressUnreadable&&e.dkimDomain&&s.jsxs("p",{className:"mt-1 text-2xs text-fg-muted",children:["Sent from"," ",s.jsx("code",{className:"rounded bg-surface px-1 py-0.5",children:e.dkimDomain}),", claims to be"," ",s.jsx("code",{className:"rounded bg-surface px-1 py-0.5",children:e.fromDomain})]})]})]}),e.similarCount!=null&&e.similarCount>0&&s.jsxs(X,{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 _t({icon:e,label:t,active:n,danger:a,onClick:r}){return s.jsxs("button",{type:"button",onClick:r,className:$("flex items-center gap-2 rounded-md border px-2 py-1 text-xs transition-colors",n?"border-accent-2 bg-accent-2-soft text-accent-2":"border-line text-fg-muted hover:border-line-strong hover:text-fg",a&&!n&&"text-danger hover:bg-danger-soft"),children:[e,t]})}const nf={sender:"matched: sender",recipient:"matched: recipient",subject:"matched: subject",attachment:"matched: attachment",body:"matched: body",entities:"matched: entities"};function Vo({data:e,onClose:t,onShowSimilar:n,actions:a,similarState:r="ready",similarLinkComponent:o,className:i,hideCloseButton:l=!1}){const{sender:u,authenticity:d,category:f,flags:m={},similar:g}=e,x=d.verdict==="mismatch";return s.jsxs("aside",{className:$("flex w-76 shrink-0 flex-col overflow-y-auto border-l border-line bg-surface",i),children:[s.jsxs("header",{className:"flex h-pane-header shrink-0 items-center justify-between border-b border-line px-row-inset",children:[s.jsx("span",{className:"text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:"Intelligence"}),!l&&s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(De,{className:"size-3.5"}),onClick:t,"aria-label":"Collapse intelligence sidebar"})]}),s.jsx(zt,{label:"Sender",children:s.jsx(tf,{sender:u})}),s.jsx(zt,{label:"Authenticity",children:s.jsx(sf,{auth:d,onShowSimilar:n})}),s.jsx(zt,{label:"Category",children:s.jsxs("div",{className:"flex items-center gap-2",children:[s.jsx(Je,{tone:x?"danger":"neutral",children:f.value}),f.overridden&&s.jsx("span",{className:"text-2xs text-fg-subtle",children:"your override"}),s.jsx("button",{type:"button",className:"ml-auto text-2xs text-accent hover:underline",onClick:a?.onReclassify,children:"reclassify"})]})}),s.jsx(zt,{label:"Quick actions",children:s.jsxs("div",{className:"flex flex-wrap gap-1.5",children:[s.jsx(_t,{icon:s.jsx(dt,{className:"size-3.5"}),label:"VIP",active:m.vip,onClick:a?.onToggleVip}),s.jsx(_t,{icon:s.jsx(zo,{className:"size-3.5"}),label:"Mute",active:m.muted,onClick:a?.onToggleMute}),s.jsx(_t,{icon:s.jsx(Fd,{className:"size-3.5"}),label:"Block",active:m.blocked,danger:!0,onClick:a?.onToggleBlock}),s.jsx(_t,{icon:s.jsx(qd,{className:"size-3.5"}),label:"Unsubscribe",active:m.unsubscribed,onClick:a?.onToggleUnsubscribe}),a?.onNotSpam&&s.jsx(_t,{icon:s.jsx(Kd,{className:"size-3.5"}),label:"Not spam",onClick:a.onNotSpam}),a?.onMarkSpam&&s.jsx(_t,{icon:s.jsx(Vd,{className:"size-3.5"}),label:"Mark spam",danger:!0,onClick:a.onMarkSpam})]})}),(r!=="ready"||g.length>0)&&s.jsx(zt,{label:"Similar messages",children:r==="loading"?s.jsx("div",{className:"animate-pulse space-y-2",children:Array.from({length:3}).map((b,p)=>s.jsxs("div",{className:"space-y-1",children:[s.jsx("div",{className:"h-3 w-3/4 rounded bg-surface-sunken"}),s.jsx("div",{className:"h-2.5 w-1/2 rounded bg-surface-sunken"})]},p))}):r==="error"?s.jsx("p",{className:"text-xs text-fg-subtle",children:"Similarity search unavailable"}):s.jsx("ul",{className:"-mx-1 space-y-1",children:g.map(b=>{const p="block w-full rounded-md px-1 py-1 text-left hover:bg-surface-sunken",y=`Open message from ${b.fromName||"unknown sender"}: ${b.subject}`,h=s.jsxs(s.Fragment,{children:[s.jsxs("div",{className:"flex items-baseline justify-between gap-2",children:[s.jsx("span",{className:"truncate text-xs font-medium text-fg",children:b.fromName}),s.jsx("span",{className:"shrink-0 text-2xs text-fg-subtle tabular-nums",children:b.timeLabel})]}),s.jsx("div",{className:"truncate text-xs text-fg-muted",children:b.subject}),s.jsx("span",{className:"mt-1 inline-block rounded-full bg-surface-sunken px-1.5 py-px text-2xs text-fg-subtle",children:nf[b.matched]})]});return s.jsx("li",{children:o?o({mailboxId:b.mailboxId,messageId:b.id,className:p,ariaLabel:y,children:h}):s.jsx("div",{className:p,children:h})},b.id)})})}),s.jsx(zt,{label:"Coming soon",className:"border-b-0 opacity-70",children:s.jsxs("div",{className:"space-y-2",children:[s.jsxs("div",{className:"flex items-start gap-2 rounded-md border border-dashed border-line p-2",children:[s.jsx(Ke,{className:"mt-0.5 size-3.5 shrink-0 text-fg-subtle"}),s.jsxs("div",{children:[s.jsx("div",{className:"text-xs font-medium text-fg-muted",children:"Suggested actions"}),s.jsx("div",{className:"text-2xs text-fg-subtle",children:'"Create a filter for messages like this" — on-device model'})]})]}),s.jsxs("div",{className:"flex items-start gap-2 rounded-md border border-dashed border-line p-2",children:[s.jsx(Ke,{className:"mt-0.5 size-3.5 shrink-0 text-fg-subtle"}),s.jsxs("div",{children:[s.jsx("div",{className:"text-xs font-medium text-fg-muted",children:"Thread summary"}),s.jsx("div",{className:"text-2xs text-fg-subtle",children:"One-paragraph digest — Bedrock"})]})]})]})})]})}const af=[{keys:["j","k"],label:"navigate"},{keys:["m"],label:"mute"},{keys:["?"],label:"all shortcuts"}];function Yo({hints:e=af,className:t}){return s.jsx("footer",{className:$("flex items-center gap-2 border-t border-line px-row-inset py-1 text-2xs text-fg-subtle",t),children:e.map(n=>s.jsx(rf,{hint:n},n.label))})}function rf({hint:e}){return s.jsxs("span",{className:"flex items-center gap-1",children:[e.keys.map(t=>s.jsx(Kt,{children:t},t)),s.jsx("span",{children:e.label})]})}function of(){return s.jsx("div",{className:"space-y-0",role:"status","aria-busy":"true","aria-label":"Loading messages",children:Array.from({length:8}).map((e,t)=>s.jsxs("div",{className:"animate-pulse border-b border-line px-3 py-2",children:[s.jsxs("div",{className:"mb-2 flex items-center justify-between",children:[s.jsx("div",{className:"h-4 w-32 rounded bg-surface-sunken"}),s.jsx("div",{className:"h-3 w-16 rounded bg-surface-sunken"})]}),s.jsx("div",{className:"mb-2 h-4 w-48 rounded bg-surface-sunken"}),s.jsx("div",{className:"h-3 w-full rounded bg-surface-sunken"})]},t))})}function lf({searchQuery:e}){const t=!!e?.trim();return s.jsx("div",{className:"flex h-full flex-1 items-center justify-center",children:s.jsx("div",{className:"flex flex-col items-center justify-center p-8 text-center",children:s.jsx("p",{className:"text-fg-muted",children:t?"No messages match your search":"No messages in this mailbox"})})})}function cf({message:e="Something went wrong loading this mailbox.",onRetry:t,onReport:n}){return s.jsx("div",{className:"flex h-full flex-1 items-center justify-center p-4",children:s.jsxs("div",{role:"alert",className:"flex max-w-sm flex-col items-center justify-center gap-3 text-center",children:[s.jsx(yt,{className:"size-8 text-danger","aria-hidden":"true"}),s.jsxs("div",{children:[s.jsx("p",{className:"font-medium text-danger",children:"Couldn't load messages"}),s.jsx("p",{className:"mt-1 break-words text-sm text-fg-muted",children:e})]}),s.jsxs("div",{className:"flex items-center gap-2",children:[t&&s.jsx(X,{variant:"secondary",size:"sm",onClick:t,children:"Retry"}),n&&s.jsx(X,{variant:"ghost",size:"sm",onClick:n,children:"Report a problem"})]})]})})}const Go=({active:e,focused:t})=>$("relative flex h-8 w-full items-center gap-2 px-row-inset text-left",e?"bg-accent-2-soft":t?"bg-surface-sunken":"hover:bg-surface-sunken",t&&!e&&"before:absolute before:inset-y-0 before:left-0 before:w-0.5 before:bg-accent-2"),Gt=({active:e,focused:t})=>$("relative flex w-full items-start gap-3 py-2 pl-5 pr-row-inset text-left transition-colors",e?"bg-accent-2-soft":t?"bg-surface-sunken":"hover:bg-surface-sunken",t&&!e&&"before:absolute before:inset-y-0 before:left-0 before:w-0.5 before:bg-accent-2");function Xo({thread:e}){const t=!e.isRead;return s.jsxs(s.Fragment,{children:[s.jsx("span",{className:"flex w-4 shrink-0 items-center justify-center",children:e.suspicious?s.jsx(Ss,{className:"size-3.5 text-danger"}):e.starred?s.jsx(dt,{className:"size-3 fill-warning text-warning"}):t?s.jsx("span",{className:"size-1.5 rounded-full bg-accent"}):null}),s.jsx("span",{className:$("w-36 shrink-0 truncate text-xs",t?"font-semibold text-fg":"text-fg-muted"),children:e.fromName}),s.jsxs("span",{className:"min-w-0 flex-1 truncate text-xs",children:[s.jsx("span",{className:$(t?"font-medium text-fg":"text-fg-muted"),children:e.subject}),s.jsxs("span",{className:"text-fg-subtle",children:[" — ",e.snippet]})]}),e.hasAttachment&&s.jsx(on,{className:"size-3 shrink-0 text-fg-subtle"}),s.jsx("span",{className:"w-11 shrink-0 text-right text-2xs text-fg-subtle tabular-nums",children:e.timeLabel})]})}function Xt({thread:e,badge:t}){const n=!e.isRead;return s.jsxs("span",{className:"min-w-0 flex-1",children:[s.jsxs("span",{className:"flex items-baseline justify-between gap-2",children:[s.jsxs("span",{className:$("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"&&s.jsx("span",{className:"size-1.5 shrink-0 rounded-full bg-accent-2"}),s.jsx("span",{className:"truncate",children:e.fromName}),e.messageCount!=null&&e.messageCount>1&&s.jsx("span",{className:"shrink-0 text-2xs font-normal text-fg-subtle",children:e.messageCount})]}),s.jsx("span",{className:"shrink-0 text-2xs text-fg-subtle tabular-nums",children:e.timeLabel})]}),s.jsxs("span",{className:"flex items-center gap-1.5",children:[s.jsx("span",{className:$("truncate text-sm",n?"text-fg":"text-fg-muted"),children:e.subject}),e.suspicious&&s.jsx(Ss,{className:"size-3.5 shrink-0 text-danger"}),e.starred&&s.jsx(dt,{className:"size-3 shrink-0 fill-warning text-warning"}),e.hasAttachment&&s.jsx(on,{className:"size-3 shrink-0 text-fg-subtle"})]}),s.jsxs("span",{className:"flex items-center gap-1.5",children:[s.jsx("span",{className:"line-clamp-1 min-w-0 flex-1 text-xs text-fg-subtle",children:e.snippet}),e.category&&e.category!=="personal"&&s.jsx(Je,{tone:hc[e.category],className:"shrink-0",children:e.category}),t]})]})}function Jo({thread:e}){const t=!e.isRead;return s.jsxs(s.Fragment,{children:[t&&s.jsx("span",{className:"absolute left-1.5 top-1/2 size-1.5 -translate-y-1/2 rounded-full bg-accent"}),s.jsx(st,{name:e.fromName,email:e.fromEmail,size:"sm"}),s.jsx(Xt,{thread:e})]})}function uf({thread:e,active:t,onClick:n}){return s.jsx("button",{type:"button",onClick:n,className:Go({active:t}),children:s.jsx(Xo,{thread:e})})}function Zo({thread:e,active:t,onClick:n}){return s.jsx("button",{type:"button",onClick:n,className:Gt({active:t}),children:s.jsx(Jo,{thread:e})})}function ei({count:e,onCancel:t,onMarkRead:n,onDelete:a,moveSlot:r,moveDisabledHint:o,isBusy:i=!1}){return s.jsxs("header",{className:"flex shrink-0 flex-col border-b border-line bg-surface-sunken",children:[s.jsxs("div",{className:"flex h-pane-header items-center gap-2 px-row-inset",children:[s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(De,{className:"size-4"}),onClick:t,"aria-label":"Cancel selection",className:"-ml-1 shrink-0"}),s.jsxs("span",{className:"min-w-0 flex-1 truncate text-sm font-medium text-fg",children:[e," ",e===1?"message":"messages"," selected"]}),n&&s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(js,{className:"size-4"}),onClick:i?void 0:n,"aria-label":"Mark as read","aria-busy":i||void 0,className:"shrink-0"}),r,s.jsx(X,{variant:"ghost",size:"sm",icon:i?s.jsx(St,{className:"size-4 animate-spin"}):s.jsx(qe,{className:"size-4 text-danger"}),onClick:i?void 0:a,"aria-label":"Delete selected messages","aria-busy":i||void 0,className:"shrink-0"})]}),o&&s.jsx("p",{className:"px-row-inset pb-2 text-xs text-fg-muted",role:"status","aria-live":"polite",children:o})]})}const Qt=72,er=10;function tr(e){return e==="leading"?Qt:e==="trailing"?-Qt:0}function df(e){return e>=Qt/2?"leading":e<=-Qt/2?"trailing":"none"}function ti({thread:e,selectionMode:t,checked:n,active:a,peek:r,onPeek:o,onToggleCheck:i,onLongPress:l,onOpen:u,onAct:d,linkComponent:f}){const m=c.useRef(void 0),g=c.useRef(null),[x,b]=c.useState(null),p=()=>clearTimeout(m.current),y=C=>{g.current={startX:C.clientX,startY:C.clientY,axis:"none",moved:!1},!t&&(m.current=setTimeout(()=>{g.current=null,b(null),l()},500))},h=C=>{if(t)return;const E=g.current;if(!E)return;const R=C.clientX-E.startX,M=C.clientY-E.startY;if(E.axis==="none"){if(Math.abs(M)>er&&Math.abs(M)>Math.abs(R)){E.axis="vertical",p(),g.current=null;return}Math.abs(R)>er&&(E.axis="horizontal",E.moved=!0,p(),C.currentTarget.setPointerCapture(C.pointerId))}if(E.axis!=="horizontal")return;const T=tr(r),P=Math.max(-Qt,Math.min(Qt,T+R));b(P)},v=()=>{p();const C=g.current;g.current=null;const E=x;if(b(null),!!C){if(C.axis==="horizontal"&&E!==null){o(df(E));return}if(t){i();return}if(r!=="none"){o("none");return}f||u()}},j=C=>{r!=="none"&&C.preventDefault()},w=x??tr(r),N=w>0?"leading":w<0?"trailing":"none",I=$("relative touch-pan-y bg-surface",Gt({active:n||a})),S={transform:w!==0?`translateX(${w}px)`:void 0,transition:x===null?"transform 150ms ease":"none",minHeight:44},k=t?s.jsxs(s.Fragment,{children:[s.jsx("span",{className:$("inline-flex size-7 shrink-0 items-center justify-center rounded-full border",n?"border-accent bg-accent text-accent-fg":"border-line-strong bg-canvas"),children:n&&s.jsx(ws,{className:"size-3.5"})}),s.jsx(Xt,{thread:e})]}):s.jsx(Jo,{thread:e});return s.jsxs("div",{className:"relative overflow-hidden",children:[N==="leading"&&s.jsx("button",{type:"button",onClick:()=>d("leading"),"aria-label":e.isRead?"Mark as unread":"Mark as read",className:"absolute inset-y-0 left-0 flex items-center justify-start bg-accent-2 px-6 text-accent-fg",children:e.isRead?s.jsx(xo,{className:"size-6"}):s.jsx(js,{className:"size-6"})}),N==="trailing"&&s.jsx("button",{type:"button",onClick:()=>d("trailing"),"aria-label":"Delete message",className:"absolute inset-y-0 right-0 flex items-center justify-end bg-danger px-6 text-canvas",children:s.jsx(qe,{className:"size-6"})}),f&&!t?f({className:I,style:S,onPointerDown:y,onPointerMove:h,onPointerUp:v,onPointerCancel:v,onOpenClick:j,children:k}):s.jsx("button",{type:"button",onPointerDown:y,onPointerMove:h,onPointerUp:v,onPointerCancel:v,className:I,style:S,children:k})]})}function ff({sections:e,selectedThreadId:t,selectionMode:n,checkedIds:a,initialPeek:r,onToggleCheck:o,onEnterSelection:i,onOpenThread:l,onRefresh:u,refreshing:d}){const[f,m]=c.useState(()=>e.flatMap(p=>p.threads)),[g,x]=c.useState(r&&r!=="none"&&f[1]?{id:f[1].id,side:r}:null),b=(p,y)=>{m(y==="trailing"?h=>h.filter(v=>v.id!==p):h=>h.map(v=>v.id===p?{...v,isRead:!v.isRead}:v)),x(null)};return s.jsxs("div",{className:"flex-1 overflow-y-auto",children:[d&&s.jsxs("div",{className:"flex items-center justify-center gap-2 border-b border-line py-3 text-fg-muted",children:[s.jsx(Uo,{className:"size-4 animate-spin"}),s.jsx("span",{className:"text-xs",children:"Checking for new mail…"})]}),s.jsx("div",{className:"divide-y divide-line",children:f.map(p=>s.jsx(ti,{thread:p,selectionMode:n,checked:a.has(p.id),active:p.id===t,peek:g?.id===p.id?g.side:"none",onPeek:y=>x(y==="none"?null:{id:p.id,side:y}),onToggleCheck:()=>o(p.id),onLongPress:()=>i(p.id),onOpen:()=>l(p.id),onAct:y=>b(p.id,y)},p.id))}),!n&&!d&&s.jsx("button",{type:"button",onClick:u,className:"w-full border-t border-line py-2 text-center text-2xs text-fg-subtle transition-colors hover:bg-surface-sunken",children:"Pull to refresh"})]})}function si({listTitle:e,listMeta:t,sections:n,briefFilters:a,flatList:r,listState:o="ready",searchQuery:i,errorMessage:l,onRetry:u,onReportError:d,briefCategory:f,selectedThreadId:m,density:g="comfortable",onSelectThread:x,onSelectBriefCategory:b,onOpenNav:p,isDesktop:y,initialTouchState:h,selectionBar:v,listBody:j,hideHeader:w=!1}){const N=g==="compact"?uf:Zo,I=!y&&!a&&o==="ready",S=n.flatMap(q=>q.threads),[k,C]=c.useState(h==="selection"),[E,R]=c.useState(()=>h==="selection"?new Set(S.slice(0,2).map(q=>q.id)):new Set),[M,T]=c.useState(!1),P=h==="peek-trailing"?"trailing":h==="peek-leading"?"leading":void 0,Y=q=>{R(te=>{const U=new Set(te);return U.has(q)?U.delete(q):U.add(q),U.size===0&&C(!1),U})},K=q=>{C(!0),R(new Set([q]))},B=()=>{C(!1),R(new Set)},_=()=>{T(!0),setTimeout(()=>T(!1),1400)},F=!v&&I&&k&&E.size>0;return s.jsxs("section",{className:"flex h-full w-full flex-col bg-surface",children:[v??(F?s.jsx(ei,{count:E.size,onCancel:B,onMarkRead:B,onDelete:B}):w?null:s.jsxs("header",{className:"flex h-pane-header shrink-0 items-center gap-2 border-b border-line px-row-inset",children:[p&&s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(aa,{className:"size-4"}),onClick:p,"aria-label":"Open folders",className:"-ml-1 shrink-0"}),s.jsx("h1",{className:"min-w-0 flex-1 truncate text-sm font-semibold text-fg",children:e}),t&&s.jsx("span",{className:"shrink-0 text-2xs text-fg-subtle",children:t})]})),o==="loading"?s.jsx("div",{className:"flex-1 overflow-y-auto",children:s.jsx(of,{})}):o==="empty"?s.jsx(lf,{searchQuery:i}):o==="error"?s.jsx(cf,{message:l,onRetry:u,onReport:d}):a?s.jsx(to,{sections:n,briefCategory:f,selectedThreadId:m,Row:N,onSelectThread:x,onSelectBriefCategory:b}):j??(I?s.jsx(ff,{sections:n,selectedThreadId:m,selectionMode:k,checkedIds:E,initialPeek:P,onToggleCheck:Y,onEnterSelection:K,onOpenThread:q=>x?.(q),onRefresh:_,refreshing:M}):s.jsx("div",{className:"flex-1 overflow-y-auto",children:n.map(q=>s.jsxs("div",{children:[!r&&q.label&&s.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:[s.jsx("span",{className:"text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:q.label}),s.jsx("span",{className:"text-2xs text-fg-subtle tabular-nums",children:q.threads.length})]}),s.jsx("div",{className:"divide-y divide-line",children:q.threads.map(te=>s.jsx(N,{thread:te,active:te.id===m,onClick:()=>x?.(te.id)},te.id))})]},q.id))})),y&&s.jsx(Yo,{})]})}function mf({triggerLabel:e,triggerIcon:t,items:n,align:a="end",touch:r=!0,className:o}){const[i,l]=c.useState(!1),u=c.useRef(null);return c.useEffect(()=>{if(!i)return;const d=m=>{u.current&&!u.current.contains(m.target)&&l(!1)},f=m=>{m.key==="Escape"&&l(!1)};return document.addEventListener("mousedown",d),document.addEventListener("keydown",f),()=>{document.removeEventListener("mousedown",d),document.removeEventListener("keydown",f)}},[i]),n.length===0?null:s.jsxs("div",{ref:u,className:$("relative",o),children:[s.jsx(X,{variant:"ghost",size:"sm",icon:t??s.jsx(Bo,{className:"size-5"}),onClick:()=>l(d=>!d),"aria-label":e,"aria-haspopup":"menu","aria-expanded":i,className:$(r&&"min-h-11 min-w-11 px-0")}),i&&s.jsx("div",{role:"menu",className:$("absolute top-full z-50 mt-1 flex min-w-44 flex-col rounded-md border border-line bg-surface py-1 shadow-lg",a==="end"?"right-0":"left-0"),children:n.map(d=>s.jsxs("button",{type:"button",role:"menuitem",onClick:()=>{l(!1),d.onSelect()},className:"flex min-h-11 items-center gap-3 px-4 py-2.5 text-left text-sm text-fg transition-colors hover:bg-surface-sunken",children:[d.icon&&s.jsx("span",{className:"shrink-0 text-fg-subtle",children:d.icon}),d.label]},d.key))})]})}const rs="min-h-11 min-w-11 px-0";function ni({hasThread:e,onReply:t,onReplyAll:n,onForward:a,isStarred:r,onToggleStar:o,onDelete:i,isRead:l,onToggleRead:u,moveSlot:d,overflowItems:f=[],onUnavailable:m,unavailableHint:g,className:x}){const b=(y,h)=>()=>{if(!e){m?.(y);return}h?.()},p=u?[{key:"toggle-read",label:l?"Mark as unread":"Mark as read",icon:l?s.jsx(xo,{className:"size-4"}):s.jsx(js,{className:"size-4"}),onSelect:b("toggleRead",u)}]:[];return s.jsxs("div",{className:$("relative",x),children:[s.jsxs("div",{className:"flex h-12 shrink-0 items-center gap-0.5 border-y border-line bg-canvas px-1",children:[s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(Qo,{className:"size-5"}),onClick:b("reply",t),"aria-label":"Reply",title:"Reply",className:rs}),s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(Ho,{className:"size-5"}),onClick:b("replyAll",n),"aria-label":"Reply all",title:"Reply all",className:rs}),s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(Ko,{className:"size-5"}),onClick:b("forward",a),"aria-label":"Forward",title:"Forward",className:rs}),s.jsx("div",{className:"flex-1"}),s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(dt,{className:$("size-5",r&&"fill-warning text-warning")}),onClick:b("star",o),"aria-label":r?"Remove flag":"Flag","aria-pressed":r,title:r?"Remove flag":"Flag",className:rs}),d,s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(qe,{className:"size-5"}),onClick:b("delete",i),"aria-label":"Move to Trash",title:"Move to Trash",className:rs}),s.jsx(mf,{triggerLabel:"More actions",items:[...p,...f]})]}),!e&&g&&s.jsx("p",{role:"status",className:"border-b border-line bg-surface-sunken px-3 py-1 text-2xs text-fg-subtle",children:g})]})}function hf({hasThread:e,onUnavailable:t,unavailableHint:n,isStarred:a,showTriage:r=!0,onReply:o,onReplyAll:i,onForward:l,onDelete:u,onToggleStar:d,moveSlot:f,onMove:m,replyTitle:g="Reply (r)",replyAllTitle:x="Reply all (a)",forwardTitle:b="Forward (f)",deleteTitle:p="Move to Trash (#)",flagTitle:y="Flag (s)",children:h,className:v}){const j=(w,N)=>()=>{if(!e){t?.(w);return}N?.()};return s.jsxs("div",{className:"relative",children:[s.jsxs("header",{className:$("flex h-pane-header shrink-0 items-center gap-1 border-b border-line bg-surface px-3",v),children:[s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(Qo,{className:"size-4"}),title:g,"aria-label":"Reply",onClick:j("reply",o)}),s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(Ho,{className:"size-4"}),title:x,"aria-label":"Reply all",onClick:j("replyAll",i)}),s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(Ko,{className:"size-4"}),title:b,"aria-label":"Forward",onClick:j("forward",l)}),r&&s.jsxs(s.Fragment,{children:[s.jsx("span",{className:"mx-1 h-4 w-px bg-line","aria-hidden":!0}),s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(qe,{className:"size-4"}),title:p,"aria-label":"Move to Trash",onClick:j("delete",u)}),f??s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx($o,{className:"size-4"}),title:"Move to mailbox","aria-label":"Move to mailbox",onClick:j("move",m)}),s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(dt,{className:$("size-4",a&&"fill-warning text-warning")}),title:y,"aria-label":"Flag",onClick:j("flag",d)})]}),s.jsx("div",{className:"flex-1"}),h]}),!e&&n&&s.jsx("p",{role:"status",className:"border-b border-line bg-surface-sunken px-3 py-1 text-2xs text-fg-subtle",children:n})]})}const gf=(e,t)=>{const a=e==="newsletter"||e==="marketing"||t;return{framed:a,isPlain:!a}},pf=()=>`
43
- /* Zero the UA default body margin and clamp the document to the iframe width so
44
- wide author markup can't push the body (and the page) past the viewport. */
45
- html, body {
46
- margin: 0;
47
- padding: 0;
48
- max-width: 100%;
49
- }
50
- body {
51
- overflow-wrap: anywhere;
52
- word-break: break-word;
53
- }
54
- /* Media never wider than the frame; keep aspect ratio when width is capped. */
55
- img, video, iframe, svg, canvas {
56
- max-width: 100% !important;
57
- height: auto;
58
- }
59
- /* Fixed-width author tables (\`<table width="600">\`) collapse to fit. */
60
- table {
61
- max-width: 100% !important;
62
- table-layout: auto;
63
- }
64
- /* Cells carry the fixed widths in real newsletters (\`<td width="600">\`);
65
- cap them too or the table can't actually shrink. */
66
- td, th {
67
- max-width: 100% !important;
68
- }
69
- /* \`max-width\` alone can't beat an inline \`min-width\`; zeroing the min lets
70
- flex / grid / table children actually collapse to the clamped width. */
71
- * {
72
- min-width: 0;
73
- }
74
- /* Long unbroken strings (URLs, tokens) wrap instead of forcing a wide line. */
75
- pre, code {
76
- white-space: pre-wrap;
77
- overflow-wrap: anywhere;
78
- word-break: break-word;
79
- }
80
- `,xf=e=>{const t=new Map;for(const n of e){if(!n.contentId||n.contentUrl.length===0)continue;const a=n.contentId.replace(/^<|>$/g,"");t.set(a,n.contentUrl)}return n=>t.get(n.replace(/^<|>$/g,""))},bf=/^(none|transparent|inherit|initial|unset)\s*$/i,vf=e=>{const t=[],n=/<style[^>]*>([\s\S]*?)<\/style>/gi;let a;for(a=n.exec(e);a!==null;)t.push(a[1]),a=n.exec(e);return t},yf=e=>{const t=/background(?:-color)?\s*:\s*([^;}\n]+)/gi;let n;for(n=t.exec(e);n!==null;){const a=n[1].trim();if(!bf.test(a))return!0;n=t.exec(e)}return!1},wf=e=>{if(/\bstyle\s*=\s*["'][^"']*background/i.test(e)||/\bbgcolor\s*=/i.test(e))return!0;for(const t of vf(e))if(yf(t))return!0;return!1},jf=["script","iframe","object","embed","form","input","button","textarea","select","meta","link","base"],Sf=["onerror","onload","onclick","onmouseover","onmouseout","onfocus","onblur","onsubmit","onkeydown","onkeyup","formaction","xlink:href","data-bind"],Nf="data:image/svg+xml,"+encodeURIComponent(`
81
- <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
82
- <rect fill="#f0f0f0" width="100" height="100"/>
83
- <text x="50" y="50" text-anchor="middle" dy=".3em" fill="#999" font-size="12">
84
- Image blocked
85
- </text>
86
- </svg>
87
- `),kf=e=>e.replace(/url\s*\([^)]*\)/gi,"none").replace(/expression\s*\([^)]*\)/gi,"").replace(/-moz-binding\s*:[^;]*/gi,""),Cf=e=>e.replace(/@import[^;]*;/gi,"/* @import blocked */").replace(/url\s*\([^)]*\)/gi,"none").replace(/expression\s*\([^)]*\)/gi,"").replace(/-moz-binding\s*:[^;]*/gi,""),Ef=(e={})=>{const t=so(),n={FORBID_TAGS:jf,FORBID_ATTR:Sf,ALLOW_DATA_ATTR:!1,ALLOW_UNKNOWN_PROTOCOLS:!1};return t.addHook("afterSanitizeAttributes",a=>{if(a.tagName==="IMG"){const r=a.getAttribute("src")||"";if(r.startsWith("data:"))return;if(r.startsWith("cid:")){const i=r.slice(4).replace(/^<|>$/g,""),l=e.resolveCid?.(i);l&&(a.setAttribute("src",l),a.classList.add("inline-content"));return}e.allowExternalImages||(a.setAttribute("data-blocked-src",r),a.setAttribute("src",Nf),a.setAttribute("alt","[Blocked image]"),a.classList.add("blocked-image"))}if(a.tagName==="A"){const r=a.getAttribute("href")||"";if(/^(javascript|data):/i.test(r)){a.removeAttribute("href");return}a.setAttribute("target","_blank"),a.setAttribute("rel","noopener noreferrer nofollow"),a.classList.add("external-link")}if(a.hasAttribute("style")){const r=a.getAttribute("style")||"";a.setAttribute("style",kf(r))}}),t.addHook("uponSanitizeElement",(a,r)=>{if(r.tagName==="style"){const o=a.textContent||"";a.textContent=Cf(o)}}),a=>{const r=wf(a),o=t.sanitize(a,n);return{html:`<style>${pf()}</style>${o}`,hasAuthorBackground:r}}},If='"Geist Variable", "Geist", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',sr={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)"}},Rf=/prefers-color-scheme\s*:\s*dark|color-scheme\s*:\s*[^;}"']*\bdark\b/i,nr='<meta name="viewport" content="width=device-width, initial-scale=1">',Mf=e=>{const t=e?sr.dark:sr.light;return`
88
- /* Plain-email base: UI font-stack + theme-aware colors (#424) */
89
- html, body {
90
- font-family: ${If};
91
- font-size: 14px;
92
- line-height: 1.6;
93
- color: ${t.fg};
94
- background-color: ${t.surface};
95
- margin: 0;
96
- padding: 0;
97
- }
98
- /* Strip author unreadable text colors and element backgrounds, scoped to body
99
- descendants so the themed html/body surface above survives this reset. */
100
- body * {
101
- color: inherit !important;
102
- background-color: transparent !important;
103
- }
104
- a, a:visited {
105
- color: ${t.accent} !important;
106
- text-decoration: underline;
107
- }
108
- `},Tf=(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}",Df=(e,t,n)=>{if(t==="plain")return`${nr}<style>${Mf(n)}</style>${e}`;const a=Rf.test(e);return`${nr}<style>${Tf(n,a)}</style>${e}`},Af=5e4,Of=1e4,Pf="(max-width: 640px)",Lf=.4,zf="allow-same-origin allow-popups allow-popups-to-escape-sandbox",ar=(e,t,n)=>Math.min(Math.ceil(Math.max(e,t)),n),_f=(e,t)=>e<=0||t<=0||e<=t?1:Math.max(Lf,t/e),Ff=e=>{const[t,n]=c.useState(()=>typeof window>"u"||!window.matchMedia?!1:window.matchMedia(e).matches);return c.useEffect(()=>{if(typeof window>"u"||!window.matchMedia)return;const a=window.matchMedia(e);n(a.matches);const r=o=>n(o.matches);return a.addEventListener("change",r),()=>a.removeEventListener("change",r)},[e]),t},rr=({html:e,variant:t="framed",isDark:n=!1,className:a})=>{const r=c.useRef(null),o=c.useRef(null),[i,l]=c.useState(0),[u,d]=c.useState(0),[f,m]=c.useState(0),g=Ff(Pf),x=c.useMemo(()=>Df(e,t,n),[e,t,n]);c.useEffect(()=>{const j=r.current;if(!j)return;const w=()=>m(I=>I===j.clientWidth?I:j.clientWidth);w();const N=new ResizeObserver(w);return N.observe(j),()=>N.disconnect()},[]),c.useEffect(()=>{const j=o.current;if(!j)return;const w=()=>{const S=j.contentDocument;if(!S?.body)return;const k=S.documentElement,C=ar(S.body.scrollHeight,k?.scrollHeight??0,Af);l(R=>R===C?R:C);const E=ar(S.body.scrollWidth,k?.scrollWidth??0,Of);d(R=>R===E?R:E)};let N;const I=()=>{w();const S=j.contentDocument;S?.body&&(N=new ResizeObserver(w),N.observe(S.body),S.documentElement&&N.observe(S.documentElement))};return j.addEventListener("load",I),()=>{j.removeEventListener("load",I),N?.disconnect()}},[]);const b=g?_f(u,f):1,p=b<1,y=p?`${u}px`:g?"100%":t==="framed"&&u>0?`max(100%, ${u}px)`:u===0?"100%":`${u}px`,h=i===0?"1px":`${i}px`,v=s.jsx("iframe",{ref:o,title:"Email content",sandbox:zf,srcDoc:x,className:p?void 0:a,scrolling:"no",style:{width:y,maxWidth:p?"none":void 0,border:"none",display:"block",height:h,overflow:"hidden",transform:p?`scale(${b})`:void 0,transformOrigin:p?"top left":void 0,colorScheme:"normal"}});return s.jsx("div",{ref:r,className:p?a:void 0,children:p?s.jsx("div",{style:{width:"100%",height:`${Math.ceil(i*b)}px`,overflow:"hidden"},children:v}):v})},or=()=>s.jsx("p",{className:"text-fg-muted text-sm italic",children:"This message has no body content."}),ai=({html:e,text:t,isDark:n=!1,category:a,allowImages:r=!1,resolveCid:o,className:i,renderBlockedNotice:l})=>{const u=c.useMemo(()=>!e||typeof document>"u"?null:Ef({allowExternalImages:r,resolveCid:o})(e),[e,r,o]),d=u?.html??null,{framed:f,isPlain:m}=gf(a,u?.hasAuthorBackground??!1),g=c.useMemo(()=>!d||r?0:(d.match(/data-blocked-src/g)||[]).length,[d,r]);return!d&&!t?s.jsx("div",{className:$("message-body",i),children:s.jsx(or,{})}):s.jsxs("div",{className:$("message-body",i),children:[g>0&&l?.(g),d?f?s.jsx("div",{className:"w-full max-w-full overflow-x-auto",children:s.jsx(rr,{html:d,variant:"framed",isDark:n})}):s.jsx("div",{className:"max-w-full overflow-x-auto lg:max-w-2xl",children:s.jsx(rr,{html:d,variant:m?"plain":"framed",isDark:n})}):t?s.jsx("pre",{className:"email-text whitespace-pre-wrap text-sm leading-relaxed",children:t}):s.jsx(or,{})]})};function Jt({message:e="Select a thread to read",icon:t,showHints:n=!0,className:a}){return s.jsxs("div",{className:$("flex flex-1 flex-col items-center justify-center text-center",a),children:[t??s.jsx(Yn,{className:"size-10 text-fg-subtle"}),s.jsx("p",{className:"mt-3 text-sm text-fg-muted",children:e}),n&&s.jsxs("p",{className:"text-2xs text-fg-subtle",children:[s.jsx(Kt,{children:"j"})," / ",s.jsx(Kt,{children:"k"})," to move, ",s.jsx(Kt,{children:"Enter"})," to open"]})]})}function ri({message:e,onClick:t,isFocused:n,isUnread:a,trailing:r}){const o=s.jsxs(s.Fragment,{children:[s.jsx(gs,{className:"size-3.5 shrink-0 text-fg-subtle"}),s.jsxs("div",{className:"relative shrink-0",children:[s.jsx(st,{name:e.fromName,email:e.fromEmail,size:"md"}),a&&s.jsx("span",{className:"absolute -top-0.5 -right-0.5 size-2 rounded-full border border-canvas bg-accent"})]}),s.jsx("span",{className:$("w-36 shrink-0 truncate text-sm",a?"font-semibold text-fg":"font-medium text-fg-muted"),children:e.fromName}),s.jsx("span",{className:"min-w-0 flex-1 truncate text-xs text-fg-subtle",children:e.snippet}),r??s.jsx("span",{className:"shrink-0 text-2xs text-fg-subtle tabular-nums",children:e.dateLabel})]}),i=$("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",n&&"bg-surface-sunken ring-1 ring-inset ring-accent/30");return t?s.jsx("div",{role:"button",tabIndex:0,"aria-expanded":!1,onClick:t,onKeyDown:l=>{gc(l)&&(l.preventDefault(),t())},className:$(i,"cursor-pointer"),children:o}):s.jsx("div",{className:i,children:o})}function oi({message:e,warning:t,onHeaderClick:n,isFocused:a,senderBadge:r,trailing:o,to:i,indicators:l,actionMenu:u,actionBar:d,body:f}){const m=s.jsxs(s.Fragment,{children:[s.jsxs("div",{className:"flex items-baseline justify-between gap-2",children:[s.jsxs("span",{className:"text-sm font-semibold text-fg",children:[e.fromName,r]}),o??s.jsx("span",{className:"text-2xs text-fg-subtle",children:e.dateLabel})]}),s.jsx("div",{className:"text-xs text-fg-subtle",children:e.fromEmail}),i!==null&&s.jsx("div",{className:"text-xs text-fg-subtle",children:i??s.jsxs(s.Fragment,{children:["to ",e.toLabel]})})]});return s.jsxs("div",{className:$("px-2 py-3 lg:px-4",a&&"ring-1 ring-inset ring-accent/30"),children:[s.jsxs("div",{className:"flex items-start gap-3",children:[s.jsx(vt,{className:"mt-1 size-3.5 shrink-0 text-fg-subtle"}),s.jsx(st,{name:e.fromName,email:e.fromEmail,size:"md"}),s.jsxs("div",{className:"min-w-0 flex-1",children:[n?s.jsx("button",{type:"button",onClick:n,className:"w-full text-left",children:m}):m,l]}),u&&s.jsx("div",{className:"shrink-0",children:u})]}),t&&s.jsxs("div",{className:"mt-3 flex items-start gap-3 rounded-md bg-danger-soft p-3",children:[s.jsx(Ss,{className:"mt-0.5 size-4 shrink-0 text-danger"}),s.jsxs("div",{className:"text-sm text-fg",children:[s.jsx("span",{className:"font-semibold text-danger",children:"Caution: "}),t," ",s.jsx("button",{type:"button",className:"text-accent underline",children:"Why?"})]})]}),d&&s.jsx("div",{className:"mt-3 -mx-2 lg:-mx-4",children:d}),f??s.jsx(ai,{className:"mt-3",html:e.bodyHtml,category:e.framed?"newsletter":"personal",allowImages:!0})]})}function Bf({thread:e,onBack:t,intelligence:n,intelligenceOpen:a,onToggleIntelligence:r,actions:o,children:i,touchHandlers:l}){const[u,d]=c.useState(!1),f=r!==void 0,m=f?a??!1:u,g=!!n||f,x=()=>{if(f){r?.();return}d(p=>!p)},b=()=>{if(f){m&&r?.();return}d(!1)};return s.jsxs("article",{className:"flex h-full w-full min-w-0 flex-col bg-canvas",children:[s.jsxs("header",{className:"flex h-pane-header shrink-0 items-center gap-2 border-b border-line bg-surface px-row-inset",children:[s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(Lo,{className:"size-4"}),onClick:t,"aria-label":"Back to messages",className:"-ml-1 shrink-0"}),s.jsx("h2",{className:"min-w-0 flex-1 truncate text-sm font-semibold text-fg",children:e.subject}),g&&s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(no,{className:"size-4"}),onClick:x,"aria-label":m?"Hide intelligence panel":"Show intelligence panel","aria-pressed":m,title:"Intelligence",className:$("shrink-0",m&&"bg-accent-2-soft text-accent-2")})]}),s.jsx("div",{className:"flex-1 overflow-y-auto",style:l?{touchAction:"pan-y"}:void 0,...l,children:i??e.messages.map(p=>{const y=h=>h?()=>h(p.id):void 0;return p.expanded?s.jsx(oi,{message:p,warning:e.warning,onHeaderClick:y(o?.onToggleExpand),actionBar:s.jsx(ni,{hasThread:!0,onReply:y(o?.onReply),onReplyAll:y(o?.onReplyAll),onForward:y(o?.onForward),onToggleStar:y(o?.onToggleStar),onDelete:y(o?.onDelete),onToggleRead:y(o?.onToggleRead),moveSlot:o?.moveSlot?.(p.id)})},p.id):s.jsx(ri,{message:p,onClick:y(o?.onToggleExpand)},p.id)})}),n&&!f&&s.jsx(ao,{open:m,onClose:b,title:"Intelligence",anchor:"right",className:"p-0",children:s.jsx(Vo,{data:n,onClose:b,className:"h-full w-full border-l-0"})})]})}function $f({active:e,dimmed:t,indent:n}){return $("flex w-full items-center gap-2 rounded-md px-2 py-1 text-left text-sm transition-colors",n&&"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 Kf({icon:e,label:t,count:n,active:a}){return s.jsxs(s.Fragment,{children:[e&&s.jsx("span",{className:$("shrink-0",a?"text-accent-2":"text-fg-subtle"),children:e}),s.jsx("span",{className:"flex-1 truncate",children:t}),n!=null&&n>0&&s.jsx("span",{className:$("text-2xs tabular-nums",a?"text-accent-2":"text-fg-subtle"),children:n})]})}function us({icon:e,label:t,count:n,active:a,dimmed:r,indent:o,navId:i,linkComponent:l,ariaLabel:u,title:d,onClick:f}){const m=$f({active:a,dimmed:r,indent:o}),g=s.jsx(Kf,{icon:e,label:t,count:n,active:a});return i&&l?l({navId:i,className:m,ariaLabel:u??t,title:d,onClick:f,children:g}):s.jsx("button",{type:"button",onClick:f,className:m,"aria-label":u,title:d,children:g})}const ir={inbox:0,flagged:1,drafts:2,sent:3,archive:4,all:5,junk:6,trash:7};function qf(e){switch(e){case"inbox":return s.jsx(Yn,{className:"size-4"});case"flagged":return s.jsx(dt,{className:"size-4"});case"drafts":return s.jsx(bo,{className:"size-4"});case"sent":return s.jsx(bs,{className:"size-4"});case"archive":return s.jsx(Xc,{className:"size-4"});case"all":return s.jsx(Gc,{className:"size-4"});case"junk":return s.jsx(pc,{className:"size-4"});case"trash":return s.jsx(qe,{className:"size-4"})}}const lr=e=>e.role!=null,wn=8,cr="remit.nav.folders.open.",ur="remit.nav.account.open.";function dr(e,t,n){if(typeof localStorage>"u")return n;const a=localStorage.getItem(e+t);return a===null?n:a!=="0"}function fr(e,t,n){typeof localStorage>"u"||localStorage.setItem(e+t,n?"1":"0")}function Uf({query:e,onSelect:t,onRemove:n}){return s.jsxs("div",{className:"group flex w-full items-center gap-1 rounded-md pr-1 hover:bg-surface",children:[s.jsxs("button",{type:"button",onClick:t,className:"flex min-w-0 flex-1 items-center gap-2 px-2 py-1 text-left text-sm text-fg-muted transition-colors hover:text-fg",children:[s.jsx(vs,{className:"size-4 shrink-0 text-fg-subtle"}),s.jsx("span",{className:"min-w-0 flex-1 truncate",children:e})]}),n&&s.jsx("button",{type:"button",onClick:n,"aria-label":`Remove saved search: ${e}`,className:"shrink-0 rounded-full p-1 text-fg-subtle opacity-0 transition-opacity hover:bg-surface-sunken hover:text-fg group-hover:opacity-100 focus-visible:opacity-100",children:s.jsx(De,{className:"size-3.5"})})]})}function Hf({savedSearches:e,saveableQuery:t,onSelectSavedSearch:n,onRemoveSavedSearch:a,onSaveCurrentSearch:r}){return e.length===0&&!t?null:s.jsxs("div",{className:"mt-3",children:[s.jsx("div",{className:"px-2 pb-1 text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:"Saved searches"}),t&&s.jsxs("button",{type:"button",onClick:r,className:"flex w-full items-center gap-2 rounded-md px-2 py-1 text-left text-sm text-accent transition-colors hover:bg-surface",children:[s.jsx(Bd,{className:"size-4 shrink-0"}),s.jsxs("span",{className:"min-w-0 flex-1 truncate",children:["Save “",t,"”"]})]}),e.map(o=>s.jsx(Uf,{query:o,onSelect:()=>n?.(o),onRemove:a?()=>a(o):void 0},o))]})}function Qf({account:e,selectedNavId:t,onSelectNav:n,linkComponent:a}){const[r,o]=c.useState(()=>dr(ur,e.id,!0)),[i,l]=c.useState(()=>dr(cr,e.id,!0)),[u,d]=c.useState(!1),f=()=>{o(v=>{const j=!v;return fr(ur,e.id,j),j})},m=()=>{l(v=>{const j=!v;return fr(cr,e.id,j),j})},g=e.mailboxes.filter(lr).sort((v,j)=>ir[v.role]-ir[j.role]),x=e.mailboxes.filter(v=>!lr(v)),b=u||x.length<=wn?x:x.slice(0,wn),p=x.length-b.length,y=e.status??"ready",h=y==="ready"&&g.length===0&&x.length===0;return s.jsxs("div",{className:"mt-3",children:[s.jsxs("button",{type:"button",onClick:f,"aria-expanded":r,className:$("flex w-full items-center gap-1.5 px-2 pb-1 text-left transition-colors hover:text-fg",e.muted&&"opacity-55"),children:[r?s.jsx(vt,{className:"size-3 shrink-0 text-fg-subtle"}):s.jsx(gs,{className:"size-3 shrink-0 text-fg-subtle"}),s.jsx("span",{className:"truncate text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:e.label}),e.muted&&s.jsxs(s.Fragment,{children:[s.jsx(zo,{className:"size-3 shrink-0 text-fg-subtle"}),s.jsx("span",{className:"text-2xs text-fg-subtle",children:"muted"})]})]}),r&&s.jsxs(s.Fragment,{children:[y==="loading"&&s.jsx("div",{className:"px-2 py-1 text-sm text-fg-muted",children:"Loading…"}),y==="error"&&s.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:[s.jsx(yt,{className:"mt-0.5 size-4 shrink-0 text-danger","aria-hidden":"true"}),s.jsx("div",{className:"min-w-0 flex-1",children:s.jsx("p",{className:"font-medium text-danger",children:"Couldn't load mailboxes"})}),e.onRetry&&s.jsx("button",{type:"button",onClick:e.onRetry,className:"shrink-0 text-sm font-medium text-accent hover:underline",children:"Retry"})]}),h&&s.jsx("div",{className:"px-2 py-1 text-sm text-fg-muted",children:"No mailboxes"}),y==="ready"&&s.jsxs(s.Fragment,{children:[g.map(v=>s.jsx(us,{navId:v.id,linkComponent:a,icon:qf(v.role),label:v.name,ariaLabel:v.name,title:v.fullPath??v.name,count:v.unseen,active:t===v.id,dimmed:e.muted,onClick:()=>n?.(v.id)},v.id)),e.outboxPending!==void 0&&s.jsx(us,{navId:"outbox",linkComponent:a,icon:s.jsx(bs,{className:"size-4"}),label:"Outbox",ariaLabel:"Outbox",count:e.outboxPending>0?e.outboxPending:void 0,active:t==="outbox",dimmed:e.muted,onClick:()=>n?.("outbox")}),x.length>0&&s.jsxs(s.Fragment,{children:[s.jsxs("button",{type:"button",onClick:m,"aria-expanded":i,className:"mt-1 flex w-full items-center gap-1 px-2 py-1 text-left text-2xs font-semibold uppercase tracking-wider text-fg-subtle transition-colors hover:text-fg",children:[i?s.jsx(vt,{className:"size-3 shrink-0"}):s.jsx(gs,{className:"size-3 shrink-0"}),s.jsx("span",{className:"flex-1",children:"Folders"}),s.jsx("span",{className:"tabular-nums opacity-70",children:x.length})]}),i&&s.jsxs(s.Fragment,{children:[b.map(v=>s.jsx(us,{navId:v.id,linkComponent:a,icon:s.jsx(Yc,{className:"size-4"}),label:v.name,ariaLabel:v.name,title:v.fullPath??v.name,count:v.unseen,active:t===v.id,dimmed:e.muted,onClick:()=>n?.(v.id)},v.id)),(p>0||u)&&x.length>wn&&s.jsx("button",{type:"button",onClick:()=>d(v=>!v),className:"ml-7 flex items-center px-2 py-1 text-2xs font-medium text-accent transition-colors hover:underline",children:u?"Show less":`Show all (${x.length})`})]})]})]})]})]})}function Wf({accounts:e,selectedNavId:t,briefUnseen:n,onSelectNav:a,variant:r="desktop",linkComponent:o,savedSearches:i=[],saveableQuery:l,onSelectSavedSearch:u,onRemoveSavedSearch:d,onSaveCurrentSearch:f}){const m=s.jsxs("nav",{className:r==="drawer"?"px-2 py-2":"flex-1 overflow-y-auto px-2 py-2","aria-label":"Mailboxes",children:[s.jsx(us,{navId:"brief",linkComponent:o,icon:s.jsx(Ke,{className:"size-4"}),label:"Daily brief",ariaLabel:"Daily brief",count:n,active:t==="brief",onClick:()=>a?.("brief")}),s.jsx(us,{navId:"flagged",linkComponent:o,icon:s.jsx(dt,{className:"size-4"}),label:"Flagged",ariaLabel:"Flagged",active:t==="flagged",onClick:()=>a?.("flagged")}),s.jsx(Hf,{savedSearches:i,saveableQuery:l,onSelectSavedSearch:u,onRemoveSavedSearch:d,onSaveCurrentSearch:f}),e.length===0?s.jsx("div",{className:"px-2 py-4 text-center text-sm text-fg-muted",children:"No accounts configured"}):e.map(g=>s.jsx(Qf,{account:g,selectedNavId:t,onSelectNav:a,linkComponent:o},g.id))]});return r==="drawer"?m:s.jsx("aside",{className:"flex h-full w-full flex-col bg-surface-sunken",children:m})}function Vf({label:e,size:t="sm",onUndo:n,undoLabel:a="Undo",className:r}){return s.jsxs(Je,{tone:"accent",className:$(t==="md"&&"py-1 text-xs",r),children:[s.jsx(Gd,{className:$(t==="sm"?"size-3":"size-3.5","shrink-0"),"aria-hidden":!0}),s.jsx("span",{children:e}),n&&s.jsx("button",{type:"button",onClick:o=>{o.stopPropagation(),n()},className:"font-semibold underline decoration-dotted underline-offset-2 hover:decoration-solid",children:a})]})}const Yf=320,Gf="cubic-bezier(0.32, 0.9, 0.3, 1)",Xf=.5,Jf=.4,Zf=360;function em(e){return Math.sign(e)*Math.sqrt(Math.abs(e))*4}function tm({open:e,onClose:t,children:n,dismissLabel:a="Dismiss"}){const r=c.useRef(null),[o,i]=c.useState(Zf),[l,u]=c.useState(null);c.useLayoutEffect(()=>{const h=r.current;if(!h)return;const v=()=>i(h.offsetHeight);v();const j=new ResizeObserver(v);return j.observe(h),()=>j.disconnect()},[]);const d=c.useRef(null),f=c.useCallback(h=>{h.currentTarget.setPointerCapture(h.pointerId),d.current={startY:h.clientY,lastY:h.clientY,lastT:h.timeStamp,velocity:0,moved:!1},u(0)},[]),m=c.useCallback(h=>{const v=d.current;if(!v)return;const j=h.timeStamp-v.lastT;j>0&&(v.velocity=(h.clientY-v.lastY)/j),v.lastY=h.clientY,v.lastT=h.timeStamp;const w=h.clientY-v.startY;Math.abs(w)>4&&(v.moved=!0);const N=w<0?em(w):w;u(N)},[]),g=c.useCallback(()=>{const h=d.current;if(d.current=null,!h)return;const v=h.lastY-h.startY,w=h.velocity>Xf||v>o*Jf;u(null),w&&t()},[o,t]),x=l!==null,b=e?l??0:o,p=Math.min(Math.max(1-b/o,0),1),y=x?"none":`transform ${Yf}ms ${Gf}`;return s.jsxs("div",{className:$("absolute inset-0 z-40 select-none overflow-hidden",e||x?"":"pointer-events-none"),children:[s.jsx("button",{type:"button","aria-label":a,tabIndex:-1,onClick:t,className:$("absolute inset-0 bg-black/40",p>0?"pointer-events-auto":"pointer-events-none"),style:{opacity:p*.6,transition:y.replace("transform","opacity")}}),s.jsxs("div",{ref:r,className:"absolute inset-x-0 bottom-0 flex max-h-[92%] flex-col rounded-t-3xl border-t border-line bg-surface shadow-2xl shadow-black/30",style:{transform:`translateY(${b}px)`,transition:y},children:[s.jsx("div",{role:"slider","aria-label":"Drag down to dismiss","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":Math.round(p*100),tabIndex:0,onPointerDown:f,onPointerMove:m,onPointerUp:g,onPointerCancel:g,className:"flex cursor-grab touch-none justify-center pb-1 pt-2.5 active:cursor-grabbing",children:s.jsx("div",{className:"h-1 w-10 rounded-full bg-fg-subtle/40"})}),s.jsx("div",{className:"flex min-h-0 flex-1 flex-col overflow-hidden",children:n})]})]})}const sm="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",mr="pointer-events-none absolute inset-0 m-auto size-3.5 text-accent-fg";function nm({label:e,description:t,indeterminate:n=!1,checked:a,onChange:r,className:o,...i}){const l=c.useRef(null);c.useEffect(()=>{l.current&&(l.current.indeterminate=n)},[n]);const u=s.jsxs("span",{className:"relative inline-flex",children:[s.jsx("input",{ref:l,type:"checkbox",checked:a,onChange:r,className:sm,...i}),s.jsx(ws,{className:$(mr,"hidden peer-checked:block"),"aria-hidden":!0}),s.jsx(Ud,{className:$(mr,"hidden peer-indeterminate:block"),"aria-hidden":!0})]});return e===void 0&&t===void 0?s.jsx("span",{className:o,children:u}):s.jsxs("label",{className:$("flex min-h-11 cursor-pointer items-center gap-3 text-left",o),children:[u,s.jsxs("span",{className:"flex min-w-0 flex-col",children:[e!==void 0&&s.jsx("span",{className:"text-sm text-fg",children:e}),t!==void 0&&s.jsx("span",{className:"text-xs text-fg-subtle",children:t})]})]})}const am=({status:e})=>e==="saving"?s.jsx("span",{className:"animate-pulse text-xs text-fg-muted",children:"Saving..."}):e==="saved"?s.jsx("span",{className:"text-xs text-fg-muted",children:"Draft saved"}):e==="error"?s.jsx("span",{className:"text-xs text-danger",children:"Save failed"}):null;function rm({onSend:e,onDiscard:t,sending:n,canSend:a,saveStatus:r="idle",unavailableReason:o,onUnavailable:i}){return s.jsxs("div",{className:"flex items-center justify-between border-t border-line px-3 py-2",children:[s.jsxs("div",{className:"flex items-center gap-3",children:[s.jsx(X,{variant:"primary",size:"md","aria-busy":n,title:a?void 0:o,className:"min-h-11 rounded-full px-4",icon:n?s.jsx(St,{className:"size-4 animate-spin"}):s.jsx(bs,{className:"size-4"}),onClick:()=>{if(!n){if(!a){o&&i?.(o);return}e()}},children:"Send"}),s.jsx(am,{status:r})]}),s.jsx(X,{variant:"ghost",size:"md","aria-busy":n,"aria-label":"Discard",className:"min-h-11 min-w-11 px-2 hover:text-danger",icon:s.jsx(qe,{className:"size-4"}),onClick:()=>{n||t()}})]})}function om({banner:e,header:t,children:n,quoted:a,actionBar:r}){return s.jsxs("div",{className:"flex h-full min-h-0 flex-col",children:[e,t,s.jsxs("div",{className:"min-h-0 flex-1 overflow-auto",children:[n,a&&s.jsx("div",{className:"px-3 pb-2",children:a})]}),r]})}const im=e=>e instanceof HTMLElement?e.tagName==="INPUT"||e.tagName==="TEXTAREA"||e.isContentEditable:!1,ua=({value:e,onChange:t,onClear:n,onClearQuery:a,placeholder:r="Search mail...",globalFocusKey:o=!0,showClearButton:i=!0})=>{const l=c.useRef(null),u=a??n,d=c.useCallback(()=>{n(),l.current?.focus()},[n]),f=c.useCallback(m=>{if(m.key==="Escape"){if(e){u();return}l.current?.blur()}},[e,u]);return c.useEffect(()=>{if(!o)return;const m=g=>{g.key!=="/"||g.metaKey||g.ctrlKey||g.altKey||im(g.target)||(g.preventDefault(),l.current?.focus())};return window.addEventListener("keydown",m),()=>window.removeEventListener("keydown",m)},[o]),s.jsxs("div",{className:"relative w-full",children:[s.jsx(vs,{className:"absolute left-3 top-1/2 -translate-y-1/2 size-4 text-fg-muted pointer-events-none"}),s.jsx("input",{ref:l,id:"mail-search",name:"q",type:"text","aria-label":"Search mail",value:e,onChange:m=>t(m.target.value),onKeyDown:f,placeholder:r,className:$("w-full pl-9 pr-9 py-1.5 text-sm rounded-md","bg-surface-sunken/50 border border-transparent","focus:bg-canvas focus:border-line focus:outline-none focus:ring-2 focus:ring-ring","placeholder:text-fg-muted","transition-colors")}),e&&i&&s.jsx("button",{type:"button",onClick:d,className:"absolute right-2 top-1/2 -translate-y-1/2 p-0.5 rounded hover:bg-surface-raised transition-colors","aria-label":"Clear search",children:s.jsx(De,{className:"size-4 text-fg-muted"})})]})};function lm({title:e,unreadCount:t,isDesktop:n,onMenuClick:a,searchValue:r,onSearchChange:o,onSearchClear:i,searchOpen:l,onSearchOpenChange:u}){const d=`${t.toLocaleString()} unread`,f=i??(()=>o("")),m=()=>{f(),u(!1)},g=b=>s.jsx(ua,{value:r,onChange:o,onClear:f,globalFocusKey:!1,showClearButton:b}),x=s.jsx(X,{variant:"ghost",icon:s.jsx(aa,{className:"size-5"}),onClick:a,"aria-label":"Menu",className:"min-h-11 min-w-11 shrink-0 px-0"});return s.jsx("header",{className:"flex shrink-0 flex-col bg-canvas",children:s.jsx("div",{className:"flex h-12 items-center gap-2 px-row-inset",children:n?s.jsxs(s.Fragment,{children:[x,s.jsx("h1",{className:"min-w-0 flex-1 truncate text-sm font-semibold text-fg",children:e}),s.jsx("span",{className:"shrink-0 text-2xs text-fg-subtle",children:d}),s.jsx("div",{className:"w-64 max-w-[40%] shrink-0",children:g(!0)})]}):l||r.trim().length>0?s.jsxs("div",{className:"flex flex-1 items-center gap-1",children:[s.jsx("div",{className:"flex-1",children:g(!1)}),s.jsx(X,{variant:"ghost",icon:s.jsx(De,{className:"size-5"}),onClick:m,"aria-label":"Close search",className:"min-h-11 min-w-11 shrink-0 px-0"})]}):s.jsxs(s.Fragment,{children:[x,s.jsx("h1",{className:"min-w-0 flex-1 truncate text-sm font-semibold text-fg",children:e}),s.jsx("span",{className:"shrink-0 text-2xs text-fg-subtle",children:d}),s.jsx(X,{variant:"ghost",icon:s.jsx(vs,{className:"size-5"}),onClick:()=>u(!0),"aria-label":"Search",className:"min-h-11 min-w-11 shrink-0 px-0"})]})})})}const cm=(e,t)=>e==="vip"?"vip":e==="unknown"&&t==="md"?"unknown-pill":"hidden",um=({senderTrust:e,size:t="sm",className:n})=>{const a=cm(e,t);return a==="vip"?s.jsx(Ke,{className:$("text-warning shrink-0",t==="sm"&&"size-3.5",t==="md"&&"size-4",n),"aria-label":"VIP sender","data-testid":"sender-trust-vip"}):a==="unknown-pill"?s.jsx("span",{className:$("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",n),title:"First message from this sender","aria-label":"First message from this sender","data-testid":"sender-trust-unknown",children:"new"}):null};function hr(e,t){const n=t?.trim();if(!n)return e;const a=e.toLowerCase(),r=n.toLowerCase(),o=[];let i=0,l=a.indexOf(r,i),u=0;for(;l!==-1;)l>i&&o.push(e.slice(i,l)),o.push(s.jsx("mark",{className:"bg-transparent font-semibold text-fg",children:e.slice(l,l+r.length)},u++)),i=l+r.length,l=a.indexOf(r,i);return i<e.length&&o.push(e.slice(i)),o}function dm({result:e,onClick:t,query:n}){return s.jsxs("button",{type:"button",onClick:t,className:"flex w-full flex-col gap-0.5 border-b border-line px-row-inset py-2.5 text-left transition-colors hover:bg-surface-sunken",children:[s.jsxs("div",{className:"flex items-baseline gap-2",children:[s.jsx("span",{className:$("min-w-0 flex-1 truncate text-sm",e.unread?"font-semibold text-fg":"font-medium text-fg-muted"),children:e.sender}),s.jsx("span",{className:"shrink-0 text-2xs text-fg-subtle tabular-nums",children:e.date})]}),s.jsxs("div",{className:"flex items-center gap-1.5",children:[s.jsx("span",{className:$("min-w-0 flex-1 truncate text-sm",e.unread?"text-fg":"text-fg-muted"),children:hr(e.subject,n)}),e.flagged&&s.jsx($d,{className:"size-3.5 shrink-0 fill-warning text-warning"})]}),s.jsxs("div",{className:"flex items-center gap-2",children:[s.jsx("span",{className:"min-w-0 flex-1 truncate text-xs text-fg-subtle",children:hr(e.snippet,n)}),e.category&&s.jsx(Je,{tone:e.category.tone??"neutral",className:"shrink-0",children:e.category.label}),e.matchedChunkLabel&&s.jsx(Je,{tone:"neutral",className:"shrink-0",children:`matched: ${e.matchedChunkLabel}`}),e.score!=null&&s.jsx("span",{className:"shrink-0 text-2xs text-fg-subtle tabular-nums",children:e.score.toFixed(2)})]})]})}const fm=({label:e,onRemove:t,className:n})=>s.jsxs("span",{className:$("inline-flex items-center gap-1 rounded-full border border-line bg-surface-sunken px-2 py-0.5 text-2xs text-fg-muted",n),children:[s.jsx("span",{children:e}),s.jsx("button",{type:"button",onClick:t,className:"shrink-0 rounded-full p-0.5 hover:bg-fg-muted/20 transition-colors","aria-label":`Remove filter: ${e}`,children:s.jsx(De,{className:"size-3"})})]}),mm=({tokens:e,className:t})=>e.length===0?null:s.jsx("div",{className:$("flex flex-wrap items-center gap-1.5 border-b border-line bg-surface px-row-inset py-1.5",t),children:e.map(n=>s.jsx(fm,{label:n.label,onRemove:n.onRemove},n.label))}),gr=6;function hm({section:e,query:t,onSelectResult:n}){const[a,r]=c.useState(e.initialCollapsed??!1),[o,i]=c.useState(!1),l=e.results.length>gr,d=!o&&l?e.results.slice(0,gr):e.results,f=e.results.length-d.length;return s.jsxs("div",{children:[s.jsxs("button",{type:"button","aria-expanded":!a,onClick:()=>r(m=>!m),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:[s.jsx("span",{className:"flex-1 text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:e.label}),s.jsx("span",{className:"text-2xs text-fg-subtle tabular-nums",children:e.results.length}),s.jsx(vt,{className:$("size-3 shrink-0 text-fg-subtle transition-transform duration-200",a?"rotate-0":"rotate-180")})]}),!a&&s.jsxs(s.Fragment,{children:[d.map(m=>s.jsx(dm,{result:m,query:t,onClick:n?()=>n(m):void 0},m.id)),l&&s.jsxs("button",{type:"button",onClick:()=>i(m=>!m),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:[o?"Show less":`Show ${f} more`,!o&&s.jsx(vt,{className:"ml-1 size-3"})]})]})]})}function ii({value:e,recentSearches:t,onPickRecent:n,sections:a,loading:r,onSelectResult:o,tokens:i}){const l=e.trim().length>0,u=(a??[]).some(f=>f.results.length>0);if(!l)return t&&t.length>0?s.jsxs("div",{className:"flex flex-col",children:[s.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(f=>s.jsxs("button",{type:"button",onClick:()=>n?.(f),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:[s.jsx(ca,{className:"size-4 shrink-0 text-fg-subtle"}),s.jsx("span",{className:"min-w-0 flex-1 truncate text-sm text-fg-muted",children:f})]},f))]}):s.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&&s.jsx(mm,{tokens:i});return r?s.jsxs("div",{className:"flex flex-col",children:[d,s.jsx("div",{className:"flex flex-col gap-3 px-row-inset py-4",children:[0,1,2,3].map(f=>s.jsxs("div",{className:"flex flex-col gap-1.5",children:[s.jsx("div",{className:"h-3 w-1/3 animate-pulse rounded bg-surface-sunken"}),s.jsx("div",{className:"h-3 w-2/3 animate-pulse rounded bg-surface-sunken"}),s.jsx("div",{className:"h-2.5 w-1/2 animate-pulse rounded bg-surface-sunken"})]},f))})]}):u?s.jsxs("div",{className:"flex flex-col",children:[d,a?.filter(f=>f.results.length>0).map(f=>s.jsx(hm,{section:f,query:e,onSelectResult:o},f.id))]}):s.jsxs("div",{className:"flex flex-col",children:[d,s.jsxs("div",{className:"px-row-inset py-10 text-center",children:[s.jsxs("p",{className:"text-sm font-medium text-fg",children:["No matches for “",e,"”"]}),s.jsx("p",{className:"mt-1 text-xs text-fg-subtle",children:"Try a different word, or adjust the filters above."})]})]})}function gm({value:e,onChange:t,onClear:n,onCancel:a,filter:r,recentSearches:o,onPickRecent:i,sections:l,loading:u,onSelectResult:d,tokens:f}){const m=s.jsx(ii,{value:e,recentSearches:o,onPickRecent:i,sections:l,loading:u,onSelectResult:d,tokens:f});return s.jsxs("article",{className:"flex h-full w-full min-w-0 flex-col bg-canvas",children:[s.jsxs("header",{className:"flex h-pane-header shrink-0 items-center gap-2 border-b border-line bg-surface px-row-inset",children:[s.jsx("div",{className:"min-w-0 flex-1",children:s.jsx(ua,{value:e,onChange:t,onClear:n,globalFocusKey:!1,showClearButton:!1})}),s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(De,{className:"size-4"}),onClick:a,"aria-label":"Clear and close search",className:"-mr-1 shrink-0"})]}),r?s.jsx(Gn,{...r,children:m}):s.jsx("div",{className:"flex-1 overflow-y-auto",children:m})]})}const pr="w-full text-left px-3 py-2.5 min-h-11 flex items-center gap-2 transition-colors text-sm rounded-md focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-canvas",pm={searchPlaceholder:"Move to…",searchAriaLabel:"Filter folders",listAriaLabel:"Destination folders",currentSuffix:"(current folder)",currentTag:"current",emptyMessage:e=>`No folders match "${e}"`,optionLabel:e=>`Move to ${e}`},jn=e=>{for(let t=0;t<e.length;t+=1)if(!e[t]?.isCurrent)return t;return-1},xm=e=>{for(let t=e.length-1;t>=0;t-=1)if(!e[t]?.isCurrent)return t;return-1},xr=(e,t,n)=>{const a=e.length;if(a<=0)return-1;const r=t<0?n===1?-1:a:t;for(let o=1;o<=a;o+=1){const i=((r+n*o)%a+a)%a;if(!e[i]?.isCurrent)return i}return-1},bm=(e,t)=>e.label.toLowerCase().includes(t)?!0:e.searchValue?.toLowerCase().includes(t)??!1,li=({mailboxes:e,onSelect:t,onCancel:n,autoFocus:a=!1,labels:r})=>{const o={...pm,...r},[i,l]=c.useState(""),[u,d]=c.useState(()=>jn(e)),f=c.useRef(null),m=c.useRef([]);c.useEffect(()=>{a&&f.current?.focus()},[a]);const g=i.trim().toLowerCase(),x=c.useMemo(()=>g?e.filter(h=>bm(h,g)):[...e],[e,g]);c.useEffect(()=>{d(h=>h>=0&&h<x.length&&!x[h]?.isCurrent?h:jn(x))},[x]),c.useEffect(()=>{if(u<0)return;const h=m.current[u];h&&document.activeElement!==f.current&&h.focus()},[u]);const b=c.useCallback(()=>{if(u<0)return;const h=x[u];!h||h.isCurrent||t(h.id)},[u,x,t]),p=c.useCallback(h=>{switch(h.key){case"ArrowDown":h.preventDefault(),d(v=>xr(x,v,1));return;case"ArrowUp":h.preventDefault(),d(v=>xr(x,v,-1));return;case"Home":h.preventDefault(),d(jn(x));return;case"End":h.preventDefault(),d(xm(x));return;case"Enter":case" ":h.preventDefault(),b();return;case"Escape":h.preventDefault(),n?.();return;default:return}},[x,b,n]),y=c.useCallback(h=>{if(h.key==="ArrowDown"){if(h.preventDefault(),x.length===0)return;m.current[u>=0?u:0]?.focus();return}h.key==="Escape"&&(h.preventDefault(),n?.())},[x.length,u,n]);return s.jsxs("div",{className:"flex flex-col",children:[s.jsx(ro,{variant:"inline",className:"border-b border-line px-3 py-2",icon:s.jsx(vs,{className:"size-4","aria-hidden":"true"}),ref:f,type:"search",value:i,onChange:h=>l(h.target.value),onKeyDown:y,placeholder:o.searchPlaceholder,"aria-label":o.searchAriaLabel}),s.jsx("div",{className:"flex-1 overflow-y-auto py-1",role:"listbox","aria-label":o.listAriaLabel,onKeyDown:p,children:x.length===0?s.jsx("div",{className:"px-3 py-3 text-sm text-fg-muted","aria-live":"polite",children:o.emptyMessage(i)}):x.map((h,v)=>{const j=h.isCurrent??!1,w=v===u;return j?s.jsx("div",{children:s.jsxs("div",{role:"option","aria-selected":!1,"aria-current":"true","aria-label":`${h.label} ${o.currentSuffix}`,className:$(pr,"opacity-60 bg-surface-sunken/40"),children:[s.jsx("span",{className:"truncate flex-1",children:h.label}),s.jsx("span",{className:"text-xs text-fg-muted shrink-0",children:o.currentTag})]})},h.id):s.jsx("div",{children:s.jsx("button",{ref:N=>{m.current[v]=N},type:"button",role:"option","aria-selected":!1,tabIndex:w?0:-1,onClick:()=>t(h.id),onFocus:()=>d(v),"aria-label":o.optionLabel(h.label),className:$(pr,"hover:bg-surface-raised"),children:s.jsx("span",{className:"truncate flex-1",children:h.label})})},h.id)})})]})},vm={queued:{icon:ca,label:"Queued",className:"text-warning"},sending:{icon:St,label:"Sending…",className:"text-accent-2",spin:!0},sent:{icon:_o,label:"Sent",className:"text-positive"},failed:{icon:yt,label:"Failed",className:"text-danger"},blocked:{icon:Xn,label:"Blocked",className:"text-warning"}};function br({status:e,iconOnly:t,className:n}){const a=vm[e],r=a.icon;return s.jsxs("span",{className:$("inline-flex items-center gap-1.5 text-xs font-medium",a.className,n),children:[s.jsx(r,{className:$("size-4",a.spin&&"animate-spin")}),!t&&a.label]})}const ym=(e,t)=>t?"bg-accent-2-soft":e==="failed"?"bg-danger-soft":e==="blocked"?"bg-warning/10":"";function wm({recipients:e,subject:t,time:n,status:a,error:r,selected:o,onSelect:i,onRetry:l,retrying:u,onEdit:d,onDelete:f,deleting:m}){const g=a==="failed"||a==="blocked";return s.jsxs("div",{className:$("flex items-start gap-3 border-b border-line px-4 py-3 transition-colors hover:bg-surface-raised",ym(a,o)),children:[s.jsxs("button",{type:"button",onClick:i,className:"flex flex-1 min-w-0 items-start gap-3 text-left",children:[s.jsx("div",{className:"mt-0.5 shrink-0",children:s.jsx(br,{status:a,iconOnly:!0})}),s.jsxs("div",{className:"min-w-0 flex-1",children:[s.jsxs("div",{className:"flex items-center justify-between gap-2",children:[s.jsx("span",{className:"truncate text-sm font-medium",children:e}),s.jsx("span",{className:"shrink-0 text-xs text-fg-muted",children:n})]}),s.jsx("div",{className:"truncate text-sm",children:t||"No subject"}),s.jsxs("div",{className:"mt-1 flex items-center gap-2",children:[s.jsx(br,{status:a}),r&&s.jsxs("span",{className:"truncate text-xs text-fg-muted",children:["— ",r]})]})]})]}),g&&s.jsx("div",{className:"shrink-0",children:s.jsx(Jc,{actions:[...a==="failed"&&l?[{label:"Retry sending",iconOnly:!0,icon:s.jsx(Qd,{className:"size-3.5"}),busy:u,onClick:l}]:[],{label:"Edit as draft",iconOnly:!0,icon:s.jsx(bs,{className:"size-3.5"}),onClick:d}],destructive:{label:"Delete message",iconOnly:!0,icon:s.jsx(qe,{className:"size-3.5"}),busy:m,confirm:{prompt:"Delete this message?",confirmLabel:"Delete"},onClick:f}})})]})}const jm=e=>{const[t,n]=c.useState(()=>typeof window>"u"||!window.matchMedia?!1:window.matchMedia(e).matches);return c.useEffect(()=>{if(typeof window>"u"||!window.matchMedia)return;const a=window.matchMedia(e);n(a.matches);const r=o=>n(o.matches);return a.addEventListener("change",r),()=>a.removeEventListener("change",r)},[e]),t},Sm=({children:e,onRefresh:t,isRefreshing:n})=>jm("(min-width: 1024px)")?e:s.jsx(xc,{onRefresh:t,isPullable:!n,children:e}),Nm=({text:e,html:t,senderName:n,date:a})=>{const[r,o]=c.useState(!1);if(!e&&!t)return null;const i=[n,a].filter(Boolean).join(" on ");return s.jsxs("div",{className:"mt-2 px-3 pb-2",children:[s.jsxs("button",{type:"button",onClick:()=>o(!r),"aria-expanded":r,className:"flex items-center gap-1 text-xs text-fg-muted hover:text-fg transition-colors",children:[r?s.jsx(vt,{className:"size-3"}):s.jsx(gs,{className:"size-3"}),i?`${i} wrote:`:"Show quoted text"]}),r&&s.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?s.jsx("div",{dangerouslySetInnerHTML:{__html:t}}):e.split(`
109
- `).map((l,u)=>s.jsx("p",{className:"min-h-[1.2em]",children:l},u))})]})},km=e=>e===1?"message":"messages";function Cm({count:e,onReview:t,onDismiss:n,actionLabel:a="Review & rescue"}){return s.jsx(oo,{tone:"info",variant:"soft",onDismiss:n,children:s.jsxs("div",{className:"flex flex-col gap-2",children:[s.jsxs("p",{className:"flex items-start gap-2 text-sm text-fg",children:[s.jsx(ln,{className:"mt-0.5 size-4 shrink-0 text-positive","aria-hidden":!0}),s.jsxs("span",{children:[s.jsx("span",{className:"font-semibold text-fg",children:`${e} ${km(e)} here`})," ","may not be spam — they're from senders we can verify."]})]}),s.jsx(X,{variant:"primary",size:"sm",onClick:t,className:"self-start",children:a})]})})}function Em({candidate:e,selected:t,onToggle:n}){const{senderName:a,senderAddress:r,subject:o,snippet:i,trustReason:l,trustSubReason:u,senderTrust:d}=e;return s.jsxs("label",{className:$("flex w-full cursor-pointer items-start gap-3 px-3 py-2.5 text-left transition-colors",t?"bg-positive/10":"bg-surface hover:bg-surface-sunken"),children:[s.jsx(nm,{className:"mt-0.5",checked:t,onChange:n,"aria-label":`${t?"Deselect":"Select"} message from ${a}`}),s.jsx(st,{name:a,email:r,size:"sm"}),s.jsxs("span",{className:"min-w-0 flex-1",children:[s.jsxs("span",{className:"flex items-center gap-1.5",children:[s.jsx("span",{className:"truncate text-sm font-medium text-fg",children:a}),d&&s.jsx(um,{senderTrust:d,size:"sm"}),s.jsx("span",{className:"truncate text-2xs text-fg-subtle",children:r})]}),s.jsx("span",{className:"block truncate text-sm text-fg-muted",children:o}),s.jsx("span",{className:"block line-clamp-1 text-xs text-fg-subtle",children:i}),s.jsxs("span",{className:"mt-1.5 flex flex-wrap items-center gap-1.5",children:[s.jsxs(Je,{tone:"positive",children:[s.jsx(ln,{className:"size-3","aria-hidden":!0}),l]}),s.jsx("span",{className:"text-2xs text-fg-subtle",children:u})]})]})]})}const da=e=>e===1?"message":"messages",Im=(e,t)=>`Moves ${e===1?"this message":`these ${e} ${da(e)}`} out of Spam to ${t} now. Nothing later.`,Ln=(e,t)=>e.find(n=>n.id===t)?.label??"Inbox";function Rm(){return s.jsx(oo,{tone:"info",variant:"soft",children:s.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 Mm({candidates:e,selected:t,onToggle:n,onSelectAll:a,onSelectNone:r,onContinue:o,onCancel:i}){const[l,u]=c.useState(!1),d=t.size;return s.jsxs("div",{className:"flex min-h-0 flex-col",children:[s.jsxs("div",{className:"px-row-inset pb-2 pt-1",children:[s.jsxs("div",{className:"flex items-start justify-between gap-2",children:[s.jsxs("h2",{className:"flex items-center gap-2 text-sm font-semibold text-fg",children:[s.jsx(ln,{className:"size-4 text-positive","aria-hidden":!0}),"Rescue from Spam"]}),s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(Wc,{className:"size-3.5"}),onClick:()=>u(f=>!f),className:"-mr-1.5 -mt-0.5",children:"Why these?"})]}),s.jsx("p",{className:"mt-1 text-2xs text-fg-subtle",children:"These look safe — from senders we can verify. Uncheck anything that belongs in Spam."}),l&&s.jsx("div",{className:"mt-2",children:s.jsx(Rm,{})})]}),s.jsxs("div",{className:"flex items-center justify-between px-row-inset pb-1.5",children:[s.jsx("span",{className:"text-2xs font-medium text-fg-muted",children:`${d} of ${e.length} selected`}),s.jsxs("span",{className:"flex gap-1",children:[s.jsx(X,{variant:"ghost",size:"sm",onClick:a,children:"Select all"}),s.jsx(X,{variant:"ghost",size:"sm",onClick:r,children:"Select none"})]})]}),s.jsx("div",{className:"min-h-0 flex-1 divide-y divide-line overflow-y-auto border-y border-line",children:e.map(f=>s.jsx(Em,{candidate:f,selected:t.has(f.id),onToggle:()=>n(f.id)},f.id))}),s.jsxs("div",{className:"space-y-2 border-t border-line bg-surface px-row-inset py-3",children:[s.jsx(X,{variant:"primary",onClick:o,className:"h-11 w-full font-semibold",children:`Continue with ${d} ${da(d)}`}),s.jsx(X,{variant:"ghost",onClick:i,className:"h-11 w-full",children:"Cancel"})]})]})}function Tm({count:e,folders:t,destination:n,onPick:a,onMove:r,onBack:o}){const[i,l]=c.useState(!1);return s.jsxs("div",{className:"flex min-h-0 flex-col",children:[s.jsxs("div",{className:"px-row-inset pb-2 pt-1",children:[s.jsx("h2",{className:"text-sm font-semibold text-fg",children:"Where should they go?"}),s.jsx("p",{className:"mt-1 text-2xs text-fg-subtle",children:"Pick a folder, then we move them out of Spam."})]}),s.jsx("div",{className:"min-h-0 flex-1 overflow-y-auto px-row-inset py-2",children:i?s.jsx("div",{className:"overflow-hidden rounded-xl border border-line bg-surface",children:s.jsx(li,{mailboxes:t,autoFocus:!0,onSelect:u=>{a(u),l(!1)},onCancel:()=>l(!1)})}):s.jsxs("div",{className:"rounded-xl border border-line bg-surface-sunken p-3",children:[s.jsx("p",{className:"text-2xs text-fg-subtle",children:"Destination"}),s.jsx("p",{className:"mt-0.5 text-sm font-medium text-fg",children:Ln(t,n)}),s.jsx(X,{variant:"ghost",size:"sm",onClick:()=>l(!0),className:"mt-2 px-0",children:"Move to a different folder"})]})}),s.jsxs("div",{className:"space-y-2 border-t border-line bg-surface px-row-inset py-3",children:[s.jsx("p",{className:"text-2xs text-fg-subtle",children:Im(e,Ln(t,n))}),s.jsx(X,{variant:"primary",onClick:r,className:"h-11 w-full font-semibold",children:`Move ${e} out of Spam`}),s.jsx(X,{variant:"ghost",onClick:o,className:"h-11 w-full",children:"Back"})]})]})}function Dm({count:e,destinationLabel:t,onClose:n}){return s.jsxs("div",{className:"flex min-h-0 flex-col",children:[s.jsxs("div",{className:"flex flex-1 flex-col items-center justify-center gap-3 px-row-inset py-10 text-center",children:[s.jsx(la,{className:"size-10 text-positive","aria-hidden":!0}),s.jsx("p",{className:"text-base font-semibold text-fg",children:`Moved ${e} ${da(e)} out of Spam.`}),s.jsx("p",{className:"text-2xs text-fg-subtle",children:`You'll find them in ${t}.`})]}),s.jsx("div",{className:"border-t border-line bg-surface px-row-inset py-3",children:s.jsx(X,{variant:"primary",onClick:n,className:"h-11 w-full font-semibold",children:"Done"})})]})}function Am({open:e,candidates:t,defaultDestinationId:n,availableFolders:a,onConfirmMove:r,onCancel:o}){const[i,l]=c.useState("review"),[u,d]=c.useState(()=>e?new Set(t.map(v=>v.id)):new Set),[f,m]=c.useState(n),[g,x]=c.useState(0),b=c.useRef(!1);c.useEffect(()=>{e&&!b.current&&(l("review"),d(new Set(t.map(v=>v.id))),m(n),x(0)),b.current=e},[e,t,n]);const p=u.size,y=v=>{d(j=>{const w=new Set(j);return w.has(v)?w.delete(v):w.add(v),w})},h=()=>{const v=Array.from(u);x(v.length),r(v,f),l("done")};return s.jsxs(tm,{open:e,onClose:o,dismissLabel:"Close rescue",children:[i==="review"&&s.jsx(Mm,{candidates:t,selected:u,onToggle:y,onSelectAll:()=>d(new Set(t.map(v=>v.id))),onSelectNone:()=>d(new Set),onContinue:()=>l("destination"),onCancel:o}),i==="destination"&&s.jsx(Tm,{count:p,folders:a,destination:f,onPick:m,onMove:h,onBack:()=>l("review")}),i==="done"&&s.jsx(Dm,{count:g,destinationLabel:Ln(a,f),onClose:o})]})}const fa=[{id:"all",label:"All",tone:"neutral"},{id:"personal",label:"Personal",tone:"accent"},{id:"transactional",label:"Transactional",tone:"positive"},{id:"newsletter",label:"Newsletter",tone:"neutral"},{id:"marketing",label:"Marketing",tone:"warning"},{id:"social",label:"Social",tone:"warning"},{id:"automated",label:"Automated",tone:"neutral"}],ci={id:"unread",label:"Unread"},Om={id:"flagged",label:"Flagged"},ui={id:"attachment",label:"Has attachment"};function Pm(e){if(!(e.length<=1))return e.map(t=>({id:t.id,label:t.label,count:t.count,active:t.active}))}function Lm(e=[]){return{categories:[...fa],filters:bc,sources:Pm(e)}}function zm(){return{categories:[...fa],filters:[ci,Om,ui]}}function _m(){return{categories:[...fa],filters:[ci,ui]}}const Fm=e=>/^\/mail\/(?!outbox)[^/?]+/.test(e),Bm=e=>e.startsWith("/mail")||e.startsWith("/settings"),$m=()=>{const{state:e,openCompose:t}=wt(),n=ra(),a=Ce(),r=n.search,o=typeof r?.selectedMessageId=="string"&&r.selectedMessageId.length>0;if(!Bm(n.pathname)||e.isOpen||o)return null;const i=()=>{c.startTransition(()=>{t({mode:"new"})}),!Fm(n.pathname)&&a({to:"/mail"})};return s.jsx("button",{type:"button",onClick:i,"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:s.jsx(Hd,{className:"size-6"})})},ma=({isOpen:e,onClose:t,children:n,ariaLabel:a="Navigation",side:r="left",widthClassName:o="w-[80vw] max-w-[320px]"})=>{const i=c.useRef(null),l=c.useRef(null);if(c.useEffect(()=>{if(!e)return;l.current=document.activeElement;const d=g=>{g.key==="Escape"&&(g.preventDefault(),t())};document.addEventListener("keydown",d),i.current?.querySelector("button, [href], input, select, textarea, [tabindex]:not([tabindex='-1'])")?.focus();const m=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",d),document.body.style.overflow=m,l.current?.focus()}},[e,t]),!e)return null;const u=r==="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 s.jsxs("div",{className:"fixed inset-0 z-50 lg:hidden",role:"dialog","aria-modal":"true","aria-label":a,children:[s.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"}),s.jsxs("div",{ref:i,className:fe("absolute top-0 bottom-0 bg-canvas border-line shadow-xl flex flex-col",o,u),children:[s.jsx("div",{className:"flex items-center justify-end h-12 px-2 border-b border-line shrink-0",children:s.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:s.jsx(De,{className:"size-5"})})}),s.jsx("div",{className:"flex-1 overflow-y-auto",children:n})]})]})},Km=e=>{const t=e.filter(r=>!r.isMultipart&&r.disposition!=="attachment"&&r.mediaType==="TEXT"&&r.contentUrl.length>0),n=t.find(r=>r.mediaSubtype.toUpperCase()==="HTML");if(n)return{kind:"html",contentUrl:n.contentUrl};const a=t.find(r=>r.mediaSubtype.toUpperCase()==="PLAIN");return a?{kind:"text",contentUrl:a.contentUrl}:null},zn={all:["messages"],detail:e=>[...zn.all,"detail",e],body:e=>[...zn.detail(e),"body"]};class bt extends Error{reason;status;retryAfterSeconds;constructor(t,n,a,r){super(n),this.name="BodyFetchError",this.reason=t,this.status=a,this.retryAfterSeconds=r}}const qm=e=>{const t=Number.parseInt(e??"",10);return!Number.isFinite(t)||t<=0?1:Math.min(t,30)},Um=8,Hm="x-remit-403-reason",Qm=(e,t)=>{const n=t?.trim()??"";return e===401?"auth":e===403?n.length>0?"auth":"body-missing":e===404?"body-missing":"generic"},Wm=(e,t)=>(t??"").toLowerCase().startsWith("text/html")?/<div\s+id=["']root["']/i.test(e):!1,Vm=(e,t)=>{const n=(t??"").toLowerCase();return!!(e==="text"&&n.startsWith("text/html"))},Ym=async(e,t)=>{const n={},a=await vc();a&&(n.Authorization=`Bearer ${a}`);const r=await fetch(e,{headers:n});if(r.status===202)throw new bt("not-ready","Message body is still syncing",202,qm(r.headers.get("Retry-After")));if(!r.ok){const l=r.headers.get(Hm),u=Qm(r.status,l);throw new bt(u,`Failed to load message body (${r.status} ${r.statusText})`,r.status)}const o=r.headers.get("content-type");if(Vm(t,o))throw new bt("content-type-mismatch",`Refusing to render message body — expected ${t}, got Content-Type ${o}`);const i=await r.text();if(Wm(i,o))throw new bt("spa-shell-leak","Refusing to render message body — response looks like the SPA shell (CloudFront 403/404 fallback leaked through to /content/*)");return i},Gm=async(e,t)=>(t.isRetryAfterNotReady&&await e.refetchDescribeMessage(),e.fetchContent(t.contentUrl,t.kind)),di=({messageId:e,bodyParts:t,enabled:n=!0})=>{const a=t?Km(t):null,r=xs(),o=c.useRef(null),i=je(),l=c.useRef(!1),u=c.useRef(null),d=e&&a?`${e}:${a.contentUrl}`:null;u.current!==d&&(u.current=d,l.current=!1);const f=re({queryKey:e?[...zn.body(e),a?.contentUrl??null]:["messages","body","noop"],queryFn:()=>{if(!a)throw new Error("No renderable body part");if(!e)throw new Error("No messageId");const x=l.current;return l.current=!1,Gm({fetchContent:Ym,refetchDescribeMessage:()=>i.refetchQueries({queryKey:io({path:{messageId:e}})})},{contentUrl:a.contentUrl,kind:a.kind,isRetryAfterNotReady:x})},enabled:n&&!!e&&!!a,staleTime:300*1e3,gcTime:1800*1e3,retry:(x,b)=>b instanceof bt&&b.reason==="not-ready"?x<Um:x<1,retryDelay:(x,b)=>b instanceof bt&&b.reason==="not-ready"?(l.current=!0,(b.retryAfterSeconds??1)*1e3):1e3,meta:{softError:!0}}),m=f.isLoading&&!!a;c.useEffect(()=>{m&&(o.current=performance.now())},[m]),c.useEffect(()=>{f.isSuccess&&o.current!==null&&(r.recordTiming("message.body.load",Math.round(performance.now()-o.current)),o.current=null)},[f.isSuccess,r]);const g=f.data&&a?{kind:a.kind,body:f.data}:void 0;return{picked:a,data:g,isLoading:m,isError:f.isError,error:f.error,refetch:f.refetch}},Xm=({outboxMessageId:e,onDraftCreated:t})=>{const[n,a]=c.useState("idle"),[r,o]=c.useState(null),i=c.useRef(void 0),l=je(),u=xe(lo()),d=xe(yc()),f=c.useCallback(async b=>{if(a("saving"),o(null),e){const y=await d.mutateAsync({path:{outboxMessageId:e},body:{toAddresses:b.toAddresses,ccAddresses:b.ccAddresses,bccAddresses:b.bccAddresses,subject:b.subject,textBody:b.textBody,htmlBody:b.htmlBody,inReplyTo:b.inReplyTo,references:b.references}});return a("saved"),y}const p=await u.mutateAsync({body:{...b,sendImmediately:!1}});return t(p.outboxMessageId),a("saved"),l.invalidateQueries({queryKey:Js().queryKey}),p},[e,u,d,t,l]),m=c.useCallback(b=>{i.current&&clearTimeout(i.current),i.current=setTimeout(()=>{f(b).catch(p=>{o(p),a("error")})},2e3)},[f]),g=c.useCallback(b=>(i.current&&clearTimeout(i.current),f(b)),[f]),x=c.useCallback(()=>{i.current&&clearTimeout(i.current)},[]);return{saveStatus:n,saveError:r,saveDraft:m,saveImmediately:g,cancelAutoSave:x}},fi=e=>"text"in e&&!("children"in e),mi=e=>e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;"),Jm=e=>{let t=mi(e.text);return e.bold&&(t=`<strong>${t}</strong>`),e.italic&&(t=`<em>${t}</em>`),t},hi=e=>{const t=e.children.map(n=>fi(n)?Jm(n):hi(n)).join("");switch(e.type){case"blockquote":return`<blockquote>${t}</blockquote>`;case"a":{const n=e.url??"";return`<a href="${mi(n)}">${t}</a>`}default:return`<p>${t}</p>`}},vr=e=>e.map(hi).join(""),gi=e=>fi(e)?e.text:e.children.map(gi).join(""),_n=e=>e.map(gi).join(`
110
- `),Zm=e=>e.displayName?`${e.displayName} <${e.normalizedEmail}>`:e.normalizedEmail,yr=e=>/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e.trim()),eh=e=>{const t=e.trim();if(!t)return;const n=t.match(/^(.+?)\s*<([^>]+)>$/);if(n){const a=n[1].trim(),r=n[2].trim();if(yr(r))return{email:r,displayName:a}}if(yr(t))return{email:t}},Sn=({label:e,addresses:t,onChange:n,placeholder:a})=>{const[r,o]=c.useState(""),[i,l]=c.useState(-1),[u,d]=c.useState(!1),f=c.useRef(null),m=c.useRef(null),g=vo(r,200),{data:x}=re({...co({query:{q:g,limit:8}}),enabled:g.length>=2}),b=x?.items??[],p=new Set(t.map(S=>S.email.toLowerCase())),y=b.filter(S=>!p.has(S.normalizedEmail.toLowerCase()));c.useEffect(()=>{l(-1),d(y.length>0&&r.length>=2)},[y.length,r.length]);const h=c.useCallback(S=>{p.has(S.email.toLowerCase())||(n([...t,S]),o(""),d(!1))},[t,p,n]),v=c.useCallback(S=>{n(t.filter((k,C)=>C!==S))},[t,n]),j=c.useCallback(S=>{h({email:S.normalizedEmail,displayName:S.displayName}),f.current?.focus()},[h]),w=c.useCallback(()=>{const S=eh(r);S&&h(S)},[r,h]),N=c.useCallback(S=>{if(S.key==="Backspace"&&r===""&&t.length>0){v(t.length-1);return}if(S.key==="Enter"||S.key==="Tab"||S.key===","){if(i>=0&&y[i]){S.preventDefault(),j(y[i]);return}r.trim()&&(S.preventDefault(),w());return}if(S.key==="ArrowDown"&&u){S.preventDefault(),l(k=>k<y.length-1?k+1:0);return}if(S.key==="ArrowUp"&&u){S.preventDefault(),l(k=>k>0?k-1:y.length-1);return}S.key==="Escape"&&(d(!1),l(-1))},[r,t.length,i,y,u,v,j,w]),I=c.useCallback(()=>{setTimeout(()=>{w(),d(!1)},150)},[w]);return s.jsxs("div",{className:"relative",children:[s.jsxs("div",{className:"flex items-start gap-2",children:[s.jsxs("label",{htmlFor:`address-field-${e}`,className:"text-sm text-fg-muted shrink-0 w-12 pt-1.5",children:[e,":"]}),s.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:()=>f.current?.focus(),onKeyDown:S=>{(S.key==="Enter"||S.key===" ")&&f.current?.focus()},children:[t.map((S,k)=>s.jsx(Zd,{email:S.email,displayName:S.displayName,onRemove:()=>v(k)},S.email)),s.jsx("input",{ref:f,id:`address-field-${e}`,type:"text",value:r,onChange:S=>o(S.target.value),onKeyDown:N,onBlur:I,placeholder:t.length===0?a:"",className:"flex-1 min-w-[120px] bg-transparent outline-none text-sm py-0.5"})]})]}),u&&y.length>0&&s.jsx("ul",{ref:m,className:"absolute left-12 right-0 mt-1 bg-surface border border-line rounded-md shadow-lg z-50 max-h-[200px] overflow-auto",children:y.map((S,k)=>s.jsx("li",{className:fe("px-3 py-2 text-sm cursor-pointer transition-colors",k===i&&"bg-accent-2-soft"),onMouseDown:C=>{C.preventDefault(),j(S)},onMouseEnter:()=>l(k),children:Zm(S)},S.addressId))})]})},th=({accountId:e})=>{const t=Ce();return s.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:[s.jsx(Xn,{className:"size-5 shrink-0 mt-0.5 text-warning","aria-hidden":"true"}),s.jsxs("div",{className:"flex-1 min-w-0",children:[s.jsx("p",{className:"text-sm font-medium text-warning",children:"This account can't send mail until SMTP is configured."}),s.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",s.jsx(_d,{className:"size-3","aria-hidden":"true"})]})]})]})},Fn=e=>{const[t,n]=c.useState(()=>typeof window>"u"||!window.matchMedia?!1:window.matchMedia(e).matches);return c.useEffect(()=>{if(typeof window>"u"||!window.matchMedia)return;const a=window.matchMedia(e),r=o=>n(o.matches);return n(a.matches),a.addEventListener("change",r),()=>a.removeEventListener("change",r)},[e]),t},kt=()=>Fn("(min-width: 1024px)"),wr=150,sh=()=>{const[e,t]=c.useState(()=>{if(typeof window>"u"||!window.visualViewport)return{viewportHeight:0,isKeyboardOpen:!1};const n=window.visualViewport.height;return{viewportHeight:n,isKeyboardOpen:window.innerHeight-n>wr}});return c.useEffect(()=>{if(typeof window>"u"||!window.visualViewport)return;const n=window.visualViewport,a=()=>{const r=n.height;t({viewportHeight:r,isKeyboardOpen:window.innerHeight-r>wr})};return a(),n.addEventListener("resize",a),()=>n.removeEventListener("resize",a)},[]),e},nh=({selectedAccountId:e,onSelect:t})=>{const{data:n}=re({...Ze(),staleTime:1/0}),a=n?.accounts??[];if(c.useEffect(()=>{!e&&a.length===1&&a[0]&&t(a[0])},[e,a,t]),a.length<=1){const r=a[0];return r?s.jsxs("div",{className:"flex items-start gap-2",children:[s.jsx("label",{className:"text-sm text-fg-muted shrink-0 w-12 pt-1.5",children:"From:"}),s.jsx("div",{className:"text-sm py-1.5",children:r.email})]}):null}return s.jsxs("div",{className:"flex items-start gap-2",children:[s.jsx("label",{htmlFor:"from-account-selector",className:"text-sm text-fg-muted shrink-0 w-12 pt-1.5",children:"From:"}),s.jsx("select",{id:"from-account-selector",value:e??"",onChange:r=>{const o=a.find(i=>i.accountId===r.target.value);o&&t(o)},className:"flex-1 px-2 py-1.5 border rounded-md bg-canvas text-sm",children:a.map(r=>s.jsx("option",{value:r.accountId,children:r.email},r.accountId))})]})},ah=({value:e,onChange:t})=>s.jsxs("div",{className:"flex items-start gap-2",children:[s.jsx("label",{className:"text-sm text-fg-muted shrink-0 w-12 pt-1.5",children:"Subj:"}),s.jsx("input",{type:"text",value:e,onChange:n=>t(n.target.value),className:"flex-1 px-2 py-1.5 border rounded-md bg-canvas text-sm",placeholder:"Subject","data-subject-field":!0})]}),rh=["p","br","strong","b","em","i","a","blockquote","ul","ol","li"],oh=["href"],ih=e=>so.sanitize(e,{ALLOWED_TAGS:rh,ALLOWED_ATTR:oh}),lh=c.lazy(()=>jc(()=>import("./ComposeBody-aBxSwMFx.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16])).then(e=>({default:e.ComposeBody}))),ch=()=>s.jsxs("div",{className:"min-h-[120px] px-3 py-2",children:[s.jsx("div",{className:"h-8 mb-2 rounded bg-surface-sunken animate-pulse"}),s.jsx("div",{className:"min-h-[80px] rounded bg-surface-sunken/50 animate-pulse"})]}),pi=[{type:"p",children:[{text:""}]}],uh=[{type:"p",children:[{text:""}]},{type:"p",children:[{text:"-- "}]}],dh=e=>e?[...uh,{type:"p",children:[{text:e}]}]:pi,fh=e=>e?/^re:\s/i.test(e)?e:`Re: ${e}`:"Re: ",mh=e=>e?/^fwd?:\s/i.test(e)?e:`Fwd: ${e}`:"Fwd: ",hh=(e,t,n)=>{const{envelope:a}=e,o=(a.replyTo.length>0?a.replyTo:a.from).map(d=>({email:d.normalizedEmail,displayName:d.displayName}));if(t!=="reply_all")return{to:o,cc:[]};const i=n?.toLowerCase(),l=new Set(o.map(d=>d.email.toLowerCase())),u=[...a.to,...a.cc].filter(d=>d.normalizedEmail.toLowerCase()!==i&&!l.has(d.normalizedEmail.toLowerCase())).map(d=>({email:d.normalizedEmail,displayName:d.displayName}));return{to:o,cc:u}},gh=e=>{const t=e.envelope.messageIdValue,a=[...e.references.filter(r=>r.referenceType==="references").sort((r,o)=>r.referenceOrder-o.referenceOrder).map(r=>r.messageIdValue)];return t&&!a.includes(t)&&a.push(t),{inReplyTo:t,references:a}},ph=(e,t,n,a,r)=>e.length===0&&t.length===0&&n.length===0&&a.trim()===""&&_n(r).trim()==="",xh=({selectedAccountId:e,onAccountChange:t,toAddresses:n,setToAddresses:a,ccAddresses:r,setCcAddresses:o,bccAddresses:i,setBccAddresses:l,showCc:u,setShowCc:d,showBcc:f,setShowBcc:m,subject:g,setSubject:x})=>{const b=kt(),{isKeyboardOpen:p}=sh();if(!b&&p){const h=[];return n.length>0&&h.push(`To: ${n.map(v=>v.displayName??v.email).join(", ")}`),r.length>0&&h.push(`Cc: ${r.length}`),i.length>0&&h.push(`Bcc: ${i.length}`),g&&h.push(g),s.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:[s.jsx("span",{className:"truncate text-xs text-fg-muted",children:h.length>0?h.join(" · "):"…"}),s.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 s.jsxs("div",{className:"space-y-1 px-3 py-2 border-b border-line",children:[s.jsx(nh,{selectedAccountId:e,onSelect:t}),s.jsx(Sn,{label:"To",addresses:n,onChange:a,placeholder:"Recipients"}),u?s.jsx(Sn,{label:"Cc",addresses:r,onChange:o}):s.jsxs("div",{className:"flex gap-2 pl-14",children:[s.jsx("button",{type:"button",onClick:()=>d(!0),className:"text-xs text-fg-muted hover:text-fg transition-colors",children:"Cc"}),s.jsx("button",{type:"button",onClick:()=>m(!0),className:"text-xs text-fg-muted hover:text-fg transition-colors",children:"Bcc"})]}),u&&!f&&s.jsx("div",{className:"pl-14",children:s.jsx("button",{type:"button",onClick:()=>m(!0),className:"text-xs text-fg-muted hover:text-fg transition-colors",children:"Bcc"})}),f&&s.jsx(Sn,{label:"Bcc",addresses:i,onChange:l}),s.jsx(ah,{value:g,onChange:x})]})},ha=({mode:e,account:t,sourceMessage:n,onClose:a,onAccountChange:r})=>{const{state:o,setOutboxMessageId:i,startSendPolling:l}=wt(),{pushError:u}=ze(),{outboxMessageId:d}=o,[f,m]=c.useState([]),[g,x]=c.useState([]),[b,p]=c.useState([]),[y,h]=c.useState(""),[v,j]=c.useState(!1),[w,N]=c.useState(!1),[I,S]=c.useState(t?.accountId),[k,C]=c.useState(!1),E=c.useRef(d);c.useEffect(()=>{E.current!==d&&(E.current=d,d&&(m([]),x([]),p([]),h(""),j(!1),N(!1),T(pi),C(!1)))},[d]);const{signature:R}=Zc(I),[M,T]=c.useState(()=>dh(R.plainText)),{data:P}=re({...wc({path:{outboxMessageId:d??""}}),enabled:!!d&&!k});c.useEffect(()=>{!P||k||(m(P.toAddresses.map(Q=>({email:Q,displayName:void 0}))),P.ccAddresses&&P.ccAddresses.length>0&&(x(P.ccAddresses.map(Q=>({email:Q,displayName:void 0}))),j(!0)),P.bccAddresses&&P.bccAddresses.length>0&&(p(P.bccAddresses.map(Q=>({email:Q,displayName:void 0}))),N(!0)),P.subject&&h(P.subject),P.textBody&&T([{type:"p",children:[{text:P.textBody}]}]),S(P.accountId),C(!0))},[P,k]),c.useEffect(()=>{if(n){if(e==="reply"||e==="reply_all"){const{to:Q,cc:ee}=hh(n,e,t?.email);m(Q),x(ee),ee.length>0&&j(!0),h(fh(n.envelope.subject))}e==="forward"&&h(mh(n.envelope.subject))}},[e,n,t?.email]);const Y=e==="reply"||e==="reply_all"||e==="forward",{data:K}=di({messageId:n?.message.messageId,bodyParts:n?.bodyParts,enabled:Y&&!!n}),B=K?.kind==="text"?K.body:"",_=K?.kind==="html"?ih(K.body):void 0,F=n?.envelope.from[0]?.displayName??n?.envelope.from[0]?.normalizedEmail,{saveStatus:q,saveError:te,saveDraft:U,cancelAutoSave:O}=Xm({outboxMessageId:d,onDraftCreated:i});c.useEffect(()=>{te&&u({title:"Couldn't save draft",detail:$e(te)??"Saving the draft failed."})},[te,u]);const D=xe(lo()),V=xe(uo()),le=xe({...Zs(),onError:Q=>{u(fs("Couldn't discard draft","The draft wasn't discarded.",Q))}}),{data:ve}=re({...Ze(),staleTime:1/0}),ce=ve?.accounts.find(Q=>Q.accountId===I),ye=ce?Vc(ce):!1,Se=D.isPending||V.isPending,G=f.length>0&&!!I&&!ye;c.useEffect(()=>{if(!I||d&&!k||ph(f,g,b,y,M))return;const Q=_n(M),ee=vr(M);U({accountId:I,toAddresses:f.map(ne=>ne.email),ccAddresses:g.length>0?g.map(ne=>ne.email):void 0,bccAddresses:b.length>0?b.map(ne=>ne.email):void 0,subject:y||void 0,textBody:Q||void 0,htmlBody:ee||void 0})},[I,d,k,f,g,b,y,M,U]);const ge=c.useCallback(async()=>{if(!I||f.length===0)return;O();const Q=n&&(e==="reply"||e==="reply_all")?gh(n):{};let ee=d,ne=!1;if(!ee){const oe=_n(M),Ne=vr(M),Fe=await D.mutateAsync({body:{accountId:I,toAddresses:f.map(Ae=>Ae.email),ccAddresses:g.length>0?g.map(Ae=>Ae.email):void 0,bccAddresses:b.length>0?b.map(Ae=>Ae.email):void 0,subject:y||void 0,textBody:oe||void 0,htmlBody:Ne||void 0,sendImmediately:!0,...Q}}).catch(Ae=>(u({title:"Couldn't send message",detail:$e(Ae)??"Saving the draft failed."}),null));if(Fe===null)return;ee=Fe.outboxMessageId,ne=!0,i(ee)}await V.mutateAsync({path:{outboxMessageId:ee}}).catch(oe=>(u({title:"Couldn't send message",detail:$e(oe)??(ne?"The draft was saved but the send request failed. Try again from the Outbox.":"The send request failed. Try again.")}),null))!==null&&(l(ee),a())},[I,f,g,b,y,M,e,n,d,D,V,O,l,i,u,a]),Ie=c.useCallback(()=>{O(),d&&le.mutate({path:{outboxMessageId:d}}),a()},[O,d,le,a]),H=c.useCallback(Q=>{S(Q.accountId),r?.(Q)},[r]);return s.jsx(om,{banner:ce&&ye?s.jsx(th,{accountId:ce.accountId}):void 0,header:s.jsx(xh,{selectedAccountId:I,onAccountChange:H,toAddresses:f,setToAddresses:m,ccAddresses:g,setCcAddresses:x,bccAddresses:b,setBccAddresses:p,showCc:v,setShowCc:j,showBcc:w,setShowBcc:N,subject:y,setSubject:h}),quoted:B||_?s.jsx(Nm,{text:B,html:_,senderName:F}):void 0,actionBar:s.jsx(rm,{onSend:ge,onDiscard:Ie,sending:Se,canSend:G,saveStatus:q,unavailableReason:ye?"SMTP not configured":void 0,onUnavailable:Q=>u({title:"Can't send yet",detail:Q})}),children:s.jsx(c.Suspense,{fallback:s.jsx(ch,{}),children:s.jsx(lh,{value:M,onChange:T,onSubmit:ge,autoFocus:e==="new"})})})},jr=({mode:e,account:t,sourceMessage:n,onClose:a})=>s.jsx("div",{className:"border-t border-line bg-canvas max-h-[400px] flex flex-col",children:s.jsx(ha,{mode:e,account:t,sourceMessage:n,onClose:a})}),xi=({message:e,icon:t})=>s.jsxs("div",{className:"flex flex-col items-center justify-center p-8 text-center",children:[t&&s.jsx("div",{className:"mb-4 text-fg-muted",children:t}),s.jsx("p",{className:"text-fg-muted",children:e})]}),ps=({enabled:e=!0,bindings:t,capture:n=!1})=>{const a=c.useCallback(r=>{const o=r.target;if(!(o.tagName==="INPUT"||o.tagName==="TEXTAREA"||o.isContentEditable))for(const i of t){if(!(r.key.toLowerCase()===i.key.toLowerCase())||i.requireShift!==void 0&&i.requireShift!==r.shiftKey)continue;const u=r.ctrlKey||r.metaKey;if(i.requireMeta!==void 0){if(i.requireMeta!==u)continue}else{const d=i.noModifiers??!0,f=u||r.altKey||i.requireShift===void 0&&r.shiftKey;if(d&&f)continue}i.preventDefault&&r.preventDefault(),i.stopPropagation&&(r.stopPropagation(),r.stopImmediatePropagation()),i.handler(r);return}},[t]);c.useEffect(()=>{if(e)return window.addEventListener("keydown",a,n),()=>window.removeEventListener("keydown",a,n)},[e,a,n])},bi=e=>{const{data:t,isLoading:n}=re({...Ze(),staleTime:1/0}),a=c.useMemo(()=>(t?.accounts??[]).map(l=>l.accountId),[t?.accounts]),r=Yt({queries:a.map(l=>({...et({path:{accountId:l}}),staleTime:1/0,enabled:!!e}))}),o=n||r.some(l=>l.isLoading);return{accountId:c.useMemo(()=>{if(e){for(let l=0;l<a.length;l++)if((r[l].data?.items??[]).some(f=>f.mailboxId===e))return a[l]}},[e,a,r]),isLoading:o}},Sr=(e,t,n)=>e.map(a=>t.has(a.messageId)?{...a,isRead:n}:a),bh=(e,t,n,a)=>e.filter(r=>!r.isRead&&t.has(r.threadMessageId)&&!n.has(r.messageId)&&!a.has(r.messageId)).map(r=>r.messageId),vh=({messages:e,expandedIds:t,threadId:n,mailboxId:a,accountId:r})=>{const o=je(),{pushError:i}=ze(),l=c.useRef(new Set),u=c.useRef(new Set),{mutate:d}=xe({...en(),onMutate:async g=>{const x=new Set(g.body.messageIds??[]),b=g.body.isRead??!0,p=jt({path:{threadId:n}}),y=tt({path:{mailboxId:a}}),h=ut({path:{mailboxId:a}});await Promise.all([o.cancelQueries({queryKey:p}),o.cancelQueries({queryKey:y}),o.cancelQueries({queryKey:h})]);const v=o.getQueriesData({queryKey:p}).filter(N=>N[1]!==void 0).map(([N,I])=>({queryKey:N,data:I})),j=o.getQueriesData({queryKey:y}).concat(o.getQueriesData({queryKey:h})).filter(N=>N[1]!==void 0).map(([N,I])=>({queryKey:N,data:I}));o.setQueriesData({queryKey:p},N=>N&&{...N,items:Sr(N.items,x,b)});const w=N=>N&&{...N,pages:N.pages.map(I=>({...I,items:Sr(I.items,x,b)}))};return o.setQueriesData({queryKey:y},w),o.setQueriesData({queryKey:h},w),{threadMessagesPrefix:p,threadsListPrefix:y,threadsSearchPrefix:h,previousThreadMessages:v,previousThreadsList:j}},onSuccess:(g,x)=>{const b=x.body.messageIds??[];for(const p of b)l.current.add(p),u.current.delete(p)},onError:(g,x,b)=>{const p=x.body.messageIds??[];for(const h of p)u.current.delete(h);if(b){for(const h of b.previousThreadMessages)o.setQueryData(h.queryKey,h.data);for(const h of b.previousThreadsList)o.setQueryData(h.queryKey,h.data)}const y=x.body.isRead??!0;i({title:y?"Couldn't mark as read":"Couldn't mark as unread",detail:$e(g)})},onSettled:(g,x,b,p)=>{p&&(o.invalidateQueries({queryKey:p.threadMessagesPrefix}),o.invalidateQueries({queryKey:p.threadsListPrefix}),o.invalidateQueries({queryKey:p.threadsSearchPrefix}),r&&o.invalidateQueries({queryKey:Vt({path:{accountId:r}})}))}}),f=c.useCallback(g=>{const x=g.filter(b=>!l.current.has(b)&&!u.current.has(b));if(x.length!==0){for(const b of x)u.current.add(b);d({body:{messageIds:x,isRead:!0}})}},[d]),m=c.useMemo(()=>bh(e,t,l.current,u.current),[e,t]);c.useEffect(()=>{m.length!==0&&f(m)},[m,f]),c.useEffect(()=>{l.current.clear(),u.current.clear()},[n])},vi=e=>{const{mailboxId:t,accountId:n}=e,a=je(),{pushError:r}=ze(),{mutate:o,isPending:i}=xe({...en(),onError:(u,d)=>{const f=d.body.isRead??!0;r({title:f?"Couldn't mark as read":"Couldn't mark as unread",detail:$e(u)})},onSettled:()=>{a.invalidateQueries({queryKey:tt({path:{mailboxId:t}})}),a.invalidateQueries({queryKey:ut({path:{mailboxId:t}})}),n&&a.invalidateQueries({queryKey:Vt({path:{accountId:n}})})}});return{toggleReadFor:c.useCallback((u,d)=>{u.length!==0&&o({body:{messageIds:u,isRead:d}})},[o]),isPending:i}},yh=60,wh=1.5,jh=(e,t,n)=>{const a=Math.abs(e),r=Math.abs(t);return a<n?{direction:null}:a<r*wh?{direction:null}:{direction:e<0?"left":"right"}},Sh=({onSwipeLeft:e,onSwipeRight:t,thresholdPx:n=yh})=>{const a=c.useRef(null),r=c.useCallback(u=>{if(u.pointerType==="mouse"){a.current=null;return}a.current={x:u.clientX,y:u.clientY}},[]),o=c.useCallback(()=>{},[]),i=c.useCallback(u=>{const d=a.current;if(a.current=null,!d)return;const{direction:f}=jh(u.clientX-d.x,u.clientY-d.y,n);f==="left"&&e?.(),f==="right"&&t?.()},[e,t,n]),l=c.useCallback(()=>{a.current=null},[]);return{handlers:{onPointerDown:r,onPointerMove:o,onPointerUp:i,onPointerCancel:l}}},Nr=(e,t,n)=>e.map(a=>a.messageId===t?{...a,hasStars:n}:a),Bn=({threadId:e,mailboxId:t})=>{const n=je(),{pushError:a}=ze(),{mutate:r,isPending:o,variables:i}=xe({...Sc(),onMutate:async u=>{const d=u.path.messageId,f=u.body.isStarred??!1,m=jt({path:{threadId:e}}),g=tt({path:{mailboxId:t}}),x=ut({path:{mailboxId:t}});await Promise.all([n.cancelQueries({queryKey:m}),n.cancelQueries({queryKey:g}),n.cancelQueries({queryKey:x})]);const b=n.getQueriesData({queryKey:m}).filter(h=>h[1]!==void 0).map(([h,v])=>({queryKey:h,data:v})),p=n.getQueriesData({queryKey:g}).concat(n.getQueriesData({queryKey:x})).filter(h=>h[1]!==void 0).map(([h,v])=>({queryKey:h,data:v}));n.setQueriesData({queryKey:m},h=>h&&{...h,items:Nr(h.items,d,f)});const y=h=>h&&{...h,pages:h.pages.map(v=>({...v,items:Nr(v.items,d,f)}))};return n.setQueriesData({queryKey:g},y),n.setQueriesData({queryKey:x},y),{threadMessagesPrefix:m,threadsListPrefix:g,threadsSearchPrefix:x,previousThreadMessages:b,previousThreadsList:p}},onError:(u,d,f)=>{if(f){for(const g of f.previousThreadMessages)n.setQueryData(g.queryKey,g.data);for(const g of f.previousThreadsList)n.setQueryData(g.queryKey,g.data)}const m=d.body.isStarred??!1;a({title:m?"Couldn't star message":"Couldn't unstar message",detail:$e(u)})},onSettled:(u,d,f,m)=>{m&&(n.invalidateQueries({queryKey:m.threadMessagesPrefix}),n.invalidateQueries({queryKey:m.threadsListPrefix}),n.invalidateQueries({queryKey:m.threadsSearchPrefix}))}});return{toggleStar:(u,d)=>{r({path:{messageId:u},body:{isStarred:!d}})},isPending:o,pendingMessageId:o?i?.path.messageId:void 0}};function cn(e){return e===void 0||e==="uncategorized"?"personal":e}const Ge={uncategorized:"uncategorized",personal:"personal",newsletter:"newsletter",marketing:"marketing",automated:"automated",transactional:"transactional",social:"social"},kr={MoveToInbox:"MoveToInbox",MoveToJunk:"MoveToJunk"},Nh={inbox:"Inbox",junk:"Junk"},kh=e=>`Moved from ${Nh[e]??"another folder"} by Remit`,Ch=(e,t)=>{if(e===kr.MoveToInbox)return t.inboxMailboxId;if(e===kr.MoveToJunk)return t.junkMailboxId},Eh=(e,t,n)=>{if(!e||!t)return!1;const a=Ch(e.action,n);return a!==void 0&&a===t},Ih=(e,t)=>{if(e==="inbox")return t.inboxMailboxId;if(e==="junk")return t.junkMailboxId},un=(e,t)=>{const{data:n,isLoading:a}=re({...Ze(),staleTime:1/0,enabled:!!e});return{mailboxId:c.useMemo(()=>e?n?.accounts.find(i=>i.accountId===e)?.folderAppointments.find(i=>i.role===t)?.mailboxId:void 0,[n,e,t]),isLoading:a}},Rh=e=>{const{mailboxId:t,isLoading:n}=un(e,"Archive");return{archiveMailboxId:t,isLoading:n}},Mh=e=>{const{mailboxId:t,isLoading:n}=un(e,"Drafts");return{draftsMailboxId:t,isLoading:n}},ga=e=>{const{mailboxId:t,isLoading:n}=un(e,"Inbox");return{inboxMailboxId:t,isLoading:n}},pa=e=>{const{mailboxId:t,isLoading:n}=un(e,"Junk");return{junkMailboxId:t,isLoading:n}},yi=e=>{const{data:t}=re({...Ze(),staleTime:1/0,enabled:!!e});return c.useMemo(()=>t?.accounts.find(n=>n.accountId===e)?.folderAppointments??[],[t,e])},Cr=(e,t)=>e.filter(n=>!t.has(n.messageId)),ct=({mailboxId:e,threadId:t,accountId:n,onAfterOptimisticRemove:a})=>{const r=je(),{pushError:o}=ze(),{mutate:i,isPending:l}=xe({...Nc(),onMutate:async d=>{const f=new Set(d.body.messageIds??[]),m=t?jt({path:{threadId:t}}):[],g=tt({path:{mailboxId:e}}),x=ut({path:{mailboxId:e}});await Promise.all([...t?[r.cancelQueries({queryKey:m})]:[],r.cancelQueries({queryKey:g}),r.cancelQueries({queryKey:x})]);const b=t?r.getQueriesData({queryKey:m}).filter(h=>h[1]!==void 0).map(([h,v])=>({queryKey:h,data:v})):[],p=r.getQueriesData({queryKey:g}).concat(r.getQueriesData({queryKey:x})).filter(h=>h[1]!==void 0).map(([h,v])=>({queryKey:h,data:v}));t&&r.setQueriesData({queryKey:m},h=>h&&{...h,items:Cr(h.items,f)});const y=h=>h&&{...h,pages:h.pages.map(v=>({...v,items:Cr(v.items,f)}))};return r.setQueriesData({queryKey:g},y),r.setQueriesData({queryKey:x},y),a?.(Array.from(f)),{threadMessagesPrefix:m,threadsListPrefix:g,threadsSearchPrefix:x,previousThreadMessages:b,previousThreadsList:p}},onError:(d,f,m)=>{if(m){for(const x of m.previousThreadMessages)r.setQueryData(x.queryKey,x.data);for(const x of m.previousThreadsList)r.setQueryData(x.queryKey,x.data)}const g=f.body.messageIds?.length??0;o({title:g>1?`Couldn't move ${g} messages`:"Couldn't move this message",detail:$e(d)})},onSettled:(d,f,m,g)=>{g&&(t&&r.invalidateQueries({queryKey:g.threadMessagesPrefix}),r.invalidateQueries({queryKey:g.threadsListPrefix}),r.invalidateQueries({queryKey:g.threadsSearchPrefix}),n&&r.invalidateQueries({queryKey:Vt({path:{accountId:n}})}))}});return{moveMessages:c.useCallback((d,f)=>{d.length!==0&&i({body:{messageIds:d,destinationMailboxId:f}})},[i]),isPending:l}},Th=({accountId:e,messageId:t,threadId:n,mailboxId:a,autoMoved:r})=>{const{inboxMailboxId:o}=ga(e),{junkMailboxId:i}=pa(e),{moveMessages:l,isPending:u}=ct({mailboxId:a,threadId:n,accountId:e}),d={inboxMailboxId:o,junkMailboxId:i},f=Eh(r,a,d),m=r?Ih(r.fromPlacement,d):void 0,g=c.useCallback(()=>{m&&l([t],m)},[l,t,m]);return!f||!r?{show:!1,label:"",isUndoing:!1}:{show:!0,label:kh(r.fromPlacement),onUndo:m?g:void 0,isUndoing:u}};function wi({accountId:e,messageId:t,threadId:n,mailboxId:a,autoMoved:r,size:o="sm"}){const i=Th({accountId:e,messageId:t,threadId:n,mailboxId:a,autoMoved:r});return i.show?s.jsx(Vf,{label:i.label,size:o,onUndo:i.onUndo,undoLabel:i.isUndoing?"Undoing…":"Undo"}):null}const ji=({trigger:e,children:t,align:n="right"})=>{const[a,r]=c.useState(!1),o=c.useRef(null),i=c.useCallback(u=>{o.current&&!o.current.contains(u.target)&&r(!1)},[]),l=c.useCallback(u=>{u.key==="Escape"&&r(!1)},[]);return c.useEffect(()=>(a&&(document.addEventListener("mousedown",i),document.addEventListener("keydown",l)),()=>{document.removeEventListener("mousedown",i),document.removeEventListener("keydown",l)}),[a,i,l]),s.jsxs("div",{ref:o,className:"relative",children:[s.jsx("button",{type:"button",onClick:u=>{u.stopPropagation(),r(!a)},className:fe("p-1.5 min-h-11 min-w-11 inline-flex items-center justify-center rounded-md transition-colors","hover:bg-surface-raised text-fg-muted hover:text-fg"),children:e}),a&&s.jsx("div",{className:fe("absolute z-50 mt-1 min-w-[180px] py-1","bg-surface border border-line rounded-md shadow-lg",n==="right"?"right-0":"left-0"),children:t})]})},$t=({onClick:e,disabled:t,destructive:n,children:a})=>s.jsx("button",{type:"button",onClick:r=>{r.stopPropagation(),t||e()},disabled:t,className:fe("w-full px-3 py-2 text-left text-sm transition-colors","flex items-center gap-2",t&&"opacity-50 cursor-not-allowed",!t&&"hover:bg-surface-raised",n&&"text-danger hover:text-danger"),children:a}),$n=()=>s.jsx("div",{className:"my-1 h-px bg-line"}),Er=(e,t)=>e.filter(n=>!t.has(n.messageId)),Dh=e=>e.filter(t=>t.isDeleted!==!0),ds=({mailboxId:e,threadId:t,accountId:n,onAfterOptimisticRemove:a})=>{const r=je(),{pushError:o}=ze(),{mutate:i,isPending:l}=xe({...kc(),onMutate:async d=>{const f=new Set(d.body.messageIds??[]),m=t?jt({path:{threadId:t}}):[],g=tt({path:{mailboxId:e}}),x=ut({path:{mailboxId:e}});await Promise.all([r.cancelQueries({queryKey:m}),r.cancelQueries({queryKey:g}),r.cancelQueries({queryKey:x})]);const b=t?r.getQueriesData({queryKey:m}).filter(h=>h[1]!==void 0).map(([h,v])=>({queryKey:h,data:v})):[],p=r.getQueriesData({queryKey:g}).concat(r.getQueriesData({queryKey:x})).filter(h=>h[1]!==void 0).map(([h,v])=>({queryKey:h,data:v}));t&&r.setQueriesData({queryKey:m},h=>h&&{...h,items:Er(h.items,f)});const y=h=>h&&{...h,pages:h.pages.map(v=>({...v,items:Er(v.items,f)}))};return r.setQueriesData({queryKey:g},y),r.setQueriesData({queryKey:x},y),a?.(Array.from(f)),{threadMessagesPrefix:m,threadsListPrefix:g,threadsSearchPrefix:x,previousThreadMessages:b,previousThreadsList:p}},onError:(d,f,m)=>{if(m){for(const x of m.previousThreadMessages)r.setQueryData(x.queryKey,x.data);for(const x of m.previousThreadsList)r.setQueryData(x.queryKey,x.data)}const g=f.body.messageIds?.length??0;o({title:g>1?`Couldn't delete ${g} messages`:"Couldn't delete this message",detail:$e(d)})},onSettled:(d,f,m,g)=>{g&&(t&&r.invalidateQueries({queryKey:g.threadMessagesPrefix}),r.invalidateQueries({queryKey:g.threadsListPrefix}),r.invalidateQueries({queryKey:g.threadsSearchPrefix}),n&&r.invalidateQueries({queryKey:Vt({path:{accountId:n}})}))}});return{deleteMessages:c.useCallback(d=>{d.length!==0&&i({body:{messageIds:d}})},[i]),isPending:l}},Si=(e,t=Date.now())=>({value:e,setAt:t}),Ah=(e,t,n,a)=>{if(e.addressId!==t)return e;const r={...e.flags??{}};return n?r.trusted=Si(!0,a):delete r.trusted,{...e,flags:r}},Oh=(e,t,n,a)=>{const r=o=>o.map(i=>Ah(i,t,n,a));return{...e,envelope:{...e.envelope,from:r(e.envelope.from),to:r(e.envelope.to),cc:r(e.envelope.cc),bcc:r(e.envelope.bcc),replyTo:r(e.envelope.replyTo)}}},xa=({messageId:e})=>{const t=je(),{pushError:n}=ze(),{mutate:a,isPending:r,error:o,reset:i}=xe({...fo(),onMutate:async u=>{const d=u.path.addressId,m=u.body.flags?.trusted?.value===!0,g=io({path:{messageId:e}});await t.cancelQueries({queryKey:g});const x=t.getQueriesData({queryKey:g}).filter(b=>b[1]!==void 0).map(([b,p])=>({queryKey:b,data:p}));return t.setQueriesData({queryKey:g},b=>b&&Oh(b,d,m)),{describePrefix:g,previous:x}},onError:(u,d,f)=>{if(f)for(const m of f.previous)t.setQueryData(m.queryKey,m.data);n(fs("Couldn't trust sender","The change wasn't saved.",u))},onSettled:(u,d,f,m)=>{m&&t.invalidateQueries({queryKey:m.describePrefix})}});return{toggleTrusted:(u,d)=>{a({path:{addressId:u},body:{flags:{trusted:Si(!d)}}})},isPending:r,error:o,reset:i}};var dn="Dialog",[Ni]=fu(dn),[Ph,_e]=Ni(dn),ki=e=>{const{__scopeDialog:t,children:n,open:a,defaultOpen:r,onOpenChange:o,modal:i=!0}=e,l=c.useRef(null),u=c.useRef(null),[d,f]=gu({prop:a,defaultProp:r??!1,onChange:o,caller:dn});return s.jsx(Ph,{scope:t,triggerRef:l,contentRef:u,contentId:pn(),titleId:pn(),descriptionId:pn(),open:d,onOpenChange:f,onOpenToggle:c.useCallback(()=>f(m=>!m),[f]),modal:i,children:n})};ki.displayName=dn;var Ci="DialogTrigger",Lh=c.forwardRef((e,t)=>{const{__scopeDialog:n,...a}=e,r=_e(Ci,n),o=Nt(t,r.triggerRef);return s.jsx(nt.button,{type:"button","aria-haspopup":"dialog","aria-expanded":r.open,"aria-controls":r.open?r.contentId:void 0,"data-state":va(r.open),...a,ref:o,onClick:lt(e.onClick,r.onOpenToggle)})});Lh.displayName=Ci;var ba="DialogPortal",[zh,Ei]=Ni(ba,{forceMount:void 0}),Ii=e=>{const{__scopeDialog:t,forceMount:n,children:a,container:r}=e,o=_e(ba,t);return s.jsx(zh,{scope:t,forceMount:n,children:c.Children.map(a,i=>s.jsx(nn,{present:n||o.open,children:s.jsx(Eo,{asChild:!0,container:r,children:i})}))})};Ii.displayName=ba;var Ys="DialogOverlay",Ri=c.forwardRef((e,t)=>{const n=Ei(Ys,e.__scopeDialog),{forceMount:a=n.forceMount,...r}=e,o=_e(Ys,e.__scopeDialog);return o.modal?s.jsx(nn,{present:a||o.open,children:s.jsx(Fh,{...r,ref:t})}):null});Ri.displayName=Ys;var _h=oa("DialogOverlay.RemoveScroll"),Fh=c.forwardRef((e,t)=>{const{__scopeDialog:n,...a}=e,r=_e(Ys,n),o=Ou(),i=Nt(t,o);return s.jsx(Po,{as:_h,allowPinchZoom:!0,shards:[r.contentRef],children:s.jsx(nt.div,{"data-state":va(r.open),...a,ref:i,style:{pointerEvents:"auto",...a.style}})})}),Wt="DialogContent",Mi=c.forwardRef((e,t)=>{const n=Ei(Wt,e.__scopeDialog),{forceMount:a=n.forceMount,...r}=e,o=_e(Wt,e.__scopeDialog);return s.jsx(nn,{present:a||o.open,children:o.modal?s.jsx(Bh,{...r,ref:t}):s.jsx($h,{...r,ref:t})})});Mi.displayName=Wt;var Bh=c.forwardRef((e,t)=>{const n=_e(Wt,e.__scopeDialog),a=c.useRef(null),r=Nt(t,n.contentRef,a);return c.useEffect(()=>{const o=a.current;if(o)return sd(o)},[]),s.jsx(Ti,{...e,ref:r,trapFocus:n.open,disableOutsidePointerEvents:n.open,onCloseAutoFocus:lt(e.onCloseAutoFocus,o=>{o.preventDefault(),n.triggerRef.current?.focus()}),onPointerDownOutside:lt(e.onPointerDownOutside,o=>{const i=o.detail.originalEvent,l=i.button===0&&i.ctrlKey===!0;(i.button===2||l)&&o.preventDefault()}),onFocusOutside:lt(e.onFocusOutside,o=>o.preventDefault())})}),$h=c.forwardRef((e,t)=>{const n=_e(Wt,e.__scopeDialog),a=c.useRef(!1),r=c.useRef(!1);return s.jsx(Ti,{...e,ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:o=>{e.onCloseAutoFocus?.(o),o.defaultPrevented||(a.current||n.triggerRef.current?.focus(),o.preventDefault()),a.current=!1,r.current=!1},onInteractOutside:o=>{e.onInteractOutside?.(o),o.defaultPrevented||(a.current=!0,o.detail.originalEvent.type==="pointerdown"&&(r.current=!0));const i=o.target;n.triggerRef.current?.contains(i)&&o.preventDefault(),o.detail.originalEvent.type==="focusin"&&r.current&&o.preventDefault()}})}),Ti=c.forwardRef((e,t)=>{const{__scopeDialog:n,trapFocus:a,onOpenAutoFocus:r,onCloseAutoFocus:o,...i}=e,l=_e(Wt,n);return _u(),s.jsx(s.Fragment,{children:s.jsx(ko,{asChild:!0,loop:!0,trapped:a,onMountAutoFocus:r,onUnmountAutoFocus:o,children:s.jsx(So,{role:"dialog",id:l.contentId,"aria-describedby":l.descriptionId,"aria-labelledby":l.titleId,"data-state":va(l.open),...i,ref:t,deferPointerDownOutside:!0,onDismiss:()=>l.onOpenChange(!1)})})})}),Di="DialogTitle",Ai=c.forwardRef((e,t)=>{const{__scopeDialog:n,...a}=e,r=_e(Di,n);return s.jsx(nt.h2,{id:r.titleId,...a,ref:t})});Ai.displayName=Di;var Oi="DialogDescription",Kh=c.forwardRef((e,t)=>{const{__scopeDialog:n,...a}=e,r=_e(Oi,n);return s.jsx(nt.p,{id:r.descriptionId,...a,ref:t})});Kh.displayName=Oi;var Pi="DialogClose",qh=c.forwardRef((e,t)=>{const{__scopeDialog:n,...a}=e,r=_e(Pi,n);return s.jsx(nt.button,{type:"button",...a,ref:t,onClick:lt(e.onClick,()=>r.onOpenChange(!1))})});qh.displayName=Pi;function va(e){return e?"open":"closed"}function Uh(e){if(typeof document>"u")return;let t=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css",t.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}const Li=z.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}),Ns=()=>{const e=z.useContext(Li);if(!e)throw new Error("useDrawerContext must be used within a Drawer.Root");return e};Uh(`[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(
111
- [data-state=closed]
112
- ){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 Hh(){const e=navigator.userAgent;return typeof window<"u"&&(/Firefox/.test(e)&&/Mobile/.test(e)||/FxiOS/.test(e))}function Qh(){return ya(/^Mac/)}function Wh(){return ya(/^iPhone/)}function Ir(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}function Vh(){return ya(/^iPad/)||Qh()&&navigator.maxTouchPoints>1}function zi(){return Wh()||Vh()}function ya(e){return typeof window<"u"&&window.navigator!=null?e.test(window.navigator.platform):void 0}const Yh=24,Gh=typeof window<"u"?c.useLayoutEffect:c.useEffect;function Rr(...e){return(...t)=>{for(let n of e)typeof n=="function"&&n(...t)}}const Nn=typeof document<"u"&&window.visualViewport;function Mr(e){let t=window.getComputedStyle(e);return/(auto|scroll)/.test(t.overflow+t.overflowX+t.overflowY)}function _i(e){for(Mr(e)&&(e=e.parentElement);e&&!Mr(e);)e=e.parentElement;return e||document.scrollingElement||document.documentElement}const Xh=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);let zs=0,kn;function Jh(e={}){let{isDisabled:t}=e;Gh(()=>{if(!t)return zs++,zs===1&&zi()&&(kn=Zh()),()=>{zs--,zs===0&&kn?.()}},[t])}function Zh(){let e,t=0,n=m=>{e=_i(m.target),!(e===document.documentElement&&e===document.body)&&(t=m.changedTouches[0].pageY)},a=m=>{if(!e||e===document.documentElement||e===document.body){m.preventDefault();return}let g=m.changedTouches[0].pageY,x=e.scrollTop,b=e.scrollHeight-e.clientHeight;b!==0&&((x<=0&&g>t||x>=b&&g<t)&&m.preventDefault(),t=g)},r=m=>{let g=m.target;Kn(g)&&g!==document.activeElement&&(m.preventDefault(),g.style.transform="translateY(-2000px)",g.focus(),requestAnimationFrame(()=>{g.style.transform=""}))},o=m=>{let g=m.target;Kn(g)&&(g.style.transform="translateY(-2000px)",requestAnimationFrame(()=>{g.style.transform="",Nn&&(Nn.height<window.innerHeight?requestAnimationFrame(()=>{Tr(g)}):Nn.addEventListener("resize",()=>Tr(g),{once:!0}))}))},i=()=>{window.scrollTo(0,0)},l=window.pageXOffset,u=window.pageYOffset,d=Rr(eg(document.documentElement,"paddingRight",`${window.innerWidth-document.documentElement.clientWidth}px`));window.scrollTo(0,0);let f=Rr(os(document,"touchstart",n,{passive:!1,capture:!0}),os(document,"touchmove",a,{passive:!1,capture:!0}),os(document,"touchend",r,{passive:!1,capture:!0}),os(document,"focus",o,!0),os(window,"scroll",i));return()=>{d(),f(),window.scrollTo(l,u)}}function eg(e,t,n){let a=e.style[t];return e.style[t]=n,()=>{e.style[t]=a}}function os(e,t,n,a){return e.addEventListener(t,n,a),()=>{e.removeEventListener(t,n,a)}}function Tr(e){let t=document.scrollingElement||document.documentElement;for(;e&&e!==t;){let n=_i(e);if(n!==document.documentElement&&n!==document.body&&n!==e){let a=n.getBoundingClientRect().top,r=e.getBoundingClientRect().top,o=e.getBoundingClientRect().bottom;const i=n.getBoundingClientRect().bottom+Yh;o>i&&(n.scrollTop+=r-a)}e=n.parentElement}}function Kn(e){return e instanceof HTMLInputElement&&!Xh.has(e.type)||e instanceof HTMLTextAreaElement||e instanceof HTMLElement&&e.isContentEditable}function tg(e,t){typeof e=="function"?e(t):e!=null&&(e.current=t)}function sg(...e){return t=>e.forEach(n=>tg(n,t))}function Fi(...e){return c.useCallback(sg(...e),e)}const Bi=new WeakMap;function we(e,t,n=!1){if(!e||!(e instanceof HTMLElement))return;let a={};Object.entries(t).forEach(([r,o])=>{if(r.startsWith("--")){e.style.setProperty(r,o);return}a[r]=e.style[r],e.style[r]=o}),!n&&Bi.set(e,a)}function ng(e,t){if(!e||!(e instanceof HTMLElement))return;let n=Bi.get(e);n&&(e.style[t]=n[t])}const be=e=>{switch(e){case"top":case"bottom":return!0;case"left":case"right":return!1;default:return e}};function _s(e,t){if(!e)return null;const n=window.getComputedStyle(e),a=n.transform||n.webkitTransform||n.mozTransform;let r=a.match(/^matrix3d\((.+)\)$/);return r?parseFloat(r[1].split(", ")[be(t)?13:12]):(r=a.match(/^matrix\((.+)\)$/),r?parseFloat(r[1].split(", ")[be(t)?5:4]):null)}function ag(e){return 8*(Math.log(e+1)-2)}function Cn(e,t){if(!e)return()=>{};const n=e.style.cssText;return Object.assign(e.style,t),()=>{e.style.cssText=n}}function rg(...e){return(...t)=>{for(const n of e)typeof n=="function"&&n(...t)}}const he={DURATION:.5,EASE:[.32,.72,0,1]},$i=.4,og=.25,ig=100,Ki=8,xt=16,qn=26,En="vaul-dragging";function qi(e){const t=z.useRef(e);return z.useEffect(()=>{t.current=e}),z.useMemo(()=>(...n)=>t.current==null?void 0:t.current.call(t,...n),[])}function lg({defaultProp:e,onChange:t}){const n=z.useState(e),[a]=n,r=z.useRef(a),o=qi(t);return z.useEffect(()=>{r.current!==a&&(o(a),r.current=a)},[a,r,o]),n}function Ui({prop:e,defaultProp:t,onChange:n=()=>{}}){const[a,r]=lg({defaultProp:t,onChange:n}),o=e!==void 0,i=o?e:a,l=qi(n),u=z.useCallback(d=>{if(o){const m=typeof d=="function"?d(e):d;m!==e&&l(m)}else r(d)},[o,e,r,l]);return[i,u]}function cg({activeSnapPointProp:e,setActiveSnapPointProp:t,snapPoints:n,drawerRef:a,overlayRef:r,fadeFromIndex:o,onSnapPointChange:i,direction:l="bottom",container:u,snapToSequentialPoint:d}){const[f,m]=Ui({prop:e,defaultProp:n?.[0],onChange:t}),[g,x]=z.useState(typeof window<"u"?{innerWidth:window.innerWidth,innerHeight:window.innerHeight}:void 0);z.useEffect(()=>{function S(){x({innerWidth:window.innerWidth,innerHeight:window.innerHeight})}return window.addEventListener("resize",S),()=>window.removeEventListener("resize",S)},[]);const b=z.useMemo(()=>f===n?.[n.length-1]||null,[n,f]),p=z.useMemo(()=>{var S;return(S=n?.findIndex(k=>k===f))!=null?S:null},[n,f]),y=n&&n.length>0&&(o||o===0)&&!Number.isNaN(o)&&n[o]===f||!n,h=z.useMemo(()=>{const S=u?{width:u.getBoundingClientRect().width,height:u.getBoundingClientRect().height}:typeof window<"u"?{width:window.innerWidth,height:window.innerHeight}:{width:0,height:0};var k;return(k=n?.map(C=>{const E=typeof C=="string";let R=0;if(E&&(R=parseInt(C,10)),be(l)){const T=E?R:g?C*S.height:0;return g?l==="bottom"?S.height-T:-S.height+T:T}const M=E?R:g?C*S.width:0;return g?l==="right"?S.width-M:-S.width+M:M}))!=null?k:[]},[n,g,u]),v=z.useMemo(()=>p!==null?h?.[p]:null,[h,p]),j=z.useCallback(S=>{var k;const C=(k=h?.findIndex(E=>E===S))!=null?k:null;i(C),we(a.current,{transition:`transform ${he.DURATION}s cubic-bezier(${he.EASE.join(",")})`,transform:be(l)?`translate3d(0, ${S}px, 0)`:`translate3d(${S}px, 0, 0)`}),h&&C!==h.length-1&&o!==void 0&&C!==o&&C<o?we(r.current,{transition:`opacity ${he.DURATION}s cubic-bezier(${he.EASE.join(",")})`,opacity:"0"}):we(r.current,{transition:`opacity ${he.DURATION}s cubic-bezier(${he.EASE.join(",")})`,opacity:"1"}),m(n?.[Math.max(C,0)])},[a.current,n,h,o,r,m]);z.useEffect(()=>{if(f||e){var S;const k=(S=n?.findIndex(C=>C===e||C===f))!=null?S:-1;h&&k!==-1&&typeof h[k]=="number"&&j(h[k])}},[f,e,n,h,j]);function w({draggedDistance:S,closeDrawer:k,velocity:C,dismissible:E}){if(o===void 0)return;const R=l==="bottom"||l==="right"?(v??0)-S:(v??0)+S,M=p===o-1,T=p===0,P=S>0;if(M&&we(r.current,{transition:`opacity ${he.DURATION}s cubic-bezier(${he.EASE.join(",")})`}),!d&&C>2&&!P){E?k():j(h[0]);return}if(!d&&C>2&&P&&h&&n){j(h[n.length-1]);return}const Y=h?.reduce((B,_)=>typeof B!="number"||typeof _!="number"?B:Math.abs(_-R)<Math.abs(B-R)?_:B),K=be(l)?window.innerHeight:window.innerWidth;if(C>$i&&Math.abs(S)<K*.4){const B=P?1:-1;if(B>0&&b&&n){j(h[n.length-1]);return}if(T&&B<0&&E&&k(),p===null)return;j(h[p+B]);return}j(Y)}function N({draggedDistance:S}){if(v===null)return;const k=l==="bottom"||l==="right"?v-S:v+S;(l==="bottom"||l==="right")&&k<h[h.length-1]||(l==="top"||l==="left")&&k>h[h.length-1]||we(a.current,{transform:be(l)?`translate3d(0, ${k}px, 0)`:`translate3d(${k}px, 0, 0)`})}function I(S,k){if(!n||typeof p!="number"||!h||o===void 0)return null;const C=p===o-1;if(p>=o&&k)return 0;if(C&&!k)return 1;if(!y&&!C)return null;const R=C?p+1:p-1,M=C?h[R]-h[R-1]:h[R+1]-h[R],T=S/Math.abs(M);return C?1-T:T}return{isLastSnapPoint:b,activeSnapPoint:f,shouldFade:y,getPercentageDragged:I,setActiveSnapPoint:m,activeSnapPointIndex:p,onRelease:w,onDrag:N,snapPointsOffset:h}}const ug=()=>()=>{};function dg(){const{direction:e,isOpen:t,shouldScaleBackground:n,setBackgroundColorOnScale:a,noBodyStyles:r}=Ns(),o=z.useRef(null),i=c.useMemo(()=>document.body.style.backgroundColor,[]);function l(){return(window.innerWidth-qn)/window.innerWidth}z.useEffect(()=>{if(t&&n){o.current&&clearTimeout(o.current);const u=document.querySelector("[data-vaul-drawer-wrapper]")||document.querySelector("[vaul-drawer-wrapper]");if(!u)return;rg(a&&!r?Cn(document.body,{background:"black"}):ug,Cn(u,{transformOrigin:be(e)?"top":"left",transitionProperty:"transform, border-radius",transitionDuration:`${he.DURATION}s`,transitionTimingFunction:`cubic-bezier(${he.EASE.join(",")})`}));const d=Cn(u,{borderRadius:`${Ki}px`,overflow:"hidden",...be(e)?{transform:`scale(${l()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`}:{transform:`scale(${l()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`}});return()=>{d(),o.current=window.setTimeout(()=>{i?document.body.style.background=i:document.body.style.removeProperty("background")},he.DURATION*1e3)}}},[t,n,i])}let is=null;function fg({isOpen:e,modal:t,nested:n,hasBeenOpened:a,preventScrollRestoration:r,noBodyStyles:o}){const[i,l]=z.useState(()=>typeof window<"u"?window.location.href:""),u=z.useRef(0),d=z.useCallback(()=>{if(Ir()&&is===null&&e&&!o){is={position:document.body.style.position,top:document.body.style.top,left:document.body.style.left,height:document.body.style.height,right:"unset"};const{scrollX:m,innerHeight:g}=window;document.body.style.setProperty("position","fixed","important"),Object.assign(document.body.style,{top:`${-u.current}px`,left:`${-m}px`,right:"0px",height:"auto"}),window.setTimeout(()=>window.requestAnimationFrame(()=>{const x=g-window.innerHeight;x&&u.current>=g&&(document.body.style.top=`${-(u.current+x)}px`)}),300)}},[e]),f=z.useCallback(()=>{if(Ir()&&is!==null&&!o){const m=-parseInt(document.body.style.top,10),g=-parseInt(document.body.style.left,10);Object.assign(document.body.style,is),window.requestAnimationFrame(()=>{if(r&&i!==window.location.href){l(window.location.href);return}window.scrollTo(g,m)}),is=null}},[i]);return z.useEffect(()=>{function m(){u.current=window.scrollY}return m(),window.addEventListener("scroll",m),()=>{window.removeEventListener("scroll",m)}},[]),z.useEffect(()=>{if(t)return()=>{typeof document>"u"||document.querySelector("[data-vaul-drawer]")||f()}},[t,f]),z.useEffect(()=>{n||!a||(e?(!window.matchMedia("(display-mode: standalone)").matches&&d(),t||window.setTimeout(()=>{f()},500)):f())},[e,a,i,t,n,d,f]),{restorePositionSetting:f}}function mg({open:e,onOpenChange:t,children:n,onDrag:a,onRelease:r,snapPoints:o,shouldScaleBackground:i=!1,setBackgroundColorOnScale:l=!0,closeThreshold:u=og,scrollLockTimeout:d=ig,dismissible:f=!0,handleOnly:m=!1,fadeFromIndex:g=o&&o.length-1,activeSnapPoint:x,setActiveSnapPoint:b,fixed:p,modal:y=!0,onClose:h,nested:v,noBodyStyles:j=!1,direction:w="bottom",defaultOpen:N=!1,disablePreventScroll:I=!0,snapToSequentialPoint:S=!1,preventScrollRestoration:k=!1,repositionInputs:C=!0,onAnimationEnd:E,container:R,autoFocus:M=!1}){var T,P;const[Y=!1,K]=Ui({defaultProp:N,prop:e,onChange:W=>{t?.(W),!W&&!v&&Et(),setTimeout(()=>{E?.(W)},he.DURATION*1e3),W&&!y&&typeof window<"u"&&window.requestAnimationFrame(()=>{document.body.style.pointerEvents="auto"}),W||(document.body.style.pointerEvents="auto")}}),[B,_]=z.useState(!1),[F,q]=z.useState(!1),[te,U]=z.useState(!1),O=z.useRef(null),D=z.useRef(null),V=z.useRef(null),le=z.useRef(null),ve=z.useRef(null),ce=z.useRef(!1),ye=z.useRef(null),Se=z.useRef(0),G=z.useRef(!1),ge=z.useRef(!N),Ie=z.useRef(0),H=z.useRef(null),Q=z.useRef(((T=H.current)==null?void 0:T.getBoundingClientRect().height)||0),ee=z.useRef(((P=H.current)==null?void 0:P.getBoundingClientRect().width)||0),ne=z.useRef(0),Ue=z.useCallback(W=>{o&&W===He.length-1&&(D.current=new Date)},[]),{activeSnapPoint:oe,activeSnapPointIndex:Ne,setActiveSnapPoint:Fe,onRelease:Ae,snapPointsOffset:He,onDrag:Qe,shouldFade:Ct,getPercentageDragged:ht}=cg({snapPoints:o,activeSnapPointProp:x,setActiveSnapPointProp:b,drawerRef:H,fadeFromIndex:g,overlayRef:O,onSnapPointChange:Ue,direction:w,container:R,snapToSequentialPoint:S});Jh({isDisabled:!Y||F||!y||te||!B||!C||!I});const{restorePositionSetting:Et}=fg({isOpen:Y,modal:y,nested:v??!1,hasBeenOpened:B,preventScrollRestoration:k,noBodyStyles:j});function We(){return(window.innerWidth-qn)/window.innerWidth}function at(W){var ae,ie;!f&&!o||H.current&&!H.current.contains(W.target)||(Q.current=((ae=H.current)==null?void 0:ae.getBoundingClientRect().height)||0,ee.current=((ie=H.current)==null?void 0:ie.getBoundingClientRect().width)||0,q(!0),V.current=new Date,zi()&&window.addEventListener("touchend",()=>ce.current=!1,{once:!0}),W.target.setPointerCapture(W.pointerId),Se.current=be(w)?W.pageY:W.pageX)}function gt(W,ae){var ie;let Z=W;const ue=(ie=window.getSelection())==null?void 0:ie.toString(),pe=H.current?_s(H.current,w):null,A=new Date;if(Z.tagName==="SELECT"||Z.hasAttribute("data-vaul-no-drag")||Z.closest("[data-vaul-no-drag]"))return!1;if(w==="right"||w==="left")return!0;if(D.current&&A.getTime()-D.current.getTime()<500)return!1;if(pe!==null&&(w==="bottom"?pe>0:pe<0))return!0;if(ue&&ue.length>0)return!1;if(ve.current&&A.getTime()-ve.current.getTime()<d&&pe===0||ae)return ve.current=A,!1;for(;Z;){if(Z.scrollHeight>Z.clientHeight){if(Z.scrollTop!==0)return ve.current=new Date,!1;if(Z.getAttribute("role")==="dialog")return!0}Z=Z.parentNode}return!0}function Re(W){if(H.current&&F){const ae=w==="bottom"||w==="right"?1:-1,ie=(Se.current-(be(w)?W.pageY:W.pageX))*ae,Z=ie>0,ue=o&&!f&&!Z;if(ue&&Ne===0)return;const pe=Math.abs(ie),A=document.querySelector("[data-vaul-drawer-wrapper]"),J=w==="bottom"||w==="top"?Q.current:ee.current;let me=pe/J;const de=ht(pe,Z);if(de!==null&&(me=de),ue&&me>=1||!ce.current&&!gt(W.target,Z))return;if(H.current.classList.add(En),ce.current=!0,we(H.current,{transition:"none"}),we(O.current,{transition:"none"}),o&&Qe({draggedDistance:ie}),Z&&!o){const ke=ag(ie),pt=Math.min(ke*-1,0)*ae;we(H.current,{transform:be(w)?`translate3d(0, ${pt}px, 0)`:`translate3d(${pt}px, 0, 0)`});return}const Me=1-me;if((Ct||g&&Ne===g-1)&&(a?.(W,me),we(O.current,{opacity:`${Me}`,transition:"none"},!0)),A&&O.current&&i){const ke=Math.min(We()+me*(1-We()),1),pt=8-me*8,Be=Math.max(0,14-me*14);we(A,{borderRadius:`${pt}px`,transform:be(w)?`scale(${ke}) translate3d(0, ${Be}px, 0)`:`scale(${ke}) translate3d(${Be}px, 0, 0)`,transition:"none"},!0)}if(!o){const ke=pe*ae;we(H.current,{transform:be(w)?`translate3d(0, ${ke}px, 0)`:`translate3d(${ke}px, 0, 0)`})}}}z.useEffect(()=>{window.requestAnimationFrame(()=>{ge.current=!0})},[]),z.useEffect(()=>{var W;function ae(){if(!H.current||!C)return;const ie=document.activeElement;if(Kn(ie)||G.current){var Z;const ue=((Z=window.visualViewport)==null?void 0:Z.height)||0,pe=window.innerHeight;let A=pe-ue;const J=H.current.getBoundingClientRect().height||0,me=J>pe*.8;ne.current||(ne.current=J);const de=H.current.getBoundingClientRect().top;if(Math.abs(Ie.current-A)>60&&(G.current=!G.current),o&&o.length>0&&He&&Ne){const Me=He[Ne]||0;A+=Me}if(Ie.current=A,J>ue||G.current){const Me=H.current.getBoundingClientRect().height;let ke=Me;Me>ue&&(ke=ue-(me?de:qn)),p?H.current.style.height=`${Me-Math.max(A,0)}px`:H.current.style.height=`${Math.max(ke,ue-de)}px`}else Hh()||(H.current.style.height=`${ne.current}px`);o&&o.length>0&&!G.current?H.current.style.bottom="0px":H.current.style.bottom=`${Math.max(A,0)}px`}}return(W=window.visualViewport)==null||W.addEventListener("resize",ae),()=>{var ie;return(ie=window.visualViewport)==null?void 0:ie.removeEventListener("resize",ae)}},[Ne,o,He]);function Ve(W){Rt(),h?.(),W||K(!1),setTimeout(()=>{o&&Fe(o[0])},he.DURATION*1e3)}function It(){if(!H.current)return;const W=document.querySelector("[data-vaul-drawer-wrapper]"),ae=_s(H.current,w);we(H.current,{transform:"translate3d(0, 0, 0)",transition:`transform ${he.DURATION}s cubic-bezier(${he.EASE.join(",")})`}),we(O.current,{transition:`opacity ${he.DURATION}s cubic-bezier(${he.EASE.join(",")})`,opacity:"1"}),i&&ae&&ae>0&&Y&&we(W,{borderRadius:`${Ki}px`,overflow:"hidden",...be(w)?{transform:`scale(${We()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,transformOrigin:"top"}:{transform:`scale(${We()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,transformOrigin:"left"},transitionProperty:"transform, border-radius",transitionDuration:`${he.DURATION}s`,transitionTimingFunction:`cubic-bezier(${he.EASE.join(",")})`},!0)}function Rt(){!F||!H.current||(H.current.classList.remove(En),ce.current=!1,q(!1),le.current=new Date)}function es(W){if(!F||!H.current)return;H.current.classList.remove(En),ce.current=!1,q(!1),le.current=new Date;const ae=_s(H.current,w);if(!W||!gt(W.target,!1)||!ae||Number.isNaN(ae)||V.current===null)return;const ie=le.current.getTime()-V.current.getTime(),Z=Se.current-(be(w)?W.pageY:W.pageX),ue=Math.abs(Z)/ie;if(ue>.05&&(U(!0),setTimeout(()=>{U(!1)},200)),o){Ae({draggedDistance:Z*(w==="bottom"||w==="right"?1:-1),closeDrawer:Ve,velocity:ue,dismissible:f}),r?.(W,!0);return}if(w==="bottom"||w==="right"?Z>0:Z<0){It(),r?.(W,!0);return}if(ue>$i){Ve(),r?.(W,!1);return}var pe;const A=Math.min((pe=H.current.getBoundingClientRect().height)!=null?pe:0,window.innerHeight);var J;const me=Math.min((J=H.current.getBoundingClientRect().width)!=null?J:0,window.innerWidth),de=w==="left"||w==="right";if(Math.abs(ae)>=(de?me:A)*u){Ve(),r?.(W,!1);return}r?.(W,!0),It()}z.useEffect(()=>(Y&&(we(document.documentElement,{scrollBehavior:"auto"}),D.current=new Date),()=>{ng(document.documentElement,"scrollBehavior")}),[Y]);function Mt(W){const ae=W?(window.innerWidth-xt)/window.innerWidth:1,ie=W?-xt:0;ye.current&&window.clearTimeout(ye.current),we(H.current,{transition:`transform ${he.DURATION}s cubic-bezier(${he.EASE.join(",")})`,transform:be(w)?`scale(${ae}) translate3d(0, ${ie}px, 0)`:`scale(${ae}) translate3d(${ie}px, 0, 0)`}),!W&&H.current&&(ye.current=setTimeout(()=>{const Z=_s(H.current,w);we(H.current,{transition:"none",transform:be(w)?`translate3d(0, ${Z}px, 0)`:`translate3d(${Z}px, 0, 0)`})},500))}function Le(W,ae){if(ae<0)return;const ie=(window.innerWidth-xt)/window.innerWidth,Z=ie+ae*(1-ie),ue=-xt+ae*xt;we(H.current,{transform:be(w)?`scale(${Z}) translate3d(0, ${ue}px, 0)`:`scale(${Z}) translate3d(${ue}px, 0, 0)`,transition:"none"})}function ts(W,ae){const ie=be(w)?window.innerHeight:window.innerWidth,Z=ae?(ie-xt)/ie:1,ue=ae?-xt:0;ae&&we(H.current,{transition:`transform ${he.DURATION}s cubic-bezier(${he.EASE.join(",")})`,transform:be(w)?`scale(${Z}) translate3d(0, ${ue}px, 0)`:`scale(${Z}) translate3d(${ue}px, 0, 0)`})}return z.useEffect(()=>{y||window.requestAnimationFrame(()=>{document.body.style.pointerEvents="auto"})},[y]),z.createElement(ki,{defaultOpen:N,onOpenChange:W=>{!f&&!W||(W?_(!0):Ve(!0),K(W))},open:Y},z.createElement(Li.Provider,{value:{activeSnapPoint:oe,snapPoints:o,setActiveSnapPoint:Fe,drawerRef:H,overlayRef:O,onOpenChange:t,onPress:at,onRelease:es,onDrag:Re,dismissible:f,shouldAnimate:ge,handleOnly:m,isOpen:Y,isDragging:F,shouldFade:Ct,closeDrawer:Ve,onNestedDrag:Le,onNestedOpenChange:Mt,onNestedRelease:ts,keyboardIsOpen:G,modal:y,snapPointsOffset:He,activeSnapPointIndex:Ne,direction:w,shouldScaleBackground:i,setBackgroundColorOnScale:l,noBodyStyles:j,container:R,autoFocus:M}},n))}const Hi=z.forwardRef(function({...e},t){const{overlayRef:n,snapPoints:a,onRelease:r,shouldFade:o,isOpen:i,modal:l,shouldAnimate:u}=Ns(),d=Fi(t,n),f=a&&a.length>0;if(!l)return null;const m=z.useCallback(g=>r(g),[r]);return z.createElement(Ri,{onMouseUp:m,ref:d,"data-vaul-overlay":"","data-vaul-snap-points":i&&f?"true":"false","data-vaul-snap-points-overlay":i&&o?"true":"false","data-vaul-animate":u?.current?"true":"false",...e})});Hi.displayName="Drawer.Overlay";const Qi=z.forwardRef(function({onPointerDownOutside:e,style:t,onOpenAutoFocus:n,...a},r){const{drawerRef:o,onPress:i,onRelease:l,onDrag:u,keyboardIsOpen:d,snapPointsOffset:f,activeSnapPointIndex:m,modal:g,isOpen:x,direction:b,snapPoints:p,container:y,handleOnly:h,shouldAnimate:v,autoFocus:j}=Ns(),[w,N]=z.useState(!1),I=Fi(r,o),S=z.useRef(null),k=z.useRef(null),C=z.useRef(!1),E=p&&p.length>0;dg();const R=(T,P,Y=0)=>{if(C.current)return!0;const K=Math.abs(T.y),B=Math.abs(T.x),_=B>K,F=["bottom","right"].includes(P)?1:-1;if(P==="left"||P==="right"){if(!(T.x*F<0)&&B>=0&&B<=Y)return _}else if(!(T.y*F<0)&&K>=0&&K<=Y)return!_;return C.current=!0,!0};z.useEffect(()=>{E&&window.requestAnimationFrame(()=>{N(!0)})},[]);function M(T){S.current=null,C.current=!1,l(T)}return z.createElement(Mi,{"data-vaul-drawer-direction":b,"data-vaul-drawer":"","data-vaul-delayed-snap-points":w?"true":"false","data-vaul-snap-points":x&&E?"true":"false","data-vaul-custom-container":y?"true":"false","data-vaul-animate":v?.current?"true":"false",...a,ref:I,style:f&&f.length>0?{"--snap-point-height":`${f[m??0]}px`,...t}:t,onPointerDown:T=>{h||(a.onPointerDown==null||a.onPointerDown.call(a,T),S.current={x:T.pageX,y:T.pageY},i(T))},onOpenAutoFocus:T=>{n?.(T),j||T.preventDefault()},onPointerDownOutside:T=>{if(e?.(T),!g||T.defaultPrevented){T.preventDefault();return}d.current&&(d.current=!1)},onFocusOutside:T=>{if(!g){T.preventDefault();return}},onPointerMove:T=>{if(k.current=T,h||(a.onPointerMove==null||a.onPointerMove.call(a,T),!S.current))return;const P=T.pageY-S.current.y,Y=T.pageX-S.current.x,K=T.pointerType==="touch"?10:2;R({x:Y,y:P},b,K)?u(T):(Math.abs(Y)>K||Math.abs(P)>K)&&(S.current=null)},onPointerUp:T=>{a.onPointerUp==null||a.onPointerUp.call(a,T),S.current=null,C.current=!1,l(T)},onPointerOut:T=>{a.onPointerOut==null||a.onPointerOut.call(a,T),M(k.current)},onContextMenu:T=>{a.onContextMenu==null||a.onContextMenu.call(a,T),k.current&&M(k.current)}})});Qi.displayName="Drawer.Content";const hg=250,gg=120,Wi=z.forwardRef(function({preventCycle:e=!1,children:t,...n},a){const{closeDrawer:r,isDragging:o,snapPoints:i,activeSnapPoint:l,setActiveSnapPoint:u,dismissible:d,handleOnly:f,isOpen:m,onPress:g,onDrag:x}=Ns(),b=z.useRef(null),p=z.useRef(!1);function y(){if(p.current){j();return}window.setTimeout(()=>{h()},gg)}function h(){if(o||e||p.current){j();return}if(j(),!i||i.length===0){d||r();return}if(l===i[i.length-1]&&d){r();return}const N=i.findIndex(S=>S===l);if(N===-1)return;const I=i[N+1];u(I)}function v(){b.current=window.setTimeout(()=>{p.current=!0},hg)}function j(){b.current&&window.clearTimeout(b.current),p.current=!1}return z.createElement("div",{onClick:y,onPointerCancel:j,onPointerDown:w=>{f&&g(w),v()},onPointerMove:w=>{f&&x(w)},ref:a,"data-vaul-drawer-visible":m?"true":"false","data-vaul-handle":"","aria-hidden":"true",...n},z.createElement("span",{"data-vaul-handle-hitarea":"","aria-hidden":"true"},t))});Wi.displayName="Drawer.Handle";function pg(e){const t=Ns(),{container:n=t.container,...a}=e;return z.createElement(Ii,{container:n,...a})}const Pe={Root:mg,Content:Qi,Overlay:Hi,Portal:pg,Handle:Wi,Title:Ai},xg=new Set(["outbox","postvak uit","boîte d'envoi","postausgang","buzón de salida","posta in uscita","送信トレイ","送件匣","发件箱","skrzynka nadawcza"]),bg=e=>{const t=Vs(e.fullPath).trim().toLowerCase();return xg.has(t)},Dr=An.length,wa=(e,t=[])=>{const n=ys(t);return[...e.filter(r=>{const o=n.get(r.mailboxId);return o==="drafts"||o==="sent"?!1:!bg(r)})].sort((r,o)=>{const i=n.has(r.mailboxId)?An.indexOf(n.get(r.mailboxId)??"inbox"):Dr,l=n.has(o.mailboxId)?An.indexOf(n.get(o.mailboxId)??"inbox"):Dr;return i!==l?i-l:Vs(r.fullPath).localeCompare(Vs(o.fullPath),void 0,{sensitivity:"base",numeric:!0})})},Vi="inline-flex items-center justify-center transition-colors",vg=fe(Vi,"min-h-11 min-w-11 rounded hover:bg-surface-raised"),yg=fe(Vi,"min-h-11 gap-1.5 px-3 rounded text-sm font-medium hover:bg-surface-raised"),ks=({accountId:e,currentMailboxId:t,onMove:n,disabled:a=!1,disabledHint:r,variant:o="icon-only",label:i})=>{const[l,u]=c.useState(!1),d=kt(),f=c.useRef(null),m=i??"Move to folder",g=c.useId(),{t:x}=tn("mail",{useSuspense:!1}),b=c.useCallback((E,R)=>x(E,{defaultValue:R}),[x]),{data:p,isLoading:y,isError:h,error:v,refetch:j}=re({...et({path:{accountId:e}}),staleTime:1/0,enabled:l}),w=yi(e),N=c.useMemo(()=>{const E=wa(p?.items??[],w),R=ys(w);return E.map(M=>({id:M.mailboxId,label:Ht(M,R.get(M.mailboxId),b),searchValue:M.fullPath,isCurrent:M.mailboxId===t}))},[p?.items,w,t,b]),I=c.useCallback(E=>{u(!1),n(E)},[n]);c.useEffect(()=>{if(!l||!d)return;const E=M=>{f.current&&!f.current.contains(M.target)&&u(!1)},R=M=>{M.key==="Escape"&&u(!1)};return document.addEventListener("mousedown",E),document.addEventListener("keydown",R),()=>{document.removeEventListener("mousedown",E),document.removeEventListener("keydown",R)}},[l,d]);const S=a||!!r,k=s.jsxs("button",{type:"button",onClick:E=>{E.stopPropagation(),!S&&u(R=>!R)},"aria-label":m,"aria-haspopup":d?"listbox":"dialog","aria-expanded":l,"aria-controls":l?g:void 0,title:r,className:o==="icon-only"?vg:yg,children:[s.jsx($o,{className:"size-4"}),o==="compact"&&s.jsx("span",{className:"hidden sm:inline",children:"Move"})]}),C=y?s.jsx("div",{className:"px-3 py-5 text-sm text-fg-muted",children:"Loading folders…"}):h?s.jsx("div",{className:"p-3",children:s.jsx(ft,{variant:"inline",title:"Couldn't load folders",error:v,onRetry:()=>j()})}):s.jsx(li,{mailboxes:N,onSelect:I,onCancel:()=>u(!1),autoFocus:!d,labels:{searchPlaceholder:x("move_picker_placeholder",{defaultValue:"Move to…"}),searchAriaLabel:x("move_picker_filter_label",{defaultValue:"Filter folders"}),optionLabel:E=>`Move to ${E}`,currentSuffix:"(current folder)",currentTag:"current",emptyMessage:E=>`No folders match "${E}"`}});return d?s.jsxs("div",{ref:f,className:"relative inline-block",children:[k,l&&s.jsx("div",{id:g,className:fe("absolute right-0 mt-1 z-50 w-72 max-h-96 flex flex-col","bg-surface border border-line rounded-md shadow-lg"),children:C})]}):s.jsxs(s.Fragment,{children:[k,s.jsx(Pe.Root,{open:l,onOpenChange:u,children:s.jsxs(Pe.Portal,{children:[s.jsx(Pe.Overlay,{className:"fixed inset-0 z-40 bg-black/40"}),s.jsxs(Pe.Content,{className:"fixed inset-x-0 bottom-0 z-50 flex flex-col bg-canvas rounded-t-lg",style:{maxHeight:"85dvh"},id:g,children:[s.jsx(Pe.Handle,{className:"mx-auto mt-2 mb-1 h-1.5 w-12 rounded-full bg-fg-subtle/30"}),s.jsx(Pe.Title,{className:"px-4 py-2 text-base font-semibold border-b border-line",children:"Move to folder"}),s.jsx("div",{className:"flex-1 overflow-hidden",children:C})]})]})})]})},wg=({messageId:e,threadId:t,mailboxId:n,isRead:a,accountId:r,fromAddressId:o,isTrusted:i=!1,showRaw:l=!1,onToggleRaw:u})=>{const d=je(),f=Ce(),{pushError:m}=ze(),{selectedMessageId:g}=Ut({strict:!1}),{mutate:x,isPending:b}=xe({...en(),onMutate:async Y=>{const K=Y.body.isRead??!0,B=new Set(Y.body.messageIds??[]),_=jt({path:{threadId:t}}),F=tt({path:{mailboxId:n}}),q=ut({path:{mailboxId:n}});await Promise.all([d.cancelQueries({queryKey:_}),d.cancelQueries({queryKey:F}),d.cancelQueries({queryKey:q})]);const te=d.getQueriesData({queryKey:_}).filter(D=>D[1]!==void 0).map(([D,V])=>({queryKey:D,data:V})),U=d.getQueriesData({queryKey:F}).concat(d.getQueriesData({queryKey:q})).filter(D=>D[1]!==void 0).map(([D,V])=>({queryKey:D,data:V}));d.setQueriesData({queryKey:_},D=>D&&{...D,items:D.items.map(V=>B.has(V.messageId)?{...V,isRead:K}:V)});const O=D=>D&&{...D,pages:D.pages.map(V=>({...V,items:V.items.map(le=>B.has(le.messageId)?{...le,isRead:K}:le)}))};return d.setQueriesData({queryKey:F},O),d.setQueriesData({queryKey:q},O),{threadMessagesPrefix:_,threadsListPrefix:F,threadsSearchPrefix:q,previousThreadMessages:te,previousThreadsList:U}},onError:(Y,K,B)=>{if(B){for(const F of B.previousThreadMessages)d.setQueryData(F.queryKey,F.data);for(const F of B.previousThreadsList)d.setQueryData(F.queryKey,F.data)}const _=K.body.isRead??!0;m({title:_?"Couldn't mark as read":"Couldn't mark as unread",detail:$e(Y)})},onSettled:(Y,K,B,_)=>{_&&(d.invalidateQueries({queryKey:_.threadMessagesPrefix}),d.invalidateQueries({queryKey:_.threadsListPrefix}),d.invalidateQueries({queryKey:_.threadsSearchPrefix}))}}),p=c.useCallback(Y=>{g&&Y.includes(g)&&f({to:"/mail/$mailboxId",params:{mailboxId:n},search:K=>({...K,selectedMessageId:void 0})})},[g,n,f]),{deleteMessages:y,isPending:h}=ds({mailboxId:n,threadId:t,onAfterOptimisticRemove:p}),{moveMessages:v,isPending:j}=ct({mailboxId:n,threadId:t,accountId:r,onAfterOptimisticRemove:p}),{toggleTrusted:w,isPending:N,error:I,reset:S}=xa({messageId:e}),k=()=>{x({body:{messageIds:[e],isRead:!1}})},C=()=>{y([e])},E=()=>{o&&w(o,i)},R=b||h||j||N,M=R||!o,T=c.useCallback(Y=>{v([e],Y)},[v,e]),P=o?void 0:"Sender has no parseable address";return s.jsxs("div",{className:"flex flex-col items-end gap-1",children:[s.jsxs("div",{className:"flex items-center gap-1",children:[r&&s.jsx(ks,{accountId:r,currentMailboxId:n,onMove:T,disabled:R,label:"Move this message"}),s.jsxs(ji,{trigger:s.jsx(Bo,{className:"size-4"}),children:[s.jsxs($t,{onClick:E,disabled:M,children:[i?s.jsx(rn,{className:"size-4 text-positive"}):s.jsx(ws,{className:"size-4 opacity-0"}),s.jsx("span",{title:P,children:"Trusted sender"})]}),a&&s.jsxs($t,{onClick:k,disabled:R,children:[s.jsx(js,{className:"size-4"}),"Mark as unread"]}),u&&s.jsxs($t,{onClick:u,children:[s.jsx(Fo,{className:"size-4"}),l?"Show formatted":"Show raw email"]}),s.jsx($n,{}),s.jsxs($t,{onClick:C,disabled:R,destructive:!0,children:[s.jsx(qe,{className:"size-4"}),"Delete"]})]})]}),I&&s.jsx("div",{className:"w-64",children:s.jsx(ft,{variant:"inline",title:"Couldn't update trust",error:I,onRetry:()=>{S(),E()}})})]})},jg=()=>{const[e,t]=c.useState(()=>typeof document<"u"&&document.documentElement.classList.contains("dark"));return c.useEffect(()=>{const n=document.documentElement,a=new MutationObserver(()=>{t(n.classList.contains("dark"))});return a.observe(n,{attributes:!0,attributeFilter:["class"]}),()=>a.disconnect()},[]),e},Sg=({blockedImageCount:e,canAlwaysTrust:t,isTrustPending:n,onLoadOnce:a,onAlwaysTrust:r})=>s.jsxs("div",{className:"mb-3 flex items-center justify-between rounded-md bg-surface-sunken/50 px-3 py-2 text-sm",children:[s.jsxs("span",{className:"text-fg-muted",children:[e," image",e>1?"s":""," blocked for privacy"]}),s.jsxs("div",{className:"flex items-center gap-3",children:[s.jsx("button",{type:"button",onClick:a,className:"text-accent hover:underline",children:"Load once"}),t&&s.jsx("button",{type:"button",onClick:r,"aria-busy":n,className:"text-accent hover:underline aria-busy:opacity-50",children:n?"Trusting…":"Always trust"})]})]}),Ng=(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}}},kg=e=>e instanceof bt?e.reason:"generic",Cg=e=>e instanceof Error?e.message:typeof e=="string"?e:"An unexpected error occurred while loading the message body.",Eg=()=>{const{signOut:e}=ho(t=>[t.signOut]);return s.jsx("button",{type:"button",onClick:()=>e(),className:"text-sm font-medium text-accent hover:underline",children:"Sign in again"})},Ig=({error:e,onRetry:t})=>{const n=kg(e),a=Cg(e),{title:r,detail:o}=Ng(n,a),[i,l]=c.useState(!1);if(i)return null;const u=n==="auth"&&mo();return s.jsxs("div",{role:"alert","data-testid":"message-body-error-banner","data-reason":n,className:"flex items-start gap-2 rounded-md border border-danger/40 bg-danger-soft px-3 py-2 text-sm",children:[s.jsx(yt,{className:"size-4 shrink-0 text-danger mt-0.5","aria-hidden":"true"}),s.jsxs("div",{className:"flex-1 min-w-0",children:[s.jsx("p",{className:"font-medium text-danger",children:r}),s.jsx("p",{className:"text-fg-muted mt-1 break-words",children:o})]}),s.jsxs("div",{className:"flex shrink-0 items-center gap-3",children:[u&&s.jsx(Eg,{}),t&&s.jsx("button",{type:"button",onClick:t,className:"text-sm font-medium text-accent hover:underline",children:"Retry"}),s.jsx("button",{type:"button",onClick:()=>l(!0),"aria-label":"Dismiss message body error",className:"rounded-md p-1 text-fg-muted hover:bg-surface-raised hover:text-fg transition-colors",children:s.jsx(De,{className:"size-4","aria-hidden":"true"})})]})]})},Rg=()=>s.jsxs("div",{className:"animate-pulse space-y-2",role:"status","aria-label":"Loading message body",children:[s.jsx("div",{className:"h-4 bg-surface-sunken rounded w-full"}),s.jsx("div",{className:"h-4 bg-surface-sunken rounded w-11/12"}),s.jsx("div",{className:"h-4 bg-surface-sunken rounded w-3/4"}),s.jsx("div",{className:"h-4 bg-surface-sunken rounded w-5/6"})]}),Ar=()=>s.jsx("p",{className:"text-fg-muted text-sm italic",children:"This message has no body content."}),Yi=({bodyParts:e,html:t,text:n,isTrusted:a=!1,messageId:r,fromAddressId:o,category:i,className:l})=>{const[u,d]=c.useState(!1),f=a||u,m=jg(),{toggleTrusted:g,isPending:x}=xa({messageId:r??""}),b=!!e&&e.length>0,{picked:p,data:y,isLoading:h,isError:v,error:j,refetch:w}=di({messageId:r,bodyParts:e,enabled:b}),N=c.useMemo(()=>xf(e??[]),[e]),I=b&&y?.kind==="html"?y.body:t,S=b&&y?.kind==="text"?y.body:n;if(b){if(h)return s.jsx("div",{className:fe("message-body",l),children:s.jsx(Rg,{})});if(v)return s.jsx("div",{className:fe("message-body",l),children:s.jsx(Ig,{error:j,onRetry:()=>w()})});if(!p)return s.jsx("div",{className:fe("message-body",l),children:s.jsx(Ar,{})})}else if(!t&&!n)return s.jsx("div",{className:fe("message-body",l),children:s.jsx(Ar,{})});const k=!!(o&&r),C=()=>{!o||x||(d(!0),g(o,!1))};return s.jsx(ai,{className:l,html:I,text:S,isDark:m,category:i,allowImages:f,resolveCid:N,renderBlockedNotice:E=>s.jsx(Sg,{blockedImageCount:E,canAlwaysTrust:k,isTrustPending:x,onLoadOnce:()=>d(!0),onAlwaysTrust:C})})},Mg=({messageId:e,threadId:t,mailboxId:n,accountId:a,isRead:r,isStarred:o,onToggleStar:i,fromAddressId:l,isTrusted:u,showRaw:d,onToggleRaw:f,onReply:m,onReplyAll:g,onForward:x})=>{const b=je(),{deleteMessages:p}=ds({mailboxId:n,threadId:t}),{moveMessages:y}=ct({mailboxId:n,threadId:t,accountId:a}),{toggleTrusted:h}=xa({messageId:e}),{mutate:v}=xe({...en(),onSettled:()=>{b.invalidateQueries({queryKey:jt({path:{threadId:t}})}),b.invalidateQueries({queryKey:tt({path:{mailboxId:n}})}),b.invalidateQueries({queryKey:ut({path:{mailboxId:n}})})}}),j=c.useCallback(S=>{y([e],S)},[y,e]),w=c.useCallback(()=>{p([e])},[p,e]),N=c.useCallback(()=>{v({body:{messageIds:[e],isRead:!r}})},[v,e,r]),I=[];return l&&I.push({key:"trusted",label:u?"Trusted sender":"Mark sender trusted",icon:u?s.jsx(rn,{className:"size-4 text-positive"}):s.jsx(ws,{className:"size-4"}),onSelect:()=>h(l,u)}),f&&I.push({key:"raw",label:d?"Show formatted":"Show raw email",icon:s.jsx(Fo,{className:"size-4"}),onSelect:f}),s.jsx(ni,{hasThread:!0,onReply:m,onReplyAll:g,onForward:x,isStarred:o,onToggleStar:i,onDelete:w,isRead:r,onToggleRead:N,overflowItems:I,moveSlot:a?s.jsx(ks,{accountId:a,currentMailboxId:n,onMove:j,label:"Move this message"}):void 0})},Tg=()=>s.jsxs("div",{className:"animate-pulse space-y-2",role:"status","aria-label":"Loading raw email",children:[s.jsx("div",{className:"h-4 bg-surface-sunken rounded w-full"}),s.jsx("div",{className:"h-4 bg-surface-sunken rounded w-11/12"}),s.jsx("div",{className:"h-4 bg-surface-sunken rounded w-5/6"}),s.jsx("div",{className:"h-4 bg-surface-sunken rounded w-3/4"})]}),Dg=({messageId:e,enabled:t=!0})=>{const{data:n,isLoading:a,isError:r,error:o,refetch:i}=re({...Cc({path:{messageId:e}}),enabled:t});if(a)return s.jsx("div",{className:"message-body",children:s.jsx(Tg,{})});if(r)return s.jsx("div",{className:"message-body",children:s.jsx(ft,{variant:"inline",title:"Couldn't load the raw email",error:o,onRetry:()=>i()})});const l=n?.raw??"";return l===""?s.jsx("div",{className:"message-body",children:s.jsx("p",{className:"text-fg-muted text-sm italic",children:"No raw source available for this message."})}):s.jsx("div",{className:"message-body",children:s.jsx("pre",{className:"email-text whitespace-pre-wrap break-words text-sm leading-relaxed bg-surface-sunken rounded-md p-3 max-h-[32rem] overflow-auto",children:l})})},Ag=()=>s.jsx(rn,{className:"inline-block size-4 ml-1 -mt-0.5 text-positive align-middle","aria-label":"Trusted sender","data-testid":"trusted-sender-badge"}),Gi=(e,t)=>({id:e.messageId,fromName:e.fromName??e.fromEmail??"?",fromEmail:e.fromEmail??"",toLabel:"",dateLabel:t,snippet:e.snippet||"",bodyHtml:""}),Xi=({isStarred:e,onToggleStar:t,isStarPending:n,hoverReveal:a})=>s.jsx("button",{type:"button",onClick:r=>{r.stopPropagation(),t()},disabled:n,"aria-label":e?"Remove star":"Add star",className:fe("shrink-0 p-0.5 rounded transition-colors",e?"text-warning":fe("text-fg-subtle hover:text-warning",a&&"opacity-0 group-hover:opacity-100 focus:opacity-100"),n&&"opacity-50"),children:s.jsx(dt,{className:fe("size-3.5",e&&"fill-current")})}),Og=({threadMessage:e,isFocused:t,onToggle:n,onToggleStar:a,isStarPending:r})=>{const o=wo(e.sentDate,"datetime"),i=Gi(e,o);return s.jsx(ri,{message:i,onClick:n,isFocused:t,isUnread:!e.isRead,trailing:s.jsxs(s.Fragment,{children:[e.hasAttachment&&s.jsx(on,{className:"size-3 shrink-0 text-fg-subtle"}),s.jsx(Xi,{isStarred:e.hasStars,onToggleStar:a,isStarPending:r,hoverReveal:!0}),s.jsx("span",{"data-testid":"message-date",className:"shrink-0 text-2xs text-fg-subtle tabular-nums",children:o})]})})},Pg=({threadMessage:e,messageData:t,isLoading:n,isError:a,error:r,onRetry:o,isFocused:i,onToggle:l,onToggleStar:u,isStarPending:d,accountId:f,showRaw:m,onToggleRaw:g,mobile:x,onReply:b,onReplyAll:p,onForward:y})=>{const h=wo(e.sentDate,"long"),v=!e.isRead,j=t?.envelope.from[0]?.flags?.trusted?.value===!0,w=t?.envelope.from[0]?.addressId,N=Gi(e,h),I=e.autoMoved?s.jsx(wi,{accountId:f,messageId:e.messageId,threadId:e.threadId,mailboxId:e.mailboxId,autoMoved:e.autoMoved,size:"md"}):null;return s.jsx(oi,{message:N,isFocused:i,onHeaderClick:l,senderBadge:j?s.jsx(Ag,{}):void 0,trailing:s.jsx("span",{"data-testid":"message-date",className:"text-2xs text-fg-subtle",children:h}),to:t?s.jsx(Jd,{label:"To",addresses:t.envelope.to}):null,indicators:I||!x?s.jsxs("div",{className:"flex flex-wrap items-center gap-1.5 mt-0.5",children:[I,!x&&s.jsxs(s.Fragment,{children:[s.jsxs("div",{className:"flex items-center justify-end gap-1",children:[s.jsx(Xi,{isStarred:e.hasStars,onToggleStar:u,isStarPending:d}),e.hasAttachment&&s.jsx("span",{className:"text-fg-subtle p-0.5",children:s.jsx(on,{className:"size-3.5"})})]}),v&&s.jsx("span",{className:"size-1.5 rounded-full bg-accent","aria-label":"Unread"})]})]}):void 0,actionMenu:x?void 0:s.jsx(wg,{messageId:e.messageId,threadId:e.threadId,mailboxId:e.mailboxId,isRead:e.isRead,accountId:f,fromAddressId:w,isTrusted:j,showRaw:m,onToggleRaw:g}),actionBar:x?s.jsx(Mg,{messageId:e.messageId,threadId:e.threadId,mailboxId:e.mailboxId,accountId:f,isRead:e.isRead,isStarred:e.hasStars,onToggleStar:u,fromAddressId:w,isTrusted:j,showRaw:m,onToggleRaw:g,onReply:b,onReplyAll:p,onForward:y}):void 0,body:n?s.jsxs("div",{className:"mt-3 animate-pulse space-y-2",children:[s.jsx("div",{className:"h-4 bg-surface-sunken rounded w-full"}),s.jsx("div",{className:"h-4 bg-surface-sunken rounded w-3/4"}),s.jsx("div",{className:"h-4 bg-surface-sunken rounded w-1/2"})]}):a&&Ec(r)?s.jsx("div",{className:"mt-3",children:s.jsx(xi,{message:"This message has been deleted"})}):a?s.jsx("div",{className:"mt-3",children:s.jsx(ft,{variant:"inline",title:"Couldn't load this message",error:r,onRetry:o})}):m?s.jsx("div",{className:"mt-3",children:s.jsx(Dg,{messageId:e.messageId})}):s.jsx("div",{className:"mt-3",children:s.jsx(Yi,{bodyParts:t?.bodyParts,messageId:e.messageId,fromAddressId:t?.envelope.from[0]?.addressId,isTrusted:j,category:cn(e.category)})})})},Lg=({threadMessage:e,isExpanded:t,isFocused:n,onToggle:a,onToggleStar:r,isStarPending:o,accountId:i,mobile:l,onReply:u,onReplyAll:d,onForward:f})=>{const[m,g]=c.useState(!1),{data:x,isLoading:b,isError:p,error:y,refetch:h}=re({...Jn({path:{messageId:e.messageId}}),enabled:t,meta:{softError:!0}});return t?s.jsx(Pg,{threadMessage:e,messageData:x,isLoading:b,isError:p,error:y,onRetry:()=>h(),isFocused:n,onToggle:a,onToggleStar:r,isStarPending:o,accountId:i,showRaw:m,onToggleRaw:()=>g(v=>!v),mobile:l,onReply:u,onReplyAll:d,onForward:f}):s.jsx(Og,{threadMessage:e,isFocused:n,onToggle:a,onToggleStar:r,isStarPending:o})},zg=()=>s.jsxs("div",{className:"animate-pulse p-4",children:[s.jsx("div",{className:"h-6 bg-surface-sunken rounded w-3/4 mb-5"}),s.jsx("div",{className:"space-y-4",children:Array.from({length:2}).map((e,t)=>s.jsxs("div",{className:"flex gap-3 py-3",children:[s.jsx("div",{className:"size-10 bg-surface-sunken rounded-full shrink-0"}),s.jsxs("div",{className:"flex-1",children:[s.jsx("div",{className:"h-4 bg-surface-sunken rounded w-32 mb-2"}),s.jsx("div",{className:"h-3 bg-surface-sunken rounded w-48"})]})]},t))})]});function Or({authenticity:e,onOpenIntelligence:t}){return e.dkimMismatch?s.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:[s.jsx(Ss,{className:"mt-0.5 size-4 shrink-0 text-danger"}),s.jsxs("p",{className:"flex-1 leading-snug text-fg",children:["This message claims to be from"," ",s.jsx("span",{className:"font-semibold",children:e.fromDomain})," but was sent",e.dkimDomain?` via ${e.dkimDomain}`:" from a different domain","."]}),t&&s.jsx("button",{type:"button",onClick:t,className:"shrink-0 text-2xs font-medium text-danger hover:underline",children:"Why?"})]}):null}const Zt=({threadId:e,mailboxId:t,subject:n,selectedMessageId:a,authenticity:r,onOpenIntelligence:o,onBack:i,composeRequest:l,onComposeClose:u,onSwipeNext:d,onSwipePrevious:f,mobileIntelligenceOpen:m})=>{const g=kt(),{handlers:x}=Sh({onSwipeLeft:d,onSwipeRight:f}),{accountId:b}=bi(t),{data:p,isLoading:y,isError:h,error:v,refetch:j}=re({...Ic({path:{threadId:e},query:{order:"desc",mailboxId:t}})}),w=c.useMemo(()=>p?.items??[],[p?.items]),N=c.useRef(new Map),[I,S]=c.useState(new Set),[k,C]=c.useState(null),[E,R]=c.useState(0);c.useEffect(()=>{if(w.length>0&&e!==k){C(e);const Q=new Set([w[0].threadMessageId]);if(a){const ee=w.find(ne=>ne.messageId===a);ee&&Q.add(ee.threadMessageId)}S(Q),R(0)}},[e,w,k,a]);const M=c.useCallback(Q=>{S(ee=>{const ne=new Set(ee);return ne.has(Q)?ne.delete(Q):ne.add(Q),ne})},[]),T=c.useCallback(Q=>{const ee=w[Q];if(!ee)return;N.current.get(ee.threadMessageId)?.scrollIntoView({behavior:"smooth",block:"nearest"})},[w]),P=c.useCallback(()=>{if(w.length===0)return;const Q=Math.min(E+1,w.length-1);R(Q),T(Q)},[w.length,E,T]),Y=c.useCallback(()=>{if(w.length===0)return;const Q=Math.max(E-1,0);R(Q),T(Q)},[w.length,E,T]),K=c.useCallback(()=>{const Q=w[E];Q&&M(Q.threadMessageId)},[w,E,M]),{data:B}=re({...Ze(),staleTime:1/0}),_=B?.accounts?.[0],F=!!_?.smtpHost;vh({messages:w,expandedIds:I,threadId:e,mailboxId:t,accountId:_?.accountId});const{toggleStar:q,isPending:te,pendingMessageId:U}=Bn({threadId:e,mailboxId:t}),[O,D]=c.useState(null);c.useEffect(()=>{l&&l!=="new"&&(D(l),u?.())},[l,u]);const V=w[0],{data:le}=re({...Jn({path:{messageId:V?.messageId??""}}),enabled:!!V&&O!==null}),ve=c.useCallback(()=>{D("reply")},[]),ce=c.useCallback(()=>{D("reply_all")},[]),ye=c.useCallback(()=>{D("forward")},[]),Se=c.useCallback(()=>{D(null),u?.()},[u]);if(ps({enabled:!y&&w.length>0&&O===null,bindings:[{key:"j",handler:P,preventDefault:!0},{key:"ArrowDown",handler:P,preventDefault:!0},{key:"k",handler:Y,preventDefault:!0},{key:"ArrowUp",handler:Y,preventDefault:!0},{key:"Enter",handler:K,preventDefault:!0},{key:"o",handler:K,preventDefault:!0},...F?[{key:"r",handler:ve,preventDefault:!0},{key:"R",handler:ce,noModifiers:!1,preventDefault:!0},{key:"f",handler:ye,preventDefault:!0}]:[]]}),y)return s.jsx(zg,{});if(h)return s.jsx("div",{className:"flex h-full items-center justify-center",children:s.jsx(ft,{title:"Couldn't load this conversation",error:v,onRetry:()=>j()})});if(w.length===0)return s.jsx("div",{className:"flex h-full items-center justify-center",children:s.jsx(xi,{message:"No messages in this thread"})});const G=n||w[0]?.subject||"(No subject)",ge=w.length,Ie=Q=>s.jsx("div",{children:w.map((ee,ne)=>s.jsx("div",{ref:Ue=>{Ue&&N.current.set(ee.threadMessageId,Ue)},children:s.jsx(Lg,{threadMessage:ee,isExpanded:I.has(ee.threadMessageId),isFocused:ne===E,onToggle:()=>M(ee.threadMessageId),onToggleStar:()=>q(ee.messageId,ee.hasStars),isStarPending:te&&U===ee.messageId,accountId:b,mobile:Q,onReply:Q&&F?ve:void 0,onReplyAll:Q&&F?ce:void 0,onForward:Q&&F?ye:void 0})},ee.threadMessageId))}),H=s.jsxs("header",{className:"border-b border-line px-5 pt-5 pb-3",children:[s.jsx("h1",{className:"max-w-2xl text-lg font-semibold leading-snug text-fg",children:G}),s.jsxs("p",{className:"mt-1 text-2xs text-fg-subtle",children:[ge," ",ge===1?"message":"messages"]})]});return g?s.jsxs("article",{className:"h-full flex flex-col",children:[H,r?.dkimMismatch&&s.jsx(Or,{authenticity:r,onOpenIntelligence:o}),s.jsx("div",{className:"flex-1 overflow-auto",children:Ie(!1)}),O!==null&&s.jsx(jr,{mode:O,account:_,sourceMessage:le,onClose:Se})]}):s.jsxs(Bf,{thread:{subject:G,messages:[]},onBack:i??(()=>{}),intelligenceOpen:m,onToggleIntelligence:o,touchHandlers:x,children:[r?.dkimMismatch&&s.jsx(Or,{authenticity:r,onOpenIntelligence:o}),Ie(!0),O!==null&&s.jsx(jr,{mode:O,account:_,sourceMessage:le,onClose:Se})]})},Ji=e=>e.trim().toLocaleLowerCase(),_g=/^\d{4}-\d{2}-\d{2}$/;function Pr(e,t,n){if(!_g.test(n))return;const a=Date.parse(`${n}T00:00:00Z`);if(!Number.isNaN(a))return{type:e,raw:t,value:n,epochSeconds:Math.floor(a/1e3)}}function Fg(e,t){const n=e.toLowerCase();if(n.startsWith("from:")&&e.length>5)return{type:"from",raw:e,value:e.slice(5)};if(n==="has:attachment")return{type:"hasAttachment",raw:e};if(n==="is:unread")return{type:"isUnread",raw:e};if(n.startsWith("before:")&&e.length>7)return Pr("before",e,e.slice(7));if(n.startsWith("after:")&&e.length>6)return Pr("after",e,e.slice(6));if(n.startsWith("in:")&&e.length>3){const a=e.slice(3),r=t.mailboxesByName?.get(a.toLowerCase());return r?{type:"in",raw:e,value:a,mailboxId:r}:void 0}if(n.startsWith("account:")&&e.length>8){const a=e.slice(8),r=t.accountsByName?.get(a.toLowerCase());return r?{type:"account",raw:e,value:a,accountId:r}:void 0}}function Cs(e,t={}){const n=e.split(/\s+/).filter(o=>o.length>0),a=[],r=[];for(const o of n){const i=Fg(o,t);i?a.push(i):r.push(o)}return{freeText:r.join(" "),tokens:a}}function Bg(e,t){return e.split(/\s+/).filter(n=>n.length>0&&n!==t.raw).join(" ")}function $g(e){switch(e.type){case"from":return`From: ${e.value}`;case"hasAttachment":return"Has attachment";case"isUnread":return"Unread";case"before":return`Before ${e.value}`;case"after":return`After ${e.value}`;case"in":return`In: ${e.value}`;case"account":return`Account: ${e.value}`}}const Kg=20,qg=new Set(Object.values(Ge)),Ug=e=>e!==void 0&&qg.has(e)?e:void 0;function Zi({mailboxId:e,filterCategory:t}={}){const{searchQuery:n,mailboxNameIndex:a,accountNameIndex:r}=Ee(),o=Ji(n),{freeText:i,tokens:l}=Cs(o,{mailboxesByName:a,accountsByName:r}),u=o.length>0,d=Ug(t),f=l.some(v=>v.type==="hasAttachment")?!0:void 0,m=l.some(v=>v.type==="isUnread")?!1:void 0,g=l.find(v=>v.type==="after"),x=l.find(v=>v.type==="before"),p=l.find(v=>v.type==="in")?.mailboxId??e,{data:y,isLoading:h}=re({...go({query:{query:i,mailboxId:p,limit:Kg,...d!==void 0?{category:d}:{},...f!==void 0?{hasAttachment:f}:{},...m!==void 0?{isRead:m}:{},...g?{sentDateFrom:g.epochSeconds}:{},...x?{sentDateTo:x.epochSeconds}:{}}}),enabled:u,staleTime:6e4});return{hits:y?.items??[],isLoading:u&&h}}const Hg=(e,t)=>e.createdAt!==t.createdAt?e.createdAt-t.createdAt:e.accountId.localeCompare(t.accountId),Qg=e=>[...e].sort(Hg);function el(e){const t=e.authenticity?.dkimMismatch===!0;return{id:e.messageId,accountId:e.accountId??e.accountConfigId,mailboxId:e.mailboxId,fromName:e.fromName??e.fromEmail??"Unknown",fromEmail:e.fromEmail??"",subject:e.subject??"(No subject)",snippet:e.snippet??"",timeLabel:mt(e.sentDate),sentDate:e.sentDate,isRead:e.isRead,hasAttachment:e.hasAttachment,starred:e.star!=null&&e.star!=="none"&&e.hasStars===!0,trust:e.senderTrust,category:cn(e.category),suspicious:t}}const Lr=[{id:"personal",label:"Personal",category:Ge.personal},{id:"transactional",label:"Transactional",category:Ge.transactional},{id:"newsletter",label:"Newsletter",category:Ge.newsletter},{id:"marketing",label:"Marketing",category:Ge.marketing},{id:"social",label:"Social",category:Ge.social},{id:"automated",label:"Automated",category:Ge.automated}];function Wg(e){const t=new Map(Lr.map(a=>[a.category,[]]));for(const a of e){const r=a.category??Ge.personal;(t.get(r)??t.get(Ge.personal))?.push(a)}const n=[];for(const a of Lr){const r=t.get(a.category);r&&r.length>0&&n.push({id:a.id,label:a.label,threads:r})}return n}function tl(e,t){return e.fromName.toLowerCase().includes(t)||e.fromEmail.toLowerCase().includes(t)||e.subject.toLowerCase().includes(t)||e.snippet.toLowerCase().includes(t)}function sl(e,t){return t.every(n=>{switch(n.type){case"from":{const a=n.value.toLowerCase();return e.fromEmail.toLowerCase().includes(a)||e.fromName.toLowerCase().includes(a)}case"hasAttachment":return e.hasAttachment===!0;case"isUnread":return!e.isRead;case"after":return e.sentDate!=null&&e.sentDate>=n.epochSeconds*1e3;case"before":return e.sentDate!=null&&e.sentDate<n.epochSeconds*1e3;case"in":return e.mailboxId===n.mailboxId;case"account":return e.accountId===n.accountId;default:return!1}})}const Vg={sender:"sender",recipient:"recipient",subject:"subject",attachment:"attachment",body:"body",entities:"entities"};function Yg(e){return Vg[e]??e}function Gg(e){return{id:e.messageId,sender:e.fromName??e.fromEmail??"Unknown",subject:e.subject??"(No subject)",snippet:e.snippet??"",date:mt(e.sentDate),unread:!e.isRead,flagged:e.hasStars===!0,threadId:e.threadId,mailboxId:e.mailboxId}}function nl(e){return{id:e.id,sender:e.fromName,subject:e.subject,snippet:e.snippet,date:e.timeLabel,unread:!e.isRead,flagged:e.starred===!0}}function Xg(e){return{id:e.messageId,sender:e.fromName??"Unknown",subject:e.subject??"(No subject)",snippet:"",date:e.sentDate!=null?mt(e.sentDate*1e3):"",threadId:e.threadId,matchedChunkLabel:Yg(e.matchedChunkType),score:e.score,...e.mailboxIds[0]!=null?{mailboxId:e.mailboxIds[0]}:{}}}function al(e,t){const n=new Set(t),a=[];for(const r of[...e].sort((o,i)=>i.score-o.score))n.has(r.threadId)||(n.add(r.threadId),a.push(Xg(r)));return a}const Jg=768,Zg=1024,ep=e=>e!=="desktop",Es=()=>{const e=Fn(`(min-width: ${Jg}px)`);return Fn(`(min-width: ${Zg}px)`)?"desktop":e?"tablet":"phone"},rl="remit.recentSearches",tp=5;function Un(){try{const e=localStorage.getItem(rl);if(!e)return[];const t=JSON.parse(e);return Array.isArray(t)?t.filter(n=>typeof n=="string"):[]}catch{return[]}}function zr(e){const t=e.trim();if(!t)return Un();const n=[t,...Un().filter(a=>a!==t)].slice(0,tp);try{localStorage.setItem(rl,JSON.stringify(n))}catch{return n}return n}function ol({title:e,unreadCount:t,children:n,footer:a,searchFilter:r,searchResults:o,searchLoading:i,relatedResults:l,relatedLoading:u,onSelectSearchResult:d}){const{searchInput:f,onSearchChange:m,onSearchClear:g,mailboxNameIndex:x,accountNameIndex:b}=Ee(),p=Zn(),y=Es(),[h,v]=c.useState(!1),[j,w]=c.useState(Un),N=f.trim().length>0,I=Cs(f,{mailboxesByName:x,accountsByName:b}).tokens.map(K=>({label:$g(K),onRemove:()=>m(Bg(f,K))})),S=o??[],k=l??[],C=N?[{id:"top",label:"Top matches",results:S},{id:"related",label:"Related",results:k}]:[],R=!(S.length+k.length>0)&&(i===!0||u===!0);if(y==="phone"&&h){const K=B=>{w(zr(f)),v(!1),d?.(B)};return s.jsx(gm,{value:f,onChange:m,onClear:g,onCancel:()=>{v(!1),g()},filter:r,recentSearches:j,onPickRecent:m,sections:C,loading:R,onSelectResult:K,tokens:I})}const M=y!=="phone"&&N,T=K=>{w(zr(f)),d?.(K)},P=s.jsx(ii,{value:f,sections:C,loading:R,onSelectResult:T,tokens:I}),Y=M?r?s.jsx(Gn,{...r,children:P}):s.jsx("div",{className:"h-full overflow-y-auto",children:P}):n;return s.jsxs("section",{className:"flex h-full w-full flex-col bg-surface",children:[s.jsx(lm,{title:e,unreadCount:t,isDesktop:!1,onMenuClick:()=>p?.openNav(),searchValue:f,onSearchChange:m,onSearchClear:g,searchOpen:h,onSearchOpenChange:v}),s.jsx("div",{className:"min-h-0 flex-1",children:Y}),a]})}const sp={unread:e=>!e.isRead,attachment:e=>e.hasAttachment===!0,contacts:e=>e.trust==="vip"||e.trust==="wellknown",today:e=>e.sentDate!=null&&new Date(e.sentDate).toDateString()===new Date().toDateString()},_r=()=>s.jsx("div",{className:"animate-pulse",children:Array.from({length:3}).map((e,t)=>s.jsxs("div",{className:"flex items-start gap-3 py-2 pl-5 pr-4 border-b border-line",children:[s.jsx("div",{className:"size-7 rounded-full bg-surface-sunken shrink-0 mt-0.5"}),s.jsxs("div",{className:"flex-1 space-y-1.5",children:[s.jsxs("div",{className:"flex justify-between gap-2",children:[s.jsx("div",{className:"h-3.5 bg-surface-sunken rounded w-28"}),s.jsx("div",{className:"h-3 bg-surface-sunken rounded w-12"})]}),s.jsx("div",{className:"h-3.5 bg-surface-sunken rounded w-48"}),s.jsx("div",{className:"h-3 bg-surface-sunken rounded w-full"})]})]},t))}),np=({accountEmail:e})=>{const t=Ce();return s.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:[s.jsx(yt,{className:"size-3.5 shrink-0"}),s.jsxs("span",{className:"flex-1 truncate",children:[e," can't connect"]}),s.jsx("button",{type:"button",onClick:()=>t({to:"/settings/accounts"}),className:"shrink-0 underline text-danger hover:opacity-80",children:"Reconnect"})]})},ap=({thread:e,active:t,onClick:n})=>{const a=!e.isRead;return s.jsxs("button",{type:"button",onClick:n,className:$("group w-full",Gt({active:t})),children:[a&&s.jsx("span",{className:"absolute left-1.5 top-1/2 size-1.5 -translate-y-1/2 rounded-full bg-accent"}),s.jsx(st,{name:e.fromName,email:e.fromEmail,size:"sm"}),s.jsx(Xt,{thread:e})]})};function il({accounts:e,selectedMessageId:t,onSelectMessage:n,onSelectSearchResult:a}){const{searchQuery:r,mailboxNameIndex:o,accountNameIndex:i}=Ee(),l=kt(),u=c.useMemo(()=>Qg(e.filter(O=>!O.muted?.value)),[e]),[d,f]=c.useState("all"),[m,g]=c.useState("all"),[x,b]=c.useState(new Set),[p,y]=c.useState(!1),h=c.useCallback(O=>{b(D=>{const V=new Set(D);return V.has(O)?V.delete(O):V.add(O),V})},[]),{data:v,isLoading:j,isError:w,refetch:N}=re({...sn(),staleTime:6e4}),I=Yt({queries:u.map(O=>({...et({path:{accountId:O.accountId}}),staleTime:1/0,meta:{softError:!0}}))}),S=c.useMemo(()=>{const O=new Map;for(let D=0;D<u.length;D++){const V=u[D].accountId,ve=(I[D]?.data?.items??[]).reduce((ce,ye)=>ce+(ye.unseenCount??0),0);O.set(V,ve)}return O},[u,I]),k=c.useMemo(()=>u.filter((O,D)=>{const V=I[D];return V?.isError?!Dn(V.error):!1}),[u,I]),{freeText:C,tokens:E}=Cs(r.trim().toLowerCase(),{mailboxesByName:o,accountsByName:i}),R=c.useMemo(()=>(v?.items??[]).filter(D=>d==="all"||(D.accountId??D.accountConfigId)===d).map(el).filter(D=>(!C||tl(D,C))&&sl(D,E)),[v,d,C,E]),M=c.useMemo(()=>Wg(R),[R]),T=c.useMemo(()=>u.length<=1?[]:[{id:"all",label:"All",active:d==="all"},...u.map(O=>({id:O.accountId,label:O.email.split("@")[0]??O.email,count:S.get(O.accountId),active:d===O.accountId}))],[u,S,d]),P=c.useMemo(()=>e.filter(O=>O.muted?.value).length,[e]),Y=c.useMemo(()=>Array.from(S.values()).reduce((O,D)=>O+D,0),[S]),K=c.useMemo(()=>{const O=Array.from(x).map(D=>sp[D]).filter(D=>D!=null);return R.filter(D=>(m==="all"||D.category===m)&&O.every(V=>V(D))).map(nl)},[R,m,x]),{hits:B,isLoading:_}=Zi(),F=c.useMemo(()=>{const O=new Map;for(const V of v?.items??[])O.set(V.messageId,V.threadId);const D=K.map(V=>O.get(V.id)).filter(V=>V!=null);return al(B,D)},[B,K,v]),q=c.useMemo(()=>{const O=Lm(T.map(D=>({id:D.id,label:D.label,count:D.count,active:D.active})));return{categories:O.categories,filters:O.filters,sources:O.sources,sourcesNote:P>0?`+${P} muted`:void 0,selectedCategory:m,activeFilters:x,expanded:p,onExpandedChange:y,onSelectCategory:D=>g(D),onSelectSource:f,onToggleFilter:h,onClear:()=>{g("all"),f("all"),b(new Set)}}},[T,P,m,x,p,h]),te=M.length===0&&d==="all"&&C.length===0,U=j?s.jsxs("div",{className:"h-full overflow-y-auto",children:[s.jsx(_r,{}),s.jsx(_r,{})]}):w?s.jsxs("div",{className:"flex h-full flex-col items-center justify-center gap-3 py-12 text-sm text-fg-muted",children:[s.jsx(yt,{className:"size-8 text-danger"}),s.jsx("p",{children:"Couldn't load your messages"}),s.jsxs("button",{type:"button",onClick:()=>N(),className:"flex items-center gap-1 text-accent underline text-xs",children:[s.jsx(Uo,{className:"size-3.5"}),"Try again"]})]}):te?s.jsxs("div",{className:"flex h-full flex-col items-center justify-center gap-2 py-12 text-center px-4",children:[s.jsx(Ke,{className:"size-8 text-fg-subtle"}),s.jsx("p",{className:"text-sm font-medium text-fg",children:"You're caught up"}),s.jsx("p",{className:"text-xs text-fg-subtle",children:"Nothing needs attention."})]}):s.jsx(to,{sections:M,Row:ap,briefCategory:m,onSelectBriefCategory:g,sources:T,sourcesNote:P>0?`+${P} muted`:void 0,onSelectSource:f,selectedThreadId:t,onSelectThread:n});return s.jsx(ol,{title:"Daily brief",unreadCount:Y,footer:l?s.jsx(Yo,{}):void 0,searchFilter:q,searchResults:K,searchLoading:j,relatedResults:F,relatedLoading:_,onSelectSearchResult:a,children:s.jsxs("div",{className:"flex h-full flex-col",children:[k.map(O=>s.jsx(np,{accountEmail:O.email,accountId:O.accountId},O.accountId)),s.jsx("div",{className:"min-h-0 flex-1",children:U})]})})}const ll=({isOpen:e,title:t,description:n,confirmLabel:a,cancelLabel:r="Cancel",destructive:o=!1,isBusy:i=!1,onConfirm:l,onCancel:u})=>{const d=c.useRef(null),f=c.useCallback(m=>{m.key==="Escape"&&(m.preventDefault(),m.stopPropagation(),m.stopImmediatePropagation(),u())},[u]);return c.useEffect(()=>{if(e)return window.addEventListener("keydown",f,!0),()=>window.removeEventListener("keydown",f,!0)},[e,f]),c.useEffect(()=>{e&&d.current?.focus()},[e]),e?s.jsxs("div",{className:"fixed inset-0 z-50 flex items-center justify-center","aria-hidden":"true",onClick:u,children:[s.jsx("div",{className:"absolute inset-0 bg-canvas/80 backdrop-blur-sm"}),s.jsxs("div",{role:"dialog","aria-modal":"true","aria-label":t,className:fe("relative z-10 w-full max-w-sm","bg-surface border border-line rounded-sm shadow-lg","p-6"),onClick:m=>m.stopPropagation(),onKeyDown:m=>m.stopPropagation(),children:[s.jsx("h2",{className:"text-lg font-semibold",children:t}),n&&s.jsx("p",{className:"mt-2 text-sm text-fg-muted",children:n}),s.jsxs("div",{className:"mt-6 flex items-center justify-end gap-2",children:[s.jsx("button",{ref:d,type:"button",onClick:u,className:fe("min-h-11 inline-flex items-center justify-center px-4 rounded text-sm font-medium transition-colors","border border-line hover:bg-surface-raised"),children:r}),s.jsx("button",{type:"button",onClick:l,disabled:i,className:fe("min-h-11 inline-flex items-center justify-center px-4 rounded text-sm font-medium transition-colors",o?"bg-danger text-canvas hover:bg-danger/90":"bg-accent text-accent-fg hover:bg-accent-hover","disabled:opacity-50 disabled:cursor-not-allowed"),children:a})]})]})]}):null};function rp(e){const t=new Date(e),n=new Date;return t.toDateString()===n.toDateString()?"today":Ws(t,{month:"short",year:"numeric"})}function cl(e){if(!e)return!0;const[,t]=e.split("@");return t?!t.includes("."):!0}const op="We can't verify the sender of this email, which could mean it's from an insecure source.",ip="We couldn't read this sender's address, so we can't confirm who really sent this message.";function lp(e,t){return{name:e.fromName??e.fromEmail??"Unknown",email:e.fromEmail??"",trust:e.senderTrust,firstSeenLabel:t?rp(t.createdAt):"unknown",inboundCount:t?.inboundCount,replyCount:t?.replyCount,addressUnverified:cl(e.fromEmail)}}function cp(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 up(e,t){const n=t>0?t:void 0;if(cl(e.fromEmail))return{verdict:"mismatch",fromDomain:"",addressUnreadable:!0,summary:ip,similarCount:n};const a=e.authenticity;if(!a)return{verdict:"caution",fromDomain:e.fromEmail?.split("@")[1]??"",summary:op};if(!a.dkimMismatch)return{verdict:"aligned",fromDomain:a.fromDomain,dkimDomain:a.dkimDomain,summary:a.dkimDomain?`We verified this message was really sent by ${a.fromDomain}.`:"Nothing looks unusual about this sender."};const r=a.fromDomain,o=a.dkimDomain,i=e.fromName&&e.fromName!==e.fromEmail?e.fromName:void 0,l=i?`The display name claims "${i}", but this message was actually sent from ${o??"another sender"} — not ${r}. Real senders use their own address.`:`This message claims to be from ${r}, but it was actually sent from ${o??"a different sender"}.`;return{verdict:"mismatch",fromDomain:r,dkimDomain:o,claimedBrand:i,summary:l,similarCount:n}}function ul(e,t){const n=e?.fromEmail??null,a=e?.subject??"",{data:r,error:o}=re({...co({query:{q:n??"",limit:1}}),enabled:!!n,staleTime:3e4}),i=r?.items?.[0],l=[a,n].filter(Boolean).join(" "),{data:u,isLoading:d,error:f}=re({...go({query:{query:l,limit:5}}),enabled:!!(e&&l.length>3),staleTime:6e4,retry:1});return{data:c.useMemo(()=>{if(!e)return null;const g=(u?.items??[]).filter(h=>h.messageId!==e.messageId).map(h=>({id:h.messageId,mailboxId:t!=null&&h.mailboxIds.includes(t)?t:h.mailboxIds[0]??"",fromName:h.fromName??"",subject:h.subject??"(No subject)",timeLabel:h.sentDate!=null?mt(h.sentDate*1e3):"",matched:h.matchedChunkType})),x=lp(e,i),b=up(e,g.length),p={value:e.category??"personal",overridden:i?.flags?.category?.value!=null&&i.flags.category.value!==e.category},y=cp(i);return{sender:x,authenticity:b,category:p,flags:y,similar:g}},[e,i,u,t]),isSimilarLoading:d,similarError:f,similarErrorIsFatal:Dn(f),addressErrorIsFatal:Dn(o),addressId:i?.addressId,address:i}}function dp(e,t){const n={...e??{}};for(const[a,r]of Object.entries(t))r==null?delete n[a]:n[a]={...r,setAt:r.setAt??Date.now()};return n}function dl({addressId:e,senderEmail:t}){const n=je(),{pushError:a}=ze(),r=Rc({query:{q:t??"",limit:1}}),{mutate:o,isPending:i}=xe({...fo(),onMutate:async u=>{const d=u.body.flags??{};await n.cancelQueries({queryKey:r});const f=n.getQueryData(r);return n.setQueryData(r,m=>m&&{...m,items:m.items.map(g=>g.addressId===u.path.addressId?{...g,flags:dp(g.flags,d)}:g)}),{previous:f}},onError:(u,d,f)=>{f?.previous!==void 0&&n.setQueryData(r,f.previous),a({title:"Couldn't update sender preference",detail:$e(u)})},onSettled:()=>{n.invalidateQueries({queryKey:r})}});return{updateFlags:c.useCallback(u=>{if(!e){po(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 fp=e=>e==="vip"?"A sender you know":e==="wellknown"?"You've emailed them before":"Passed authentication",fl=e=>e.senderTrust!=="vip"&&e.senderTrust!=="wellknown"?!1:e.authenticity?.dkimMismatch!==!0;function mp(e,t){e.recordEvent("rescue.candidates_surfaced",{count:String(t)})}function hp(e,t){e.recordEvent("rescue.flow_opened",{count:String(t)})}function gp(e,t){e.recordEvent("rescue.committed",{selected:String(t.selected),total:String(t.total),destination:t.toInbox?"inbox":"other"})}function ml(e,t){e.recordEvent("rescue.sent_to_junk",{count:String(t.count),senderTrust:t.senderTrust,wasRescuable:String(t.wasRescuable)})}const pp=["personal","newsletter","marketing","automated","transactional","social"],xp=e=>{const{mailboxId:t,junkMailboxId:n,inboxMailboxId:a}=e;return t?n&&t===n?a?"notSpam":null:n?"markSpam":null:null},bp=e=>{const{similarError:t,similarErrorIsFatal:n,isSimilarLoading:a}=e;return t&&!n?"error":a?"loading":"ready"};function vp(){return s.jsxs("aside",{className:"flex h-full w-full flex-col bg-surface-sunken",children:[s.jsxs("header",{className:"flex h-pane-header shrink-0 items-center gap-1.5 border-b border-line px-row-inset",children:[s.jsx(Ke,{className:"size-3.5 text-fg-subtle"}),s.jsx("span",{className:"text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:"Intelligence"})]}),s.jsxs("div",{className:"flex-1 animate-pulse space-y-4 p-4",children:[s.jsxs("div",{className:"space-y-2",children:[s.jsx("div",{className:"h-2.5 rounded bg-surface w-1/4"}),s.jsxs("div",{className:"flex gap-3",children:[s.jsx("div",{className:"size-10 rounded-full bg-surface shrink-0"}),s.jsxs("div",{className:"flex-1 space-y-1.5",children:[s.jsx("div",{className:"h-3 rounded bg-surface w-3/4"}),s.jsx("div",{className:"h-2.5 rounded bg-surface w-1/2"})]})]})]}),s.jsxs("div",{className:"space-y-2",children:[s.jsx("div",{className:"h-2.5 rounded bg-surface w-1/4"}),s.jsx("div",{className:"h-8 rounded bg-surface"})]}),s.jsxs("div",{className:"space-y-2",children:[s.jsx("div",{className:"h-2.5 rounded bg-surface w-1/4"}),s.jsx("div",{className:"flex gap-1.5 flex-wrap",children:Array.from({length:5}).map((e,t)=>s.jsx("div",{className:"h-6 w-16 rounded bg-surface"},t))})]})]})]})}function yp({isOpen:e,current:t,onSelect:n,onCancel:a}){return e?s.jsxs("div",{className:"fixed inset-0 z-50 flex items-center justify-center","aria-hidden":"true",onClick:a,children:[s.jsx("div",{className:"absolute inset-0 bg-canvas/80 backdrop-blur-sm"}),s.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:r=>r.stopPropagation(),onKeyDown:r=>r.stopPropagation(),children:[s.jsx("h2",{className:"text-lg font-semibold",children:"Reclassify this sender"}),s.jsx("p",{className:"mt-2 text-sm text-fg-muted",children:"Set a category override for future messages from this sender."}),s.jsx("div",{className:"mt-4 flex flex-col gap-1",children:pp.map(r=>s.jsxs("button",{type:"button",onClick:()=>n(r),className:`flex min-h-11 items-center justify-between rounded px-3 text-left text-sm capitalize transition-colors hover:bg-surface-raised ${r===t?"font-semibold text-accent":"text-fg"}`,children:[r,r===t&&s.jsx("span",{className:"text-2xs text-fg-subtle",children:"current"})]},r))}),s.jsx("div",{className:"mt-6 flex justify-end",children:s.jsx("button",{type:"button",onClick:a,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 wp({thread:e,onClose:t,mailboxId:n,accountId:a,hideCloseButton:r}){const{data:o,addressId:i,isSimilarLoading:l,similarError:u,similarErrorIsFatal:d}=ul(e,n),[f,m]=c.useState(!1),[g,x]=c.useState(!1),b=e.fromEmail??void 0,{updateFlags:p,isPending:y}=dl({addressId:i,senderEmail:b}),{junkMailboxId:h}=pa(a),{inboxMailboxId:v}=ga(a),{moveMessages:j}=ct({mailboxId:n??"",threadId:e.threadId,accountId:a}),w=xs(),N=xp({mailboxId:n,junkMailboxId:h,inboxMailboxId:v}),I=c.useCallback(()=>{v&&j([e.messageId],v)},[v,j,e.messageId]),S=c.useCallback(()=>{h&&(ml(w,{count:1,senderTrust:e.senderTrust,wasRescuable:fl(e)}),j([e.messageId],h))},[h,j,e,w]),k=c.useCallback(()=>{},[]),C=c.useCallback(()=>{const _=o?.flags?.vip!==!0;p({vip:{value:_}})},[o?.flags?.vip,p]),E=c.useCallback(()=>{const _=o?.flags?.muted!==!0;p({muted:{value:_}})},[o?.flags?.muted,p]),R=c.useCallback(()=>{o?.flags?.blocked===!0?p({blocked:{value:!1}}):m(!0)},[o?.flags?.blocked,p]),M=c.useCallback(()=>{m(!1),p({blocked:{value:!0}})},[p]),T=c.useCallback(()=>{const _=o?.flags?.unsubscribed!==!0;p({unsubscribed:{value:_}})},[o?.flags?.unsubscribed,p]),P=c.useCallback(_=>{x(!1),p({category:{value:_}})},[p]),Y={onToggleVip:C,onToggleMute:E,onToggleBlock:R,onToggleUnsubscribe:T,onReclassify:()=>x(!0),onNotSpam:N==="notSpam"?I:void 0,onMarkSpam:N==="markSpam"?S:void 0},K=({mailboxId:_,messageId:F,className:q,ariaLabel:te,children:U})=>s.jsx(Xe,{to:"/mail/$mailboxId",params:{mailboxId:_},search:O=>({...O,selectedMessageId:F}),className:q,"aria-label":te,children:U});if(!o)return s.jsx(vp,{});const B=bp({similarError:u,similarErrorIsFatal:d,isSimilarLoading:l});return s.jsxs(s.Fragment,{children:[s.jsx(Vo,{data:o,onClose:t,hideCloseButton:r,onShowSimilar:k,actions:Y,similarState:B,similarLinkComponent:K,className:"border-l-0 h-full w-full"}),s.jsx(ll,{isOpen:f,title:"Block this sender?",description:`Messages from ${b??"this sender"} will never load images and will be flagged. You can undo this in Settings → Senders.`,confirmLabel:"Block sender",destructive:!0,isBusy:y,onConfirm:M,onCancel:()=>m(!1)}),s.jsx(yp,{isOpen:g,current:o.category.value,onSelect:P,onCancel:()=>x(!1)})]})}const fn=({onClose:e,thread:t,mailboxId:n,accountId:a,hideCloseButton:r})=>t?s.jsx(wp,{thread:t,onClose:e,mailboxId:n,accountId:a,hideCloseButton:r}):s.jsxs("aside",{className:"flex h-full w-full flex-col bg-surface-sunken",children:[s.jsxs("header",{className:"flex h-pane-header shrink-0 items-center gap-1.5 border-b border-line px-row-inset",children:[s.jsx(Ke,{className:"size-3.5 text-fg-subtle"}),s.jsx("span",{className:"text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:"Intelligence"})]}),s.jsxs("div",{className:"flex flex-1 flex-col items-center justify-center px-row-inset text-center",children:[s.jsx(Ke,{className:"size-8 text-fg-subtle"}),s.jsx("p",{className:"mt-3 text-sm text-fg-muted",children:"Intelligence"}),s.jsx("p",{className:"mt-1 text-2xs text-fg-subtle",children:"Sender trust, authenticity and similar messages will appear here."})]})]}),jp=({configured:e,authStatus:t})=>t==="authenticated",Sp=e=>e?e.signInDetails?.loginId??e.username??null:null,Np=({children:e})=>{const{authStatus:t,signOut:n,user:a}=ho(r=>[r.authStatus,r.signOut,r.user]);return jp({configured:!0,authStatus:t})?s.jsx(s.Fragment,{children:e({email:Sp(a),signOut:()=>n()})}):null},kp=({children:e})=>{const{data:t}=La.useSession();if(!t)return null;const n=async()=>{await La.signOut(),Dc()};return s.jsx(s.Fragment,{children:e({email:t.user.email??null,signOut:n})})},hl=({children:e})=>{const t=Mc({betterAuthEnabled:Tc(),cognitoConfigured:mo()});return t==="betterAuth"?s.jsx(kp,{children:e}):t==="cognito"?s.jsx(Np,{children:e}):null},Cp=({email:e,onSignOut:t})=>{const n=Ce(),a=e??"Account";return s.jsxs(ji,{trigger:s.jsx(st,{name:a,email:e??void 0,size:"sm"}),align:"right",children:[e&&s.jsxs(s.Fragment,{children:[s.jsx("div",{className:"px-3 py-2 text-xs text-fg-muted truncate",title:e,"data-testid":"account-menu-email",children:e}),s.jsx($n,{})]}),s.jsxs($t,{onClick:()=>n({to:"/settings/accounts"}),children:[s.jsx(Wo,{className:"size-4"}),"Settings"]}),s.jsx($n,{}),s.jsxs($t,{onClick:t,children:[s.jsx(qo,{className:"size-4"}),"Sign out"]})]})},Ep=()=>s.jsx(hl,{children:({email:e,signOut:t})=>s.jsx(Cp,{email:e,onSignOut:t})}),Fr=()=>{const e=ea(),t=ta(e);window.open(t,"_blank","noopener,noreferrer")};function gl({variant:e="icon"}){return e==="drawer"?s.jsxs("button",{type:"button",onClick:Fr,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:[s.jsx(Za,{className:"size-4 shrink-0"}),s.jsx("span",{className:"flex-1 truncate text-left",children:"Report a bug"})]}):s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(Za,{className:"size-4"}),title:"Report a bug","aria-label":"Report a bug",onClick:Fr})}const pl=[{title:"Navigation",hints:[{action:"focusNext",keys:["j"],description:"Focus next message"},{action:"focusPrevious",keys:["k"],description:"Focus previous message"},{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:"extendSelectDown",keys:["Shift","j"],description:"Extend selection down"},{action:"extendSelectUp",keys:["Shift","k"],description:"Extend selection up"}]},{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:"Flagged"},{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 Ip(e){for(const t of pl){const n=t.hints.find(a=>a.action===e);if(n)return n.keys}}function Ft(e){const t=Ip(e);return!t||t.length===0?"":t.length===1?`(${t[0]})`:t[0]==="g"?`(${t.join(" then ")})`:`(${t.join("")})`}const In="Open a message first",ja=({hasThread:e,onCompose:t,intelligenceOpen:n,showIntelligenceToggle:a,onToggleIntelligence:r,searchValue:o,onSearchChange:i,onSearchClear:l,onSearchClearQuery:u,onReply:d,onReplyAll:f,onForward:m,onDelete:g,canDelete:x,onToggleStar:b,isStarred:p,moveContext:y})=>{const[h,v]=c.useState(null),j=x??e,w=N=>()=>v(N);return s.jsxs(hf,{hasThread:e,isStarred:p,onUnavailable:N=>v(In),unavailableHint:h,replyTitle:`Reply ${Ft("reply")}`,replyAllTitle:`Reply all ${Ft("replyAll")}`,forwardTitle:`Forward ${Ft("forward")}`,deleteTitle:`Move to Trash ${Ft("delete")}`,flagTitle:`Flag ${Ft("toggleStar")}`,onReply:d,onReplyAll:f,onForward:m,onDelete:j?g:w(In),onToggleStar:b,onMove:w(In),moveSlot:y?s.jsx(ks,{accountId:y.accountId,currentMailboxId:y.currentMailboxId,onMove:y.onMove,label:"Move to mailbox"}):void 0,children:[s.jsx("div",{className:"w-64 min-w-40 shrink",children:s.jsx(ua,{value:o,onChange:i,onClear:l,onClearQuery:u,placeholder:"Search mail"})}),s.jsx("span",{className:"mx-1 h-4 w-px bg-line","aria-hidden":!0}),s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(Yd,{className:"size-4"}),title:`Compose ${Ft("compose")}`,"aria-label":"Compose",onClick:t}),a&&s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(no,{className:"size-4"}),title:"Intelligence","aria-label":n?"Hide intelligence sidebar":"Show intelligence sidebar","aria-pressed":n,onClick:r,className:n?"bg-accent-2-soft text-accent-2":void 0}),s.jsx(gl,{}),s.jsx(Ep,{})]})};function Rp(e){return{threadId:e.threadId,mailboxId:e.mailboxId,subject:e.subject,messageId:e.messageId,authenticity:e.authenticity}}function xl(e,t){if(e)return Rp(e);if(t.messageId&&t.threadId&&t.mailboxId)return{threadId:t.threadId,mailboxId:t.mailboxId,messageId:t.messageId}}const bl=c.createContext(null);function Sa(){const e=c.useContext(bl);if(!e)throw new Error("BriefPane.* must be used inside <BriefPane>");return e}function Mp({selectedMessageId:e,children:t}){const n=Ce(),{searchInput:a}=Ee(),{selectedThreadId:r,selectedMailboxId:o}=Ut({strict:!1}),{data:i}=re({...sn(),staleTime:6e4}),l=c.useMemo(()=>{if(e)return i?.items.find(x=>x.messageId===e)},[i,e]),u=c.useMemo(()=>xl(l,{messageId:e,threadId:r,mailboxId:o}),[l,e,r,o]),d=c.useCallback(x=>{n({to:"/mail",search:b=>({...b,selectedMessageId:x,selectedThreadId:void 0,selectedMailboxId:void 0})})},[n]),f=c.useCallback(x=>{n({to:"/mail",search:b=>({...b,q:a||void 0,selectedMessageId:x.id,selectedThreadId:x.threadId,selectedMailboxId:x.mailboxId})})},[n,a]),m=c.useCallback(()=>{n({to:"/mail",search:x=>({...x,selectedMessageId:void 0,selectedThreadId:void 0,selectedMailboxId:void 0})})},[n]),g={selectedMessageId:e,selectedThread:l,conversation:u,onSelectMessage:d,onSelectSearchResult:f,onCloseThread:m};return s.jsx(bl.Provider,{value:g,children:t})}function Tp(){const{selectedMessageId:e,onSelectMessage:t,onSelectSearchResult:n}=Sa(),{accounts:a}=Ee();return s.jsx(il,{accounts:a,selectedMessageId:e,onSelectMessage:t,onSelectSearchResult:n})}function Dp(){const{conversation:e}=Sa(),{onToggleIntelligence:t,searchInput:n,onSearchChange:a,onSearchClear:r,onSearchClearQuery:o}=Ee();return s.jsxs("section",{className:"flex h-full w-full min-w-0 flex-col bg-canvas",children:[s.jsx(ja,{hasThread:!!e,onCompose:()=>{},intelligenceOpen:!1,showIntelligenceToggle:!1,onToggleIntelligence:t,searchValue:n,onSearchChange:a,onSearchClear:r,onSearchClearQuery:o}),s.jsx("div",{className:"min-h-0 flex-1 overflow-hidden",children:e?s.jsx(Zt,{threadId:e.threadId,mailboxId:e.mailboxId,subject:e.subject,selectedMessageId:e.messageId,authenticity:e.authenticity}):s.jsx(Jt,{})})]})}function Ap(){const{selectedThread:e,conversation:t,selectedMessageId:n,onSelectMessage:a,onSelectSearchResult:r,onCloseThread:o}=Sa(),{accounts:i,intelligenceOpen:l,onToggleIntelligence:u}=Ee();return t?s.jsxs(s.Fragment,{children:[s.jsx(Zt,{threadId:t.threadId,mailboxId:t.mailboxId,subject:t.subject,selectedMessageId:t.messageId,authenticity:t.authenticity,onBack:o,onOpenIntelligence:u}),s.jsx(ma,{isOpen:l,onClose:u,ariaLabel:"Message details",side:"right",children:s.jsx(fn,{onClose:u,thread:e,hideCloseButton:!0})})]}):s.jsx("div",{className:"h-full",children:s.jsx(il,{accounts:i,selectedMessageId:n,onSelectMessage:a,onSelectSearchResult:r})})}const Fs=Object.assign(Mp,{List:Tp,Reading:Dp,Phone:Ap});function vl({title:e,unreadCount:t,preset:n,selectedCategory:a,activeFilters:r,onSelectCategory:o,onToggleFilter:i,onSelectSource:l,onClearFilters:u,children:d,footer:f,searchResults:m,searchLoading:g,relatedResults:x,relatedLoading:b,onSelectSearchResult:p}){const[y,h]=c.useState(!1),v={categories:n.categories,filters:n.filters,sources:n.sources,selectedCategory:a,activeFilters:r,expanded:y,onExpandedChange:h,onSelectCategory:o,onSelectSource:l,onToggleFilter:i,onClear:u};return s.jsx(ol,{title:e,unreadCount:t,footer:f,searchFilter:v,searchResults:m,searchLoading:g,relatedResults:x,relatedLoading:b,onSelectSearchResult:p,children:s.jsx(Gn,{...v,children:d})})}const Op={unread:e=>!e.isRead,attachment:e=>e.hasAttachment===!0};function Pp({selectedMessageId:e,onSelectMessage:t}){const{searchQuery:n,mailboxNameIndex:a,accountNameIndex:r}=Ee(),o=kt(),[i,l]=c.useState("all"),[u,d]=c.useState(new Set),f=c.useCallback(E=>{d(R=>{const M=new Set(R);return M.has(E)?M.delete(E):M.add(E),M})},[]),m=c.useCallback(()=>{l("all"),d(new Set)},[]),{data:g,isLoading:x,isError:b,error:p,refetch:y}=re({...sn(),staleTime:6e4}),{freeText:h,tokens:v}=Cs(n.trim().toLowerCase(),{mailboxesByName:a,accountsByName:r}),j=c.useMemo(()=>{const E=Array.from(u).map(R=>Op[R]).filter(R=>R!=null);return(g?.items??[]).map(el).filter(R=>R.starred===!0).filter(R=>(i==="all"||R.category===i)&&E.every(M=>M(R))&&(!h||tl(R,h))&&sl(R,v))},[g,i,u,h,v]),w=c.useMemo(()=>_m(),[]),N=c.useMemo(()=>j.map(nl),[j]),I=c.useMemo(()=>j.filter(E=>!E.isRead).length,[j]),S=x?"loading":b?"error":j.length===0?"empty":"ready",k=c.useCallback(()=>{const E=ta(ea());window.open(E,"_blank","noopener,noreferrer")},[]),C=s.jsx("div",{className:"flex-1 overflow-y-auto",children:s.jsx("div",{className:"divide-y divide-line",children:j.map(E=>s.jsx(Zo,{thread:E,active:E.id===e,onClick:()=>t?.(E.id)},E.id))})});return s.jsx(vl,{title:"Flagged",unreadCount:I,preset:w,selectedCategory:i,activeFilters:u,onSelectCategory:l,onToggleFilter:f,onClearFilters:m,searchResults:N,searchLoading:x,onSelectSearchResult:E=>t?.(E.id),children:s.jsx(si,{listTitle:"Flagged",sections:[{id:"flagged",threads:j}],flatList:!0,hideHeader:!0,listState:S,searchQuery:h?n:void 0,errorMessage:b?yo(p):void 0,onRetry:()=>y(),onReportError:k,selectedThreadId:e,onSelectThread:t,onSelectBriefCategory:()=>{},isDesktop:o,listBody:S==="ready"?C:void 0})})}const yl=c.createContext(null);function Na(){const e=c.useContext(yl);if(!e)throw new Error("FlaggedPane.* must be used inside <FlaggedPane>");return e}function Lp({selectedMessageId:e,children:t}){const n=Ce(),{data:a}=re({...sn(),staleTime:6e4}),r=c.useMemo(()=>{if(e)return a?.items.find(u=>u.messageId===e)},[a,e]),o=c.useCallback(u=>{n({to:"/mail/flagged",search:d=>({...d,selectedMessageId:u})})},[n]),i=c.useCallback(()=>{n({to:"/mail/flagged",search:u=>({...u,selectedMessageId:void 0})})},[n]),l={selectedMessageId:e,selectedThread:r,onSelectMessage:o,onCloseThread:i};return s.jsx(yl.Provider,{value:l,children:t})}function wl(){const{selectedMessageId:e,onSelectMessage:t}=Na();return s.jsx(Pp,{selectedMessageId:e,onSelectMessage:t})}function zp(){const{selectedThread:e}=Na(),{onToggleIntelligence:t,searchInput:n,onSearchChange:a,onSearchClear:r,onSearchClearQuery:o}=Ee();return s.jsxs("section",{className:"flex h-full w-full min-w-0 flex-col bg-canvas",children:[s.jsx(ja,{hasThread:!!e,onCompose:()=>{},intelligenceOpen:!1,showIntelligenceToggle:!1,onToggleIntelligence:t,searchValue:n,onSearchChange:a,onSearchClear:r,onSearchClearQuery:o}),s.jsx("div",{className:"min-h-0 flex-1 overflow-hidden",children:e?s.jsx(Zt,{threadId:e.threadId,mailboxId:e.mailboxId,subject:e.subject,authenticity:e.authenticity}):s.jsx(Jt,{})})]})}function _p(){const{selectedThread:e,onCloseThread:t}=Na(),{intelligenceOpen:n,onToggleIntelligence:a}=Ee();return e?s.jsxs(s.Fragment,{children:[s.jsx(Zt,{threadId:e.threadId,mailboxId:e.mailboxId,subject:e.subject,authenticity:e.authenticity,onBack:t,onOpenIntelligence:a}),s.jsx(ma,{isOpen:n,onClose:a,ariaLabel:"Message details",side:"right",children:s.jsx(fn,{onClose:a,thread:e,hideCloseButton:!0})})]}):s.jsx("div",{className:"h-full",children:s.jsx(wl,{})})}const Bs=Object.assign(Lp,{List:wl,Reading:zp,Phone:_p}),Fp={reply:"Reply",reply_all:"Reply All",forward:"Forward",new:"New Message"},Bp=()=>{const e=c.useRef(!1);return c.useCallback(()=>{const n=document.querySelector("[data-subject-field]")?.value??"",o=(document.querySelector("[data-slate-editor]")?.textContent??"").replace(/--\s*/g,"").trim();return e.current=n.trim().length>0||o.length>0,e.current},[])},$p=()=>{const{state:e,closeCompose:t}=wt(),n=Bp(),[a,r]=c.useState(!1),{isError:o,error:i,refetch:l}=re({...Ze(),staleTime:1/0}),u=c.useCallback(g=>{g||(n()?r(!0):t())},[t,n]),d=c.useCallback(()=>{r(!1),t()},[t]),f=c.useCallback(()=>{r(!1)},[]);if(!e.isOpen)return null;const m=Fp[e.mode]??"New Message";return s.jsxs(Pe.Root,{open:e.isOpen,onOpenChange:u,children:[s.jsxs(Pe.Portal,{children:[s.jsx(Pe.Overlay,{className:"fixed inset-0 z-40 bg-black/40"}),s.jsxs(Pe.Content,{className:"fixed inset-x-0 bottom-0 z-50 flex flex-col bg-canvas rounded-t-lg",style:{height:"95dvh"},children:[s.jsx(Pe.Handle,{className:"mx-auto mt-2 mb-1 h-1.5 w-12 rounded-full bg-fg-muted/30"}),s.jsx(Pe.Title,{className:"px-4 py-2 text-base font-semibold border-b border-line",children:m}),o?s.jsx("div",{className:"flex-1 flex items-center justify-center p-4",children:s.jsx(ft,{title:"Couldn't load compose",error:i,onRetry:()=>{l()}})}):s.jsx("div",{className:"flex-1 overflow-hidden",children:s.jsx(ha,{mode:e.mode,account:e.account,sourceMessage:e.sourceMessage,onClose:t})})]})]}),a&&s.jsx("div",{className:"fixed inset-0 z-[60] flex items-center justify-center bg-black/50",children:s.jsxs("div",{className:"mx-4 w-full max-w-sm rounded-xl bg-canvas p-6 shadow-xl",children:[s.jsx("h3",{className:"text-lg font-semibold",children:"Discard draft?"}),s.jsx("p",{className:"mt-2 text-sm text-fg-muted",children:"Your message has unsaved content. Are you sure you want to discard it?"}),s.jsxs("div",{className:"mt-4 flex justify-end gap-2",children:[s.jsx("button",{type:"button",onClick:f,className:"rounded-md px-4 py-2 text-sm font-medium hover:bg-surface-raised transition-colors",children:"Keep editing"}),s.jsx("button",{type:"button",onClick:d,className:"rounded-md bg-danger px-4 py-2 text-sm font-medium text-canvas hover:bg-danger/90 transition-colors",children:"Discard"})]})]})})]})},Kp={reply:"Reply",reply_all:"Reply All",forward:"Forward",new:"New Message"},jl=()=>{const{state:e,closeCompose:t}=wt(),n=kt(),{isError:a,error:r,refetch:o}=re({...Ze(),staleTime:1/0});if(!n)return s.jsx($p,{});if(!e.isOpen)return null;const i=Kp[e.mode]??"New Message",l=s.jsxs("header",{className:"flex items-center justify-between gap-2 px-4 py-3 border-b border-line shrink-0",children:[s.jsx("div",{className:"flex items-center gap-2 min-w-0",children:s.jsx("h2",{className:"text-lg font-semibold truncate",children:i})}),s.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:s.jsx(De,{className:"size-5"})})]});return a?s.jsxs("div",{className:"h-full flex flex-col bg-canvas",children:[l,s.jsx("div",{className:"flex-1 flex items-center justify-center p-4",children:s.jsx(ft,{title:"Couldn't load compose",error:r,onRetry:()=>{o()}})})]}):s.jsxs("div",{className:"flex h-full min-h-0 flex-col bg-canvas",children:[l,s.jsx("div",{className:"min-h-0 flex-1 overflow-hidden",children:s.jsx(ha,{mode:e.mode,account:e.account,sourceMessage:e.sourceMessage,onClose:t},e.outboxMessageId??"new")})]})};function qp(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:mt(e.updatedAt),isRead:!0}}function Up(e){return{id:e.messageId,accountId:e.accountConfigId,fromName:e.fromName??e.fromEmail??"Unknown",fromEmail:e.fromEmail??"",subject:e.subject??"(No subject)",snippet:e.snippet??"",timeLabel:mt(e.sentDate),isRead:e.isRead,hasAttachment:e.hasAttachment,starred:e.star!=null&&e.star!=="none"&&e.hasStars===!0}}function Hp({outboxMessages:e,accountId:t,imapThreads:n}){const a=e.filter(i=>i.status==="draft"&&i.accountId===t).map(qp),r=n.map(Up),o=[];return a.length>0&&o.push({id:"remit-drafts",label:"Not yet sent (Remit)",threads:a}),r.length>0&&o.push({id:"imap-drafts",label:"On the server",threads:r}),o}function ka(){const e=Zn();return!e||e.showNavPane?null:s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(aa,{className:"size-4"}),onClick:e.openNav,"aria-label":"Open folders",className:"-ml-1 shrink-0"})}const Qp=({label:e,count:t})=>s.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:[s.jsx("span",{className:"text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:e}),s.jsx("span",{className:"text-2xs text-fg-subtle tabular-nums",children:t})]}),Wp=({row:e,isSelected:t,onOpen:n,onDelete:a,isDeleting:r})=>s.jsxs("button",{type:"button",onClick:()=>n(e.id),className:$("group",Gt({active:t})),children:[s.jsx(bo,{className:"size-7 shrink-0 text-fg-muted mt-0.5"}),s.jsx(Xt,{thread:e}),s.jsx("div",{className:"flex items-center gap-1 shrink-0",children:s.jsx("button",{type:"button",onClick:o=>{o.stopPropagation(),a(e.id)},disabled:r,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:s.jsx(qe,{className:"size-3.5"})})})]}),Vp=({row:e,isSelected:t,onOpen:n})=>{const a=!e.isRead;return s.jsxs("button",{type:"button",onClick:()=>n(e.id),className:$("group",Gt({active:t})),children:[a&&s.jsx("span",{className:"absolute left-1.5 top-1/2 size-1.5 -translate-y-1/2 rounded-full bg-accent"}),s.jsx(st,{name:e.fromName,email:e.fromEmail,size:"sm"}),s.jsx(Xt,{thread:e})]})};function Yp({mailboxId:e,accountId:t,selectedMessageId:n,imapThreads:a,title:r,unreadCount:o}){const{openCompose:i,state:l}=wt(),u=Ce(),d=je(),{data:f}=re(Js()),m=c.useMemo(()=>Hp({outboxMessages:f?.items??[],accountId:t,imapThreads:a}),[f?.items,t,a]),g=xe({...Zs(),onSuccess:()=>{d.invalidateQueries({queryKey:sa()})}}),x=h=>{g.mutate({path:{outboxMessageId:h}})},b=h=>{n&&u({to:"/mail/$mailboxId",params:{mailboxId:e},search:{selectedMessageId:void 0}}),i({mode:"new",outboxMessageId:h})},p=h=>{u({to:"/mail/$mailboxId",params:{mailboxId:e},search:{selectedMessageId:h}})},y=m.length===0;return s.jsxs("section",{className:"flex h-full w-full flex-col bg-surface",children:[s.jsxs("header",{className:"flex h-pane-header shrink-0 items-center gap-2 border-b border-line px-row-inset",children:[s.jsx(ka,{}),s.jsx("h1",{className:"min-w-0 flex-1 truncate text-sm font-semibold text-fg",children:r}),(o??0)>0&&s.jsxs("span",{className:"shrink-0 text-2xs text-fg-subtle tabular-nums",children:[o," unread"]})]}),s.jsx("div",{className:"flex-1 overflow-y-auto",children:y?s.jsxs("div",{className:"flex flex-col items-center justify-center h-full gap-2 text-center px-4",children:[s.jsx(Yn,{className:"size-8 text-fg-subtle"}),s.jsx("p",{className:"text-sm font-medium text-fg",children:"No drafts"}),s.jsx("p",{className:"text-xs text-fg-subtle",children:"Messages you start composing will appear here."})]}):m.map(h=>s.jsxs("div",{children:[h.label&&s.jsx(Qp,{label:h.label,count:h.threads.length}),s.jsx("div",{className:"divide-y divide-line",children:h.threads.map(v=>h.id==="remit-drafts"?s.jsx(Wp,{row:v,isSelected:l.isOpen&&v.id===l.outboxMessageId,onOpen:b,onDelete:x,isDeleting:g.isPending},v.id):s.jsx(Vp,{row:v,isSelected:v.id===n,onOpen:p},v.id))})]},h.id))})]})}function Gp(e,t,n){const a=new Array(e);return new Proxy(a,{get(r,o,i){if(typeof o=="string"){const l=o.charCodeAt(0);if(l>=48&&l<=57){const u=+o;if(Number.isInteger(u)&&u>=0&&u<e){let d=r[u];if(!d){const f=t[u*2];d=r[u]={index:u,key:n(u),start:f,size:t[u*2+1],end:f+t[u*2+1],lane:0}}return d}}if(o==="length")return e}return Reflect.get(r,o,i)}})}function Bt(e,t,n){let a=n.initialDeps??[],r,o=!0;function i(){const l=e();return(l.length!==a.length||l.some((d,f)=>a[f]!==d))&&(a=l,r=t(...l),n?.onChange&&!(o&&n.skipInitialOnChange)&&n.onChange(r),o=!1),r}return i.updateDeps=l=>{a=l},i}function Br(e,t){if(e===void 0)throw new Error("Unexpected undefined");return e}const Xp=(e,t)=>Math.abs(e-t)<1.01,Jp=(e,t,n)=>{let a;return function(...r){e.clearTimeout(a),a=e.setTimeout(()=>t.apply(this,r),n)}};let ls;const Rn=()=>{if(ls!==void 0)return ls;if(typeof navigator>"u")return ls=!1;if(/iP(hone|od|ad)/.test(navigator.userAgent))return ls=!0;const e=navigator.maxTouchPoints;return ls=navigator.platform==="MacIntel"&&e!==void 0&&e>0},$r=e=>{const{offsetWidth:t,offsetHeight:n}=e;return{width:t,height:n}},Zp=e=>e,ex=e=>{const t=Math.max(e.startIndex-e.overscan,0),a=Math.min(e.endIndex+e.overscan,e.count-1)-t+1,r=new Array(a);for(let o=0;o<a;o++)r[o]=t+o;return r},tx=(e,t)=>{const n=e.scrollElement;if(!n)return;const a=e.targetWindow;if(!a)return;const r=i=>{const{width:l,height:u}=i;t({width:Math.round(l),height:Math.round(u)})};if(r($r(n)),!a.ResizeObserver)return()=>{};const o=new a.ResizeObserver(i=>{const l=()=>{const u=i[0];if(u?.borderBoxSize){const d=u.borderBoxSize[0];if(d){r({width:d.inlineSize,height:d.blockSize});return}}r($r(n))};e.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(l):l()});return o.observe(n,{box:"border-box"}),()=>{o.unobserve(n)}},Gs={passive:!0},sx=typeof window>"u"?!0:"onscrollend"in window,nx=(e,t,n)=>{const a=e.scrollElement;if(!a)return;const r=e.targetWindow;if(!r)return;const o=e.options.useScrollendEvent&&sx;let i=0;const l=o?null:Jp(r,()=>t(i,!1),e.options.isScrollingResetDelay),u=m=>()=>{i=n(a),l?.(),t(i,m)},d=u(!0),f=u(!1);return a.addEventListener("scroll",d,Gs),o&&a.addEventListener("scrollend",f,Gs),()=>{a.removeEventListener("scroll",d),o&&a.removeEventListener("scrollend",f)}},ax=(e,t)=>nx(e,t,n=>{const{horizontal:a,isRtl:r}=e.options;return a?n.scrollLeft*(r&&-1||1):n.scrollTop}),rx=(e,t,n)=>{if(n.options.useCachedMeasurements){const a=n.indexFromElement(e),r=n.options.getItemKey(a);return n.itemSizeCache.get(r)??n.options.estimateSize(a)}if(t?.borderBoxSize){const a=t.borderBoxSize[0];if(a)return Math.round(a[n.options.horizontal?"inlineSize":"blockSize"])}if(!t){const a=n.indexFromElement(e),r=n.options.getItemKey(a),o=n.itemSizeCache.get(r);if(o!==void 0)return o}return e[n.options.horizontal?"offsetWidth":"offsetHeight"]},ox=(e,{adjustments:t=0,behavior:n},a)=>{var r,o;(o=(r=a.scrollElement)==null?void 0:r.scrollTo)==null||o.call(r,{[a.options.horizontal?"left":"top"]:e+t,behavior:n})},ix=ox;class lx{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 n,a,r;return((r=(a=(n=this.targetWindow)==null?void 0:n.performance)==null?void 0:a.now)==null?void 0:r.call(a))??Date.now()},this.observer=(()=>{let n=null;const a=()=>n||(!this.targetWindow||!this.targetWindow.ResizeObserver?null:n=new this.targetWindow.ResizeObserver(r=>{r.forEach(o=>{const i=()=>{const l=o.target,u=this.indexFromElement(l);if(!l.isConnected){this.observer.unobserve(l);for(const[d,f]of this.elementsCache)if(f===l){this.elementsCache.delete(d);break}return}this.shouldMeasureDuringScroll(u)&&this.resizeItem(u,this.options.measureElement(l,o,this))};this.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(i):i()})}));return{disconnect:()=>{var r;(r=a())==null||r.disconnect(),n=null},observe:r=>{var o;return(o=a())==null?void 0:o.observe(r,{box:"border-box"})},unobserve:r=>{var o;return(o=a())==null?void 0:o.unobserve(r)}}})(),this.range=null,this.setOptions=n=>{var a,r;const o={debug:!1,initialOffset:0,overscan:1,paddingStart:0,paddingEnd:0,scrollPaddingStart:0,scrollPaddingEnd:0,horizontal:!1,getItemKey:Zp,rangeExtractor:ex,onChange:()=>{},measureElement:rx,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 g in n){const x=n[g];x!==void 0&&(o[g]=x)}const i=this.options;let l=null,u=null,d=!1;if(i!==void 0&&i.enabled&&o.enabled&&o.anchorTo==="end"&&this.scrollElement!==null){const g=i.count,x=o.count,b=this.getMeasurements(),p=g>0?((a=b[0])==null?void 0:a.key)??i.getItemKey(0):null,y=g>0?((r=b[g-1])==null?void 0:r.key)??i.getItemKey(g-1):null;if(x!==g||g>0&&x>0&&(o.getItemKey(0)!==p||o.getItemKey(x-1)!==y)){d=!0;const j=g>0?this.getVirtualItemForOffset(this.getScrollOffset())??b[0]:null;j&&(l=[j.key,this.getScrollOffset()-j.start]);const w=o.followOnAppend===!0?"auto":o.followOnAppend||null;w&&x>g&&this.isAtEnd(i.scrollEndThreshold)&&(g===0||o.getItemKey(x-1)!==y)&&(u=w)}}this.options=o,d&&(this.pendingMin=0,this.itemSizeCacheVersion++);let f=!1,m=0;if(l&&this.scrollOffset!==null){const[g,x]=l,b=this.getMeasurements(),{count:p,getItemKey:y}=this.options;let h=0;for(;h<p&&y(h)!==g;)h++;if(h<p){const v=b[h];if(v){const j=v.start+x;j!==this.scrollOffset&&(m=j-this.scrollOffset,this.scrollOffset=j,f=!0)}}}(f||u)&&(this.pendingScrollAnchor=[f?l[0]:null,f?l[1]:0,u,m])},this.notify=n=>{var a,r;(r=(a=this.options).onChange)==null||r.call(a,this,n)},this.maybeNotify=Bt(()=>(this.calculateRange(),[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]),n=>{this.notify(n)},{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(n=>n()),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 n;const a=this.options.enabled?this.options.getScrollElement():null;if(this.scrollElement!==a){if(this.cleanup(),!a){this.maybeNotify();return}if(this.scrollElement=a,this.scrollElement&&"ownerDocument"in this.scrollElement?this.targetWindow=this.scrollElement.ownerDocument.defaultView:this.targetWindow=((n=this.scrollElement)==null?void 0:n.window)??null,this.elementsCache.forEach(o=>{this.observer.observe(o)}),this.unsubs.push(this.options.observeElementRect(this,o=>{this.scrollRect=o,this.maybeNotify()})),this.unsubs.push(this.options.observeElementOffset(this,(o,i)=>{if(i&&this._intendedScrollOffset===null&&o===this.scrollOffset)return;this._intendedScrollOffset!==null&&Math.abs(o-this._intendedScrollOffset)<1.5&&(o=this._intendedScrollOffset),this._intendedScrollOffset=null,this.scrollAdjustments=0;const l=this.getScrollOffset();this.scrollDirection=i?l===o?this.scrollDirection:l<o?"forward":"backward":null,this.scrollOffset=o,this.isScrolling=i,this._flushIosDeferredIfReady(),this.scrollState&&this.scheduleScrollReconcile(),this.maybeNotify()})),"addEventListener"in this.scrollElement){const o=this.scrollElement,i=()=>{this._iosTouching=!0,this._iosJustTouchEnded=!1,this._iosTouchEndTimerId!==null&&this.targetWindow!=null&&(this.targetWindow.clearTimeout(this._iosTouchEndTimerId),this._iosTouchEndTimerId=null)},l=()=>{this._iosTouching=!1,!(!Rn()||this.targetWindow==null)&&(this._iosJustTouchEnded=!0,this._iosTouchEndTimerId=this.targetWindow.setTimeout(()=>{this._iosJustTouchEnded=!1,this._iosTouchEndTimerId=null,this._flushIosDeferredIfReady()},150))};o.addEventListener("touchstart",i,Gs),o.addEventListener("touchend",l,Gs),this.unsubs.push(()=>{o.removeEventListener("touchstart",i),o.removeEventListener("touchend",l),this._iosTouchEndTimerId!==null&&this.targetWindow!=null&&(this.targetWindow.clearTimeout(this._iosTouchEndTimerId),this._iosTouchEndTimerId=null)})}this._scrollToOffset(this.getScrollOffset(),{adjustments:void 0,behavior:void 0})}const r=this.pendingScrollAnchor;if(this.pendingScrollAnchor=null,r&&this.scrollElement&&this.options.enabled){const[o,i,l,u]=r;o!==null&&!l&&(Rn()&&(this.isScrolling||this._iosTouching||this._iosJustTouchEnded)?u!==0&&(this._iosDeferredAdjustment+=u):this._scrollToOffset(this.getScrollOffset(),{adjustments:void 0,behavior:void 0})),l&&this.scrollToEnd({behavior:l})}},this._flushIosDeferredIfReady=()=>{if(this._iosDeferredAdjustment===0||this.isScrolling||this._iosTouching||this._iosJustTouchEnded)return;const n=this.getScrollOffset(),a=this.getMaxScrollOffset();if(n<0||n>a)return;const r=this._iosDeferredAdjustment;this._iosDeferredAdjustment=0,this._scrollToOffset(n,{adjustments:this.scrollAdjustments+=r,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=Bt(()=>[this.options.count,this.options.paddingStart,this.options.scrollMargin,this.options.getItemKey,this.options.enabled,this.options.lanes,this.options.laneAssignmentMode,this.options.gap],(n,a,r,o,i,l,u,d)=>(this.prevLanes!==void 0&&this.prevLanes!==l&&(this.lanesChangedFlag=!0),this.prevLanes=l,this.pendingMin=null,{count:n,paddingStart:a,scrollMargin:r,getItemKey:o,enabled:i,lanes:l,laneAssignmentMode:u,gap:d}),{key:!1}),this.getMeasurements=Bt(()=>[this.getMeasurementOptions(),this.itemSizeCacheVersion],({count:n,paddingStart:a,scrollMargin:r,getItemKey:o,enabled:i,lanes:l,laneAssignmentMode:u,gap:d},f)=>{const m=this.itemSizeCache;if(!i)return this.measurementsCache=[],this.itemSizeCache.clear(),this.laneAssignments.clear(),[];if(this.laneAssignments.size>n)for(const h of this.laneAssignments.keys())h>=n&&this.laneAssignments.delete(h);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(h=>{this.itemSizeCache.set(h.key,h.size)}));const g=this.lanesSettling?0:this.pendingMin??0;if(this.pendingMin=null,this.lanesSettling&&this.measurementsCache.length===n&&(this.lanesSettling=!1),l===1){const h=n*2;let v=this._flatMeasurements;if(!v||v.length<h){const N=new Float64Array(h);v&&g>0&&N.set(v.subarray(0,g*2)),v=N,this._flatMeasurements=v}let j;if(g===0)j=a+r;else{const N=g-1;j=v[N*2]+v[N*2+1]+d}for(let N=g;N<n;N++){const I=o(N),S=m.get(I),k=typeof S=="number"?S:this.options.estimateSize(N);v[N*2]=j,v[N*2+1]=k,j+=k+d}const w=Gp(n,v,o);return this.measurementsCache=w,w}const x=this.measurementsCache.slice(0,g),b=new Array(l).fill(void 0),p=new Float64Array(l);let y=0;for(let h=0;h<g;h++){const v=x[h];v&&(b[v.lane]===void 0&&y++,b[v.lane]=h,p[v.lane]=v.end)}for(let h=g;h<n;h++){const v=o(h),j=this.laneAssignments.get(h);let w,N;const I=u==="estimate"||m.has(v);if(j!==void 0&&this.options.lanes>1){w=j;const E=b[w],R=E!==void 0?x[E]:void 0;N=R?R.end+d:a+r}else if(y===l){let E=0,R=p[0],M=b[0];for(let T=1;T<l;T++){const P=p[T];(P<R||P===R&&b[T]<M)&&(E=T,R=P,M=b[T])}w=E,N=R+d,I&&this.laneAssignments.set(h,w)}else w=h%this.options.lanes,N=a+r,I&&this.laneAssignments.set(h,w);const S=m.get(v),k=typeof S=="number"?S:this.options.estimateSize(h),C=N+k;x[h]={index:h,start:N,size:k,end:C,key:v,lane:w},b[w]===void 0&&y++,b[w]=h,p[w]=C}return this.measurementsCache=x,x},{key:!1,debug:()=>this.options.debug}),this.calculateRange=Bt(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset(),this.options.lanes],(n,a,r,o)=>n.length===0||a===0?(this.range=null,null):(this.range=ux(n,a,r,o,o===1&&this._flatMeasurements!=null?this._flatMeasurements:null),this.range),{key:!1,debug:()=>this.options.debug}),this.getVirtualIndexes=Bt(()=>{let n=null,a=null;const r=this.calculateRange();return r&&(n=r.startIndex,a=r.endIndex),this.maybeNotify.updateDeps([this.isScrolling,n,a]),[this.options.rangeExtractor,this.options.overscan,this.options.count,n,a]},(n,a,r,o,i)=>o===null||i===null?[]:n({startIndex:o,endIndex:i,overscan:a,count:r}),{key:!1,debug:()=>this.options.debug}),this.indexFromElement=n=>{const a=this.options.indexAttribute,r=n.getAttribute(a);return r?parseInt(r,10):(console.warn(`Missing attribute name '${a}={index}' on measured element.`),-1)},this.shouldMeasureDuringScroll=n=>{var a;if(!this.scrollState||this.scrollState.behavior!=="smooth")return!0;const r=this.scrollState.index??((a=this.getVirtualItemForOffset(this.scrollState.lastTargetOffset))==null?void 0:a.index);if(r!==void 0&&this.range){const o=Math.max(this.options.overscan,Math.ceil((this.range.endIndex-this.range.startIndex)/2)),i=Math.max(0,r-o),l=Math.min(this.options.count-1,r+o);return n>=i&&n<=l}return!0},this.measureElement=n=>{if(!n){this.elementsCache.forEach((i,l)=>{i.isConnected||(this.observer.unobserve(i),this.elementsCache.delete(l))});return}const a=this.indexFromElement(n),r=this.options.getItemKey(a),o=this.elementsCache.get(r);o!==n&&(o&&this.observer.unobserve(o),this.observer.observe(n),this.elementsCache.set(r,n)),(!this.isScrolling||this.scrollState)&&this.shouldMeasureDuringScroll(a)&&this.resizeItem(a,this.options.measureElement(n,void 0,this))},this.resizeItem=(n,a)=>{var r,o;if(n<0||n>=this.options.count)return;let i,l,u;const d=this._flatMeasurements;if(this.options.lanes===1&&d!==null)u=this.options.getItemKey(n),l=d[n*2],i=d[n*2+1];else{const g=this.measurementsCache[n];if(!g)return;u=g.key,l=g.start,i=g.size}const f=this.itemSizeCache.get(u)??i,m=a-f;if(m!==0){const g=this.options.anchorTo==="end"&&((r=this.scrollState)==null?void 0:r.behavior)!=="smooth"&&this.getVirtualDistanceFromEnd()<=this.options.scrollEndThreshold,x=g?this.getTotalSize():0,b=((o=this.scrollState)==null?void 0:o.behavior)!=="smooth"&&(this.shouldAdjustScrollPositionOnItemSizeChange!==void 0?this.shouldAdjustScrollPositionOnItemSizeChange(this.measurementsCache[n]??{index:n,key:u,start:l,size:i,end:l+i,lane:0},m,this):l<this.getScrollOffset()+this.scrollAdjustments&&(!this.itemSizeCache.has(u)||this.scrollDirection!=="backward"));(this.pendingMin===null||n<this.pendingMin)&&(this.pendingMin=n),this.itemSizeCache.set(u,a),this.itemSizeCacheVersion++,g?this.applyScrollAdjustment(this.getTotalSize()-x):b&&this.applyScrollAdjustment(m),this.notify(!1)}},this.getVirtualItems=Bt(()=>[this.getVirtualIndexes(),this.getMeasurements()],(n,a)=>{const r=[];for(let o=0,i=n.length;o<i;o++){const l=n[o],u=a[l];r.push(u)}return r},{key:!1,debug:()=>this.options.debug}),this.getVirtualItemForOffset=n=>{const a=this.getMeasurements();if(a.length===0)return;const r=this._flatMeasurements,o=this.options.lanes===1&&r!=null,i=Sl(0,a.length-1,o?l=>r[l*2]:l=>Br(a[l]).start,n);return Br(a[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 n=this.scrollElement.document.documentElement;return this.options.horizontal?n.scrollWidth-this.scrollElement.innerWidth:n.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=(n=this.options.scrollEndThreshold)=>this.getDistanceFromEnd()<=n,this.getOffsetForAlignment=(n,a,r=0)=>{if(!this.scrollElement)return 0;const o=this.getSize(),i=this.getScrollOffset();a==="auto"&&(a=n>=i+o?"end":"start"),a==="center"?n+=(r-o)/2:a==="end"&&(n-=o);const l=this.getMaxScrollOffset();return Math.max(Math.min(l,n),0)},this.getOffsetForIndex=(n,a="auto")=>{n=Math.max(0,Math.min(n,this.options.count-1));const r=this.getSize(),o=this.getScrollOffset(),i=this.measurementsCache[n];if(!i)return;if(a==="auto")if(i.end>=o+r-this.options.scrollPaddingEnd)a="end";else if(i.start<=o+this.options.scrollPaddingStart)a="start";else return[o,a];if(a==="end"&&n===this.options.count-1)return[this.getMaxScrollOffset(),a];const l=a==="end"?i.end+this.options.scrollPaddingEnd:i.start-this.options.scrollPaddingStart;return[this.getOffsetForAlignment(l,a,i.size),a]},this.scrollToOffset=(n,{align:a="start",behavior:r="auto"}={})=>{const o=this.getOffsetForAlignment(n,a),i=this.now();this.scrollState={index:null,align:a,behavior:r,startedAt:i,lastTargetOffset:o,stableFrames:0},this._scrollToOffset(o,{adjustments:void 0,behavior:r}),this.scheduleScrollReconcile()},this.scrollToIndex=(n,{align:a="auto",behavior:r="auto"}={})=>{n=Math.max(0,Math.min(n,this.options.count-1));const o=this.getOffsetForIndex(n,a);if(!o)return;const[i,l]=o,u=this.now();this.scrollState={index:n,align:l,behavior:r,startedAt:u,lastTargetOffset:i,stableFrames:0},this._scrollToOffset(i,{adjustments:void 0,behavior:r}),this.scheduleScrollReconcile()},this.scrollBy=(n,{behavior:a="auto"}={})=>{const r=this.getScrollOffset()+n,o=this.now();this.scrollState={index:null,align:"start",behavior:a,startedAt:o,lastTargetOffset:r,stableFrames:0},this._scrollToOffset(r,{adjustments:void 0,behavior:a}),this.scheduleScrollReconcile()},this.scrollToEnd=({behavior:n="auto"}={})=>{if(this.options.count>0){this.scrollToIndex(this.options.count-1,{align:"end",behavior:n});return}this.scrollToOffset(Math.max(this.getTotalSize()-this.getSize(),0),{behavior:n})},this.getTotalSize=()=>{var n;const a=this.getMeasurements();let r;if(a.length===0)r=this.options.paddingStart;else if(this.options.lanes===1){const o=a.length-1,i=this._flatMeasurements;i!=null?r=i[o*2]+i[o*2+1]:r=((n=a[o])==null?void 0:n.end)??0}else{const o=Array(this.options.lanes).fill(null);let i=a.length-1;for(;i>=0&&o.some(l=>l===null);){const l=a[i];o[l.lane]===null&&(o[l.lane]=l.end),i--}r=Math.max(...o.filter(l=>l!==null))}return Math.max(r-this.options.scrollMargin+this.options.paddingEnd,0)},this.takeSnapshot=()=>{const n=[];if(this.itemSizeCache.size===0)return n;const a=this.getMeasurements();for(const r of a)r&&this.itemSizeCache.has(r.key)&&n.push({index:r.index,key:r.key,start:r.start,size:r.size,end:r.end,lane:r.lane});return n},this._scrollToOffset=(n,{adjustments:a,behavior:r})=>{this._intendedScrollOffset=n+(a??0),this.options.scrollToFn(n,{behavior:r,adjustments:a},this)},this.measure=()=>{this.pendingMin=null,this.itemSizeCache.clear(),this.laneAssignments.clear(),this.itemSizeCacheVersion++,this.notify(!1)},this.setOptions(t)}applyScrollAdjustment(t,n){t!==0&&(Rn()&&(this.isScrolling||this._iosTouching||this._iosJustTouchEnded)?this._iosDeferredAdjustment+=t:(this._scrollToOffset(this.getScrollOffset(),{adjustments:this.scrollAdjustments+=t,behavior:n}),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 a=this.scrollState.index!=null?this.getOffsetForIndex(this.scrollState.index,this.scrollState.align):void 0,r=a?a[0]:this.scrollState.lastTargetOffset,o=1,i=r!==this.scrollState.lastTargetOffset;if(!i&&Xp(r,this.getScrollOffset())){if(this.scrollState.stableFrames++,this.scrollState.stableFrames>=o){this.getScrollOffset()!==r&&this._scrollToOffset(r,{adjustments:void 0,behavior:"auto"}),this.scrollState=null;return}}else if(this.scrollState.stableFrames=0,i){const l=this.getSize()||600,u=Math.abs(r-this.getScrollOffset()),d=this.scrollState.behavior==="smooth"&&u>l;this.scrollState.lastTargetOffset=r,d||(this.scrollState.behavior="auto"),this._scrollToOffset(r,{adjustments:void 0,behavior:d?"smooth":"auto"})}this.scheduleScrollReconcile()}}const Sl=(e,t,n,a)=>{for(;e<=t;){const r=(e+t)/2|0,o=n(r);if(o<a)e=r+1;else if(o>a)t=r-1;else return r}return e>0?e-1:0};function cx(e,t,n){let a=0;for(;a<=t;){const r=(a+t)/2|0,o=e[r*2];if(o<n)a=r+1;else if(o>n)t=r-1;else return r}return a>0?a-1:0}function ux(e,t,n,a,r){const o=e.length-1;if(e.length<=a)return{startIndex:0,endIndex:o};if(a===1&&r!==null){const d=cx(r,o,n);let f=d;const m=n+t;for(;f<o&&r[f*2]+r[f*2+1]<m;)f++;return{startIndex:d,endIndex:f}}let l=Sl(0,o,d=>e[d].start,n),u=l;if(a===1)for(;u<o&&e[u].end<n+t;)u++;else if(a>1){const d=Array(a).fill(0);for(;u<o&&d.some(m=>m<n+t);){const m=e[u];d[m.lane]=m.end,u++}const f=Array(a).fill(n+t);for(;l>=0&&f.some(m=>m>=n);){const m=e[l];f[m.lane]=m.start,l--}l=Math.max(0,l-l%a),u=Math.min(o,u+(a-1-u%a))}return{startIndex:l,endIndex:u}}const Mn=typeof document<"u"?c.useLayoutEffect:c.useEffect;function dx({useFlushSync:e=!0,directDomUpdates:t=!1,directDomUpdatesMode:n="transform",...a}){const r=c.useReducer(d=>d+1,0)[1],o=c.useRef({enabled:t,mode:n,container:null,lastSize:null,lastPositions:new WeakMap,prevRange:null});o.current.enabled=t,o.current.mode=n;const i=d=>{const f=o.current;if(!f.enabled||!f.container)return;const m=d.getTotalSize();if(m!==f.lastSize){f.lastSize=m;const h=d.options.horizontal?"width":"height";f.container.style[h]=`${m}px`}const g=!!d.options.horizontal,x=f.mode==="transform",b=g?"left":"top",p=d.options.scrollMargin,y=d.getVirtualItems();for(const h of y){const v=h.start-p,j=d.elementsCache.get(h.key);j&&f.lastPositions.get(j)!==v&&(f.lastPositions.set(j,v),x?j.style.transform=g?`translate3d(${v}px, 0, 0)`:`translate3d(0, ${v}px, 0)`:j.style[b]=`${v}px`)}},l={...a,onChange:(d,f)=>{var m;const g=o.current;let x=!0;if(g.enabled){i(d);const b=d.range,p=g.prevRange;x=!p||p.isScrolling!==d.isScrolling||p.startIndex!==b?.startIndex||p.endIndex!==b?.endIndex,x&&(g.prevRange=b?{startIndex:b.startIndex,endIndex:b.endIndex,isScrolling:d.isScrolling}:null)}x&&(e&&f?Vn.flushSync(r):r()),(m=a.onChange)==null||m.call(a,d,f)}},[u]=c.useState(()=>{const d=new lx(l);return Object.assign(d,{containerRef:f=>{const m=o.current;if(m.container=f,m.lastSize=null,f&&m.enabled){const g=d.getTotalSize();m.lastSize=g;const x=d.options.horizontal?"width":"height";f.style[x]=`${g}px`}}})});return u.setOptions(l),Mn(()=>u._didMount(),[]),Mn(()=>u._willUpdate()),Mn(()=>{i(u)}),u}function fx(e){return dx({observeElementRect:tx,observeElementOffset:ax,scrollToFn:ix,...e})}const mx=(e,t,n)=>{const a=e.indexOf(n);if(a===-1)return[];const r=t===void 0?-1:e.indexOf(t);if(r===-1)return[n];const o=Math.min(r,a),i=Math.max(r,a);return e.slice(o,i+1)},hx=(e,t,n)=>{if(e.length===0)return;const a=t===void 0?-1:e.indexOf(t);if(a===-1)return n>0?e[0]:e[e.length-1];const r=Math.min(Math.max(a+n,0),e.length-1);return e[r]},gx=e=>{const[t,n]=c.useState(new Set),[a,r]=c.useState(void 0),o=c.useCallback(b=>t.has(b),[t]),i=c.useCallback(b=>{r(b),n(p=>{const y=new Set(p);return y.has(b)?y.delete(b):y.add(b),y})},[]),l=c.useCallback(b=>{r(b),n(p=>{if(p.has(b))return p;const y=new Set(p);return y.add(b),y})},[]),u=c.useCallback(b=>{n(p=>{if(!p.has(b))return p;const y=new Set(p);return y.delete(b),y})},[]),d=c.useCallback(b=>{n(new Set(b))},[]),f=c.useCallback(()=>{r(void 0),n(new Set)},[]),m=c.useCallback(b=>{n(p=>b.every(h=>p.has(h))?new Set:new Set(b))},[]),g=c.useCallback(b=>{r(b)},[]),x=c.useCallback((b,p)=>{n(y=>{const h=mx(b,a,p);if(h.length===0)return y;const v=new Set(y);for(const j of h)v.add(j);return v}),r(y=>y??p)},[a]);return{selectedIds:t,selectedCount:t.size,hasSelection:t.size>0,isSelected:o,toggle:i,select:l,deselect:u,selectAll:d,clearSelection:f,toggleAll:m,selectRange:x,setAnchor:g,anchorId:a}},px=e=>{const t=xe(Ac()),{mutate:n}=t;return{preview:c.useCallback(r=>{e&&n({path:{accountId:e},body:jo(r)})},[e,n]),reset:t.reset,matchedCount:t.data?.matchedCount,messageIds:t.data?.messageIds,isPending:t.isPending,isError:t.isError,error:t.error}},xx=new Set(["Complete","Failed"]),Kr=e=>e!==void 0&&xx.has(e),bx=1e3,vx=15e3,yx=e=>{const t=Math.max(0,e),n=bx*2**t;return Math.min(n,vx)},wx=e=>{const[t,n]=c.useState(),a=xe({...Oc(),onSuccess:m=>n(m.organizeJobId)}),{mutate:r}=a,o=re({...Pc({path:{accountId:e??"",organizeJobId:t??""}}),enabled:!!e&&!!t,refetchInterval:m=>{const g=m.state.data?.state;return Kr(g)?!1:yx(m.state.dataUpdateCount)}}),i=c.useCallback(m=>{e&&(n(void 0),r({path:{accountId:e},body:jo(m)}))},[e,r]),l=o.data,u=l?.state??a.data?.state,d=Kr(l?.state),f={state:u,matchedCount:l?.matchedCount??0,appliedCount:l?.appliedCount??0,failedCount:l?.failedCount??0,errorMessage:l?.errorMessage??""};return{start:i,progress:f,isStarting:a.isPending,isRunning:!!t&&!d,isDone:d,isError:a.isError||o.isError,error:a.error??o.error}},jx=({draft:e,scope:t,name:n,pickedDate:a})=>{if(!au(e))return"Pick a folder to move these into — labeling isn't available yet.";if((t==="standing"||t==="temporary")&&n.trim()==="")return"Name this filter so you can find it later.";if(t==="temporary"&&a==="")return"Pick the date this should stop on."},Sx=(e,t)=>{switch(e){case"just-these":return`Move ${t} message${t===1?"":"s"}`;case"all-like-these":return`Organize ${t} message${t===1?"":"s"}`;case"standing":return"Always do this";case"temporary":return"Do this until then"}},Nx=(e,t,n)=>e==="just-these"?t:n,kx=[{id:"just-these",label:"Just these",caption:"the ones you selected"},{id:"all-like-these",label:"All like these",caption:"including the similar ones found now"},{id:"standing",label:"These and new mail like this",caption:"keeps working on future mail"},{id:"temporary",label:"Until a date",caption:"stops on its own"}];function Cx({accountId:e,mailboxId:t,selectedMessageIds:n,anchorMessageId:a,matchedCount:r,onClose:o}){const[i,l]=c.useState("all-like-these"),[u,d]=c.useState(""),[f,m]=c.useState(""),[g,x]=c.useState(""),{data:b}=re({...et({path:{accountId:e}}),staleTime:1/0}),p=c.useMemo(()=>wa(b?.items??[]).map(E=>({id:E.mailboxId,label:Vs(E.fullPath)})),[b?.items]),y=c.useMemo(()=>({anchorMessageId:a,matchOperator:"And",literalClauses:[],moveMailboxId:u||void 0,expiresAt:i==="temporary"?ru(g):void 0}),[a,u,i,g]),{moveMessages:h}=ct({mailboxId:t,accountId:e}),v=wx(e),j=ou(e),w=n.length,N=Nx(i,w,r),I=jx({draft:y,scope:i,name:f,pickedDate:g}),S=()=>{if(!I)switch(i){case"just-these":u&&h(n,u),o();return;case"all-like-these":v.start(y);return;case"standing":j.createFilter(y,"standing",f.trim());return;case"temporary":j.createFilter(y,"temporary",f.trim());return}};if(v.isRunning||v.isDone)return s.jsx(Ex,{progress:v.progress,isDone:v.isDone,onClose:o});if(j.isSuccess)return s.jsxs("div",{className:"flex flex-col items-center gap-3 px-5 py-8 text-center",children:[s.jsx(la,{className:"size-8 text-positive"}),s.jsx("p",{className:"text-sm font-medium text-fg",children:"Filter saved"}),s.jsx("p",{className:"max-w-xs text-xs text-fg-muted",children:"You can see it, and when it expires, under Settings › Filters."}),s.jsx(X,{variant:"primary",onClick:o,className:"mt-2",children:"Done"})]});const k=i==="standing"||i==="temporary";return s.jsxs("div",{className:"flex min-h-0 flex-col",children:[s.jsxs("div",{className:"border-b border-line px-5 py-3",children:[s.jsx("h2",{className:"text-sm font-semibold text-fg",children:"Organize"}),s.jsxs("p",{className:"mt-0.5 text-xs text-fg-muted",children:[r," similar message",r===1?"":"s"," found",w>0?` from ${w} selected`:"","."]})]}),s.jsxs("div",{className:"min-h-0 flex-1 space-y-5 overflow-y-auto px-5 py-4",children:[s.jsxs("section",{className:"space-y-2 rounded-lg border border-line bg-surface-sunken p-3",children:[s.jsxs("p",{className:"text-sm leading-relaxed text-fg-muted",children:[i==="standing"&&s.jsx("span",{className:"font-semibold text-fg",children:"Always keep "}),i==="standing"?"":"Keep ",i==="just-these"?"these":"emails like these"," in"]}),s.jsxs(nu,{"aria-label":"Destination folder",value:u,onChange:C=>d(C.target.value),children:[s.jsx("option",{value:"",children:"Choose a folder…"}),p.map(C=>s.jsx("option",{value:C.id,children:C.label},C.id))]}),s.jsxs("div",{className:"flex items-center gap-2 pt-1",children:[s.jsx(Je,{tone:"neutral",children:"label them…"}),s.jsx("span",{className:"text-2xs text-fg-subtle",children:"Labeling isn't available yet — arrives with mail-labeling (RFC 031)."})]})]}),s.jsx("section",{className:"space-y-1.5",children:kx.map(C=>{const E=i===C.id;return s.jsxs("button",{type:"button",onClick:()=>l(C.id),className:`flex w-full items-start gap-3 rounded-lg border px-3 py-2.5 text-left transition-colors ${E?"border-accent-2 bg-accent-2-soft":"border-line bg-surface hover:bg-surface-sunken"}`,children:[s.jsx("span",{className:`mt-0.5 flex size-4 shrink-0 items-center justify-center rounded-full border ${E?"border-accent-2 bg-accent-2":"border-line bg-surface"}`,children:E&&s.jsx("span",{className:"size-1.5 rounded-full bg-white"})}),s.jsxs("span",{className:"min-w-0",children:[s.jsx("span",{className:`block text-sm font-medium ${E?"text-accent-2":"text-fg"}`,children:C.label}),s.jsx("span",{className:"block text-xs text-fg-subtle",children:C.caption})]})]},C.id)})}),k&&s.jsxs("section",{className:"space-y-2",children:[s.jsx(ro,{value:f,onChange:C=>m(C.target.value),placeholder:"Name this filter (e.g. Travel)","aria-label":"Filter name"}),i==="temporary"&&s.jsxs("label",{className:"flex items-center gap-2 text-xs text-fg-muted",children:["Until",s.jsx("input",{type:"date",value:g,onChange:C=>x(C.target.value),"aria-label":"Expiry date",className:"rounded-md border border-line bg-surface-sunken px-2 py-1 text-sm text-fg"})]})]})]}),s.jsxs("div",{className:"space-y-2 border-t border-line px-5 py-3",children:[I&&s.jsx("p",{className:"text-xs text-fg-subtle",role:"status",children:I}),j.isError&&s.jsx("p",{className:"text-xs text-danger",role:"alert",children:"Couldn't save the filter. Please try again."}),s.jsx(X,{variant:"primary",onClick:S,disabled:!!I||j.isPending||v.isStarting,className:"w-full",children:j.isPending?"Saving…":Sx(i,N)}),s.jsx(X,{variant:"ghost",onClick:o,className:"w-full",children:"Not now"})]})]})}function Ex({progress:e,isDone:t,onClose:n}){const a=e.state==="Failed";return s.jsxs("div",{className:"flex flex-col items-center gap-3 px-5 py-8 text-center",children:[t?a?s.jsx("span",{className:"text-sm font-semibold text-danger",children:"Organize failed"}):s.jsx(la,{className:"size-8 text-positive"}):s.jsx(St,{className:"size-8 animate-spin text-accent-2"}),!t&&s.jsx("p",{className:"text-sm font-medium text-fg",children:"Organizing similar mail…"}),t&&!a&&s.jsxs("div",{className:"text-sm text-fg",children:[s.jsx("p",{className:"font-medium",children:"Done"}),s.jsxs("p",{className:"mt-1 text-xs text-fg-muted",children:[e.appliedCount," of ",e.matchedCount," moved",e.failedCount>0?` · ${e.failedCount} failed`:"","."]})]}),t&&a&&s.jsx("p",{className:"max-w-xs text-xs text-fg-muted",children:e.errorMessage||"Something went wrong. Please try again."}),t&&s.jsx(X,{variant:"primary",onClick:n,className:"mt-2",children:"Done"})]})}function Ix({open:e,accountId:t,mailboxId:n,selectedMessageIds:a,onClose:r}){const o=a[0],{preview:i,reset:l,matchedCount:u,isPending:d,isError:f,error:m}=px(t);c.useEffect(()=>{!e||!o||i({anchorMessageId:o,matchOperator:"And",literalClauses:[]})},[e,o,i]);const g=()=>{l(),r()};return e?s.jsx(ao,{open:e,onClose:g,title:"Organize similar mail",children:d||u===void 0?f?s.jsxs("div",{className:"flex flex-col items-center gap-3 px-5 py-8 text-center",children:[s.jsx("p",{className:"text-sm font-medium text-danger",children:"Couldn't find similar messages"}),s.jsx("p",{className:"max-w-xs text-xs text-fg-muted",children:m instanceof Error?m.message:"Please try again."}),s.jsx(X,{variant:"ghost",onClick:g,className:"mt-2",children:"Close"})]}):s.jsxs("div",{className:"flex flex-col items-center gap-3 px-5 py-10 text-center",children:[s.jsx(St,{className:"size-8 animate-spin text-accent-2"}),s.jsx("p",{className:"text-sm font-medium text-fg",children:"Finding similar messages…"})]}):s.jsx(Cx,{accountId:t,mailboxId:n,selectedMessageIds:a,anchorMessageId:o,matchedCount:u,onClose:g})}):null}const Rx=({selectedCount:e,onDelete:t,onClearSelection:n,onMarkAsRead:a,onMove:r,onOrganize:o,isDeleting:i=!1,isMoving:l=!1,accountId:u,currentMailboxId:d,moveDisabledHint:f})=>{const m=i||l;if(e===0)return null;const g=!!r&&!!u&&!!d,x=!!o&&!!u&&!!d&&!f;return s.jsxs("div",{className:"sticky top-0 z-10 flex items-center justify-between px-3 py-2 bg-surface-sunken border-b border-line",children:[s.jsxs("div",{className:"flex items-center gap-3",children:[s.jsx("button",{type:"button",onClick:n,className:"min-h-11 min-w-11 inline-flex items-center justify-center rounded hover:bg-surface-raised transition-colors","aria-label":"Clear selection",children:s.jsx(De,{className:"size-4 text-fg-muted"})}),s.jsxs("span",{className:"text-sm font-medium",children:[e," ",e===1?"message":"messages"," ","selected"]}),f&&s.jsx("span",{className:"text-xs text-fg-muted",role:"status","aria-live":"polite",children:f})]}),s.jsxs("div",{className:"flex items-center gap-1",children:[x&&o&&s.jsxs("button",{type:"button",onClick:m?void 0:o,className:"min-h-11 inline-flex items-center justify-center gap-1.5 px-3 rounded text-sm font-medium transition-colors hover:bg-surface-raised","aria-label":"Organize similar messages",children:[s.jsx(Ke,{className:"size-4"}),s.jsx("span",{className:"hidden sm:inline",children:"Organize"})]}),a&&s.jsx("button",{type:"button",onClick:m?void 0:a,className:"min-h-11 min-w-11 inline-flex items-center justify-center rounded text-sm font-medium transition-colors hover:bg-surface-raised","aria-label":"Mark as read","aria-busy":m,children:s.jsx(js,{className:"size-4"})}),g&&r&&u&&d&&s.jsx(ks,{accountId:u,currentMailboxId:d,onMove:m?()=>{}:r,disabledHint:f,variant:"icon-only",label:"Move selected messages"}),s.jsxs("button",{type:"button",onClick:m?void 0:t,className:fe("min-h-11 min-w-11 inline-flex items-center justify-center gap-1.5 px-3 rounded text-sm font-medium transition-colors","bg-danger text-canvas hover:bg-danger/90"),"aria-label":"Delete selected messages","aria-busy":i,children:[i?s.jsx(St,{className:"size-4 animate-spin"}):s.jsx(qe,{className:"size-4"}),s.jsx("span",{className:"hidden sm:inline",children:i?"Deleting...":"Delete"})]})]})]})},Mx=8,Tx=({onLongPress:e,delayMs:t=500})=>{const n=c.useRef(null),a=c.useRef(null),r=c.useCallback(()=>{n.current&&(clearTimeout(n.current),n.current=null),a.current=null},[]),o=c.useCallback(d=>{r(),a.current={x:d.clientX,y:d.clientY},n.current=setTimeout(()=>{e(),r()},t)},[e,t,r]),i=c.useCallback(d=>{if(!a.current)return;const f=d.clientX-a.current.x,m=d.clientY-a.current.y;Math.sqrt(f*f+m*m)>Mx&&r()},[r]),l=c.useCallback(()=>{r()},[r]),u=c.useCallback(()=>{r()},[r]);return{handlers:{onPointerDown:o,onPointerMove:i,onPointerUp:l,onPointerCancel:u}}},Dx=(e,t)=>{const n=e.authenticity?.dkimMismatch===!0;return{id:e.messageId,accountId:e.accountConfigId,fromName:e.fromName??e.fromEmail??"Unknown",fromEmail:e.fromEmail??"",subject:e.subject??"(No subject)",snippet:e.snippet??"",timeLabel:mt(e.sentDate),isRead:e.isRead,hasAttachment:e.hasAttachment,starred:e.star!=null&&e.star!=="none"&&e.hasStars===!0,trust:e.senderTrust,category:cn(e.category),messageCount:t,suspicious:n}},Ax=({thread:e,mailboxId:t,accountId:n,isSelected:a,isFocused:r=!1,isChecked:o,onToggleCheck:i,onRowSelect:l,messageCount:u,isMultiSelectMode:d=!1,onLongPress:f,isDesktop:m=!0,density:g="comfortable"})=>{const x=je(),b=e.messageId,p=Dx(e,u),y=I=>{I.preventDefault(),I.stopPropagation(),i(e.messageId)},h=c.useCallback(I=>{if(!m)return;l(b,{shiftKey:I.shiftKey,metaKey:I.metaKey,ctrlKey:I.ctrlKey})&&(I.preventDefault(),I.stopPropagation())},[m,l,b]),v=c.useCallback(()=>{f?.(b)},[f,b]),j=Tx({onLongPress:v,delayMs:500}),w=c.useCallback(()=>{x.prefetchQuery(Jn({path:{messageId:e.messageId}}))},[x,e.messageId]),N=!e.isRead;return g==="compact"?s.jsx(Xe,{to:"/mail/$mailboxId",params:{mailboxId:t},search:I=>({...I,selectedMessageId:e.messageId}),"data-message-row":!0,onClick:h,onMouseEnter:w,onFocus:w,...!m&&j.handlers,className:fe(Go({active:a,focused:r}),o&&"bg-accent-soft",!m&&"min-h-11"),children:s.jsx(Xo,{thread:p})}):s.jsxs(Xe,{to:"/mail/$mailboxId",params:{mailboxId:t},search:I=>({...I,selectedMessageId:e.messageId}),"data-message-row":!0,onClick:h,onMouseEnter:w,onFocus:w,...!m&&j.handlers,className:fe("group",Gt({active:a,focused:r}),o&&"bg-accent-soft",!m&&"min-h-11"),children:[N&&s.jsx("span",{className:"absolute left-1.5 top-1/2 size-1.5 -translate-y-1/2 rounded-full bg-accent"}),s.jsxs("div",{className:"relative size-7 shrink-0",children:[s.jsx(st,{name:e.fromName??e.fromEmail??"?",email:e.fromEmail??void 0,size:"sm",className:fe("absolute inset-0","sm:group-hover:opacity-0 transition-opacity",(o||d)&&"opacity-0")}),s.jsx("button",{type:"button",onClick:y,className:fe("absolute inset-0 size-7 rounded-full border items-center justify-center transition-opacity",d?"flex":"hidden sm:flex",o?"bg-accent border-accent text-accent-fg opacity-100":d?"border-fg-subtle/40 opacity-100 bg-canvas":"border-fg-subtle/40 opacity-0 group-hover:opacity-100 bg-canvas"),"aria-label":o?"Deselect message":"Select message",children:o&&s.jsx(ws,{className:"size-3"})})]}),s.jsx(Xt,{thread:p,badge:e.autoMoved&&s.jsx(wi,{accountId:n,messageId:e.messageId,threadId:e.threadId,mailboxId:e.mailboxId,autoMoved:e.autoMoved,size:"sm"})})]})},Ox=c.memo(Ax),Px=e=>{const t=e.authenticity?.dkimMismatch===!0;return{id:e.messageId,accountId:e.accountConfigId,fromName:e.fromName??e.fromEmail??"Unknown",fromEmail:e.fromEmail??"",subject:e.subject??"(No subject)",snippet:e.snippet??"",timeLabel:mt(e.sentDate),isRead:e.isRead,hasAttachment:e.hasAttachment,starred:e.star!=null&&e.star!=="none"&&e.hasStars===!0,trust:e.senderTrust,category:cn(e.category),suspicious:t}},Lx=({thread:e,mailboxId:t,accountId:n,isSelected:a,isFocused:r,isChecked:o,onToggleCheck:i,onRowSelect:l,isMultiSelectMode:u,onLongPress:d,isDesktop:f,onDelete:m,onToggleRead:g,density:x})=>{const[b,p]=c.useState("none"),y=c.useCallback(j=>{navigator.vibrate?.(10),j==="trailing"?m(e.messageId):g(e.messageId,e.isRead),p("none")},[m,g,e.messageId,e.isRead]),h=c.useCallback(()=>{d(e.messageId)},[d,e.messageId]),v=c.useCallback(()=>{i(e.messageId)},[i,e.messageId]);return f||u?s.jsx(Ox,{thread:e,mailboxId:t,accountId:n,isSelected:a,isFocused:r,isChecked:o,onToggleCheck:i,onRowSelect:l,isMultiSelectMode:u,onLongPress:d,isDesktop:f,density:x}):s.jsx(ti,{thread:Px(e),selectionMode:!1,checked:!1,active:a,peek:b,onPeek:p,onToggleCheck:v,onLongPress:h,onOpen:()=>{},onAct:y,linkComponent:({onOpenClick:j,children:w,...N})=>s.jsx(Xe,{...N,to:"/mail/$mailboxId",params:{mailboxId:t},search:I=>({...I,selectedMessageId:e.messageId}),"data-message-row":!0,onClick:j,children:w})})},zx=72,_x=32,Fx=5,Nl="remit:list-density",Bx=()=>{try{const e=localStorage.getItem(Nl);if(e==="compact"||e==="comfortable")return e}catch{}return"comfortable"},$x=({query:e,count:t})=>s.jsxs("div",{className:"flex items-center gap-2 px-3 py-2 border-b border-line bg-surface-sunken/30",children:[s.jsx(vs,{className:"size-4 text-fg-muted"}),s.jsxs("span",{className:"text-sm text-fg-muted",children:[t," ",t===1?"result":"results"," for “",e,"”"]})]}),Kx=({mailboxId:e,threads:t,selectedMessageId:n,isLoading:a,isError:r=!1,error:o,onRetry:i,searchQuery:l,onDeleteMessages:u,onMarkAsRead:d,onMoveMessages:f,isDeleting:m=!1,isMoving:g=!1,onLoadMore:x,hasMore:b=!1,isLoadingMore:p=!1,accountId:y,listTitle:h,listMeta:v,onTriageContextChange:j,hideHeader:w=!1})=>{const N=c.useRef(null),I=Ce(),S=kt(),[k,C]=c.useState(!1),[E,R]=c.useState(!1),[M,T]=c.useState(n),[P,Y]=c.useState(Bx),K=c.useCallback(()=>{Y(A=>{const J=A==="comfortable"?"compact":"comfortable";try{localStorage.setItem(Nl,J)}catch{}return J})},[]),{toggleReadFor:B}=vi({mailboxId:e}),{selectedIds:_,selectedCount:F,hasSelection:q,isSelected:te,toggle:U,select:O,clearSelection:D,selectRange:V,setAnchor:le,selectAll:ve}=gx(),[ce,ye]=c.useState(null);c.useEffect(()=>{k&&F===0&&C(!1)},[k,F]);const Se=fx({count:t.length,getScrollElement:()=>N.current,estimateSize:()=>P==="compact"?_x:zx,overscan:Fx}),G=n?t.findIndex(A=>A.messageId===n):-1,ge=M?t.findIndex(A=>A.messageId===M):-1,Ie=c.useCallback(A=>{if(A<0||A>=t.length)return;const J=t[A];if(k){U(J.messageId);return}T(J.messageId)},[t,k,U]),H=c.useCallback(()=>{if(t.length===0)return;const A=ge<0?0:Math.min(ge+1,t.length-1);Ie(A)},[t.length,ge,Ie]),Q=c.useCallback(()=>{if(t.length===0)return;const A=ge<=0?0:ge-1;Ie(A)},[t.length,ge,Ie]),ee=c.useCallback(()=>{M&&U(M)},[M,U]),ne=c.useMemo(()=>t.map(A=>A.messageId),[t]),Ue=c.useCallback((A,J)=>J.shiftKey?(V(ne,A),!0):J.metaKey||J.ctrlKey?(U(A),!0):(D(),le(A),!1),[ne,V,U,D,le]),oe=c.useCallback(A=>{!u||A.length===0||ye(A)},[u]),Ne=c.useCallback(A=>{const J=hx(ne,M,A);J!==void 0&&(V(ne,J),T(J))},[ne,M,V]),Fe=c.useCallback(()=>Ne(-1),[Ne]),Ae=c.useCallback(()=>Ne(1),[Ne]),He=c.useCallback(()=>{ne.length>0&&ve(ne)},[ne,ve]),Qe=c.useCallback(()=>{F>0?oe(Array.from(_)):M&&oe([M])},[F,_,M,oe]),Ct=c.useCallback(()=>{M&&I({to:"/mail/$mailboxId",params:{mailboxId:e},search:A=>({...A,selectedMessageId:M})})},[M,I,e]),ht=c.useCallback(()=>{F>0&&oe(Array.from(_))},[oe,F,_]),Et=c.useCallback(()=>{if(!ce||ce.length===0){ye(null);return}const A=new Set(ce),J=t.findIndex(de=>A.has(de.messageId));let me;for(let de=J+1;de<t.length;de++)if(!A.has(t[de].messageId)){me=t[de].messageId;break}if(me===void 0){for(let de=J-1;de>=0;de--)if(!A.has(t[de].messageId)){me=t[de].messageId;break}}u?.(ce),D(),ye(null),me!==void 0&&I({to:"/mail/$mailboxId",params:{mailboxId:e},search:de=>({...de,selectedMessageId:me}),replace:!0})},[ce,t,u,D,I,e]),We=c.useCallback(()=>{ye(null)},[]),at=c.useCallback(()=>{d&&F>0&&d(Array.from(_))},[d,F,_]),gt=c.useCallback(A=>{!f||F===0||(f(Array.from(_),A),D())},[f,F,_,D]),Re=c.useMemo(()=>{if(F===0)return;const A=new Set;for(const J of t)_.has(J.messageId)&&A.add(J.accountConfigId);if(A.size>1)return"Move only works within one account — clear selection or pick messages from a single account"},[F,_,t]),Ve=c.useCallback(A=>{u?.([A])},[u]),It=c.useCallback((A,J)=>{B([A],!J)},[B]),Rt=c.useCallback(A=>{S||(C(!0),O(A))},[S,O]),es=c.useCallback(()=>{C(!1),D()},[D]);c.useEffect(()=>{if(!S&&n)return;const A=ge>=0?ge:G;A>=0&&Se.scrollToIndex(A,{align:"auto"})},[ge,G,Se,S,n]),c.useEffect(()=>{n&&T(n)},[n]),c.useEffect(()=>{M&&(t.some(A=>A.messageId===M)||T(t[0]?.messageId))},[t,M]),c.useEffect(()=>{j?.({focusedMessageId:M,selectedIds:Array.from(_)})},[M,_,j]),c.useEffect(()=>{const A=new Set(t.map(me=>me.messageId));Array.from(_).some(me=>!A.has(me))&&D()},[t,_,D]),c.useEffect(()=>{const A=N.current;if(!A||!b||!x)return;const J=()=>{if(p)return;const{scrollTop:me,scrollHeight:de,clientHeight:Me}=A;me+Me>=de-200&&x()};return A.addEventListener("scroll",J,{passive:!0}),J(),()=>A.removeEventListener("scroll",J)},[b,p,x]),ps({enabled:!a&&t.length>0&&ce===null,bindings:[{key:"j",handler:H,preventDefault:!0},{key:"ArrowDown",handler:H,preventDefault:!0,requireShift:!1},{key:"k",handler:Q,preventDefault:!0},{key:"ArrowUp",handler:Q,preventDefault:!0,requireShift:!1},{key:"ArrowDown",handler:Ae,preventDefault:!0,requireShift:!0},{key:"ArrowUp",handler:Fe,preventDefault:!0,requireShift:!0},{key:"x",handler:ee,preventDefault:!0},{key:" ",handler:ee,preventDefault:!0},{key:"a",handler:He,preventDefault:!0,requireMeta:!0},{key:"Enter",handler:Ct,preventDefault:!0},{key:"Delete",handler:Qe,preventDefault:!0},{key:"Backspace",handler:Qe,preventDefault:!0},{key:"d",handler:K,preventDefault:!0}]}),ps({enabled:q&&ce===null,capture:!0,bindings:[{key:"Escape",handler:D,preventDefault:!0,stopPropagation:!0}]});const Mt=a?"loading":r?"error":t.length===0?"empty":"ready",Le=r?yo(o):void 0,ts=c.useCallback(()=>{const A=ta(ea());window.open(A,"_blank","noopener,noreferrer")},[]),W=[{id:"inbox",threads:[]}],ae=q&&S?s.jsx(Rx,{selectedCount:F,onDelete:ht,onClearSelection:D,onMarkAsRead:d?at:void 0,onMove:f?gt:void 0,onOrganize:()=>R(!0),isDeleting:m,isMoving:g,accountId:y,currentMailboxId:e,moveDisabledHint:Re}):void 0,ie=k&&!S?s.jsx(ei,{count:F,onCancel:es,onDelete:ht,onMarkRead:d?at:void 0,isBusy:m||g,moveDisabledHint:Re,moveSlot:f&&y&&e?s.jsxs(s.Fragment,{children:[!Re&&s.jsx("button",{type:"button",onClick:()=>R(!0),className:"min-h-11 min-w-11 inline-flex shrink-0 items-center justify-center rounded text-fg-muted hover:bg-surface-raised","aria-label":"Organize similar messages",children:s.jsx(Ke,{className:"size-4"})}),s.jsx(ks,{accountId:y,currentMailboxId:e,onMove:m||g?()=>{}:gt,disabledHint:Re,label:"Move selected messages"})]}):void 0}):void 0,Z=ae??ie,ue=!!l?.trim(),pe=s.jsxs(s.Fragment,{children:[ue&&l&&s.jsx($x,{query:l,count:t.length}),s.jsxs("div",{ref:N,className:"flex-1 overflow-y-auto",children:[s.jsx("div",{className:"relative w-full",style:{height:`${Se.getTotalSize()}px`},children:Se.getVirtualItems().map(A=>{const J=t[A.index];return s.jsx("div",{"data-index":A.index,ref:Se.measureElement,className:"absolute left-0 top-0 w-full border-b border-line",style:{transform:`translateY(${A.start}px)`},children:s.jsx(Lx,{thread:J,mailboxId:e,accountId:y,isSelected:n===J.messageId,isFocused:M===J.messageId,isChecked:te(J.messageId),onToggleCheck:U,onRowSelect:Ue,isMultiSelectMode:k,onLongPress:Rt,isDesktop:S,onDelete:Ve,onToggleRead:It,density:P})},A.key)})}),p&&s.jsx("div",{className:"flex justify-center py-4",children:s.jsx("div",{className:"h-5 w-5 animate-spin rounded-full border-2 border-fg-muted border-t-transparent"})})]})]});return s.jsxs(s.Fragment,{children:[s.jsx(si,{listTitle:h,listMeta:v,sections:W,flatList:!0,listState:Mt,searchQuery:ue?l:void 0,errorMessage:Le,onRetry:i,onReportError:ts,density:P,selectedThreadId:n,onSelectThread:A=>I({to:"/mail/$mailboxId",params:{mailboxId:e},search:J=>({...J,selectedMessageId:A})}),onSelectBriefCategory:()=>{},isDesktop:S,hideHeader:w,selectionBar:Z,listBody:Mt==="ready"?pe:void 0}),s.jsx(ll,{isOpen:ce!==null,title:eu(ce?.length??0),description:"You can restore them from Trash later.",confirmLabel:"Move to Trash",destructive:!0,isBusy:m,onConfirm:Et,onCancel:We}),E&&y&&s.jsx(Ix,{open:E,accountId:y,mailboxId:e,selectedMessageIds:Array.from(_),onClose:()=>R(!1)})]})},qx=e=>Vt({path:{accountId:e}}),Ux=e=>{const t=je(),n=xs(),a=xe({...Lc(),onSuccess:()=>{n.recordEvent("sync.triggered"),t.invalidateQueries({queryKey:qx(e)})}});return{trigger:()=>{a.mutate({path:{accountId:e}})},triggerAsync:()=>a.mutateAsync({path:{accountId:e}}),isPending:a.isPending,error:a.error,reset:a.reset}},Hx=({accountId:e,children:t})=>{const{triggerAsync:n,isPending:a}=Ux(e);return s.jsx(Sm,{onRefresh:n,isRefreshing:a,children:t})};function Qx({accountId:e,currentMailboxId:t,candidates:n,onMove:a,children:r}){const[o,i]=c.useState(!1),l=xs(),{t:u}=tn("mail",{useSuspense:!1}),d=c.useCallback((v,j)=>u(v,{defaultValue:j}),[u]),{inboxMailboxId:f}=ga(e),m=yi(e),{data:g}=re({...et({path:{accountId:e}}),staleTime:1/0}),x=c.useMemo(()=>{const v=wa(g?.items??[],m),j=ys(m);return v.map(w=>({id:w.mailboxId,label:Ht(w,j.get(w.mailboxId),d),searchValue:w.fullPath,isCurrent:w.mailboxId===t}))},[g?.items,m,t,d]),b=c.useMemo(()=>f||(x.find(j=>j.label.toLowerCase()==="inbox")?.id??x.find(j=>!j.isCurrent)?.id??""),[f,x]),p=c.useRef(!1);c.useEffect(()=>{p.current||(p.current=!0,mp(l,n.length))},[l,n.length]);const y=c.useCallback(()=>{hp(l,n.length),i(!0)},[l,n.length]),h=c.useCallback((v,j)=>{gp(l,{selected:v.length,total:n.length,toInbox:j===f}),a(v,j)},[l,n.length,f,a]);return s.jsxs("div",{className:"relative flex h-full min-h-0 flex-col",children:[s.jsx("div",{className:"shrink-0 px-row-inset pt-2",children:s.jsx(Cm,{count:n.length,onReview:y})}),s.jsx("div",{className:"min-h-0 flex-1",children:r}),s.jsx(Am,{open:o,candidates:n,defaultDestinationId:b,availableFolders:x,onConfirmMove:h,onCancel:()=>i(!1)})]})}const Wx=({accounts:e})=>{const t=na({strict:!1}),n=ra(),a=t.mailboxId,{t:r}=tn("mail",{useSuspense:!1}),o=c.useCallback((l,u)=>r(l,{defaultValue:u}),[r]),i=Yt({queries:e.map(l=>({...et({path:{accountId:l.accountId}}),staleTime:1/0}))});if(n.pathname.startsWith("/mail/outbox"))return"Outbox";if(!a)return null;for(let l=0;l<e.length;l++){const u=i[l]?.data?.items;if(!u)continue;const d=u.find(m=>m.mailboxId===a);if(!d)continue;const f=ys(e[l].folderAppointments);return Ht(d,f.get(a),o)}return null},Vx=({accounts:e})=>{const n=na({strict:!1}).mailboxId,a=Yt({queries:e.map(r=>({...et({path:{accountId:r.accountId}}),staleTime:1/0}))});if(!n)return null;for(const r of a){const o=r.data?.items;if(!o)continue;const i=o.find(l=>l.mailboxId===n);if(i)return i.unseenCount}return null},Yx="We can verify this sender";function Gx(e){const{data:t}=re({...zc({path:{mailboxId:e??""},query:{senderTrust:["vip","wellknown"],dkimMismatch:!1,results:!0,limit:500}}),enabled:!!e,staleTime:6e4});return{candidates:(t?.items??[]).map(a=>({id:a.messageId,senderName:a.fromName||a.fromEmail||"Unknown sender",senderAddress:a.fromEmail??"",subject:a.subject||"(no subject)",snippet:a.snippet??"",trustReason:Yx,trustSubReason:fp(a.senderTrust),senderTrust:a.senderTrust}))}}const $s={action:null,nextPrefix:null,preventDefault:!1},Xx={b:"goBrief",i:"goInbox",s:"goSent",f:"goFlagged",",":"goSettings"},Jx={j:{action:"focusNext"},k:{action:"focusPrevious"},enter:{action:"openFocused"},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 Zx(e,t){const n=e.key.toLowerCase(),a=e.metaKey||e.ctrlKey;if(e.inEditable)return{...$s,nextPrefix:t==="g"?null:t};if(a&&n==="n")return{action:"compose",nextPrefix:null,preventDefault:!0};if(a)return{...$s,nextPrefix:t==="g"?null:t};if(n==="escape")return{action:"back",nextPrefix:null,preventDefault:!1};if(t==="g"){const i=Xx[n===","?",":n]??null;return{action:i,nextPrefix:null,preventDefault:i!==null}}if(n==="g"&&!e.shiftKey)return{action:null,nextPrefix:"g",preventDefault:!0};if(e.shiftKey&&(n==="j"||n==="k"))return{action:n==="j"?"extendSelectDown":"extendSelectUp",nextPrefix:null,preventDefault:!0};const r=Jx[n];if(r){const o=r.requireShift===!0,i=n.length===1&&!/[a-z0-9]/.test(n);return!o&&e.shiftKey&&!i?$s:{action:r.action,nextPrefix:null,preventDefault:!0}}return $s}function eb(e){if(!(e instanceof HTMLElement))return!1;const t=e.tagName;return t==="INPUT"||t==="TEXTAREA"||t==="SELECT"||e.isContentEditable}function tb({handlers:e,enabled:t=!0,sequenceTimeoutMs:n=1e3}){const a=c.useRef(e);a.current=e;const r=c.useRef(null),o=c.useRef(null);c.useEffect(()=>{if(!t)return;const i=()=>{o.current!==null&&(clearTimeout(o.current),o.current=null)},l=u=>{const d=Zx({key:u.key,shiftKey:u.shiftKey,metaKey:u.metaKey,ctrlKey:u.ctrlKey,altKey:u.altKey,inEditable:eb(u.target)},r.current);if(i(),r.current=d.nextPrefix,d.nextPrefix!==null&&(o.current=setTimeout(()=>{r.current=null,o.current=null},n)),d.action===null)return;const f=a.current[d.action];f&&(d.preventDefault&&u.preventDefault(),f())};return window.addEventListener("keydown",l),()=>{window.removeEventListener("keydown",l),i(),r.current=null}},[t,n])}const qr=(e,t,n)=>{if(!t)return null;const a=e.indexOf(t);if(a===-1)return null;const r=n==="next"?a+1:a-1;return r<0||r>=e.length?null:e[r]},kl="remit:intelligence-open";function sb(){try{return localStorage.getItem(kl)!=="closed"}catch{return!0}}function Ur(e){try{localStorage.setItem(kl,e?"open":"closed")}catch{}}const nb=(e,t)=>e!==t,ab=(e,t,n)=>{if(!(n||!t))return e.find(a=>a.messageId===t)},rb={unread:e=>!e.isRead,flagged:e=>e.star!=null&&e.star!=="none"&&e.hasStars===!0,attachment:e=>!!e.hasAttachment};function ob(e,t,n){const a=Array.from(n).map(r=>rb[r]).filter(r=>r!=null);return t==="all"&&a.length===0?e:e.filter(r=>(t==="all"||r.category===t)&&a.every(o=>o(r)))}const Cl=c.createContext(null);function mn(){const e=c.useContext(Cl);if(!e)throw new Error("MailboxPane.* must be used inside <MailboxPane>");return e}function ib({mailboxId:e,selectedMessageId:t,children:n}){const a=Ce(),o=Es()==="desktop",i=xs(),{accounts:l,mailboxNameIndex:u,accountNameIndex:d,searchQuery:f,searchInput:m,intelligenceOpen:g,onToggleIntelligence:x,onSetIntelligenceOpen:b}=Ee(),p=Ji(f),y=p.length>0,{freeText:h,tokens:v}=Cs(p,{mailboxesByName:u,accountsByName:d}),j=v.find(L=>L.type==="from"),w={order:"desc",...h?{query:h}:{},...j?{from:j.value}:{},...v.some(L=>L.type==="hasAttachment")?{attachments:!0}:{},...v.some(L=>L.type==="isUnread")?{unread:!0}:{}},N=y?ut({path:{mailboxId:e},query:w}):tt({path:{mailboxId:e},query:{order:"desc"}}),{data:I,isLoading:S,isError:k,error:C,refetch:E,fetchNextPage:R,hasNextPage:M,isFetchingNextPage:T}=uu({queryKey:N,queryFn:async({pageParam:L})=>{if(y){const{data:Oe}=await Fc({path:{mailboxId:e},query:{...w,continuationToken:L},throwOnError:!0});return Oe}const{data:Te}=await Bc({path:{mailboxId:e},query:{order:"desc",continuationToken:L},throwOnError:!0});return Te},initialPageParam:void 0,getNextPageParam:L=>L.continuationToken,enabled:y?p.length>0:!0,placeholderData:_c}),P=c.useCallback(L=>{t&&L.includes(t)&&a({to:"/mail/$mailboxId",params:{mailboxId:e},search:Te=>({...Te,selectedMessageId:void 0,selectedThreadId:void 0})})},[t,e,a]),{deleteMessages:Y,isPending:K}=ds({mailboxId:e,onAfterOptimisticRemove:P}),{accountId:B}=bi(e),_=Wx({accounts:l}),{moveMessages:F,isPending:q}=ct({mailboxId:e,accountId:B,onAfterOptimisticRemove:P}),te=Dh(I?.pages.flatMap(L=>L.items??[])??[]),[U,O]=c.useState("all"),[D,V]=c.useState(new Set),le=c.useMemo(()=>ob(te,U,D),[te,U,D]),ve=c.useCallback(L=>{O(L)},[]),ce=c.useCallback(L=>{V(Te=>{const Oe=new Set(Te);return Oe.has(L)?Oe.delete(L):Oe.add(L),Oe})},[]),ye=c.useCallback(()=>{O("all"),V(new Set)},[]),Se=nb(m,f),G=ab(te,t,Se),{selectedThreadId:ge}=Ut({strict:!1}),Ie=c.useMemo(()=>xl(G,{messageId:t,threadId:Se?void 0:ge,mailboxId:e}),[G,t,ge,Se,e]),[H,Q]=c.useState(void 0),[ee,ne]=c.useState([]),Ue=c.useCallback(L=>{Q(L.focusedMessageId),ne(L.selectedIds)},[]),oe=le.find(L=>L.messageId===H)??G,Ne=c.useRef(null);c.useEffect(()=>{const L=G?.messageId??null;L&&Ne.current!==L&&G?.authenticity?.dkimMismatch&&(Ne.current=L,g||x())},[G?.messageId,G?.authenticity?.dkimMismatch,g,x]);const Fe=c.useRef(!1);c.useEffect(()=>{Fe.current||o&&G?.messageId&&(Fe.current=!0,sb()&&!g&&b(!0))},[o,G?.messageId,g,b]);const He=Vx({accounts:l})??te.filter(L=>!L.isRead).length,Qe=je(),{pushError:Ct}=ze(),{deleteMessages:ht}=ds({mailboxId:e,threadId:G?.threadId,onAfterOptimisticRemove:P}),{moveMessages:Et}=ct({mailboxId:e,threadId:G?.threadId,accountId:B,onAfterOptimisticRemove:P}),{draftsMailboxId:We}=Mh(B),at=We!==void 0&&We===e,{archiveMailboxId:gt}=Rh(B),Re=c.useCallback(L=>{const Te=jt({path:{threadId:L.threadId}}),Oa=Qe.getQueriesData({queryKey:Te}).flatMap(([,Xl])=>Xl?.items.map(Jl=>Jl.messageId)??[]);return Oa.length>0?Oa:[L.messageId]},[Qe]),Ve=c.useCallback(()=>{if(!G)return;const L=Re(G);ht(L)},[G,Re,ht]),It=c.useCallback(L=>{if(!G)return;const Te=Re(G);Et(Te,L)},[G,Re,Et]),{toggleStar:Rt}=Bn({threadId:G?.threadId??"",mailboxId:e}),es=c.useCallback(()=>{G&&Rt(G.messageId,G.hasStars)},[G,Rt]),[Mt,Le]=c.useState(null),ts=c.useCallback(()=>{Le("reply")},[]),W=c.useCallback(()=>{Le("reply_all")},[]),ae=c.useCallback(()=>{Le("forward")},[]),ie=c.useCallback(()=>{Le(null)},[]),{state:Z,openCompose:ue,closeCompose:pe}=wt(),A=c.useCallback(()=>{ue({mode:"new"})},[ue]),J=xe({...Zs(),onError:L=>{Ct(fs("Couldn't discard draft","The draft wasn't deleted.",L))}}),me=c.useCallback(()=>{const L=Z.outboxMessageId;L&&(J.mutate({path:{outboxMessageId:L}}),Qe.invalidateQueries({queryKey:sa()}),pe())},[Z.outboxMessageId,J,Qe,pe]),de=c.useCallback(()=>{t&&a({to:"/mail/$mailboxId",params:{mailboxId:e},search:L=>({...L,selectedMessageId:void 0,selectedThreadId:void 0})})},[t,e,a]),Me=c.useCallback(L=>L?Re(L):[],[Re]),{toggleStar:ke}=Bn({threadId:oe?.threadId??"",mailboxId:e}),{toggleReadFor:pt}=vi({mailboxId:e,accountId:B}),{junkMailboxId:Be}=pa(B),Ia=Be!=null&&Be===e,{candidates:Ol}=Gx(Ia?Be:void 0),{moveMessages:Ra}=ct({mailboxId:e,threadId:oe?.threadId,accountId:B,onAfterOptimisticRemove:P}),{deleteMessages:Ma}=ds({mailboxId:e,threadId:oe?.threadId,onAfterOptimisticRemove:P}),{addressId:ss,address:Is}=ul(oe),{updateFlags:Rs}=dl({addressId:ss,senderEmail:oe?.fromEmail??void 0}),Tt=c.useCallback(()=>t||!H?!1:(a({to:"/mail/$mailboxId",params:{mailboxId:e},search:L=>({...L,selectedMessageId:H})}),!0),[t,H,e,a]),Pl=c.useCallback(()=>{Tt()||G&&Le("reply")},[Tt,G]),Ll=c.useCallback(()=>{Tt()||G&&Le("reply_all")},[Tt,G]),zl=c.useCallback(()=>{Tt()||G&&Le("forward")},[Tt,G]),Dt=c.useCallback(()=>ee.length>0?ee:Me(oe),[ee,Me,oe]),_l=c.useCallback(()=>{const L=Dt();L.length>0&&Ma(L)},[Dt,Ma]),Fl=c.useCallback(()=>{if(!Be)return;const L=Dt();L.length!==0&&(ml(i,{count:L.length,senderTrust:oe?.senderTrust??"unknown",wasRescuable:oe?fl(oe):!1}),Ra(L,Be))},[Be,Dt,Ra,i,oe]),Bl=c.useCallback(()=>{if(ee.length>0){const L=!(oe?.hasStars??!1),Te=new Set(ee);for(const Oe of le)Te.has(Oe.messageId)&&Oe.hasStars!==L&&ke(Oe.messageId,Oe.hasStars);return}oe&&ke(oe.messageId,oe.hasStars)},[ee,le,oe,ke]),$l=c.useCallback(()=>{const L=Dt();if(L.length===0)return;const Te=!(oe?.isRead??!1);pt(L,Te)},[Dt,oe,pt]),Kl=c.useCallback(()=>{if(!ss)return;const L=Is?.flags?.muted?.value!==!0;Rs({muted:{value:L}})},[ss,Is,Rs]),ql=c.useCallback(()=>{if(!ss)return;const L=Is?.flags?.vip?.value!==!0;Rs({vip:{value:L}})},[ss,Is,Rs]),Ul=c.useCallback(()=>{g||x()},[g,x]),ns=c.useCallback(L=>{a({to:L})},[a]),Ta=at?"drafts":gt===e?"archive":Be===e?"junk":"inbox",Da=c.useRef("");c.useEffect(()=>{const L=Da.current;Da.current=p,p.length>0&&L.length===0&&i.recordEvent("search.submitted",{mailboxType:Ta})},[p,Ta,i]);const Hl=!!G,Ql=at&&Z.isOpen&&!!Z.outboxMessageId&&!G,Wl=o&&g&&Hl;tb({enabled:!Z.isOpen,handlers:{back:de,reply:Pl,replyAll:Ll,forward:zl,delete:_l,toggleStar:Bl,toggleRead:$l,muteSender:Kl,blockSender:Ul,vipSender:ql,markJunk:Fl,toggleIntelligence:G?x:void 0,compose:A,goBrief:()=>ns("/mail"),goInbox:()=>ns("/mail"),goSent:()=>ns("/mail"),goFlagged:()=>ns("/mail/flagged"),goSettings:()=>ns("/settings")}}),ps({enabled:Z.isOpen,bindings:[{key:"Escape",handler:pe,preventDefault:!0}]});const Aa=le.map(L=>L.messageId),Vl=qr(Aa,t,"next")??void 0,Yl=qr(Aa,t,"previous")??void 0,Gl={mailboxId:e,selectedMessageId:t,selectedThread:G,conversation:Ie,threads:le,isLoading:S,isError:k,error:C,mailboxAccountId:B,mailboxName:_,unreadCount:He,isDraftsMailbox:at,isSpamFolder:Ia,rescueCandidates:Ol,filterCategory:U,filterAttributes:D,onSelectFilterCategory:ve,onToggleFilterAttribute:ce,onClearFilters:ye,showIntelligence:Wl,intelligenceOpen:g,onToggleIntelligence:x,onDeleteMessages:Y,onMoveMessages:F,isDeleting:K,isMoving:q,onLoadMore:R,hasMore:M,isLoadingMore:T,onTriageContextChange:Ue,onRetry:()=>E(),toolbarComposeRequest:Mt,onToolbarReply:ts,onToolbarReplyAll:W,onToolbarForward:ae,onClearComposeRequest:ie,onToolbarDelete:Ve,onToolbarStar:es,onToolbarDiscardDraft:me,onToolbarMove:It,composeState:Z,openCompose:A,closeCompose:pe,hasRemitDraftOpen:Ql,onBack:de,nextMessageId:Vl,previousMessageId:Yl};return s.jsx(Cl.Provider,{value:Gl,children:n})}function El(){const{mailboxId:e,selectedMessageId:t,threads:n,isLoading:a,isError:r,error:o,onDeleteMessages:i,onMoveMessages:l,isDeleting:u,isMoving:d,onLoadMore:f,hasMore:m,isLoadingMore:g,mailboxAccountId:x,mailboxName:b,unreadCount:p,isDraftsMailbox:y,isSpamFolder:h,rescueCandidates:v,onTriageContextChange:j,onRetry:w,filterCategory:N,filterAttributes:I,onSelectFilterCategory:S,onToggleFilterAttribute:k,onClearFilters:C}=mn(),{searchQuery:E,searchInput:R,accounts:M}=Ee(),T=Es(),P=Ce(),Y=b??"Inbox",K=c.useMemo(()=>zm(),[]),B=c.useMemo(()=>n.map(Gg),[n]),{hits:_,isLoading:F}=Zi({mailboxId:e,filterCategory:N}),q=c.useMemo(()=>al(_,n.map(le=>le.threadId)),[_,n]),te=c.useCallback(le=>P({to:"/mail/$mailboxId",params:{mailboxId:e},search:ve=>({...ve,q:R||void 0,selectedMessageId:le.id,selectedThreadId:le.threadId})}),[e,P,R]);if(y&&x)return s.jsx(Yp,{mailboxId:e,accountId:x,selectedMessageId:t,imapThreads:n,title:b??"Drafts",unreadCount:p??void 0});const U=s.jsx(Kx,{mailboxId:e,threads:n,selectedMessageId:t,isLoading:a,isError:r,error:o,onRetry:w,searchQuery:E,onDeleteMessages:i,onMoveMessages:l,isDeleting:u,isMoving:d,onLoadMore:f,hasMore:m,isLoadingMore:g,accountId:x,listTitle:Y,hideHeader:!0,onTriageContextChange:j}),O=M[0]?.accountId,D=T==="phone"&&O?s.jsx(Hx,{accountId:O,children:U}):U,V=h&&v.length>0&&x?s.jsx(Qx,{accountId:x,currentMailboxId:e,candidates:v,onMove:l,children:D}):D;return s.jsx(vl,{title:Y,unreadCount:p,preset:K,selectedCategory:N,activeFilters:I,onSelectCategory:S,onToggleFilter:k,onClearFilters:C,searchResults:B,searchLoading:a,relatedResults:q,relatedLoading:F,onSelectSearchResult:te,children:V})}function lb(){const{mailboxId:e,mailboxAccountId:t,selectedThread:n,conversation:a,hasRemitDraftOpen:r,showIntelligence:o,onToggleIntelligence:i,toolbarComposeRequest:l,onToolbarReply:u,onToolbarReplyAll:d,onToolbarForward:f,onClearComposeRequest:m,onToolbarDelete:g,onToolbarStar:x,onToolbarDiscardDraft:b,onToolbarMove:p,composeState:y,openCompose:h}=mn(),{searchInput:v,onSearchChange:j,onSearchClear:w,onSearchClearQuery:N}=Ee(),S=Es()==="desktop",k=!!a,C=y.isOpen&&!a?s.jsx(jl,{}):a?s.jsx(Zt,{threadId:a.threadId,mailboxId:a.mailboxId,subject:a.subject,selectedMessageId:a.messageId,authenticity:a.authenticity,onOpenIntelligence:a.authenticity?.dkimMismatch?i:void 0,composeRequest:l,onComposeClose:m}):s.jsx(Jt,{});return s.jsxs("section",{className:"flex h-full w-full min-w-0 flex-col bg-canvas",children:[s.jsx(ja,{hasThread:k,onCompose:h,intelligenceOpen:o,showIntelligenceToggle:S&&k,onToggleIntelligence:i,searchValue:v,onSearchChange:j,onSearchClear:w,onSearchClearQuery:N,onReply:k?u:void 0,onReplyAll:k?d:void 0,onForward:k?f:void 0,canDelete:k||r,onDelete:k?g:r?b:void 0,onToggleStar:k?x:void 0,isStarred:n?.hasStars,moveContext:k&&t?{accountId:t,currentMailboxId:e,onMove:p}:void 0}),s.jsx("div",{className:"min-h-0 flex-1 overflow-hidden",children:C})]})}function cb(){const{mailboxId:e,mailboxAccountId:t,selectedThread:n,onToggleIntelligence:a}=mn();return s.jsx(fn,{onClose:a,thread:n,mailboxId:e,accountId:t})}function ub(){const{mailboxId:e,selectedThread:t,conversation:n,intelligenceOpen:a,onToggleIntelligence:r,onBack:o,nextMessageId:i,previousMessageId:l,composeState:u}=mn(),d=Ce();if(n){const f=m=>d({to:"/mail/$mailboxId",params:{mailboxId:e},search:g=>({...g,selectedMessageId:m,selectedThreadId:void 0})});return s.jsxs(s.Fragment,{children:[s.jsx(Zt,{threadId:n.threadId,mailboxId:n.mailboxId,subject:n.subject,selectedMessageId:n.messageId,authenticity:n.authenticity,onBack:o,onOpenIntelligence:r,onSwipeNext:i?()=>f(i):void 0,onSwipePrevious:l?()=>f(l):void 0,mobileIntelligenceOpen:a}),s.jsx(ma,{isOpen:a,onClose:r,ariaLabel:"Message details",side:"right",children:s.jsx(fn,{onClose:r,thread:t,hideCloseButton:!0})})]})}return u.isOpen?s.jsx("div",{className:"h-full",children:s.jsx(jl,{})}):s.jsx(El,{})}const cs=Object.assign(ib,{List:El,Reading:lb,Intelligence:cb,Phone:ub}),Il=e=>e==="failed"||e==="blocked",Rl=e=>e!=="draft"&&e!=="sent",Ca="remit.savedSearches",db=25;function Xs(){try{const e=localStorage.getItem(Ca);if(!e)return[];const t=JSON.parse(e);return Array.isArray(t)?t.filter(n=>typeof n=="string"):[]}catch{return[]}}function fb(e){const t=e.trim();if(!t)return Xs();const n=[t,...Xs().filter(a=>a!==t)].slice(0,db);try{localStorage.setItem(Ca,JSON.stringify(n))}catch{return n}return n}function mb(e){const t=Xs().filter(n=>n!==e);try{localStorage.setItem(Ca,JSON.stringify(t))}catch{return t}return t}const Hr=e=>/^\d/.test(e),hb=(e,t)=>{const n=Hr(e),a=Hr(t);return n&&!a?-1:!n&&a?1:e.localeCompare(t,void 0,{sensitivity:"base",numeric:!0})};function gb(e,t,n){const a=[],r=[];for(const o of e)t.has(o.mailboxId)?a.push(o):r.push(o);return r.sort((o,i)=>hb(Ht(o,void 0,n),Ht(i,void 0,n))),{system:a,labels:r}}function pb(e,t,n){const a=su(t)&&e.unseenCount>0;return{id:e.mailboxId,name:Ht(e,t,n),unseen:a?e.unseenCount:void 0,role:t,fullPath:e.fullPath}}function xb(){const e=ra(),t=na({strict:!1});return e.pathname.startsWith("/mail/outbox")?"outbox":e.pathname.startsWith("/mail/flagged")?"flagged":t.mailboxId?t.mailboxId:e.pathname==="/mail"||e.pathname==="/mail/"?"brief":""}function Qr({accounts:e,onMailboxSelect:t,variant:n="desktop"}){const a=je(),r=Ce(),o=xb(),{searchInput:i,onSearchChange:l}=Ee(),[u,d]=c.useState(Xs),{t:f}=tn("mail",{useSuspense:!1}),m=c.useCallback((k,C)=>f(k,{defaultValue:C}),[f]),g=Yt({queries:e.map(k=>({...et({path:{accountId:k.accountId}}),staleTime:1/0}))}),{data:x}=re(Js()),b=c.useMemo(()=>(x?.items??[]).filter(k=>Rl(k.status)).length,[x?.items]),p=c.useMemo(()=>e.map((k,C)=>{const E=g[C],R=E?.data?.items??[],M=ys(k.folderAppointments),{system:T,labels:P}=gb(R,M,m),Y=E?.isError?"error":E?.isLoading?"loading":"ready";return{id:k.accountId,label:k.email,email:k.email,muted:!!k.muted,outboxPending:b,status:Y,onRetry:()=>E?.refetch(),mailboxes:[...T,...P].map(K=>pb(K,M.get(K.mailboxId),m))}}),[e,g,b,m]),y=k=>{a.invalidateQueries({queryKey:tt({path:{mailboxId:k},query:{order:"desc"}})})},h=({navId:k,className:C,ariaLabel:E,title:R,children:M,onClick:T})=>k==="brief"?s.jsx(Xe,{to:"/mail",search:{q:void 0,selectedMessageId:void 0},onClick:()=>T?.(),className:C,"aria-label":E,title:R,children:M}):k==="outbox"?s.jsx(Xe,{to:"/mail/outbox",search:{q:void 0,selectedOutboxMessageId:void 0},onClick:()=>T?.(),className:C,"aria-label":E,title:R,children:M}):k==="flagged"?s.jsx(Xe,{to:"/mail/flagged",search:{q:void 0,selectedMessageId:void 0},onClick:()=>T?.(),className:C,"aria-label":E,title:R,children:M}):s.jsx(Xe,{to:"/mail/$mailboxId",params:{mailboxId:k},search:{q:void 0,selectedMessageId:void 0},onClick:()=>{y(k),T?.()},className:C,"aria-label":E,title:R,children:M}),v=()=>{t?.()},j=i.trim(),w=j.length>0&&!u.includes(j)?j:void 0,N=c.useCallback(()=>{w&&d(fb(w))},[w]),I=c.useCallback(k=>{d(mb(k))},[]),S=c.useCallback(k=>{l(k),r({to:"/mail",search:{q:k,selectedMessageId:void 0}}),t?.()},[l,r,t]);return s.jsx(Wf,{accounts:p,selectedNavId:o,onSelectNav:v,linkComponent:h,variant:n,savedSearches:u,saveableQuery:w,onSaveCurrentSearch:N,onSelectSavedSearch:S,onRemoveSavedSearch:I})}function bb({accounts:e,onMailboxSelect:t}){return Zn()?.showNavPane??!0?s.jsx(Qr,{accounts:e}):s.jsxs("div",{className:"flex h-full flex-col",children:[s.jsx("div",{className:"flex-1 overflow-y-auto",children:s.jsx(Qr,{accounts:e,onMailboxSelect:t,variant:"drawer"})}),s.jsxs("div",{className:"border-t border-line px-2 py-2",children:[s.jsxs(Xe,{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:[s.jsx(Wo,{className:"size-4 shrink-0"}),s.jsx("span",{className:"flex-1 truncate text-left",children:"Settings"})]}),s.jsx(gl,{variant:"drawer"}),s.jsx(hl,{children:({signOut:r})=>s.jsxs("button",{type:"button",onClick:()=>{t?.(),r()},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:[s.jsx(qo,{className:"size-4 shrink-0"}),s.jsx("span",{className:"flex-1 truncate text-left",children:"Sign out"})]})})]})]})}const Ml={queued:{icon:ca,label:"Queued",className:"text-warning"},sending:{icon:St,label:"Sending…",className:"text-accent-2"},sent:{icon:_o,label:"Sent",className:"text-positive"},failed:{icon:yt,label:"Failed",className:"text-danger"},blocked:{icon:Xn,label:"Blocked",className:"text-warning"}},vb=e=>tu(e).toDateString()===new Date().toDateString()?Ws(e,{hour:"numeric",minute:"2-digit"}):Ws(e,{month:"short",day:"numeric"}),Wr=e=>Ws(e,{dateStyle:"medium",timeStyle:"short"}),yb=e=>{const t=e.toAddresses??[];return t.length===0?"No recipients":t.length===1?t[0]:`${t[0]} +${t.length-1}`},Tl=c.createContext(null);function Ea(){const e=c.useContext(Tl);if(!e)throw new Error("OutboxPane.* must be used inside <OutboxPane>");return e}function wb({children:e}){const t=Ce(),{selectedOutboxMessageId:n}=Ut({strict:!1}),{data:a,isLoading:r}=re(Js()),o=c.useMemo(()=>(a?.items??[]).filter(d=>Rl(d.status)),[a]),i=c.useMemo(()=>o.find(d=>d.outboxMessageId===n),[o,n]),l=c.useCallback(d=>{t({to:"/mail/outbox",search:f=>({...f,selectedOutboxMessageId:d})})},[t]),u={messages:o,isLoading:r,selectedMessageId:n,selectedMessage:i,onSelectMessage:l};return s.jsx(Tl.Provider,{value:u,children:e})}function Dl({message:e,isSelected:t,onSelect:n}){const a=je(),{openCompose:r}=wt(),{pushError:o}=ze(),i=c.useCallback(()=>{a.invalidateQueries({queryKey:sa()})},[a]),l=xe({...uo(),onSuccess:i,onError:m=>{o(fs("Couldn't resend message","The message wasn't sent.",m))}}),u=xe({...Zs(),onSuccess:i,onError:m=>{o(fs("Couldn't delete message","The message wasn't deleted.",m))}}),d=e.status;if(!Ml[d])return null;const f=Il(e.status);return s.jsx(wm,{recipients:yb(e),subject:e.subject||"",time:vb(e.sentAt??e.updatedAt),status:d,error:f?e.lastError??void 0:void 0,selected:t,onSelect:n,onRetry:d==="failed"?()=>l.mutate({path:{outboxMessageId:e.outboxMessageId}}):void 0,retrying:l.isPending,onEdit:()=>r({mode:"new",outboxMessageId:e.outboxMessageId}),onDelete:()=>u.mutate({path:{outboxMessageId:e.outboxMessageId}}),deleting:u.isPending})}function Al({message:e,onBack:t}){const n=e.status,a=Ml[n],r=a?.icon??bs,o=e.sentAt?Wr(e.sentAt):Wr(e.updatedAt);return s.jsxs("div",{className:"h-full overflow-y-auto bg-canvas",children:[s.jsxs("div",{className:"border-b border-line p-4",children:[t&&s.jsxs("button",{type:"button",onClick:t,className:"mb-3 inline-flex items-center gap-1 text-sm text-fg-muted hover:text-fg",children:[s.jsx(Lo,{className:"size-4"}),s.jsx("span",{children:"Back"})]}),s.jsx("h1",{className:"text-xl font-semibold mb-3",children:e.subject||"(No subject)"}),s.jsxs("div",{className:"space-y-1 text-sm",children:[s.jsxs("div",{className:"flex gap-2",children:[s.jsx("span",{className:"text-fg-muted shrink-0 w-12",children:"From:"}),s.jsx("span",{className:"text-fg",children:e.fromName?`${e.fromName} <${e.fromAddress}>`:e.fromAddress})]}),s.jsxs("div",{className:"flex gap-2",children:[s.jsx("span",{className:"text-fg-muted shrink-0 w-12",children:"To:"}),s.jsx("span",{className:"text-fg",children:(e.toAddresses??[]).join(", ")})]}),e.ccAddresses&&e.ccAddresses.length>0&&s.jsxs("div",{className:"flex gap-2",children:[s.jsx("span",{className:"text-fg-muted shrink-0 w-12",children:"Cc:"}),s.jsx("span",{className:"text-fg",children:e.ccAddresses.join(", ")})]}),s.jsxs("div",{className:"flex gap-2",children:[s.jsx("span",{className:"text-fg-muted shrink-0 w-12",children:"Date:"}),s.jsx("span",{className:"text-fg",children:o})]}),a&&s.jsxs("div",{className:"flex items-center gap-2 pt-2",children:[s.jsx(r,{className:fe("size-4",a.className,n==="sending"&&"animate-spin")}),s.jsx("span",{className:fe("text-xs font-medium",a.className),children:a.label}),Il(e.status)&&e.lastError&&s.jsxs("span",{className:"text-xs text-fg-muted",children:["— ",e.lastError]})]})]})]}),s.jsx("div",{className:"p-4",children:s.jsx(Yi,{html:e.htmlBody,text:e.textBody})})]})}function jb(){const{messages:e,isLoading:t,selectedMessageId:n,onSelectMessage:a}=Ea();return t?s.jsx("div",{className:"flex h-full items-center justify-center bg-canvas",children:s.jsx("span",{className:"text-fg-muted",children:"Loading..."})}):e.length===0?s.jsx("div",{className:"flex h-full bg-surface",children:s.jsx(Jt,{message:"No outbox messages",showHints:!1})}):s.jsxs("div",{className:"h-full flex flex-col bg-canvas",children:[s.jsxs("header",{className:"flex h-pane-header shrink-0 items-center gap-2 border-b border-line px-row-inset",children:[s.jsx(ka,{}),s.jsx("h1",{className:"min-w-0 flex-1 truncate text-sm font-semibold text-fg",children:"Outbox"}),s.jsxs("span",{className:"shrink-0 text-2xs text-fg-subtle",children:[e.length," ",e.length===1?"message":"messages"]})]}),s.jsx("div",{className:"flex-1 overflow-y-auto",children:e.map(r=>s.jsx(Dl,{message:r,isSelected:n===r.outboxMessageId,onSelect:()=>a(r.outboxMessageId)},r.outboxMessageId))})]})}function Sb(){const{selectedMessage:e}=Ea();return s.jsxs("section",{className:"flex h-full w-full min-w-0 flex-col bg-canvas",children:[s.jsx("header",{className:"flex h-pane-header shrink-0 items-center border-b border-line px-3"}),s.jsx("div",{className:"min-h-0 flex-1 overflow-hidden",children:e?s.jsx(Al,{message:e}):s.jsx(Jt,{message:"Select a message to read",showHints:!1})})]})}function Nb(){const{messages:e,isLoading:t,selectedMessageId:n,selectedMessage:a,onSelectMessage:r}=Ea();return t?s.jsx("div",{className:"flex h-full items-center justify-center bg-canvas",children:s.jsx("span",{className:"text-fg-muted",children:"Loading..."})}):a?s.jsx(Al,{message:a,onBack:()=>r(void 0)}):e.length===0?s.jsx("div",{className:"flex h-full bg-surface",children:s.jsx(Jt,{message:"No outbox messages",showHints:!1})}):s.jsxs("div",{className:"h-full flex flex-col bg-canvas",children:[s.jsxs("header",{className:"flex h-pane-header shrink-0 items-center gap-2 border-b border-line px-row-inset",children:[s.jsx(ka,{}),s.jsx("h1",{className:"min-w-0 flex-1 truncate text-sm font-semibold text-fg",children:"Outbox"}),s.jsxs("span",{className:"shrink-0 text-2xs text-fg-subtle",children:[e.length," ",e.length===1?"message":"messages"]})]}),s.jsx("div",{className:"flex-1 overflow-y-auto",children:e.map(o=>s.jsx(Dl,{message:o,isSelected:n===o.outboxMessageId,onSelect:()=>r(o.outboxMessageId)},o.outboxMessageId))})]})}const Ks=Object.assign(wb,{List:jb,Reading:Sb,Phone:Nb}),kb=({isOpen:e,onClose:t})=>{const n=c.useCallback(a=>{a.key==="Escape"&&(a.preventDefault(),t())},[t]);return c.useEffect(()=>{if(e)return window.addEventListener("keydown",n),()=>window.removeEventListener("keydown",n)},[e,n]),e?s.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:a=>a.key==="Escape"&&t(),children:[s.jsx("div",{className:"absolute inset-0 bg-canvas/80 backdrop-blur-sm"}),s.jsxs("div",{className:fe("relative z-10 max-h-[85vh] w-full max-w-2xl overflow-y-auto","rounded-lg border border-line bg-surface shadow-lg","p-6"),onClick:a=>a.stopPropagation(),onKeyDown:a=>{a.key!=="Escape"&&a.stopPropagation()},children:[s.jsxs("div",{className:"mb-6 flex items-center justify-between",children:[s.jsx("h2",{className:"text-lg font-semibold",children:"Keyboard shortcuts"}),s.jsx("button",{type:"button",onClick:t,className:"p-1 text-fg-muted transition-colors hover:text-fg","aria-label":"Close",children:s.jsx(De,{className:"size-5"})})]}),s.jsx("div",{className:"grid gap-x-8 gap-y-6 sm:grid-cols-2",children:pl.map(a=>s.jsxs("div",{children:[s.jsx("h3",{className:"mb-3 text-sm font-medium text-fg-muted",children:a.title}),s.jsx("div",{className:"space-y-2",children:a.hints.map(r=>s.jsxs("div",{className:"flex items-center justify-between gap-4",children:[s.jsx("span",{className:"text-sm",children:r.description}),s.jsx("span",{className:"flex shrink-0 items-center gap-1",children:r.keys.map((o,i)=>s.jsxs(c.Fragment,{children:[i>0&&r.keys[0]==="g"&&s.jsx("span",{className:"text-2xs text-fg-subtle",children:"then"}),s.jsx(Kt,{children:o})]},o))})]},`${r.action}-${r.keys.join("+")}`))})]},a.title))}),s.jsx("div",{className:"mt-6 border-t border-line pt-4",children:s.jsxs("p",{className:"text-center text-xs text-fg-muted",children:["Press ",s.jsx(Kt,{children:"Esc"})," to close"]})})]})]}):null};function Cb(e){const t=new Map;for(const n of e){const a=n.email.toLowerCase(),r=a.split("@")[0];r&&!t.has(r)&&t.set(r,n.accountId),t.has(a)||t.set(a,n.accountId)}return t}function Eb(e){const t=new Map;for(const n of e)for(const a of n){const r=a.fullPath?.toLowerCase();if(!r)continue;const o=r.split("/").pop();t.has(r)||t.set(r,a.mailboxId),o&&!t.has(o)&&t.set(o,a.mailboxId)}return t}function Ib(e){const t=Yt({queries:e.map(n=>({...et({path:{accountId:n.accountId}}),staleTime:1/0}))});return c.useMemo(()=>Eb(t.map(n=>n.data?.items??[])),[t])}var qs={exports:{}},Vr;function Rb(){if(Vr)return qs.exports;Vr=1;const e=(t,n,a)=>new Promise((r,o)=>{if(a=Object.assign({concurrency:1/0},a),typeof n!="function")throw new TypeError("Mapper function is required");const{concurrency:i}=a;if(!(typeof i=="number"&&i>=1))throw new TypeError(`Expected \`concurrency\` to be a number from 1 and up, got \`${i}\` (${typeof i})`);const l=[],u=t[Symbol.iterator]();let d=!1,f=!1,m=0,g=0;const x=()=>{if(d)return;const b=u.next(),p=g;if(g++,b.done){f=!0,m===0&&r(l);return}m++,Promise.resolve(b.value).then(y=>n(y,p)).then(y=>{l[p]=y,m--,x()},y=>{d=!0,o(y)})};for(let b=0;b<i&&(x(),!f);b++);});return qs.exports=e,qs.exports.default=e,qs.exports}var Mb=Rb();const Tb=$c(Mb),Db=900*1e3,Ab=300,Ob=(e,t)=>{if(!e)return t;const n=Number.parseInt(e,10);return Number.isFinite(n)&&n>0?n:t},Qs=Ob(Uc().mailboxPollIntervalSeconds,Ab)*1e3,Pb=5,Hn=new Set,Lb=(e,t,n=Db)=>e.filter(a=>{const r=a.lastSyncAt;return r==null?!0:t-r>n}).map(a=>a.accountId),zb=(e,t,n=Qs)=>e-t>=n,_b=(e,t)=>e.filter(n=>!t.has(n)),Yr=(e,t)=>{if(Hn.delete(e),qc(t,{softError:!0})){po(t);return}console.warn("[remit] background mailbox sync failed",{accountId:e,error:t})},Gr=(e,t)=>Kc({path:{accountId:e},throwOnError:!0}).then(()=>{t.invalidateQueries({queryKey:Vt({path:{accountId:e}})})}),Fb=e=>{const t=je(),n=c.useRef(e);n.current=e;const a=e.map(r=>r.accountId).join(",");c.useEffect(()=>{const r=Date.now(),i=Lb(n.current,r).filter(l=>!Hn.has(l));if(i.length!==0)for(const l of i)Hn.add(l),Gr(l,t).catch(u=>{Yr(l,u)})},[a,t]),c.useEffect(()=>{let r=Date.now(),o;const i=new Set,l=()=>{r=Date.now();const f=_b(n.current.map(m=>m.accountId),i);for(const m of f)i.add(m);Tb(f,m=>Gr(m,t).catch(g=>{Yr(m,g)}).finally(()=>{i.delete(m)}),{concurrency:Pb})},u=()=>{if(document.visibilityState==="visible"){l(),o=setTimeout(u,Qs);return}},d=()=>{document.visibilityState==="visible"&&zb(Date.now(),r)&&(o!==void 0&&clearTimeout(o),l(),o=setTimeout(u,Qs))};return o=setTimeout(u,Qs),document.addEventListener("visibilitychange",d),()=>{o!==void 0&&clearTimeout(o),document.removeEventListener("visibilitychange",d)}},[a,t])},Bb="/mail/",$b="/mail/outbox",Kb="/mail/flagged";function qb(e){return e.some(t=>t.routeId===Bb)}function Ub(e){return e.some(t=>t.routeId===Kb)}function Hb(e){return e.some(t=>t.routeId===$b)}function Qb(){const{q:e=""}=Ut({from:"/mail"}),t=Ce(),n=Es(),a=ep(n),[r,o]=c.useState(!1),[i,l]=c.useState(!1),[u,d]=c.useState(!1),f=c.useCallback(U=>{d(U),Ur(U)},[]),[m,g]=c.useState(e),x=vo(m,200),b=c.useRef(e);b.current=e,c.useEffect(()=>{x!==b.current&&t({to:".",search:U=>{const O=U.q===x;return{...U,q:x||void 0,...x&&!O?{selectedMessageId:void 0,selectedThreadId:void 0,selectedMailboxId:void 0}:{}}},replace:!0})},[x,t]);const{data:p,isLoading:y,isError:h,error:v,refetch:j}=re({...Ze(),staleTime:1/0}),w=!!(p&&(p.accounts?.length??0)===0);c.useEffect(()=>{w&&t({to:"/onboarding",replace:!0})},[w,t]),ps({enabled:!r,bindings:[{key:"?",handler:()=>o(!0),noModifiers:!1,preventDefault:!0}]});const N=c.useCallback(U=>{g(U)},[]),I=c.useCallback(()=>{g("")},[]),S=c.useCallback(()=>{g("")},[]),k=c.useCallback(()=>{d(U=>{const O=!U;return Ur(O),O})},[]),C=p?.accounts??[],E=Ib(C),R=c.useMemo(()=>Cb(C),[C]),M=Ms({select:U=>U.matches.find(D=>"mailboxId"in D.params)?.params.mailboxId}),{selectedMessageId:T}=Ut({strict:!1}),P=Ms({select:U=>qb(U.matches)}),Y=Ms({select:U=>Ub(U.matches)}),K=Ms({select:U=>Hb(U.matches)});Fb(C);const B=c.useCallback(()=>{l(!1)},[]),_={accounts:C,mailboxNameIndex:E,accountNameIndex:R,searchQuery:x,searchInput:m,onSearchChange:N,onSearchClear:I,onSearchClearQuery:S,intelligenceOpen:u,onToggleIntelligence:k,onSetIntelligenceOpen:f},F=s.jsx(bb,{accounts:C,onMailboxSelect:B}),q=s.jsx($m,{}),te={navOpen:i,onOpenNav:()=>l(!0),onCloseNav:()=>l(!1)};return s.jsxs(Hc.Provider,{value:_,children:[h?s.jsx("div",{className:"flex h-full items-center justify-center bg-canvas p-4",children:s.jsx(ft,{title:"Couldn't load your account",error:v,onRetry:()=>{j()}})}):P?s.jsx(Fs,{selectedMessageId:T,children:a?s.jsx(rt,{nav:F,list:s.jsx(Fs.Phone,{}),intelligenceOpen:u,overlay:q,skeleton:s.jsx(Ye,{}),isLoading:y||w,...te}):s.jsx(rt,{nav:F,list:s.jsx(Fs.List,{}),reading:s.jsx(Fs.Reading,{}),intelligenceOpen:u,overlay:q,skeleton:s.jsx(Ye,{}),isLoading:y||w,...te})}):Y?s.jsx(Bs,{selectedMessageId:T,children:a?s.jsx(rt,{nav:F,list:s.jsx(Bs.Phone,{}),intelligenceOpen:u,overlay:q,skeleton:s.jsx(Ye,{}),isLoading:y||w,...te}):s.jsx(rt,{nav:F,list:s.jsx(Bs.List,{}),reading:s.jsx(Bs.Reading,{}),intelligenceOpen:u,overlay:q,skeleton:s.jsx(Ye,{}),isLoading:y||w,...te})}):M?s.jsx(cs,{mailboxId:M,selectedMessageId:T,children:a?s.jsx(rt,{nav:F,list:s.jsx(cs.Phone,{}),intelligenceOpen:u,overlay:q,skeleton:s.jsx(Ye,{}),isLoading:y||w,...te}):s.jsx(rt,{nav:F,list:s.jsx(cs.List,{}),reading:s.jsx(cs.Reading,{}),intelligence:s.jsx(cs.Intelligence,{}),intelligenceOpen:u,overlay:q,skeleton:s.jsx(Ye,{}),isLoading:y||w,...te})}):K?s.jsx(Ks,{children:a?s.jsx(rt,{nav:F,list:s.jsx(Ks.Phone,{}),intelligenceOpen:!1,overlay:q,skeleton:s.jsx(Ye,{}),isLoading:y||w,...te}):s.jsx(rt,{nav:F,list:s.jsx(Ks.List,{}),reading:s.jsx(Ks.Reading,{}),intelligenceOpen:!1,overlay:q,skeleton:s.jsx(Ye,{}),isLoading:y||w,...te})}):s.jsx(Ye,{}),s.jsx(kb,{isOpen:r,onClose:()=>o(!1)}),s.jsx(Qc,{})]})}const cv=Object.freeze(Object.defineProperty({__proto__:null,component:Qb,useMailContext:Ee},Symbol.toStringTag,{value:"Module"}));export{lv as S,Gd as U,cv as m};