@remit/web-client-dist 0.0.15 → 0.0.17

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 (38) hide show
  1. package/assets/{ComposeBody-cbdfcKhF.js → ComposeBody-Omy6Iikn.js} +1 -1
  2. package/assets/{ErrorState-DHyHWF2q.js → ErrorState-CMJQu24g.js} +1 -1
  3. package/assets/{OnboardingWizard-DPMyUJqa.js → OnboardingWizard-DyTSf32t.js} +1 -1
  4. package/assets/{account-form-helpers-B7NczTLd.js → account-form-helpers-IIJQ_zIy.js} +1 -1
  5. package/assets/accounts-zD2fMm5w.js +1 -0
  6. package/assets/{advanced-CgE2TR5F.js → advanced-bZLZJckI.js} +1 -1
  7. package/assets/{appearance-BNojqeC4.js → appearance-BEOe1utH.js} +1 -1
  8. package/assets/{avatar-BZ7nuEl-.js → avatar-CrYixtkF.js} +1 -1
  9. package/assets/{browser-ponyfill-DFKGDBM2.js → browser-ponyfill-HaH_d-s2.js} +1 -1
  10. package/assets/{filter-status-CFRLuZFE.js → filter-status-Delv1mjf.js} +1 -1
  11. package/assets/{filters-DrOwFh0y.js → filters-DD7Bx5kU.js} +1 -1
  12. package/assets/{flagged-ws2tRi-I.js → flagged-CjMllyK4.js} +1 -1
  13. package/assets/{folders-Cq4G7JWP.js → folders-CALGdFf9.js} +1 -1
  14. package/assets/{index-DmHlZDE_.css → index-9Uw_PSW4.css} +1 -1
  15. package/assets/{index-CrgKAEgu.js → index-BXWD3e_s.js} +1 -1
  16. package/assets/{index-BvnsSipC.js → index-DYDvqoFE.js} +60 -60
  17. package/assets/index-DbdEbY-o.js +1 -0
  18. package/assets/{kbd--xScUofF.js → kbd-Dl3RbT9N.js} +1 -1
  19. package/assets/mail-sFAc3P11.js +112 -0
  20. package/assets/onboarding-CyZOq7bs.js +1 -0
  21. package/assets/{select-Bc2hq36R.js → select-BNte2MZ2.js} +1 -1
  22. package/assets/{send-CPh7ED6f.js → send-BkiFD3dw.js} +1 -1
  23. package/assets/{senders-BhmaTgvw.js → senders-s1umG2u7.js} +1 -1
  24. package/assets/settings-B2WnGIUh.js +1 -0
  25. package/assets/{settings-screen-BWzRlxGH.js → settings-screen-dnSJWdYX.js} +1 -1
  26. package/assets/{star-Czodp6pp.js → star-1_IepXnJ.js} +1 -1
  27. package/assets/{suggested-vips-CS2Yt0kc.js → suggested-vips-DN49oABN.js} +1 -1
  28. package/assets/{trash-2-B9g19Y70.js → trash-2-dB1s9hPl.js} +1 -1
  29. package/assets/{useDebouncedValue-DSczIzgv.js → useDebouncedValue-BD7yKD1h.js} +1 -1
  30. package/assets/{useMutation-CC4odMM8.js → useMutation-TJNHFMis.js} +1 -1
  31. package/assets/{useSignature-BLfV4NUM.js → useSignature-DClGSIOU.js} +1 -1
  32. package/index.html +2 -2
  33. package/package.json +1 -1
  34. package/assets/accounts-DqgX-SK1.js +0 -1
  35. package/assets/index-BpZF0dvL.js +0 -1
  36. package/assets/mail-D2UmLgVS.js +0 -112
  37. package/assets/onboarding-DwW4fG3F.js +0 -1
  38. package/assets/settings-C7Z4tbR0.js +0 -1
