@remit/web-client-dist 0.0.14 → 0.0.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/{ComposeBody-DddTfNil.js → ComposeBody-cbdfcKhF.js} +1 -1
- package/assets/{ErrorState-Cug-2RyE.js → ErrorState-DHyHWF2q.js} +1 -1
- package/assets/{OnboardingWizard-Dz0IJnIr.js → OnboardingWizard-DPMyUJqa.js} +1 -1
- package/assets/{account-form-helpers-BXR4FlqX.js → account-form-helpers-B7NczTLd.js} +1 -1
- package/assets/{accounts--sLsI9FN.js → accounts-DqgX-SK1.js} +1 -1
- package/assets/{advanced-cjdTrsO7.js → advanced-CgE2TR5F.js} +1 -1
- package/assets/{appearance-D1eu_XkK.js → appearance-BNojqeC4.js} +1 -1
- package/assets/{avatar-BUFmlBRp.js → avatar-BZ7nuEl-.js} +1 -1
- package/assets/{browser-ponyfill-P4hZotZf.js → browser-ponyfill-DFKGDBM2.js} +2 -2
- package/assets/{filter-status-CND52TP2.js → filter-status-CFRLuZFE.js} +1 -1
- package/assets/{filters-LumItLJ3.js → filters-DrOwFh0y.js} +1 -1
- package/assets/{flagged-CwpG8quu.js → flagged-ws2tRi-I.js} +1 -1
- package/assets/{folders-G7ImD9HS.js → folders-Cq4G7JWP.js} +1 -1
- package/assets/index-BpZF0dvL.js +1 -0
- package/assets/{index-OgZXTBAS.js → index-BvnsSipC.js} +4 -4
- package/assets/{index-Efqetgem.js → index-CrgKAEgu.js} +1 -1
- package/assets/{kbd-CoFvyiOE.js → kbd--xScUofF.js} +1 -1
- package/assets/mail-D2UmLgVS.js +112 -0
- package/assets/{onboarding-BBtfjFQd.js → onboarding-DwW4fG3F.js} +1 -1
- package/assets/{select-Dd2KjfYx.js → select-Bc2hq36R.js} +1 -1
- package/assets/{send-rGEzLyDG.js → send-CPh7ED6f.js} +1 -1
- package/assets/{senders-BIgME-Pm.js → senders-BhmaTgvw.js} +1 -1
- package/assets/settings-C7Z4tbR0.js +1 -0
- package/assets/{settings-screen-BP2nt5za.js → settings-screen-BWzRlxGH.js} +1 -1
- package/assets/{star-Dmz1RVsW.js → star-Czodp6pp.js} +1 -1
- package/assets/{suggested-vips-BWJ1SDFP.js → suggested-vips-CS2Yt0kc.js} +1 -1
- package/assets/{trash-2-D2pUmo_m.js → trash-2-B9g19Y70.js} +1 -1
- package/assets/{useDebouncedValue-DIScLdEl.js → useDebouncedValue-DSczIzgv.js} +1 -1
- package/assets/{useMutation-CiZ45Ddc.js → useMutation-CC4odMM8.js} +1 -1
- package/assets/{useSignature-C8q3LSgw.js → useSignature-BLfV4NUM.js} +1 -1
- package/index.html +1 -1
- package/package.json +1 -1
- package/assets/index-BxccfKcx.js +0 -1
- package/assets/mail-CETPKD77.js +0 -112
- package/assets/settings-pcPOwiTm.js +0 -1
package/assets/mail-CETPKD77.js
DELETED
|
@@ -1,112 +0,0 @@
|
|
|
1
|
-
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/ComposeBody-DddTfNil.js","assets/index-OgZXTBAS.js","assets/index-DmHlZDE_.css","assets/kbd-CoFvyiOE.js","assets/avatar-BUFmlBRp.js","assets/star-Dmz1RVsW.js","assets/trash-2-D2pUmo_m.js","assets/account-form-helpers-BXR4FlqX.js","assets/send-rGEzLyDG.js","assets/useMutation-CiZ45Ddc.js","assets/useSignature-C8q3LSgw.js","assets/useDebouncedValue-DIScLdEl.js","assets/ErrorState-Cug-2RyE.js","assets/format-BGdB831k.js","assets/folder-roles-XnseeyyD.js","assets/select-Dd2KjfYx.js","assets/filter-status-CND52TP2.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 $,B as X,b as Je,d as yt,e as Xl,f as Xr,p as Jr,I as Qn,i as Jl,g as Zr,D as eo,O as Zl,F as Wn,h as to,T as Vn,P as ec,k as so,l as tc,R as Yn,m as Gn,_ as it,n as no,o as sc,Q as Xn,q as nc,s as ac,S as rc,t as Tn,u as oc,v as ic,w as je,x as lc,y as cc,z as uc,A as dc,E as fc,G as mc,H as La,J as hc,K as gc,L as pc,M as ao,N as ro,U as oo,V as wt,W as Ce,Y as fe,Z as xs,$ as Jn,a0 as re,a1 as io,a2 as lo,a3 as xc,a4 as Js,a5 as co,a6 as Ze,a7 as ze,a8 as bc,a9 as $e,aa as uo,ab as fs,ac as Zs,ad as vc,ae as et,af as tt,ag as ut,ah as Vt,ai as en,aj as jt,ak as yc,al as wc,am as jc,an as Sc,ao as fo,ap as z,aq as tn,ar as Ut,as as Nc,at as Zn,au as kc,av as Cc,aw as Ee,ax as mo,ay as ea,az as sn,aA as Dn,aB as Ec,aC as ho,aD as Xe,aE as ta,aF as sa,aG as na,aH as Ic,aI as Rc,aJ as Mc,aK as Tc,aL as aa,aM as Dc,aN as Ac,aO as Oc,aP as Pc,aQ as Lc,aR as zc,aS as _c,aT as Fc,aU as Bc,aV as rt,aW as Ye,aX as $c}from"./index-OgZXTBAS.js";import{K as Kt}from"./kbd-CoFvyiOE.js";import{A as st,M as ra,C as Kc}from"./avatar-BUFmlBRp.js";import{S as dt}from"./star-Dmz1RVsW.js";import{T as qe}from"./trash-2-D2pUmo_m.js";import{L as St,M as go,a as qc}from"./account-form-helpers-BXR4FlqX.js";import{S as bs,F as Uc,M as Hc,A as Qc,a as po}from"./send-rGEzLyDG.js";import{u as xe}from"./useMutation-CiZ45Ddc.js";import{R as Wc,u as Vc}from"./useSignature-C8q3LSgw.js";import{S as vs,u as xo}from"./useDebouncedValue-DIScLdEl.js";import{E as ft,f as bo}from"./ErrorState-Cug-2RyE.js";import{f as vo,a as mt,b as Ws,c as Yc,t as Gc}from"./format-BGdB831k.js";import{b as ys,R as An,g as Vs,l as Ht,s as Xc}from"./folder-roles-XnseeyyD.js";import{C as ws,S as Jc}from"./select-Dd2KjfYx.js";import{b as yo,h as Zc,p as eu,u as tu}from"./filter-status-CND52TP2.js";const wo=se("ArrowLeft",[["path",{d:"m12 19-7-7 7-7",key:"1l729n"}],["path",{d:"M19 12H5",key:"x3x0zl"}]]);const su=se("ArrowRight",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]]);const nn=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 nu=se("Ban",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m4.9 4.9 14.2 14.2",key:"1m5liu"}]]);const jo=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 au=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 So=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 No=se("Code",[["polyline",{points:"16 18 22 12 16 6",key:"z7tu5w"}],["polyline",{points:"8 6 2 12 8 18",key:"1eg1df"}]]);const ko=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 ru=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 Co=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 Eo=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 Io=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 ou=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 iu=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 lu=se("Minus",[["path",{d:"M5 12h14",key:"1ays0h"}]]);const an=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 cu=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 Ro=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 Mo=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 To=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 uu=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 Do=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 rn=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 du=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 fu=se("ShieldX",[["path",{d:"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",key:"oel41y"}],["path",{d:"m14.5 9.5-5 5",key:"17q4r4"}],["path",{d:"m9.5 9.5 5 5",key:"18nt4w"}]]);const Ke=se("Sparkles",[["path",{d:"M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z",key:"4pj2yx"}],["path",{d:"M20 3v4",key:"1olli1"}],["path",{d:"M22 5h-4",key:"1gvqau"}],["path",{d:"M4 17v2",key:"vumght"}],["path",{d:"M5 18H3",key:"zchphs"}]]);const mu=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 hu=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"}]]),gu=({address:e,showTrustedBadge:t=!1})=>{const n=t?s.jsx(nn,{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]})},pu=({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(gu,{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"})})]})},xu=({email:e,displayName:t,onRemove:n,className:a})=>s.jsxs("span",{className:$("inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-accent-2-soft text-sm max-w-[200px]",a),children:[s.jsx("span",{className:"truncate",children:t||e}),s.jsx("button",{type:"button",onClick:n,className:"shrink-0 p-0.5 rounded-full hover:bg-fg-muted/20 transition-colors","aria-label":`Remove ${e}`,children:s.jsx(De,{className:"size-3"})})]}),bu={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:$("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 vu({sender:e}){const t=bu[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 yu({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(rn,{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(du,{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:$("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 wu={sender:"matched: sender",recipient:"matched: recipient",subject:"matched: subject",attachment:"matched: attachment",body:"matched: body",entities:"matched: entities"};function Ao({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:$("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(vu,{sender:u})}),s.jsx(At,{label:"Authenticity",children:s.jsx(yu,{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(jo,{className:"size-3.5"}),label:"Mute",active:m.muted,onClick:a?.onToggleMute}),s.jsx(Ot,{icon:s.jsx(nu,{className:"size-3.5"}),label:"Block",active:m.blocked,danger:!0,onClick:a?.onToggleBlock}),s.jsx(Ot,{icon:s.jsx(iu,{className:"size-3.5"}),label:"Unsubscribe",active:m.unsubscribed,onClick:a?.onToggleUnsubscribe}),a?.onNotSpam&&s.jsx(Ot,{icon:s.jsx(ou,{className:"size-3.5"}),label:"Not spam",onClick:a.onNotSpam}),a?.onMarkSpam&&s.jsx(Ot,{icon:s.jsx(fu,{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:wu[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(Ke,{className:"mt-0.5 size-3.5 shrink-0 text-fg-subtle"}),s.jsxs("div",{children:[s.jsx("div",{className:"text-xs font-medium text-fg-muted",children:"Suggested actions"}),s.jsx("div",{className:"text-2xs text-fg-subtle",children:'"Create a filter for messages like this" — on-device model'})]})]}),s.jsxs("div",{className:"flex items-start gap-2 rounded-md border border-dashed border-line p-2",children:[s.jsx(Ke,{className:"mt-0.5 size-3.5 shrink-0 text-fg-subtle"}),s.jsxs("div",{children:[s.jsx("div",{className:"text-xs font-medium text-fg-muted",children:"Thread summary"}),s.jsx("div",{className:"text-2xs text-fg-subtle",children:"One-paragraph digest — Bedrock"})]})]})]})})]})}const ju=[{keys:["j","k"],label:"navigate"},{keys:["m"],label:"mute"},{keys:["?"],label:"all shortcuts"}];function Oo({hints:e=ju,className:t}){return s.jsx("footer",{className:$("flex items-center gap-2 border-t border-line px-row-inset py-1 text-2xs text-fg-subtle",t),children:e.map(n=>s.jsx(Su,{hint:n},n.label))})}function Su({hint:e}){return s.jsxs("span",{className:"flex items-center gap-1",children:[e.keys.map(t=>s.jsx(Kt,{children:t},t)),s.jsx("span",{children:e.label})]})}function Nu(){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 ku({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 Cu({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 Po=({active:e,focused:t})=>$("relative flex h-8 w-full items-center gap-2 px-row-inset text-left",e?"bg-accent-2-soft":t?"bg-surface-sunken":"hover:bg-surface-sunken",t&&!e&&"before:absolute before:inset-y-0 before:left-0 before:w-0.5 before:bg-accent-2"),Yt=({active:e,focused:t})=>$("relative flex w-full items-start gap-3 py-2 pl-5 pr-row-inset text-left transition-colors",e?"bg-accent-2-soft":t?"bg-surface-sunken":"hover:bg-surface-sunken",t&&!e&&"before:absolute before:inset-y-0 before:left-0 before:w-0.5 before:bg-accent-2");function Lo({thread:e}){const t=!e.isRead;return s.jsxs(s.Fragment,{children:[s.jsx("span",{className:"flex w-4 shrink-0 items-center justify-center",children:e.suspicious?s.jsx(Ss,{className:"size-3.5 text-danger"}):e.starred?s.jsx(dt,{className:"size-3 fill-warning text-warning"}):t?s.jsx("span",{className:"size-1.5 rounded-full bg-accent"}):null}),s.jsx("span",{className:$("w-36 shrink-0 truncate text-xs",t?"font-semibold text-fg":"text-fg-muted"),children:e.fromName}),s.jsxs("span",{className:"min-w-0 flex-1 truncate text-xs",children:[s.jsx("span",{className:$(t?"font-medium text-fg":"text-fg-muted"),children:e.subject}),s.jsxs("span",{className:"text-fg-subtle",children:[" — ",e.snippet]})]}),e.hasAttachment&&s.jsx(an,{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:$("flex min-w-0 items-center gap-1.5 truncate text-sm",n?"font-semibold text-fg":"font-medium text-fg-muted"),children:[e.trust==="vip"&&s.jsx("span",{className:"size-1.5 shrink-0 rounded-full bg-accent-2"}),s.jsx("span",{className:"truncate",children:e.fromName}),e.messageCount!=null&&e.messageCount>1&&s.jsx("span",{className:"shrink-0 text-2xs font-normal text-fg-subtle",children:e.messageCount})]}),s.jsx("span",{className:"shrink-0 text-2xs text-fg-subtle tabular-nums",children:e.timeLabel})]}),s.jsxs("span",{className:"flex items-center gap-1.5",children:[s.jsx("span",{className:$("truncate text-sm",n?"text-fg":"text-fg-muted"),children:e.subject}),e.suspicious&&s.jsx(Ss,{className:"size-3.5 shrink-0 text-danger"}),e.starred&&s.jsx(dt,{className:"size-3 shrink-0 fill-warning text-warning"}),e.hasAttachment&&s.jsx(an,{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:Xl[e.category],className:"shrink-0",children:e.category}),t]})]})}function zo({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 Eu({thread:e,active:t,onClick:n}){return s.jsx("button",{type:"button",onClick:n,className:Po({active:t}),children:s.jsx(Lo,{thread:e})})}function _o({thread:e,active:t,onClick:n}){return s.jsx("button",{type:"button",onClick:n,className:Yt({active:t}),children:s.jsx(zo,{thread:e})})}function Fo({count:e,onCancel:t,onMarkRead:n,onDelete:a,moveSlot:r,moveDisabledHint:o,isBusy:i=!1}){return s.jsxs("header",{className:"flex shrink-0 flex-col border-b border-line bg-surface-sunken",children:[s.jsxs("div",{className:"flex h-pane-header items-center gap-2 px-row-inset",children:[s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(De,{className:"size-4"}),onClick:t,"aria-label":"Cancel selection",className:"-ml-1 shrink-0"}),s.jsxs("span",{className:"min-w-0 flex-1 truncate text-sm font-medium text-fg",children:[e," ",e===1?"message":"messages"," selected"]}),n&&s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(js,{className:"size-4"}),onClick:i?void 0:n,"aria-label":"Mark as read","aria-busy":i||void 0,className:"shrink-0"}),r,s.jsx(X,{variant:"ghost",size:"sm",icon:i?s.jsx(St,{className:"size-4 animate-spin"}):s.jsx(qe,{className:"size-4 text-danger"}),onClick:i?void 0:a,"aria-label":"Delete selected messages","aria-busy":i||void 0,className:"shrink-0"})]}),o&&s.jsx("p",{className:"px-row-inset pb-2 text-xs text-fg-muted",role:"status","aria-live":"polite",children:o})]})}const Qt=72,_a=10;function Fa(e){return e==="leading"?Qt:e==="trailing"?-Qt:0}function Iu(e){return e>=Qt/2?"leading":e<=-Qt/2?"trailing":"none"}function Bo({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 E=h.current;if(!E)return;const R=C.clientX-E.startX,M=C.clientY-E.startY;if(E.axis==="none"){if(Math.abs(M)>_a&&Math.abs(M)>Math.abs(R)){E.axis="vertical",p(),h.current=null;return}Math.abs(R)>_a&&(E.axis="horizontal",E.moved=!0,p(),C.currentTarget.setPointerCapture(C.pointerId))}if(E.axis!=="horizontal")return;const T=Fa(r),P=Math.max(-Qt,Math.min(Qt,T+R));b(P)},v=()=>{p();const C=h.current;h.current=null;const E=x;if(b(null),!!C){if(C.axis==="horizontal"&&E!==null){o(Iu(E));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",I=$("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:$("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(zo,{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(go,{className:"size-6"}):s.jsx(js,{className:"size-6"})}),N==="trailing"&&s.jsx("button",{type:"button",onClick:()=>d("trailing"),"aria-label":"Delete message",className:"absolute inset-y-0 right-0 flex items-center justify-end bg-danger px-6 text-canvas",children:s.jsx(qe,{className:"size-6"})}),f&&!t?f({className:I,style:S,onPointerDown:y,onPointerMove:g,onPointerUp:v,onPointerCancel:v,onOpenClick:j,children:k}):s.jsx("button",{type:"button",onPointerDown:y,onPointerMove:g,onPointerUp:v,onPointerCancel:v,className:I,style:S,children:k})]})}function Ru({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(Ro,{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(Bo,{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 $o({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"?Eu:_o,I=!y&&!a&&o==="ready",S=n.flatMap(q=>q.threads),[k,C]=c.useState(g==="selection"),[E,R]=c.useState(()=>g==="selection"?new Set(S.slice(0,2).map(q=>q.id)):new Set),[M,T]=c.useState(!1),P=g==="peek-trailing"?"trailing":g==="peek-leading"?"leading":void 0,Y=q=>{R(te=>{const U=new Set(te);return U.has(q)?U.delete(q):U.add(q),U.size===0&&C(!1),U})},K=q=>{C(!0),R(new Set([q]))},B=()=>{C(!1),R(new Set)},_=()=>{T(!0),setTimeout(()=>T(!1),1400)},F=!v&&I&&k&&E.size>0;return s.jsxs("section",{className:"flex h-full w-full flex-col bg-surface",children:[v??(F?s.jsx(Fo,{count:E.size,onCancel:B,onMarkRead:B,onDelete:B}):w?null:s.jsxs("header",{className:"flex h-pane-header shrink-0 items-center gap-2 border-b border-line px-row-inset",children:[p&&s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(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(Nu,{})}):o==="empty"?s.jsx(ku,{searchQuery:i}):o==="error"?s.jsx(Cu,{message:l,onRetry:u,onReport:d}):a?s.jsx(Xr,{sections:n,briefCategory:f,selectedThreadId:m,Row:N,onSelectThread:x,onSelectBriefCategory:b}):j??(I?s.jsx(Ru,{sections:n,selectedThreadId:m,selectionMode:k,checkedIds:E,initialPeek:P,onToggleCheck:Y,onEnterSelection:K,onOpenThread:q=>x?.(q),onRefresh:_,refreshing:M}):s.jsx("div",{className:"flex-1 overflow-y-auto",children:n.map(q=>s.jsxs("div",{children:[!r&&q.label&&s.jsxs("div",{className:"sticky top-0 flex h-section-row items-center justify-between border-b border-line bg-surface-sunken px-row-inset",children:[s.jsx("span",{className:"text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:q.label}),s.jsx("span",{className:"text-2xs text-fg-subtle tabular-nums",children:q.threads.length})]}),s.jsx("div",{className:"divide-y divide-line",children:q.threads.map(te=>s.jsx(N,{thread:te,active:te.id===m,onClick:()=>x?.(te.id)},te.id))})]},q.id))})),y&&s.jsx(Oo,{})]})}function Mu({triggerLabel:e,triggerIcon:t,items:n,align:a="end",touch:r=!0,className:o}){const[i,l]=c.useState(!1),u=c.useRef(null);return c.useEffect(()=>{if(!i)return;const d=m=>{u.current&&!u.current.contains(m.target)&&l(!1)},f=m=>{m.key==="Escape"&&l(!1)};return document.addEventListener("mousedown",d),document.addEventListener("keydown",f),()=>{document.removeEventListener("mousedown",d),document.removeEventListener("keydown",f)}},[i]),n.length===0?null:s.jsxs("div",{ref:u,className:$("relative",o),children:[s.jsx(X,{variant:"ghost",size:"sm",icon:t??s.jsx(ko,{className:"size-5"}),onClick:()=>l(d=>!d),"aria-label":e,"aria-haspopup":"menu","aria-expanded":i,className:$(r&&"min-h-11 min-w-11 px-0")}),i&&s.jsx("div",{role:"menu",className:$("absolute top-full z-50 mt-1 flex min-w-44 flex-col rounded-md border border-line bg-surface py-1 shadow-lg",a==="end"?"right-0":"left-0"),children:n.map(d=>s.jsxs("button",{type:"button",role:"menuitem",onClick:()=>{l(!1),d.onSelect()},className:"flex min-h-11 items-center gap-3 px-4 py-2.5 text-left text-sm text-fg transition-colors hover:bg-surface-sunken",children:[d.icon&&s.jsx("span",{className:"shrink-0 text-fg-subtle",children:d.icon}),d.label]},d.key))})]})}const 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(go,{className:"size-4"}):s.jsx(js,{className:"size-4"}),onSelect:b("toggleRead",u)}]:[];return s.jsxs("div",{className:$("relative",x),children:[s.jsxs("div",{className:"flex h-12 shrink-0 items-center gap-0.5 border-y border-line bg-canvas px-1",children:[s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(To,{className:"size-5"}),onClick:b("reply",t),"aria-label":"Reply",title:"Reply",className:as}),s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(Mo,{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(Eo,{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:$("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(qe,{className:"size-5"}),onClick:b("delete",i),"aria-label":"Move to Trash",title:"Move to Trash",className:as}),s.jsx(Mu,{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 Tu({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:$("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(To,{className:"size-4"}),title:h,"aria-label":"Reply",onClick:j("reply",o)}),s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(Mo,{className:"size-4"}),title:x,"aria-label":"Reply all",onClick:j("replyAll",i)}),s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(Eo,{className:"size-4"}),title:b,"aria-label":"Forward",onClick:j("forward",l)}),r&&s.jsxs(s.Fragment,{children:[s.jsx("span",{className:"mx-1 h-4 w-px bg-line","aria-hidden":!0}),s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(qe,{className:"size-4"}),title:p,"aria-label":"Move to Trash",onClick:j("delete",u)}),f??s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(Co,{className:"size-4"}),title:"Move to mailbox","aria-label":"Move to mailbox",onClick:j("move",m)}),s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(dt,{className:$("size-4",a&&"fill-warning text-warning")}),title:y,"aria-label":"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 Du=(e,t)=>{const a=e==="newsletter"||e==="marketing"||t;return{framed:a,isPlain:!a}},Au=()=>`
|
|
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
|
-
`,Ou=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,""))},Pu=/^(none|transparent|inherit|initial|unset)\s*$/i,Lu=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},zu=e=>{const t=/background(?:-color)?\s*:\s*([^;}\n]+)/gi;let n;for(n=t.exec(e);n!==null;){const a=n[1].trim();if(!Pu.test(a))return!0;n=t.exec(e)}return!1},_u=e=>{if(/\bstyle\s*=\s*["'][^"']*background/i.test(e)||/\bbgcolor\s*=/i.test(e))return!0;for(const t of Lu(e))if(zu(t))return!0;return!1},Fu=["script","iframe","object","embed","form","input","button","textarea","select","meta","link","base"],Bu=["onerror","onload","onclick","onmouseover","onmouseout","onfocus","onblur","onsubmit","onkeydown","onkeyup","formaction","xlink:href","data-bind"],$u="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
|
-
`),Ku=e=>e.replace(/url\s*\([^)]*\)/gi,"none").replace(/expression\s*\([^)]*\)/gi,"").replace(/-moz-binding\s*:[^;]*/gi,""),qu=e=>e.replace(/@import[^;]*;/gi,"/* @import blocked */").replace(/url\s*\([^)]*\)/gi,"none").replace(/expression\s*\([^)]*\)/gi,"").replace(/-moz-binding\s*:[^;]*/gi,""),Uu=(e={})=>{const t=Jr(),n={FORBID_TAGS:Fu,FORBID_ATTR:Bu,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",$u),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",Ku(r))}}),t.addHook("uponSanitizeElement",(a,r)=>{if(r.tagName==="style"){const o=a.textContent||"";a.textContent=qu(o)}}),a=>{const r=_u(a),o=t.sanitize(a,n);return{html:`<style>${Au()}</style>${o}`,hasAuthorBackground:r}}},Hu='"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)"}},Qu=/prefers-color-scheme\s*:\s*dark|color-scheme\s*:\s*[^;}"']*\bdark\b/i,$a='<meta name="viewport" content="width=device-width, initial-scale=1">',Wu=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: ${Hu};
|
|
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
|
-
`},Vu=(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}",Yu=(e,t,n)=>{if(t==="plain")return`${$a}<style>${Wu(n)}</style>${e}`;const a=Qu.test(e);return`${$a}<style>${Vu(n,a)}</style>${e}`},Gu=5e4,Xu=1e4,Ju="(max-width: 640px)",Zu=.4,ed="allow-same-origin allow-popups allow-popups-to-escape-sandbox",Ka=(e,t,n)=>Math.min(Math.ceil(Math.max(e,t)),n),td=(e,t)=>e<=0||t<=0||e<=t?1:Math.max(Zu,t/e),sd=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},qa=({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=sd(Ju),x=c.useMemo(()=>Yu(e,t,n),[e,t,n]);c.useEffect(()=>{const j=r.current;if(!j)return;const w=()=>m(I=>I===j.clientWidth?I:j.clientWidth);w();const N=new ResizeObserver(w);return N.observe(j),()=>N.disconnect()},[]),c.useEffect(()=>{const j=o.current;if(!j)return;const w=()=>{const S=j.contentDocument;if(!S?.body)return;const k=S.documentElement,C=Ka(S.body.scrollHeight,k?.scrollHeight??0,Gu);l(R=>R===C?R:C);const E=Ka(S.body.scrollWidth,k?.scrollWidth??0,Xu);d(R=>R===E?R:E)};let N;const I=()=>{w();const S=j.contentDocument;S?.body&&(N=new ResizeObserver(w),N.observe(S.body),S.documentElement&&N.observe(S.documentElement))};return j.addEventListener("load",I),()=>{j.removeEventListener("load",I),N?.disconnect()}},[]);const b=h?td(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:ed,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."}),qo=({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:Uu({allowExternalImages:r,resolveCid:o})(e),[e,r,o]),d=u?.html??null,{framed:f,isPlain:m}=Du(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:$("message-body",i),children:s.jsx(Ua,{})}):s.jsxs("div",{className:$("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(qa,{html:d,variant:"framed",isDark:n})}):s.jsx("div",{className:"max-w-full overflow-x-auto lg:max-w-2xl",children:s.jsx(qa,{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:$("flex flex-1 flex-col items-center justify-center text-center",a),children:[t??s.jsx(Qn,{className:"size-10 text-fg-subtle"}),s.jsx("p",{className:"mt-3 text-sm text-fg-muted",children:e}),n&&s.jsxs("p",{className:"text-2xs text-fg-subtle",children:[s.jsx(Kt,{children:"j"})," / ",s.jsx(Kt,{children:"k"})," to move, ",s.jsx(Kt,{children:"Enter"})," to open"]})]})}function Uo({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:$("w-36 shrink-0 truncate text-sm",a?"font-semibold text-fg":"font-medium text-fg-muted"),children:e.fromName}),s.jsx("span",{className:"min-w-0 flex-1 truncate text-xs text-fg-subtle",children:e.snippet}),r??s.jsx("span",{className:"shrink-0 text-2xs text-fg-subtle tabular-nums",children:e.dateLabel})]}),i=$("group flex h-section-row w-full items-center gap-3 border-b border-line px-2 text-left transition-colors hover:bg-surface-sunken lg:px-4",n&&"bg-surface-sunken ring-1 ring-inset ring-accent/30");return t?s.jsx("div",{role:"button",tabIndex:0,"aria-expanded":!1,onClick:t,onKeyDown:l=>{Jl(l)&&(l.preventDefault(),t())},className:$(i,"cursor-pointer"),children:o}):s.jsx("div",{className:i,children:o})}function Ho({message:e,warning:t,onHeaderClick:n,isFocused:a,senderBadge:r,trailing:o,to:i,indicators:l,actionMenu:u,actionBar:d,body:f}){const m=s.jsxs(s.Fragment,{children:[s.jsxs("div",{className:"flex items-baseline justify-between gap-2",children:[s.jsxs("span",{className:"text-sm font-semibold text-fg",children:[e.fromName,r]}),o??s.jsx("span",{className:"text-2xs text-fg-subtle",children:e.dateLabel})]}),s.jsx("div",{className:"text-xs text-fg-subtle",children:e.fromEmail}),i!==null&&s.jsx("div",{className:"text-xs text-fg-subtle",children:i??s.jsxs(s.Fragment,{children:["to ",e.toLabel]})})]});return s.jsxs("div",{className:$("px-2 py-3 lg:px-4",a&&"ring-1 ring-inset ring-accent/30"),children:[s.jsxs("div",{className:"flex items-start gap-3",children:[s.jsx(vt,{className:"mt-1 size-3.5 shrink-0 text-fg-subtle"}),s.jsx(st,{name:e.fromName,email:e.fromEmail,size:"md"}),s.jsxs("div",{className:"min-w-0 flex-1",children:[n?s.jsx("button",{type:"button",onClick:n,className:"w-full text-left",children:m}):m,l]}),u&&s.jsx("div",{className:"shrink-0",children:u})]}),t&&s.jsxs("div",{className:"mt-3 flex items-start gap-3 rounded-md bg-danger-soft p-3",children:[s.jsx(Ss,{className:"mt-0.5 size-4 shrink-0 text-danger"}),s.jsxs("div",{className:"text-sm text-fg",children:[s.jsx("span",{className:"font-semibold text-danger",children:"Caution: "}),t," ",s.jsx("button",{type:"button",className:"text-accent underline",children:"Why?"})]})]}),d&&s.jsx("div",{className:"mt-3 -mx-2 lg:-mx-4",children:d}),f??s.jsx(qo,{className:"mt-3",html:e.bodyHtml,category:e.framed?"newsletter":"personal",allowImages:!0})]})}function nd({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(wo,{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:$("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(Ho,{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(Uo,{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(Ao,{data:n,onClose:b,className:"h-full w-full border-l-0"})})]})}function ad({active:e,dimmed:t,indent:n}){return $("flex w-full items-center gap-2 rounded-md px-2 py-1 text-left text-sm transition-colors",n&&"pl-7",e?"bg-accent-2-soft font-medium text-accent-2":"text-fg-muted hover:bg-surface hover:text-fg",t&&"opacity-55")}function rd({icon:e,label:t,count:n,active:a}){return s.jsxs(s.Fragment,{children:[e&&s.jsx("span",{className:$("shrink-0",a?"text-accent-2":"text-fg-subtle"),children:e}),s.jsx("span",{className:"flex-1 truncate",children:t}),n!=null&&n>0&&s.jsx("span",{className:$("text-2xs tabular-nums",a?"text-accent-2":"text-fg-subtle"),children:n})]})}function us({icon:e,label:t,count:n,active:a,dimmed:r,indent:o,navId:i,linkComponent:l,ariaLabel:u,title:d,onClick:f}){const m=ad({active:a,dimmed:r,indent:o}),h=s.jsx(rd,{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 od(e){switch(e){case"inbox":return s.jsx(Qn,{className:"size-4"});case"flagged":return s.jsx(dt,{className:"size-4"});case"drafts":return s.jsx(po,{className:"size-4"});case"sent":return s.jsx(bs,{className:"size-4"});case"archive":return s.jsx(Qc,{className:"size-4"});case"all":return s.jsx(Hc,{className:"size-4"});case"junk":return s.jsx(Zl,{className:"size-4"});case"trash":return s.jsx(qe,{className:"size-4"})}}const Qa=e=>e.role!=null,hn=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 id({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 ld({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(au,{className:"size-4 shrink-0"}),s.jsxs("span",{className:"min-w-0 flex-1 truncate",children:["Save “",t,"”"]})]}),e.map(o=>s.jsx(id,{query:o,onSelect:()=>n?.(o),onRemove:a?()=>a(o):void 0},o))]})}function cd({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<=hn?x:x.slice(0,hn),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:$("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(jo,{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:od(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(Uc,{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>hn&&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 ud({accounts:e,selectedNavId:t,briefUnseen:n,onSelectNav:a,variant:r="desktop",linkComponent:o,savedSearches:i=[],saveableQuery:l,onSelectSavedSearch:u,onRemoveSavedSearch:d,onSaveCurrentSearch:f}){const m=s.jsxs("nav",{className:r==="drawer"?"px-2 py-2":"flex-1 overflow-y-auto px-2 py-2","aria-label":"Mailboxes",children:[s.jsx(us,{navId:"brief",linkComponent:o,icon:s.jsx(Ke,{className:"size-4"}),label:"Daily brief",ariaLabel:"Daily brief",count:n,active:t==="brief",onClick:()=>a?.("brief")}),s.jsx(us,{navId:"flagged",linkComponent:o,icon:s.jsx(dt,{className:"size-4"}),label:"Starred",ariaLabel:"Starred",active:t==="flagged",onClick:()=>a?.("flagged")}),s.jsx(ld,{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(cd,{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 dd({label:e,size:t="sm",onUndo:n,undoLabel:a="Undo",className:r}){return s.jsxs(Je,{tone:"accent",className:$(t==="md"&&"py-1 text-xs",r),children:[s.jsx(hu,{className:$(t==="sm"?"size-3":"size-3.5","shrink-0"),"aria-hidden":!0}),s.jsx("span",{children:e}),n&&s.jsx("button",{type:"button",onClick:o=>{o.stopPropagation(),n()},className:"font-semibold underline decoration-dotted underline-offset-2 hover:decoration-solid",children:a})]})}const fd=320,md="cubic-bezier(0.32, 0.9, 0.3, 1)",hd=.5,gd=.4,pd=360;function xd(e){return Math.sign(e)*Math.sqrt(Math.abs(e))*4}function bd({open:e,onClose:t,children:n,dismissLabel:a="Dismiss"}){const r=c.useRef(null),[o,i]=c.useState(pd),[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?xd(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>hd||v>o*gd;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 ${fd}ms ${md}`;return s.jsxs("div",{className:$("absolute inset-0 z-40 select-none overflow-hidden",e||x?"":"pointer-events-none"),children:[s.jsx("button",{type:"button","aria-label":a,tabIndex:-1,onClick:t,className:$("absolute inset-0 bg-black/40",p>0?"pointer-events-auto":"pointer-events-none"),style:{opacity:p*.6,transition:y.replace("transform","opacity")}}),s.jsxs("div",{ref:r,className:"absolute inset-x-0 bottom-0 flex max-h-[92%] flex-col rounded-t-3xl border-t border-line bg-surface shadow-2xl shadow-black/30",style:{transform:`translateY(${b}px)`,transition:y},children:[s.jsx("div",{role:"slider","aria-label":"Drag down to dismiss","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":Math.round(p*100),tabIndex:0,onPointerDown:f,onPointerMove:m,onPointerUp: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 vd="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 yd({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:vd,...i}),s.jsx(ws,{className:$(Xa,"hidden peer-checked:block"),"aria-hidden":!0}),s.jsx(lu,{className:$(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:$("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 wd=({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 jd({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(wd,{status:r})]}),s.jsx(X,{variant:"ghost",size:"md","aria-busy":n,"aria-label":"Discard",className:"min-h-11 min-w-11 px-2 hover:text-danger",icon:s.jsx(qe,{className:"size-4"}),onClick:()=>{n||t()}})]})}function Sd({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 Nd=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||Nd(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:$("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 kd({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 Cd=(e,t)=>e==="vip"?"vip":e==="unknown"&&t==="md"?"unknown-pill":"hidden",Ed=({senderTrust:e,size:t="sm",className:n})=>{const a=Cd(e,t);return a==="vip"?s.jsx(Ke,{className:$("text-warning shrink-0",t==="sm"&&"size-3.5",t==="md"&&"size-4",n),"aria-label":"VIP sender","data-testid":"sender-trust-vip"}):a==="unknown-pill"?s.jsx("span",{className:$("inline-flex items-center rounded border border-dashed border-fg-subtle/40 font-medium uppercase tracking-wide text-fg-muted/80 shrink-0","px-2 py-0.5 text-xs",n),title:"First message from this sender","aria-label":"First message from this sender","data-testid":"sender-trust-unknown",children:"new"}):null};function 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 Id({result:e,onClick:t,query:n}){return s.jsxs("button",{type:"button",onClick:t,className:"flex w-full flex-col gap-0.5 border-b border-line px-row-inset py-2.5 text-left transition-colors hover:bg-surface-sunken",children:[s.jsxs("div",{className:"flex items-baseline gap-2",children:[s.jsx("span",{className:$("min-w-0 flex-1 truncate text-sm",e.unread?"font-semibold text-fg":"font-medium text-fg-muted"),children:e.sender}),s.jsx("span",{className:"shrink-0 text-2xs text-fg-subtle tabular-nums",children:e.date})]}),s.jsxs("div",{className:"flex items-center gap-1.5",children:[s.jsx("span",{className:$("min-w-0 flex-1 truncate text-sm",e.unread?"text-fg":"text-fg-muted"),children:Ja(e.subject,n)}),e.flagged&&s.jsx(ru,{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 Rd=({label:e,onRemove:t,className:n})=>s.jsxs("span",{className:$("inline-flex items-center gap-1 rounded-full border border-line bg-surface-sunken px-2 py-0.5 text-2xs text-fg-muted",n),children:[s.jsx("span",{children:e}),s.jsx("button",{type:"button",onClick:t,className:"shrink-0 rounded-full p-0.5 hover:bg-fg-muted/20 transition-colors","aria-label":`Remove filter: ${e}`,children:s.jsx(De,{className:"size-3"})})]}),Md=({tokens:e,className:t})=>e.length===0?null:s.jsx("div",{className:$("flex flex-wrap items-center gap-1.5 border-b border-line bg-surface px-row-inset py-1.5",t),children:e.map(n=>s.jsx(Rd,{label:n.label,onRemove:n.onRemove},n.label))}),Za=6;function Td({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:$("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(Id,{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 Qo({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(Md,{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(Td,{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 Dd({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(Qo,{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(Wn,{...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",Ad={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}`},gn=e=>{for(let t=0;t<e.length;t+=1)if(!e[t]?.isCurrent)return t;return-1},Od=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},Pd=(e,t)=>e.label.toLowerCase().includes(t)?!0:e.searchValue?.toLowerCase().includes(t)??!1,Wo=({mailboxes:e,onSelect:t,onCancel:n,autoFocus:a=!1,labels:r})=>{const o={...Ad,...r},[i,l]=c.useState(""),[u,d]=c.useState(()=>gn(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=>Pd(g,h)):[...e],[e,h]);c.useEffect(()=>{d(g=>g>=0&&g<x.length&&!x[g]?.isCurrent?g:gn(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(gn(x));return;case"End":g.preventDefault(),d(Od(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:$(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:$(er,"hover:bg-surface-raised"),children:s.jsx("span",{className:"truncate flex-1",children:g.label})})},g.id)})})]})},Ld={queued:{icon:ia,label:"Queued",className:"text-warning"},sending:{icon:St,label:"Sending…",className:"text-accent-2",spin:!0},sent:{icon:So,label:"Sent",className:"text-positive"},failed:{icon:yt,label:"Failed",className:"text-danger"},blocked:{icon:Vn,label:"Blocked",className:"text-warning"}};function sr({status:e,iconOnly:t,className:n}){const a=Ld[e],r=a.icon;return s.jsxs("span",{className:$("inline-flex items-center gap-1.5 text-xs font-medium",a.className,n),children:[s.jsx(r,{className:$("size-4",a.spin&&"animate-spin")}),!t&&a.label]})}const zd=(e,t)=>t?"bg-accent-2-soft":e==="failed"?"bg-danger-soft":e==="blocked"?"bg-warning/10":"";function _d({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:$("flex items-start gap-3 border-b border-line px-4 py-3 transition-colors hover:bg-surface-raised",zd(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(Wc,{actions:[...a==="failed"&&l?[{label:"Retry sending",iconOnly:!0,icon:s.jsx(uu,{className:"size-3.5"}),busy:u,onClick:l}]:[],{label:"Edit as draft",iconOnly:!0,icon:s.jsx(bs,{className:"size-3.5"}),onClick:d}],destructive:{label:"Delete message",iconOnly:!0,icon:s.jsx(qe,{className:"size-3.5"}),busy:m,confirm:{prompt:"Delete this message?",confirmLabel:"Delete"},onClick:f}})})]})}const Fd=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},Bd=({children:e,onRefresh:t,isRefreshing:n})=>Fd("(min-width: 1024px)")?e:s.jsx(ec,{onRefresh:t,isPullable:!n,children:e}),$d=({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))})]})},Kd=e=>e===1?"message":"messages";function qd({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(rn,{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} ${Kd(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 Ud({candidate:e,selected:t,onToggle:n}){const{senderName:a,senderAddress:r,subject:o,snippet:i,trustReason:l,trustSubReason:u,senderTrust:d}=e;return s.jsxs("label",{className:$("flex w-full cursor-pointer items-start gap-3 px-3 py-2.5 text-left transition-colors",t?"bg-positive/10":"bg-surface hover:bg-surface-sunken"),children:[s.jsx(yd,{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(Ed,{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(rn,{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",Hd=(e,t)=>`Moves ${e===1?"this message":`these ${e} ${ca(e)}`} out of Spam to ${t} now. Nothing later.`,On=(e,t)=>e.find(n=>n.id===t)?.label??"Inbox";function Qd(){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 Wd({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(rn,{className:"size-4 text-positive","aria-hidden":!0}),"Rescue from Spam"]}),s.jsx(X,{variant:"ghost",size:"sm",icon:s.jsx(Kc,{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(Qd,{})})]}),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(Ud,{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 Vd({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(Wo,{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:On(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:Hd(e,On(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 Yd({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 Gd({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(bd,{open:e,onClose:o,dismissLabel:"Close rescue",children:[i==="review"&&s.jsx(Wd,{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(Vd,{count:p,folders:a,destination:f,onPick:m,onMove:g,onBack:()=>l("review")}),i==="done"&&s.jsx(Yd,{count:h,destinationLabel:On(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"}],Vo={id:"unread",label:"Unread"},Xd={id:"flagged",label:"Starred"},Yo={id:"attachment",label:"Has attachment"};function Jd(e){if(!(e.length<=1))return e.map(t=>({id:t.id,label:t.label,count:t.count,active:t.active}))}function Zd(e=[]){return{categories:[...ua],filters:tc,sources:Jd(e)}}function ef(){return{categories:[...ua],filters:[Vo,Xd,Yo]}}function tf(){return{categories:[...ua],filters:[Vo,Yo]}}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 sf(...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(sf(...e),e)}function nf(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,af(r,...t)]}function af(...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:()=>{},rf=Yn[" useInsertionEffect ".trim().toString()]||hs;function of({prop:e,defaultProp:t,onChange:n=()=>{},caller:a}){const[r,o,i]=lf({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=cf(f)?f(e):f;m!==e&&i.current?.(m)}else o(f)},[l,e,o,i]);return[u,d]}function lf({defaultProp:e,onChange:t}){const[n,a]=c.useState(e),r=c.useRef(n),o=c.useRef(t);return rf(()=>{o.current=t},[t]),c.useEffect(()=>{r.current!==n&&(o.current?.(n),r.current=n)},[n,r]),[n,a,o]}function cf(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(hf(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=df(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?mf(i):void 0,f=Nt(a,d);if(!i){if(r||r===0)throw new Error(l?bf(e):xf(e));return r}const m=ff(o,i.props??{});return i.type!==c.Fragment&&(m.ref=a?f:d),c.cloneElement(i,m)});return t.displayName=`${e}.Slot`,t}var ev=da("Slot"),uf=Symbol.for("radix.slottable"),df=(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 ff(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 mf(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 hf(e){return c.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===uf}var gf=Symbol.for("react.lazy");function ar(e){return e!=null&&typeof e=="object"&&"$$typeof"in e&&e.$$typeof===gf&&"_payload"in e&&pf(e._payload)}function pf(e){return typeof e=="object"&&e!==null&&"then"in e}var xf=e=>`${e} failed to slot onto its children. Expected a single React element child or \`Slottable\`.`,bf=e=>`${e} failed to slot onto its \`Slottable\`. Expected \`Slottable\` to receive a single React element child.`,Ms=Yn[" use ".trim().toString()],vf=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],nt=vf.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 yf(e,t){e&&Gn.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 wf="DismissableLayer",Pn="dismissableLayer.update",jf="dismissableLayer.pointerDownOutside",Sf="dismissableLayer.focusOutside",rr,fa=c.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set,dismissableSurfaces:new Set}),Go=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,I=c.useRef(!1),S=If(R=>{o?.(R),l?.(R),R.defaultPrevented||u?.()},{ownerDocument:x,deferPointerDownOutside:a,isDeferredPointerDownOutsideRef:I,dismissableSurfaces:f.dismissableSurfaces,shouldHandlePointerDownOutside:c.useCallback(R=>{if(!(R instanceof Node))return!1;const M=[...f.branches].some(T=>T.contains(R));return N&&!M},[f.branches,N])}),k=Rf(R=>{if(a&&I.current)return;const M=R.target;[...f.branches].some(P=>P.contains(M))||(i?.(R),l?.(R),R.defaultPrevented||u?.())},x),C=m?j===y.length-1:!1,E=gs(R=>{R.key==="Escape"&&(r?.(R),!R.defaultPrevented&&u&&(R.preventDefault(),u()))});return c.useEffect(()=>{if(C)return x.addEventListener("keydown",E,{capture:!0}),()=>x.removeEventListener("keydown",E,{capture:!0})},[x,C,E]),c.useEffect(()=>{if(m)return n&&(f.layersWithOutsidePointerEventsDisabled.size===0&&(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 R=()=>b({});return document.addEventListener(Pn,R),()=>document.removeEventListener(Pn,R)},[]),s.jsx(nt.div,{...d,ref:p,style:{pointerEvents:w?N?"auto":"none":void 0,...e.style},onFocusCapture:lt(e.onFocusCapture,k.onFocusCapture),onBlurCapture:lt(e.onBlurCapture,k.onBlurCapture),onPointerDownCapture:lt(e.onPointerDownCapture,S.onPointerDownCapture)})});Go.displayName=wf;var Nf="DismissableLayerBranch",kf=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})});kf.displayName=Nf;function Cf(){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 Ef=()=>!0;function If(e,t){const{ownerDocument:n=globalThis?.document,deferPointerDownOutside:a=!1,isDeferredPointerDownOutsideRef:r,dismissableSurfaces:o,shouldHandlePointerDownOutside:i=Ef}=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(I=>I.contains(w))||f.current.set(j.type,!0),j.type==="click"&&window.setTimeout(()=>{d.current&&m.current()},0)}function p(j){d.current&&f.current.set(j.type,!1)}const y=j=>{if(j.target&&!u.current){let w=function(){n.removeEventListener("click",m.current);const I=x();h(),I||Xo(jf,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 Rf(e,t=globalThis?.document){const n=gs(e),a=c.useRef(!1);return c.useEffect(()=>{const r=o=>{o.target&&!a.current&&Xo(Sf,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(Pn);document.dispatchEvent(e)}function Xo(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?yf(r,o):r.dispatchEvent(o)}var Ts=0,Pt=null;function Mf(){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 pn="focusScope.autoFocusOnMount",xn="focusScope.autoFocusOnUnmount",lr={bubbles:!1,cancelable:!0},Tf="FocusScope",Jo=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(pn,lr);l.addEventListener(pn,d),l.dispatchEvent(g),g.defaultPrevented||(Df(zf(Zo(l)),{select:!0}),document.activeElement===p&&ot(l))}return()=>{l.removeEventListener(pn,d),setTimeout(()=>{const g=new CustomEvent(xn,lr);l.addEventListener(xn,f),l.dispatchEvent(g),g.defaultPrevented||ot(p??document.body,{select:!0}),l.removeEventListener(xn,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]=Af(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})});Jo.displayName=Tf;function Df(e,{select:t=!1}={}){const n=document.activeElement;for(const a of e)if(ot(a,{select:t}),document.activeElement!==n)return}function Af(e){const t=Zo(e),n=cr(t,e),a=cr(t.reverse(),e);return[n,a]}function Zo(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}):Of(a,{upTo:t})))return a}function Of(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 Pf(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&&Pf(e)&&t&&e.select()}}var ur=Lf();function Lf(){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 zf(e){return e.filter(t=>t.tagName!=="A")}var _f=Yn[" useId ".trim().toString()]||(()=>{}),Ff=0;function bn(e){const[t,n]=c.useState(_f());return hs(()=>{n(a=>a??String(Ff++))},[e]),e||(t?`radix-${t}`:"")}var Bf="Portal",ei=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?Gn.createPortal(s.jsx(nt.div,{...a,ref:t}),i):null});ei.displayName=Bf;function $f(e,t){return c.useReducer((n,a)=>t[n][a]??n,e)}var on=e=>{const{present:t,children:n}=e,a=Kf(t),r=typeof n=="function"?n({present:a.isPresent}):c.Children.only(n),o=qf(a.ref,Uf(r));return typeof n=="function"||a.isPresent?c.cloneElement(r,{ref:o}):null};on.displayName="Presence";function Kf(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]=$f(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 qf(...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 Uf(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 Hf=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={},vn=0,ti=function(e){return e&&(e.host||ti(e.parentNode))},Qf=function(e,t){return t.map(function(n){if(e.contains(n))return n;var a=ti(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})},Wf=function(e,t,n,a){var r=Qf(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(),vn++,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)}),vn--,vn||(Lt=new WeakMap,Lt=new WeakMap,Ds=new WeakMap,As={})}},Vf=function(e,t,n){n===void 0&&(n="data-aria-hidden");var a=Array.from(Array.isArray(e)?e:[e]),r=Hf(e);return r?(a.push.apply(a,Array.from(r.querySelectorAll("[aria-live], script"))),Wf(a,r,n,"aria-hidden")):function(){return null}},Us="right-scroll-bar-position",Hs="width-before-scroll-bar",Yf="with-scroll-bars-hidden",Gf="--removed-body-scroll-bar-size";function yn(e,t){return typeof e=="function"?e(t):e&&(e.current=t),e}function Xf(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 Jf=typeof window<"u"?c.useLayoutEffect:c.useEffect,mr=new WeakMap;function Zf(e,t){var n=Xf(null,function(a){return e.forEach(function(r){return yn(r,a)})});return Jf(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)||yn(l,null)}),o.forEach(function(l){r.has(l)||yn(l,i)})}mr.set(n,e)},[e]),n}function em(e){return e}function tm(e,t){t===void 0&&(t=em);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 sm(e){e===void 0&&(e={});var t=tm(null);return t.options=it({async:!0,ssr:!1},e),t}var si=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))};si.isSideCarExport=!0;function nm(e,t){return e.useMedium(t),si}var ni=sm(),wn=function(){},ln=c.forwardRef(function(e,t){var n=c.useRef(null),a=c.useState({onScrollCapture:wn,onWheelCapture:wn,onTouchMoveCapture:wn}),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,I=Zf([n,t]),S=it(it({},w),r);return c.createElement(c.Fragment,null,f&&c.createElement(N,{sideCar:ni,removeScrollBar:d,shards:m,noRelative:x,noIsolation:b,inert:p,setCallbacks:o,allowPinchZoom:!!y,lockRef:n,gapMode:j}),i?c.cloneElement(c.Children.only(l),it(it({},S),{ref:I})):c.createElement(v,it({},S,{className:u,ref:I}),l))});ln.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1};ln.classNames={fullWidth:Hs,zeroRight:Us};var am=function(){if(typeof __webpack_nonce__<"u")return __webpack_nonce__};function rm(){if(!document)return null;var e=document.createElement("style");e.type="text/css";var t=am();return t&&e.setAttribute("nonce",t),e}function om(e,t){e.styleSheet?e.styleSheet.cssText=t:e.appendChild(document.createTextNode(t))}function im(e){var t=document.head||document.getElementsByTagName("head")[0];t.appendChild(e)}var lm=function(){var e=0,t=null;return{add:function(n){e==0&&(t=rm())&&(om(t,n),im(t)),e++},remove:function(){e--,!e&&t&&(t.parentNode&&t.parentNode.removeChild(t),t=null)}}},cm=function(){var e=lm();return function(t,n){c.useEffect(function(){return e.add(t),function(){e.remove()}},[t&&n])}},ai=function(){var e=cm(),t=function(n){var a=n.styles,r=n.dynamic;return e(a,r),null};return t},um={left:0,top:0,right:0,gap:0},jn=function(e){return parseInt(e||"",10)||0},dm=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[jn(n),jn(a),jn(r)]},fm=function(e){if(e===void 0&&(e="margin"),typeof window>"u")return um;var t=dm(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])}},mm=ai(),qt="data-scroll-locked",hm=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(Yf,` {
|
|
71
|
-
overflow: hidden `).concat(a,`;
|
|
72
|
-
padding-right: `).concat(l,"px ").concat(a,`;
|
|
73
|
-
}
|
|
74
|
-
body[`).concat(qt,`] {
|
|
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(qt,`] {
|
|
104
|
-
`).concat(Gf,": ").concat(l,`px;
|
|
105
|
-
}
|
|
106
|
-
`)},hr=function(){var e=parseInt(document.body.getAttribute(qt)||"0",10);return isFinite(e)?e:0},gm=function(){c.useEffect(function(){return document.body.setAttribute(qt,(hr()+1).toString()),function(){var e=hr()-1;e<=0?document.body.removeAttribute(qt):document.body.setAttribute(qt,e.toString())}},[])},pm=function(e){var t=e.noRelative,n=e.noImportant,a=e.gapMode,r=a===void 0?"margin":a;gm();var o=c.useMemo(function(){return fm(r)},[r]);return c.createElement(mm,{styles:hm(o,!t,r,n?"":"!important")})},Ln=!1;if(typeof window<"u")try{var Os=Object.defineProperty({},"passive",{get:function(){return Ln=!0,!0}});window.addEventListener("test",Os,Os),window.removeEventListener("test",Os,Os)}catch{Ln=!1}var zt=Ln?{passive:!1}:!1,xm=function(e){return e.tagName==="TEXTAREA"},ri=function(e,t){if(!(e instanceof Element))return!1;var n=window.getComputedStyle(e);return n[t]!=="hidden"&&!(n.overflowY===n.overflowX&&!xm(e)&&n[t]==="visible")},bm=function(e){return ri(e,"overflowY")},vm=function(e){return ri(e,"overflowX")},gr=function(e,t){var n=t.ownerDocument,a=t;do{typeof ShadowRoot<"u"&&a instanceof ShadowRoot&&(a=a.host);var r=oi(e,a);if(r){var o=ii(e,a),i=o[1],l=o[2];if(i>l)return!0}a=a.parentNode}while(a&&a!==n.body);return!1},ym=function(e){var t=e.scrollTop,n=e.scrollHeight,a=e.clientHeight;return[t,n,a]},wm=function(e){var t=e.scrollLeft,n=e.scrollWidth,a=e.clientWidth;return[t,n,a]},oi=function(e,t){return e==="v"?bm(t):vm(t)},ii=function(e,t){return e==="v"?ym(t):wm(t)},jm=function(e,t){return e==="h"&&t==="rtl"?-1:1},Sm=function(e,t,n,a,r){var o=jm(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=ii(e,l),b=x[0],p=x[1],y=x[2],g=p-y-o*b;(b||g)&&oi(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},Nm=function(e,t){return e[0]===t[0]&&e[1]===t[1]},km=function(e){return`
|
|
107
|
-
.block-interactivity-`.concat(e,` {pointer-events: none;}
|
|
108
|
-
.allow-interactivity-`).concat(e,` {pointer-events: all;}
|
|
109
|
-
`)},Cm=0,_t=[];function Em(e){var t=c.useRef([]),n=c.useRef([0,0]),a=c.useRef(),r=c.useState(Cm++)[0],o=c.useState(ai)[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=sc([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,I=p.target,S=Math.abs(j)>Math.abs(w)?"h":"v";if("touches"in p&&S==="h"&&I.type==="range")return!1;var k=window.getSelection(),C=k&&k.anchorNode,E=C?C===I||C.contains(I):!1;if(E)return!1;var R=gr(S,I);if(!R)return!0;if(R?N=S:(N=S==="v"?"h":"v",R=gr(S,I)),!R)return!1;if(!a.current&&"changedTouches"in p&&(j||w)&&(a.current=N),!N)return!0;var M=a.current||N;return Sm(M,y,p,M==="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)&&Nm(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:Im(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:km(r)}):null,x?c.createElement(pm,{noRelative:e.noRelative,gapMode:e.gapMode}):null)}function Im(e){for(var t=null;e!==null;)e instanceof ShadowRoot&&(t=e.host,e=e.host),e=e.parentNode;return t}const Rm=nm(ni,Em);var li=c.forwardRef(function(e,t){return c.createElement(ln,it({},e,{ref:t,sideCar:Rm}))});li.classNames=ln.classNames;var Mm=class extends Xn{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:ac(t,n.data),hasPreviousPage:nc(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 Tm(e,t,n){const a=e.slice(0);return a[t]=n,a}var Dm=class extends rc{#a;#e;#r;#n;#t;#s;#o;#i;#l;#c=[];constructor(e,t,n){super(),this.#a=e,this.#n=n,this.#r=[],this.#t=[],this.#e=[],this.setQueries(t)}onSubscribe(){this.listeners.size===1&&this.#t.forEach(e=>{e.subscribe(t=>{this.#m(e,t)})})}onUnsubscribe(){this.listeners.size||this.destroy()}destroy(){this.listeners=new Set,this.#t.forEach(e=>{e.destroy()})}setQueries(e,t){this.#r=e,this.#n=t,Tn.batch(()=>{const n=this.#t,a=this.#f(this.#r);a.forEach(f=>f.observer.setOptions(f.defaultedQueryOptions));const r=a.map(f=>f.observer),o=r.map(f=>f.getCurrentResult()),i=n.length!==r.length,l=r.some((f,m)=>f!==n[m]),u=i||l,d=u?!0:o.some((f,m)=>{const h=this.#e[m];return!h||!oc(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=ic(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 Xn(this.#a,r);n.push({defaultedQueryOptions:r,observer:i})}),n}#m(e,t){const n=this.#t.indexOf(e);n!==-1&&(this.#e=Tm(this.#e,n,t),this.#h())}#h(){if(this.hasListeners()){const e=this.#u(this.#e,this.#c),t=this.#g(),n=this.#s,a=t?n:this.#d(e,this.#n?.combine);(t||n!==a)&&Tn.batch(()=>{this.listeners.forEach(r=>{r(this.#e)})})}}};function Jt({queries:e,...t},n){const a=je(),r=lc(),o=cc(),i=c.useMemo(()=>e.map(p=>{const y=a.defaultQueryOptions(p);return y._optimisticResults=r?"isRestoring":"optimistic",y}),[e,a,r]);i.forEach(p=>{uc(p);const y=a.getQueryCache().get(p.queryHash);dc(p,o,y)}),fc(o);const[l]=c.useState(()=>new Dm(a,i,t)),[u,d,f]=l.getOptimisticResult(i,t.combine),m=!r&&t.subscribed!==!1;c.useSyncExternalStore(c.useCallback(p=>m?l.subscribe(Tn.batchCalls(p)):mc,[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 Xn(a,g);return hc(g,v,o)}return[]}):[];if(x.length>0)throw Promise.all(x);const b=u.find((p,y)=>{const g=i[y];return g&&gc({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 Am(e,t){return pc(e,Mm)}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 Om=e=>/^\/mail\/(?!outbox)[^/?]+/.test(e),Pm=e=>e.startsWith("/mail")||e.startsWith("/settings"),Lm=()=>{const{state:e,openCompose:t}=wt(),n=ma(),a=Ce(),r=n.search,o=typeof r?.selectedMessageId=="string"&&r.selectedMessageId.length>0;if(!Pm(n.pathname)||e.isOpen||o)return null;const i=()=>{c.startTransition(()=>{t({mode:"new"})}),!Om(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(cu,{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})]})]})},zm=e=>{const t=e.filter(r=>!r.isMultipart&&r.disposition!=="attachment"&&r.mediaType==="TEXT"&&r.contentUrl.length>0),n=t.find(r=>r.mediaSubtype.toUpperCase()==="HTML");if(n)return{kind:"html",contentUrl:n.contentUrl};const a=t.find(r=>r.mediaSubtype.toUpperCase()==="PLAIN");return a?{kind:"text",contentUrl:a.contentUrl}:null},zn={all:["messages"],detail:e=>[...zn.all,"detail",e],body:e=>[...zn.detail(e),"body"]};class bt extends Error{reason;status;retryAfterSeconds;constructor(t,n,a,r){super(n),this.name="BodyFetchError",this.reason=t,this.status=a,this.retryAfterSeconds=r}}const _m=e=>{const t=Number.parseInt(e??"",10);return!Number.isFinite(t)||t<=0?1:Math.min(t,30)},Fm=8,Bm="x-remit-403-reason",$m=(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,qm=(e,t)=>{const n=(t??"").toLowerCase();return!!(e==="text"&&n.startsWith("text/html"))},Um=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,_m(o.headers.get("Retry-After")));if(!o.ok){const u=o.headers.get(Bm),d=$m(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(qm(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},Hm=async(e,t)=>(t.isRetryAfterNotReady&&await e.refetchDescribeMessage(),e.fetchContent(t.contentUrl,t.kind)),ci=({messageId:e,bodyParts:t,enabled:n=!0})=>{const a=t?zm(t):null,r=xs(),{getToken:o}=Jn(),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=re({queryKey:e?[...zn.body(e),a?.contentUrl??null]:["messages","body","noop"],queryFn:()=>{if(!a)throw new Error("No renderable body part");if(!e)throw new Error("No messageId");const b=u.current;return u.current=!1,Hm({fetchContent:(p,y)=>Um(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<Fm: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}},Qm=({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(xc()),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}},ui=e=>"text"in e&&!("children"in e),di=e=>e.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,"""),Wm=e=>{let t=di(e.text);return e.bold&&(t=`<strong>${t}</strong>`),e.italic&&(t=`<em>${t}</em>`),t},fi=e=>{const t=e.children.map(n=>ui(n)?Wm(n):fi(n)).join("");switch(e.type){case"blockquote":return`<blockquote>${t}</blockquote>`;case"a":{const n=e.url??"";return`<a href="${di(n)}">${t}</a>`}default:return`<p>${t}</p>`}},vr=e=>e.map(fi).join(""),mi=e=>ui(e)?e.text:e.children.map(mi).join(""),_n=e=>e.map(mi).join(`
|
|
110
|
-
`),Vm=e=>e.displayName?`${e.displayName} <${e.normalizedEmail}>`:e.normalizedEmail,yr=e=>/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e.trim()),Ym=e=>{const t=e.trim();if(!t)return;const n=t.match(/^(.+?)\s*<([^>]+)>$/);if(n){const a=n[1].trim(),r=n[2].trim();if(yr(r))return{email:r,displayName:a}}if(yr(t))return{email:t}},Sn=({label:e,addresses:t,onChange:n,placeholder:a})=>{const[r,o]=c.useState(""),[i,l]=c.useState(-1),[u,d]=c.useState(!1),f=c.useRef(null),m=c.useRef(null),h=xo(r,200),{data:x}=re({...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=Ym(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]),I=c.useCallback(()=>{setTimeout(()=>{w(),d(!1)},150)},[w]);return s.jsxs("div",{className:"relative",children:[s.jsxs("div",{className:"flex items-start gap-2",children:[s.jsxs("label",{htmlFor:`address-field-${e}`,className:"text-sm text-fg-muted shrink-0 w-12 pt-1.5",children:[e,":"]}),s.jsxs("div",{className:"flex-1 flex flex-wrap items-center gap-1 min-h-[36px] px-2 py-1 border rounded-md bg-canvas cursor-text",onClick:()=>f.current?.focus(),onKeyDown:S=>{(S.key==="Enter"||S.key===" ")&&f.current?.focus()},children:[t.map((S,k)=>s.jsx(xu,{email:S.email,displayName:S.displayName,onRemove:()=>v(k)},S.email)),s.jsx("input",{ref:f,id:`address-field-${e}`,type:"text",value:r,onChange:S=>o(S.target.value),onKeyDown:N,onBlur:I,placeholder:t.length===0?a:"",className:"flex-1 min-w-[120px] bg-transparent outline-none text-sm py-0.5"})]})]}),u&&y.length>0&&s.jsx("ul",{ref:m,className:"absolute left-12 right-0 mt-1 bg-surface border border-line rounded-md shadow-lg z-50 max-h-[200px] overflow-auto",children:y.map((S,k)=>s.jsx("li",{className:fe("px-3 py-2 text-sm cursor-pointer transition-colors",k===i&&"bg-accent-2-soft"),onMouseDown:C=>{C.preventDefault(),j(S)},onMouseEnter:()=>l(k),children:Vm(S)},S.addressId))})]})},Gm=({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(Vn,{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(su,{className:"size-3","aria-hidden":"true"})]})]})]})},Fn=e=>{const[t,n]=c.useState(()=>typeof window>"u"||!window.matchMedia?!1:window.matchMedia(e).matches);return c.useEffect(()=>{if(typeof window>"u"||!window.matchMedia)return;const a=window.matchMedia(e),r=o=>n(o.matches);return n(a.matches),a.addEventListener("change",r),()=>a.removeEventListener("change",r)},[e]),t},kt=()=>Fn("(min-width: 1024px)"),wr=150,Xm=()=>{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},Jm=({selectedAccountId:e,onSelect:t})=>{const{data:n}=re({...Ze(),staleTime:1/0}),a=n?.accounts??[];if(c.useEffect(()=>{!e&&a.length===1&&a[0]&&t(a[0])},[e,a,t]),a.length<=1){const r=a[0];return r?s.jsxs("div",{className:"flex items-start gap-2",children:[s.jsx("label",{className:"text-sm text-fg-muted shrink-0 w-12 pt-1.5",children:"From:"}),s.jsx("div",{className:"text-sm py-1.5",children:r.email})]}):null}return s.jsxs("div",{className:"flex items-start gap-2",children:[s.jsx("label",{htmlFor:"from-account-selector",className:"text-sm text-fg-muted shrink-0 w-12 pt-1.5",children:"From:"}),s.jsx("select",{id:"from-account-selector",value:e??"",onChange:r=>{const o=a.find(i=>i.accountId===r.target.value);o&&t(o)},className:"flex-1 px-2 py-1.5 border rounded-md bg-canvas text-sm",children:a.map(r=>s.jsx("option",{value:r.accountId,children:r.email},r.accountId))})]})},Zm=({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})]}),eh=["p","br","strong","b","em","i","a","blockquote","ul","ol","li"],th=["href"],sh=e=>Jr.sanitize(e,{ALLOWED_TAGS:eh,ALLOWED_ATTR:th}),nh=c.lazy(()=>vc(()=>import("./ComposeBody-DddTfNil.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}))),ah=()=>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"})]}),hi=[{type:"p",children:[{text:""}]}],rh=[{type:"p",children:[{text:""}]},{type:"p",children:[{text:"-- "}]}],oh=e=>e?[...rh,{type:"p",children:[{text:e}]}]:hi,ih=e=>e?/^re:\s/i.test(e)?e:`Re: ${e}`:"Re: ",lh=e=>e?/^fwd?:\s/i.test(e)?e:`Fwd: ${e}`:"Fwd: ",ch=(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}},uh=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}},dh=(e,t,n,a,r)=>e.length===0&&t.length===0&&n.length===0&&a.trim()===""&&_n(r).trim()==="",fh=({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}=Xm();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(Jm,{selectedAccountId:e,onSelect:t}),s.jsx(Sn,{label:"To",addresses:n,onChange:a,placeholder:"Recipients"}),u?s.jsx(Sn,{label:"Cc",addresses:r,onChange:o}):s.jsxs("div",{className:"flex gap-2 pl-14",children:[s.jsx("button",{type:"button",onClick:()=>d(!0),className:"text-xs text-fg-muted hover:text-fg transition-colors",children:"Cc"}),s.jsx("button",{type:"button",onClick:()=>m(!0),className:"text-xs text-fg-muted hover:text-fg transition-colors",children:"Bcc"})]}),u&&!f&&s.jsx("div",{className:"pl-14",children:s.jsx("button",{type:"button",onClick:()=>m(!0),className:"text-xs text-fg-muted hover:text-fg transition-colors",children:"Bcc"})}),f&&s.jsx(Sn,{label:"Bcc",addresses:i,onChange:l}),s.jsx(Zm,{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),[I,S]=c.useState(t?.accountId),[k,C]=c.useState(!1),E=c.useRef(d);c.useEffect(()=>{E.current!==d&&(E.current=d,d&&(m([]),x([]),p([]),g(""),j(!1),N(!1),T(hi),C(!1)))},[d]);const{signature:R}=Vc(I),[M,T]=c.useState(()=>oh(R.plainText)),{data:P}=re({...bc({path:{outboxMessageId:d??""}}),enabled:!!d&&!k});c.useEffect(()=>{!P||k||(m(P.toAddresses.map(Q=>({email:Q,displayName:void 0}))),P.ccAddresses&&P.ccAddresses.length>0&&(x(P.ccAddresses.map(Q=>({email:Q,displayName:void 0}))),j(!0)),P.bccAddresses&&P.bccAddresses.length>0&&(p(P.bccAddresses.map(Q=>({email:Q,displayName:void 0}))),N(!0)),P.subject&&g(P.subject),P.textBody&&T([{type:"p",children:[{text:P.textBody}]}]),S(P.accountId),C(!0))},[P,k]),c.useEffect(()=>{if(n){if(e==="reply"||e==="reply_all"){const{to:Q,cc:ee}=ch(n,e,t?.email);m(Q),x(ee),ee.length>0&&j(!0),g(ih(n.envelope.subject))}e==="forward"&&g(lh(n.envelope.subject))}},[e,n,t?.email]);const Y=e==="reply"||e==="reply_all"||e==="forward",{data:K}=ci({messageId:n?.message.messageId,bodyParts:n?.bodyParts,enabled:Y&&!!n}),B=K?.kind==="text"?K.body:"",_=K?.kind==="html"?sh(K.body):void 0,F=n?.envelope.from[0]?.displayName??n?.envelope.from[0]?.normalizedEmail,{saveStatus:q,saveError:te,saveDraft:U,cancelAutoSave:O}=Qm({outboxMessageId:d,onDraftCreated:i});c.useEffect(()=>{te&&u({title:"Couldn't save draft",detail:$e(te)??"Saving the draft failed."})},[te,u]);const D=xe(lo()),V=xe(uo()),le=xe({...Zs(),onError:Q=>{u(fs("Couldn't discard draft","The draft wasn't discarded.",Q))}}),{data:ve}=re({...Ze(),staleTime:1/0}),ce=ve?.accounts.find(Q=>Q.accountId===I),ye=ce?qc(ce):!1,Se=D.isPending||V.isPending,G=f.length>0&&!!I&&!ye;c.useEffect(()=>{if(!I||d&&!k||dh(f,h,b,y,M))return;const Q=_n(M),ee=vr(M);U({accountId:I,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:Q||void 0,htmlBody:ee||void 0})},[I,d,k,f,h,b,y,M,U]);const ge=c.useCallback(async()=>{if(!I||f.length===0)return;O();const Q=n&&(e==="reply"||e==="reply_all")?uh(n):{};let ee=d,ne=!1;if(!ee){const oe=_n(M),Ne=vr(M),Fe=await D.mutateAsync({body:{accountId:I,toAddresses:f.map(Ae=>Ae.email),ccAddresses: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:oe||void 0,htmlBody:Ne||void 0,sendImmediately:!0,...Q}}).catch(Ae=>(u({title:"Couldn't send message",detail:$e(Ae)??"Saving the draft failed."}),null));if(Fe===null)return;ee=Fe.outboxMessageId,ne=!0,i(ee)}await V.mutateAsync({path:{outboxMessageId:ee}}).catch(oe=>(u({title:"Couldn't send message",detail:$e(oe)??(ne?"The draft was saved but the send request failed. Try again from the Outbox.":"The send request failed. Try again.")}),null))!==null&&(l(ee),a())},[I,f,h,b,y,M,e,n,d,D,V,O,l,i,u,a]),Ie=c.useCallback(()=>{O(),d&&le.mutate({path:{outboxMessageId:d}}),a()},[O,d,le,a]),H=c.useCallback(Q=>{S(Q.accountId),r?.(Q)},[r]);return s.jsx(Sd,{banner:ce&&ye?s.jsx(Gm,{accountId:ce.accountId}):void 0,header:s.jsx(fh,{selectedAccountId:I,onAccountChange:H,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:B||_?s.jsx($d,{text:B,html:_,senderName:F}):void 0,actionBar:s.jsx(jd,{onSend:ge,onDiscard:Ie,sending:Se,canSend:G,saveStatus:q,unavailableReason:ye?"SMTP not configured":void 0,onUnavailable:Q=>u({title:"Can't send yet",detail:Q})}),children:s.jsx(c.Suspense,{fallback:s.jsx(ah,{}),children:s.jsx(nh,{value:M,onChange:T,onSubmit:ge,autoFocus:e==="new"})})})},jr=({mode:e,account:t,sourceMessage:n,onClose:a})=>s.jsx("div",{className:"border-t border-line bg-canvas max-h-[400px] flex flex-col",children:s.jsx(ga,{mode:e,account:t,sourceMessage:n,onClose:a})}),gi=({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])},pi=e=>{const{data:t,isLoading:n}=re({...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),mh=(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),hh=({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,I])=>({queryKey:N,data:I})),j=o.getQueriesData({queryKey:y}).concat(o.getQueriesData({queryKey:g})).filter(N=>N[1]!==void 0).map(([N,I])=>({queryKey:N,data:I}));o.setQueriesData({queryKey:p},N=>N&&{...N,items:Sr(N.items,x,b)});const w=N=>N&&{...N,pages:N.pages.map(I=>({...I,items:Sr(I.items,x,b)}))};return o.setQueriesData({queryKey:y},w),o.setQueriesData({queryKey: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(()=>mh(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])},xi=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}},gh=60,ph=1.5,xh=(e,t,n)=>{const a=Math.abs(e),r=Math.abs(t);return a<n?{direction:null}:a<r*ph?{direction:null}:{direction:e<0?"left":"right"}},bh=({onSwipeLeft:e,onSwipeRight:t,thresholdPx:n=gh})=>{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}=xh(u.clientX-d.x,u.clientY-d.y,n);f==="left"&&e?.(),f==="right"&&t?.()},[e,t,n]),l=c.useCallback(()=>{a.current=null},[]);return{handlers:{onPointerDown:r,onPointerMove:o,onPointerUp:i,onPointerCancel:l}}},Nr=(e,t,n)=>e.map(a=>a.messageId===t?{...a,hasStars:n}:a),Bn=({threadId:e,mailboxId:t})=>{const n=je(),{pushError:a}=ze(),{mutate:r,isPending:o,variables:i}=xe({...wc(),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=yc();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 cn(e){return e===void 0||e==="uncategorized"?"personal":e}const Ge={uncategorized:"uncategorized",personal:"personal",newsletter:"newsletter",marketing:"marketing",automated:"automated",transactional:"transactional",social:"social"},kr={MoveToInbox:"MoveToInbox",MoveToJunk:"MoveToJunk"},vh={inbox:"Inbox",junk:"Junk"},yh=e=>`Moved from ${vh[e]??"another folder"} by Remit`,wh=(e,t)=>{if(e===kr.MoveToInbox)return t.inboxMailboxId;if(e===kr.MoveToJunk)return t.junkMailboxId},jh=(e,t,n)=>{if(!e||!t)return!1;const a=wh(e.action,n);return a!==void 0&&a===t},Sh=(e,t)=>{if(e==="inbox")return t.inboxMailboxId;if(e==="junk")return t.junkMailboxId},un=(e,t)=>{const{data:n,isLoading:a}=re({...Ze(),staleTime:1/0,enabled:!!e});return{mailboxId:c.useMemo(()=>e?n?.accounts.find(i=>i.accountId===e)?.folderAppointments.find(i=>i.role===t)?.mailboxId:void 0,[n,e,t]),isLoading:a}},Nh=e=>{const{mailboxId:t,isLoading:n}=un(e,"Archive");return{archiveMailboxId:t,isLoading:n}},kh=e=>{const{mailboxId:t,isLoading:n}=un(e,"Drafts");return{draftsMailboxId:t,isLoading:n}},pa=e=>{const{mailboxId:t,isLoading:n}=un(e,"Inbox");return{inboxMailboxId:t,isLoading:n}},xa=e=>{const{mailboxId:t,isLoading:n}=un(e,"Junk");return{junkMailboxId:t,isLoading:n}},bi=e=>{const{data:t}=re({...Ze(),staleTime:1/0,enabled:!!e});return c.useMemo(()=>t?.accounts.find(n=>n.accountId===e)?.folderAppointments??[],[t,e])},Cr=(e,t)=>e.filter(n=>!t.has(n.messageId)),ct=({mailboxId:e,threadId:t,accountId:n,onAfterOptimisticRemove:a})=>{const r=je(),{pushError:o}=ze(),{mutate:i,isPending:l}=xe({...jc(),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}},Ch=({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=jh(r,a,d),m=r?Sh(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:yh(r.fromPlacement),onUndo:m?h:void 0,isUndoing:u}};function vi({accountId:e,messageId:t,threadId:n,mailboxId:a,autoMoved:r,size:o="sm"}){const i=Ch({accountId:e,messageId:t,threadId:n,mailboxId:a,autoMoved:r});return i.show?s.jsx(dd,{label:i.label,size:o,onUndo:i.onUndo,undoLabel:i.isUndoing?"Undoing…":"Undo"}):null}const yi=({trigger:e,children:t,align:n="right"})=>{const[a,r]=c.useState(!1),o=c.useRef(null),i=c.useCallback(u=>{o.current&&!o.current.contains(u.target)&&r(!1)},[]),l=c.useCallback(u=>{u.key==="Escape"&&r(!1)},[]);return c.useEffect(()=>(a&&(document.addEventListener("mousedown",i),document.addEventListener("keydown",l)),()=>{document.removeEventListener("mousedown",i),document.removeEventListener("keydown",l)}),[a,i,l]),s.jsxs("div",{ref:o,className:"relative",children:[s.jsx("button",{type:"button",onClick:u=>{u.stopPropagation(),r(!a)},className:fe("p-1.5 min-h-11 min-w-11 inline-flex items-center justify-center rounded-md transition-colors","hover:bg-surface-raised text-fg-muted hover:text-fg"),children:e}),a&&s.jsx("div",{className:fe("absolute z-50 mt-1 min-w-[180px] py-1","bg-surface border border-line rounded-md shadow-lg",n==="right"?"right-0":"left-0"),children:t})]})},$t=({onClick:e,disabled:t,destructive:n,children:a})=>s.jsx("button",{type:"button",onClick:r=>{r.stopPropagation(),t||e()},disabled:t,className:fe("w-full px-3 py-2 text-left text-sm transition-colors","flex items-center gap-2",t&&"opacity-50 cursor-not-allowed",!t&&"hover:bg-surface-raised",n&&"text-danger hover:text-danger"),children:a}),$n=()=>s.jsx("div",{className:"my-1 h-px bg-line"}),Er=(e,t)=>e.filter(n=>!t.has(n.messageId)),Eh=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({...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([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}},wi=(e,t=Date.now())=>({value:e,setAt:t}),Ih=(e,t,n,a)=>{if(e.addressId!==t)return e;const r={...e.flags??{}};return n?r.trusted=wi(!0,a):delete r.trusted,{...e,flags:r}},Rh=(e,t,n,a)=>{const r=o=>o.map(i=>Ih(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({...fo(),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&&Rh(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:wi(!d)}}})},isPending:r,error:o,reset:i}};var dn="Dialog",[ji]=nf(dn),[Mh,_e]=ji(dn),Si=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]=of({prop:a,defaultProp:r??!1,onChange:o,caller:dn});return s.jsx(Mh,{scope:t,triggerRef:l,contentRef:u,contentId:bn(),titleId:bn(),descriptionId:bn(),open:d,onOpenChange:f,onOpenToggle:c.useCallback(()=>f(m=>!m),[f]),modal:i,children:n})};Si.displayName=dn;var Ni="DialogTrigger",Th=c.forwardRef((e,t)=>{const{__scopeDialog:n,...a}=e,r=_e(Ni,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)})});Th.displayName=Ni;var va="DialogPortal",[Dh,ki]=ji(va,{forceMount:void 0}),Ci=e=>{const{__scopeDialog:t,forceMount:n,children:a,container:r}=e,o=_e(va,t);return s.jsx(Dh,{scope:t,forceMount:n,children:c.Children.map(a,i=>s.jsx(on,{present:n||o.open,children:s.jsx(ei,{asChild:!0,container:r,children:i})}))})};Ci.displayName=va;var Ys="DialogOverlay",Ei=c.forwardRef((e,t)=>{const n=ki(Ys,e.__scopeDialog),{forceMount:a=n.forceMount,...r}=e,o=_e(Ys,e.__scopeDialog);return o.modal?s.jsx(on,{present:a||o.open,children:s.jsx(Oh,{...r,ref:t})}):null});Ei.displayName=Ys;var Ah=da("DialogOverlay.RemoveScroll"),Oh=c.forwardRef((e,t)=>{const{__scopeDialog:n,...a}=e,r=_e(Ys,n),o=Cf(),i=Nt(t,o);return s.jsx(li,{as:Ah,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",Ii=c.forwardRef((e,t)=>{const n=ki(Wt,e.__scopeDialog),{forceMount:a=n.forceMount,...r}=e,o=_e(Wt,e.__scopeDialog);return s.jsx(on,{present:a||o.open,children:o.modal?s.jsx(Ph,{...r,ref:t}):s.jsx(Lh,{...r,ref:t})})});Ii.displayName=Wt;var Ph=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 Vf(o)},[]),s.jsx(Ri,{...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())})}),Lh=c.forwardRef((e,t)=>{const n=_e(Wt,e.__scopeDialog),a=c.useRef(!1),r=c.useRef(!1);return s.jsx(Ri,{...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()}})}),Ri=c.forwardRef((e,t)=>{const{__scopeDialog:n,trapFocus:a,onOpenAutoFocus:r,onCloseAutoFocus:o,...i}=e,l=_e(Wt,n);return Mf(),s.jsx(s.Fragment,{children:s.jsx(Jo,{asChild:!0,loop:!0,trapped:a,onMountAutoFocus:r,onUnmountAutoFocus:o,children:s.jsx(Go,{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)})})})}),Mi="DialogTitle",Ti=c.forwardRef((e,t)=>{const{__scopeDialog:n,...a}=e,r=_e(Mi,n);return s.jsx(nt.h2,{id:r.titleId,...a,ref:t})});Ti.displayName=Mi;var Di="DialogDescription",zh=c.forwardRef((e,t)=>{const{__scopeDialog:n,...a}=e,r=_e(Di,n);return s.jsx(nt.p,{id:r.descriptionId,...a,ref:t})});zh.displayName=Di;var Ai="DialogClose",_h=c.forwardRef((e,t)=>{const{__scopeDialog:n,...a}=e,r=_e(Ai,n);return s.jsx(nt.button,{type:"button",...a,ref:t,onClick:lt(e.onClick,()=>r.onOpenChange(!1))})});_h.displayName=Ai;function ya(e){return e?"open":"closed"}function Fh(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 Oi=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(Oi);if(!e)throw new Error("useDrawerContext must be used within a Drawer.Root");return e};Fh(`[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 Bh(){const e=navigator.userAgent;return typeof window<"u"&&(/Firefox/.test(e)&&/Mobile/.test(e)||/FxiOS/.test(e))}function $h(){return wa(/^Mac/)}function Kh(){return wa(/^iPhone/)}function Ir(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}function qh(){return wa(/^iPad/)||$h()&&navigator.maxTouchPoints>1}function Pi(){return Kh()||qh()}function wa(e){return typeof window<"u"&&window.navigator!=null?e.test(window.navigator.platform):void 0}const Uh=24,Hh=typeof window<"u"?c.useLayoutEffect:c.useEffect;function Rr(...e){return(...t)=>{for(let n of e)typeof n=="function"&&n(...t)}}const Nn=typeof document<"u"&&window.visualViewport;function Mr(e){let t=window.getComputedStyle(e);return/(auto|scroll)/.test(t.overflow+t.overflowX+t.overflowY)}function Li(e){for(Mr(e)&&(e=e.parentElement);e&&!Mr(e);)e=e.parentElement;return e||document.scrollingElement||document.documentElement}const Qh=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);let zs=0,kn;function Wh(e={}){let{isDisabled:t}=e;Hh(()=>{if(!t)return zs++,zs===1&&Pi()&&(kn=Vh()),()=>{zs--,zs===0&&kn?.()}},[t])}function Vh(){let e,t=0,n=m=>{e=Li(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;Kn(h)&&h!==document.activeElement&&(m.preventDefault(),h.style.transform="translateY(-2000px)",h.focus(),requestAnimationFrame(()=>{h.style.transform=""}))},o=m=>{let h=m.target;Kn(h)&&(h.style.transform="translateY(-2000px)",requestAnimationFrame(()=>{h.style.transform="",Nn&&(Nn.height<window.innerHeight?requestAnimationFrame(()=>{Tr(h)}):Nn.addEventListener("resize",()=>Tr(h),{once:!0}))}))},i=()=>{window.scrollTo(0,0)},l=window.pageXOffset,u=window.pageYOffset,d=Rr(Yh(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 Yh(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=Li(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+Uh;o>i&&(n.scrollTop+=r-a)}e=n.parentElement}}function Kn(e){return e instanceof HTMLInputElement&&!Qh.has(e.type)||e instanceof HTMLTextAreaElement||e instanceof HTMLElement&&e.isContentEditable}function Gh(e,t){typeof e=="function"?e(t):e!=null&&(e.current=t)}function Xh(...e){return t=>e.forEach(n=>Gh(n,t))}function zi(...e){return c.useCallback(Xh(...e),e)}const _i=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&&_i.set(e,a)}function Jh(e,t){if(!e||!(e instanceof HTMLElement))return;let n=_i.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 Zh(e){return 8*(Math.log(e+1)-2)}function Cn(e,t){if(!e)return()=>{};const n=e.style.cssText;return Object.assign(e.style,t),()=>{e.style.cssText=n}}function eg(...e){return(...t)=>{for(const n of e)typeof n=="function"&&n(...t)}}const he={DURATION:.5,EASE:[.32,.72,0,1]},Fi=.4,tg=.25,sg=100,Bi=8,xt=16,qn=26,En="vaul-dragging";function $i(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 ng({defaultProp:e,onChange:t}){const n=z.useState(e),[a]=n,r=z.useRef(a),o=$i(t);return z.useEffect(()=>{r.current!==a&&(o(a),r.current=a)},[a,r,o]),n}function Ki({prop:e,defaultProp:t,onChange:n=()=>{}}){const[a,r]=ng({defaultProp:t,onChange:n}),o=e!==void 0,i=o?e:a,l=$i(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 ag({activeSnapPointProp:e,setActiveSnapPointProp:t,snapPoints:n,drawerRef:a,overlayRef:r,fadeFromIndex:o,onSnapPointChange:i,direction:l="bottom",container:u,snapToSequentialPoint:d}){const[f,m]=Ki({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 E=typeof C=="string";let R=0;if(E&&(R=parseInt(C,10)),be(l)){const T=E?R:h?C*S.height:0;return h?l==="bottom"?S.height-T:-S.height+T:T}const M=E?R:h?C*S.width:0;return h?l==="right"?S.width-M:-S.width+M:M}))!=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(E=>E===S))!=null?k:null;i(C),we(a.current,{transition:`transform ${he.DURATION}s cubic-bezier(${he.EASE.join(",")})`,transform:be(l)?`translate3d(0, ${S}px, 0)`:`translate3d(${S}px, 0, 0)`}),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:E}){if(o===void 0)return;const R=l==="bottom"||l==="right"?(v??0)-S:(v??0)+S,M=p===o-1,T=p===0,P=S>0;if(M&&we(r.current,{transition:`opacity ${he.DURATION}s cubic-bezier(${he.EASE.join(",")})`}),!d&&C>2&&!P){E?k():j(g[0]);return}if(!d&&C>2&&P&&g&&n){j(g[n.length-1]);return}const Y=g?.reduce((B,_)=>typeof B!="number"||typeof _!="number"?B:Math.abs(_-R)<Math.abs(B-R)?_:B),K=be(l)?window.innerHeight:window.innerWidth;if(C>Fi&&Math.abs(S)<K*.4){const B=P?1:-1;if(B>0&&b&&n){j(g[n.length-1]);return}if(T&&B<0&&E&&k(),p===null)return;j(g[p+B]);return}j(Y)}function N({draggedDistance:S}){if(v===null)return;const k=l==="bottom"||l==="right"?v-S:v+S;(l==="bottom"||l==="right")&&k<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 I(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 R=C?p+1:p-1,M=C?g[R]-g[R-1]:g[R+1]-g[R],T=S/Math.abs(M);return C?1-T:T}return{isLastSnapPoint:b,activeSnapPoint:f,shouldFade:y,getPercentageDragged:I,setActiveSnapPoint:m,activeSnapPointIndex:p,onRelease:w,onDrag:N,snapPointsOffset:g}}const rg=()=>()=>{};function og(){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;eg(a&&!r?Cn(document.body,{background:"black"}):rg,Cn(u,{transformOrigin:be(e)?"top":"left",transitionProperty:"transform, border-radius",transitionDuration:`${he.DURATION}s`,transitionTimingFunction:`cubic-bezier(${he.EASE.join(",")})`}));const d=Cn(u,{borderRadius:`${Bi}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 ig({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 lg({open:e,onOpenChange:t,children:n,onDrag:a,onRelease:r,snapPoints:o,shouldScaleBackground:i=!1,setBackgroundColorOnScale:l=!0,closeThreshold:u=tg,scrollLockTimeout:d=sg,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:I=!0,snapToSequentialPoint:S=!1,preventScrollRestoration:k=!1,repositionInputs:C=!0,onAnimationEnd:E,container:R,autoFocus:M=!1}){var T,P;const[Y=!1,K]=Ki({defaultProp:N,prop:e,onChange:W=>{t?.(W),!W&&!v&&Et(),setTimeout(()=>{E?.(W)},he.DURATION*1e3),W&&!y&&typeof window<"u"&&window.requestAnimationFrame(()=>{document.body.style.pointerEvents="auto"}),W||(document.body.style.pointerEvents="auto")}}),[B,_]=z.useState(!1),[F,q]=z.useState(!1),[te,U]=z.useState(!1),O=z.useRef(null),D=z.useRef(null),V=z.useRef(null),le=z.useRef(null),ve=z.useRef(null),ce=z.useRef(!1),ye=z.useRef(null),Se=z.useRef(0),G=z.useRef(!1),ge=z.useRef(!N),Ie=z.useRef(0),H=z.useRef(null),Q=z.useRef(((T=H.current)==null?void 0:T.getBoundingClientRect().height)||0),ee=z.useRef(((P=H.current)==null?void 0:P.getBoundingClientRect().width)||0),ne=z.useRef(0),Ue=z.useCallback(W=>{o&&W===He.length-1&&(D.current=new Date)},[]),{activeSnapPoint:oe,activeSnapPointIndex:Ne,setActiveSnapPoint:Fe,onRelease:Ae,snapPointsOffset:He,onDrag:Qe,shouldFade:Ct,getPercentageDragged:ht}=ag({snapPoints:o,activeSnapPointProp:x,setActiveSnapPointProp:b,drawerRef:H,fadeFromIndex:h,overlayRef:O,onSnapPointChange:Ue,direction:w,container:R,snapToSequentialPoint:S});Wh({isDisabled:!Y||F||!y||te||!B||!C||!I});const{restorePositionSetting:Et}=ig({isOpen:Y,modal:y,nested:v??!1,hasBeenOpened:B,preventScrollRestoration:k,noBodyStyles:j});function We(){return(window.innerWidth-qn)/window.innerWidth}function at(W){var ae,ie;!f&&!o||H.current&&!H.current.contains(W.target)||(Q.current=((ae=H.current)==null?void 0:ae.getBoundingClientRect().height)||0,ee.current=((ie=H.current)==null?void 0:ie.getBoundingClientRect().width)||0,q(!0),V.current=new Date,Pi()&&window.addEventListener("touchend",()=>ce.current=!1,{once:!0}),W.target.setPointerCapture(W.pointerId),Se.current=be(w)?W.pageY:W.pageX)}function gt(W,ae){var ie;let Z=W;const ue=(ie=window.getSelection())==null?void 0:ie.toString(),pe=H.current?_s(H.current,w):null,A=new Date;if(Z.tagName==="SELECT"||Z.hasAttribute("data-vaul-no-drag")||Z.closest("[data-vaul-no-drag]"))return!1;if(w==="right"||w==="left")return!0;if(D.current&&A.getTime()-D.current.getTime()<500)return!1;if(pe!==null&&(w==="bottom"?pe>0:pe<0))return!0;if(ue&&ue.length>0)return!1;if(ve.current&&A.getTime()-ve.current.getTime()<d&&pe===0||ae)return ve.current=A,!1;for(;Z;){if(Z.scrollHeight>Z.clientHeight){if(Z.scrollTop!==0)return ve.current=new Date,!1;if(Z.getAttribute("role")==="dialog")return!0}Z=Z.parentNode}return!0}function Re(W){if(H.current&&F){const ae=w==="bottom"||w==="right"?1:-1,ie=(Se.current-(be(w)?W.pageY:W.pageX))*ae,Z=ie>0,ue=o&&!f&&!Z;if(ue&&Ne===0)return;const pe=Math.abs(ie),A=document.querySelector("[data-vaul-drawer-wrapper]"),J=w==="bottom"||w==="top"?Q.current:ee.current;let me=pe/J;const de=ht(pe,Z);if(de!==null&&(me=de),ue&&me>=1||!ce.current&&!gt(W.target,Z))return;if(H.current.classList.add(En),ce.current=!0,we(H.current,{transition:"none"}),we(O.current,{transition:"none"}),o&&Qe({draggedDistance:ie}),Z&&!o){const ke=Zh(ie),pt=Math.min(ke*-1,0)*ae;we(H.current,{transform:be(w)?`translate3d(0, ${pt}px, 0)`:`translate3d(${pt}px, 0, 0)`});return}const Me=1-me;if((Ct||h&&Ne===h-1)&&(a?.(W,me),we(O.current,{opacity:`${Me}`,transition:"none"},!0)),A&&O.current&&i){const ke=Math.min(We()+me*(1-We()),1),pt=8-me*8,Be=Math.max(0,14-me*14);we(A,{borderRadius:`${pt}px`,transform:be(w)?`scale(${ke}) translate3d(0, ${Be}px, 0)`:`scale(${ke}) translate3d(${Be}px, 0, 0)`,transition:"none"},!0)}if(!o){const ke=pe*ae;we(H.current,{transform:be(w)?`translate3d(0, ${ke}px, 0)`:`translate3d(${ke}px, 0, 0)`})}}}z.useEffect(()=>{window.requestAnimationFrame(()=>{ge.current=!0})},[]),z.useEffect(()=>{var W;function ae(){if(!H.current||!C)return;const ie=document.activeElement;if(Kn(ie)||G.current){var Z;const ue=((Z=window.visualViewport)==null?void 0:Z.height)||0,pe=window.innerHeight;let A=pe-ue;const J=H.current.getBoundingClientRect().height||0,me=J>pe*.8;ne.current||(ne.current=J);const de=H.current.getBoundingClientRect().top;if(Math.abs(Ie.current-A)>60&&(G.current=!G.current),o&&o.length>0&&He&&Ne){const Me=He[Ne]||0;A+=Me}if(Ie.current=A,J>ue||G.current){const Me=H.current.getBoundingClientRect().height;let ke=Me;Me>ue&&(ke=ue-(me?de:qn)),p?H.current.style.height=`${Me-Math.max(A,0)}px`:H.current.style.height=`${Math.max(ke,ue-de)}px`}else Bh()||(H.current.style.height=`${ne.current}px`);o&&o.length>0&&!G.current?H.current.style.bottom="0px":H.current.style.bottom=`${Math.max(A,0)}px`}}return(W=window.visualViewport)==null||W.addEventListener("resize",ae),()=>{var ie;return(ie=window.visualViewport)==null?void 0:ie.removeEventListener("resize",ae)}},[Ne,o,He]);function Ve(W){Rt(),g?.(),W||K(!1),setTimeout(()=>{o&&Fe(o[0])},he.DURATION*1e3)}function It(){if(!H.current)return;const W=document.querySelector("[data-vaul-drawer-wrapper]"),ae=_s(H.current,w);we(H.current,{transform:"translate3d(0, 0, 0)",transition:`transform ${he.DURATION}s cubic-bezier(${he.EASE.join(",")})`}),we(O.current,{transition:`opacity ${he.DURATION}s cubic-bezier(${he.EASE.join(",")})`,opacity:"1"}),i&&ae&&ae>0&&Y&&we(W,{borderRadius:`${Bi}px`,overflow:"hidden",...be(w)?{transform:`scale(${We()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,transformOrigin:"top"}:{transform:`scale(${We()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,transformOrigin:"left"},transitionProperty:"transform, border-radius",transitionDuration:`${he.DURATION}s`,transitionTimingFunction:`cubic-bezier(${he.EASE.join(",")})`},!0)}function Rt(){!F||!H.current||(H.current.classList.remove(En),ce.current=!1,q(!1),le.current=new Date)}function es(W){if(!F||!H.current)return;H.current.classList.remove(En),ce.current=!1,q(!1),le.current=new Date;const ae=_s(H.current,w);if(!W||!gt(W.target,!1)||!ae||Number.isNaN(ae)||V.current===null)return;const ie=le.current.getTime()-V.current.getTime(),Z=Se.current-(be(w)?W.pageY:W.pageX),ue=Math.abs(Z)/ie;if(ue>.05&&(U(!0),setTimeout(()=>{U(!1)},200)),o){Ae({draggedDistance:Z*(w==="bottom"||w==="right"?1:-1),closeDrawer:Ve,velocity:ue,dismissible:f}),r?.(W,!0);return}if(w==="bottom"||w==="right"?Z>0:Z<0){It(),r?.(W,!0);return}if(ue>Fi){Ve(),r?.(W,!1);return}var pe;const A=Math.min((pe=H.current.getBoundingClientRect().height)!=null?pe:0,window.innerHeight);var J;const me=Math.min((J=H.current.getBoundingClientRect().width)!=null?J:0,window.innerWidth),de=w==="left"||w==="right";if(Math.abs(ae)>=(de?me:A)*u){Ve(),r?.(W,!1);return}r?.(W,!0),It()}z.useEffect(()=>(Y&&(we(document.documentElement,{scrollBehavior:"auto"}),D.current=new Date),()=>{Jh(document.documentElement,"scrollBehavior")}),[Y]);function Mt(W){const ae=W?(window.innerWidth-xt)/window.innerWidth:1,ie=W?-xt:0;ye.current&&window.clearTimeout(ye.current),we(H.current,{transition:`transform ${he.DURATION}s cubic-bezier(${he.EASE.join(",")})`,transform:be(w)?`scale(${ae}) translate3d(0, ${ie}px, 0)`:`scale(${ae}) translate3d(${ie}px, 0, 0)`}),!W&&H.current&&(ye.current=setTimeout(()=>{const Z=_s(H.current,w);we(H.current,{transition:"none",transform:be(w)?`translate3d(0, ${Z}px, 0)`:`translate3d(${Z}px, 0, 0)`})},500))}function Le(W,ae){if(ae<0)return;const ie=(window.innerWidth-xt)/window.innerWidth,Z=ie+ae*(1-ie),ue=-xt+ae*xt;we(H.current,{transform:be(w)?`scale(${Z}) translate3d(0, ${ue}px, 0)`:`scale(${Z}) translate3d(${ue}px, 0, 0)`,transition:"none"})}function ts(W,ae){const ie=be(w)?window.innerHeight:window.innerWidth,Z=ae?(ie-xt)/ie:1,ue=ae?-xt:0;ae&&we(H.current,{transition:`transform ${he.DURATION}s cubic-bezier(${he.EASE.join(",")})`,transform:be(w)?`scale(${Z}) translate3d(0, ${ue}px, 0)`:`scale(${Z}) translate3d(${ue}px, 0, 0)`})}return z.useEffect(()=>{y||window.requestAnimationFrame(()=>{document.body.style.pointerEvents="auto"})},[y]),z.createElement(Si,{defaultOpen:N,onOpenChange:W=>{!f&&!W||(W?_(!0):Ve(!0),K(W))},open:Y},z.createElement(Oi.Provider,{value:{activeSnapPoint:oe,snapPoints:o,setActiveSnapPoint:Fe,drawerRef:H,overlayRef:O,onOpenChange:t,onPress:at,onRelease:es,onDrag:Re,dismissible:f,shouldAnimate:ge,handleOnly:m,isOpen:Y,isDragging:F,shouldFade:Ct,closeDrawer:Ve,onNestedDrag:Le,onNestedOpenChange:Mt,onNestedRelease:ts,keyboardIsOpen:G,modal:y,snapPointsOffset:He,activeSnapPointIndex:Ne,direction:w,shouldScaleBackground:i,setBackgroundColorOnScale:l,noBodyStyles:j,container:R,autoFocus:M}},n))}const qi=z.forwardRef(function({...e},t){const{overlayRef:n,snapPoints:a,onRelease:r,shouldFade:o,isOpen:i,modal:l,shouldAnimate:u}=Ns(),d=zi(t,n),f=a&&a.length>0;if(!l)return null;const m=z.useCallback(h=>r(h),[r]);return z.createElement(Ei,{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})});qi.displayName="Drawer.Overlay";const Ui=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),I=zi(r,o),S=z.useRef(null),k=z.useRef(null),C=z.useRef(!1),E=p&&p.length>0;og();const R=(T,P,Y=0)=>{if(C.current)return!0;const K=Math.abs(T.y),B=Math.abs(T.x),_=B>K,F=["bottom","right"].includes(P)?1:-1;if(P==="left"||P==="right"){if(!(T.x*F<0)&&B>=0&&B<=Y)return _}else if(!(T.y*F<0)&&K>=0&&K<=Y)return!_;return C.current=!0,!0};z.useEffect(()=>{E&&window.requestAnimationFrame(()=>{N(!0)})},[]);function M(T){S.current=null,C.current=!1,l(T)}return z.createElement(Ii,{"data-vaul-drawer-direction":b,"data-vaul-drawer":"","data-vaul-delayed-snap-points":w?"true":"false","data-vaul-snap-points":x&&E?"true":"false","data-vaul-custom-container":y?"true":"false","data-vaul-animate":v?.current?"true":"false",...a,ref:I,style:f&&f.length>0?{"--snap-point-height":`${f[m??0]}px`,...t}:t,onPointerDown:T=>{g||(a.onPointerDown==null||a.onPointerDown.call(a,T),S.current={x:T.pageX,y:T.pageY},i(T))},onOpenAutoFocus:T=>{n?.(T),j||T.preventDefault()},onPointerDownOutside:T=>{if(e?.(T),!h||T.defaultPrevented){T.preventDefault();return}d.current&&(d.current=!1)},onFocusOutside:T=>{if(!h){T.preventDefault();return}},onPointerMove:T=>{if(k.current=T,g||(a.onPointerMove==null||a.onPointerMove.call(a,T),!S.current))return;const P=T.pageY-S.current.y,Y=T.pageX-S.current.x,K=T.pointerType==="touch"?10:2;R({x:Y,y:P},b,K)?u(T):(Math.abs(Y)>K||Math.abs(P)>K)&&(S.current=null)},onPointerUp:T=>{a.onPointerUp==null||a.onPointerUp.call(a,T),S.current=null,C.current=!1,l(T)},onPointerOut:T=>{a.onPointerOut==null||a.onPointerOut.call(a,T),M(k.current)},onContextMenu:T=>{a.onContextMenu==null||a.onContextMenu.call(a,T),k.current&&M(k.current)}})});Ui.displayName="Drawer.Content";const cg=250,ug=120,Hi=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()},ug)}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 I=i[N+1];u(I)}function v(){b.current=window.setTimeout(()=>{p.current=!0},cg)}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))});Hi.displayName="Drawer.Handle";function dg(e){const t=Ns(),{container:n=t.container,...a}=e;return z.createElement(Ci,{container:n,...a})}const Pe={Root:lg,Content:Ui,Overlay:qi,Portal:dg,Handle:Hi,Title:Ti},fg=new Set(["outbox","postvak uit","boîte d'envoi","postausgang","buzón de salida","posta in uscita","送信トレイ","送件匣","发件箱","skrzynka nadawcza"]),mg=e=>{const t=Vs(e.fullPath).trim().toLowerCase();return fg.has(t)},Dr=An.length,ja=(e,t=[])=>{const n=ys(t);return[...e.filter(r=>{const o=n.get(r.mailboxId);return o==="drafts"||o==="sent"?!1:!mg(r)})].sort((r,o)=>{const i=n.has(r.mailboxId)?An.indexOf(n.get(r.mailboxId)??"inbox"):Dr,l=n.has(o.mailboxId)?An.indexOf(n.get(o.mailboxId)??"inbox"):Dr;return i!==l?i-l:Vs(r.fullPath).localeCompare(Vs(o.fullPath),void 0,{sensitivity:"base",numeric:!0})})},Qi="inline-flex items-center justify-center transition-colors",hg=fe(Qi,"min-h-11 min-w-11 rounded hover:bg-surface-raised"),gg=fe(Qi,"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((E,R)=>x(E,{defaultValue:R}),[x]),{data:p,isLoading:y,isError:g,error:v,refetch:j}=re({...et({path:{accountId:e}}),staleTime:1/0,enabled:l}),w=bi(e),N=c.useMemo(()=>{const E=ja(p?.items??[],w),R=ys(w);return E.map(M=>({id:M.mailboxId,label:Ht(M,R.get(M.mailboxId),b),searchValue:M.fullPath,isCurrent:M.mailboxId===t}))},[p?.items,w,t,b]),I=c.useCallback(E=>{u(!1),n(E)},[n]);c.useEffect(()=>{if(!l||!d)return;const E=M=>{f.current&&!f.current.contains(M.target)&&u(!1)},R=M=>{M.key==="Escape"&&u(!1)};return document.addEventListener("mousedown",E),document.addEventListener("keydown",R),()=>{document.removeEventListener("mousedown",E),document.removeEventListener("keydown",R)}},[l,d]);const S=a||!!r,k=s.jsxs("button",{type:"button",onClick:E=>{E.stopPropagation(),!S&&u(R=>!R)},"aria-label":m,"aria-haspopup":d?"listbox":"dialog","aria-expanded":l,"aria-controls":l?h:void 0,title:r,className:o==="icon-only"?hg:gg,children:[s.jsx(Co,{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(Wo,{mailboxes:N,onSelect:I,onCancel:()=>u(!1),autoFocus:!d,labels:{searchPlaceholder:x("move_picker_placeholder",{defaultValue:"Move to…"}),searchAriaLabel:x("move_picker_filter_label",{defaultValue:"Filter folders"}),optionLabel:E=>`Move to ${E}`,currentSuffix:"(current folder)",currentTag:"current",emptyMessage:E=>`No folders match "${E}"`}});return d?s.jsxs("div",{ref:f,className:"relative inline-block",children:[k,l&&s.jsx("div",{id: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})]})]})})]})},pg=({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 Y=>{const K=Y.body.isRead??!0,B=new Set(Y.body.messageIds??[]),_=jt({path:{threadId:t}}),F=tt({path:{mailboxId:n}}),q=ut({path:{mailboxId:n}});await Promise.all([d.cancelQueries({queryKey:_}),d.cancelQueries({queryKey:F}),d.cancelQueries({queryKey:q})]);const te=d.getQueriesData({queryKey:_}).filter(D=>D[1]!==void 0).map(([D,V])=>({queryKey:D,data:V})),U=d.getQueriesData({queryKey:F}).concat(d.getQueriesData({queryKey:q})).filter(D=>D[1]!==void 0).map(([D,V])=>({queryKey:D,data:V}));d.setQueriesData({queryKey:_},D=>D&&{...D,items:D.items.map(V=>B.has(V.messageId)?{...V,isRead:K}:V)});const O=D=>D&&{...D,pages:D.pages.map(V=>({...V,items:V.items.map(le=>B.has(le.messageId)?{...le,isRead:K}:le)}))};return d.setQueriesData({queryKey:F},O),d.setQueriesData({queryKey:q},O),{threadMessagesPrefix:_,threadsListPrefix:F,threadsSearchPrefix:q,previousThreadMessages:te,previousThreadsList:U}},onError:(Y,K,B)=>{if(B){for(const F of B.previousThreadMessages)d.setQueryData(F.queryKey,F.data);for(const F of B.previousThreadsList)d.setQueryData(F.queryKey,F.data)}const _=K.body.isRead??!0;m({title:_?"Couldn't mark as read":"Couldn't mark as unread",detail:$e(Y)})},onSettled:(Y,K,B,_)=>{_&&(d.invalidateQueries({queryKey:_.threadMessagesPrefix}),d.invalidateQueries({queryKey:_.threadsListPrefix}),d.invalidateQueries({queryKey:_.threadsSearchPrefix}))}}),p=c.useCallback(Y=>{h&&Y.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:I,reset:S}=ba({messageId:e}),k=()=>{x({body:{messageIds:[e],isRead:!1}})},C=()=>{y([e])},E=()=>{o&&w(o,i)},R=b||g||j||N,M=R||!o,T=c.useCallback(Y=>{v([e],Y)},[v,e]),P=o?void 0:"Sender has no parseable address";return s.jsxs("div",{className:"flex flex-col items-end gap-1",children:[s.jsxs("div",{className:"flex items-center gap-1",children:[r&&s.jsx(ks,{accountId:r,currentMailboxId:n,onMove:T,disabled:R,label:"Move this message"}),s.jsxs(yi,{trigger:s.jsx(ko,{className:"size-4"}),children:[s.jsxs($t,{onClick:E,disabled:M,children:[i?s.jsx(nn,{className:"size-4 text-positive"}):s.jsx(ws,{className:"size-4 opacity-0"}),s.jsx("span",{title:P,children:"Trusted sender"})]}),a&&s.jsxs($t,{onClick:k,disabled:R,children:[s.jsx(js,{className:"size-4"}),"Mark as unread"]}),u&&s.jsxs($t,{onClick:u,children:[s.jsx(No,{className:"size-4"}),l?"Show formatted":"Show raw email"]}),s.jsx($n,{}),s.jsxs($t,{onClick:C,disabled:R,destructive:!0,children:[s.jsx(qe,{className:"size-4"}),"Delete"]})]})]}),I&&s.jsx("div",{className:"w-64",children:s.jsx(ft,{variant:"inline",title:"Couldn't update trust",error:I,onRetry:()=>{S(),E()}})})]})},xg=()=>{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},bg=({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"})]})]}),vg=(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}}},yg=e=>e instanceof bt?e.reason:"generic",wg=e=>e instanceof Error?e.message:typeof e=="string"?e:"An unexpected error occurred while loading the message body.",jg=({error:e,onRetry:t})=>{const n=yg(e),a=wg(e),{title:r,detail:o}=vg(n,a),[i,l]=c.useState(!1),{Account:u}=Jn();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"})})]})]})},Sg=()=>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."}),Wi=({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=xg(),{toggleTrusted:h,isPending:x}=ba({messageId:r??""}),b=!!e&&e.length>0,{picked:p,data:y,isLoading:g,isError:v,error:j,refetch:w}=ci({messageId:r,bodyParts:e,enabled:b}),N=c.useMemo(()=>Ou(e??[]),[e]),I=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(Sg,{})});if(v)return s.jsx("div",{className:fe("message-body",l),children:s.jsx(jg,{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(qo,{className:l,html:I,text:S,isDark:m,category:i,allowImages:f,resolveCid:N,renderBlockedNotice:E=>s.jsx(bg,{blockedImageCount:E,canAlwaysTrust:k,isTrustPending:x,onLoadOnce:()=>d(!0),onAlwaysTrust:C})})},Ng=({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]),I=[];return l&&I.push({key:"trusted",label:u?"Trusted sender":"Mark sender trusted",icon:u?s.jsx(nn,{className:"size-4 text-positive"}):s.jsx(ws,{className:"size-4"}),onSelect:()=>g(l,u)}),f&&I.push({key:"raw",label:d?"Show formatted":"Show raw email",icon:s.jsx(No,{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:I,moveSlot:a?s.jsx(ks,{accountId:a,currentMailboxId:n,onMove:j,label:"Move this message"}):void 0})},kg=()=>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"})]}),Cg=({messageId:e,enabled:t=!0})=>{const{data:n,isLoading:a,isError:r,error:o,refetch:i}=re({...Nc({path:{messageId:e}}),enabled:t});if(a)return s.jsx("div",{className:"message-body",children:s.jsx(kg,{})});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})})},Eg=()=>s.jsx(nn,{className:"inline-block size-4 ml-1 -mt-0.5 text-positive align-middle","aria-label":"Trusted sender","data-testid":"trusted-sender-badge"}),Vi=(e,t)=>({id:e.messageId,fromName:e.fromName??e.fromEmail??"?",fromEmail:e.fromEmail??"",toLabel:"",dateLabel:t,snippet:e.snippet||"",bodyHtml:""}),Yi=({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")})}),Ig=({threadMessage:e,isFocused:t,onToggle:n,onToggleStar:a,isStarPending:r})=>{const o=vo(e.sentDate,"datetime"),i=Vi(e,o);return s.jsx(Uo,{message:i,onClick:n,isFocused:t,isUnread:!e.isRead,trailing:s.jsxs(s.Fragment,{children:[e.hasAttachment&&s.jsx(an,{className:"size-3 shrink-0 text-fg-subtle"}),s.jsx(Yi,{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})]})})},Rg=({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=vo(e.sentDate,"long"),v=!e.isRead,j=t?.envelope.from[0]?.flags?.trusted?.value===!0,w=t?.envelope.from[0]?.addressId,N=Vi(e,g),I=e.autoMoved?s.jsx(vi,{accountId:f,messageId:e.messageId,threadId:e.threadId,mailboxId:e.mailboxId,autoMoved:e.autoMoved,size:"md"}):null;return s.jsx(Ho,{message:N,isFocused:i,onHeaderClick:l,senderBadge:j?s.jsx(Eg,{}):void 0,trailing:s.jsx("span",{"data-testid":"message-date",className:"text-2xs text-fg-subtle",children:g}),to:t?s.jsx(pu,{label:"To",addresses:t.envelope.to}):null,indicators:I||!x?s.jsxs("div",{className:"flex flex-wrap items-center gap-1.5 mt-0.5",children:[I,!x&&s.jsxs(s.Fragment,{children:[s.jsxs("div",{className:"flex items-center justify-end gap-1",children:[s.jsx(Yi,{isStarred:e.hasStars,onToggleStar:u,isStarPending:d}),e.hasAttachment&&s.jsx("span",{className:"text-fg-subtle p-0.5",children:s.jsx(an,{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(pg,{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(Ng,{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&&kc(r)?s.jsx("div",{className:"mt-3",children:s.jsx(gi,{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(Cg,{messageId:e.messageId})}):s.jsx("div",{className:"mt-3",children:s.jsx(Wi,{bodyParts:t?.bodyParts,messageId:e.messageId,fromAddressId:t?.envelope.from[0]?.addressId,isTrusted:j,category:cn(e.category)})})})},Mg=({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}=re({...Zn({path:{messageId:e.messageId}}),enabled:t,meta:{softError:!0}});return t?s.jsx(Rg,{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(Ig,{threadMessage:e,isFocused:n,onToggle:a,onToggleStar:r,isStarPending:o})},Tg=()=>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}=bh({onSwipeLeft:d,onSwipeRight:f}),{accountId:b}=pi(t),{data:p,isLoading:y,isError:g,error:v,refetch:j}=re({...Cc({path:{threadId:e},query:{order:"desc",mailboxId:t}})}),w=c.useMemo(()=>p?.items??[],[p?.items]),N=c.useRef(new Map),[I,S]=c.useState(new Set),[k,C]=c.useState(null),[E,R]=c.useState(0);c.useEffect(()=>{if(w.length>0&&e!==k){C(e);const Q=new Set([w[0].threadMessageId]);if(a){const ee=w.find(ne=>ne.messageId===a);ee&&Q.add(ee.threadMessageId)}S(Q),R(0)}},[e,w,k,a]);const M=c.useCallback(Q=>{S(ee=>{const ne=new Set(ee);return ne.has(Q)?ne.delete(Q):ne.add(Q),ne})},[]),T=c.useCallback(Q=>{const ee=w[Q];if(!ee)return;N.current.get(ee.threadMessageId)?.scrollIntoView({behavior:"smooth",block:"nearest"})},[w]),P=c.useCallback(()=>{if(w.length===0)return;const Q=Math.min(E+1,w.length-1);R(Q),T(Q)},[w.length,E,T]),Y=c.useCallback(()=>{if(w.length===0)return;const Q=Math.max(E-1,0);R(Q),T(Q)},[w.length,E,T]),K=c.useCallback(()=>{const Q=w[E];Q&&M(Q.threadMessageId)},[w,E,M]),{data:B}=re({...Ze(),staleTime:1/0}),_=B?.accounts?.[0],F=!!_?.smtpHost;hh({messages:w,expandedIds:I,threadId:e,mailboxId:t,accountId:_?.accountId});const{toggleStar:q,isPending:te,pendingMessageId:U}=Bn({threadId:e,mailboxId:t}),[O,D]=c.useState(null);c.useEffect(()=>{l&&l!=="new"&&(D(l),u?.())},[l,u]);const V=w[0],{data:le}=re({...Zn({path:{messageId:V?.messageId??""}}),enabled:!!V&&O!==null}),ve=c.useCallback(()=>{D("reply")},[]),ce=c.useCallback(()=>{D("reply_all")},[]),ye=c.useCallback(()=>{D("forward")},[]),Se=c.useCallback(()=>{D(null),u?.()},[u]);if(ps({enabled:!y&&w.length>0&&O===null,bindings:[{key:"j",handler:P,preventDefault:!0},{key:"ArrowDown",handler:P,preventDefault:!0},{key:"k",handler:Y,preventDefault:!0},{key:"ArrowUp",handler:Y,preventDefault:!0},{key:"Enter",handler:K,preventDefault:!0},{key:"o",handler:K,preventDefault:!0},...F?[{key:"r",handler:ve,preventDefault:!0},{key:"R",handler:ce,noModifiers:!1,preventDefault:!0},{key:"f",handler:ye,preventDefault:!0}]:[]]}),y)return s.jsx(Tg,{});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(gi,{message:"No messages in this thread"})});const G=n||w[0]?.subject||"(No subject)",ge=w.length,Ie=Q=>s.jsx("div",{children:w.map((ee,ne)=>s.jsx("div",{ref:Ue=>{Ue&&N.current.set(ee.threadMessageId,Ue)},children:s.jsx(Mg,{threadMessage:ee,isExpanded:I.has(ee.threadMessageId),isFocused:ne===E,onToggle:()=>M(ee.threadMessageId),onToggleStar:()=>q(ee.messageId,ee.hasStars),isStarPending:te&&U===ee.messageId,accountId:b,mobile:Q,onReply:Q&&F?ve:void 0,onReplyAll:Q&&F?ce:void 0,onForward:Q&&F?ye:void 0})},ee.threadMessageId))}),H=s.jsxs("header",{className:"border-b border-line px-5 pt-5 pb-3",children:[s.jsx("h1",{className:"max-w-2xl text-lg font-semibold leading-snug text-fg",children:G}),s.jsxs("p",{className:"mt-1 text-2xs text-fg-subtle",children:[ge," ",ge===1?"message":"messages"]})]});return h?s.jsxs("article",{className:"h-full flex flex-col",children:[H,r?.dkimMismatch&&s.jsx(Or,{authenticity:r,onOpenIntelligence:o}),s.jsx("div",{className:"flex-1 overflow-auto",children:Ie(!1)}),O!==null&&s.jsx(jr,{mode:O,account:_,sourceMessage:le,onClose:Se})]}):s.jsxs(nd,{thread:{subject:G,messages:[]},onBack:i??(()=>{}),intelligenceOpen:m,onToggleIntelligence:o,touchHandlers:x,children:[r?.dkimMismatch&&s.jsx(Or,{authenticity:r,onOpenIntelligence:o}),Ie(!0),O!==null&&s.jsx(jr,{mode:O,account:_,sourceMessage:le,onClose:Se})]})},Gi=e=>e.trim().toLocaleLowerCase(),Dg=/^\d{4}-\d{2}-\d{2}$/;function Pr(e,t,n){if(!Dg.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 Ag(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=Ag(o,t);i?a.push(i):r.push(o)}return{freeText:r.join(" "),tokens:a}}function Og(e,t){return e.split(/\s+/).filter(n=>n.length>0&&n!==t.raw).join(" ")}function Pg(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 Lg=20,zg=new Set(Object.values(Ge)),_g=e=>e!==void 0&&zg.has(e)?e:void 0;function Xi({mailboxId:e,filterCategory:t}={}){const{searchQuery:n,mailboxNameIndex:a,accountNameIndex:r}=Ee(),o=Gi(n),{freeText:i,tokens:l}=Cs(o,{mailboxesByName:a,accountsByName:r}),u=o.length>0,d=_g(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}=re({...mo({query:{query:i,mailboxId:p,limit:Lg,...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 Fg=(e,t)=>e.createdAt!==t.createdAt?e.createdAt-t.createdAt:e.accountId.localeCompare(t.accountId),Bg=e=>[...e].sort(Fg);function Ji(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:cn(e.category),suspicious:t}}const Lr=[{id:"personal",label:"Personal",category:Ge.personal},{id:"transactional",label:"Transactional",category:Ge.transactional},{id:"newsletter",label:"Newsletter",category:Ge.newsletter},{id:"marketing",label:"Marketing",category:Ge.marketing},{id:"social",label:"Social",category:Ge.social},{id:"automated",label:"Automated",category:Ge.automated}];function $g(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 Zi(e,t){return e.fromName.toLowerCase().includes(t)||e.fromEmail.toLowerCase().includes(t)||e.subject.toLowerCase().includes(t)||e.snippet.toLowerCase().includes(t)}function el(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 qg(e){return Kg[e]??e}function Ug(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 tl(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 Hg(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:qg(e.matchedChunkType),score:e.score,...e.mailboxIds[0]!=null?{mailboxId:e.mailboxIds[0]}:{}}}function sl(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(Hg(r)));return a}const Qg=768,Wg=1024,Vg=e=>e!=="desktop",Es=()=>{const e=Fn(`(min-width: ${Qg}px)`);return Fn(`(min-width: ${Wg}px)`)?"desktop":e?"tablet":"phone"},nl="remit.recentSearches",Yg=5;function Un(){try{const e=localStorage.getItem(nl);if(!e)return[];const t=JSON.parse(e);return Array.isArray(t)?t.filter(n=>typeof n=="string"):[]}catch{return[]}}function zr(e){const t=e.trim();if(!t)return Un();const n=[t,...Un().filter(a=>a!==t)].slice(0,Yg);try{localStorage.setItem(nl,JSON.stringify(n))}catch{return n}return n}function al({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=ea(),y=Es(),[g,v]=c.useState(!1),[j,w]=c.useState(Un),N=f.trim().length>0,I=Cs(f,{mailboxesByName:x,accountsByName:b}).tokens.map(K=>({label:Pg(K),onRemove:()=>m(Og(f,K))})),S=o??[],k=l??[],C=N?[{id:"top",label:"Top matches",results:S},{id:"related",label:"Related",results:k}]:[],R=!(S.length+k.length>0)&&(i===!0||u===!0);if(y==="phone"&&g){const K=B=>{w(zr(f)),v(!1),d?.(B)};return s.jsx(Dd,{value:f,onChange:m,onClear:h,onCancel:()=>{v(!1),h()},filter:r,recentSearches:j,onPickRecent:m,sections:C,loading:R,onSelectResult:K,tokens:I})}const M=y!=="phone"&&N,T=K=>{w(zr(f)),d?.(K)},P=s.jsx(Qo,{value:f,sections:C,loading:R,onSelectResult:T,tokens:I}),Y=M?r?s.jsx(Wn,{...r,children:P}):s.jsx("div",{className:"h-full overflow-y-auto",children:P}):n;return s.jsxs("section",{className:"flex h-full w-full flex-col bg-surface",children:[s.jsx(kd,{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:Y}),a]})}const Gg={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))}),Xg=({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"})]})},Jg=({thread:e,active:t,onClick:n})=>{const a=!e.isRead;return s.jsxs("button",{type:"button",onClick:n,className:$("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 rl({accounts:e,selectedMessageId:t,onSelectMessage:n,onSelectSearchResult:a}){const{searchQuery:r,mailboxNameIndex:o,accountNameIndex:i}=Ee(),l=kt(),u=c.useMemo(()=>Bg(e.filter(O=>!O.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(O=>{b(D=>{const V=new Set(D);return V.has(O)?V.delete(O):V.add(O),V})},[]),{data:v,isLoading:j,isError:w,refetch:N}=re({...sn(),staleTime:6e4}),I=Jt({queries:u.map(O=>({...et({path:{accountId:O.accountId}}),staleTime:1/0,meta:{softError:!0}}))}),S=c.useMemo(()=>{const O=new Map;for(let D=0;D<u.length;D++){const V=u[D].accountId,ve=(I[D]?.data?.items??[]).reduce((ce,ye)=>ce+(ye.unseenCount??0),0);O.set(V,ve)}return O},[u,I]),k=c.useMemo(()=>u.filter((O,D)=>{const V=I[D];return V?.isError?!Dn(V.error):!1}),[u,I]),{freeText:C,tokens:E}=Cs(r.trim().toLowerCase(),{mailboxesByName:o,accountsByName:i}),R=c.useMemo(()=>(v?.items??[]).filter(D=>d==="all"||(D.accountId??D.accountConfigId)===d).map(Ji).filter(D=>(!C||Zi(D,C))&&el(D,E)),[v,d,C,E]),M=c.useMemo(()=>$g(R),[R]),T=c.useMemo(()=>u.length<=1?[]:[{id:"all",label:"All",active:d==="all"},...u.map(O=>({id:O.accountId,label:O.email.split("@")[0]??O.email,count:S.get(O.accountId),active:d===O.accountId}))],[u,S,d]),P=c.useMemo(()=>e.filter(O=>O.muted?.value).length,[e]),Y=c.useMemo(()=>Array.from(S.values()).reduce((O,D)=>O+D,0),[S]),K=c.useMemo(()=>{const O=Array.from(x).map(D=>Gg[D]).filter(D=>D!=null);return R.filter(D=>(m==="all"||D.category===m)&&O.every(V=>V(D))).map(tl)},[R,m,x]),{hits:B,isLoading:_}=Xi(),F=c.useMemo(()=>{const O=new Map;for(const V of v?.items??[])O.set(V.messageId,V.threadId);const D=K.map(V=>O.get(V.id)).filter(V=>V!=null);return sl(B,D)},[B,K,v]),q=c.useMemo(()=>{const O=Zd(T.map(D=>({id:D.id,label:D.label,count:D.count,active:D.active})));return{categories:O.categories,filters:O.filters,sources:O.sources,sourcesNote:P>0?`+${P} muted`:void 0,selectedCategory:m,activeFilters:x,expanded:p,onExpandedChange:y,onSelectCategory:D=>h(D),onSelectSource:f,onToggleFilter:g,onClear:()=>{h("all"),f("all"),b(new Set)}}},[T,P,m,x,p,g]),te=M.length===0&&d==="all"&&C.length===0,U=j?s.jsxs("div",{className:"h-full overflow-y-auto",children:[s.jsx(_r,{}),s.jsx(_r,{})]}):w?s.jsxs("div",{className:"flex h-full flex-col items-center justify-center gap-3 py-12 text-sm text-fg-muted",children:[s.jsx(yt,{className:"size-8 text-danger"}),s.jsx("p",{children:"Couldn't load your messages"}),s.jsxs("button",{type:"button",onClick:()=>N(),className:"flex items-center gap-1 text-accent underline text-xs",children:[s.jsx(Ro,{className:"size-3.5"}),"Try again"]})]}):te?s.jsxs("div",{className:"flex h-full flex-col items-center justify-center gap-2 py-12 text-center px-4",children:[s.jsx(Ke,{className:"size-8 text-fg-subtle"}),s.jsx("p",{className:"text-sm font-medium text-fg",children:"You're caught up"}),s.jsx("p",{className:"text-xs text-fg-subtle",children:"Nothing needs attention."})]}):s.jsx(Xr,{sections:M,Row:Jg,briefCategory:m,onSelectBriefCategory:h,sources:T,sourcesNote:P>0?`+${P} muted`:void 0,onSelectSource:f,selectedThreadId:t,onSelectThread:n});return s.jsx(al,{title:"Daily brief",unreadCount:Y,footer:l?s.jsx(Oo,{}):void 0,searchFilter:q,searchResults:K,searchLoading:j,relatedResults:F,relatedLoading:_,onSelectSearchResult:a,children:s.jsxs("div",{className:"flex h-full flex-col",children:[k.map(O=>s.jsx(Xg,{accountEmail:O.email,accountId:O.accountId},O.accountId)),s.jsx("div",{className:"min-h-0 flex-1",children:U})]})})}const ol=({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 Zg(e){const t=new Date(e),n=new Date;return t.toDateString()===n.toDateString()?"today":Ws(t,{month:"short",year:"numeric"})}function il(e){if(!e)return!0;const[,t]=e.split("@");return t?!t.includes("."):!0}const ep="We can't verify the sender of this email, which could mean it's from an insecure source.",tp="We couldn't read this sender's address, so we can't confirm who really sent this message.";function sp(e,t){return{name:e.fromName??e.fromEmail??"Unknown",email:e.fromEmail??"",trust:e.senderTrust,firstSeenLabel:t?Zg(t.createdAt):"unknown",inboundCount:t?.inboundCount,replyCount:t?.replyCount,addressUnverified:il(e.fromEmail)}}function np(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 ap(e,t){const n=t>0?t:void 0;if(il(e.fromEmail))return{verdict:"mismatch",fromDomain:"",addressUnreadable:!0,summary:tp,similarCount:n};const a=e.authenticity;if(!a)return{verdict:"caution",fromDomain:e.fromEmail?.split("@")[1]??"",summary:ep};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 ll(e,t){const n=e?.fromEmail??null,a=e?.subject??"",{data:r,error:o}=re({...co({query:{q:n??"",limit:1}}),enabled:!!n,staleTime:3e4}),i=r?.items?.[0],l=[a,n].filter(Boolean).join(" "),{data:u,isLoading:d,error:f}=re({...mo({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=sp(e,i),b=ap(e,h.length),p={value:e.category??"personal",overridden:i?.flags?.category?.value!=null&&i.flags.category.value!==e.category},y=np(i);return{sender:x,authenticity:b,category:p,flags:y,similar:h}},[e,i,u,t]),isSimilarLoading:d,similarError:f,similarErrorIsFatal:Dn(f),addressErrorIsFatal:Dn(o),addressId:i?.addressId,address:i}}function rp(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 cl({addressId:e,senderEmail:t}){const n=je(),{pushError:a}=ze(),r=Ec({query:{q:t??"",limit:1}}),{mutate:o,isPending:i}=xe({...fo(),onMutate:async u=>{const d=u.body.flags??{};await n.cancelQueries({queryKey:r});const f=n.getQueryData(r);return n.setQueryData(r,m=>m&&{...m,items:m.items.map(h=>h.addressId===u.path.addressId?{...h,flags:rp(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){ho(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 op=e=>e==="vip"?"A sender you know":e==="wellknown"?"You've emailed them before":"Passed authentication",ul=e=>e.senderTrust!=="vip"&&e.senderTrust!=="wellknown"?!1:e.authenticity?.dkimMismatch!==!0;function ip(e,t){e.recordEvent("rescue.candidates_surfaced",{count:String(t)})}function lp(e,t){e.recordEvent("rescue.flow_opened",{count:String(t)})}function cp(e,t){e.recordEvent("rescue.committed",{selected:String(t.selected),total:String(t.total),destination:t.toInbox?"inbox":"other"})}function dl(e,t){e.recordEvent("rescue.sent_to_junk",{count:String(t.count),senderTrust:t.senderTrust,wasRescuable:String(t.wasRescuable)})}const up=["personal","newsletter","marketing","automated","transactional","social"],dp=e=>{const{mailboxId:t,junkMailboxId:n,inboxMailboxId:a}=e;return t?n&&t===n?a?"notSpam":null:n?"markSpam":null:null},fp=e=>{const{similarError:t,similarErrorIsFatal:n,isSimilarLoading:a}=e;return t&&!n?"error":a?"loading":"ready"};function mp(){return s.jsxs("aside",{className:"flex h-full w-full flex-col bg-surface-sunken",children:[s.jsxs("header",{className:"flex h-pane-header shrink-0 items-center gap-1.5 border-b border-line px-row-inset",children:[s.jsx(Ke,{className:"size-3.5 text-fg-subtle"}),s.jsx("span",{className:"text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:"Intelligence"})]}),s.jsxs("div",{className:"flex-1 animate-pulse space-y-4 p-4",children:[s.jsxs("div",{className:"space-y-2",children:[s.jsx("div",{className:"h-2.5 rounded bg-surface w-1/4"}),s.jsxs("div",{className:"flex gap-3",children:[s.jsx("div",{className:"size-10 rounded-full bg-surface shrink-0"}),s.jsxs("div",{className:"flex-1 space-y-1.5",children:[s.jsx("div",{className:"h-3 rounded bg-surface w-3/4"}),s.jsx("div",{className:"h-2.5 rounded bg-surface w-1/2"})]})]})]}),s.jsxs("div",{className:"space-y-2",children:[s.jsx("div",{className:"h-2.5 rounded bg-surface w-1/4"}),s.jsx("div",{className:"h-8 rounded bg-surface"})]}),s.jsxs("div",{className:"space-y-2",children:[s.jsx("div",{className:"h-2.5 rounded bg-surface w-1/4"}),s.jsx("div",{className:"flex gap-1.5 flex-wrap",children:Array.from({length:5}).map((e,t)=>s.jsx("div",{className:"h-6 w-16 rounded bg-surface"},t))})]})]})]})}function hp({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:up.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 gp({thread:e,onClose:t,mailboxId:n,accountId:a,hideCloseButton:r}){const{data:o,addressId:i,isSimilarLoading:l,similarError:u,similarErrorIsFatal:d}=ll(e,n),[f,m]=c.useState(!1),[h,x]=c.useState(!1),b=e.fromEmail??void 0,{updateFlags:p,isPending:y}=cl({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=dp({mailboxId:n,junkMailboxId:g,inboxMailboxId:v}),I=c.useCallback(()=>{v&&j([e.messageId],v)},[v,j,e.messageId]),S=c.useCallback(()=>{g&&(dl(w,{count:1,senderTrust:e.senderTrust,wasRescuable:ul(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]),E=c.useCallback(()=>{const _=o?.flags?.muted!==!0;p({muted:{value:_}})},[o?.flags?.muted,p]),R=c.useCallback(()=>{o?.flags?.blocked===!0?p({blocked:{value:!1}}):m(!0)},[o?.flags?.blocked,p]),M=c.useCallback(()=>{m(!1),p({blocked:{value:!0}})},[p]),T=c.useCallback(()=>{const _=o?.flags?.unsubscribed!==!0;p({unsubscribed:{value:_}})},[o?.flags?.unsubscribed,p]),P=c.useCallback(_=>{x(!1),p({category:{value:_}})},[p]),Y={onToggleVip:C,onToggleMute:E,onToggleBlock:R,onToggleUnsubscribe:T,onReclassify:()=>x(!0),onNotSpam:N==="notSpam"?I:void 0,onMarkSpam:N==="markSpam"?S:void 0},K=({mailboxId:_,messageId:F,className:q,ariaLabel:te,children:U})=>s.jsx(Xe,{to:"/mail/$mailboxId",params:{mailboxId:_},search:O=>({...O,selectedMessageId:F}),className:q,"aria-label":te,children:U});if(!o)return s.jsx(mp,{});const B=fp({similarError:u,similarErrorIsFatal:d,isSimilarLoading:l});return s.jsxs(s.Fragment,{children:[s.jsx(Ao,{data:o,onClose:t,hideCloseButton:r,onShowSimilar:k,actions:Y,similarState:B,similarLinkComponent:K,className:"border-l-0 h-full w-full"}),s.jsx(ol,{isOpen:f,title:"Block this sender?",description:`Messages from ${b??"this sender"} will never load images and will be flagged. You can undo this in Settings → Senders.`,confirmLabel:"Block sender",destructive:!0,isBusy:y,onConfirm:M,onCancel:()=>m(!1)}),s.jsx(hp,{isOpen:h,current:o.category.value,onSelect:P,onCancel:()=>x(!1)})]})}const fn=({onClose:e,thread:t,mailboxId:n,accountId:a,hideCloseButton:r})=>t?s.jsx(gp,{thread:t,onClose:e,mailboxId:n,accountId:a,hideCloseButton:r}):s.jsxs("aside",{className:"flex h-full w-full flex-col bg-surface-sunken",children:[s.jsxs("header",{className:"flex h-pane-header shrink-0 items-center gap-1.5 border-b border-line px-row-inset",children:[s.jsx(Ke,{className:"size-3.5 text-fg-subtle"}),s.jsx("span",{className:"text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:"Intelligence"})]}),s.jsxs("div",{className:"flex flex-1 flex-col items-center justify-center px-row-inset text-center",children:[s.jsx(Ke,{className:"size-8 text-fg-subtle"}),s.jsx("p",{className:"mt-3 text-sm text-fg-muted",children:"Intelligence"}),s.jsx("p",{className:"mt-1 text-2xs text-fg-subtle",children:"Sender trust, authenticity and similar messages will appear here."})]})]}),fl=({children:e})=>{const{Account:t}=Jn();return s.jsx(t,{children:e})},pp=({email:e,onSignOut:t})=>{const n=Ce(),a=e??"Account";return s.jsxs(yi,{trigger:s.jsx(st,{name:a,email:e??void 0,size:"sm"}),align:"right",children:[e&&s.jsxs(s.Fragment,{children:[s.jsx("div",{className:"px-3 py-2 text-xs text-fg-muted truncate",title:e,"data-testid":"account-menu-email",children:e}),s.jsx($n,{})]}),s.jsxs($t,{onClick:()=>n({to:"/settings/accounts"}),children:[s.jsx(Do,{className:"size-4"}),"Settings"]}),s.jsx($n,{}),s.jsxs($t,{onClick:t,children:[s.jsx(Io,{className:"size-4"}),"Sign out"]})]})},xp=()=>s.jsx(fl,{children:({email:e,signOut:t})=>s.jsx(pp,{email:e,onSignOut:t})}),Fr=()=>{const e=ta(),t=sa(e);window.open(t,"_blank","noopener,noreferrer")};function ml({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 hl=[{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 bp(e){for(const t of hl){const n=t.hints.find(a=>a.action===e);if(n)return n.keys}}function Ft(e){const t=bp(e);return!t||t.length===0?"":t.length===1?`(${t[0]})`:t[0]==="g"?`(${t.join(" then ")})`:`(${t.join("")})`}const In="Open a message first",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(Tu,{hasThread:e,isStarred:p,onUnavailable:N=>v(In),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(In),onToggleStar:b,onMove:w(In),moveSlot:y?s.jsx(ks,{accountId:y.accountId,currentMailboxId:y.currentMailboxId,onMove:y.onMove,label:"Move to mailbox"}):void 0,children:[s.jsx("div",{className:"w-64 min-w-40 shrink",children:s.jsx(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(mu,{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(ml,{}),s.jsx(xp,{})]})};function vp(e){return{threadId:e.threadId,mailboxId:e.mailboxId,subject:e.subject,messageId:e.messageId,authenticity:e.authenticity}}function gl(e,t){if(e)return vp(e);if(t.messageId&&t.threadId&&t.mailboxId)return{threadId:t.threadId,mailboxId:t.mailboxId,messageId:t.messageId}}const pl=c.createContext(null);function Na(){const e=c.useContext(pl);if(!e)throw new Error("BriefPane.* must be used inside <BriefPane>");return e}function yp({selectedMessageId:e,children:t}){const n=Ce(),{searchInput:a}=Ee(),{selectedThreadId:r,selectedMailboxId:o}=Ut({strict:!1}),{data:i}=re({...sn(),staleTime:6e4}),l=c.useMemo(()=>{if(e)return i?.items.find(x=>x.messageId===e)},[i,e]),u=c.useMemo(()=>gl(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(pl.Provider,{value:h,children:t})}function wp(){const{selectedMessageId:e,onSelectMessage:t,onSelectSearchResult:n}=Na(),{accounts:a}=Ee();return s.jsx(rl,{accounts:a,selectedMessageId:e,onSelectMessage:t,onSelectSearchResult:n})}function jp(){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 Sp(){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(fn,{onClose:u,thread:e,hideCloseButton:!0})})]}):s.jsx("div",{className:"h-full",children:s.jsx(rl,{accounts:i,selectedMessageId:n,onSelectMessage:a,onSelectSearchResult:r})})}const Fs=Object.assign(yp,{List:wp,Reading:jp,Phone:Sp});function xl({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(al,{title:e,unreadCount:t,footer:f,searchFilter:v,searchResults:m,searchLoading:h,relatedResults:x,relatedLoading:b,onSelectSearchResult:p,children:s.jsx(Wn,{...v,children:d})})}const Np={unread:e=>!e.isRead,attachment:e=>e.hasAttachment===!0};function kp({selectedMessageId:e,onSelectMessage:t}){const{searchQuery:n,mailboxNameIndex:a,accountNameIndex:r}=Ee(),o=kt(),[i,l]=c.useState("all"),[u,d]=c.useState(new Set),f=c.useCallback(E=>{d(R=>{const M=new Set(R);return M.has(E)?M.delete(E):M.add(E),M})},[]),m=c.useCallback(()=>{l("all"),d(new Set)},[]),{data:h,isLoading:x,isError:b,error:p,refetch:y}=re({...sn(),staleTime:6e4}),{freeText:g,tokens:v}=Cs(n.trim().toLowerCase(),{mailboxesByName:a,accountsByName:r}),j=c.useMemo(()=>{const E=Array.from(u).map(R=>Np[R]).filter(R=>R!=null);return(h?.items??[]).map(Ji).filter(R=>R.starred===!0).filter(R=>(i==="all"||R.category===i)&&E.every(M=>M(R))&&(!g||Zi(R,g))&&el(R,v))},[h,i,u,g,v]),w=c.useMemo(()=>tf(),[]),N=c.useMemo(()=>j.map(tl),[j]),I=c.useMemo(()=>j.filter(E=>!E.isRead).length,[j]),S=x?"loading":b?"error":j.length===0?"empty":"ready",k=c.useCallback(()=>{const E=sa(ta());window.open(E,"_blank","noopener,noreferrer")},[]),C=s.jsx("div",{className:"flex-1 overflow-y-auto",children:s.jsx("div",{className:"divide-y divide-line",children:j.map(E=>s.jsx(_o,{thread:E,active:E.id===e,onClick:()=>t?.(E.id)},E.id))})});return s.jsx(xl,{title:"Starred",unreadCount:I,preset:w,selectedCategory:i,activeFilters:u,onSelectCategory:l,onToggleFilter:f,onClearFilters:m,searchResults:N,searchLoading:x,onSelectSearchResult:E=>t?.(E.id),children:s.jsx($o,{listTitle:"Starred",sections:[{id:"flagged",threads:j}],flatList:!0,hideHeader:!0,listState:S,searchQuery:g?n:void 0,errorMessage:b?bo(p):void 0,onRetry:()=>y(),onReportError:k,selectedThreadId:e,onSelectThread:t,onSelectBriefCategory:()=>{},isDesktop:o,listBody:S==="ready"?C:void 0})})}const bl=c.createContext(null);function ka(){const e=c.useContext(bl);if(!e)throw new Error("FlaggedPane.* must be used inside <FlaggedPane>");return e}function Cp({selectedMessageId:e,children:t}){const n=Ce(),{data:a}=re({...sn(),staleTime:6e4}),r=c.useMemo(()=>{if(e)return a?.items.find(u=>u.messageId===e)},[a,e]),o=c.useCallback(u=>{n({to:"/mail/flagged",search:d=>({...d,selectedMessageId:u})})},[n]),i=c.useCallback(()=>{n({to:"/mail/flagged",search:u=>({...u,selectedMessageId:void 0})})},[n]),l={selectedMessageId:e,selectedThread:r,onSelectMessage:o,onCloseThread:i};return s.jsx(bl.Provider,{value:l,children:t})}function vl(){const{selectedMessageId:e,onSelectMessage:t}=ka();return s.jsx(kp,{selectedMessageId:e,onSelectMessage:t})}function Ep(){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 Ip(){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(fn,{onClose:a,thread:e,hideCloseButton:!0})})]}):s.jsx("div",{className:"h-full",children:s.jsx(vl,{})})}const Bs=Object.assign(Cp,{List:vl,Reading:Ep,Phone:Ip}),Rp={reply:"Reply",reply_all:"Reply All",forward:"Forward",new:"New Message"},Mp=()=>{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},[])},Tp=()=>{const{state:e,closeCompose:t}=wt(),n=Mp(),[a,r]=c.useState(!1),{isError:o,error:i,refetch:l}=re({...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=Rp[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"})]})]})})]})},Dp={reply:"Reply",reply_all:"Reply All",forward:"Forward",new:"New Message"},yl=()=>{const{state:e,closeCompose:t}=wt(),n=kt(),{isError:a,error:r,refetch:o}=re({...Ze(),staleTime:1/0});if(!n)return s.jsx(Tp,{});if(!e.isOpen)return null;const i=Dp[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 Ap(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 Op(e){return{id:e.messageId,accountId:e.accountConfigId,fromName:e.fromName??e.fromEmail??"Unknown",fromEmail:e.fromEmail??"",subject:e.subject??"(No subject)",snippet:e.snippet??"",timeLabel:mt(e.sentDate),isRead:e.isRead,hasAttachment:e.hasAttachment,starred:e.star!=null&&e.star!=="none"&&e.hasStars===!0}}function Pp({outboxMessages:e,accountId:t,imapThreads:n}){const a=e.filter(i=>i.status==="draft"&&i.accountId===t).map(Ap),r=n.map(Op),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=ea();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 Lp=({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})]}),zp=({row:e,isSelected:t,onOpen:n,onDelete:a,isDeleting:r})=>s.jsxs("button",{type:"button",onClick:()=>n(e.id),className:$("group",Yt({active:t})),children:[s.jsx(po,{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(qe,{className:"size-3.5"})})})]}),_p=({row:e,isSelected:t,onOpen:n})=>{const a=!e.isRead;return s.jsxs("button",{type:"button",onClick:()=>n(e.id),className:$("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 Fp({mailboxId:e,accountId:t,selectedMessageId:n,imapThreads:a,title:r,unreadCount:o}){const{openCompose:i,state:l}=wt(),u=Ce(),d=je(),{data:f}=re(Js()),m=c.useMemo(()=>Pp({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(Qn,{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(Lp,{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(zp,{row:v,isSelected:l.isOpen&&v.id===l.outboxMessageId,onOpen:b,onDelete:x,isDeleting:h.isPending},v.id):s.jsx(_p,{row:v,isSelected:v.id===n,onOpen:p},v.id))})]},g.id))})]})}function Bp(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 $p=(e,t)=>Math.abs(e-t)<1.01,Kp=(e,t,n)=>{let a;return function(...r){e.clearTimeout(a),a=e.setTimeout(()=>t.apply(this,r),n)}};let ls;const Rn=()=>{if(ls!==void 0)return ls;if(typeof navigator>"u")return ls=!1;if(/iP(hone|od|ad)/.test(navigator.userAgent))return ls=!0;const e=navigator.maxTouchPoints;return ls=navigator.platform==="MacIntel"&&e!==void 0&&e>0},$r=e=>{const{offsetWidth:t,offsetHeight:n}=e;return{width:t,height:n}},qp=e=>e,Up=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},Hp=(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},Qp=typeof window>"u"?!0:"onscrollend"in window,Wp=(e,t,n)=>{const a=e.scrollElement;if(!a)return;const r=e.targetWindow;if(!r)return;const o=e.options.useScrollendEvent&&Qp;let i=0;const l=o?null:Kp(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)}},Vp=(e,t)=>Wp(e,t,n=>{const{horizontal:a,isRtl:r}=e.options;return a?n.scrollLeft*(r&&-1||1):n.scrollTop}),Yp=(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"]},Gp=(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})},Xp=Gp;class Jp{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:qp,rangeExtractor:Up,onChange:()=>{},measureElement:Yp,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,!(!Rn()||this.targetWindow==null)&&(this._iosJustTouchEnded=!0,this._iosTouchEndTimerId=this.targetWindow.setTimeout(()=>{this._iosJustTouchEnded=!1,this._iosTouchEndTimerId=null,this._flushIosDeferredIfReady()},150))};o.addEventListener("touchstart",i,Gs),o.addEventListener("touchend",l,Gs),this.unsubs.push(()=>{o.removeEventListener("touchstart",i),o.removeEventListener("touchend",l),this._iosTouchEndTimerId!==null&&this.targetWindow!=null&&(this.targetWindow.clearTimeout(this._iosTouchEndTimerId),this._iosTouchEndTimerId=null)})}this._scrollToOffset(this.getScrollOffset(),{adjustments:void 0,behavior:void 0})}const r=this.pendingScrollAnchor;if(this.pendingScrollAnchor=null,r&&this.scrollElement&&this.options.enabled){const[o,i,l,u]=r;o!==null&&!l&&(Rn()&&(this.isScrolling||this._iosTouching||this._iosJustTouchEnded)?u!==0&&(this._iosDeferredAdjustment+=u):this._scrollToOffset(this.getScrollOffset(),{adjustments:void 0,behavior:void 0})),l&&this.scrollToEnd({behavior:l})}},this._flushIosDeferredIfReady=()=>{if(this._iosDeferredAdjustment===0||this.isScrolling||this._iosTouching||this._iosJustTouchEnded)return;const n=this.getScrollOffset(),a=this.getMaxScrollOffset();if(n<0||n>a)return;const r=this._iosDeferredAdjustment;this._iosDeferredAdjustment=0,this._scrollToOffset(n,{adjustments:this.scrollAdjustments+=r,behavior:void 0})},this.rafId=null,this.getSize=()=>this.options.enabled?(this.scrollRect=this.scrollRect??this.options.initialRect,this.scrollRect[this.options.horizontal?"width":"height"]):(this.scrollRect=null,0),this.getScrollOffset=()=>this.options.enabled?(this.scrollOffset=this.scrollOffset??(typeof this.options.initialOffset=="function"?this.options.initialOffset():this.options.initialOffset),this.scrollOffset):(this.scrollOffset=null,0),this.getMeasurementOptions=Bt(()=>[this.options.count,this.options.paddingStart,this.options.scrollMargin,this.options.getItemKey,this.options.enabled,this.options.lanes,this.options.laneAssignmentMode,this.options.gap],(n,a,r,o,i,l,u,d)=>(this.prevLanes!==void 0&&this.prevLanes!==l&&(this.lanesChangedFlag=!0),this.prevLanes=l,this.pendingMin=null,{count:n,paddingStart:a,scrollMargin:r,getItemKey:o,enabled:i,lanes:l,laneAssignmentMode:u,gap:d}),{key:!1}),this.getMeasurements=Bt(()=>[this.getMeasurementOptions(),this.itemSizeCacheVersion],({count:n,paddingStart:a,scrollMargin:r,getItemKey:o,enabled:i,lanes:l,laneAssignmentMode:u,gap:d},f)=>{const m=this.itemSizeCache;if(!i)return this.measurementsCache=[],this.itemSizeCache.clear(),this.laneAssignments.clear(),[];if(this.laneAssignments.size>n)for(const 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 I=o(N),S=m.get(I),k=typeof S=="number"?S:this.options.estimateSize(N);v[N*2]=j,v[N*2+1]=k,j+=k+d}const w=Bp(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 I=u==="estimate"||m.has(v);if(j!==void 0&&this.options.lanes>1){w=j;const E=b[w],R=E!==void 0?x[E]:void 0;N=R?R.end+d:a+r}else if(y===l){let E=0,R=p[0],M=b[0];for(let T=1;T<l;T++){const P=p[T];(P<R||P===R&&b[T]<M)&&(E=T,R=P,M=b[T])}w=E,N=R+d,I&&this.laneAssignments.set(g,w)}else w=g%this.options.lanes,N=a+r,I&&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=ex(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=wl(0,a.length-1,o?l=>r[l*2]:l=>Br(a[l]).start,n);return Br(a[i])},this.getMaxScrollOffset=()=>{if(!this.scrollElement)return 0;if("scrollHeight"in this.scrollElement)return this.options.horizontal?this.scrollElement.scrollWidth-this.scrollElement.clientWidth:this.scrollElement.scrollHeight-this.scrollElement.clientHeight;{const n=this.scrollElement.document.documentElement;return this.options.horizontal?n.scrollWidth-this.scrollElement.innerWidth:n.scrollHeight-this.scrollElement.innerHeight}},this.getVirtualDistanceFromEnd=()=>Math.max(this.getTotalSize()-this.getSize()-this.getScrollOffset(),0),this.getDistanceFromEnd=()=>Math.max(this.getMaxScrollOffset()-this.getScrollOffset(),0),this.isAtEnd=(n=this.options.scrollEndThreshold)=>this.getDistanceFromEnd()<=n,this.getOffsetForAlignment=(n,a,r=0)=>{if(!this.scrollElement)return 0;const o=this.getSize(),i=this.getScrollOffset();a==="auto"&&(a=n>=i+o?"end":"start"),a==="center"?n+=(r-o)/2:a==="end"&&(n-=o);const l=this.getMaxScrollOffset();return Math.max(Math.min(l,n),0)},this.getOffsetForIndex=(n,a="auto")=>{n=Math.max(0,Math.min(n,this.options.count-1));const r=this.getSize(),o=this.getScrollOffset(),i=this.measurementsCache[n];if(!i)return;if(a==="auto")if(i.end>=o+r-this.options.scrollPaddingEnd)a="end";else if(i.start<=o+this.options.scrollPaddingStart)a="start";else return[o,a];if(a==="end"&&n===this.options.count-1)return[this.getMaxScrollOffset(),a];const l=a==="end"?i.end+this.options.scrollPaddingEnd:i.start-this.options.scrollPaddingStart;return[this.getOffsetForAlignment(l,a,i.size),a]},this.scrollToOffset=(n,{align:a="start",behavior:r="auto"}={})=>{const o=this.getOffsetForAlignment(n,a),i=this.now();this.scrollState={index:null,align:a,behavior:r,startedAt:i,lastTargetOffset:o,stableFrames:0},this._scrollToOffset(o,{adjustments:void 0,behavior:r}),this.scheduleScrollReconcile()},this.scrollToIndex=(n,{align:a="auto",behavior:r="auto"}={})=>{n=Math.max(0,Math.min(n,this.options.count-1));const o=this.getOffsetForIndex(n,a);if(!o)return;const[i,l]=o,u=this.now();this.scrollState={index:n,align:l,behavior:r,startedAt:u,lastTargetOffset:i,stableFrames:0},this._scrollToOffset(i,{adjustments:void 0,behavior:r}),this.scheduleScrollReconcile()},this.scrollBy=(n,{behavior:a="auto"}={})=>{const r=this.getScrollOffset()+n,o=this.now();this.scrollState={index:null,align:"start",behavior:a,startedAt:o,lastTargetOffset:r,stableFrames:0},this._scrollToOffset(r,{adjustments:void 0,behavior:a}),this.scheduleScrollReconcile()},this.scrollToEnd=({behavior:n="auto"}={})=>{if(this.options.count>0){this.scrollToIndex(this.options.count-1,{align:"end",behavior:n});return}this.scrollToOffset(Math.max(this.getTotalSize()-this.getSize(),0),{behavior:n})},this.getTotalSize=()=>{var n;const a=this.getMeasurements();let r;if(a.length===0)r=this.options.paddingStart;else if(this.options.lanes===1){const o=a.length-1,i=this._flatMeasurements;i!=null?r=i[o*2]+i[o*2+1]:r=((n=a[o])==null?void 0:n.end)??0}else{const o=Array(this.options.lanes).fill(null);let i=a.length-1;for(;i>=0&&o.some(l=>l===null);){const l=a[i];o[l.lane]===null&&(o[l.lane]=l.end),i--}r=Math.max(...o.filter(l=>l!==null))}return Math.max(r-this.options.scrollMargin+this.options.paddingEnd,0)},this.takeSnapshot=()=>{const n=[];if(this.itemSizeCache.size===0)return n;const a=this.getMeasurements();for(const r of a)r&&this.itemSizeCache.has(r.key)&&n.push({index:r.index,key:r.key,start:r.start,size:r.size,end:r.end,lane:r.lane});return n},this._scrollToOffset=(n,{adjustments:a,behavior:r})=>{this._intendedScrollOffset=n+(a??0),this.options.scrollToFn(n,{behavior:r,adjustments:a},this)},this.measure=()=>{this.pendingMin=null,this.itemSizeCache.clear(),this.laneAssignments.clear(),this.itemSizeCacheVersion++,this.notify(!1)},this.setOptions(t)}applyScrollAdjustment(t,n){t!==0&&(Rn()&&(this.isScrolling||this._iosTouching||this._iosJustTouchEnded)?this._iosDeferredAdjustment+=t:(this._scrollToOffset(this.getScrollOffset(),{adjustments:this.scrollAdjustments+=t,behavior:n}),this.scrollOffset!==null&&(this.scrollOffset+=this.scrollAdjustments,this.scrollAdjustments=0)))}scheduleScrollReconcile(){if(!this.targetWindow){this.scrollState=null;return}this.rafId==null&&(this.rafId=this.targetWindow.requestAnimationFrame(()=>{this.rafId=null,this.reconcileScroll()}))}reconcileScroll(){if(!this.scrollState||!this.scrollElement)return;if(this.now()-this.scrollState.startedAt>5e3){this.scrollState=null;return}const a=this.scrollState.index!=null?this.getOffsetForIndex(this.scrollState.index,this.scrollState.align):void 0,r=a?a[0]:this.scrollState.lastTargetOffset,o=1,i=r!==this.scrollState.lastTargetOffset;if(!i&&$p(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 wl=(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 Zp(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 ex(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=Zp(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=wl(0,o,d=>e[d].start,n),u=l;if(a===1)for(;u<o&&e[u].end<n+t;)u++;else if(a>1){const d=Array(a).fill(0);for(;u<o&&d.some(m=>m<n+t);){const m=e[u];d[m.lane]=m.end,u++}const f=Array(a).fill(n+t);for(;l>=0&&f.some(m=>m>=n);){const m=e[l];f[m.lane]=m.start,l--}l=Math.max(0,l-l%a),u=Math.min(o,u+(a-1-u%a))}return{startIndex:l,endIndex:u}}const Mn=typeof document<"u"?c.useLayoutEffect:c.useEffect;function tx({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?Gn.flushSync(r):r()),(m=a.onChange)==null||m.call(a,d,f)}},[u]=c.useState(()=>{const d=new Jp(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),Mn(()=>u._didMount(),[]),Mn(()=>u._willUpdate()),Mn(()=>{i(u)}),u}function sx(e){return tx({observeElementRect:Hp,observeElementOffset:Vp,scrollToFn:Xp,...e})}const nx=(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)},ax=(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]},rx=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=nx(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}},ox=e=>{const t=xe(Ic()),{mutate:n}=t;return{preview:c.useCallback(r=>{e&&n({path:{accountId:e},body:yo(r)})},[e,n]),reset:t.reset,matchedCount:t.data?.matchedCount,messageIds:t.data?.messageIds,isPending:t.isPending,isError:t.isError,error:t.error}},ix=new Set(["Complete","Failed"]),Kr=e=>e!==void 0&&ix.has(e),lx=1e3,cx=15e3,ux=e=>{const t=Math.max(0,e),n=lx*2**t;return Math.min(n,cx)},dx=e=>{const[t,n]=c.useState(),a=xe({...Rc(),onSuccess:m=>n(m.organizeJobId)}),{mutate:r}=a,o=re({...Mc({path:{accountId:e??"",organizeJobId:t??""}}),enabled:!!e&&!!t,refetchInterval:m=>{const h=m.state.data?.state;return Kr(h)?!1:ux(m.state.dataUpdateCount)}}),i=c.useCallback(m=>{e&&(n(void 0),r({path:{accountId:e},body:yo(m)}))},[e,r]),l=o.data,u=l?.state??a.data?.state,d=Kr(l?.state),f={state:u,matchedCount:l?.matchedCount??0,appliedCount:l?.appliedCount??0,failedCount:l?.failedCount??0,errorMessage:l?.errorMessage??""};return{start:i,progress:f,isStarting:a.isPending,isRunning:!!t&&!d,isDone:d,isError:a.isError||o.isError,error:a.error??o.error}},fx=({draft:e,scope:t,name:n,pickedDate:a})=>{if(!Zc(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."},mx=(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"}},hx=(e,t,n)=>e==="just-these"?t:n,gx=[{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 px({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}=re({...et({path:{accountId:e}}),staleTime:1/0}),p=c.useMemo(()=>ja(b?.items??[]).map(E=>({id:E.mailboxId,label:Vs(E.fullPath)})),[b?.items]),y=c.useMemo(()=>({anchorMessageId:a,matchOperator:"And",literalClauses:[],moveMailboxId:u||void 0,expiresAt:i==="temporary"?eu(h):void 0}),[a,u,i,h]),{moveMessages:g}=ct({mailboxId:t,accountId:e}),v=dx(e),j=tu(e),w=n.length,N=hx(i,w,r),I=fx({draft:y,scope:i,name:f,pickedDate:h}),S=()=>{if(!I)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(xx,{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(Jc,{"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:gx.map(C=>{const E=i===C.id;return s.jsxs("button",{type:"button",onClick:()=>l(C.id),className:`flex w-full items-start gap-3 rounded-lg border px-3 py-2.5 text-left transition-colors ${E?"border-accent-2 bg-accent-2-soft":"border-line bg-surface hover:bg-surface-sunken"}`,children:[s.jsx("span",{className:`mt-0.5 flex size-4 shrink-0 items-center justify-center rounded-full border ${E?"border-accent-2 bg-accent-2":"border-line bg-surface"}`,children:E&&s.jsx("span",{className:"size-1.5 rounded-full bg-white"})}),s.jsxs("span",{className:"min-w-0",children:[s.jsx("span",{className:`block text-sm font-medium ${E?"text-accent-2":"text-fg"}`,children:C.label}),s.jsx("span",{className:"block text-xs text-fg-subtle",children:C.caption})]})]},C.id)})}),k&&s.jsxs("section",{className:"space-y-2",children:[s.jsx(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:[I&&s.jsx("p",{className:"text-xs text-fg-subtle",role:"status",children:I}),j.isError&&s.jsx("p",{className:"text-xs text-danger",role:"alert",children:"Couldn't save the filter. Please try again."}),s.jsx(X,{variant:"primary",onClick:S,disabled:!!I||j.isPending||v.isStarting,className:"w-full",children:j.isPending?"Saving…":mx(i,N)}),s.jsx(X,{variant:"ghost",onClick:o,className:"w-full",children:"Not now"})]})]})}function xx({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 bx({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}=ox(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(px,{accountId:t,mailboxId:n,selectedMessageIds:a,anchorMessageId:o,matchedCount:u,onClose:h})}):null}const vx=({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(Ke,{className:"size-4"}),s.jsx("span",{className:"hidden sm:inline",children:"Organize"})]}),a&&s.jsx("button",{type:"button",onClick:m?void 0:a,className:"min-h-11 min-w-11 inline-flex items-center justify-center rounded text-sm font-medium transition-colors hover:bg-surface-raised","aria-label":"Mark as read","aria-busy":m,children:s.jsx(js,{className:"size-4"})}),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(qe,{className:"size-4"}),s.jsx("span",{className:"hidden sm:inline",children:i?"Deleting...":"Delete"})]})]})]})},yx=8,wx=({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)>yx&&r()},[r]),l=c.useCallback(()=>{r()},[r]),u=c.useCallback(()=>{r()},[r]);return{handlers:{onPointerDown:o,onPointerMove:i,onPointerUp:l,onPointerCancel:u}}},jx=(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:cn(e.category),messageCount:t,suspicious:n}},Sx=({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=jx(e,u),y=I=>{I.preventDefault(),I.stopPropagation(),i(e.messageId)},g=c.useCallback(I=>{if(!m)return;l(b,{shiftKey:I.shiftKey,metaKey:I.metaKey,ctrlKey:I.ctrlKey})&&(I.preventDefault(),I.stopPropagation())},[m,l,b]),v=c.useCallback(()=>{f?.(b)},[f,b]),j=wx({onLongPress:v,delayMs:500}),w=c.useCallback(()=>{x.prefetchQuery(Zn({path:{messageId:e.messageId}}))},[x,e.messageId]),N=!e.isRead;return h==="compact"?s.jsx(Xe,{to:"/mail/$mailboxId",params:{mailboxId:t},search:I=>({...I,selectedMessageId:e.messageId}),"data-message-row":!0,onClick:g,onMouseEnter:w,onFocus:w,...!m&&j.handlers,className:fe(Po({active:a,focused:r}),o&&"bg-accent-soft",!m&&"min-h-11"),children:s.jsx(Lo,{thread:p})}):s.jsxs(Xe,{to:"/mail/$mailboxId",params:{mailboxId:t},search:I=>({...I,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(vi,{accountId:n,messageId:e.messageId,threadId:e.threadId,mailboxId:e.mailboxId,autoMoved:e.autoMoved,size:"sm"})})]})},Nx=c.memo(Sx),kx=e=>{const t=e.authenticity?.dkimMismatch===!0;return{id:e.messageId,accountId:e.accountConfigId,fromName:e.fromName??e.fromEmail??"Unknown",fromEmail:e.fromEmail??"",subject:e.subject??"(No subject)",snippet:e.snippet??"",timeLabel:mt(e.sentDate),isRead:e.isRead,hasAttachment:e.hasAttachment,starred:e.star!=null&&e.star!=="none"&&e.hasStars===!0,trust:e.senderTrust,category:cn(e.category),suspicious:t}},Cx=({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(Nx,{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(Bo,{thread:kx(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:I=>({...I,selectedMessageId:e.messageId}),"data-message-row":!0,onClick:j,children:w})})},Ex=72,Ix=32,Rx=5,jl="remit:list-density",Mx=()=>{try{const e=localStorage.getItem(jl);if(e==="compact"||e==="comfortable")return e}catch{}return"comfortable"},Tx=({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,"”"]})]}),Dx=({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),I=Ce(),S=kt(),[k,C]=c.useState(!1),[E,R]=c.useState(!1),[M,T]=c.useState(n),[P,Y]=c.useState(Mx),K=c.useCallback(()=>{Y(A=>{const J=A==="comfortable"?"compact":"comfortable";try{localStorage.setItem(jl,J)}catch{}return J})},[]),{toggleReadFor:B}=xi({mailboxId:e}),{selectedIds:_,selectedCount:F,hasSelection:q,isSelected:te,toggle:U,select:O,clearSelection:D,selectRange:V,setAnchor:le,selectAll:ve}=rx(),[ce,ye]=c.useState(null);c.useEffect(()=>{k&&F===0&&C(!1)},[k,F]);const Se=sx({count:t.length,getScrollElement:()=>N.current,estimateSize:()=>P==="compact"?Ix:Ex,overscan:Rx}),G=n?t.findIndex(A=>A.messageId===n):-1,ge=M?t.findIndex(A=>A.messageId===M):-1,Ie=c.useCallback(A=>{if(A<0||A>=t.length)return;const J=t[A];if(k){U(J.messageId);return}T(J.messageId)},[t,k,U]),H=c.useCallback(()=>{if(t.length===0)return;const A=ge<0?0:Math.min(ge+1,t.length-1);Ie(A)},[t.length,ge,Ie]),Q=c.useCallback(()=>{if(t.length===0)return;const A=ge<=0?0:ge-1;Ie(A)},[t.length,ge,Ie]),ee=c.useCallback(()=>{M&&U(M)},[M,U]),ne=c.useMemo(()=>t.map(A=>A.messageId),[t]),Ue=c.useCallback((A,J)=>J.shiftKey?(V(ne,A),!0):J.metaKey||J.ctrlKey?(U(A),!0):(D(),le(A),!1),[ne,V,U,D,le]),oe=c.useCallback(A=>{!u||A.length===0||ye(A)},[u]),Ne=c.useCallback(A=>{const J=ax(ne,M,A);J!==void 0&&(V(ne,J),T(J))},[ne,M,V]),Fe=c.useCallback(()=>Ne(-1),[Ne]),Ae=c.useCallback(()=>Ne(1),[Ne]),He=c.useCallback(()=>{ne.length>0&&ve(ne)},[ne,ve]),Qe=c.useCallback(()=>{F>0?oe(Array.from(_)):M&&oe([M])},[F,_,M,oe]),Ct=c.useCallback(()=>{M&&I({to:"/mail/$mailboxId",params:{mailboxId:e},search:A=>({...A,selectedMessageId:M})})},[M,I,e]),ht=c.useCallback(()=>{F>0&&oe(Array.from(_))},[oe,F,_]),Et=c.useCallback(()=>{if(!ce||ce.length===0){ye(null);return}const A=new Set(ce),J=t.findIndex(de=>A.has(de.messageId));let me;for(let de=J+1;de<t.length;de++)if(!A.has(t[de].messageId)){me=t[de].messageId;break}if(me===void 0){for(let de=J-1;de>=0;de--)if(!A.has(t[de].messageId)){me=t[de].messageId;break}}u?.(ce),D(),ye(null),me!==void 0&&I({to:"/mail/$mailboxId",params:{mailboxId:e},search:de=>({...de,selectedMessageId:me}),replace:!0})},[ce,t,u,D,I,e]),We=c.useCallback(()=>{ye(null)},[]),at=c.useCallback(()=>{d&&F>0&&d(Array.from(_))},[d,F,_]),gt=c.useCallback(A=>{!f||F===0||(f(Array.from(_),A),D())},[f,F,_,D]),Re=c.useMemo(()=>{if(F===0)return;const A=new Set;for(const J of t)_.has(J.messageId)&&A.add(J.accountConfigId);if(A.size>1)return"Move only works within one account — clear selection or pick messages from a single account"},[F,_,t]),Ve=c.useCallback(A=>{u?.([A])},[u]),It=c.useCallback((A,J)=>{B([A],!J)},[B]),Rt=c.useCallback(A=>{S||(C(!0),O(A))},[S,O]),es=c.useCallback(()=>{C(!1),D()},[D]);c.useEffect(()=>{if(!S&&n)return;const A=ge>=0?ge:G;A>=0&&Se.scrollToIndex(A,{align:"auto"})},[ge,G,Se,S,n]),c.useEffect(()=>{n&&T(n)},[n]),c.useEffect(()=>{M&&(t.some(A=>A.messageId===M)||T(t[0]?.messageId))},[t,M]),c.useEffect(()=>{j?.({focusedMessageId:M,selectedIds:Array.from(_)})},[M,_,j]),c.useEffect(()=>{const A=new Set(t.map(me=>me.messageId));Array.from(_).some(me=>!A.has(me))&&D()},[t,_,D]),c.useEffect(()=>{const A=N.current;if(!A||!b||!x)return;const J=()=>{if(p)return;const{scrollTop:me,scrollHeight:de,clientHeight:Me}=A;me+Me>=de-200&&x()};return A.addEventListener("scroll",J,{passive:!0}),J(),()=>A.removeEventListener("scroll",J)},[b,p,x]),ps({enabled:!a&&t.length>0&&ce===null,bindings:[{key:"j",handler:H,preventDefault:!0},{key:"ArrowDown",handler:H,preventDefault:!0,requireShift:!1},{key:"k",handler:Q,preventDefault:!0},{key:"ArrowUp",handler:Q,preventDefault:!0,requireShift:!1},{key:"ArrowDown",handler:Ae,preventDefault:!0,requireShift:!0},{key:"ArrowUp",handler:Fe,preventDefault:!0,requireShift:!0},{key:"x",handler:ee,preventDefault:!0},{key:" ",handler:ee,preventDefault:!0},{key:"a",handler:He,preventDefault:!0,requireMeta:!0},{key:"Enter",handler:Ct,preventDefault:!0},{key:"Delete",handler:Qe,preventDefault:!0},{key:"Backspace",handler:Qe,preventDefault:!0},{key:"d",handler:K,preventDefault:!0}]}),ps({enabled:q&&ce===null,capture:!0,bindings:[{key:"Escape",handler:D,preventDefault:!0,stopPropagation:!0}]});const Mt=a?"loading":r?"error":t.length===0?"empty":"ready",Le=r?bo(o):void 0,ts=c.useCallback(()=>{const A=sa(ta());window.open(A,"_blank","noopener,noreferrer")},[]),W=[{id:"inbox",threads:[]}],ae=q&&S?s.jsx(vx,{selectedCount:F,onDelete:ht,onClearSelection:D,onMarkAsRead:d?at:void 0,onMove:f?gt:void 0,onOrganize:()=>R(!0),isDeleting:m,isMoving:h,accountId:y,currentMailboxId:e,moveDisabledHint:Re}):void 0,ie=k&&!S?s.jsx(Fo,{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:()=>R(!0),className:"min-h-11 min-w-11 inline-flex shrink-0 items-center justify-center rounded text-fg-muted hover:bg-surface-raised","aria-label":"Organize similar messages",children:s.jsx(Ke,{className:"size-4"})}),s.jsx(ks,{accountId:y,currentMailboxId:e,onMove:m||h?()=>{}:gt,disabledHint:Re,label:"Move selected messages"})]}):void 0}):void 0,Z=ae??ie,ue=!!l?.trim(),pe=s.jsxs(s.Fragment,{children:[ue&&l&&s.jsx(Tx,{query:l,count:t.length}),s.jsxs("div",{ref:N,className:"flex-1 overflow-y-auto",children:[s.jsx("div",{className:"relative w-full",style:{height:`${Se.getTotalSize()}px`},children:Se.getVirtualItems().map(A=>{const J=t[A.index];return s.jsx("div",{"data-index":A.index,ref:Se.measureElement,className:"absolute left-0 top-0 w-full border-b border-line",style:{transform:`translateY(${A.start}px)`},children:s.jsx(Cx,{thread:J,mailboxId:e,accountId:y,isSelected:n===J.messageId,isFocused:M===J.messageId,isChecked:te(J.messageId),onToggleCheck:U,onRowSelect:Ue,isMultiSelectMode:k,onLongPress:Rt,isDesktop:S,onDelete:Ve,onToggleRead:It,density:P})},A.key)})}),p&&s.jsx("div",{className:"flex justify-center py-4",children:s.jsx("div",{className:"h-5 w-5 animate-spin rounded-full border-2 border-fg-muted border-t-transparent"})})]})]});return s.jsxs(s.Fragment,{children:[s.jsx($o,{listTitle:g,listMeta:v,sections:W,flatList:!0,listState:Mt,searchQuery:ue?l:void 0,errorMessage:Le,onRetry:i,onReportError:ts,density:P,selectedThreadId:n,onSelectThread:A=>I({to:"/mail/$mailboxId",params:{mailboxId:e},search:J=>({...J,selectedMessageId:A})}),onSelectBriefCategory:()=>{},isDesktop:S,hideHeader:w,selectionBar:Z,listBody:Mt==="ready"?pe:void 0}),s.jsx(ol,{isOpen:ce!==null,title:Yc(ce?.length??0),description:"You can restore them from Trash later.",confirmLabel:"Move to Trash",destructive:!0,isBusy:m,onConfirm:Et,onCancel:We}),E&&y&&s.jsx(bx,{open:E,accountId:y,mailboxId:e,selectedMessageIds:Array.from(_),onClose:()=>R(!1)})]})},Ax=e=>Vt({path:{accountId:e}}),Ox=e=>{const t=je(),n=xs(),a=xe({...Tc(),onSuccess:()=>{n.recordEvent("sync.triggered"),t.invalidateQueries({queryKey:Ax(e)})}});return{trigger:()=>{a.mutate({path:{accountId:e}})},triggerAsync:()=>a.mutateAsync({path:{accountId:e}}),isPending:a.isPending,error:a.error,reset:a.reset}},Px=({accountId:e,children:t})=>{const{triggerAsync:n,isPending:a}=Ox(e);return s.jsx(Bd,{onRefresh:n,isRefreshing:a,children:t})};function Lx({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=bi(e),{data:h}=re({...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,ip(l,n.length))},[l,n.length]);const y=c.useCallback(()=>{lp(l,n.length),i(!0)},[l,n.length]),g=c.useCallback((v,j)=>{cp(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(qd,{count:n.length,onReview:y})}),s.jsx("div",{className:"min-h-0 flex-1",children:r}),s.jsx(Gd,{open:o,candidates:n,defaultDestinationId:b,availableFolders:x,onConfirmMove:g,onCancel:()=>i(!1)})]})}const zx=({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},_x=({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},Fx="We can verify this sender";function Bx(e){const{data:t}=re({...Dc({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:Fx,trustSubReason:op(a.senderTrust),senderTrust:a.senderTrust}))}}const $s={action:null,nextPrefix:null,preventDefault:!1},$x={b:"goBrief",i:"goInbox",s:"goSent",f:"goFlagged",",":"goSettings"},Kx={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 qx(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=$x[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=Kx[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 Ux(e){if(!(e instanceof HTMLElement))return!1;const t=e.tagName;return t==="INPUT"||t==="TEXTAREA"||t==="SELECT"||e.isContentEditable}function Hx({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=qx({key:u.key,shiftKey:u.shiftKey,metaKey:u.metaKey,ctrlKey:u.ctrlKey,altKey:u.altKey,inEditable:Ux(u.target)},r.current);if(i(),r.current=d.nextPrefix,d.nextPrefix!==null&&(o.current=setTimeout(()=>{r.current=null,o.current=null},n)),d.action===null)return;const f=a.current[d.action];f&&(d.preventDefault&&u.preventDefault(),f())};return window.addEventListener("keydown",l),()=>{window.removeEventListener("keydown",l),i(),r.current=null}},[t,n])}const qr=(e,t,n)=>{if(!t)return null;const a=e.indexOf(t);if(a===-1)return null;const r=n==="next"?a+1:a-1;return r<0||r>=e.length?null:e[r]},Sl="remit:intelligence-open";function Qx(){try{return localStorage.getItem(Sl)!=="closed"}catch{return!0}}function Ur(e){try{localStorage.setItem(Sl,e?"open":"closed")}catch{}}const Wx=(e,t)=>e!==t,Vx=(e,t,n)=>{if(!(n||!t))return e.find(a=>a.messageId===t)},Yx={unread:e=>!e.isRead,flagged:e=>e.hasStars===!0,attachment:e=>!!e.hasAttachment};function Gx(e,t,n){const a=Array.from(n).map(r=>Yx[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 Nl=c.createContext(null);function mn(){const e=c.useContext(Nl);if(!e)throw new Error("MailboxPane.* must be used inside <MailboxPane>");return e}function Xx({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=Gi(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:I,isLoading:S,isError:k,error:C,refetch:E,fetchNextPage:R,hasNextPage:M,isFetchingNextPage:T}=Am({queryKey:N,queryFn:async({pageParam:L})=>{if(y){const{data:Oe}=await Oc({path:{mailboxId:e},query:{...w,continuationToken:L},throwOnError:!0});return Oe}const{data:Te}=await Pc({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:Ac}),P=c.useCallback(L=>{t&&L.includes(t)&&a({to:"/mail/$mailboxId",params:{mailboxId:e},search:Te=>({...Te,selectedMessageId:void 0,selectedThreadId:void 0})})},[t,e,a]),{deleteMessages:Y,isPending:K}=ds({mailboxId:e,onAfterOptimisticRemove:P}),{accountId:B}=pi(e),_=zx({accounts:l}),{moveMessages:F,isPending:q}=ct({mailboxId:e,accountId:B,onAfterOptimisticRemove:P}),te=Eh(I?.pages.flatMap(L=>L.items??[])??[]),[U,O]=c.useState("all"),[D,V]=c.useState(new Set),le=c.useMemo(()=>Gx(te,U,D),[te,U,D]),ve=c.useCallback(L=>{O(L)},[]),ce=c.useCallback(L=>{V(Te=>{const Oe=new Set(Te);return Oe.has(L)?Oe.delete(L):Oe.add(L),Oe})},[]),ye=c.useCallback(()=>{O("all"),V(new Set)},[]),Se=Wx(m,f),G=Vx(te,t,Se),{selectedThreadId:ge}=Ut({strict:!1}),Ie=c.useMemo(()=>gl(G,{messageId:t,threadId:Se?void 0:ge,mailboxId:e}),[G,t,ge,Se,e]),[H,Q]=c.useState(void 0),[ee,ne]=c.useState([]),Ue=c.useCallback(L=>{Q(L.focusedMessageId),ne(L.selectedIds)},[]),oe=le.find(L=>L.messageId===H)??G,Ne=c.useRef(null);c.useEffect(()=>{const L=G?.messageId??null;L&&Ne.current!==L&&G?.authenticity?.dkimMismatch&&(Ne.current=L,h||x())},[G?.messageId,G?.authenticity?.dkimMismatch,h,x]);const Fe=c.useRef(!1);c.useEffect(()=>{Fe.current||o&&G?.messageId&&(Fe.current=!0,Qx()&&!h&&b(!0))},[o,G?.messageId,h,b]);const He=_x({accounts:l})??te.filter(L=>!L.isRead).length,Qe=je(),{pushError:Ct}=ze(),{deleteMessages:ht}=ds({mailboxId:e,threadId:G?.threadId,onAfterOptimisticRemove:P}),{moveMessages:Et}=ct({mailboxId:e,threadId:G?.threadId,accountId:B,onAfterOptimisticRemove:P}),{draftsMailboxId:We}=kh(B),at=We!==void 0&&We===e,{archiveMailboxId:gt}=Nh(B),Re=c.useCallback(L=>{const Te=jt({path:{threadId:L.threadId}}),Pa=Qe.getQueriesData({queryKey:Te}).flatMap(([,Yl])=>Yl?.items.map(Gl=>Gl.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}=Bn({threadId:G?.threadId??"",mailboxId:e}),es=c.useCallback(()=>{G&&Rt(G.messageId,G.hasStars)},[G,Rt]),[Mt,Le]=c.useState(null),ts=c.useCallback(()=>{Le("reply")},[]),W=c.useCallback(()=>{Le("reply_all")},[]),ae=c.useCallback(()=>{Le("forward")},[]),ie=c.useCallback(()=>{Le(null)},[]),{state:Z,openCompose:ue,closeCompose:pe}=wt(),A=c.useCallback(()=>{ue({mode:"new"})},[ue]),J=xe({...Zs(),onError:L=>{Ct(fs("Couldn't discard draft","The draft wasn't deleted.",L))}}),me=c.useCallback(()=>{const L=Z.outboxMessageId;L&&(J.mutate({path:{outboxMessageId:L}}),Qe.invalidateQueries({queryKey: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}=Bn({threadId:oe?.threadId??"",mailboxId:e}),{toggleReadFor:pt}=xi({mailboxId:e,accountId:B}),{junkMailboxId:Be}=xa(B),Ra=Be!=null&&Be===e,{candidates:Dl}=Bx(Ra?Be:void 0),{moveMessages:Ma}=ct({mailboxId:e,threadId:oe?.threadId,accountId:B,onAfterOptimisticRemove:P}),{deleteMessages:Ta}=ds({mailboxId:e,threadId:oe?.threadId,onAfterOptimisticRemove:P}),{addressId:ss,address:Is}=ll(oe),{updateFlags:Rs}=cl({addressId:ss,senderEmail:oe?.fromEmail??void 0}),Tt=c.useCallback(()=>t||!H?!1:(a({to:"/mail/$mailboxId",params:{mailboxId:e},search:L=>({...L,selectedMessageId:H})}),!0),[t,H,e,a]),Al=c.useCallback(()=>{Tt()||G&&Le("reply")},[Tt,G]),Ol=c.useCallback(()=>{Tt()||G&&Le("reply_all")},[Tt,G]),Pl=c.useCallback(()=>{Tt()||G&&Le("forward")},[Tt,G]),Dt=c.useCallback(()=>ee.length>0?ee:Me(oe),[ee,Me,oe]),Ll=c.useCallback(()=>{const L=Dt();L.length>0&&Ta(L)},[Dt,Ta]),zl=c.useCallback(()=>{if(!Be)return;const L=Dt();L.length!==0&&(dl(i,{count:L.length,senderTrust:oe?.senderTrust??"unknown",wasRescuable:oe?ul(oe):!1}),Ma(L,Be))},[Be,Dt,Ma,i,oe]),_l=c.useCallback(()=>{if(ee.length>0){const L=!(oe?.hasStars??!1),Te=new Set(ee);for(const Oe of le)Te.has(Oe.messageId)&&Oe.hasStars!==L&&ke(Oe.messageId,Oe.hasStars);return}oe&&ke(oe.messageId,oe.hasStars)},[ee,le,oe,ke]),Fl=c.useCallback(()=>{const L=Dt();if(L.length===0)return;const Te=!(oe?.isRead??!1);pt(L,Te)},[Dt,oe,pt]),Bl=c.useCallback(()=>{if(!ss)return;const L=Is?.flags?.muted?.value!==!0;Rs({muted:{value:L}})},[ss,Is,Rs]),$l=c.useCallback(()=>{if(!ss)return;const L=Is?.flags?.vip?.value!==!0;Rs({vip:{value:L}})},[ss,Is,Rs]),Kl=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 ql=!!G,Ul=at&&Z.isOpen&&!!Z.outboxMessageId&&!G,Hl=o&&h&&ql;Hx({enabled:!Z.isOpen,handlers:{back:de,reply:Al,replyAll:Ol,forward:Pl,delete:Ll,toggleStar:_l,toggleRead:Fl,muteSender:Bl,blockSender:Kl,vipSender:$l,markJunk:zl,toggleIntelligence:G?x:void 0,compose:A,goBrief:()=>ns("/mail"),goInbox:()=>ns("/mail"),goSent:()=>ns("/mail"),goFlagged:()=>ns("/mail/flagged"),goSettings:()=>ns("/settings")}}),ps({enabled:Z.isOpen,bindings:[{key:"Escape",handler:pe,preventDefault:!0}]});const Oa=le.map(L=>L.messageId),Ql=qr(Oa,t,"next")??void 0,Wl=qr(Oa,t,"previous")??void 0,Vl={mailboxId:e,selectedMessageId:t,selectedThread:G,conversation:Ie,threads:le,isLoading:S,isError:k,error:C,mailboxAccountId:B,mailboxName:_,unreadCount:He,isDraftsMailbox:at,isSpamFolder:Ra,rescueCandidates:Dl,filterCategory:U,filterAttributes:D,onSelectFilterCategory:ve,onToggleFilterAttribute:ce,onClearFilters:ye,showIntelligence:Hl,intelligenceOpen:h,onToggleIntelligence:x,onDeleteMessages:Y,onMoveMessages:F,isDeleting:K,isMoving:q,onLoadMore:R,hasMore:M,isLoadingMore:T,onTriageContextChange:Ue,onRetry:()=>E(),toolbarComposeRequest:Mt,onToolbarReply:ts,onToolbarReplyAll:W,onToolbarForward:ae,onClearComposeRequest:ie,onToolbarDelete:Ve,onToolbarStar:es,onToolbarDiscardDraft:me,onToolbarMove:It,composeState:Z,openCompose:A,closeCompose:pe,hasRemitDraftOpen:Ul,onBack:de,nextMessageId:Ql,previousMessageId:Wl};return s.jsx(Nl.Provider,{value:Vl,children:n})}function kl(){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:I,onSelectFilterCategory:S,onToggleFilterAttribute:k,onClearFilters:C}=mn(),{searchQuery:E,searchInput:R,accounts:M}=Ee(),T=Es(),P=Ce(),Y=b??"Inbox",K=c.useMemo(()=>ef(),[]),B=c.useMemo(()=>n.map(Ug),[n]),{hits:_,isLoading:F}=Xi({mailboxId:e,filterCategory:N}),q=c.useMemo(()=>sl(_,n.map(le=>le.threadId)),[_,n]),te=c.useCallback(le=>P({to:"/mail/$mailboxId",params:{mailboxId:e},search:ve=>({...ve,q:R||void 0,selectedMessageId:le.id,selectedThreadId:le.threadId})}),[e,P,R]);if(y&&x)return s.jsx(Fp,{mailboxId:e,accountId:x,selectedMessageId:t,imapThreads:n,title:b??"Drafts",unreadCount:p??void 0});const U=s.jsx(Dx,{mailboxId:e,threads:n,selectedMessageId:t,isLoading:a,isError:r,error:o,onRetry:w,searchQuery:E,onDeleteMessages:i,onMoveMessages:l,isDeleting:u,isMoving:d,onLoadMore:f,hasMore:m,isLoadingMore:h,accountId:x,listTitle:Y,hideHeader:!0,onTriageContextChange:j}),O=M[0]?.accountId,D=T==="phone"&&O?s.jsx(Px,{accountId:O,children:U}):U,V=g&&v.length>0&&x?s.jsx(Lx,{accountId:x,currentMailboxId:e,candidates:v,onMove:l,children:D}):D;return s.jsx(xl,{title:Y,unreadCount:p,preset:K,selectedCategory:N,activeFilters:I,onSelectCategory:S,onToggleFilter:k,onClearFilters:C,searchResults:B,searchLoading:a,relatedResults:q,relatedLoading:F,onSelectSearchResult:te,children:V})}function Jx(){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}=mn(),{searchInput:v,onSearchChange:j,onSearchClear:w,onSearchClearQuery:N}=Ee(),S=Es()==="desktop",k=!!a,C=y.isOpen&&!a?s.jsx(yl,{}):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 Zx(){const{mailboxId:e,mailboxAccountId:t,selectedThread:n,onToggleIntelligence:a}=mn();return s.jsx(fn,{onClose:a,thread:n,mailboxId:e,accountId:t})}function eb(){const{mailboxId:e,selectedThread:t,conversation:n,intelligenceOpen:a,onToggleIntelligence:r,onBack:o,nextMessageId:i,previousMessageId:l,composeState:u}=mn(),d=Ce();if(n){const f=m=>d({to:"/mail/$mailboxId",params:{mailboxId:e},search: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(fn,{onClose:r,thread:t,hideCloseButton:!0})})]})}return u.isOpen?s.jsx("div",{className:"h-full",children:s.jsx(yl,{})}):s.jsx(kl,{})}const cs=Object.assign(Xx,{List:kl,Reading:Jx,Intelligence:Zx,Phone:eb}),Cl=e=>e==="failed"||e==="blocked",El=e=>e!=="draft"&&e!=="sent",Ea="remit.savedSearches",tb=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 sb(e){const t=e.trim();if(!t)return Xs();const n=[t,...Xs().filter(a=>a!==t)].slice(0,tb);try{localStorage.setItem(Ea,JSON.stringify(n))}catch{return n}return n}function nb(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),ab=(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 rb(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)=>ab(Ht(o,void 0,n),Ht(i,void 0,n))),{system:a,labels:r}}function ob(e,t,n){const a=Xc(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 ib(){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=ib(),{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}=re(Js()),b=c.useMemo(()=>(x?.items??[]).filter(k=>El(k.status)).length,[x?.items]),p=c.useMemo(()=>e.map((k,C)=>{const E=h[C],R=E?.data?.items??[],M=ys(k.folderAppointments),{system:T,labels:P}=rb(R,M,m),Y=E?.isError?"error":E?.isLoading?"loading":"ready";return{id:k.accountId,label:k.email,email:k.email,muted:!!k.muted,outboxPending:b,status:Y,onRetry:()=>E?.refetch(),mailboxes:[...T,...P].map(K=>ob(K,M.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:E,title:R,children:M,onClick:T})=>k==="brief"?s.jsx(Xe,{to:"/mail",search:{q:void 0,selectedMessageId:void 0},onClick:()=>T?.(),className:C,"aria-label":E,title:R,children:M}):k==="outbox"?s.jsx(Xe,{to:"/mail/outbox",search:{q:void 0,selectedOutboxMessageId:void 0},onClick:()=>T?.(),className:C,"aria-label":E,title:R,children:M}):k==="flagged"?s.jsx(Xe,{to:"/mail/flagged",search:{q:void 0,selectedMessageId:void 0},onClick:()=>T?.(),className:C,"aria-label":E,title:R,children:M}):s.jsx(Xe,{to:"/mail/$mailboxId",params:{mailboxId:k},search:{q:void 0,selectedMessageId:void 0},onClick:()=>{y(k),T?.()},className:C,"aria-label":E,title:R,children:M}),v=()=>{t?.()},j=i.trim(),w=j.length>0&&!u.includes(j)?j:void 0,N=c.useCallback(()=>{w&&d(sb(w))},[w]),I=c.useCallback(k=>{d(nb(k))},[]),S=c.useCallback(k=>{l(k),r({to:"/mail",search:{q:k,selectedMessageId:void 0}}),t?.()},[l,r,t]);return s.jsx(ud,{accounts:p,selectedNavId:o,onSelectNav:v,linkComponent:g,variant:n,savedSearches:u,saveableQuery:w,onSaveCurrentSearch:N,onSelectSavedSearch:S,onRemoveSavedSearch:I})}function lb({accounts:e,onMailboxSelect:t}){return ea()?.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(Do,{className:"size-4 shrink-0"}),s.jsx("span",{className:"flex-1 truncate text-left",children:"Settings"})]}),s.jsx(ml,{variant:"drawer"}),s.jsx(fl,{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(Io,{className:"size-4 shrink-0"}),s.jsx("span",{className:"flex-1 truncate text-left",children:"Sign out"})]})})]})]})}const Il={queued:{icon:ia,label:"Queued",className:"text-warning"},sending:{icon:St,label:"Sending…",className:"text-accent-2"},sent:{icon:So,label:"Sent",className:"text-positive"},failed:{icon:yt,label:"Failed",className:"text-danger"},blocked:{icon:Vn,label:"Blocked",className:"text-warning"}},cb=e=>Gc(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"}),ub=e=>{const t=e.toAddresses??[];return t.length===0?"No recipients":t.length===1?t[0]:`${t[0]} +${t.length-1}`},Rl=c.createContext(null);function Ia(){const e=c.useContext(Rl);if(!e)throw new Error("OutboxPane.* must be used inside <OutboxPane>");return e}function db({children:e}){const t=Ce(),{selectedOutboxMessageId:n}=Ut({strict:!1}),{data:a,isLoading:r}=re(Js()),o=c.useMemo(()=>(a?.items??[]).filter(d=>El(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(Rl.Provider,{value:u,children:e})}function Ml({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(!Il[d])return null;const f=Cl(e.status);return s.jsx(_d,{recipients:ub(e),subject:e.subject||"",time:cb(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 Tl({message:e,onBack:t}){const n=e.status,a=Il[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(wo,{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}),Cl(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(Wi,{html:e.htmlBody,text:e.textBody})})]})}function fb(){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(Ml,{message:r,isSelected:n===r.outboxMessageId,onSelect:()=>a(r.outboxMessageId)},r.outboxMessageId))})]})}function mb(){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(Tl,{message:e}):s.jsx(Xt,{message:"Select a message to read",showHints:!1})})]})}function hb(){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(Tl,{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(Ml,{message:o,isSelected:n===o.outboxMessageId,onSelect:()=>r(o.outboxMessageId)},o.outboxMessageId))})]})}const Ks=Object.assign(db,{List:fb,Reading:mb,Phone:hb}),gb=({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:hl.map(a=>s.jsxs("div",{children:[s.jsx("h3",{className:"mb-3 text-sm font-medium text-fg-muted",children:a.title}),s.jsx("div",{className:"space-y-2",children:a.hints.map(r=>s.jsxs("div",{className:"flex items-center justify-between gap-4",children:[s.jsx("span",{className:"text-sm",children:r.description}),s.jsx("span",{className:"flex shrink-0 items-center gap-1",children:r.keys.map((o,i)=>s.jsxs(c.Fragment,{children:[i>0&&r.keys[0]==="g"&&s.jsx("span",{className:"text-2xs text-fg-subtle",children:"then"}),s.jsx(Kt,{children:o})]},o))})]},`${r.action}-${r.keys.join("+")}`))})]},a.title))}),s.jsx("div",{className:"mt-6 border-t border-line pt-4",children:s.jsxs("p",{className:"text-center text-xs text-fg-muted",children:["Press ",s.jsx(Kt,{children:"Esc"})," to close"]})})]})]}):null};function pb(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 xb(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 bb(e){const t=Jt({queries:e.map(n=>({...et({path:{accountId:n.accountId}}),staleTime:1/0}))});return c.useMemo(()=>xb(t.map(n=>n.data?.items??[])),[t])}var qs={exports:{}},Vr;function vb(){if(Vr)return qs.exports;Vr=1;const e=(t,n,a)=>new Promise((r,o)=>{if(a=Object.assign({concurrency:1/0},a),typeof n!="function")throw new TypeError("Mapper function is required");const{concurrency:i}=a;if(!(typeof i=="number"&&i>=1))throw new TypeError(`Expected \`concurrency\` to be a number from 1 and up, got \`${i}\` (${typeof i})`);const l=[],u=t[Symbol.iterator]();let d=!1,f=!1,m=0,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 qs.exports=e,qs.exports.default=e,qs.exports}var yb=vb();const wb=Lc(yb),jb=900*1e3,Sb=300,Nb=(e,t)=>{if(!e)return t;const n=Number.parseInt(e,10);return Number.isFinite(n)&&n>0?n:t},kb=60*1e3,Cb=e=>Math.max(Nb(e,Sb)*1e3,kb),Qs=Cb(Fc().mailboxPollIntervalSeconds),Eb=5,Hn=new Set,Ib=(e,t,n=jb)=>e.filter(a=>{const r=a.lastSyncAt;return r==null?!0:t-r>n}).map(a=>a.accountId),Rb=(e,t,n=Qs)=>e-t>=n,Mb=(e,t)=>e.filter(n=>!t.has(n)),Yr=(e,t)=>{if(Hn.delete(e),_c(t,{softError:!0})){ho(t);return}console.warn("[remit] background mailbox sync failed",{accountId:e,error:t})},Gr=(e,t)=>zc({path:{accountId:e},throwOnError:!0}).then(()=>{t.invalidateQueries({queryKey:Vt({path:{accountId:e}})})}),Tb=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=Ib(n.current,r).filter(l=>!Hn.has(l));if(i.length!==0)for(const l of i)Hn.add(l),Gr(l,t).catch(u=>{Yr(l,u)})},[a,t]),c.useEffect(()=>{let r=Date.now(),o;const i=new Set,l=()=>{r=Date.now();const f=Mb(n.current.map(m=>m.accountId),i);for(const m of f)i.add(m);wb(f,m=>Gr(m,t).catch(h=>{Yr(m,h)}).finally(()=>{i.delete(m)}),{concurrency:Eb})},u=()=>{if(document.visibilityState==="visible"){l(),o=setTimeout(u,Qs);return}},d=()=>{document.visibilityState==="visible"&&Rb(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])},Db="/mail/",Ab="/mail/outbox",Ob="/mail/flagged";function Pb(e){return e.some(t=>t.routeId===Db)}function Lb(e){return e.some(t=>t.routeId===Ob)}function zb(e){return e.some(t=>t.routeId===Ab)}function _b(){const{q:e=""}=Ut({from:"/mail"}),t=Ce(),n=Es(),a=Vg(n),[r,o]=c.useState(!1),[i,l]=c.useState(!1),[u,d]=c.useState(!1),f=c.useCallback(U=>{d(U),Ur(U)},[]),[m,h]=c.useState(e),x=xo(m,200),b=c.useRef(e);b.current=e,c.useEffect(()=>{x!==b.current&&t({to:".",search:U=>{const O=U.q===x;return{...U,q:x||void 0,...x&&!O?{selectedMessageId:void 0,selectedThreadId:void 0,selectedMailboxId:void 0}:{}}},replace:!0})},[x,t]);const{data:p,isLoading:y,isError:g,error:v,refetch:j}=re({...Ze(),staleTime:1/0}),w=!!(p&&(p.accounts?.length??0)===0);c.useEffect(()=>{w&&t({to:"/onboarding",replace:!0})},[w,t]),ps({enabled:!r,bindings:[{key:"?",handler:()=>o(!0),noModifiers:!1,preventDefault:!0}]});const N=c.useCallback(U=>{h(U)},[]),I=c.useCallback(()=>{h("")},[]),S=c.useCallback(()=>{h("")},[]),k=c.useCallback(()=>{d(U=>{const O=!U;return Ur(O),O})},[]),C=p?.accounts??[],E=bb(C),R=c.useMemo(()=>pb(C),[C]),M=Ls({select:U=>U.matches.find(D=>"mailboxId"in D.params)?.params.mailboxId}),{selectedMessageId:T}=Ut({strict:!1}),P=Ls({select:U=>Pb(U.matches)}),Y=Ls({select:U=>Lb(U.matches)}),K=Ls({select:U=>zb(U.matches)});Tb(C);const B=c.useCallback(()=>{l(!1)},[]),_={accounts:C,mailboxNameIndex:E,accountNameIndex:R,searchQuery:x,searchInput:m,onSearchChange:N,onSearchClear:I,onSearchClearQuery:S,intelligenceOpen:u,onToggleIntelligence:k,onSetIntelligenceOpen:f},F=s.jsx(lb,{accounts:C,onMailboxSelect:B}),q=s.jsx(Lm,{}),te={navOpen:i,onOpenNav:()=>l(!0),onCloseNav:()=>l(!1)};return s.jsxs(Bc.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()}})}):P?s.jsx(Fs,{selectedMessageId:T,children:a?s.jsx(rt,{nav:F,list:s.jsx(Fs.Phone,{}),intelligenceOpen:u,overlay:q,skeleton:s.jsx(Ye,{}),isLoading:y||w,...te}):s.jsx(rt,{nav:F,list:s.jsx(Fs.List,{}),reading:s.jsx(Fs.Reading,{}),intelligenceOpen:u,overlay:q,skeleton:s.jsx(Ye,{}),isLoading:y||w,...te})}):Y?s.jsx(Bs,{selectedMessageId:T,children:a?s.jsx(rt,{nav:F,list:s.jsx(Bs.Phone,{}),intelligenceOpen:u,overlay:q,skeleton:s.jsx(Ye,{}),isLoading:y||w,...te}):s.jsx(rt,{nav:F,list:s.jsx(Bs.List,{}),reading:s.jsx(Bs.Reading,{}),intelligenceOpen:u,overlay:q,skeleton:s.jsx(Ye,{}),isLoading:y||w,...te})}):M?s.jsx(cs,{mailboxId:M,selectedMessageId:T,children:a?s.jsx(rt,{nav:F,list:s.jsx(cs.Phone,{}),intelligenceOpen:u,overlay:q,skeleton:s.jsx(Ye,{}),isLoading:y||w,...te}):s.jsx(rt,{nav:F,list:s.jsx(cs.List,{}),reading:s.jsx(cs.Reading,{}),intelligence:s.jsx(cs.Intelligence,{}),intelligenceOpen:u,overlay:q,skeleton:s.jsx(Ye,{}),isLoading:y||w,...te})}):K?s.jsx(Ks,{children:a?s.jsx(rt,{nav:F,list:s.jsx(Ks.Phone,{}),intelligenceOpen:!1,overlay:q,skeleton:s.jsx(Ye,{}),isLoading:y||w,...te}):s.jsx(rt,{nav:F,list:s.jsx(Ks.List,{}),reading:s.jsx(Ks.Reading,{}),intelligenceOpen:!1,overlay:q,skeleton:s.jsx(Ye,{}),isLoading:y||w,...te})}):s.jsx(Ye,{}),s.jsx(gb,{isOpen:r,onClose:()=>o(!1)}),s.jsx($c,{})]})}const tv=Object.freeze(Object.defineProperty({__proto__:null,component:_b,useMailContext:Ee},Symbol.toStringTag,{value:"Module"}));export{ev as S,hu as U,tv as m};
|