@@ -1,112 +0,0 @@
1
- const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/ComposeBody-cbdfcKhF.js","assets/index-BvnsSipC.js","assets/index-DmHlZDE_.css","assets/kbd--xScUofF.js","assets/avatar-BZ7nuEl-.js","assets/star-Czodp6pp.js","assets/trash-2-B9g19Y70.js","assets/account-form-helpers-B7NczTLd.js","assets/send-CPh7ED6f.js","assets/useMutation-CC4odMM8.js","assets/useSignature-BLfV4NUM.js","assets/useDebouncedValue-DSczIzgv.js","assets/ErrorState-DHyHWF2q.js","assets/format-BGdB831k.js","assets/folder-roles-XnseeyyD.js","assets/select-Bc2hq36R.js","assets/filter-status-CFRLuZFE.js"])))=>i.map(i=>d[i]);
2
- import{c as se,r as c,j as s,C as vt,X as De,a as q,B as X,b as Je,d as yt,e as Zl,f as Xr,p as Jr,I as Hn,i as ec,g as Zr,D as eo,O as tc,F as Qn,h as to,T as Wn,P as sc,k as so,l as nc,R as Vn,m as Yn,_ as it,n as no,o as ac,Q as Gn,q as rc,s as oc,S as ic,t as Mn,u as lc,v as cc,w as je,x as uc,y as dc,z as fc,A as mc,E as hc,G as gc,H as La,J as pc,K as xc,L as bc,M as ao,N as ro,U as oo,V as wt,W as Ce,Y as fe,Z as xs,$ as Xn,a0 as ie,a1 as io,a2 as lo,a3 as vc,a4 as Js,a5 as co,a6 as Ze,a7 as ze,a8 as yc,a9 as $e,aa as uo,ab as fs,ac as Zs,ad as wc,ae as et,af as tt,ag as ut,ah as Vt,ai as en,aj as jt,ak as fo,al as jc,am as Sc,an as Nc,ao as mo,ap as z,aq as tn,ar as Ut,as as kc,at as Jn,au as Cc,av as Ec,aw as Ee,ax as ho,ay as Zn,az as ea,aA as Tn,aB as Ic,aC as go,aD as Xe,aE as ta,aF as sa,aG as Rc,aH as na,aI as Mc,aJ as Tc,aK as Dc,aL as Ac,aM as aa,aN as Oc,aO as Pc,aP as Lc,aQ as zc,aR as _c,aS as Fc,aT as Bc,aU as $c,aV as qc,aW as rt,aX as Ye,aY as Kc}from"./index-BvnsSipC.js";import{K as qt}from"./kbd--xScUofF.js";import{A as st,M as ra,C as Uc}from"./avatar-BZ7nuEl-.js";import{S as dt}from"./star-Czodp6pp.js";import{T as Ke}from"./trash-2-B9g19Y70.js";import{L as St,M as po,a as Hc}from"./account-form-helpers-B7NczTLd.js";import{S as bs,F as Qc,M as Wc,A as Vc,a as xo}from"./send-CPh7ED6f.js";import{u as xe}from"./useMutation-CC4odMM8.js";import{R as Yc,u as Gc}from"./useSignature-BLfV4NUM.js";import{S as vs,u as bo}from"./useDebouncedValue-DSczIzgv.js";import{E as ft,f as vo}from"./ErrorState-DHyHWF2q.js";import{f as yo,a as mt,b as Ws,c as Xc,t as Jc}from"./format-BGdB831k.js";import{b as ys,R as Dn,g as Vs,l as Ht,s as Zc}from"./folder-roles-XnseeyyD.js";import{C as ws,S as eu}from"./select-Bc2hq36R.js";import{b as wo,h as tu,p as su,u as nu}from"./filter-status-CFRLuZFE.js";const jo=se("ArrowLeft",[["path",{d:"m12 19-7-7 7-7",key:"1l729n"}],["path",{d:"M19 12H5",key:"x3x0zl"}]]);const au=se("ArrowRight",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]]);const sn=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 ru=se("Ban",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m4.9 4.9 14.2 14.2",key:"1m5liu"}]]);const So=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 ou=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 ms=se("ChevronRight",[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]]);const No=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 oa=se("CircleCheck",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m9 12 2 2 4-4",key:"dzmm74"}]]);const ia=se("Clock",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["polyline",{points:"12 6 12 12 16 14",key:"68esgv"}]]);const ko=se("Code",[["polyline",{points:"16 18 22 12 16 6",key:"z7tu5w"}],["polyline",{points:"8 6 2 12 8 18",key:"1eg1df"}]]);const Co=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 iu=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 Eo=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 Io=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 Ro=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 lu=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 cu=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 uu=se("Minus",[["path",{d:"M5 12h14",key:"1ays0h"}]]);const nn=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 du=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 Mo=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 To=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 Do=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 fu=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 Ao=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 an=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 mu=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 hu=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 qe=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 gu=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 pu=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"}]]),xu=({address:e,showTrustedBadge:t=!1})=>{const n=t?s.jsx(sn,{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]})},bu=({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(xu,{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(ms,{className:"h-4 w-4"})})]})},vu=({email:e,displayName:t,onRemove:n,className:a})=>s.jsxs("span",{className:q("inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-accent-2-soft text-sm max-w-[200px]",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"})})]}),yu={unknown:{label:"Unknown sender",tone:"neutral"},wellknown:{label:"Known sender",tone:"positive"},vip:{label:"VIP",tone:"accent"}};function At({label:e,children:t,className:n}){return s.jsxs("section",{className:q("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 wu({sender:e}){const t=yu[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 ju({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(an,{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(mu,{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 Ot({icon:e,label:t,active:n,danger:a,onClick:r}){return s.jsxs("button",{type:"button",onClick:r,className:q("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 Su={sender:"matched: sender",recipient:"matched: recipient",subject:"matched: subject",attachment:"matched: attachment",body:"matched: body",entities:"matched: entities"};function Oo({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:h}=e,x=d.verdict==="mismatch";return s.jsxs("aside",{className:q("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(At,{label:"Sender",children:s.jsx(wu,{sender:u})}),s.jsx(At,{label:"Authenticity",children:s.jsx(ju,{auth:d,onShowSimilar:n})}),s.jsx(At,{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(At,{label:"Quick actions",children:s.jsxs("div",{className:"flex flex-wrap gap-1.5",children:[s.jsx(Ot,{icon:s.jsx(dt,{className:"size-3.5"}),label:"VIP",active:m.vip,onClick:a?.onToggleVip}),s.jsx(Ot,{icon:s.jsx(So,{className:"size-3.5"}),label:"Mute",active:m.muted,onClick:a?.onToggleMute}),s.jsx(Ot,{icon:s.jsx(ru,{className:"size-3.5"}),label:"Block",active:m.blocked,danger:!0,onClick:a?.onToggleBlock}),s.jsx(Ot,{icon:s.jsx(cu,{className:"size-3.5"}),label:"Unsubscribe",active:m.unsubscribed,onClick:a?.onToggleUnsubscribe}),a?.onNotSpam&&s.jsx(Ot,{icon:s.jsx(lu,{className:"size-3.5"}),label:"Not spam",onClick:a.onNotSpam}),a?.onMarkSpam&&s.jsx(Ot,{icon:s.jsx(hu,{className:"size-3.5"}),label:"Mark spam",danger:!0,onClick:a.onMarkSpam})]})}),(r!=="ready"||h.length>0)&&s.jsx(At,{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:h.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}`,g=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:Su[b.matched]})]});return s.jsx("li",{children:o?o({mailboxId:b.mailboxId,messageId:b.id,className:p,ariaLabel:y,children:g}):s.jsx("div",{className:p,children:g})},b.id)})})}),s.jsx(At,{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(qe,{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(qe,{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 Nu=[{keys:["j","k"],label:"navigate"},{keys:["m"],label:"mute"},{keys:["?"],label:"all shortcuts"}];function Po({hints:e=Nu,className:t}){return s.jsx("footer",{className:q("flex items-center gap-2 border-t border-line px-row-inset py-1 text-2xs text-fg-subtle",t),children:e.map(n=>s.jsx(ku,{hint:n},n.label))})}function ku({hint:e}){return s.jsxs("span",{className:"flex items-center gap-1",children:[e.keys.map(t=>s.jsx(qt,{children:t},t)),s.jsx("span",{children:e.label})]})}function Cu(){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 Eu({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 Iu({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 Lo=({active:e,focused:t})=>q("relative flex h-8 w-full items-center gap-2 px-row-inset text-left",e?"bg-accent-2-soft":t?"bg-surface-sunken":"hover:bg-surface-sunken",t&&!e&&"before:absolute before:inset-y-0 before:left-0 before:w-0.5 before:bg-accent-2"),Yt=({active:e,focused:t})=>q("relative flex w-full items-start gap-3 py-2 pl-5 pr-row-inset text-left transition-colors",e?"bg-accent-2-soft":t?"bg-surface-sunken":"hover:bg-surface-sunken",t&&!e&&"before:absolute before:inset-y-0 before:left-0 before:w-0.5 before:bg-accent-2");function zo({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:q("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:q(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(nn,{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 Gt({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:q("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:q("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(nn,{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:Zl[e.category],className:"shrink-0",children:e.category}),t]})]})}function _o({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(Gt,{thread:e})]})}function Ru({thread:e,active:t,onClick:n}){return s.jsx("button",{type:"button",onClick:n,className:Lo({active:t}),children:s.jsx(zo,{thread:e})})}function Fo({thread:e,active:t,onClick:n}){return s.jsx("button",{type:"button",onClick:n,className:Yt({active:t}),children:s.jsx(_o,{thread:e})})}function Bo({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(Ke,{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,_a=10;function Fa(e){return e==="leading"?Qt:e==="trailing"?-Qt:0}function Mu(e){return e>=Qt/2?"leading":e<=-Qt/2?"trailing":"none"}function $o({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),h=c.useRef(null),[x,b]=c.useState(null),p=()=>clearTimeout(m.current),y=C=>{h.current={startX:C.clientX,startY:C.clientY,axis:"none",moved:!1},!t&&(m.current=setTimeout(()=>{h.current=null,b(null),l()},500))},g=C=>{if(t)return;const R=h.current;if(!R)return;const M=C.clientX-R.startX,T=C.clientY-R.startY;if(R.axis==="none"){if(Math.abs(T)>_a&&Math.abs(T)>Math.abs(M)){R.axis="vertical",p(),h.current=null;return}Math.abs(M)>_a&&(R.axis="horizontal",R.moved=!0,p(),C.currentTarget.setPointerCapture(C.pointerId))}if(R.axis!=="horizontal")return;const I=Fa(r),D=Math.max(-Qt,Math.min(Qt,I+M));b(D)},v=()=>{p();const C=h.current;h.current=null;const R=x;if(b(null),!!C){if(C.axis==="horizontal"&&R!==null){o(Mu(R));return}if(t){i();return}if(r!=="none"){o("none");return}f||u()}},j=C=>{r!=="none"&&C.preventDefault()},w=x??Fa(r),N=w>0?"leading":w<0?"trailing":"none",E=q("relative touch-pan-y bg-surface",Yt({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:q("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(Gt,{thread:e})]}):s.jsx(_o,{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(po,{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(Ke,{className:"size-6"})}),f&&!t?f({className:E,style:S,onPointerDown:y,onPointerMove:g,onPointerUp:v,onPointerCancel:v,onOpenClick:j,children:k}):s.jsx("button",{type:"button",onPointerDown:y,onPointerMove:g,onPointerUp:v,onPointerCancel:v,className:E,style:S,children:k})]})}function Tu({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)),[h,x]=c.useState(r&&r!=="none"&&f[1]?{id:f[1].id,side:r}:null),b=(p,y)=>{m(y==="trailing"?g=>g.filter(v=>v.id!==p):g=>g.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(Mo,{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($o,{thread:p,selectionMode:n,checked:a.has(p.id),active:p.id===t,peek:h?.id===p.id?h.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 qo({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:h="comfortable",onSelectThread:x,onSelectBriefCategory:b,onOpenNav:p,isDesktop:y,initialTouchState:g,selectionBar:v,listBody:j,hideHeader:w=!1}){const N=h==="compact"?Ru:Fo,E=!y&&!a&&o==="ready",S=n.flatMap(U=>U.threads),[k,C]=c.useState(g==="selection"),[R,M]=c.useState(()=>g==="selection"?new Set(S.slice(0,2).map(U=>U.id)):new Set),[T,I]=c.useState(!1),D=g==="peek-trailing"?"trailing":g==="peek-leading"?"leading":void 0,B=U=>{M(te=>{const H=new Set(te);return H.has(U)?H.delete(U):H.add(U),H.size===0&&C(!1),H})},K=U=>{C(!0),M(new Set([U]))},$=()=>{C(!1),M(new Set)},_=()=>{I(!0),setTimeout(()=>I(!1),1400)},F=!v&&E&&k&&R.size>0;return s.jsxs("section",{className:"flex h-full w-full flex-col bg-surface",children:[v??(F?s.jsx(Bo,{count:R.size,onCancel:$,onMarkRead:$,onDelete:$}):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(ra,{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(Cu,{})}):o==="empty"?s.jsx(Eu,{searchQuery:i}):o==="error"?s.jsx(Iu,{message:l,onRetry:u,onReport:d}):a?s.jsx(Xr,{sections:n,briefCategory:f,selectedThreadId:m,Row:N,onSelectThread:x,onSelectBriefCategory:b}):j??(E?s.jsx(Tu,{sections:n,selectedThreadId:m,selectionMode:k,checkedIds:R,initialPeek:D,onToggleCheck:B,onEnterSelection:K,onOpenThread:U=>x?.(U),onRefresh:_,refreshing:T}):s.jsx("div",{className:"flex-1 overflow-y-auto",children:n.map(U=>s.jsxs("div",{children:[!r&&U.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:U.label}),s.jsx("span",{className:"text-2xs text-fg-subtle tabular-nums",children:U.threads.length})]}),s.jsx("div",{className:"divide-y divide-line",children:U.threads.map(te=>s.jsx(N,{thread:te,active:te.id===m,onClick:()=>x?.(te.id)},te.id))})]},U.id))})),y&&s.jsx(Po,{})]})}function Du({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:q("relative",o),children:[s.jsx(X,{variant:"ghost",size:"sm",icon:t??s.jsx(Co,{className:"size-5"}),onClick:()=>l(d=>!d),"aria-label":e,"aria-haspopup":"menu","aria-expanded":i,className:q(r&&"min-h-11 min-w-11 px-0")}),i&&s.jsx("div",{role:"menu",className:q("absolute top-full z-50 mt-1 flex min-w-44 flex-col rounded-md border border-line bg-surface py-1 shadow-lg",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 as="min-h-11 min-w-11 px-0";function Ko({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:h,className:x}){const b=(y,g)=>()=>{if(!e){m?.(y);return}g?.()},p=u?[{key:"toggle-read",label:l?"Mark as unread":"Mark as read",icon:l?s.jsx(po,{className:"size-4"}):s.jsx(js,{className:"size-4"}),onSelect:b("toggleRead",u)}]:[];return s.jsxs("div",{className:q("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(Do,{className:"size-5"}),onClick:b("reply",t),"aria-label":"Reply",title:"Reply",className:as}),s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(To,{className:"size-5"}),onClick:b("replyAll",n),"aria-label":"Reply all",title:"Reply all",className:as}),s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(Io,{className:"size-5"}),onClick:b("forward",a),"aria-label":"Forward",title:"Forward",className:as}),s.jsx("div",{className:"flex-1"}),s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(dt,{className:q("size-5",r&&"fill-warning text-warning")}),onClick:b("star",o),"aria-label":r?"Unstar":"Star","aria-pressed":r,title:r?"Unstar":"Star",className:as}),d,s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(Ke,{className:"size-5"}),onClick:b("delete",i),"aria-label":"Move to Trash",title:"Move to Trash",className:as}),s.jsx(Du,{triggerLabel:"More actions",items:[...p,...f]})]}),!e&&h&&s.jsx("p",{role:"status",className:"border-b border-line bg-surface-sunken px-3 py-1 text-2xs text-fg-subtle",children:h})]})}function Au({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:h="Reply (r)",replyAllTitle:x="Reply all (a)",forwardTitle:b="Forward (f)",deleteTitle:p="Move to Trash (#)",flagTitle:y="Star (s)",children:g,className:v}){const j=(w,N)=>()=>{if(!e){t?.(w);return}N?.()};return s.jsxs("div",{className:"relative",children:[s.jsxs("header",{className:q("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(Do,{className:"size-4"}),title:h,"aria-label":"Reply",onClick:j("reply",o)}),s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(To,{className:"size-4"}),title:x,"aria-label":"Reply all",onClick:j("replyAll",i)}),s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(Io,{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(Ke,{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(Eo,{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:q("size-4",a&&"fill-warning text-warning")}),title:y,"aria-label":"Star",onClick:j("flag",d)})]}),s.jsx("div",{className:"flex-1"}),g]}),!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 Ou=(e,t)=>{const a=e==="newsletter"||e==="marketing"||t;return{framed:a,isPlain:!a}},Pu=()=>`
3
- /* Zero the UA default body margin and clamp the document to the iframe width so
4
- wide author markup can't push the body (and the page) past the viewport. */
5
- html, body {
6
- margin: 0;
7
- padding: 0;
8
- max-width: 100%;
9
- }
10
- body {
11
- overflow-wrap: anywhere;
12
- word-break: break-word;
13
- }
14
- /* Media never wider than the frame; keep aspect ratio when width is capped. */
15
- img, video, iframe, svg, canvas {
16
- max-width: 100% !important;
17
- height: auto;
18
- }
19
- /* Fixed-width author tables (\`<table width="600">\`) collapse to fit. */
20
- table {
21
- max-width: 100% !important;
22
- table-layout: auto;
23
- }
24
- /* Cells carry the fixed widths in real newsletters (\`<td width="600">\`);
25
- cap them too or the table can't actually shrink. */
26
- td, th {
27
- max-width: 100% !important;
28
- }
29
- /* \`max-width\` alone can't beat an inline \`min-width\`; zeroing the min lets
30
- flex / grid / table children actually collapse to the clamped width. */
31
- * {
32
- min-width: 0;
33
- }
34
- /* Long unbroken strings (URLs, tokens) wrap instead of forcing a wide line. */
35
- pre, code {
36
- white-space: pre-wrap;
37
- overflow-wrap: anywhere;
38
- word-break: break-word;
39
- }
40
- `,Lu=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,""))},zu=/^(none|transparent|inherit|initial|unset)\s*$/i,_u=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},Fu=e=>{const t=/background(?:-color)?\s*:\s*([^;}\n]+)/gi;let n;for(n=t.exec(e);n!==null;){const a=n[1].trim();if(!zu.test(a))return!0;n=t.exec(e)}return!1},Bu=e=>{if(/\bstyle\s*=\s*["'][^"']*background/i.test(e)||/\bbgcolor\s*=/i.test(e))return!0;for(const t of _u(e))if(Fu(t))return!0;return!1},$u=["script","iframe","object","embed","form","input","button","textarea","select","meta","link","base"],qu=["onerror","onload","onclick","onmouseover","onmouseout","onfocus","onblur","onsubmit","onkeydown","onkeyup","formaction","xlink:href","data-bind"],Ku="data:image/svg+xml,"+encodeURIComponent(`
41
- <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
42
- <rect fill="#f0f0f0" width="100" height="100"/>
43
- <text x="50" y="50" text-anchor="middle" dy=".3em" fill="#999" font-size="12">
44
- Image blocked
45
- </text>
46
- </svg>
47
- `),Uu=e=>e.replace(/url\s*\([^)]*\)/gi,"none").replace(/expression\s*\([^)]*\)/gi,"").replace(/-moz-binding\s*:[^;]*/gi,""),Hu=e=>e.replace(/@import[^;]*;/gi,"/* @import blocked */").replace(/url\s*\([^)]*\)/gi,"none").replace(/expression\s*\([^)]*\)/gi,"").replace(/-moz-binding\s*:[^;]*/gi,""),Qu=(e={})=>{const t=Jr(),n={FORBID_TAGS:$u,FORBID_ATTR:qu,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",Ku),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",Uu(r))}}),t.addHook("uponSanitizeElement",(a,r)=>{if(r.tagName==="style"){const o=a.textContent||"";a.textContent=Hu(o)}}),a=>{const r=Bu(a),o=t.sanitize(a,n);return{html:`<style>${Pu()}</style>${o}`,hasAuthorBackground:r}}},Wu='"Geist Variable", "Geist", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',Ba={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)"}},Vu=/prefers-color-scheme\s*:\s*dark|color-scheme\s*:\s*[^;}"']*\bdark\b/i,$a='<meta name="viewport" content="width=device-width, initial-scale=1">',Yu=e=>{const t=e?Ba.dark:Ba.light;return`
48
- /* Plain-email base: UI font-stack + theme-aware colors (#424) */
49
- html, body {
50
- font-family: ${Wu};
51
- font-size: 14px;
52
- line-height: 1.6;
53
- color: ${t.fg};
54
- background-color: ${t.surface};
55
- margin: 0;
56
- padding: 0;
57
- }
58
- /* Strip author unreadable text colors and element backgrounds, scoped to body
59
- descendants so the themed html/body surface above survives this reset. */
60
- body * {
61
- color: inherit !important;
62
- background-color: transparent !important;
63
- }
64
- a, a:visited {
65
- color: ${t.accent} !important;
66
- text-decoration: underline;
67
- }
68
- `},Gu=(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}",Xu=(e,t,n)=>{if(t==="plain")return`${$a}<style>${Yu(n)}</style>${e}`;const a=Vu.test(e);return`${$a}<style>${Gu(n,a)}</style>${e}`},Ju=5e4,Zu=1e4,ed="(max-width: 640px)",td=.4,sd="allow-same-origin allow-popups allow-popups-to-escape-sandbox",qa=(e,t,n)=>Math.min(Math.ceil(Math.max(e,t)),n),nd=(e,t)=>e<=0||t<=0||e<=t?1:Math.max(td,t/e),ad=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},Ka=({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),h=ad(ed),x=c.useMemo(()=>Xu(e,t,n),[e,t,n]);c.useEffect(()=>{const j=r.current;if(!j)return;const w=()=>m(E=>E===j.clientWidth?E: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=qa(S.body.scrollHeight,k?.scrollHeight??0,Ju);l(M=>M===C?M:C);const R=qa(S.body.scrollWidth,k?.scrollWidth??0,Zu);d(M=>M===R?M:R)};let N;const E=()=>{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",E),()=>{j.removeEventListener("load",E),N?.disconnect()}},[]);const b=h?nd(u,f):1,p=b<1,y=p?`${u}px`:h?"100%":t==="framed"&&u>0?`max(100%, ${u}px)`:u===0?"100%":`${u}px`,g=i===0?"1px":`${i}px`,v=s.jsx("iframe",{ref:o,title:"Email content",sandbox:sd,srcDoc:x,className:p?void 0:a,scrolling:"no",style:{width:y,maxWidth:p?"none":void 0,border:"none",display:"block",height:g,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})},Ua=()=>s.jsx("p",{className:"text-fg-muted text-sm italic",children:"This message has no body content."}),Uo=({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:Qu({allowExternalImages:r,resolveCid:o})(e),[e,r,o]),d=u?.html??null,{framed:f,isPlain:m}=Ou(a,u?.hasAuthorBackground??!1),h=c.useMemo(()=>!d||r?0:(d.match(/data-blocked-src/g)||[]).length,[d,r]);return!d&&!t?s.jsx("div",{className:q("message-body",i),children:s.jsx(Ua,{})}):s.jsxs("div",{className:q("message-body",i),children:[h>0&&l?.(h),d?f?s.jsx("div",{className:"w-full max-w-full overflow-x-auto",children:s.jsx(Ka,{html:d,variant:"framed",isDark:n})}):s.jsx("div",{className:"max-w-full overflow-x-auto lg:max-w-2xl",children:s.jsx(Ka,{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(Ua,{})]})};function Xt({message:e="Select a thread to read",icon:t,showHints:n=!0,className:a}){return s.jsxs("div",{className:q("flex flex-1 flex-col items-center justify-center text-center",a),children:[t??s.jsx(Hn,{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(qt,{children:"j"})," / ",s.jsx(qt,{children:"k"})," to move, ",s.jsx(qt,{children:"Enter"})," to open"]})]})}function Ho({message:e,onClick:t,isFocused:n,isUnread:a,trailing:r}){const o=s.jsxs(s.Fragment,{children:[s.jsx(ms,{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:q("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=q("group flex h-section-row w-full items-center gap-3 border-b border-line px-2 text-left transition-colors hover:bg-surface-sunken lg:px-4",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=>{ec(l)&&(l.preventDefault(),t())},className:q(i,"cursor-pointer"),children:o}):s.jsx("div",{className:i,children:o})}function Qo({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:q("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(Uo,{className:"mt-3",html:e.bodyHtml,category:e.framed?"newsletter":"personal",allowImages:!0})]})}function rd({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,h=!!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(jo,{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}),h&&s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(Zr,{className:"size-4"}),onClick:x,"aria-label":m?"Hide intelligence panel":"Show intelligence panel","aria-pressed":m,title:"Intelligence",className:q("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=g=>g?()=>g(p.id):void 0;return p.expanded?s.jsx(Qo,{message:p,warning:e.warning,onHeaderClick:y(o?.onToggleExpand),actionBar:s.jsx(Ko,{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(Ho,{message:p,onClick:y(o?.onToggleExpand)},p.id)})}),n&&!f&&s.jsx(eo,{open:m,onClose:b,title:"Intelligence",anchor:"right",className:"p-0",children:s.jsx(Oo,{data:n,onClose:b,className:"h-full w-full border-l-0"})})]})}function od({active:e,dimmed:t,indent:n}){return q("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 id({icon:e,label:t,count:n,active:a}){return s.jsxs(s.Fragment,{children:[e&&s.jsx("span",{className:q("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:q("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=od({active:a,dimmed:r,indent:o}),h=s.jsx(id,{icon:e,label:t,count:n,active:a});return i&&l?l({navId:i,className:m,ariaLabel:u??t,title:d,onClick:f,children:h}):s.jsx("button",{type:"button",onClick:f,className:m,"aria-label":u,title:d,children:h})}const Ha={inbox:0,flagged:1,drafts:2,sent:3,archive:4,all:5,junk:6,trash:7};function ld(e){switch(e){case"inbox":return s.jsx(Hn,{className:"size-4"});case"flagged":return s.jsx(dt,{className:"size-4"});case"drafts":return s.jsx(xo,{className:"size-4"});case"sent":return s.jsx(bs,{className:"size-4"});case"archive":return s.jsx(Vc,{className:"size-4"});case"all":return s.jsx(Wc,{className:"size-4"});case"junk":return s.jsx(tc,{className:"size-4"});case"trash":return s.jsx(Ke,{className:"size-4"})}}const Qa=e=>e.role!=null,mn=8,Wa="remit.nav.folders.open.",Va="remit.nav.account.open.";function Ya(e,t,n){if(typeof localStorage>"u")return n;const a=localStorage.getItem(e+t);return a===null?n:a!=="0"}function Ga(e,t,n){typeof localStorage>"u"||localStorage.setItem(e+t,n?"1":"0")}function cd({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 ud({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(ou,{className:"size-4 shrink-0"}),s.jsxs("span",{className:"min-w-0 flex-1 truncate",children:["Save “",t,"”"]})]}),e.map(o=>s.jsx(cd,{query:o,onSelect:()=>n?.(o),onRemove:a?()=>a(o):void 0},o))]})}function dd({account:e,selectedNavId:t,onSelectNav:n,linkComponent:a}){const[r,o]=c.useState(()=>Ya(Va,e.id,!0)),[i,l]=c.useState(()=>Ya(Wa,e.id,!0)),[u,d]=c.useState(!1),f=()=>{o(v=>{const j=!v;return Ga(Va,e.id,j),j})},m=()=>{l(v=>{const j=!v;return Ga(Wa,e.id,j),j})},h=e.mailboxes.filter(Qa).sort((v,j)=>Ha[v.role]-Ha[j.role]),x=e.mailboxes.filter(v=>!Qa(v)),b=u||x.length<=mn?x:x.slice(0,mn),p=x.length-b.length,y=e.status??"ready",g=y==="ready"&&h.length===0&&x.length===0;return s.jsxs("div",{className:"mt-3",children:[s.jsxs("button",{type:"button",onClick:f,"aria-expanded":r,className:q("flex w-full items-center gap-1.5 px-2 pb-1 text-left transition-colors hover:text-fg",e.muted&&"opacity-55"),children:[r?s.jsx(vt,{className:"size-3 shrink-0 text-fg-subtle"}):s.jsx(ms,{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(So,{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"})]}),g&&s.jsx("div",{className:"px-2 py-1 text-sm text-fg-muted",children:"No mailboxes"}),y==="ready"&&s.jsxs(s.Fragment,{children:[h.map(v=>s.jsx(us,{navId:v.id,linkComponent:a,icon:ld(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(ms,{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(Qc,{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>mn&&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 fd({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(qe,{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:"Starred",ariaLabel:"Starred",active:t==="flagged",onClick:()=>a?.("flagged")}),s.jsx(ud,{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(h=>s.jsx(dd,{account:h,selectedNavId:t,onSelectNav:a,linkComponent:o},h.id))]});return r==="drawer"?m:s.jsx("aside",{className:"flex h-full w-full flex-col bg-surface-sunken",children:m})}function md({label:e,size:t="sm",onUndo:n,undoLabel:a="Undo",className:r}){return s.jsxs(Je,{tone:"accent",className:q(t==="md"&&"py-1 text-xs",r),children:[s.jsx(pu,{className:q(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 hd=320,gd="cubic-bezier(0.32, 0.9, 0.3, 1)",pd=.5,xd=.4,bd=360;function vd(e){return Math.sign(e)*Math.sqrt(Math.abs(e))*4}function yd({open:e,onClose:t,children:n,dismissLabel:a="Dismiss"}){const r=c.useRef(null),[o,i]=c.useState(bd),[l,u]=c.useState(null);c.useLayoutEffect(()=>{const g=r.current;if(!g)return;const v=()=>i(g.offsetHeight);v();const j=new ResizeObserver(v);return j.observe(g),()=>j.disconnect()},[]);const d=c.useRef(null),f=c.useCallback(g=>{g.currentTarget.setPointerCapture(g.pointerId),d.current={startY:g.clientY,lastY:g.clientY,lastT:g.timeStamp,velocity:0,moved:!1},u(0)},[]),m=c.useCallback(g=>{const v=d.current;if(!v)return;const j=g.timeStamp-v.lastT;j>0&&(v.velocity=(g.clientY-v.lastY)/j),v.lastY=g.clientY,v.lastT=g.timeStamp;const w=g.clientY-v.startY;Math.abs(w)>4&&(v.moved=!0);const N=w<0?vd(w):w;u(N)},[]),h=c.useCallback(()=>{const g=d.current;if(d.current=null,!g)return;const v=g.lastY-g.startY,w=g.velocity>pd||v>o*xd;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 ${hd}ms ${gd}`;return s.jsxs("div",{className:q("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:q("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:h,onPointerCancel:h,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 wd="peer relative size-5 shrink-0 cursor-pointer appearance-none rounded-md border border-line-strong bg-surface outline-none transition-colors checked:border-positive checked:bg-positive indeterminate:border-positive indeterminate:bg-positive focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-surface",Xa="pointer-events-none absolute inset-0 m-auto size-3.5 text-accent-fg";function jd({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:wd,...i}),s.jsx(ws,{className:q(Xa,"hidden peer-checked:block"),"aria-hidden":!0}),s.jsx(uu,{className:q(Xa,"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:q("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 Sd=({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 Nd({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(Sd,{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(Ke,{className:"size-4"}),onClick:()=>{n||t()}})]})}function kd({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 Cd=e=>e instanceof HTMLElement?e.tagName==="INPUT"||e.tagName==="TEXTAREA"||e.isContentEditable:!1,la=({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=h=>{h.key!=="/"||h.metaKey||h.ctrlKey||h.altKey||Cd(h.target)||(h.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:q("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 Ed({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)},h=b=>s.jsx(la,{value:r,onChange:o,onClear:f,globalFocusKey:!1,showClearButton:b}),x=s.jsx(X,{variant:"ghost",icon:s.jsx(ra,{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:h(!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:h(!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 Id=(e,t)=>e==="vip"?"vip":e==="unknown"&&t==="md"?"unknown-pill":"hidden",Rd=({senderTrust:e,size:t="sm",className:n})=>{const a=Id(e,t);return a==="vip"?s.jsx(qe,{className:q("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:q("inline-flex items-center rounded border border-dashed border-fg-subtle/40 font-medium uppercase tracking-wide text-fg-muted/80 shrink-0","px-2 py-0.5 text-xs",n),title:"First message from this sender","aria-label":"First message from this sender","data-testid":"sender-trust-unknown",children:"new"}):null};function Ja(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 Md({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:q("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:q("min-w-0 flex-1 truncate text-sm",e.unread?"text-fg":"text-fg-muted"),children:Ja(e.subject,n)}),e.flagged&&s.jsx(iu,{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:Ja(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 Td=({label:e,onRemove:t,className:n})=>s.jsxs("span",{className:q("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"})})]}),Dd=({tokens:e,className:t})=>e.length===0?null:s.jsx("div",{className:q("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(Td,{label:n.label,onRemove:n.onRemove},n.label))}),Za=6;function Ad({section:e,query:t,onSelectResult:n}){const[a,r]=c.useState(e.initialCollapsed??!1),[o,i]=c.useState(!1),l=e.results.length>Za,d=!o&&l?e.results.slice(0,Za):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:q("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(Md,{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 Wo({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(ia,{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(Dd,{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(Ad,{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 Od({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(Wo,{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(la,{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(Qn,{...r,children:m}):s.jsx("div",{className:"flex-1 overflow-y-auto",children:m})]})}const er="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",Pd={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}`},hn=e=>{for(let t=0;t<e.length;t+=1)if(!e[t]?.isCurrent)return t;return-1},Ld=e=>{for(let t=e.length-1;t>=0;t-=1)if(!e[t]?.isCurrent)return t;return-1},tr=(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},zd=(e,t)=>e.label.toLowerCase().includes(t)?!0:e.searchValue?.toLowerCase().includes(t)??!1,Vo=({mailboxes:e,onSelect:t,onCancel:n,autoFocus:a=!1,labels:r})=>{const o={...Pd,...r},[i,l]=c.useState(""),[u,d]=c.useState(()=>hn(e)),f=c.useRef(null),m=c.useRef([]);c.useEffect(()=>{a&&f.current?.focus()},[a]);const h=i.trim().toLowerCase(),x=c.useMemo(()=>h?e.filter(g=>zd(g,h)):[...e],[e,h]);c.useEffect(()=>{d(g=>g>=0&&g<x.length&&!x[g]?.isCurrent?g:hn(x))},[x]),c.useEffect(()=>{if(u<0)return;const g=m.current[u];g&&document.activeElement!==f.current&&g.focus()},[u]);const b=c.useCallback(()=>{if(u<0)return;const g=x[u];!g||g.isCurrent||t(g.id)},[u,x,t]),p=c.useCallback(g=>{switch(g.key){case"ArrowDown":g.preventDefault(),d(v=>tr(x,v,1));return;case"ArrowUp":g.preventDefault(),d(v=>tr(x,v,-1));return;case"Home":g.preventDefault(),d(hn(x));return;case"End":g.preventDefault(),d(Ld(x));return;case"Enter":case" ":g.preventDefault(),b();return;case"Escape":g.preventDefault(),n?.();return;default:return}},[x,b,n]),y=c.useCallback(g=>{if(g.key==="ArrowDown"){if(g.preventDefault(),x.length===0)return;m.current[u>=0?u:0]?.focus();return}g.key==="Escape"&&(g.preventDefault(),n?.())},[x.length,u,n]);return s.jsxs("div",{className:"flex flex-col",children:[s.jsx(to,{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:g=>l(g.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((g,v)=>{const j=g.isCurrent??!1,w=v===u;return j?s.jsx("div",{children:s.jsxs("div",{role:"option","aria-selected":!1,"aria-current":"true","aria-label":`${g.label} ${o.currentSuffix}`,className:q(er,"opacity-60 bg-surface-sunken/40"),children:[s.jsx("span",{className:"truncate flex-1",children:g.label}),s.jsx("span",{className:"text-xs text-fg-muted shrink-0",children:o.currentTag})]})},g.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(g.id),onFocus:()=>d(v),"aria-label":o.optionLabel(g.label),className:q(er,"hover:bg-surface-raised"),children:s.jsx("span",{className:"truncate flex-1",children:g.label})})},g.id)})})]})},_d={queued:{icon:ia,label:"Queued",className:"text-warning"},sending:{icon:St,label:"Sending…",className:"text-accent-2",spin:!0},sent:{icon:No,label:"Sent",className:"text-positive"},failed:{icon:yt,label:"Failed",className:"text-danger"},blocked:{icon:Wn,label:"Blocked",className:"text-warning"}};function sr({status:e,iconOnly:t,className:n}){const a=_d[e],r=a.icon;return s.jsxs("span",{className:q("inline-flex items-center gap-1.5 text-xs font-medium",a.className,n),children:[s.jsx(r,{className:q("size-4",a.spin&&"animate-spin")}),!t&&a.label]})}const Fd=(e,t)=>t?"bg-accent-2-soft":e==="failed"?"bg-danger-soft":e==="blocked"?"bg-warning/10":"";function Bd({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 h=a==="failed"||a==="blocked";return s.jsxs("div",{className:q("flex items-start gap-3 border-b border-line px-4 py-3 transition-colors hover:bg-surface-raised",Fd(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(sr,{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(sr,{status:a}),r&&s.jsxs("span",{className:"truncate text-xs text-fg-muted",children:["— ",r]})]})]})]}),h&&s.jsx("div",{className:"shrink-0",children:s.jsx(Yc,{actions:[...a==="failed"&&l?[{label:"Retry sending",iconOnly:!0,icon:s.jsx(fu,{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(Ke,{className:"size-3.5"}),busy:m,confirm:{prompt:"Delete this message?",confirmLabel:"Delete"},onClick:f}})})]})}const $d=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},qd=({children:e,onRefresh:t,isRefreshing:n})=>$d("(min-width: 1024px)")?e:s.jsx(sc,{onRefresh:t,isPullable:!n,children:e}),Kd=({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(ms,{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(`
69
- `).map((l,u)=>s.jsx("p",{className:"min-h-[1.2em]",children:l},u))})]})},Ud=e=>e===1?"message":"messages";function Hd({count:e,onReview:t,onDismiss:n,actionLabel:a="Review & rescue"}){return s.jsx(so,{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(an,{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} ${Ud(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 Qd({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:q("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(jd,{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(Rd,{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(an,{className:"size-3","aria-hidden":!0}),l]}),s.jsx("span",{className:"text-2xs text-fg-subtle",children:u})]})]})]})}const ca=e=>e===1?"message":"messages",Wd=(e,t)=>`Moves ${e===1?"this message":`these ${e} ${ca(e)}`} out of Spam to ${t} now. Nothing later.`,An=(e,t)=>e.find(n=>n.id===t)?.label??"Inbox";function Vd(){return s.jsx(so,{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 Yd({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(an,{className:"size-4 text-positive","aria-hidden":!0}),"Rescue from Spam"]}),s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(Uc,{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(Vd,{})})]}),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(Qd,{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} ${ca(d)}`}),s.jsx(X,{variant:"ghost",onClick:i,className:"h-11 w-full",children:"Cancel"})]})]})}function Gd({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(Vo,{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:An(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:Wd(e,An(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 Xd({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(oa,{className:"size-10 text-positive","aria-hidden":!0}),s.jsx("p",{className:"text-base font-semibold text-fg",children:`Moved ${e} ${ca(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 Jd({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),[h,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})},g=()=>{const v=Array.from(u);x(v.length),r(v,f),l("done")};return s.jsxs(yd,{open:e,onClose:o,dismissLabel:"Close rescue",children:[i==="review"&&s.jsx(Yd,{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(Gd,{count:p,folders:a,destination:f,onPick:m,onMove:g,onBack:()=>l("review")}),i==="done"&&s.jsx(Xd,{count:h,destinationLabel:An(a,f),onClose:o})]})}const ua=[{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"}],Yo={id:"unread",label:"Unread"},Zd={id:"flagged",label:"Starred"},Go={id:"attachment",label:"Has attachment"};function ef(e){if(!(e.length<=1))return e.map(t=>({id:t.id,label:t.label,count:t.count,active:t.active}))}function tf(e=[]){return{categories:[...ua],filters:nc,sources:ef(e)}}function sf(){return{categories:[...ua],filters:[Yo,Zd,Go]}}function nf(){return{categories:[...ua],filters:[Yo,Go]}}function lt(e,t,{checkForDefaultPrevented:n=!0}={}){return function(r){if(e?.(r),n===!1||!r||!r.defaultPrevented)return t?.(r)}}function nr(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function af(...e){return t=>{let n=!1;const a=e.map(r=>{const o=nr(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():nr(e[r],null)}}}}function Nt(...e){return c.useCallback(af(...e),e)}function rf(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:h,children:x,...b}=m,p=h?.[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,h,x={}){const{optional:b=!1}=x,p=h?.[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,of(r,...t)]}function of(...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 hs=globalThis?.document?c.useLayoutEffect:()=>{},lf=Vn[" useInsertionEffect ".trim().toString()]||hs;function cf({prop:e,defaultProp:t,onChange:n=()=>{},caller:a}){const[r,o,i]=uf({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=df(f)?f(e):f;m!==e&&i.current?.(m)}else o(f)},[l,e,o,i]);return[u,d]}function uf({defaultProp:e,onChange:t}){const[n,a]=c.useState(e),r=c.useRef(n),o=c.useRef(t);return lf(()=>{o.current=t},[t]),c.useEffect(()=>{r.current!==n&&(o.current?.(n),r.current=n)},[n,r]),[n,a,o]}function df(e){return typeof e=="function"}function da(e){const t=c.forwardRef((n,a)=>{let{children:r,...o}=n,i=null,l=!1;const u=[];ar(r)&&typeof Ms=="function"&&(r=Ms(r._payload)),c.Children.forEach(r,h=>{if(pf(h)){l=!0;const x=h;let b="child"in x.props?x.props.child:x.props.children;ar(b)&&typeof Ms=="function"&&(b=Ms(b._payload)),i=mf(x,b),u.push(i?.props?.children)}else u.push(h)}),i?i=c.cloneElement(i,void 0,u):!l&&c.Children.count(r)===1&&c.isValidElement(r)&&(i=r);const d=i?gf(i):void 0,f=Nt(a,d);if(!i){if(r||r===0)throw new Error(l?yf(e):vf(e));return r}const m=hf(o,i.props??{});return i.type!==c.Fragment&&(m.ref=a?f:d),c.cloneElement(i,m)});return t.displayName=`${e}.Slot`,t}var sv=da("Slot"),ff=Symbol.for("radix.slottable"),mf=(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 hf(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 gf(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 pf(e){return c.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===ff}var xf=Symbol.for("react.lazy");function ar(e){return e!=null&&typeof e=="object"&&"$$typeof"in e&&e.$$typeof===xf&&"_payload"in e&&bf(e._payload)}function bf(e){return typeof e=="object"&&e!==null&&"then"in e}var vf=e=>`${e} failed to slot onto its children. Expected a single React element child or \`Slottable\`.`,yf=e=>`${e} failed to slot onto its \`Slottable\`. Expected \`Slottable\` to receive a single React element child.`,Ms=Vn[" use ".trim().toString()],wf=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],nt=wf.reduce((e,t)=>{const n=da(`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 jf(e,t){e&&Yn.flushSync(()=>e.dispatchEvent(t))}function gs(e){const t=c.useRef(e);return c.useEffect(()=>{t.current=e}),c.useMemo(()=>((...n)=>t.current?.(...n)),[])}var Sf="DismissableLayer",On="dismissableLayer.update",Nf="dismissableLayer.pointerDownOutside",kf="dismissableLayer.focusOutside",rr,fa=c.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set,dismissableSurfaces:new Set}),Xo=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(fa),[m,h]=c.useState(null),x=m?.ownerDocument??globalThis?.document,[,b]=c.useState({}),p=Nt(t,h),y=Array.from(f.layers),[g]=[...f.layersWithOutsidePointerEventsDisabled].slice(-1),v=g?y.indexOf(g):-1,j=m?y.indexOf(m):-1,w=f.layersWithOutsidePointerEventsDisabled.size>0,N=j>=v,E=c.useRef(!1),S=Mf(M=>{o?.(M),l?.(M),M.defaultPrevented||u?.()},{ownerDocument:x,deferPointerDownOutside:a,isDeferredPointerDownOutsideRef:E,dismissableSurfaces:f.dismissableSurfaces,shouldHandlePointerDownOutside:c.useCallback(M=>{if(!(M instanceof Node))return!1;const T=[...f.branches].some(I=>I.contains(M));return N&&!T},[f.branches,N])}),k=Tf(M=>{if(a&&E.current)return;const T=M.target;[...f.branches].some(D=>D.contains(T))||(i?.(M),l?.(M),M.defaultPrevented||u?.())},x),C=m?j===y.length-1:!1,R=gs(M=>{M.key==="Escape"&&(r?.(M),!M.defaultPrevented&&u&&(M.preventDefault(),u()))});return c.useEffect(()=>{if(C)return x.addEventListener("keydown",R,{capture:!0}),()=>x.removeEventListener("keydown",R,{capture:!0})},[x,C,R]),c.useEffect(()=>{if(m)return n&&(f.layersWithOutsidePointerEventsDisabled.size===0&&(rr=x.body.style.pointerEvents,x.body.style.pointerEvents="none"),f.layersWithOutsidePointerEventsDisabled.add(m)),f.layers.add(m),or(),()=>{n&&(f.layersWithOutsidePointerEventsDisabled.delete(m),f.layersWithOutsidePointerEventsDisabled.size===0&&(x.body.style.pointerEvents=rr))}},[m,x,n,f]),c.useEffect(()=>()=>{m&&(f.layers.delete(m),f.layersWithOutsidePointerEventsDisabled.delete(m),or())},[m,f]),c.useEffect(()=>{const M=()=>b({});return document.addEventListener(On,M),()=>document.removeEventListener(On,M)},[]),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)})});Xo.displayName=Sf;var Cf="DismissableLayerBranch",Ef=c.forwardRef((e,t)=>{const n=c.useContext(fa),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})});Ef.displayName=Cf;function If(){const e=c.useContext(fa),[t,n]=c.useState(null);return c.useEffect(()=>{if(t)return e.dismissableSurfaces.add(t),()=>{e.dismissableSurfaces.delete(t)}},[t,e.dismissableSurfaces]),n}var Rf=()=>!0;function Mf(e,t){const{ownerDocument:n=globalThis?.document,deferPointerDownOutside:a=!1,isDeferredPointerDownOutsideRef:r,dismissableSurfaces:o,shouldHandlePointerDownOutside:i=Rf}=t,l=gs(e),u=c.useRef(!1),d=c.useRef(!1),f=c.useRef(new Map),m=c.useRef(()=>{});return c.useEffect(()=>{function h(){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(E=>E.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 E=x();h(),E||Jo(Nf,l,N,{discrete:!0})};if(!i(j.target)){n.removeEventListener("click",m.current),h(),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),h();u.current=!1},g=["pointerup","mousedown","mouseup","touchstart","touchend","click"];for(const j of g)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 g)n.removeEventListener(j,b,!0),n.removeEventListener(j,p)}},[n,l,a,r,o,i]),{onPointerDownCapture:()=>u.current=!0}}function Tf(e,t=globalThis?.document){const n=gs(e),a=c.useRef(!1);return c.useEffect(()=>{const r=o=>{o.target&&!a.current&&Jo(kf,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 or(){const e=new CustomEvent(On);document.dispatchEvent(e)}function Jo(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?jf(r,o):r.dispatchEvent(o)}var Ts=0,Pt=null;function Df(){c.useEffect(()=>{Pt||(Pt={start:ir(),end:ir()});const{start:e,end:t}=Pt;return document.body.firstElementChild!==e&&document.body.insertAdjacentElement("afterbegin",e),document.body.lastElementChild!==t&&document.body.insertAdjacentElement("beforeend",t),Ts++,()=>{Ts===1&&(Pt?.start.remove(),Pt?.end.remove(),Pt=null),Ts=Math.max(0,Ts-1)}},[])}function ir(){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 gn="focusScope.autoFocusOnMount",pn="focusScope.autoFocusOnUnmount",lr={bubbles:!1,cancelable:!0},Af="FocusScope",Zo=c.forwardRef((e,t)=>{const{loop:n=!1,trapped:a=!1,onMountAutoFocus:r,onUnmountAutoFocus:o,...i}=e,[l,u]=c.useState(null),d=gs(r),f=gs(o),m=c.useRef(null),h=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}))},g=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(g);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){ur.add(x);const p=document.activeElement;if(!l.contains(p)){const g=new CustomEvent(gn,lr);l.addEventListener(gn,d),l.dispatchEvent(g),g.defaultPrevented||(Of(Ff(ei(l)),{select:!0}),document.activeElement===p&&ot(l))}return()=>{l.removeEventListener(gn,d),setTimeout(()=>{const g=new CustomEvent(pn,lr);l.addEventListener(pn,f),l.dispatchEvent(g),g.defaultPrevented||ot(p??document.body,{select:!0}),l.removeEventListener(pn,f),ur.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,g=document.activeElement;if(y&&g){const v=p.currentTarget,[j,w]=Pf(v);j&&w?!p.shiftKey&&g===w?(p.preventDefault(),n&&ot(j,{select:!0})):p.shiftKey&&g===j&&(p.preventDefault(),n&&ot(w,{select:!0})):g===v&&p.preventDefault()}},[n,a,x.paused]);return s.jsx(nt.div,{tabIndex:-1,...i,ref:h,onKeyDown:b})});Zo.displayName=Af;function Of(e,{select:t=!1}={}){const n=document.activeElement;for(const a of e)if(ot(a,{select:t}),document.activeElement!==n)return}function Pf(e){const t=ei(e),n=cr(t,e),a=cr(t.reverse(),e);return[n,a]}function ei(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 cr(e,t){const n=typeof t.checkVisibility=="function"&&t.checkVisibility({checkVisibilityCSS:!0});for(const a of e)if(!(n?!a.checkVisibility({checkVisibilityCSS:!0}):Lf(a,{upTo:t})))return a}function Lf(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 zf(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&&zf(e)&&t&&e.select()}}var ur=_f();function _f(){let e=[];return{add(t){const n=e[0];t!==n&&n?.pause(),e=dr(e,t),e.unshift(t)},remove(t){e=dr(e,t),e[0]?.resume()}}}function dr(e,t){const n=[...e],a=n.indexOf(t);return a!==-1&&n.splice(a,1),n}function Ff(e){return e.filter(t=>t.tagName!=="A")}var Bf=Vn[" useId ".trim().toString()]||(()=>{}),$f=0;function xn(e){const[t,n]=c.useState(Bf());return hs(()=>{n(a=>a??String($f++))},[e]),e||(t?`radix-${t}`:"")}var qf="Portal",ti=c.forwardRef((e,t)=>{const{container:n,...a}=e,[r,o]=c.useState(!1);hs(()=>o(!0),[]);const i=n||r&&globalThis?.document?.body;return i?Yn.createPortal(s.jsx(nt.div,{...a,ref:t}),i):null});ti.displayName=qf;function Kf(e,t){return c.useReducer((n,a)=>t[n][a]??n,e)}var rn=e=>{const{present:t,children:n}=e,a=Uf(t),r=typeof n=="function"?n({present:a.isPresent}):c.Children.only(n),o=Hf(a.ref,Qf(r));return typeof n=="function"||a.isPresent?c.cloneElement(r,{ref:o}):null};rn.displayName="Presence";function Uf(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]=Kf(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??rs(a.current),i.current=void 0):o.current="none"},[u]),hs(()=>{const f=a.current,m=r.current;if(m!==e){const x=o.current,b=rs(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]),hs(()=>{if(t){let f;const m=t.ownerDocument.defaultView??window,h=b=>{const y=rs(a.current).includes(CSS.escape(b.animationName));if(b.target===t&&y&&(d("ANIMATION_END"),!r.current)){const g=t.style.animationFillMode;t.style.animationFillMode="forwards",f=m.setTimeout(()=>{t.style.animationFillMode==="forwards"&&(t.style.animationFillMode=g)})}},x=b=>{b.target===t&&(o.current=rs(a.current))};return t.addEventListener("animationstart",x),t.addEventListener("animationcancel",h),t.addEventListener("animationend",h),()=>{m.clearTimeout(f),t.removeEventListener("animationstart",x),t.removeEventListener("animationcancel",h),t.removeEventListener("animationend",h)}}else d("ANIMATION_END")},[t,d]),{isPresent:["mounted","unmountSuspended"].includes(u),ref:c.useCallback(f=>{if(f){const m=getComputedStyle(f);a.current=m,i.current=rs(m)}else a.current=null;n(f)},[])}}function fr(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function Hf(...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=fr(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():fr(a[i],null)}}},[])}function rs(e){return e?.animationName||"none"}function Qf(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 Wf=function(e){if(typeof document>"u")return null;var t=Array.isArray(e)?e[0]:e;return t.ownerDocument.body},Lt=new WeakMap,Ds=new WeakMap,As={},bn=0,si=function(e){return e&&(e.host||si(e.parentNode))},Vf=function(e,t){return t.map(function(n){if(e.contains(n))return n;var a=si(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})},Yf=function(e,t,n,a){var r=Vf(t,Array.isArray(e)?e:[e]);As[n]||(As[n]=new WeakMap);var o=As[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(h){if(l.has(h))f(h);else try{var x=h.getAttribute(a),b=x!==null&&x!=="false",p=(Lt.get(h)||0)+1,y=(o.get(h)||0)+1;Lt.set(h,p),o.set(h,y),i.push(h),p===1&&b&&Ds.set(h,!0),y===1&&h.setAttribute(n,"true"),b||h.setAttribute(a,"true")}catch(g){console.error("aria-hidden: cannot operate on ",h,g)}})};return f(t),l.clear(),bn++,function(){i.forEach(function(m){var h=Lt.get(m)-1,x=o.get(m)-1;Lt.set(m,h),o.set(m,x),h||(Ds.has(m)||m.removeAttribute(a),Ds.delete(m)),x||m.removeAttribute(n)}),bn--,bn||(Lt=new WeakMap,Lt=new WeakMap,Ds=new WeakMap,As={})}},Gf=function(e,t,n){n===void 0&&(n="data-aria-hidden");var a=Array.from(Array.isArray(e)?e:[e]),r=Wf(e);return r?(a.push.apply(a,Array.from(r.querySelectorAll("[aria-live], script"))),Yf(a,r,n,"aria-hidden")):function(){return null}},Us="right-scroll-bar-position",Hs="width-before-scroll-bar",Xf="with-scroll-bars-hidden",Jf="--removed-body-scroll-bar-size";function vn(e,t){return typeof e=="function"?e(t):e&&(e.current=t),e}function Zf(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 em=typeof window<"u"?c.useLayoutEffect:c.useEffect,mr=new WeakMap;function tm(e,t){var n=Zf(null,function(a){return e.forEach(function(r){return vn(r,a)})});return em(function(){var a=mr.get(n);if(a){var r=new Set(a),o=new Set(e),i=n.current;r.forEach(function(l){o.has(l)||vn(l,null)}),o.forEach(function(l){r.has(l)||vn(l,i)})}mr.set(n,e)},[e]),n}function sm(e){return e}function nm(e,t){t===void 0&&(t=sm);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 am(e){e===void 0&&(e={});var t=nm(null);return t.options=it({async:!0,ssr:!1},e),t}var ni=function(e){var t=e.sideCar,n=no(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))};ni.isSideCarExport=!0;function rm(e,t){return e.useMedium(t),ni}var ai=am(),yn=function(){},on=c.forwardRef(function(e,t){var n=c.useRef(null),a=c.useState({onScrollCapture:yn,onWheelCapture:yn,onTouchMoveCapture:yn}),r=a[0],o=a[1],i=e.forwardProps,l=e.children,u=e.className,d=e.removeScrollBar,f=e.enabled,m=e.shards,h=e.sideCar,x=e.noRelative,b=e.noIsolation,p=e.inert,y=e.allowPinchZoom,g=e.as,v=g===void 0?"div":g,j=e.gapMode,w=no(e,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noRelative","noIsolation","inert","allowPinchZoom","as","gapMode"]),N=h,E=tm([n,t]),S=it(it({},w),r);return c.createElement(c.Fragment,null,f&&c.createElement(N,{sideCar:ai,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:E})):c.createElement(v,it({},S,{className:u,ref:E}),l))});on.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1};on.classNames={fullWidth:Hs,zeroRight:Us};var om=function(){if(typeof __webpack_nonce__<"u")return __webpack_nonce__};function im(){if(!document)return null;var e=document.createElement("style");e.type="text/css";var t=om();return t&&e.setAttribute("nonce",t),e}function lm(e,t){e.styleSheet?e.styleSheet.cssText=t:e.appendChild(document.createTextNode(t))}function cm(e){var t=document.head||document.getElementsByTagName("head")[0];t.appendChild(e)}var um=function(){var e=0,t=null;return{add:function(n){e==0&&(t=im())&&(lm(t,n),cm(t)),e++},remove:function(){e--,!e&&t&&(t.parentNode&&t.parentNode.removeChild(t),t=null)}}},dm=function(){var e=um();return function(t,n){c.useEffect(function(){return e.add(t),function(){e.remove()}},[t&&n])}},ri=function(){var e=dm(),t=function(n){var a=n.styles,r=n.dynamic;return e(a,r),null};return t},fm={left:0,top:0,right:0,gap:0},wn=function(e){return parseInt(e||"",10)||0},mm=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[wn(n),wn(a),wn(r)]},hm=function(e){if(e===void 0&&(e="margin"),typeof window>"u")return fm;var t=mm(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])}},gm=ri(),Kt="data-scroll-locked",pm=function(e,t,n,a){var r=e.left,o=e.top,i=e.right,l=e.gap;return n===void 0&&(n="margin"),`
70
- .`.concat(Xf,` {
71
- overflow: hidden `).concat(a,`;
72
- padding-right: `).concat(l,"px ").concat(a,`;
73
- }
74
- body[`).concat(Kt,`] {
75
- overflow: hidden `).concat(a,`;
76
- overscroll-behavior: contain;
77
- `).concat([t&&"position: relative ".concat(a,";"),n==="margin"&&`
78
- padding-left: `.concat(r,`px;
79
- padding-top: `).concat(o,`px;
80
- padding-right: `).concat(i,`px;
81
- margin-left:0;
82
- margin-top:0;
83
- margin-right: `).concat(l,"px ").concat(a,`;
84
- `),n==="padding"&&"padding-right: ".concat(l,"px ").concat(a,";")].filter(Boolean).join(""),`
85
- }
86
-
87
- .`).concat(Us,` {
88
- right: `).concat(l,"px ").concat(a,`;
89
- }
90
-
91
- .`).concat(Hs,` {
92
- margin-right: `).concat(l,"px ").concat(a,`;
93
- }
94
-
95
- .`).concat(Us," .").concat(Us,` {
96
- right: 0 `).concat(a,`;
97
- }
98
-
99
- .`).concat(Hs," .").concat(Hs,` {
100
- margin-right: 0 `).concat(a,`;
101
- }
102
-
103
- body[`).concat(Kt,`] {
104
- `).concat(Jf,": ").concat(l,`px;
105
- }
106
- `)},hr=function(){var e=parseInt(document.body.getAttribute(Kt)||"0",10);return isFinite(e)?e:0},xm=function(){c.useEffect(function(){return document.body.setAttribute(Kt,(hr()+1).toString()),function(){var e=hr()-1;e<=0?document.body.removeAttribute(Kt):document.body.setAttribute(Kt,e.toString())}},[])},bm=function(e){var t=e.noRelative,n=e.noImportant,a=e.gapMode,r=a===void 0?"margin":a;xm();var o=c.useMemo(function(){return hm(r)},[r]);return c.createElement(gm,{styles:pm(o,!t,r,n?"":"!important")})},Pn=!1;if(typeof window<"u")try{var Os=Object.defineProperty({},"passive",{get:function(){return Pn=!0,!0}});window.addEventListener("test",Os,Os),window.removeEventListener("test",Os,Os)}catch{Pn=!1}var zt=Pn?{passive:!1}:!1,vm=function(e){return e.tagName==="TEXTAREA"},oi=function(e,t){if(!(e instanceof Element))return!1;var n=window.getComputedStyle(e);return n[t]!=="hidden"&&!(n.overflowY===n.overflowX&&!vm(e)&&n[t]==="visible")},ym=function(e){return oi(e,"overflowY")},wm=function(e){return oi(e,"overflowX")},gr=function(e,t){var n=t.ownerDocument,a=t;do{typeof ShadowRoot<"u"&&a instanceof ShadowRoot&&(a=a.host);var r=ii(e,a);if(r){var o=li(e,a),i=o[1],l=o[2];if(i>l)return!0}a=a.parentNode}while(a&&a!==n.body);return!1},jm=function(e){var t=e.scrollTop,n=e.scrollHeight,a=e.clientHeight;return[t,n,a]},Sm=function(e){var t=e.scrollLeft,n=e.scrollWidth,a=e.clientWidth;return[t,n,a]},ii=function(e,t){return e==="v"?ym(t):wm(t)},li=function(e,t){return e==="v"?jm(t):Sm(t)},Nm=function(e,t){return e==="h"&&t==="rtl"?-1:1},km=function(e,t,n,a,r){var o=Nm(e,window.getComputedStyle(t).direction),i=o*a,l=n.target,u=t.contains(l),d=!1,f=i>0,m=0,h=0;do{if(!l)break;var x=li(e,l),b=x[0],p=x[1],y=x[2],g=p-y-o*b;(b||g)&&ii(e,l)&&(m+=g,h+=b);var v=l.parentNode;l=v&&v.nodeType===Node.DOCUMENT_FRAGMENT_NODE?v.host:v}while(!u&&l!==document.body||u&&(t.contains(l)||t===l));return(f&&Math.abs(m)<1||!f&&Math.abs(h)<1)&&(d=!0),d},Ps=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},pr=function(e){return[e.deltaX,e.deltaY]},xr=function(e){return e&&"current"in e?e.current:e},Cm=function(e,t){return e[0]===t[0]&&e[1]===t[1]},Em=function(e){return`
107
- .block-interactivity-`.concat(e,` {pointer-events: none;}
108
- .allow-interactivity-`).concat(e,` {pointer-events: all;}
109
- `)},Im=0,_t=[];function Rm(e){var t=c.useRef([]),n=c.useRef([0,0]),a=c.useRef(),r=c.useState(Im++)[0],o=c.useState(ri)[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=ac([e.lockRef.current],(e.shards||[]).map(xr),!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 g=Ps(p),v=n.current,j="deltaX"in p?p.deltaX:v[0]-g[0],w="deltaY"in p?p.deltaY:v[1]-g[1],N,E=p.target,S=Math.abs(j)>Math.abs(w)?"h":"v";if("touches"in p&&S==="h"&&E.type==="range")return!1;var k=window.getSelection(),C=k&&k.anchorNode,R=C?C===E||C.contains(E):!1;if(R)return!1;var M=gr(S,E);if(!M)return!0;if(M?N=S:(N=S==="v"?"h":"v",M=gr(S,E)),!M)return!1;if(!a.current&&"changedTouches"in p&&(j||w)&&(a.current=N),!N)return!0;var T=a.current||N;return km(T,y,p,T==="h"?j:w)},[]),u=c.useCallback(function(p){var y=p;if(!(!_t.length||_t[_t.length-1]!==o)){var g="deltaY"in y?pr(y):Ps(y),v=t.current.filter(function(N){return N.name===y.type&&(N.target===y.target||y.target===N.shadowParent)&&Cm(N.delta,g)})[0];if(v&&v.should){y.cancelable&&y.preventDefault();return}if(!v){var j=(i.current.shards||[]).map(xr).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,g,v){var j={name:p,delta:y,target:g,should:v,shadowParent:Mm(g)};t.current.push(j),setTimeout(function(){t.current=t.current.filter(function(w){return w!==j})},1)},[]),f=c.useCallback(function(p){n.current=Ps(p),a.current=void 0},[]),m=c.useCallback(function(p){d(p.type,pr(p),p.target,l(p,e.lockRef.current))},[]),h=c.useCallback(function(p){d(p.type,Ps(p),p.target,l(p,e.lockRef.current))},[]);c.useEffect(function(){return _t.push(o),e.setCallbacks({onScrollCapture:m,onWheelCapture:m,onTouchMoveCapture:h}),document.addEventListener("wheel",u,zt),document.addEventListener("touchmove",u,zt),document.addEventListener("touchstart",f,zt),function(){_t=_t.filter(function(p){return p!==o}),document.removeEventListener("wheel",u,zt),document.removeEventListener("touchmove",u,zt),document.removeEventListener("touchstart",f,zt)}},[]);var x=e.removeScrollBar,b=e.inert;return c.createElement(c.Fragment,null,b?c.createElement(o,{styles:Em(r)}):null,x?c.createElement(bm,{noRelative:e.noRelative,gapMode:e.gapMode}):null)}function Mm(e){for(var t=null;e!==null;)e instanceof ShadowRoot&&(t=e.host,e=e.host),e=e.parentNode;return t}const Tm=rm(ai,Rm);var ci=c.forwardRef(function(e,t){return c.createElement(on,it({},e,{ref:t,sideCar:Tm}))});ci.classNames=on.classNames;var Dm=class extends Gn{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",h=r&&u==="backward";return{...a,fetchNextPage:this.fetchNextPage,fetchPreviousPage:this.fetchPreviousPage,hasNextPage:oc(t,n.data),hasPreviousPage:rc(t,n.data),isFetchNextPageError:d,isFetchingNextPage:f,isFetchPreviousPageError:m,isFetchingPreviousPage:h,isRefetchError:l&&!d&&!m,isRefetching:o&&!f&&!h}}};function br(e,t){const n=new Set(t);return e.filter(a=>!n.has(a))}function Am(e,t,n){const a=e.slice(0);return a[t]=n,a}var Om=class extends ic{#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,Mn.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 h=this.#e[m];return!h||!lc(f,h)});!u&&!d||(u&&(this.#c=a,this.#t=r),this.#e=o,this.hasListeners()&&(u&&(br(n,r).forEach(f=>{f.destroy()}),br(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=cc(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 Gn(this.#a,r);n.push({defaultedQueryOptions:r,observer:i})}),n}#m(e,t){const n=this.#t.indexOf(e);n!==-1&&(this.#e=Am(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)&&Mn.batch(()=>{this.listeners.forEach(r=>{r(this.#e)})})}}};function Jt({queries:e,...t},n){const a=je(),r=uc(),o=dc(),i=c.useMemo(()=>e.map(p=>{const y=a.defaultQueryOptions(p);return y._optimisticResults=r?"isRestoring":"optimistic",y}),[e,a,r]);i.forEach(p=>{fc(p);const y=a.getQueryCache().get(p.queryHash);mc(p,o,y)}),hc(o);const[l]=c.useState(()=>new Om(a,i,t)),[u,d,f]=l.getOptimisticResult(i,t.combine),m=!r&&t.subscribed!==!1;c.useSyncExternalStore(c.useCallback(p=>m?l.subscribe(Mn.batchCalls(p)):gc,[l,m]),()=>l.getCurrentResult(),()=>l.getCurrentResult()),c.useEffect(()=>{l.setQueries(i,t)},[i,t,l]);const x=u.some((p,y)=>La(i[y],p))?u.flatMap((p,y)=>{const g=i[y];if(g&&La(g,p)){const v=new Gn(a,g);return pc(g,v,o)}return[]}):[];if(x.length>0)throw Promise.all(x);const b=u.find((p,y)=>{const g=i[y];return g&&xc({result:p,errorResetBoundary:o,throwOnError:g.throwOnError,query:a.getQueryCache().get(g.queryHash),suspense:g.suspense})});if(b?.error)throw b.error;return d(f())}function ui(e,t){return bc(e,Dm)}function Ls(e){const t=ao({warn:e?.router===void 0}),n=e?.router||t;return ro(n.stores.__store,oo(e,n))}function ma(e){const t=ao();return ro(t.stores.location,oo(e,t))}const Pm=e=>/^\/mail\/(?!outbox)[^/?]+/.test(e),Lm=e=>e.startsWith("/mail")||e.startsWith("/settings"),zm=()=>{const{state:e,openCompose:t}=wt(),n=ma(),a=Ce(),r=n.search,o=typeof r?.selectedMessageId=="string"&&r.selectedMessageId.length>0;if(!Lm(n.pathname)||e.isOpen||o)return null;const i=()=>{c.startTransition(()=>{t({mode:"new"})}),!Pm(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(du,{className:"size-6"})})},ha=({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=h=>{h.key==="Escape"&&(h.preventDefault(),t())};document.addEventListener("keydown",d),i.current?.querySelector("button, [href], input, select, textarea, [tabindex]:not([tabindex='-1'])")?.focus();const 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})]})]})},_m=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},Ln={all:["messages"],detail:e=>[...Ln.all,"detail",e],body:e=>[...Ln.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 Fm=e=>{const t=Number.parseInt(e??"",10);return!Number.isFinite(t)||t<=0?1:Math.min(t,30)},Bm=8,$m="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"},Km=(e,t)=>(t??"").toLowerCase().startsWith("text/html")?/<div\s+id=["']root["']/i.test(e):!1,Um=(e,t)=>{const n=(t??"").toLowerCase();return!!(e==="text"&&n.startsWith("text/html"))},Hm=async(e,t,n=async()=>null)=>{const a={},r=await n();r&&(a.Authorization=`Bearer ${r}`);const o=await fetch(e,{headers:a});if(o.status===202)throw new bt("not-ready","Message body is still syncing",202,Fm(o.headers.get("Retry-After")));if(!o.ok){const u=o.headers.get($m),d=qm(o.status,u);throw new bt(d,`Failed to load message body (${o.status} ${o.statusText})`,o.status)}const i=o.headers.get("content-type");if(Um(t,i))throw new bt("content-type-mismatch",`Refusing to render message body — expected ${t}, got Content-Type ${i}`);const l=await o.text();if(Km(l,i))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 l},Qm=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?_m(t):null,r=xs(),{getToken:o}=Xn(),i=c.useRef(null),l=je(),u=c.useRef(!1),d=c.useRef(null),f=e&&a?`${e}:${a.contentUrl}`:null;d.current!==f&&(d.current=f,u.current=!1);const m=ie({queryKey:e?[...Ln.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 b=u.current;return u.current=!1,Qm({fetchContent:(p,y)=>Hm(p,y,o),refetchDescribeMessage:()=>l.refetchQueries({queryKey:io({path:{messageId:e}})})},{contentUrl:a.contentUrl,kind:a.kind,isRetryAfterNotReady:b})},enabled:n&&!!e&&!!a,staleTime:300*1e3,gcTime:1800*1e3,retry:(b,p)=>p instanceof bt&&p.reason==="not-ready"?b<Bm:b<1,retryDelay:(b,p)=>p instanceof bt&&p.reason==="not-ready"?(u.current=!0,(p.retryAfterSeconds??1)*1e3):1e3,meta:{softError:!0}}),h=m.isLoading&&!!a;c.useEffect(()=>{h&&(i.current=performance.now())},[h]),c.useEffect(()=>{m.isSuccess&&i.current!==null&&(r.recordTiming("message.body.load",Math.round(performance.now()-i.current)),i.current=null)},[m.isSuccess,r]);const x=m.data&&a?{kind:a.kind,body:m.data}:void 0;return{picked:a,data:x,isLoading:h,isError:m.isError,error:m.error,refetch:m.refetch}},Wm=({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(vc()),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]),h=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:h,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;"),Vm=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)?Vm(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(""),zn=e=>e.map(gi).join(`
110
- `),Ym=e=>e.displayName?`${e.displayName} <${e.normalizedEmail}>`:e.normalizedEmail,yr=e=>/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e.trim()),Gm=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}},jn=({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),h=bo(r,200),{data:x}=ie({...co({query:{q:h,limit:8}}),enabled:h.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 g=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=>{g({email:S.normalizedEmail,displayName:S.displayName}),f.current?.focus()},[g]),w=c.useCallback(()=>{const S=Gm(r);S&&g(S)},[r,g]),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]),E=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(vu,{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:E,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:Ym(S)},S.addressId))})]})},Xm=({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(Wn,{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(au,{className:"size-3","aria-hidden":"true"})]})]})]})},_n=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=()=>_n("(min-width: 1024px)"),wr=150,Jm=()=>{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},Zm=({selectedAccountId:e,onSelect:t})=>{const{data:n}=ie({...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))})]})},eh=({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})]}),th=["p","br","strong","b","em","i","a","blockquote","ul","ol","li"],sh=["href"],nh=e=>Jr.sanitize(e,{ALLOWED_TAGS:th,ALLOWED_ATTR:sh}),ah=c.lazy(()=>wc(()=>import("./ComposeBody-cbdfcKhF.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}))),rh=()=>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:""}]}],oh=[{type:"p",children:[{text:""}]},{type:"p",children:[{text:"-- "}]}],ih=e=>e?[...oh,{type:"p",children:[{text:e}]}]:pi,lh=e=>e?/^re:\s/i.test(e)?e:`Re: ${e}`:"Re: ",ch=e=>e?/^fwd?:\s/i.test(e)?e:`Fwd: ${e}`:"Fwd: ",uh=(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}},dh=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}},fh=(e,t,n,a,r)=>e.length===0&&t.length===0&&n.length===0&&a.trim()===""&&zn(r).trim()==="",mh=({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:h,setSubject:x})=>{const b=kt(),{isKeyboardOpen:p}=Jm();if(!b&&p){const g=[];return n.length>0&&g.push(`To: ${n.map(v=>v.displayName??v.email).join(", ")}`),r.length>0&&g.push(`Cc: ${r.length}`),i.length>0&&g.push(`Bcc: ${i.length}`),h&&g.push(h),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:g.length>0?g.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(Zm,{selectedAccountId:e,onSelect:t}),s.jsx(jn,{label:"To",addresses:n,onChange:a,placeholder:"Recipients"}),u?s.jsx(jn,{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(jn,{label:"Bcc",addresses:i,onChange:l}),s.jsx(eh,{value:h,onChange:x})]})},ga=({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([]),[h,x]=c.useState([]),[b,p]=c.useState([]),[y,g]=c.useState(""),[v,j]=c.useState(!1),[w,N]=c.useState(!1),[E,S]=c.useState(t?.accountId),[k,C]=c.useState(!1),R=c.useRef(d);c.useEffect(()=>{R.current!==d&&(R.current=d,d&&(m([]),x([]),p([]),g(""),j(!1),N(!1),I(pi),C(!1)))},[d]);const{signature:M}=Gc(E),[T,I]=c.useState(()=>ih(M.plainText)),{data:D}=ie({...yc({path:{outboxMessageId:d??""}}),enabled:!!d&&!k});c.useEffect(()=>{!D||k||(m(D.toAddresses.map(W=>({email:W,displayName:void 0}))),D.ccAddresses&&D.ccAddresses.length>0&&(x(D.ccAddresses.map(W=>({email:W,displayName:void 0}))),j(!0)),D.bccAddresses&&D.bccAddresses.length>0&&(p(D.bccAddresses.map(W=>({email:W,displayName:void 0}))),N(!0)),D.subject&&g(D.subject),D.textBody&&I([{type:"p",children:[{text:D.textBody}]}]),S(D.accountId),C(!0))},[D,k]),c.useEffect(()=>{if(n){if(e==="reply"||e==="reply_all"){const{to:W,cc:ee}=uh(n,e,t?.email);m(W),x(ee),ee.length>0&&j(!0),g(lh(n.envelope.subject))}e==="forward"&&g(ch(n.envelope.subject))}},[e,n,t?.email]);const B=e==="reply"||e==="reply_all"||e==="forward",{data:K}=di({messageId:n?.message.messageId,bodyParts:n?.bodyParts,enabled:B&&!!n}),$=K?.kind==="text"?K.body:"",_=K?.kind==="html"?nh(K.body):void 0,F=n?.envelope.from[0]?.displayName??n?.envelope.from[0]?.normalizedEmail,{saveStatus:U,saveError:te,saveDraft:H,cancelAutoSave:P}=Wm({outboxMessageId:d,onDraftCreated:i});c.useEffect(()=>{te&&u({title:"Couldn't save draft",detail:$e(te)??"Saving the draft failed."})},[te,u]);const A=xe(lo()),Y=xe(uo()),le=xe({...Zs(),onError:W=>{u(fs("Couldn't discard draft","The draft wasn't discarded.",W))}}),{data:ve}=ie({...Ze(),staleTime:1/0}),ce=ve?.accounts.find(W=>W.accountId===E),ye=ce?Hc(ce):!1,Se=A.isPending||Y.isPending,G=f.length>0&&!!E&&!ye;c.useEffect(()=>{if(!E||d&&!k||fh(f,h,b,y,T))return;const W=zn(T),ee=vr(T);H({accountId:E,toAddresses:f.map(ne=>ne.email),ccAddresses:h.length>0?h.map(ne=>ne.email):void 0,bccAddresses:b.length>0?b.map(ne=>ne.email):void 0,subject:y||void 0,textBody:W||void 0,htmlBody:ee||void 0})},[E,d,k,f,h,b,y,T,H]);const ge=c.useCallback(async()=>{if(!E||f.length===0)return;P();const W=n&&(e==="reply"||e==="reply_all")?dh(n):{};let ee=d,ne=!1;if(!ee){const re=zn(T),Ne=vr(T),Fe=await A.mutateAsync({body:{accountId:E,toAddresses:f.map(Ae=>Ae.email),ccAddresses:h.length>0?h.map(Ae=>Ae.email):void 0,bccAddresses:b.length>0?b.map(Ae=>Ae.email):void 0,subject:y||void 0,textBody:re||void 0,htmlBody:Ne||void 0,sendImmediately:!0,...W}}).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 Y.mutateAsync({path:{outboxMessageId:ee}}).catch(re=>(u({title:"Couldn't send message",detail:$e(re)??(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())},[E,f,h,b,y,T,e,n,d,A,Y,P,l,i,u,a]),Ie=c.useCallback(()=>{P(),d&&le.mutate({path:{outboxMessageId:d}}),a()},[P,d,le,a]),Q=c.useCallback(W=>{S(W.accountId),r?.(W)},[r]);return s.jsx(kd,{banner:ce&&ye?s.jsx(Xm,{accountId:ce.accountId}):void 0,header:s.jsx(mh,{selectedAccountId:E,onAccountChange:Q,toAddresses:f,setToAddresses:m,ccAddresses:h,setCcAddresses:x,bccAddresses:b,setBccAddresses:p,showCc:v,setShowCc:j,showBcc:w,setShowBcc:N,subject:y,setSubject:g}),quoted:$||_?s.jsx(Kd,{text:$,html:_,senderName:F}):void 0,actionBar:s.jsx(Nd,{onSend:ge,onDiscard:Ie,sending:Se,canSend:G,saveStatus:U,unavailableReason:ye?"SMTP not configured":void 0,onUnavailable:W=>u({title:"Can't send yet",detail:W})}),children:s.jsx(c.Suspense,{fallback:s.jsx(rh,{}),children:s.jsx(ah,{value:T,onChange:I,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(ga,{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}=ie({...Ze(),staleTime:1/0}),a=c.useMemo(()=>(t?.accounts??[]).map(l=>l.accountId),[t?.accounts]),r=Jt({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),hh=(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),gh=({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 h=>{const x=new Set(h.body.messageIds??[]),b=h.body.isRead??!0,p=jt({path:{threadId:n}}),y=tt({path:{mailboxId:a}}),g=ut({path:{mailboxId:a}});await Promise.all([o.cancelQueries({queryKey:p}),o.cancelQueries({queryKey:y}),o.cancelQueries({queryKey:g})]);const v=o.getQueriesData({queryKey:p}).filter(N=>N[1]!==void 0).map(([N,E])=>({queryKey:N,data:E})),j=o.getQueriesData({queryKey:y}).concat(o.getQueriesData({queryKey:g})).filter(N=>N[1]!==void 0).map(([N,E])=>({queryKey:N,data:E}));o.setQueriesData({queryKey:p},N=>N&&{...N,items:Sr(N.items,x,b)});const w=N=>N&&{...N,pages:N.pages.map(E=>({...E,items:Sr(E.items,x,b)}))};return o.setQueriesData({queryKey:y},w),o.setQueriesData({queryKey:g},w),{threadMessagesPrefix:p,threadsListPrefix:y,threadsSearchPrefix:g,previousThreadMessages:v,previousThreadsList:j}},onSuccess:(h,x)=>{const b=x.body.messageIds??[];for(const p of b)l.current.add(p),u.current.delete(p)},onError:(h,x,b)=>{const p=x.body.messageIds??[];for(const g of p)u.current.delete(g);if(b){for(const g of b.previousThreadMessages)o.setQueryData(g.queryKey,g.data);for(const g of b.previousThreadsList)o.setQueryData(g.queryKey,g.data)}const y=x.body.isRead??!0;i({title:y?"Couldn't mark as read":"Couldn't mark as unread",detail:$e(h)})},onSettled:(h,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(h=>{const x=h.filter(b=>!l.current.has(b)&&!u.current.has(b));if(x.length!==0){for(const b of x)u.current.add(b);d({body:{messageIds:x,isRead:!0}})}},[d]),m=c.useMemo(()=>hh(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}},ph=60,xh=1.5,bh=(e,t,n)=>{const a=Math.abs(e),r=Math.abs(t);return a<n?{direction:null}:a<r*xh?{direction:null}:{direction:e<0?"left":"right"}},vh=({onSwipeLeft:e,onSwipeRight:t,thresholdPx:n=ph})=>{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}=bh(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),Fn=({threadId:e,mailboxId:t})=>{const n=je(),{pushError:a}=ze(),{mutate:r,isPending:o,variables:i}=xe({...jc(),onMutate:async u=>{const d=u.path.messageId,f=u.body.isStarred??!1,m=jt({path:{threadId:e}}),h=tt({path:{mailboxId:t}}),x=ut({path:{mailboxId:t}}),b=fo();await Promise.all([n.cancelQueries({queryKey:m}),n.cancelQueries({queryKey:h}),n.cancelQueries({queryKey:x}),n.cancelQueries({queryKey:b})]);const p=n.getQueriesData({queryKey:m}).filter(w=>w[1]!==void 0).map(([w,N])=>({queryKey:w,data:N})),y=n.getQueriesData({queryKey:h}).concat(n.getQueriesData({queryKey:x})).filter(w=>w[1]!==void 0).map(([w,N])=>({queryKey:w,data:N})),g=n.getQueriesData({queryKey:b}).filter(w=>w[1]!==void 0).map(([w,N])=>({queryKey:w,data:N})),v=w=>w&&{...w,items:Nr(w.items,d,f)};n.setQueriesData({queryKey:m},v),n.setQueriesData({queryKey:b},v);const j=w=>w&&{...w,pages:w.pages.map(N=>({...N,items:Nr(N.items,d,f)}))};return n.setQueriesData({queryKey:h},j),n.setQueriesData({queryKey:x},j),{threadMessagesPrefix:m,threadsListPrefix:h,threadsSearchPrefix:x,unifiedThreadsPrefix:b,previousThreadMessages:p,previousThreadsList:y,previousUnifiedThreads:g}},onError:(u,d,f)=>{if(f){for(const h of f.previousThreadMessages)n.setQueryData(h.queryKey,h.data);for(const h of f.previousThreadsList)n.setQueryData(h.queryKey,h.data);for(const h of f.previousUnifiedThreads)n.setQueryData(h.queryKey,h.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}),n.invalidateQueries({queryKey:m.unifiedThreadsPrefix}))}});return{toggleStar:(u,d)=>{r({path:{messageId:u},body:{isStarred:!d}})},isPending:o,pendingMessageId:o?i?.path.messageId:void 0}};function ln(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"},yh={inbox:"Inbox",junk:"Junk"},wh=e=>`Moved from ${yh[e]??"another folder"} by Remit`,jh=(e,t)=>{if(e===kr.MoveToInbox)return t.inboxMailboxId;if(e===kr.MoveToJunk)return t.junkMailboxId},Sh=(e,t,n)=>{if(!e||!t)return!1;const a=jh(e.action,n);return a!==void 0&&a===t},Nh=(e,t)=>{if(e==="inbox")return t.inboxMailboxId;if(e==="junk")return t.junkMailboxId},cn=(e,t)=>{const{data:n,isLoading:a}=ie({...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}},kh=e=>{const{mailboxId:t,isLoading:n}=cn(e,"Archive");return{archiveMailboxId:t,isLoading:n}},Ch=e=>{const{mailboxId:t,isLoading:n}=cn(e,"Drafts");return{draftsMailboxId:t,isLoading:n}},pa=e=>{const{mailboxId:t,isLoading:n}=cn(e,"Inbox");return{inboxMailboxId:t,isLoading:n}},xa=e=>{const{mailboxId:t,isLoading:n}=cn(e,"Junk");return{junkMailboxId:t,isLoading:n}},yi=e=>{const{data:t}=ie({...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({...Sc(),onMutate:async d=>{const f=new Set(d.body.messageIds??[]),m=t?jt({path:{threadId:t}}):[],h=tt({path:{mailboxId:e}}),x=ut({path:{mailboxId:e}});await Promise.all([...t?[r.cancelQueries({queryKey:m})]:[],r.cancelQueries({queryKey:h}),r.cancelQueries({queryKey:x})]);const b=t?r.getQueriesData({queryKey:m}).filter(g=>g[1]!==void 0).map(([g,v])=>({queryKey:g,data:v})):[],p=r.getQueriesData({queryKey:h}).concat(r.getQueriesData({queryKey:x})).filter(g=>g[1]!==void 0).map(([g,v])=>({queryKey:g,data:v}));t&&r.setQueriesData({queryKey:m},g=>g&&{...g,items:Cr(g.items,f)});const y=g=>g&&{...g,pages:g.pages.map(v=>({...v,items:Cr(v.items,f)}))};return r.setQueriesData({queryKey:h},y),r.setQueriesData({queryKey:x},y),a?.(Array.from(f)),{threadMessagesPrefix:m,threadsListPrefix:h,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 h=f.body.messageIds?.length??0;o({title:h>1?`Couldn't move ${h} messages`:"Couldn't move this message",detail:$e(d)})},onSettled:(d,f,m,h)=>{h&&(t&&r.invalidateQueries({queryKey:h.threadMessagesPrefix}),r.invalidateQueries({queryKey:h.threadsListPrefix}),r.invalidateQueries({queryKey:h.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}},Eh=({accountId:e,messageId:t,threadId:n,mailboxId:a,autoMoved:r})=>{const{inboxMailboxId:o}=pa(e),{junkMailboxId:i}=xa(e),{moveMessages:l,isPending:u}=ct({mailboxId:a,threadId:n,accountId:e}),d={inboxMailboxId:o,junkMailboxId:i},f=Sh(r,a,d),m=r?Nh(r.fromPlacement,d):void 0,h=c.useCallback(()=>{m&&l([t],m)},[l,t,m]);return!f||!r?{show:!1,label:"",isUndoing:!1}:{show:!0,label:wh(r.fromPlacement),onUndo:m?h:void 0,isUndoing:u}};function wi({accountId:e,messageId:t,threadId:n,mailboxId:a,autoMoved:r,size:o="sm"}){const i=Eh({accountId:e,messageId:t,threadId:n,mailboxId:a,autoMoved:r});return i.show?s.jsx(md,{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}),Bn=()=>s.jsx("div",{className:"my-1 h-px bg-line"}),Er=(e,t)=>e.filter(n=>!t.has(n.messageId)),Ih=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({...Nc(),onMutate:async d=>{const f=new Set(d.body.messageIds??[]),m=t?jt({path:{threadId:t}}):[],h=tt({path:{mailboxId:e}}),x=ut({path:{mailboxId:e}});await Promise.all([r.cancelQueries({queryKey:m}),r.cancelQueries({queryKey:h}),r.cancelQueries({queryKey:x})]);const b=t?r.getQueriesData({queryKey:m}).filter(g=>g[1]!==void 0).map(([g,v])=>({queryKey:g,data:v})):[],p=r.getQueriesData({queryKey:h}).concat(r.getQueriesData({queryKey:x})).filter(g=>g[1]!==void 0).map(([g,v])=>({queryKey:g,data:v}));t&&r.setQueriesData({queryKey:m},g=>g&&{...g,items:Er(g.items,f)});const y=g=>g&&{...g,pages:g.pages.map(v=>({...v,items:Er(v.items,f)}))};return r.setQueriesData({queryKey:h},y),r.setQueriesData({queryKey:x},y),a?.(Array.from(f)),{threadMessagesPrefix:m,threadsListPrefix:h,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 h=f.body.messageIds?.length??0;o({title:h>1?`Couldn't delete ${h} messages`:"Couldn't delete this message",detail:$e(d)})},onSettled:(d,f,m,h)=>{h&&(t&&r.invalidateQueries({queryKey:h.threadMessagesPrefix}),r.invalidateQueries({queryKey:h.threadsListPrefix}),r.invalidateQueries({queryKey:h.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}),Rh=(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}},Mh=(e,t,n,a)=>{const r=o=>o.map(i=>Rh(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)}}},ba=({messageId:e})=>{const t=je(),{pushError:n}=ze(),{mutate:a,isPending:r,error:o,reset:i}=xe({...mo(),onMutate:async u=>{const d=u.path.addressId,m=u.body.flags?.trusted?.value===!0,h=io({path:{messageId:e}});await t.cancelQueries({queryKey:h});const x=t.getQueriesData({queryKey:h}).filter(b=>b[1]!==void 0).map(([b,p])=>({queryKey:b,data:p}));return t.setQueriesData({queryKey:h},b=>b&&Mh(b,d,m)),{describePrefix:h,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 un="Dialog",[Ni]=rf(un),[Th,_e]=Ni(un),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]=cf({prop:a,defaultProp:r??!1,onChange:o,caller:un});return s.jsx(Th,{scope:t,triggerRef:l,contentRef:u,contentId:xn(),titleId:xn(),descriptionId:xn(),open:d,onOpenChange:f,onOpenToggle:c.useCallback(()=>f(m=>!m),[f]),modal:i,children:n})};ki.displayName=un;var Ci="DialogTrigger",Dh=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":ya(r.open),...a,ref:o,onClick:lt(e.onClick,r.onOpenToggle)})});Dh.displayName=Ci;var va="DialogPortal",[Ah,Ei]=Ni(va,{forceMount:void 0}),Ii=e=>{const{__scopeDialog:t,forceMount:n,children:a,container:r}=e,o=_e(va,t);return s.jsx(Ah,{scope:t,forceMount:n,children:c.Children.map(a,i=>s.jsx(rn,{present:n||o.open,children:s.jsx(ti,{asChild:!0,container:r,children:i})}))})};Ii.displayName=va;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(rn,{present:a||o.open,children:s.jsx(Ph,{...r,ref:t})}):null});Ri.displayName=Ys;var Oh=da("DialogOverlay.RemoveScroll"),Ph=c.forwardRef((e,t)=>{const{__scopeDialog:n,...a}=e,r=_e(Ys,n),o=If(),i=Nt(t,o);return s.jsx(ci,{as:Oh,allowPinchZoom:!0,shards:[r.contentRef],children:s.jsx(nt.div,{"data-state":ya(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(rn,{present:a||o.open,children:o.modal?s.jsx(Lh,{...r,ref:t}):s.jsx(zh,{...r,ref:t})})});Mi.displayName=Wt;var Lh=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 Gf(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())})}),zh=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 Df(),s.jsx(s.Fragment,{children:s.jsx(Zo,{asChild:!0,loop:!0,trapped:a,onMountAutoFocus:r,onUnmountAutoFocus:o,children:s.jsx(Xo,{role:"dialog",id:l.contentId,"aria-describedby":l.descriptionId,"aria-labelledby":l.titleId,"data-state":ya(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",_h=c.forwardRef((e,t)=>{const{__scopeDialog:n,...a}=e,r=_e(Oi,n);return s.jsx(nt.p,{id:r.descriptionId,...a,ref:t})});_h.displayName=Oi;var Pi="DialogClose",Fh=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))})});Fh.displayName=Pi;function ya(e){return e?"open":"closed"}function Bh(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};Bh(`[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 $h(){const e=navigator.userAgent;return typeof window<"u"&&(/Firefox/.test(e)&&/Mobile/.test(e)||/FxiOS/.test(e))}function qh(){return wa(/^Mac/)}function Kh(){return wa(/^iPhone/)}function Ir(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}function Uh(){return wa(/^iPad/)||qh()&&navigator.maxTouchPoints>1}function zi(){return Kh()||Uh()}function wa(e){return typeof window<"u"&&window.navigator!=null?e.test(window.navigator.platform):void 0}const Hh=24,Qh=typeof window<"u"?c.useLayoutEffect:c.useEffect;function Rr(...e){return(...t)=>{for(let n of e)typeof n=="function"&&n(...t)}}const Sn=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 Wh=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);let zs=0,Nn;function Vh(e={}){let{isDisabled:t}=e;Qh(()=>{if(!t)return zs++,zs===1&&zi()&&(Nn=Yh()),()=>{zs--,zs===0&&Nn?.()}},[t])}function Yh(){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 h=m.changedTouches[0].pageY,x=e.scrollTop,b=e.scrollHeight-e.clientHeight;b!==0&&((x<=0&&h>t||x>=b&&h<t)&&m.preventDefault(),t=h)},r=m=>{let h=m.target;$n(h)&&h!==document.activeElement&&(m.preventDefault(),h.style.transform="translateY(-2000px)",h.focus(),requestAnimationFrame(()=>{h.style.transform=""}))},o=m=>{let h=m.target;$n(h)&&(h.style.transform="translateY(-2000px)",requestAnimationFrame(()=>{h.style.transform="",Sn&&(Sn.height<window.innerHeight?requestAnimationFrame(()=>{Tr(h)}):Sn.addEventListener("resize",()=>Tr(h),{once:!0}))}))},i=()=>{window.scrollTo(0,0)},l=window.pageXOffset,u=window.pageYOffset,d=Rr(Gh(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 Gh(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+Hh;o>i&&(n.scrollTop+=r-a)}e=n.parentElement}}function $n(e){return e instanceof HTMLInputElement&&!Wh.has(e.type)||e instanceof HTMLTextAreaElement||e instanceof HTMLElement&&e.isContentEditable}function Xh(e,t){typeof e=="function"?e(t):e!=null&&(e.current=t)}function Jh(...e){return t=>e.forEach(n=>Xh(n,t))}function Fi(...e){return c.useCallback(Jh(...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 Zh(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 eg(e){return 8*(Math.log(e+1)-2)}function kn(e,t){if(!e)return()=>{};const n=e.style.cssText;return Object.assign(e.style,t),()=>{e.style.cssText=n}}function tg(...e){return(...t)=>{for(const n of e)typeof n=="function"&&n(...t)}}const he={DURATION:.5,EASE:[.32,.72,0,1]},$i=.4,sg=.25,ng=100,qi=8,xt=16,qn=26,Cn="vaul-dragging";function Ki(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 ag({defaultProp:e,onChange:t}){const n=z.useState(e),[a]=n,r=z.useRef(a),o=Ki(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]=ag({defaultProp:t,onChange:n}),o=e!==void 0,i=o?e:a,l=Ki(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 rg({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}),[h,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,g=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 R=typeof C=="string";let M=0;if(R&&(M=parseInt(C,10)),be(l)){const I=R?M:h?C*S.height:0;return h?l==="bottom"?S.height-I:-S.height+I:I}const T=R?M:h?C*S.width:0;return h?l==="right"?S.width-T:-S.width+T:T}))!=null?k:[]},[n,h,u]),v=z.useMemo(()=>p!==null?g?.[p]:null,[g,p]),j=z.useCallback(S=>{var k;const C=(k=g?.findIndex(R=>R===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)`}),g&&C!==g.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,g,o,r,m]);z.useEffect(()=>{if(f||e){var S;const k=(S=n?.findIndex(C=>C===e||C===f))!=null?S:-1;g&&k!==-1&&typeof g[k]=="number"&&j(g[k])}},[f,e,n,g,j]);function w({draggedDistance:S,closeDrawer:k,velocity:C,dismissible:R}){if(o===void 0)return;const M=l==="bottom"||l==="right"?(v??0)-S:(v??0)+S,T=p===o-1,I=p===0,D=S>0;if(T&&we(r.current,{transition:`opacity ${he.DURATION}s cubic-bezier(${he.EASE.join(",")})`}),!d&&C>2&&!D){R?k():j(g[0]);return}if(!d&&C>2&&D&&g&&n){j(g[n.length-1]);return}const B=g?.reduce(($,_)=>typeof $!="number"||typeof _!="number"?$:Math.abs(_-M)<Math.abs($-M)?_:$),K=be(l)?window.innerHeight:window.innerWidth;if(C>$i&&Math.abs(S)<K*.4){const $=D?1:-1;if($>0&&b&&n){j(g[n.length-1]);return}if(I&&$<0&&R&&k(),p===null)return;j(g[p+$]);return}j(B)}function N({draggedDistance:S}){if(v===null)return;const k=l==="bottom"||l==="right"?v-S:v+S;(l==="bottom"||l==="right")&&k<g[g.length-1]||(l==="top"||l==="left")&&k>g[g.length-1]||we(a.current,{transform:be(l)?`translate3d(0, ${k}px, 0)`:`translate3d(${k}px, 0, 0)`})}function E(S,k){if(!n||typeof p!="number"||!g||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 M=C?p+1:p-1,T=C?g[M]-g[M-1]:g[M+1]-g[M],I=S/Math.abs(T);return C?1-I:I}return{isLastSnapPoint:b,activeSnapPoint:f,shouldFade:y,getPercentageDragged:E,setActiveSnapPoint:m,activeSnapPointIndex:p,onRelease:w,onDrag:N,snapPointsOffset:g}}const og=()=>()=>{};function ig(){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;tg(a&&!r?kn(document.body,{background:"black"}):og,kn(u,{transformOrigin:be(e)?"top":"left",transitionProperty:"transform, border-radius",transitionDuration:`${he.DURATION}s`,transitionTimingFunction:`cubic-bezier(${he.EASE.join(",")})`}));const d=kn(u,{borderRadius:`${qi}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 lg({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:h}=window;document.body.style.setProperty("position","fixed","important"),Object.assign(document.body.style,{top:`${-u.current}px`,left:`${-m}px`,right:"0px",height:"auto"}),window.setTimeout(()=>window.requestAnimationFrame(()=>{const x=h-window.innerHeight;x&&u.current>=h&&(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),h=-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(h,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 cg({open:e,onOpenChange:t,children:n,onDrag:a,onRelease:r,snapPoints:o,shouldScaleBackground:i=!1,setBackgroundColorOnScale:l=!0,closeThreshold:u=sg,scrollLockTimeout:d=ng,dismissible:f=!0,handleOnly:m=!1,fadeFromIndex:h=o&&o.length-1,activeSnapPoint:x,setActiveSnapPoint:b,fixed:p,modal:y=!0,onClose:g,nested:v,noBodyStyles:j=!1,direction:w="bottom",defaultOpen:N=!1,disablePreventScroll:E=!0,snapToSequentialPoint:S=!1,preventScrollRestoration:k=!1,repositionInputs:C=!0,onAnimationEnd:R,container:M,autoFocus:T=!1}){var I,D;const[B=!1,K]=Ui({defaultProp:N,prop:e,onChange:V=>{t?.(V),!V&&!v&&Et(),setTimeout(()=>{R?.(V)},he.DURATION*1e3),V&&!y&&typeof window<"u"&&window.requestAnimationFrame(()=>{document.body.style.pointerEvents="auto"}),V||(document.body.style.pointerEvents="auto")}}),[$,_]=z.useState(!1),[F,U]=z.useState(!1),[te,H]=z.useState(!1),P=z.useRef(null),A=z.useRef(null),Y=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),Q=z.useRef(null),W=z.useRef(((I=Q.current)==null?void 0:I.getBoundingClientRect().height)||0),ee=z.useRef(((D=Q.current)==null?void 0:D.getBoundingClientRect().width)||0),ne=z.useRef(0),Ue=z.useCallback(V=>{o&&V===He.length-1&&(A.current=new Date)},[]),{activeSnapPoint:re,activeSnapPointIndex:Ne,setActiveSnapPoint:Fe,onRelease:Ae,snapPointsOffset:He,onDrag:Qe,shouldFade:Ct,getPercentageDragged:ht}=rg({snapPoints:o,activeSnapPointProp:x,setActiveSnapPointProp:b,drawerRef:Q,fadeFromIndex:h,overlayRef:P,onSnapPointChange:Ue,direction:w,container:M,snapToSequentialPoint:S});Vh({isDisabled:!B||F||!y||te||!$||!C||!E});const{restorePositionSetting:Et}=lg({isOpen:B,modal:y,nested:v??!1,hasBeenOpened:$,preventScrollRestoration:k,noBodyStyles:j});function We(){return(window.innerWidth-qn)/window.innerWidth}function at(V){var ae,oe;!f&&!o||Q.current&&!Q.current.contains(V.target)||(W.current=((ae=Q.current)==null?void 0:ae.getBoundingClientRect().height)||0,ee.current=((oe=Q.current)==null?void 0:oe.getBoundingClientRect().width)||0,U(!0),Y.current=new Date,zi()&&window.addEventListener("touchend",()=>ce.current=!1,{once:!0}),V.target.setPointerCapture(V.pointerId),Se.current=be(w)?V.pageY:V.pageX)}function gt(V,ae){var oe;let Z=V;const ue=(oe=window.getSelection())==null?void 0:oe.toString(),pe=Q.current?_s(Q.current,w):null,O=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(A.current&&O.getTime()-A.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&&O.getTime()-ve.current.getTime()<d&&pe===0||ae)return ve.current=O,!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(V){if(Q.current&&F){const ae=w==="bottom"||w==="right"?1:-1,oe=(Se.current-(be(w)?V.pageY:V.pageX))*ae,Z=oe>0,ue=o&&!f&&!Z;if(ue&&Ne===0)return;const pe=Math.abs(oe),O=document.querySelector("[data-vaul-drawer-wrapper]"),J=w==="bottom"||w==="top"?W.current:ee.current;let me=pe/J;const de=ht(pe,Z);if(de!==null&&(me=de),ue&&me>=1||!ce.current&&!gt(V.target,Z))return;if(Q.current.classList.add(Cn),ce.current=!0,we(Q.current,{transition:"none"}),we(P.current,{transition:"none"}),o&&Qe({draggedDistance:oe}),Z&&!o){const ke=eg(oe),pt=Math.min(ke*-1,0)*ae;we(Q.current,{transform:be(w)?`translate3d(0, ${pt}px, 0)`:`translate3d(${pt}px, 0, 0)`});return}const Me=1-me;if((Ct||h&&Ne===h-1)&&(a?.(V,me),we(P.current,{opacity:`${Me}`,transition:"none"},!0)),O&&P.current&&i){const ke=Math.min(We()+me*(1-We()),1),pt=8-me*8,Be=Math.max(0,14-me*14);we(O,{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(Q.current,{transform:be(w)?`translate3d(0, ${ke}px, 0)`:`translate3d(${ke}px, 0, 0)`})}}}z.useEffect(()=>{window.requestAnimationFrame(()=>{ge.current=!0})},[]),z.useEffect(()=>{var V;function ae(){if(!Q.current||!C)return;const oe=document.activeElement;if($n(oe)||G.current){var Z;const ue=((Z=window.visualViewport)==null?void 0:Z.height)||0,pe=window.innerHeight;let O=pe-ue;const J=Q.current.getBoundingClientRect().height||0,me=J>pe*.8;ne.current||(ne.current=J);const de=Q.current.getBoundingClientRect().top;if(Math.abs(Ie.current-O)>60&&(G.current=!G.current),o&&o.length>0&&He&&Ne){const Me=He[Ne]||0;O+=Me}if(Ie.current=O,J>ue||G.current){const Me=Q.current.getBoundingClientRect().height;let ke=Me;Me>ue&&(ke=ue-(me?de:qn)),p?Q.current.style.height=`${Me-Math.max(O,0)}px`:Q.current.style.height=`${Math.max(ke,ue-de)}px`}else $h()||(Q.current.style.height=`${ne.current}px`);o&&o.length>0&&!G.current?Q.current.style.bottom="0px":Q.current.style.bottom=`${Math.max(O,0)}px`}}return(V=window.visualViewport)==null||V.addEventListener("resize",ae),()=>{var oe;return(oe=window.visualViewport)==null?void 0:oe.removeEventListener("resize",ae)}},[Ne,o,He]);function Ve(V){Rt(),g?.(),V||K(!1),setTimeout(()=>{o&&Fe(o[0])},he.DURATION*1e3)}function It(){if(!Q.current)return;const V=document.querySelector("[data-vaul-drawer-wrapper]"),ae=_s(Q.current,w);we(Q.current,{transform:"translate3d(0, 0, 0)",transition:`transform ${he.DURATION}s cubic-bezier(${he.EASE.join(",")})`}),we(P.current,{transition:`opacity ${he.DURATION}s cubic-bezier(${he.EASE.join(",")})`,opacity:"1"}),i&&ae&&ae>0&&B&&we(V,{borderRadius:`${qi}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||!Q.current||(Q.current.classList.remove(Cn),ce.current=!1,U(!1),le.current=new Date)}function es(V){if(!F||!Q.current)return;Q.current.classList.remove(Cn),ce.current=!1,U(!1),le.current=new Date;const ae=_s(Q.current,w);if(!V||!gt(V.target,!1)||!ae||Number.isNaN(ae)||Y.current===null)return;const oe=le.current.getTime()-Y.current.getTime(),Z=Se.current-(be(w)?V.pageY:V.pageX),ue=Math.abs(Z)/oe;if(ue>.05&&(H(!0),setTimeout(()=>{H(!1)},200)),o){Ae({draggedDistance:Z*(w==="bottom"||w==="right"?1:-1),closeDrawer:Ve,velocity:ue,dismissible:f}),r?.(V,!0);return}if(w==="bottom"||w==="right"?Z>0:Z<0){It(),r?.(V,!0);return}if(ue>$i){Ve(),r?.(V,!1);return}var pe;const O=Math.min((pe=Q.current.getBoundingClientRect().height)!=null?pe:0,window.innerHeight);var J;const me=Math.min((J=Q.current.getBoundingClientRect().width)!=null?J:0,window.innerWidth),de=w==="left"||w==="right";if(Math.abs(ae)>=(de?me:O)*u){Ve(),r?.(V,!1);return}r?.(V,!0),It()}z.useEffect(()=>(B&&(we(document.documentElement,{scrollBehavior:"auto"}),A.current=new Date),()=>{Zh(document.documentElement,"scrollBehavior")}),[B]);function Mt(V){const ae=V?(window.innerWidth-xt)/window.innerWidth:1,oe=V?-xt:0;ye.current&&window.clearTimeout(ye.current),we(Q.current,{transition:`transform ${he.DURATION}s cubic-bezier(${he.EASE.join(",")})`,transform:be(w)?`scale(${ae}) translate3d(0, ${oe}px, 0)`:`scale(${ae}) translate3d(${oe}px, 0, 0)`}),!V&&Q.current&&(ye.current=setTimeout(()=>{const Z=_s(Q.current,w);we(Q.current,{transition:"none",transform:be(w)?`translate3d(0, ${Z}px, 0)`:`translate3d(${Z}px, 0, 0)`})},500))}function Le(V,ae){if(ae<0)return;const oe=(window.innerWidth-xt)/window.innerWidth,Z=oe+ae*(1-oe),ue=-xt+ae*xt;we(Q.current,{transform:be(w)?`scale(${Z}) translate3d(0, ${ue}px, 0)`:`scale(${Z}) translate3d(${ue}px, 0, 0)`,transition:"none"})}function ts(V,ae){const oe=be(w)?window.innerHeight:window.innerWidth,Z=ae?(oe-xt)/oe:1,ue=ae?-xt:0;ae&&we(Q.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:V=>{!f&&!V||(V?_(!0):Ve(!0),K(V))},open:B},z.createElement(Li.Provider,{value:{activeSnapPoint:re,snapPoints:o,setActiveSnapPoint:Fe,drawerRef:Q,overlayRef:P,onOpenChange:t,onPress:at,onRelease:es,onDrag:Re,dismissible:f,shouldAnimate:ge,handleOnly:m,isOpen:B,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:M,autoFocus:T}},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(h=>r(h),[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:h,isOpen:x,direction:b,snapPoints:p,container:y,handleOnly:g,shouldAnimate:v,autoFocus:j}=Ns(),[w,N]=z.useState(!1),E=Fi(r,o),S=z.useRef(null),k=z.useRef(null),C=z.useRef(!1),R=p&&p.length>0;ig();const M=(I,D,B=0)=>{if(C.current)return!0;const K=Math.abs(I.y),$=Math.abs(I.x),_=$>K,F=["bottom","right"].includes(D)?1:-1;if(D==="left"||D==="right"){if(!(I.x*F<0)&&$>=0&&$<=B)return _}else if(!(I.y*F<0)&&K>=0&&K<=B)return!_;return C.current=!0,!0};z.useEffect(()=>{R&&window.requestAnimationFrame(()=>{N(!0)})},[]);function T(I){S.current=null,C.current=!1,l(I)}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&&R?"true":"false","data-vaul-custom-container":y?"true":"false","data-vaul-animate":v?.current?"true":"false",...a,ref:E,style:f&&f.length>0?{"--snap-point-height":`${f[m??0]}px`,...t}:t,onPointerDown:I=>{g||(a.onPointerDown==null||a.onPointerDown.call(a,I),S.current={x:I.pageX,y:I.pageY},i(I))},onOpenAutoFocus:I=>{n?.(I),j||I.preventDefault()},onPointerDownOutside:I=>{if(e?.(I),!h||I.defaultPrevented){I.preventDefault();return}d.current&&(d.current=!1)},onFocusOutside:I=>{if(!h){I.preventDefault();return}},onPointerMove:I=>{if(k.current=I,g||(a.onPointerMove==null||a.onPointerMove.call(a,I),!S.current))return;const D=I.pageY-S.current.y,B=I.pageX-S.current.x,K=I.pointerType==="touch"?10:2;M({x:B,y:D},b,K)?u(I):(Math.abs(B)>K||Math.abs(D)>K)&&(S.current=null)},onPointerUp:I=>{a.onPointerUp==null||a.onPointerUp.call(a,I),S.current=null,C.current=!1,l(I)},onPointerOut:I=>{a.onPointerOut==null||a.onPointerOut.call(a,I),T(k.current)},onContextMenu:I=>{a.onContextMenu==null||a.onContextMenu.call(a,I),k.current&&T(k.current)}})});Qi.displayName="Drawer.Content";const ug=250,dg=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:h,onDrag:x}=Ns(),b=z.useRef(null),p=z.useRef(!1);function y(){if(p.current){j();return}window.setTimeout(()=>{g()},dg)}function g(){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 E=i[N+1];u(E)}function v(){b.current=window.setTimeout(()=>{p.current=!0},ug)}function j(){b.current&&window.clearTimeout(b.current),p.current=!1}return z.createElement("div",{onClick:y,onPointerCancel:j,onPointerDown:w=>{f&&h(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 fg(e){const t=Ns(),{container:n=t.container,...a}=e;return z.createElement(Ii,{container:n,...a})}const Pe={Root:cg,Content:Qi,Overlay:Hi,Portal:fg,Handle:Wi,Title:Ai},mg=new Set(["outbox","postvak uit","boîte d'envoi","postausgang","buzón de salida","posta in uscita","送信トレイ","送件匣","发件箱","skrzynka nadawcza"]),hg=e=>{const t=Vs(e.fullPath).trim().toLowerCase();return mg.has(t)},Dr=Dn.length,ja=(e,t=[])=>{const n=ys(t);return[...e.filter(r=>{const o=n.get(r.mailboxId);return o==="drafts"||o==="sent"?!1:!hg(r)})].sort((r,o)=>{const i=n.has(r.mailboxId)?Dn.indexOf(n.get(r.mailboxId)??"inbox"):Dr,l=n.has(o.mailboxId)?Dn.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",gg=fe(Vi,"min-h-11 min-w-11 rounded hover:bg-surface-raised"),pg=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",h=c.useId(),{t:x}=tn("mail",{useSuspense:!1}),b=c.useCallback((R,M)=>x(R,{defaultValue:M}),[x]),{data:p,isLoading:y,isError:g,error:v,refetch:j}=ie({...et({path:{accountId:e}}),staleTime:1/0,enabled:l}),w=yi(e),N=c.useMemo(()=>{const R=ja(p?.items??[],w),M=ys(w);return R.map(T=>({id:T.mailboxId,label:Ht(T,M.get(T.mailboxId),b),searchValue:T.fullPath,isCurrent:T.mailboxId===t}))},[p?.items,w,t,b]),E=c.useCallback(R=>{u(!1),n(R)},[n]);c.useEffect(()=>{if(!l||!d)return;const R=T=>{f.current&&!f.current.contains(T.target)&&u(!1)},M=T=>{T.key==="Escape"&&u(!1)};return document.addEventListener("mousedown",R),document.addEventListener("keydown",M),()=>{document.removeEventListener("mousedown",R),document.removeEventListener("keydown",M)}},[l,d]);const S=a||!!r,k=s.jsxs("button",{type:"button",onClick:R=>{R.stopPropagation(),!S&&u(M=>!M)},"aria-label":m,"aria-haspopup":d?"listbox":"dialog","aria-expanded":l,"aria-controls":l?h:void 0,title:r,className:o==="icon-only"?gg:pg,children:[s.jsx(Eo,{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…"}):g?s.jsx("div",{className:"p-3",children:s.jsx(ft,{variant:"inline",title:"Couldn't load folders",error:v,onRetry:()=>j()})}):s.jsx(Vo,{mailboxes:N,onSelect:E,onCancel:()=>u(!1),autoFocus:!d,labels:{searchPlaceholder:x("move_picker_placeholder",{defaultValue:"Move to…"}),searchAriaLabel:x("move_picker_filter_label",{defaultValue:"Filter folders"}),optionLabel:R=>`Move to ${R}`,currentSuffix:"(current folder)",currentTag:"current",emptyMessage:R=>`No folders match "${R}"`}});return d?s.jsxs("div",{ref:f,className:"relative inline-block",children:[k,l&&s.jsx("div",{id:h,className:fe("absolute right-0 mt-1 z-50 w-72 max-h-96 flex flex-col","bg-surface border border-line rounded-md shadow-lg"),children: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:h,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})]})]})})]})},xg=({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:h}=Ut({strict:!1}),{mutate:x,isPending:b}=xe({...en(),onMutate:async B=>{const K=B.body.isRead??!0,$=new Set(B.body.messageIds??[]),_=jt({path:{threadId:t}}),F=tt({path:{mailboxId:n}}),U=ut({path:{mailboxId:n}});await Promise.all([d.cancelQueries({queryKey:_}),d.cancelQueries({queryKey:F}),d.cancelQueries({queryKey:U})]);const te=d.getQueriesData({queryKey:_}).filter(A=>A[1]!==void 0).map(([A,Y])=>({queryKey:A,data:Y})),H=d.getQueriesData({queryKey:F}).concat(d.getQueriesData({queryKey:U})).filter(A=>A[1]!==void 0).map(([A,Y])=>({queryKey:A,data:Y}));d.setQueriesData({queryKey:_},A=>A&&{...A,items:A.items.map(Y=>$.has(Y.messageId)?{...Y,isRead:K}:Y)});const P=A=>A&&{...A,pages:A.pages.map(Y=>({...Y,items:Y.items.map(le=>$.has(le.messageId)?{...le,isRead:K}:le)}))};return d.setQueriesData({queryKey:F},P),d.setQueriesData({queryKey:U},P),{threadMessagesPrefix:_,threadsListPrefix:F,threadsSearchPrefix:U,previousThreadMessages:te,previousThreadsList:H}},onError:(B,K,$)=>{if($){for(const F of $.previousThreadMessages)d.setQueryData(F.queryKey,F.data);for(const F of $.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(B)})},onSettled:(B,K,$,_)=>{_&&(d.invalidateQueries({queryKey:_.threadMessagesPrefix}),d.invalidateQueries({queryKey:_.threadsListPrefix}),d.invalidateQueries({queryKey:_.threadsSearchPrefix}))}}),p=c.useCallback(B=>{h&&B.includes(h)&&f({to:"/mail/$mailboxId",params:{mailboxId:n},search:K=>({...K,selectedMessageId:void 0})})},[h,n,f]),{deleteMessages:y,isPending:g}=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:E,reset:S}=ba({messageId:e}),k=()=>{x({body:{messageIds:[e],isRead:!1}})},C=()=>{y([e])},R=()=>{o&&w(o,i)},M=b||g||j||N,T=M||!o,I=c.useCallback(B=>{v([e],B)},[v,e]),D=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:I,disabled:M,label:"Move this message"}),s.jsxs(ji,{trigger:s.jsx(Co,{className:"size-4"}),children:[s.jsxs($t,{onClick:R,disabled:T,children:[i?s.jsx(sn,{className:"size-4 text-positive"}):s.jsx(ws,{className:"size-4 opacity-0"}),s.jsx("span",{title:D,children:"Trusted sender"})]}),a&&s.jsxs($t,{onClick:k,disabled:M,children:[s.jsx(js,{className:"size-4"}),"Mark as unread"]}),u&&s.jsxs($t,{onClick:u,children:[s.jsx(ko,{className:"size-4"}),l?"Show formatted":"Show raw email"]}),s.jsx(Bn,{}),s.jsxs($t,{onClick:C,disabled:M,destructive:!0,children:[s.jsx(Ke,{className:"size-4"}),"Delete"]})]})]}),E&&s.jsx("div",{className:"w-64",children:s.jsx(ft,{variant:"inline",title:"Couldn't update trust",error:E,onRetry:()=>{S(),R()}})})]})},bg=()=>{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},vg=({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"})]})]}),yg=(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}}},wg=e=>e instanceof bt?e.reason:"generic",jg=e=>e instanceof Error?e.message:typeof e=="string"?e:"An unexpected error occurred while loading the message body.",Sg=({error:e,onRetry:t})=>{const n=wg(e),a=jg(e),{title:r,detail:o}=yg(n,a),[i,l]=c.useState(!1),{Account:u}=Xn();return i?null: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:[n==="auth"&&s.jsx(u,{children:({signOut:d})=>s.jsx("button",{type:"button",onClick:()=>d(),className:"text-sm font-medium text-accent hover:underline",children:"Sign in again"})}),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"})})]})]})},Ng=()=>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=bg(),{toggleTrusted:h,isPending:x}=ba({messageId:r??""}),b=!!e&&e.length>0,{picked:p,data:y,isLoading:g,isError:v,error:j,refetch:w}=di({messageId:r,bodyParts:e,enabled:b}),N=c.useMemo(()=>Lu(e??[]),[e]),E=b&&y?.kind==="html"?y.body:t,S=b&&y?.kind==="text"?y.body:n;if(b){if(g)return s.jsx("div",{className:fe("message-body",l),children:s.jsx(Ng,{})});if(v)return s.jsx("div",{className:fe("message-body",l),children:s.jsx(Sg,{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),h(o,!1))};return s.jsx(Uo,{className:l,html:E,text:S,isDark:m,category:i,allowImages:f,resolveCid:N,renderBlockedNotice:R=>s.jsx(vg,{blockedImageCount:R,canAlwaysTrust:k,isTrustPending:x,onLoadOnce:()=>d(!0),onAlwaysTrust:C})})},kg=({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:h,onForward:x})=>{const b=je(),{deleteMessages:p}=ds({mailboxId:n,threadId:t}),{moveMessages:y}=ct({mailboxId:n,threadId:t,accountId:a}),{toggleTrusted:g}=ba({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]),E=[];return l&&E.push({key:"trusted",label:u?"Trusted sender":"Mark sender trusted",icon:u?s.jsx(sn,{className:"size-4 text-positive"}):s.jsx(ws,{className:"size-4"}),onSelect:()=>g(l,u)}),f&&E.push({key:"raw",label:d?"Show formatted":"Show raw email",icon:s.jsx(ko,{className:"size-4"}),onSelect:f}),s.jsx(Ko,{hasThread:!0,onReply:m,onReplyAll:h,onForward:x,isStarred:o,onToggleStar:i,onDelete:w,isRead:r,onToggleRead:N,overflowItems:E,moveSlot:a?s.jsx(ks,{accountId:a,currentMailboxId:n,onMove:j,label:"Move this message"}):void 0})},Cg=()=>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"})]}),Eg=({messageId:e,enabled:t=!0})=>{const{data:n,isLoading:a,isError:r,error:o,refetch:i}=ie({...kc({path:{messageId:e}}),enabled:t});if(a)return s.jsx("div",{className:"message-body",children:s.jsx(Cg,{})});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})})},Ig=()=>s.jsx(sn,{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")})}),Rg=({threadMessage:e,isFocused:t,onToggle:n,onToggleStar:a,isStarPending:r})=>{const o=yo(e.sentDate,"datetime"),i=Gi(e,o);return s.jsx(Ho,{message:i,onClick:n,isFocused:t,isUnread:!e.isRead,trailing:s.jsxs(s.Fragment,{children:[e.hasAttachment&&s.jsx(nn,{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})]})})},Mg=({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:h,mobile:x,onReply:b,onReplyAll:p,onForward:y})=>{const g=yo(e.sentDate,"long"),v=!e.isRead,j=t?.envelope.from[0]?.flags?.trusted?.value===!0,w=t?.envelope.from[0]?.addressId,N=Gi(e,g),E=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(Qo,{message:N,isFocused:i,onHeaderClick:l,senderBadge:j?s.jsx(Ig,{}):void 0,trailing:s.jsx("span",{"data-testid":"message-date",className:"text-2xs text-fg-subtle",children:g}),to:t?s.jsx(bu,{label:"To",addresses:t.envelope.to}):null,indicators:E||!x?s.jsxs("div",{className:"flex flex-wrap items-center gap-1.5 mt-0.5",children:[E,!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(nn,{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(xg,{messageId:e.messageId,threadId:e.threadId,mailboxId:e.mailboxId,isRead:e.isRead,accountId:f,fromAddressId:w,isTrusted:j,showRaw:m,onToggleRaw:h}),actionBar:x?s.jsx(kg,{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:h,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&&Cc(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(Eg,{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:ln(e.category)})})})},Tg=({threadMessage:e,isExpanded:t,isFocused:n,onToggle:a,onToggleStar:r,isStarPending:o,accountId:i,mobile:l,onReply:u,onReplyAll:d,onForward:f})=>{const[m,h]=c.useState(!1),{data:x,isLoading:b,isError:p,error:y,refetch:g}=ie({...Jn({path:{messageId:e.messageId}}),enabled:t,meta:{softError:!0}});return t?s.jsx(Mg,{threadMessage:e,messageData:x,isLoading:b,isError:p,error:y,onRetry:()=>g(),isFocused:n,onToggle:a,onToggleStar:r,isStarPending:o,accountId:i,showRaw:m,onToggleRaw:()=>h(v=>!v),mobile:l,onReply:u,onReplyAll:d,onForward:f}):s.jsx(Rg,{threadMessage:e,isFocused:n,onToggle:a,onToggleStar:r,isStarPending:o})},Dg=()=>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 h=kt(),{handlers:x}=vh({onSwipeLeft:d,onSwipeRight:f}),{accountId:b}=bi(t),{data:p,isLoading:y,isError:g,error:v,refetch:j}=ie({...Ec({path:{threadId:e},query:{order:"desc",mailboxId:t}})}),w=c.useMemo(()=>p?.items??[],[p?.items]),N=c.useRef(new Map),[E,S]=c.useState(new Set),[k,C]=c.useState(null),[R,M]=c.useState(0);c.useEffect(()=>{if(w.length>0&&e!==k){C(e);const W=new Set([w[0].threadMessageId]);if(a){const ee=w.find(ne=>ne.messageId===a);ee&&W.add(ee.threadMessageId)}S(W),M(0)}},[e,w,k,a]);const T=c.useCallback(W=>{S(ee=>{const ne=new Set(ee);return ne.has(W)?ne.delete(W):ne.add(W),ne})},[]),I=c.useCallback(W=>{const ee=w[W];if(!ee)return;N.current.get(ee.threadMessageId)?.scrollIntoView({behavior:"smooth",block:"nearest"})},[w]),D=c.useCallback(()=>{if(w.length===0)return;const W=Math.min(R+1,w.length-1);M(W),I(W)},[w.length,R,I]),B=c.useCallback(()=>{if(w.length===0)return;const W=Math.max(R-1,0);M(W),I(W)},[w.length,R,I]),K=c.useCallback(()=>{const W=w[R];W&&T(W.threadMessageId)},[w,R,T]),{data:$}=ie({...Ze(),staleTime:1/0}),_=$?.accounts?.[0],F=!!_?.smtpHost;gh({messages:w,expandedIds:E,threadId:e,mailboxId:t,accountId:_?.accountId});const{toggleStar:U,isPending:te,pendingMessageId:H}=Fn({threadId:e,mailboxId:t}),[P,A]=c.useState(null);c.useEffect(()=>{l&&l!=="new"&&(A(l),u?.())},[l,u]);const Y=w[0],{data:le}=ie({...Jn({path:{messageId:Y?.messageId??""}}),enabled:!!Y&&P!==null}),ve=c.useCallback(()=>{A("reply")},[]),ce=c.useCallback(()=>{A("reply_all")},[]),ye=c.useCallback(()=>{A("forward")},[]),Se=c.useCallback(()=>{A(null),u?.()},[u]);if(ps({enabled:!y&&w.length>0&&P===null,bindings:[{key:"j",handler:D,preventDefault:!0},{key:"ArrowDown",handler:D,preventDefault:!0},{key:"k",handler:B,preventDefault:!0},{key:"ArrowUp",handler:B,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(Dg,{});if(g)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=W=>s.jsx("div",{children:w.map((ee,ne)=>s.jsx("div",{ref:Ue=>{Ue&&N.current.set(ee.threadMessageId,Ue)},children:s.jsx(Tg,{threadMessage:ee,isExpanded:E.has(ee.threadMessageId),isFocused:ne===R,onToggle:()=>T(ee.threadMessageId),onToggleStar:()=>U(ee.messageId,ee.hasStars),isStarPending:te&&H===ee.messageId,accountId:b,mobile:W,onReply:W&&F?ve:void 0,onReplyAll:W&&F?ce:void 0,onForward:W&&F?ye:void 0})},ee.threadMessageId))}),Q=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 h?s.jsxs("article",{className:"h-full flex flex-col",children:[Q,r?.dkimMismatch&&s.jsx(Or,{authenticity:r,onOpenIntelligence:o}),s.jsx("div",{className:"flex-1 overflow-auto",children:Ie(!1)}),P!==null&&s.jsx(jr,{mode:P,account:_,sourceMessage:le,onClose:Se})]}):s.jsxs(rd,{thread:{subject:G,messages:[]},onBack:i??(()=>{}),intelligenceOpen:m,onToggleIntelligence:o,touchHandlers:x,children:[r?.dkimMismatch&&s.jsx(Or,{authenticity:r,onOpenIntelligence:o}),Ie(!0),P!==null&&s.jsx(jr,{mode:P,account:_,sourceMessage:le,onClose:Se})]})},Ji=e=>e.trim().toLocaleLowerCase(),Ag=/^\d{4}-\d{2}-\d{2}$/;function Pr(e,t,n){if(!Ag.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 Og(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=Og(o,t);i?a.push(i):r.push(o)}return{freeText:r.join(" "),tokens:a}}function Pg(e,t){return e.split(/\s+/).filter(n=>n.length>0&&n!==t.raw).join(" ")}function Lg(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 zg=20,_g=new Set(Object.values(Ge)),Fg=e=>e!==void 0&&_g.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=Fg(t),f=l.some(v=>v.type==="hasAttachment")?!0:void 0,m=l.some(v=>v.type==="isUnread")?!1:void 0,h=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:g}=ie({...ho({query:{query:i,mailboxId:p,limit:zg,...d!==void 0?{category:d}:{},...f!==void 0?{hasAttachment:f}:{},...m!==void 0?{isRead:m}:{},...h?{sentDateFrom:h.epochSeconds}:{},...x?{sentDateTo:x.epochSeconds}:{}}}),enabled:u,staleTime:6e4});return{hits:y?.items??[],isLoading:u&&g}}const Bg=(e,t)=>e.createdAt!==t.createdAt?e.createdAt-t.createdAt:e.accountId.localeCompare(t.accountId),$g=e=>[...e].sort(Bg);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.hasStars===!0,trust:e.senderTrust,category:ln(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 qg(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 Kg={sender:"sender",recipient:"recipient",subject:"subject",attachment:"attachment",body:"body",entities:"entities"};function Ug(e){return Kg[e]??e}function Hg(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 Qg(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:Ug(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(Qg(r)));return a}const Wg=768,Vg=1024,Yg=e=>e!=="desktop",Es=()=>{const e=_n(`(min-width: ${Wg}px)`);return _n(`(min-width: ${Vg}px)`)?"desktop":e?"tablet":"phone"},rl="remit.recentSearches",Gg=5;function Kn(){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 Kn();const n=[t,...Kn().filter(a=>a!==t)].slice(0,Gg);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:h,mailboxNameIndex:x,accountNameIndex:b}=Ee(),p=Zn(),y=Es(),[g,v]=c.useState(!1),[j,w]=c.useState(Kn),N=f.trim().length>0,E=Cs(f,{mailboxesByName:x,accountsByName:b}).tokens.map(K=>({label:Lg(K),onRemove:()=>m(Pg(f,K))})),S=o??[],k=l??[],C=N?[{id:"top",label:"Top matches",results:S},{id:"related",label:"Related",results:k}]:[],M=!(S.length+k.length>0)&&(i===!0||u===!0);if(y==="phone"&&g){const K=$=>{w(zr(f)),v(!1),d?.($)};return s.jsx(Od,{value:f,onChange:m,onClear:h,onCancel:()=>{v(!1),h()},filter:r,recentSearches:j,onPickRecent:m,sections:C,loading:M,onSelectResult:K,tokens:E})}const T=y!=="phone"&&N,I=K=>{w(zr(f)),d?.(K)},D=s.jsx(Wo,{value:f,sections:C,loading:M,onSelectResult:I,tokens:E}),B=T?r?s.jsx(Qn,{...r,children:D}):s.jsx("div",{className:"h-full overflow-y-auto",children:D}):n;return s.jsxs("section",{className:"flex h-full w-full flex-col bg-surface",children:[s.jsx(Ed,{title:e,unreadCount:t,isDesktop:!1,onMenuClick:()=>p?.openNav(),searchValue:f,onSearchChange:m,onSearchClear:h,searchOpen:g,onSearchOpenChange:v}),s.jsx("div",{className:"min-h-0 flex-1",children:B}),a]})}const Xg={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))}),Jg=({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"})]})},Zg=({thread:e,active:t,onClick:n})=>{const a=!e.isRead;return s.jsxs("button",{type:"button",onClick:n,className:q("group w-full",Yt({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(Gt,{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(()=>$g(e.filter(P=>!P.muted?.value)),[e]),[d,f]=c.useState("all"),[m,h]=c.useState("all"),[x,b]=c.useState(new Set),[p,y]=c.useState(!1),g=c.useCallback(P=>{b(A=>{const Y=new Set(A);return Y.has(P)?Y.delete(P):Y.add(P),Y})},[]),{data:v,isLoading:j,isError:w,refetch:N}=ie({...ea(),staleTime:6e4}),E=Jt({queries:u.map(P=>({...et({path:{accountId:P.accountId}}),staleTime:1/0,meta:{softError:!0}}))}),S=c.useMemo(()=>{const P=new Map;for(let A=0;A<u.length;A++){const Y=u[A].accountId,ve=(E[A]?.data?.items??[]).reduce((ce,ye)=>ce+(ye.unseenCount??0),0);P.set(Y,ve)}return P},[u,E]),k=c.useMemo(()=>u.filter((P,A)=>{const Y=E[A];return Y?.isError?!Tn(Y.error):!1}),[u,E]),{freeText:C,tokens:R}=Cs(r.trim().toLowerCase(),{mailboxesByName:o,accountsByName:i}),M=c.useMemo(()=>(v?.items??[]).filter(A=>d==="all"||(A.accountId??A.accountConfigId)===d).map(el).filter(A=>(!C||tl(A,C))&&sl(A,R)),[v,d,C,R]),T=c.useMemo(()=>qg(M),[M]),I=c.useMemo(()=>u.length<=1?[]:[{id:"all",label:"All",active:d==="all"},...u.map(P=>({id:P.accountId,label:P.email.split("@")[0]??P.email,count:S.get(P.accountId),active:d===P.accountId}))],[u,S,d]),D=c.useMemo(()=>e.filter(P=>P.muted?.value).length,[e]),B=c.useMemo(()=>Array.from(S.values()).reduce((P,A)=>P+A,0),[S]),K=c.useMemo(()=>{const P=Array.from(x).map(A=>Xg[A]).filter(A=>A!=null);return M.filter(A=>(m==="all"||A.category===m)&&P.every(Y=>Y(A))).map(nl)},[M,m,x]),{hits:$,isLoading:_}=Zi(),F=c.useMemo(()=>{const P=new Map;for(const Y of v?.items??[])P.set(Y.messageId,Y.threadId);const A=K.map(Y=>P.get(Y.id)).filter(Y=>Y!=null);return al($,A)},[$,K,v]),U=c.useMemo(()=>{const P=tf(I.map(A=>({id:A.id,label:A.label,count:A.count,active:A.active})));return{categories:P.categories,filters:P.filters,sources:P.sources,sourcesNote:D>0?`+${D} muted`:void 0,selectedCategory:m,activeFilters:x,expanded:p,onExpandedChange:y,onSelectCategory:A=>h(A),onSelectSource:f,onToggleFilter:g,onClear:()=>{h("all"),f("all"),b(new Set)}}},[I,D,m,x,p,g]),te=T.length===0&&d==="all"&&C.length===0,H=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(Mo,{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(qe,{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(Xr,{sections:T,Row:Zg,briefCategory:m,onSelectBriefCategory:h,sources:I,sourcesNote:D>0?`+${D} muted`:void 0,onSelectSource:f,selectedThreadId:t,onSelectThread:n});return s.jsx(ol,{title:"Daily brief",unreadCount:B,footer:l?s.jsx(Po,{}):void 0,searchFilter:U,searchResults:K,searchLoading:j,relatedResults:F,relatedLoading:_,onSelectSearchResult:a,children:s.jsxs("div",{className:"flex h-full flex-col",children:[k.map(P=>s.jsx(Jg,{accountEmail:P.email,accountId:P.accountId},P.accountId)),s.jsx("div",{className:"min-h-0 flex-1",children:H})]})})}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 ep(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 tp="We can't verify the sender of this email, which could mean it's from an insecure source.",sp="We couldn't read this sender's address, so we can't confirm who really sent this message.";function np(e,t){return{name:e.fromName??e.fromEmail??"Unknown",email:e.fromEmail??"",trust:e.senderTrust,firstSeenLabel:t?ep(t.createdAt):"unknown",inboundCount:t?.inboundCount,replyCount:t?.replyCount,addressUnverified:cl(e.fromEmail)}}function ap(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 rp(e,t){const n=t>0?t:void 0;if(cl(e.fromEmail))return{verdict:"mismatch",fromDomain:"",addressUnreadable:!0,summary:sp,similarCount:n};const a=e.authenticity;if(!a)return{verdict:"caution",fromDomain:e.fromEmail?.split("@")[1]??"",summary:tp};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}=ie({...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}=ie({...ho({query:{query:l,limit:5}}),enabled:!!(e&&l.length>3),staleTime:6e4,retry:1});return{data:c.useMemo(()=>{if(!e)return null;const h=(u?.items??[]).filter(g=>g.messageId!==e.messageId).map(g=>({id:g.messageId,mailboxId:t!=null&&g.mailboxIds.includes(t)?t:g.mailboxIds[0]??"",fromName:g.fromName??"",subject:g.subject??"(No subject)",timeLabel:g.sentDate!=null?mt(g.sentDate*1e3):"",matched:g.matchedChunkType})),x=np(e,i),b=rp(e,h.length),p={value:e.category??"personal",overridden:i?.flags?.category?.value!=null&&i.flags.category.value!==e.category},y=ap(i);return{sender:x,authenticity:b,category:p,flags:y,similar:h}},[e,i,u,t]),isSimilarLoading:d,similarError:f,similarErrorIsFatal:Tn(f),addressErrorIsFatal:Tn(o),addressId:i?.addressId,address:i}}function op(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=Ic({query:{q:t??"",limit:1}}),{mutate:o,isPending:i}=xe({...mo(),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(h=>h.addressId===u.path.addressId?{...h,flags:op(h.flags,d)}:h)}),{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){go(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 ip=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 lp(e,t){e.recordEvent("rescue.candidates_surfaced",{count:String(t)})}function cp(e,t){e.recordEvent("rescue.flow_opened",{count:String(t)})}function up(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 dp=["personal","newsletter","marketing","automated","transactional","social"],fp=e=>{const{mailboxId:t,junkMailboxId:n,inboxMailboxId:a}=e;return t?n&&t===n?a?"notSpam":null:n?"markSpam":null:null},mp=e=>{const{similarError:t,similarErrorIsFatal:n,isSimilarLoading:a}=e;return t&&!n?"error":a?"loading":"ready"};function hp(){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(qe,{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 gp({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:dp.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 pp({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),[h,x]=c.useState(!1),b=e.fromEmail??void 0,{updateFlags:p,isPending:y}=dl({addressId:i,senderEmail:b}),{junkMailboxId:g}=xa(a),{inboxMailboxId:v}=pa(a),{moveMessages:j}=ct({mailboxId:n??"",threadId:e.threadId,accountId:a}),w=xs(),N=fp({mailboxId:n,junkMailboxId:g,inboxMailboxId:v}),E=c.useCallback(()=>{v&&j([e.messageId],v)},[v,j,e.messageId]),S=c.useCallback(()=>{g&&(ml(w,{count:1,senderTrust:e.senderTrust,wasRescuable:fl(e)}),j([e.messageId],g))},[g,j,e,w]),k=c.useCallback(()=>{},[]),C=c.useCallback(()=>{const _=o?.flags?.vip!==!0;p({vip:{value:_}})},[o?.flags?.vip,p]),R=c.useCallback(()=>{const _=o?.flags?.muted!==!0;p({muted:{value:_}})},[o?.flags?.muted,p]),M=c.useCallback(()=>{o?.flags?.blocked===!0?p({blocked:{value:!1}}):m(!0)},[o?.flags?.blocked,p]),T=c.useCallback(()=>{m(!1),p({blocked:{value:!0}})},[p]),I=c.useCallback(()=>{const _=o?.flags?.unsubscribed!==!0;p({unsubscribed:{value:_}})},[o?.flags?.unsubscribed,p]),D=c.useCallback(_=>{x(!1),p({category:{value:_}})},[p]),B={onToggleVip:C,onToggleMute:R,onToggleBlock:M,onToggleUnsubscribe:I,onReclassify:()=>x(!0),onNotSpam:N==="notSpam"?E:void 0,onMarkSpam:N==="markSpam"?S:void 0},K=({mailboxId:_,messageId:F,className:U,ariaLabel:te,children:H})=>s.jsx(Xe,{to:"/mail/$mailboxId",params:{mailboxId:_},search:P=>({...P,selectedMessageId:F}),className:U,"aria-label":te,children:H});if(!o)return s.jsx(hp,{});const $=mp({similarError:u,similarErrorIsFatal:d,isSimilarLoading:l});return s.jsxs(s.Fragment,{children:[s.jsx(Oo,{data:o,onClose:t,hideCloseButton:r,onShowSimilar:k,actions:B,similarState:$,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:T,onCancel:()=>m(!1)}),s.jsx(gp,{isOpen:h,current:o.category.value,onSelect:D,onCancel:()=>x(!1)})]})}const dn=({onClose:e,thread:t,mailboxId:n,accountId:a,hideCloseButton:r})=>t?s.jsx(pp,{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(qe,{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(qe,{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."})]})]}),hl=({children:e})=>{const{Account:t}=Xn();return s.jsx(t,{children:e})},xp=({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(Bn,{})]}),s.jsxs($t,{onClick:()=>n({to:"/settings/accounts"}),children:[s.jsx(Ao,{className:"size-4"}),"Settings"]}),s.jsx(Bn,{}),s.jsxs($t,{onClick:t,children:[s.jsx(Ro,{className:"size-4"}),"Sign out"]})]})},bp=()=>s.jsx(hl,{children:({email:e,signOut:t})=>s.jsx(xp,{email:e,onSignOut:t})}),Fr=()=>{const e=ta(),t=sa(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:"Starred"},{action:"goSettings",keys:["g",","],description:"Settings"}]},{title:"View & global",hints:[{action:"toggleIntelligence",keys:["i"],description:"Toggle intelligence"},{action:"toggleDensity",keys:["d"],description:"Toggle density"},{action:"focusSearch",keys:["/"],description:"Focus search"},{action:"compose",keys:["c"],description:"Compose"},{action:"compose",keys:["⌘","N"],description:"Compose"},{action:"help",keys:["?"],description:"Shortcut help"}]}];function vp(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=vp(e);return!t||t.length===0?"":t.length===1?`(${t[0]})`:t[0]==="g"?`(${t.join(" then ")})`:`(${t.join("")})`}const En="Open a message first",Sa=({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:h,canDelete:x,onToggleStar:b,isStarred:p,moveContext:y})=>{const[g,v]=c.useState(null),j=x??e,w=N=>()=>v(N);return s.jsxs(Au,{hasThread:e,isStarred:p,onUnavailable:N=>v(En),unavailableHint:g,replyTitle:`Reply ${Ft("reply")}`,replyAllTitle:`Reply all ${Ft("replyAll")}`,forwardTitle:`Forward ${Ft("forward")}`,deleteTitle:`Move to Trash ${Ft("delete")}`,flagTitle:`Star ${Ft("toggleStar")}`,onReply:d,onReplyAll:f,onForward:m,onDelete:j?h:w(En),onToggleStar:b,onMove:w(En),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(la,{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(gu,{className:"size-4"}),title:`Compose ${Ft("compose")}`,"aria-label":"Compose",onClick:t}),a&&s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(Zr,{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(bp,{})]})};function yp(e){return{threadId:e.threadId,mailboxId:e.mailboxId,subject:e.subject,messageId:e.messageId,authenticity:e.authenticity}}function xl(e,t){if(e)return yp(e);if(t.messageId&&t.threadId&&t.mailboxId)return{threadId:t.threadId,mailboxId:t.mailboxId,messageId:t.messageId}}const bl=c.createContext(null);function Na(){const e=c.useContext(bl);if(!e)throw new Error("BriefPane.* must be used inside <BriefPane>");return e}function wp({selectedMessageId:e,children:t}){const n=Ce(),{searchInput:a}=Ee(),{selectedThreadId:r,selectedMailboxId:o}=Ut({strict:!1}),{data:i}=ie({...ea(),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]),h={selectedMessageId:e,selectedThread:l,conversation:u,onSelectMessage:d,onSelectSearchResult:f,onCloseThread:m};return s.jsx(bl.Provider,{value:h,children:t})}function jp(){const{selectedMessageId:e,onSelectMessage:t,onSelectSearchResult:n}=Na(),{accounts:a}=Ee();return s.jsx(il,{accounts:a,selectedMessageId:e,onSelectMessage:t,onSelectSearchResult:n})}function Sp(){const{conversation: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(Sa,{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(Xt,{})})]})}function Np(){const{selectedThread:e,conversation:t,selectedMessageId:n,onSelectMessage:a,onSelectSearchResult:r,onCloseThread:o}=Na(),{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(ha,{isOpen:l,onClose:u,ariaLabel:"Message details",side:"right",children:s.jsx(dn,{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(wp,{List:jp,Reading:Sp,Phone:Np}),kp=e=>{const t=new Set;return e.filter(n=>t.has(n.threadId)?!1:(t.add(n.threadId),!0))};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:h,relatedResults:x,relatedLoading:b,onSelectSearchResult:p}){const[y,g]=c.useState(!1),v={categories:n.categories,filters:n.filters,sources:n.sources,selectedCategory:a,activeFilters:r,expanded:y,onExpandedChange:g,onSelectCategory:o,onSelectSource:l,onToggleFilter:i,onClear:u};return s.jsx(ol,{title:e,unreadCount:t,footer:f,searchFilter:v,searchResults:m,searchLoading:h,relatedResults:x,relatedLoading:b,onSelectSearchResult:p,children:s.jsx(Qn,{...v,children:d})})}const Cp={unread:e=>!e.isRead,attachment:e=>e.hasAttachment===!0};function Ep({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(I=>{d(D=>{const B=new Set(D);return B.has(I)?B.delete(I):B.add(I),B})},[]),m=c.useCallback(()=>{l("all"),d(new Set)},[]),{data:h,isLoading:x,isError:b,error:p,refetch:y,fetchNextPage:g,hasNextPage:v,isFetchingNextPage:j}=ui({queryKey:fo({query:{starred:!0,order:"desc"}}),queryFn:async({pageParam:I})=>{const{data:D}=await Rc({query:{starred:!0,order:"desc",continuationToken:I},throwOnError:!0});return D},initialPageParam:void 0,getNextPageParam:I=>I.continuationToken,staleTime:6e4}),{freeText:w,tokens:N}=Cs(n.trim().toLowerCase(),{mailboxesByName:a,accountsByName:r}),E=c.useMemo(()=>{const I=Array.from(u).map(D=>Cp[D]).filter(D=>D!=null);return kp((h?.pages??[]).flatMap(D=>D.items??[])).map(el).filter(D=>(i==="all"||D.category===i)&&I.every(B=>B(D))&&(!w||tl(D,w))&&sl(D,N))},[h,i,u,w,N]),S=c.useMemo(()=>nf(),[]),k=c.useMemo(()=>E.map(nl),[E]),C=c.useMemo(()=>E.filter(I=>!I.isRead).length,[E]),R=x?"loading":b?"error":E.length===0?"empty":"ready",M=c.useCallback(()=>{const I=sa(ta());window.open(I,"_blank","noopener,noreferrer")},[]),T=s.jsxs("div",{className:"flex-1 overflow-y-auto",children:[s.jsx("div",{className:"divide-y divide-line",children:E.map(I=>s.jsx(Fo,{thread:I,active:I.id===e,onClick:()=>t?.(I.id)},I.id))}),v?s.jsx("button",{type:"button",className:"w-full py-3 text-sm text-muted hover:text-fg disabled:opacity-50",onClick:()=>g(),disabled:j,children:j?"Loading…":"Load more"}):null]});return s.jsx(vl,{title:"Starred",unreadCount:C,preset:S,selectedCategory:i,activeFilters:u,onSelectCategory:l,onToggleFilter:f,onClearFilters:m,searchResults:k,searchLoading:x,onSelectSearchResult:I=>t?.(I.id),children:s.jsx(qo,{listTitle:"Starred",sections:[{id:"flagged",threads:E}],flatList:!0,hideHeader:!0,listState:R,searchQuery:w?n:void 0,errorMessage:b?vo(p):void 0,onRetry:()=>y(),onReportError:M,selectedThreadId:e,onSelectThread:t,onSelectBriefCategory:()=>{},isDesktop:o,listBody:R==="ready"?T:void 0})})}const yl=c.createContext(null);function ka(){const e=c.useContext(yl);if(!e)throw new Error("FlaggedPane.* must be used inside <FlaggedPane>");return e}function Ip({selectedMessageId:e,children:t}){const n=Ce(),{data:a}=ie({...ea(),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}=ka();return s.jsx(Ep,{selectedMessageId:e,onSelectMessage:t})}function Rp(){const{selectedThread:e}=ka(),{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(Sa,{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(Xt,{})})]})}function Mp(){const{selectedThread:e,onCloseThread:t}=ka(),{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(ha,{isOpen:n,onClose:a,ariaLabel:"Message details",side:"right",children:s.jsx(dn,{onClose:a,thread:e,hideCloseButton:!0})})]}):s.jsx("div",{className:"h-full",children:s.jsx(wl,{})})}const Bs=Object.assign(Ip,{List:wl,Reading:Rp,Phone:Mp}),Tp={reply:"Reply",reply_all:"Reply All",forward:"Forward",new:"New Message"},Dp=()=>{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},[])},Ap=()=>{const{state:e,closeCompose:t}=wt(),n=Dp(),[a,r]=c.useState(!1),{isError:o,error:i,refetch:l}=ie({...Ze(),staleTime:1/0}),u=c.useCallback(h=>{h||(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=Tp[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(ga,{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"})]})]})})]})},Op={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}=ie({...Ze(),staleTime:1/0});if(!n)return s.jsx(Ap,{});if(!e.isOpen)return null;const i=Op[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(ga,{mode:e.mode,account:e.account,sourceMessage:e.sourceMessage,onClose:t},e.outboxMessageId??"new")})]})};function Pp(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 Lp(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.hasStars===!0}}function zp({outboxMessages:e,accountId:t,imapThreads:n}){const a=e.filter(i=>i.status==="draft"&&i.accountId===t).map(Pp),r=n.map(Lp),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 Ca(){const e=Zn();return!e||e.showNavPane?null:s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(ra,{className:"size-4"}),onClick:e.openNav,"aria-label":"Open folders",className:"-ml-1 shrink-0"})}const _p=({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})]}),Fp=({row:e,isSelected:t,onOpen:n,onDelete:a,isDeleting:r})=>s.jsxs("button",{type:"button",onClick:()=>n(e.id),className:q("group",Yt({active:t})),children:[s.jsx(xo,{className:"size-7 shrink-0 text-fg-muted mt-0.5"}),s.jsx(Gt,{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(Ke,{className:"size-3.5"})})})]}),Bp=({row:e,isSelected:t,onOpen:n})=>{const a=!e.isRead;return s.jsxs("button",{type:"button",onClick:()=>n(e.id),className:q("group",Yt({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(Gt,{thread:e})]})};function $p({mailboxId:e,accountId:t,selectedMessageId:n,imapThreads:a,title:r,unreadCount:o}){const{openCompose:i,state:l}=wt(),u=Ce(),d=je(),{data:f}=ie(Js()),m=c.useMemo(()=>zp({outboxMessages:f?.items??[],accountId:t,imapThreads:a}),[f?.items,t,a]),h=xe({...Zs(),onSuccess:()=>{d.invalidateQueries({queryKey:na()})}}),x=g=>{h.mutate({path:{outboxMessageId:g}})},b=g=>{n&&u({to:"/mail/$mailboxId",params:{mailboxId:e},search:{selectedMessageId:void 0}}),i({mode:"new",outboxMessageId:g})},p=g=>{u({to:"/mail/$mailboxId",params:{mailboxId:e},search:{selectedMessageId:g}})},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(Ca,{}),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(Hn,{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(g=>s.jsxs("div",{children:[g.label&&s.jsx(_p,{label:g.label,count:g.threads.length}),s.jsx("div",{className:"divide-y divide-line",children:g.threads.map(v=>g.id==="remit-drafts"?s.jsx(Fp,{row:v,isSelected:l.isOpen&&v.id===l.outboxMessageId,onOpen:b,onDelete:x,isDeleting:h.isPending},v.id):s.jsx(Bp,{row:v,isSelected:v.id===n,onOpen:p},v.id))})]},g.id))})]})}function qp(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 Kp=(e,t)=>Math.abs(e-t)<1.01,Up=(e,t,n)=>{let a;return function(...r){e.clearTimeout(a),a=e.setTimeout(()=>t.apply(this,r),n)}};let ls;const In=()=>{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}},Hp=e=>e,Qp=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},Wp=(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},Vp=typeof window>"u"?!0:"onscrollend"in window,Yp=(e,t,n)=>{const a=e.scrollElement;if(!a)return;const r=e.targetWindow;if(!r)return;const o=e.options.useScrollendEvent&&Vp;let i=0;const l=o?null:Up(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)}},Gp=(e,t)=>Yp(e,t,n=>{const{horizontal:a,isRtl:r}=e.options;return a?n.scrollLeft*(r&&-1||1):n.scrollTop}),Xp=(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"]},Jp=(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})},Zp=Jp;class ex{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:Hp,rangeExtractor:Qp,onChange:()=>{},measureElement:Xp,initialRect:{width:0,height:0},scrollMargin:0,gap:0,indexAttribute:"data-index",initialMeasurementsCache:[],lanes:1,anchorTo:"start",followOnAppend:!1,scrollEndThreshold:1,isScrollingResetDelay:150,enabled:!0,isRtl:!1,useScrollendEvent:!1,useAnimationFrameWithResizeObserver:!1,laneAssignmentMode:"estimate",useCachedMeasurements:!1};for(const h in n){const x=n[h];x!==void 0&&(o[h]=x)}const i=this.options;let l=null,u=null,d=!1;if(i!==void 0&&i.enabled&&o.enabled&&o.anchorTo==="end"&&this.scrollElement!==null){const h=i.count,x=o.count,b=this.getMeasurements(),p=h>0?((a=b[0])==null?void 0:a.key)??i.getItemKey(0):null,y=h>0?((r=b[h-1])==null?void 0:r.key)??i.getItemKey(h-1):null;if(x!==h||h>0&&x>0&&(o.getItemKey(0)!==p||o.getItemKey(x-1)!==y)){d=!0;const j=h>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>h&&this.isAtEnd(i.scrollEndThreshold)&&(h===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[h,x]=l,b=this.getMeasurements(),{count:p,getItemKey:y}=this.options;let g=0;for(;g<p&&y(g)!==h;)g++;if(g<p){const v=b[g];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,!(!In()||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&&(In()&&(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 g of this.laneAssignments.keys())g>=n&&this.laneAssignments.delete(g);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(g=>{this.itemSizeCache.set(g.key,g.size)}));const h=this.lanesSettling?0:this.pendingMin??0;if(this.pendingMin=null,this.lanesSettling&&this.measurementsCache.length===n&&(this.lanesSettling=!1),l===1){const g=n*2;let v=this._flatMeasurements;if(!v||v.length<g){const N=new Float64Array(g);v&&h>0&&N.set(v.subarray(0,h*2)),v=N,this._flatMeasurements=v}let j;if(h===0)j=a+r;else{const N=h-1;j=v[N*2]+v[N*2+1]+d}for(let N=h;N<n;N++){const E=o(N),S=m.get(E),k=typeof S=="number"?S:this.options.estimateSize(N);v[N*2]=j,v[N*2+1]=k,j+=k+d}const w=qp(n,v,o);return this.measurementsCache=w,w}const x=this.measurementsCache.slice(0,h),b=new Array(l).fill(void 0),p=new Float64Array(l);let y=0;for(let g=0;g<h;g++){const v=x[g];v&&(b[v.lane]===void 0&&y++,b[v.lane]=g,p[v.lane]=v.end)}for(let g=h;g<n;g++){const v=o(g),j=this.laneAssignments.get(g);let w,N;const E=u==="estimate"||m.has(v);if(j!==void 0&&this.options.lanes>1){w=j;const R=b[w],M=R!==void 0?x[R]:void 0;N=M?M.end+d:a+r}else if(y===l){let R=0,M=p[0],T=b[0];for(let I=1;I<l;I++){const D=p[I];(D<M||D===M&&b[I]<T)&&(R=I,M=D,T=b[I])}w=R,N=M+d,E&&this.laneAssignments.set(g,w)}else w=g%this.options.lanes,N=a+r,E&&this.laneAssignments.set(g,w);const S=m.get(v),k=typeof S=="number"?S:this.options.estimateSize(g),C=N+k;x[g]={index:g,start:N,size:k,end:C,key:v,lane:w},b[w]===void 0&&y++,b[w]=g,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=sx(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 h=this.measurementsCache[n];if(!h)return;u=h.key,l=h.start,i=h.size}const f=this.itemSizeCache.get(u)??i,m=a-f;if(m!==0){const h=this.options.anchorTo==="end"&&((r=this.scrollState)==null?void 0:r.behavior)!=="smooth"&&this.getVirtualDistanceFromEnd()<=this.options.scrollEndThreshold,x=h?this.getTotalSize():0,b=((o=this.scrollState)==null?void 0:o.behavior)!=="smooth"&&(this.shouldAdjustScrollPositionOnItemSizeChange!==void 0?this.shouldAdjustScrollPositionOnItemSizeChange(this.measurementsCache[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++,h?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&&(In()&&(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&&Kp(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 tx(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 sx(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=tx(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 Rn=typeof document<"u"?c.useLayoutEffect:c.useEffect;function nx({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 g=d.options.horizontal?"width":"height";f.container.style[g]=`${m}px`}const h=!!d.options.horizontal,x=f.mode==="transform",b=h?"left":"top",p=d.options.scrollMargin,y=d.getVirtualItems();for(const g of y){const v=g.start-p,j=d.elementsCache.get(g.key);j&&f.lastPositions.get(j)!==v&&(f.lastPositions.set(j,v),x?j.style.transform=h?`translate3d(${v}px, 0, 0)`:`translate3d(0, ${v}px, 0)`:j.style[b]=`${v}px`)}},l={...a,onChange:(d,f)=>{var m;const h=o.current;let x=!0;if(h.enabled){i(d);const b=d.range,p=h.prevRange;x=!p||p.isScrolling!==d.isScrolling||p.startIndex!==b?.startIndex||p.endIndex!==b?.endIndex,x&&(h.prevRange=b?{startIndex:b.startIndex,endIndex:b.endIndex,isScrolling:d.isScrolling}:null)}x&&(e&&f?Yn.flushSync(r):r()),(m=a.onChange)==null||m.call(a,d,f)}},[u]=c.useState(()=>{const d=new ex(l);return Object.assign(d,{containerRef:f=>{const m=o.current;if(m.container=f,m.lastSize=null,f&&m.enabled){const h=d.getTotalSize();m.lastSize=h;const x=d.options.horizontal?"width":"height";f.style[x]=`${h}px`}}})});return u.setOptions(l),Rn(()=>u._didMount(),[]),Rn(()=>u._willUpdate()),Rn(()=>{i(u)}),u}function ax(e){return nx({observeElementRect:Wp,observeElementOffset:Gp,scrollToFn:Zp,...e})}const rx=(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)},ox=(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]},ix=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(g=>p.has(g))?new Set:new Set(b))},[]),h=c.useCallback(b=>{r(b)},[]),x=c.useCallback((b,p)=>{n(y=>{const g=rx(b,a,p);if(g.length===0)return y;const v=new Set(y);for(const j of g)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:h,anchorId:a}},lx=e=>{const t=xe(Mc()),{mutate:n}=t;return{preview:c.useCallback(r=>{e&&n({path:{accountId:e},body:wo(r)})},[e,n]),reset:t.reset,matchedCount:t.data?.matchedCount,messageIds:t.data?.messageIds,isPending:t.isPending,isError:t.isError,error:t.error}},cx=new Set(["Complete","Failed"]),qr=e=>e!==void 0&&cx.has(e),ux=1e3,dx=15e3,fx=e=>{const t=Math.max(0,e),n=ux*2**t;return Math.min(n,dx)},mx=e=>{const[t,n]=c.useState(),a=xe({...Tc(),onSuccess:m=>n(m.organizeJobId)}),{mutate:r}=a,o=ie({...Dc({path:{accountId:e??"",organizeJobId:t??""}}),enabled:!!e&&!!t,refetchInterval:m=>{const h=m.state.data?.state;return qr(h)?!1:fx(m.state.dataUpdateCount)}}),i=c.useCallback(m=>{e&&(n(void 0),r({path:{accountId:e},body:wo(m)}))},[e,r]),l=o.data,u=l?.state??a.data?.state,d=qr(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}},hx=({draft:e,scope:t,name:n,pickedDate:a})=>{if(!tu(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."},gx=(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"}},px=(e,t,n)=>e==="just-these"?t:n,xx=[{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 bx({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(""),[h,x]=c.useState(""),{data:b}=ie({...et({path:{accountId:e}}),staleTime:1/0}),p=c.useMemo(()=>ja(b?.items??[]).map(R=>({id:R.mailboxId,label:Vs(R.fullPath)})),[b?.items]),y=c.useMemo(()=>({anchorMessageId:a,matchOperator:"And",literalClauses:[],moveMailboxId:u||void 0,expiresAt:i==="temporary"?su(h):void 0}),[a,u,i,h]),{moveMessages:g}=ct({mailboxId:t,accountId:e}),v=mx(e),j=nu(e),w=n.length,N=px(i,w,r),E=hx({draft:y,scope:i,name:f,pickedDate:h}),S=()=>{if(!E)switch(i){case"just-these":u&&g(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(vx,{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(oa,{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(eu,{"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:xx.map(C=>{const R=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 ${R?"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 ${R?"border-accent-2 bg-accent-2":"border-line bg-surface"}`,children:R&&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 ${R?"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(to,{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:h,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:[E&&s.jsx("p",{className:"text-xs text-fg-subtle",role:"status",children:E}),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:!!E||j.isPending||v.isStarting,className:"w-full",children:j.isPending?"Saving…":gx(i,N)}),s.jsx(X,{variant:"ghost",onClick:o,className:"w-full",children:"Not now"})]})]})}function vx({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(oa,{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 yx({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}=lx(t);c.useEffect(()=>{!e||!o||i({anchorMessageId:o,matchOperator:"And",literalClauses:[]})},[e,o,i]);const h=()=>{l(),r()};return e?s.jsx(eo,{open:e,onClose:h,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:h,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(bx,{accountId:t,mailboxId:n,selectedMessageIds:a,anchorMessageId:o,matchedCount:u,onClose:h})}):null}const wx=({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 h=!!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(qe,{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"})}),h&&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(Ke,{className:"size-4"}),s.jsx("span",{className:"hidden sm:inline",children:i?"Deleting...":"Delete"})]})]})]})},jx=8,Sx=({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)>jx&&r()},[r]),l=c.useCallback(()=>{r()},[r]),u=c.useCallback(()=>{r()},[r]);return{handlers:{onPointerDown:o,onPointerMove:i,onPointerUp:l,onPointerCancel:u}}},Nx=(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.hasStars===!0,trust:e.senderTrust,category:ln(e.category),messageCount:t,suspicious:n}},kx=({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:h="comfortable"})=>{const x=je(),b=e.messageId,p=Nx(e,u),y=E=>{E.preventDefault(),E.stopPropagation(),i(e.messageId)},g=c.useCallback(E=>{if(!m)return;l(b,{shiftKey:E.shiftKey,metaKey:E.metaKey,ctrlKey:E.ctrlKey})&&(E.preventDefault(),E.stopPropagation())},[m,l,b]),v=c.useCallback(()=>{f?.(b)},[f,b]),j=Sx({onLongPress:v,delayMs:500}),w=c.useCallback(()=>{x.prefetchQuery(Jn({path:{messageId:e.messageId}}))},[x,e.messageId]),N=!e.isRead;return h==="compact"?s.jsx(Xe,{to:"/mail/$mailboxId",params:{mailboxId:t},search:E=>({...E,selectedMessageId:e.messageId}),"data-message-row":!0,onClick:g,onMouseEnter:w,onFocus:w,...!m&&j.handlers,className:fe(Lo({active:a,focused:r}),o&&"bg-accent-soft",!m&&"min-h-11"),children:s.jsx(zo,{thread:p})}):s.jsxs(Xe,{to:"/mail/$mailboxId",params:{mailboxId:t},search:E=>({...E,selectedMessageId:e.messageId}),"data-message-row":!0,onClick:g,onMouseEnter:w,onFocus:w,...!m&&j.handlers,className:fe("group",Yt({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(Gt,{thread:p,badge:e.autoMoved&&s.jsx(wi,{accountId:n,messageId:e.messageId,threadId:e.threadId,mailboxId:e.mailboxId,autoMoved:e.autoMoved,size:"sm"})})]})},Cx=c.memo(kx),Ex=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.hasStars===!0,trust:e.senderTrust,category:ln(e.category),suspicious:t}},Ix=({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:h,density:x})=>{const[b,p]=c.useState("none"),y=c.useCallback(j=>{navigator.vibrate?.(10),j==="trailing"?m(e.messageId):h(e.messageId,e.isRead),p("none")},[m,h,e.messageId,e.isRead]),g=c.useCallback(()=>{d(e.messageId)},[d,e.messageId]),v=c.useCallback(()=>{i(e.messageId)},[i,e.messageId]);return f||u?s.jsx(Cx,{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($o,{thread:Ex(e),selectionMode:!1,checked:!1,active:a,peek:b,onPeek:p,onToggleCheck:v,onLongPress:g,onOpen:()=>{},onAct:y,linkComponent:({onOpenClick:j,children:w,...N})=>s.jsx(Xe,{...N,to:"/mail/$mailboxId",params:{mailboxId:t},search:E=>({...E,selectedMessageId:e.messageId}),"data-message-row":!0,onClick:j,children:w})})},Rx=72,Mx=32,Tx=5,Nl="remit:list-density",Dx=()=>{try{const e=localStorage.getItem(Nl);if(e==="compact"||e==="comfortable")return e}catch{}return"comfortable"},Ax=({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,"”"]})]}),Ox=({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:h=!1,onLoadMore:x,hasMore:b=!1,isLoadingMore:p=!1,accountId:y,listTitle:g,listMeta:v,onTriageContextChange:j,hideHeader:w=!1})=>{const N=c.useRef(null),E=Ce(),S=kt(),[k,C]=c.useState(!1),[R,M]=c.useState(!1),[T,I]=c.useState(n),[D,B]=c.useState(Dx),K=c.useCallback(()=>{B(O=>{const J=O==="comfortable"?"compact":"comfortable";try{localStorage.setItem(Nl,J)}catch{}return J})},[]),{toggleReadFor:$}=vi({mailboxId:e}),{selectedIds:_,selectedCount:F,hasSelection:U,isSelected:te,toggle:H,select:P,clearSelection:A,selectRange:Y,setAnchor:le,selectAll:ve}=ix(),[ce,ye]=c.useState(null);c.useEffect(()=>{k&&F===0&&C(!1)},[k,F]);const Se=ax({count:t.length,getScrollElement:()=>N.current,estimateSize:()=>D==="compact"?Mx:Rx,overscan:Tx}),G=n?t.findIndex(O=>O.messageId===n):-1,ge=T?t.findIndex(O=>O.messageId===T):-1,Ie=c.useCallback(O=>{if(O<0||O>=t.length)return;const J=t[O];if(k){H(J.messageId);return}I(J.messageId)},[t,k,H]),Q=c.useCallback(()=>{if(t.length===0)return;const O=ge<0?0:Math.min(ge+1,t.length-1);Ie(O)},[t.length,ge,Ie]),W=c.useCallback(()=>{if(t.length===0)return;const O=ge<=0?0:ge-1;Ie(O)},[t.length,ge,Ie]),ee=c.useCallback(()=>{T&&H(T)},[T,H]),ne=c.useMemo(()=>t.map(O=>O.messageId),[t]),Ue=c.useCallback((O,J)=>J.shiftKey?(Y(ne,O),!0):J.metaKey||J.ctrlKey?(H(O),!0):(A(),le(O),!1),[ne,Y,H,A,le]),re=c.useCallback(O=>{!u||O.length===0||ye(O)},[u]),Ne=c.useCallback(O=>{const J=ox(ne,T,O);J!==void 0&&(Y(ne,J),I(J))},[ne,T,Y]),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?re(Array.from(_)):T&&re([T])},[F,_,T,re]),Ct=c.useCallback(()=>{T&&E({to:"/mail/$mailboxId",params:{mailboxId:e},search:O=>({...O,selectedMessageId:T})})},[T,E,e]),ht=c.useCallback(()=>{F>0&&re(Array.from(_))},[re,F,_]),Et=c.useCallback(()=>{if(!ce||ce.length===0){ye(null);return}const O=new Set(ce),J=t.findIndex(de=>O.has(de.messageId));let me;for(let de=J+1;de<t.length;de++)if(!O.has(t[de].messageId)){me=t[de].messageId;break}if(me===void 0){for(let de=J-1;de>=0;de--)if(!O.has(t[de].messageId)){me=t[de].messageId;break}}u?.(ce),A(),ye(null),me!==void 0&&E({to:"/mail/$mailboxId",params:{mailboxId:e},search:de=>({...de,selectedMessageId:me}),replace:!0})},[ce,t,u,A,E,e]),We=c.useCallback(()=>{ye(null)},[]),at=c.useCallback(()=>{d&&F>0&&d(Array.from(_))},[d,F,_]),gt=c.useCallback(O=>{!f||F===0||(f(Array.from(_),O),A())},[f,F,_,A]),Re=c.useMemo(()=>{if(F===0)return;const O=new Set;for(const J of t)_.has(J.messageId)&&O.add(J.accountConfigId);if(O.size>1)return"Move only works within one account — clear selection or pick messages from a single account"},[F,_,t]),Ve=c.useCallback(O=>{u?.([O])},[u]),It=c.useCallback((O,J)=>{$([O],!J)},[$]),Rt=c.useCallback(O=>{S||(C(!0),P(O))},[S,P]),es=c.useCallback(()=>{C(!1),A()},[A]);c.useEffect(()=>{if(!S&&n)return;const O=ge>=0?ge:G;O>=0&&Se.scrollToIndex(O,{align:"auto"})},[ge,G,Se,S,n]),c.useEffect(()=>{n&&I(n)},[n]),c.useEffect(()=>{T&&(t.some(O=>O.messageId===T)||I(t[0]?.messageId))},[t,T]),c.useEffect(()=>{j?.({focusedMessageId:T,selectedIds:Array.from(_)})},[T,_,j]),c.useEffect(()=>{const O=new Set(t.map(me=>me.messageId));Array.from(_).some(me=>!O.has(me))&&A()},[t,_,A]),c.useEffect(()=>{const O=N.current;if(!O||!b||!x)return;const J=()=>{if(p)return;const{scrollTop:me,scrollHeight:de,clientHeight:Me}=O;me+Me>=de-200&&x()};return O.addEventListener("scroll",J,{passive:!0}),J(),()=>O.removeEventListener("scroll",J)},[b,p,x]),ps({enabled:!a&&t.length>0&&ce===null,bindings:[{key:"j",handler:Q,preventDefault:!0},{key:"ArrowDown",handler:Q,preventDefault:!0,requireShift:!1},{key:"k",handler:W,preventDefault:!0},{key:"ArrowUp",handler:W,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:U&&ce===null,capture:!0,bindings:[{key:"Escape",handler:A,preventDefault:!0,stopPropagation:!0}]});const Mt=a?"loading":r?"error":t.length===0?"empty":"ready",Le=r?vo(o):void 0,ts=c.useCallback(()=>{const O=sa(ta());window.open(O,"_blank","noopener,noreferrer")},[]),V=[{id:"inbox",threads:[]}],ae=U&&S?s.jsx(wx,{selectedCount:F,onDelete:ht,onClearSelection:A,onMarkAsRead:d?at:void 0,onMove:f?gt:void 0,onOrganize:()=>M(!0),isDeleting:m,isMoving:h,accountId:y,currentMailboxId:e,moveDisabledHint:Re}):void 0,oe=k&&!S?s.jsx(Bo,{count:F,onCancel:es,onDelete:ht,onMarkRead:d?at:void 0,isBusy:m||h,moveDisabledHint:Re,moveSlot:f&&y&&e?s.jsxs(s.Fragment,{children:[!Re&&s.jsx("button",{type:"button",onClick:()=>M(!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(qe,{className:"size-4"})}),s.jsx(ks,{accountId:y,currentMailboxId:e,onMove:m||h?()=>{}:gt,disabledHint:Re,label:"Move selected messages"})]}):void 0}):void 0,Z=ae??oe,ue=!!l?.trim(),pe=s.jsxs(s.Fragment,{children:[ue&&l&&s.jsx(Ax,{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(O=>{const J=t[O.index];return s.jsx("div",{"data-index":O.index,ref:Se.measureElement,className:"absolute left-0 top-0 w-full border-b border-line",style:{transform:`translateY(${O.start}px)`},children:s.jsx(Ix,{thread:J,mailboxId:e,accountId:y,isSelected:n===J.messageId,isFocused:T===J.messageId,isChecked:te(J.messageId),onToggleCheck:H,onRowSelect:Ue,isMultiSelectMode:k,onLongPress:Rt,isDesktop:S,onDelete:Ve,onToggleRead:It,density:D})},O.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(qo,{listTitle:g,listMeta:v,sections:V,flatList:!0,listState:Mt,searchQuery:ue?l:void 0,errorMessage:Le,onRetry:i,onReportError:ts,density:D,selectedThreadId:n,onSelectThread:O=>E({to:"/mail/$mailboxId",params:{mailboxId:e},search:J=>({...J,selectedMessageId:O})}),onSelectBriefCategory:()=>{},isDesktop:S,hideHeader:w,selectionBar:Z,listBody:Mt==="ready"?pe:void 0}),s.jsx(ll,{isOpen:ce!==null,title:Xc(ce?.length??0),description:"You can restore them from Trash later.",confirmLabel:"Move to Trash",destructive:!0,isBusy:m,onConfirm:Et,onCancel:We}),R&&y&&s.jsx(yx,{open:R,accountId:y,mailboxId:e,selectedMessageIds:Array.from(_),onClose:()=>M(!1)})]})},Px=e=>Vt({path:{accountId:e}}),Lx=e=>{const t=je(),n=xs(),a=xe({...Ac(),onSuccess:()=>{n.recordEvent("sync.triggered"),t.invalidateQueries({queryKey:Px(e)})}});return{trigger:()=>{a.mutate({path:{accountId:e}})},triggerAsync:()=>a.mutateAsync({path:{accountId:e}}),isPending:a.isPending,error:a.error,reset:a.reset}},zx=({accountId:e,children:t})=>{const{triggerAsync:n,isPending:a}=Lx(e);return s.jsx(qd,{onRefresh:n,isRefreshing:a,children:t})};function _x({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}=pa(e),m=yi(e),{data:h}=ie({...et({path:{accountId:e}}),staleTime:1/0}),x=c.useMemo(()=>{const v=ja(h?.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}))},[h?.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,lp(l,n.length))},[l,n.length]);const y=c.useCallback(()=>{cp(l,n.length),i(!0)},[l,n.length]),g=c.useCallback((v,j)=>{up(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(Hd,{count:n.length,onReview:y})}),s.jsx("div",{className:"min-h-0 flex-1",children:r}),s.jsx(Jd,{open:o,candidates:n,defaultDestinationId:b,availableFolders:x,onConfirmMove:g,onCancel:()=>i(!1)})]})}const Fx=({accounts:e})=>{const t=aa({strict:!1}),n=ma(),a=t.mailboxId,{t:r}=tn("mail",{useSuspense:!1}),o=c.useCallback((l,u)=>r(l,{defaultValue:u}),[r]),i=Jt({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},Bx=({accounts:e})=>{const n=aa({strict:!1}).mailboxId,a=Jt({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},$x="We can verify this sender";function qx(e){const{data:t}=ie({...Oc({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:$x,trustSubReason:ip(a.senderTrust),senderTrust:a.senderTrust}))}}const $s={action:null,nextPrefix:null,preventDefault:!1},Kx={b:"goBrief",i:"goInbox",s:"goSent",f:"goFlagged",",":"goSettings"},Ux={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 Hx(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=Kx[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=Ux[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 Qx(e){if(!(e instanceof HTMLElement))return!1;const t=e.tagName;return t==="INPUT"||t==="TEXTAREA"||t==="SELECT"||e.isContentEditable}function Wx({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=Hx({key:u.key,shiftKey:u.shiftKey,metaKey:u.metaKey,ctrlKey:u.ctrlKey,altKey:u.altKey,inEditable:Qx(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 Kr=(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 Vx(){try{return localStorage.getItem(kl)!=="closed"}catch{return!0}}function Ur(e){try{localStorage.setItem(kl,e?"open":"closed")}catch{}}const Yx=(e,t)=>e!==t,Gx=(e,t,n)=>{if(!(n||!t))return e.find(a=>a.messageId===t)},Xx={unread:e=>!e.isRead,flagged:e=>e.hasStars===!0,attachment:e=>!!e.hasAttachment};function Jx(e,t,n){const a=Array.from(n).map(r=>Xx[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 fn(){const e=c.useContext(Cl);if(!e)throw new Error("MailboxPane.* must be used inside <MailboxPane>");return e}function Zx({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:h,onToggleIntelligence:x,onSetIntelligenceOpen:b}=Ee(),p=Ji(f),y=p.length>0,{freeText:g,tokens:v}=Cs(p,{mailboxesByName:u,accountsByName:d}),j=v.find(L=>L.type==="from"),w={order:"desc",...g?{query:g}:{},...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:E,isLoading:S,isError:k,error:C,refetch:R,fetchNextPage:M,hasNextPage:T,isFetchingNextPage:I}=ui({queryKey:N,queryFn:async({pageParam:L})=>{if(y){const{data:Oe}=await Lc({path:{mailboxId:e},query:{...w,continuationToken:L},throwOnError:!0});return Oe}const{data:Te}=await zc({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:Pc}),D=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:B,isPending:K}=ds({mailboxId:e,onAfterOptimisticRemove:D}),{accountId:$}=bi(e),_=Fx({accounts:l}),{moveMessages:F,isPending:U}=ct({mailboxId:e,accountId:$,onAfterOptimisticRemove:D}),te=Ih(E?.pages.flatMap(L=>L.items??[])??[]),[H,P]=c.useState("all"),[A,Y]=c.useState(new Set),le=c.useMemo(()=>Jx(te,H,A),[te,H,A]),ve=c.useCallback(L=>{P(L)},[]),ce=c.useCallback(L=>{Y(Te=>{const Oe=new Set(Te);return Oe.has(L)?Oe.delete(L):Oe.add(L),Oe})},[]),ye=c.useCallback(()=>{P("all"),Y(new Set)},[]),Se=Yx(m,f),G=Gx(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]),[Q,W]=c.useState(void 0),[ee,ne]=c.useState([]),Ue=c.useCallback(L=>{W(L.focusedMessageId),ne(L.selectedIds)},[]),re=le.find(L=>L.messageId===Q)??G,Ne=c.useRef(null);c.useEffect(()=>{const L=G?.messageId??null;L&&Ne.current!==L&&G?.authenticity?.dkimMismatch&&(Ne.current=L,h||x())},[G?.messageId,G?.authenticity?.dkimMismatch,h,x]);const Fe=c.useRef(!1);c.useEffect(()=>{Fe.current||o&&G?.messageId&&(Fe.current=!0,Vx()&&!h&&b(!0))},[o,G?.messageId,h,b]);const He=Bx({accounts:l})??te.filter(L=>!L.isRead).length,Qe=je(),{pushError:Ct}=ze(),{deleteMessages:ht}=ds({mailboxId:e,threadId:G?.threadId,onAfterOptimisticRemove:D}),{moveMessages:Et}=ct({mailboxId:e,threadId:G?.threadId,accountId:$,onAfterOptimisticRemove:D}),{draftsMailboxId:We}=Ch($),at=We!==void 0&&We===e,{archiveMailboxId:gt}=kh($),Re=c.useCallback(L=>{const Te=jt({path:{threadId:L.threadId}}),Pa=Qe.getQueriesData({queryKey:Te}).flatMap(([,Xl])=>Xl?.items.map(Jl=>Jl.messageId)??[]);return Pa.length>0?Pa:[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}=Fn({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")},[]),V=c.useCallback(()=>{Le("reply_all")},[]),ae=c.useCallback(()=>{Le("forward")},[]),oe=c.useCallback(()=>{Le(null)},[]),{state:Z,openCompose:ue,closeCompose:pe}=wt(),O=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:na()}),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}=Fn({threadId:re?.threadId??"",mailboxId:e}),{toggleReadFor:pt}=vi({mailboxId:e,accountId:$}),{junkMailboxId:Be}=xa($),Ra=Be!=null&&Be===e,{candidates:Ol}=qx(Ra?Be:void 0),{moveMessages:Ma}=ct({mailboxId:e,threadId:re?.threadId,accountId:$,onAfterOptimisticRemove:D}),{deleteMessages:Ta}=ds({mailboxId:e,threadId:re?.threadId,onAfterOptimisticRemove:D}),{addressId:ss,address:Is}=ul(re),{updateFlags:Rs}=dl({addressId:ss,senderEmail:re?.fromEmail??void 0}),Tt=c.useCallback(()=>t||!Q?!1:(a({to:"/mail/$mailboxId",params:{mailboxId:e},search:L=>({...L,selectedMessageId:Q})}),!0),[t,Q,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(re),[ee,Me,re]),_l=c.useCallback(()=>{const L=Dt();L.length>0&&Ta(L)},[Dt,Ta]),Fl=c.useCallback(()=>{if(!Be)return;const L=Dt();L.length!==0&&(ml(i,{count:L.length,senderTrust:re?.senderTrust??"unknown",wasRescuable:re?fl(re):!1}),Ma(L,Be))},[Be,Dt,Ma,i,re]),Bl=c.useCallback(()=>{if(ee.length>0){const L=!(re?.hasStars??!1),Te=new Set(ee);for(const Oe of le)Te.has(Oe.messageId)&&Oe.hasStars!==L&&ke(Oe.messageId,Oe.hasStars);return}re&&ke(re.messageId,re.hasStars)},[ee,le,re,ke]),$l=c.useCallback(()=>{const L=Dt();if(L.length===0)return;const Te=!(re?.isRead??!1);pt(L,Te)},[Dt,re,pt]),ql=c.useCallback(()=>{if(!ss)return;const L=Is?.flags?.muted?.value!==!0;Rs({muted:{value:L}})},[ss,Is,Rs]),Kl=c.useCallback(()=>{if(!ss)return;const L=Is?.flags?.vip?.value!==!0;Rs({vip:{value:L}})},[ss,Is,Rs]),Ul=c.useCallback(()=>{h||x()},[h,x]),ns=c.useCallback(L=>{a({to:L})},[a]),Da=at?"drafts":gt===e?"archive":Be===e?"junk":"inbox",Aa=c.useRef("");c.useEffect(()=>{const L=Aa.current;Aa.current=p,p.length>0&&L.length===0&&i.recordEvent("search.submitted",{mailboxType:Da})},[p,Da,i]);const Hl=!!G,Ql=at&&Z.isOpen&&!!Z.outboxMessageId&&!G,Wl=o&&h&&Hl;Wx({enabled:!Z.isOpen,handlers:{back:de,reply:Pl,replyAll:Ll,forward:zl,delete:_l,toggleStar:Bl,toggleRead:$l,muteSender:ql,blockSender:Ul,vipSender:Kl,markJunk:Fl,toggleIntelligence:G?x:void 0,compose:O,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 Oa=le.map(L=>L.messageId),Vl=Kr(Oa,t,"next")??void 0,Yl=Kr(Oa,t,"previous")??void 0,Gl={mailboxId:e,selectedMessageId:t,selectedThread:G,conversation:Ie,threads:le,isLoading:S,isError:k,error:C,mailboxAccountId:$,mailboxName:_,unreadCount:He,isDraftsMailbox:at,isSpamFolder:Ra,rescueCandidates:Ol,filterCategory:H,filterAttributes:A,onSelectFilterCategory:ve,onToggleFilterAttribute:ce,onClearFilters:ye,showIntelligence:Wl,intelligenceOpen:h,onToggleIntelligence:x,onDeleteMessages:B,onMoveMessages:F,isDeleting:K,isMoving:U,onLoadMore:M,hasMore:T,isLoadingMore:I,onTriageContextChange:Ue,onRetry:()=>R(),toolbarComposeRequest:Mt,onToolbarReply:ts,onToolbarReplyAll:V,onToolbarForward:ae,onClearComposeRequest:oe,onToolbarDelete:Ve,onToolbarStar:es,onToolbarDiscardDraft:me,onToolbarMove:It,composeState:Z,openCompose:O,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:h,mailboxAccountId:x,mailboxName:b,unreadCount:p,isDraftsMailbox:y,isSpamFolder:g,rescueCandidates:v,onTriageContextChange:j,onRetry:w,filterCategory:N,filterAttributes:E,onSelectFilterCategory:S,onToggleFilterAttribute:k,onClearFilters:C}=fn(),{searchQuery:R,searchInput:M,accounts:T}=Ee(),I=Es(),D=Ce(),B=b??"Inbox",K=c.useMemo(()=>sf(),[]),$=c.useMemo(()=>n.map(Hg),[n]),{hits:_,isLoading:F}=Zi({mailboxId:e,filterCategory:N}),U=c.useMemo(()=>al(_,n.map(le=>le.threadId)),[_,n]),te=c.useCallback(le=>D({to:"/mail/$mailboxId",params:{mailboxId:e},search:ve=>({...ve,q:M||void 0,selectedMessageId:le.id,selectedThreadId:le.threadId})}),[e,D,M]);if(y&&x)return s.jsx($p,{mailboxId:e,accountId:x,selectedMessageId:t,imapThreads:n,title:b??"Drafts",unreadCount:p??void 0});const H=s.jsx(Ox,{mailboxId:e,threads:n,selectedMessageId:t,isLoading:a,isError:r,error:o,onRetry:w,searchQuery:R,onDeleteMessages:i,onMoveMessages:l,isDeleting:u,isMoving:d,onLoadMore:f,hasMore:m,isLoadingMore:h,accountId:x,listTitle:B,hideHeader:!0,onTriageContextChange:j}),P=T[0]?.accountId,A=I==="phone"&&P?s.jsx(zx,{accountId:P,children:H}):H,Y=g&&v.length>0&&x?s.jsx(_x,{accountId:x,currentMailboxId:e,candidates:v,onMove:l,children:A}):A;return s.jsx(vl,{title:B,unreadCount:p,preset:K,selectedCategory:N,activeFilters:E,onSelectCategory:S,onToggleFilter:k,onClearFilters:C,searchResults:$,searchLoading:a,relatedResults:U,relatedLoading:F,onSelectSearchResult:te,children:Y})}function eb(){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:h,onToolbarStar:x,onToolbarDiscardDraft:b,onToolbarMove:p,composeState:y,openCompose:g}=fn(),{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(Xt,{});return s.jsxs("section",{className:"flex h-full w-full min-w-0 flex-col bg-canvas",children:[s.jsx(Sa,{hasThread:k,onCompose:g,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?h: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 tb(){const{mailboxId:e,mailboxAccountId:t,selectedThread:n,onToggleIntelligence:a}=fn();return s.jsx(dn,{onClose:a,thread:n,mailboxId:e,accountId:t})}function sb(){const{mailboxId:e,selectedThread:t,conversation:n,intelligenceOpen:a,onToggleIntelligence:r,onBack:o,nextMessageId:i,previousMessageId:l,composeState:u}=fn(),d=Ce();if(n){const f=m=>d({to:"/mail/$mailboxId",params:{mailboxId:e},search:h=>({...h,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(ha,{isOpen:a,onClose:r,ariaLabel:"Message details",side:"right",children:s.jsx(dn,{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(Zx,{List:El,Reading:eb,Intelligence:tb,Phone:sb}),Il=e=>e==="failed"||e==="blocked",Rl=e=>e!=="draft"&&e!=="sent",Ea="remit.savedSearches",nb=25;function Xs(){try{const e=localStorage.getItem(Ea);if(!e)return[];const t=JSON.parse(e);return Array.isArray(t)?t.filter(n=>typeof n=="string"):[]}catch{return[]}}function ab(e){const t=e.trim();if(!t)return Xs();const n=[t,...Xs().filter(a=>a!==t)].slice(0,nb);try{localStorage.setItem(Ea,JSON.stringify(n))}catch{return n}return n}function rb(e){const t=Xs().filter(n=>n!==e);try{localStorage.setItem(Ea,JSON.stringify(t))}catch{return t}return t}const Hr=e=>/^\d/.test(e),ob=(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 ib(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)=>ob(Ht(o,void 0,n),Ht(i,void 0,n))),{system:a,labels:r}}function lb(e,t,n){const a=Zc(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 cb(){const e=ma(),t=aa({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=cb(),{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]),h=Jt({queries:e.map(k=>({...et({path:{accountId:k.accountId}}),staleTime:1/0}))}),{data:x}=ie(Js()),b=c.useMemo(()=>(x?.items??[]).filter(k=>Rl(k.status)).length,[x?.items]),p=c.useMemo(()=>e.map((k,C)=>{const R=h[C],M=R?.data?.items??[],T=ys(k.folderAppointments),{system:I,labels:D}=ib(M,T,m),B=R?.isError?"error":R?.isLoading?"loading":"ready";return{id:k.accountId,label:k.email,email:k.email,muted:!!k.muted,outboxPending:b,status:B,onRetry:()=>R?.refetch(),mailboxes:[...I,...D].map(K=>lb(K,T.get(K.mailboxId),m))}}),[e,h,b,m]),y=k=>{a.invalidateQueries({queryKey:tt({path:{mailboxId:k},query:{order:"desc"}})})},g=({navId:k,className:C,ariaLabel:R,title:M,children:T,onClick:I})=>k==="brief"?s.jsx(Xe,{to:"/mail",search:{q:void 0,selectedMessageId:void 0},onClick:()=>I?.(),className:C,"aria-label":R,title:M,children:T}):k==="outbox"?s.jsx(Xe,{to:"/mail/outbox",search:{q:void 0,selectedOutboxMessageId:void 0},onClick:()=>I?.(),className:C,"aria-label":R,title:M,children:T}):k==="flagged"?s.jsx(Xe,{to:"/mail/flagged",search:{q:void 0,selectedMessageId:void 0},onClick:()=>I?.(),className:C,"aria-label":R,title:M,children:T}):s.jsx(Xe,{to:"/mail/$mailboxId",params:{mailboxId:k},search:{q:void 0,selectedMessageId:void 0},onClick:()=>{y(k),I?.()},className:C,"aria-label":R,title:M,children:T}),v=()=>{t?.()},j=i.trim(),w=j.length>0&&!u.includes(j)?j:void 0,N=c.useCallback(()=>{w&&d(ab(w))},[w]),E=c.useCallback(k=>{d(rb(k))},[]),S=c.useCallback(k=>{l(k),r({to:"/mail",search:{q:k,selectedMessageId:void 0}}),t?.()},[l,r,t]);return s.jsx(fd,{accounts:p,selectedNavId:o,onSelectNav:v,linkComponent:g,variant:n,savedSearches:u,saveableQuery:w,onSaveCurrentSearch:N,onSelectSavedSearch:S,onRemoveSavedSearch:E})}function ub({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(Ao,{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(Ro,{className:"size-4 shrink-0"}),s.jsx("span",{className:"flex-1 truncate text-left",children:"Sign out"})]})})]})]})}const Ml={queued:{icon:ia,label:"Queued",className:"text-warning"},sending:{icon:St,label:"Sending…",className:"text-accent-2"},sent:{icon:No,label:"Sent",className:"text-positive"},failed:{icon:yt,label:"Failed",className:"text-danger"},blocked:{icon:Wn,label:"Blocked",className:"text-warning"}},db=e=>Jc(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"}),fb=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 Ia(){const e=c.useContext(Tl);if(!e)throw new Error("OutboxPane.* must be used inside <OutboxPane>");return e}function mb({children:e}){const t=Ce(),{selectedOutboxMessageId:n}=Ut({strict:!1}),{data:a,isLoading:r}=ie(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:na()})},[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(Bd,{recipients:fb(e),subject:e.subject||"",time:db(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(jo,{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 hb(){const{messages:e,isLoading:t,selectedMessageId:n,onSelectMessage:a}=Ia();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(Xt,{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(Ca,{}),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 gb(){const{selectedMessage:e}=Ia();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(Xt,{message:"Select a message to read",showHints:!1})})]})}function pb(){const{messages:e,isLoading:t,selectedMessageId:n,selectedMessage:a,onSelectMessage:r}=Ia();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(Xt,{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(Ca,{}),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 qs=Object.assign(mb,{List:hb,Reading:gb,Phone:pb}),xb=({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(qt,{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(qt,{children:"Esc"})," to close"]})})]})]}):null};function bb(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 vb(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 yb(e){const t=Jt({queries:e.map(n=>({...et({path:{accountId:n.accountId}}),staleTime:1/0}))});return c.useMemo(()=>vb(t.map(n=>n.data?.items??[])),[t])}var Ks={exports:{}},Vr;function wb(){if(Vr)return Ks.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,h=0;const x=()=>{if(d)return;const b=u.next(),p=h;if(h++,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 Ks.exports=e,Ks.exports.default=e,Ks.exports}var jb=wb();const Sb=_c(jb),Nb=900*1e3,kb=300,Cb=(e,t)=>{if(!e)return t;const n=Number.parseInt(e,10);return Number.isFinite(n)&&n>0?n:t},Eb=60*1e3,Ib=e=>Math.max(Cb(e,kb)*1e3,Eb),Qs=Ib($c().mailboxPollIntervalSeconds),Rb=5,Un=new Set,Mb=(e,t,n=Nb)=>e.filter(a=>{const r=a.lastSyncAt;return r==null?!0:t-r>n}).map(a=>a.accountId),Tb=(e,t,n=Qs)=>e-t>=n,Db=(e,t)=>e.filter(n=>!t.has(n)),Yr=(e,t)=>{if(Un.delete(e),Bc(t,{softError:!0})){go(t);return}console.warn("[remit] background mailbox sync failed",{accountId:e,error:t})},Gr=(e,t)=>Fc({path:{accountId:e},throwOnError:!0}).then(()=>{t.invalidateQueries({queryKey:Vt({path:{accountId:e}})})}),Ab=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=Mb(n.current,r).filter(l=>!Un.has(l));if(i.length!==0)for(const l of i)Un.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=Db(n.current.map(m=>m.accountId),i);for(const m of f)i.add(m);Sb(f,m=>Gr(m,t).catch(h=>{Yr(m,h)}).finally(()=>{i.delete(m)}),{concurrency:Rb})},u=()=>{if(document.visibilityState==="visible"){l(),o=setTimeout(u,Qs);return}},d=()=>{document.visibilityState==="visible"&&Tb(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])},Ob="/mail/",Pb="/mail/outbox",Lb="/mail/flagged";function zb(e){return e.some(t=>t.routeId===Ob)}function _b(e){return e.some(t=>t.routeId===Lb)}function Fb(e){return e.some(t=>t.routeId===Pb)}function Bb(){const{q:e=""}=Ut({from:"/mail"}),t=Ce(),n=Es(),a=Yg(n),[r,o]=c.useState(!1),[i,l]=c.useState(!1),[u,d]=c.useState(!1),f=c.useCallback(H=>{d(H),Ur(H)},[]),[m,h]=c.useState(e),x=bo(m,200),b=c.useRef(e);b.current=e,c.useEffect(()=>{x!==b.current&&t({to:".",search:H=>{const P=H.q===x;return{...H,q:x||void 0,...x&&!P?{selectedMessageId:void 0,selectedThreadId:void 0,selectedMailboxId:void 0}:{}}},replace:!0})},[x,t]);const{data:p,isLoading:y,isError:g,error:v,refetch:j}=ie({...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(H=>{h(H)},[]),E=c.useCallback(()=>{h("")},[]),S=c.useCallback(()=>{h("")},[]),k=c.useCallback(()=>{d(H=>{const P=!H;return Ur(P),P})},[]),C=p?.accounts??[],R=yb(C),M=c.useMemo(()=>bb(C),[C]),T=Ls({select:H=>H.matches.find(A=>"mailboxId"in A.params)?.params.mailboxId}),{selectedMessageId:I}=Ut({strict:!1}),D=Ls({select:H=>zb(H.matches)}),B=Ls({select:H=>_b(H.matches)}),K=Ls({select:H=>Fb(H.matches)});Ab(C);const $=c.useCallback(()=>{l(!1)},[]),_={accounts:C,mailboxNameIndex:R,accountNameIndex:M,searchQuery:x,searchInput:m,onSearchChange:N,onSearchClear:E,onSearchClearQuery:S,intelligenceOpen:u,onToggleIntelligence:k,onSetIntelligenceOpen:f},F=s.jsx(ub,{accounts:C,onMailboxSelect:$}),U=s.jsx(zm,{}),te={navOpen:i,onOpenNav:()=>l(!0),onCloseNav:()=>l(!1)};return s.jsxs(qc.Provider,{value:_,children:[g?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()}})}):D?s.jsx(Fs,{selectedMessageId:I,children:a?s.jsx(rt,{nav:F,list:s.jsx(Fs.Phone,{}),intelligenceOpen:u,overlay:U,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:U,skeleton:s.jsx(Ye,{}),isLoading:y||w,...te})}):B?s.jsx(Bs,{selectedMessageId:I,children:a?s.jsx(rt,{nav:F,list:s.jsx(Bs.Phone,{}),intelligenceOpen:u,overlay:U,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:U,skeleton:s.jsx(Ye,{}),isLoading:y||w,...te})}):T?s.jsx(cs,{mailboxId:T,selectedMessageId:I,children:a?s.jsx(rt,{nav:F,list:s.jsx(cs.Phone,{}),intelligenceOpen:u,overlay:U,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:U,skeleton:s.jsx(Ye,{}),isLoading:y||w,...te})}):K?s.jsx(qs,{children:a?s.jsx(rt,{nav:F,list:s.jsx(qs.Phone,{}),intelligenceOpen:!1,overlay:U,skeleton:s.jsx(Ye,{}),isLoading:y||w,...te}):s.jsx(rt,{nav:F,list:s.jsx(qs.List,{}),reading:s.jsx(qs.Reading,{}),intelligenceOpen:!1,overlay:U,skeleton:s.jsx(Ye,{}),isLoading:y||w,...te})}):s.jsx(Ye,{}),s.jsx(xb,{isOpen:r,onClose:()=>o(!1)}),s.jsx(Kc,{})]})}const nv=Object.freeze(Object.defineProperty({__proto__:null,component:Bb,useMailContext:Ee},Symbol.toStringTag,{value:"Module"}));export{sv as S,pu as U,nv as m};