@remit/web-client-dist 0.0.396 → 0.0.397

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (110) hide show
  1. package/assets/{BriefPane-BYzE7SQz.js → BriefPane-SxhE_3va.js} +1 -1
  2. package/assets/{ErrorState-C9LAoeuU.js → ErrorState-CcpsTpZA.js} +1 -1
  3. package/assets/{FlaggedPane-Puolf1yW.js → FlaggedPane-BUcKm6Q9.js} +1 -1
  4. package/assets/{FullCompose-I6txbMnr.js → FullCompose-fNHynN0g.js} +1 -1
  5. package/assets/{MailListHeader-D1TPzbWl.js → MailListHeader-BZ15rR9w.js} +1 -1
  6. package/assets/{MailViewChrome-DhEVKHFF.js → MailViewChrome-BL8QOjiW.js} +1 -1
  7. package/assets/{MailboxPane-CvRNBvmW.js → MailboxPane-Cug4MhJ4.js} +1 -1
  8. package/assets/{NavMenuButton-D3dPDuI8.js → NavMenuButton-BYPOjfVN.js} +1 -1
  9. package/assets/{OnboardingWizard-C-BZw-WN.js → OnboardingWizard-Dv32xAWf.js} +1 -1
  10. package/assets/{OutboxPane-Cy-j4Onk.js → OutboxPane-EosxgjWC.js} +1 -1
  11. package/assets/_mailboxId-BDYPb2IC.js +1 -0
  12. package/assets/_messageId-B93vfhtz.js +1 -0
  13. package/assets/_messageId-BK-2UlJ4.js +1 -0
  14. package/assets/_messageId-Ba550FVw.js +1 -0
  15. package/assets/_outboxMessageId-AY8LrP0T.js +1 -0
  16. package/assets/_threadId-bs4iBQD3.js +1 -0
  17. package/assets/_threadId-ogX10W2j.js +1 -0
  18. package/assets/_threadId-tWALuIit.js +1 -0
  19. package/assets/{accounts-DFBW1Jht.js → accounts-m-wAclt2.js} +1 -1
  20. package/assets/{advanced-Cw6BtMpm.js → advanced-C7MdSPgX.js} +1 -1
  21. package/assets/{appearance-Bwrt2pqW.js → appearance-GVqDXnNL.js} +1 -1
  22. package/assets/{attachment-file-Cr2ktghK.js → attachment-file-D53Dk99j.js} +1 -1
  23. package/assets/{avatar-R7-krPv1.js → avatar-BaTjjbv5.js} +1 -1
  24. package/assets/{bottom-sheet-B2urJ3G6.js → bottom-sheet-CeqiyGT_.js} +1 -1
  25. package/assets/{brief-C9LaXGv8.js → brief-BWH_NRUS.js} +1 -1
  26. package/assets/brief-BZrkBnEP.js +1 -0
  27. package/assets/{browser-ponyfill-DfshBY5w.js → browser-ponyfill-b18kDZEb.js} +1 -1
  28. package/assets/{bug-wYL_eFTx.js → bug-CcfGVPQC.js} +1 -1
  29. package/assets/{circle-check-BVOqp5tA.js → circle-check-CHWuqox6.js} +1 -1
  30. package/assets/{circle-check-big-CC8hYmP1.js → circle-check-big-Bat79NJC.js} +1 -1
  31. package/assets/{circle-help-DQyDtdln.js → circle-help-B_C4ueZj.js} +1 -1
  32. package/assets/{clock-C_7HRgVu.js → clock-CyzBwXAZ.js} +1 -1
  33. package/assets/compose._-_outboxMessageId_-BYaT-cw5.js +1 -0
  34. package/assets/compose._-_outboxMessageId_-C_WmCI1L.js +1 -0
  35. package/assets/compose._-_outboxMessageId_-CejGv2Xy.js +1 -0
  36. package/assets/compose._-_outboxMessageId_-jWIcq_AO.js +1 -0
  37. package/assets/{confirm-dialog-C2DcmYlc.js → confirm-dialog-BBgNPSWF.js} +1 -1
  38. package/assets/{download-BQJQMlAu.js → download-xYbt-qwY.js} +1 -1
  39. package/assets/{filters-BuVg6l1J.js → filters-DF0ypVxx.js} +1 -1
  40. package/assets/flagged-BiFxZ3Xz.js +1 -0
  41. package/assets/{flagged-Cucxls5g.js → flagged-DFF123Ez.js} +1 -1
  42. package/assets/{folders-BxSaJuJU.js → folders-DG7Nn1DQ.js} +1 -1
  43. package/assets/{help-copy-BsWj3GWP.js → help-copy-DsmZ2GtC.js} +1 -1
  44. package/assets/index-B-Gqxs_I.js +1 -0
  45. package/assets/index-B93vfhtz.js +1 -0
  46. package/assets/index-Ba550FVw.js +1 -0
  47. package/assets/{index-D5pbxDcC.js → index-BkI9e3vC.js} +4 -4
  48. package/assets/index-BqDzjdkj.js +1 -0
  49. package/assets/index-Cy3dPHOW.js +1 -0
  50. package/assets/index-D32-yNgO.js +1 -0
  51. package/assets/{index-xDeuo85T.js → index-DZJeVVlS.js} +3 -3
  52. package/assets/index-iKxb5ADd.js +1 -0
  53. package/assets/index-oYHoeD2x.js +1 -0
  54. package/assets/{kbd-BHiQtyd7.js → kbd-NyMHCJhU.js} +1 -1
  55. package/assets/{labels-CK3DDXrC.js → labels-zFlClkP8.js} +1 -1
  56. package/assets/{mail-CYBYlziq.js → mail-D1sr7IHE.js} +1 -1
  57. package/assets/{mail-JrgTiZq-.js → mail-l6m0vhbl.js} +1 -1
  58. package/assets/{menu-B0PhsBZP.js → menu-C4YTErYs.js} +1 -1
  59. package/assets/{move-options-7S8XVnNW.js → move-options-BdK203up.js} +1 -1
  60. package/assets/{onboarding-M7wk3ADh.js → onboarding-D-1cRI58.js} +1 -1
  61. package/assets/outbox-DmIhmdha.js +1 -0
  62. package/assets/{pencil-1gmQLonP.js → pencil-GwFCPjeu.js} +1 -1
  63. package/assets/{rich-text-DY6quMPv.js → rich-text-NcFIx6xE.js} +1 -1
  64. package/assets/{rich-text-spellcheck-worker-provider-yVMT3d_z.js → rich-text-spellcheck-worker-provider-BGwkiVuq.js} +1 -1
  65. package/assets/{rotate-ccw-BOF0K0xu.js → rotate-ccw-C3nY3c4i.js} +1 -1
  66. package/assets/{row-actions-D2dobd75.js → row-actions-CPzqKYFm.js} +1 -1
  67. package/assets/{search-scope-D_198Zfr.js → search-scope-CjUz4XDB.js} +1 -1
  68. package/assets/{search-token-index-Dt3xszJN.js → search-token-index-Du18usjZ.js} +1 -1
  69. package/assets/{search-view-TtEJrhw1.js → search-view-de6HpxOE.js} +1 -1
  70. package/assets/{senders-C-oFsT1p.js → senders-y3S7CsD8.js} +1 -1
  71. package/assets/settings-YyWcp2r9.js +1 -0
  72. package/assets/{settings-screen-DQg6DRqK.js → settings-screen-Btu6ilW8.js} +1 -1
  73. package/assets/{shield-check-BaOZv9CT.js → shield-check-BaWzHVzb.js} +1 -1
  74. package/assets/{suggested-vips-D2B_0-Fi.js → suggested-vips-vilvj7kG.js} +1 -1
  75. package/assets/{useDebouncedValue-0dMvGRpI.js → useDebouncedValue-M2Ae9QQB.js} +1 -1
  76. package/assets/{useFilters-DTlwj45L.js → useFilters-D73Ov9vo.js} +1 -1
  77. package/assets/{useLabels-xNEXhXDO.js → useLabels-B1c9r5ky.js} +1 -1
  78. package/assets/{useMediaQuery-Cvp7nog9.js → useMediaQuery-bIUEJ5Pl.js} +1 -1
  79. package/assets/{useMessageBodyContent-CHwJHNJ1.js → useMessageBodyContent-D3WGssaj.js} +1 -1
  80. package/assets/{useRefreshControl-DxR0yck-.js → useRefreshControl-DVnro4XQ.js} +1 -1
  81. package/assets/{useSearchMirror-Bgq8S9Xs.js → useSearchMirror-BG6efGBY.js} +1 -1
  82. package/assets/{useSearchTokenContext-DeLJcEGM.js → useSearchTokenContext-BbemXlBA.js} +1 -1
  83. package/assets/{useSemanticSearch-CXEXEijP.js → useSemanticSearch-B7Hc694H.js} +1 -1
  84. package/assets/{useSignature-BUdVflVx.js → useSignature-CPUzAYyq.js} +1 -1
  85. package/index.html +1 -1
  86. package/package.json +1 -1
  87. package/assets/_mailboxId-aFBV0twk.js +0 -1
  88. package/assets/_messageId-994sqBA7.js +0 -1
  89. package/assets/_messageId-BXA1F-4i.js +0 -1
  90. package/assets/_messageId-DkZthtHk.js +0 -1
  91. package/assets/_outboxMessageId-dyICb7ki.js +0 -1
  92. package/assets/_threadId-DTHvtwET.js +0 -1
  93. package/assets/_threadId-DhBnxcpJ.js +0 -1
  94. package/assets/_threadId-DitF62YB.js +0 -1
  95. package/assets/brief-CugkmyK8.js +0 -1
  96. package/assets/compose._-_outboxMessageId_-BtlAL344.js +0 -1
  97. package/assets/compose._-_outboxMessageId_-CyOYw-yz.js +0 -1
  98. package/assets/compose._-_outboxMessageId_-DWr95lgF.js +0 -1
  99. package/assets/compose._-_outboxMessageId_-Dgksxmbd.js +0 -1
  100. package/assets/flagged-DpRvdW6d.js +0 -1
  101. package/assets/index-994sqBA7.js +0 -1
  102. package/assets/index-B5WzT_9n.js +0 -1
  103. package/assets/index-BCpCgZJW.js +0 -1
  104. package/assets/index-BhO5OtX7.js +0 -1
  105. package/assets/index-BkPjwnhD.js +0 -1
  106. package/assets/index-BlsU6L8_.js +0 -1
  107. package/assets/index-Djl3z6hZ.js +0 -1
  108. package/assets/index-DkZthtHk.js +0 -1
  109. package/assets/outbox-mVBmuwcg.js +0 -1
  110. package/assets/settings-DYdcwub9.js +0 -1
@@ -1 +1 @@
1
- import{j as r,b7 as vs,as as kt,B as ie,S as Ss,b as Re,at as Pt,r as c,C as ys,d as Is,aU as Cs,m as Ue,n as $t,s as jt,t as ws,a7 as Bt,b8 as ks,b9 as js,I as Ms,h as Rs,T as Ts,ba as Es,bb as As,bc as Os,a5 as Ns,aF as zs,aG as Fs,g as Ds,W as Mt,bd as _s,K as Ls,q as Ps,be as $s,l as Wt,bf as Bs,z as Ws,bg as Ks,aZ as Vs}from"./index-D5pbxDcC.js";import{u as Hs,p as Us,R as qs}from"./useSearchTokenContext-DeLJcEGM.js";import{u as Qs,a as Js,R as Gs}from"./useRefreshControl-DxR0yck-.js";import{C as Kt,a as Vt,c as Ht,j as Ys,M as Xs,t as Ut,u as Zs,b as en,d as qt,e as Qt,f as tn,g as sn,h as nn,r as on,n as rn,i as an,k as ln,l as cn,m as un,o as dn,S as hn,p as fn,D as mn,q as gn,s as pn,v as Jt,w as xn,x as bn,y as vn,z as Sn,A as yn,B as In,E as Cn,F as wn,G as kn,H as jn,I as Mn,J as Nt,K as zt,L as Rn,N as Tn,O as En,P as An,Q as On,R as Nn,T as zn,U as Fn,V as Dn,W as _n,X as Ln,Y as Pn,Z as Gt,_ as Yt,$ as Xt,a0 as $n,a1 as Bn,a2 as Wn,a3 as Zt,a4 as Kn,a5 as Vn}from"./MailListHeader-D1TPzbWl.js";import{S as Hn,M as Un,a as qn,u as Qn,b as Jn}from"./MailViewChrome-DhEVKHFF.js";import{A as Rt}from"./avatar-R7-krPv1.js";import{b as qe,c as Gn}from"./format-D7umvejg.js";import{k as Yn,n as Xn,o as Qe,p as Zn,r as eo,f as to,h as so,u as no}from"./useMessageBodyContent-CHwJHNJ1.js";import{N as oo}from"./NavMenuButton-D3dPDuI8.js";import{f as io}from"./ErrorState-C9LAoeuU.js";import{a as ro}from"./useLabels-xNEXhXDO.js";import{a as ao,D as lo,u as co}from"./useMediaQuery-Cvp7nog9.js";import{L as uo,u as ho}from"./useSemanticSearch-CXEXEijP.js";import{S as ht}from"./shield-check-BaOZv9CT.js";import{B as fo}from"./bottom-sheet-B2urJ3G6.js";import{C as mo}from"./circle-help-DQyDtdln.js";import{C as go}from"./circle-check-BVOqp5tA.js";import{a as po,b as xo,f as bo}from"./move-options-7S8XVnNW.js";import{j as vo,k as So,e as yo}from"./search-token-index-Dt3xszJN.js";import{M as Io}from"./enums-B_igRgfI.js";import{n as Co}from"./search-query-Cr_ZXBCp.js";const wo=({children:e,onRefresh:n,isRefreshing:t})=>ao(lo)?e:r.jsx(vs,{onRefresh:n,isPullable:!t,children:e}),ko=e=>e===1?"message":"messages";function jo({count:e,onReview:n,onDismiss:t,actionLabel:s="Review & rescue"}){return r.jsx(kt,{tone:"info",variant:"soft",onDismiss:t,children:r.jsxs("div",{className:"flex flex-col gap-2",children:[r.jsxs("p",{className:"flex items-start gap-2 text-sm text-fg",children:[r.jsx(ht,{className:"mt-0.5 size-4 shrink-0 text-positive","aria-hidden":!0}),r.jsxs("span",{children:[r.jsx("span",{className:"font-semibold text-fg",children:`${e} ${ko(e)} here`})," ","may not be spam — they're from senders we can verify."]})]}),r.jsx(ie,{variant:"primary",size:"sm",onClick:n,className:"self-start",children:s})]})})}const Mo=(e,n)=>e==="vip"?"vip":e==="unknown"&&n==="md"?"unknown-pill":"hidden",es=({senderTrust:e,size:n="sm",className:t})=>{const s=Mo(e,n);return s==="vip"?r.jsx(Ss,{className:Re("text-warning shrink-0",n==="sm"&&"size-3.5",n==="md"&&"size-4",t),"aria-label":"VIP sender","data-testid":"sender-trust-vip"}):s==="unknown-pill"?r.jsx("span",{className:Re("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",t),title:"First message from this sender","aria-label":"First message from this sender","data-testid":"sender-trust-unknown",children:"new"}):null};function Ro({candidate:e,selected:n,onToggle:t,hideSender:s=!1}){const{senderName:o,senderAddress:i,subject:l,snippet:a,trustReason:u,trustSubReason:d,senderTrust:f}=e;return r.jsxs("label",{className:Re("flex w-full cursor-pointer items-start gap-3 px-3 py-2.5 text-left transition-colors",s&&"pl-11",n?"bg-positive/10":"bg-surface hover:bg-surface-sunken"),children:[r.jsx(Kt,{className:"mt-0.5",checked:n,onChange:t,"aria-label":`${n?"Deselect":"Select"} ${s?l:`message from ${o}`}`}),!s&&r.jsx(Rt,{name:o,email:i,size:"sm"}),r.jsxs("span",{className:"min-w-0 flex-1",children:[!s&&r.jsxs("span",{className:"flex items-center gap-1.5",children:[r.jsx("span",{className:"truncate text-sm font-medium text-fg",children:o}),f&&r.jsx(es,{senderTrust:f,size:"sm"}),r.jsx("span",{className:"truncate text-2xs text-fg-subtle",children:i})]}),r.jsx("span",{className:"block truncate text-sm text-fg-muted",children:l}),r.jsx("span",{className:"block line-clamp-1 text-xs text-fg-subtle",children:a}),!s&&r.jsxs("span",{className:"mt-1.5 flex flex-wrap items-center gap-1.5",children:[r.jsxs(Pt,{tone:"positive",children:[r.jsx(ht,{className:"size-3","aria-hidden":!0}),u]}),r.jsx("span",{className:"text-2xs text-fg-subtle",children:d})]})]})]})}const To=e=>{const n=new Map,t=[];for(const s of e){const o=(s.senderAddress||s.senderName).toLowerCase(),i=n.get(o);if(i){i.messages.push(s);continue}n.set(o,{key:o,senderName:s.senderName,senderAddress:s.senderAddress,trustReason:s.trustReason,trustSubReason:s.trustSubReason,senderTrust:s.senderTrust,messages:[s]}),t.push(o)}return t.map(s=>n.get(s)).sort((s,o)=>o.messages.length-s.messages.length)},Eo=(e,n)=>{const t=e.messages.filter(s=>n.has(s.id)).length;return t===0?"none":t===e.messages.length?"all":"some"},Ft=e=>e===1?"message":"messages";function Ao({group:e,selected:n,onToggleGroup:t,onToggleMessage:s}){const[o,i]=c.useState(!1),l=Eo(e,n),a=e.messages.length,u=o?ys:Is;return r.jsxs("div",{className:Re(l!=="none"?"bg-positive/10":"bg-surface"),children:[r.jsxs("div",{className:"flex w-full items-start gap-3 px-3 py-2.5",children:[r.jsx(Kt,{className:"mt-0.5",checked:l==="all",indeterminate:l==="some",onChange:()=>t(e,l!=="all"),"aria-label":`${l==="all"?"Deselect":"Select"} all ${a} ${Ft(a)} from ${e.senderName}`}),r.jsx(Rt,{name:e.senderName,email:e.senderAddress,size:"sm"}),r.jsxs("div",{className:"min-w-0 flex-1",children:[r.jsxs("div",{className:"flex items-center gap-1.5",children:[r.jsx("span",{className:"truncate text-sm font-medium text-fg",children:e.senderName}),e.senderTrust&&r.jsx(es,{senderTrust:e.senderTrust,size:"sm"}),r.jsx("span",{className:"truncate text-2xs text-fg-subtle",children:e.senderAddress})]}),r.jsxs("div",{className:"mt-1.5 flex flex-wrap items-center gap-1.5",children:[r.jsxs(Pt,{tone:"positive",children:[r.jsx(ht,{className:"size-3","aria-hidden":!0}),e.trustReason]}),r.jsx("span",{className:"text-2xs text-fg-subtle",children:e.trustSubReason})]})]}),r.jsxs("button",{type:"button",onClick:()=>i(d=>!d),"aria-expanded":o,className:"flex shrink-0 items-center gap-1 rounded-md px-1.5 py-1 text-2xs text-fg-muted transition-colors hover:bg-surface-sunken hover:text-fg",children:[`${a} ${Ft(a)}`,r.jsx(u,{className:"size-3.5","aria-hidden":!0})]})]}),o&&r.jsx("div",{className:"divide-y divide-line border-t border-line",children:e.messages.map(d=>r.jsx(Ro,{candidate:d,selected:n.has(d.id),onToggle:()=>s(d.id),hideSender:!0},d.id))})]})}const Tt=e=>e===1?"message":"messages",Oo=(e,n)=>`Moves ${e===1?"this message":`these ${e} ${Tt(e)}`} out of Spam to ${n} now. Nothing later.`,wt=(e,n)=>e.find(t=>t.id===n)?.label??"Inbox";function No(){return r.jsx(kt,{tone:"info",variant:"soft",children:r.jsx("p",{className:"text-2xs text-fg-muted",children:"We list a message here only when we can confirm the sender is who they say — usually someone you've emailed before, write to often, or a service that consistently checks out. We never guess from words in the subject. Anything we can't confirm stays in Spam."})})}function zo({candidates:e,selected:n,onToggle:t,onToggleGroup:s,onSelectAll:o,onSelectNone:i,onContinue:l,onCancel:a}){const[u,d]=c.useState(!1),f=n.size,p=c.useMemo(()=>To(e),[e]);return r.jsxs("div",{className:"flex min-h-0 flex-col",children:[r.jsxs("div",{className:"px-row-inset pb-2 pt-1",children:[r.jsxs("div",{className:"flex items-start justify-between gap-2",children:[r.jsxs("h2",{className:"flex items-center gap-2 text-sm font-semibold text-fg",children:[r.jsx(ht,{className:"size-4 text-positive","aria-hidden":!0}),"Rescue from Spam"]}),r.jsx(ie,{variant:"ghost",size:"sm",icon:r.jsx(mo,{className:"size-3.5"}),onClick:()=>d(m=>!m),className:"-mr-1.5 -mt-0.5",children:"Why these?"})]}),r.jsx("p",{className:"mt-1 text-2xs text-fg-subtle",children:"These look safe — from senders we can verify. Uncheck any sender that belongs in Spam, or open a sender to pick individual messages."}),u&&r.jsx("div",{className:"mt-2",children:r.jsx(No,{})})]}),r.jsxs("div",{className:"flex items-center justify-between px-row-inset pb-1.5",children:[r.jsx("span",{className:"text-2xs font-medium text-fg-muted",children:`${f} of ${e.length} selected · ${p.length} ${p.length===1?"sender":"senders"}`}),r.jsxs("span",{className:"flex gap-1",children:[r.jsx(ie,{variant:"ghost",size:"sm",onClick:o,children:"Select all"}),r.jsx(ie,{variant:"ghost",size:"sm",onClick:i,children:"Select none"})]})]}),r.jsx("div",{className:"min-h-0 flex-1 divide-y divide-line overflow-y-auto border-y border-line",children:p.map(m=>r.jsx(Ao,{group:m,selected:n,onToggleGroup:s,onToggleMessage:t},m.key))}),r.jsxs("div",{className:"space-y-2 border-t border-line bg-surface px-row-inset py-3",children:[r.jsx(ie,{variant:"primary",onClick:l,className:"h-11 w-full font-semibold",children:`Continue with ${f} ${Tt(f)}`}),r.jsx(ie,{variant:"ghost",onClick:a,className:"h-11 w-full",children:"Cancel"})]})]})}function Fo({count:e,folders:n,delimiter:t,destination:s,onPick:o,onMove:i,onBack:l}){const[a,u]=c.useState(!1);return r.jsxs("div",{className:"flex min-h-0 flex-col",children:[r.jsxs("div",{className:"px-row-inset pb-2 pt-1",children:[r.jsx("h2",{className:"text-sm font-semibold text-fg",children:"Where should they go?"}),r.jsx("p",{className:"mt-1 text-2xs text-fg-subtle",children:"Pick a folder, then we move them out of Spam."})]}),r.jsx("div",{className:"flex min-h-0 flex-1 flex-col overflow-y-auto px-row-inset py-2",children:a?r.jsx("div",{className:"flex min-h-0 flex-1 overflow-hidden rounded-xl border border-line bg-surface",children:r.jsx(Cs,{folders:n,selectedId:s,delimiter:t,onSelect:o,onCancel:()=>u(!1)})}):r.jsxs("div",{className:"rounded-xl border border-line bg-surface-sunken p-3",children:[r.jsx("p",{className:"text-2xs text-fg-subtle",children:"Destination"}),r.jsx("p",{className:"mt-0.5 text-sm font-medium text-fg",children:wt(n,s)}),r.jsx(ie,{variant:"ghost",size:"sm",onClick:()=>u(!0),className:"mt-2 px-0",children:"Move to a different folder"})]})}),r.jsxs("div",{className:"space-y-2 border-t border-line bg-surface px-row-inset py-3",children:[r.jsx("p",{className:"text-2xs text-fg-subtle",children:Oo(e,wt(n,s))}),r.jsx(ie,{variant:"primary",onClick:i,className:"h-11 w-full font-semibold",children:`Move ${e} out of Spam`}),r.jsx(ie,{variant:"ghost",onClick:l,className:"h-11 w-full",children:"Back"})]})]})}function Do({count:e,destinationLabel:n,onClose:t}){return r.jsxs("div",{className:"flex min-h-0 flex-col",children:[r.jsxs("div",{className:"flex flex-1 flex-col items-center justify-center gap-3 px-row-inset py-10 text-center",children:[r.jsx(go,{className:"size-10 text-positive","aria-hidden":!0}),r.jsx("p",{className:"text-base font-semibold text-fg",children:`Moved ${e} ${Tt(e)} out of Spam.`}),r.jsx("p",{className:"text-2xs text-fg-subtle",children:`You'll find them in ${n}.`})]}),r.jsx("div",{className:"border-t border-line bg-surface px-row-inset py-3",children:r.jsx(ie,{variant:"primary",onClick:t,className:"h-11 w-full font-semibold",children:"Done"})})]})}function _o({open:e,candidates:n,defaultDestinationId:t,availableFolders:s,delimiter:o,onConfirmMove:i,onCancel:l}){const[a,u]=c.useState("review"),[d,f]=c.useState(()=>e?new Set(n.map(C=>C.id)):new Set),[p,m]=c.useState(t),[S,y]=c.useState(0),I=c.useRef(!1);c.useEffect(()=>{e&&!I.current&&(u("review"),f(new Set(n.map(C=>C.id))),m(t),y(0)),I.current=e},[e,n,t]);const R=d.size,g=C=>{f(M=>{const O=new Set(M);return O.has(C)?O.delete(C):O.add(C),O})},x=(C,M)=>{f(O=>{const E=new Set(O);for(const N of C.messages)M?E.add(N.id):E.delete(N.id);return E})},j=()=>{const C=Array.from(d);y(C.length),i(C,p),u("done")};return r.jsxs(fo,{open:e,onClose:l,dismissLabel:"Close rescue",children:[a==="review"&&r.jsx(zo,{candidates:n,selected:d,onToggle:g,onToggleGroup:x,onSelectAll:()=>f(new Set(n.map(C=>C.id))),onSelectNone:()=>f(new Set),onContinue:()=>u("destination"),onCancel:l}),a==="destination"&&r.jsx(Fo,{count:R,folders:s,delimiter:o,destination:p,onPick:m,onMove:j,onBack:()=>u("review")}),a==="done"&&r.jsx(Do,{count:S,destinationLabel:wt(s,p),onClose:l})]})}function Lo(e){const n=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:n?`To: ${n}`:"(No recipients)",timeLabel:qe(e.updatedAt),isRead:!0}}function Po(e){return{id:e.messageId,accountId:e.accountId,fromName:e.fromName??e.fromEmail??"Unknown",fromEmail:e.fromEmail??"",subject:e.subject??"(No subject)",snippet:e.snippet??"",timeLabel:qe(e.sentDate),isRead:e.isRead,hasAttachment:e.hasAttachment,starred:e.hasStars===!0}}function $o({outboxMessages:e,accountId:n,imapThreads:t}){const s=e.filter(l=>l.status==="draft"&&l.accountId===n).map(Lo),o=t.map(Po),i=[];return s.length>0&&i.push({id:"remit-drafts",label:"Not yet sent (Remit)",threads:s}),o.length>0&&i.push({id:"imap-drafts",label:"On the server",threads:o}),i}const Bo=({label:e,count:n})=>r.jsxs("div",{className:"sticky top-0 z-10 flex items-baseline justify-between border-b border-line bg-surface-sunken px-row-inset py-1",children:[r.jsx("span",{className:"text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:e}),r.jsx("span",{className:"text-2xs text-fg-subtle tabular-nums",children:n})]}),Wo=({row:e,isSelected:n,onOpen:t,onDelete:s,isDeleting:o})=>r.jsxs("button",{type:"button",onClick:()=>t(e.id),className:Re("group",Ht({active:n})),children:[r.jsx(Rs,{className:"size-7 shrink-0 text-fg-muted mt-0.5"}),r.jsx(Vt,{thread:e}),r.jsx("div",{className:"flex items-center gap-1 shrink-0",children:r.jsx("button",{type:"button",onClick:i=>{i.stopPropagation(),s(e.id)},disabled:o,className:"p-1.5 rounded-md text-fg-muted hover:text-danger hover:bg-surface-raised transition-colors opacity-0 group-hover:opacity-100 focus:opacity-100",title:"Delete draft",children:r.jsx(Ts,{className:"size-3.5"})})})]}),Ko=({row:e,isSelected:n,onOpen:t})=>{const s=!e.isRead;return r.jsxs("button",{type:"button",onClick:()=>t(e.id),className:Re("group",Ht({active:n})),children:[s&&r.jsx("span",{className:"absolute left-1.5 top-1/2 size-1.5 -translate-y-1/2 rounded-full bg-accent"}),r.jsx(Rt,{name:e.fromName,email:e.fromEmail,size:"sm"}),r.jsx(Vt,{thread:e})]})};function Vo({mailboxId:e,accountId:n,selectedMessageId:t,imapThreads:s,title:o,unreadCount:i}){const l=Yn(),a=Xn(),u=Ue(),d=Qe(),f=$t(),{data:p}=jt(ws()),m=c.useMemo(()=>$o({outboxMessages:p?.items??[],accountId:n,imapThreads:s}),[p?.items,n,s]),S=Bt({...js(),onSuccess:()=>{f.invalidateQueries({queryKey:ks()})}}),y=g=>{S.mutate({path:{outboxMessageId:g}})},I=g=>{const x=s.find(j=>j.messageId===g)?.threadId;x&&u({to:"/mail/$mailboxId/$threadId/$messageId",params:{mailboxId:e,threadId:x,messageId:g},search:j=>j,hash:d})},R=m.length===0;return r.jsxs("section",{className:"flex h-full w-full flex-col bg-surface",children:[r.jsxs("header",{className:"flex h-pane-header shrink-0 items-center gap-2 border-b border-line px-row-inset",children:[r.jsx(oo,{}),r.jsx("h1",{className:"min-w-0 flex-1 truncate text-sm font-semibold text-fg",children:o}),(i??0)>0&&r.jsxs("span",{className:"shrink-0 text-2xs text-fg-subtle tabular-nums",children:[i," unread"]})]}),r.jsx("div",{className:"flex-1 overflow-y-auto",children:R?r.jsxs("div",{className:"flex flex-col items-center justify-center h-full gap-2 text-center px-4",children:[r.jsx(Ms,{className:"size-8 text-fg-subtle"}),r.jsx("p",{className:"text-sm font-medium text-fg",children:"No drafts"}),r.jsx("p",{className:"text-xs text-fg-subtle",children:"Messages you start composing will appear here."})]}):m.map(g=>r.jsxs("div",{children:[g.label&&r.jsx(Bo,{label:g.label,count:g.threads.length}),r.jsx("div",{className:"divide-y divide-line",children:g.threads.map(x=>g.id==="remit-drafts"?r.jsx(Wo,{row:x,isSelected:x.id===l,onOpen:a,onDelete:y,isDeleting:S.isPending},x.id):r.jsx(Ko,{row:x,isSelected:x.id===t,onOpen:I},x.id))})]},g.id))})]})}function Ho(e,n,t){const s=new Array(e);return new Proxy(s,{get(o,i,l){if(typeof i=="string"){const a=i.charCodeAt(0);if(a>=48&&a<=57){const u=+i;if(Number.isInteger(u)&&u>=0&&u<e){let d=o[u];if(!d){const f=n[u*2];d=o[u]={index:u,key:t(u),start:f,size:n[u*2+1],end:f+n[u*2+1],lane:0}}return d}}if(i==="length")return e}return Reflect.get(o,i,l)}})}function De(e,n,t){let s=t.initialDeps??[],o,i=!0;function l(){const a=e();return(a.length!==s.length||a.some((d,f)=>s[f]!==d))&&(s=a,o=n(...a),t?.onChange&&!(i&&t.skipInitialOnChange)&&t.onChange(o),i=!1),o}return l.updateDeps=a=>{s=a},l}function Dt(e,n){if(e===void 0)throw new Error("Unexpected undefined");return e}const Uo=(e,n)=>Math.abs(e-n)<1.01,qo=(e,n,t)=>{let s;return function(...o){e.clearTimeout(s),s=e.setTimeout(()=>n.apply(this,o),t)}};let He;const It=()=>{if(He!==void 0)return He;if(typeof navigator>"u")return He=!1;if(/iP(hone|od|ad)/.test(navigator.userAgent))return He=!0;const e=navigator.maxTouchPoints;return He=navigator.platform==="MacIntel"&&e!==void 0&&e>0},_t=e=>{const{offsetWidth:n,offsetHeight:t}=e;return{width:n,height:t}},Qo=e=>e,Jo=e=>{const n=Math.max(e.startIndex-e.overscan,0),s=Math.min(e.endIndex+e.overscan,e.count-1)-n+1,o=new Array(s);for(let i=0;i<s;i++)o[i]=n+i;return o},Go=(e,n)=>{const t=e.scrollElement;if(!t)return;const s=e.targetWindow;if(!s)return;const o=l=>{const{width:a,height:u}=l;n({width:Math.round(a),height:Math.round(u)})};if(o(_t(t)),!s.ResizeObserver)return()=>{};const i=new s.ResizeObserver(l=>{const a=()=>{const u=l[0];if(u?.borderBoxSize){const d=u.borderBoxSize[0];if(d){o({width:d.inlineSize,height:d.blockSize});return}}o(_t(t))};e.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(a):a()});return i.observe(t,{box:"border-box"}),()=>{i.unobserve(t)}},dt={passive:!0},Yo=typeof window>"u"?!0:"onscrollend"in window,Xo=(e,n,t)=>{const s=e.scrollElement;if(!s)return;const o=e.targetWindow;if(!o)return;const i=e.options.useScrollendEvent&&Yo;let l=0;const a=i?null:qo(o,()=>n(l,!1),e.options.isScrollingResetDelay),u=p=>()=>{l=t(s),a?.(),n(l,p)},d=u(!0),f=u(!1);return s.addEventListener("scroll",d,dt),i&&s.addEventListener("scrollend",f,dt),()=>{s.removeEventListener("scroll",d),i&&s.removeEventListener("scrollend",f)}},Zo=(e,n)=>Xo(e,n,t=>{const{horizontal:s,isRtl:o}=e.options;return s?t.scrollLeft*(o&&-1||1):t.scrollTop}),ei=(e,n,t)=>{if(t.options.useCachedMeasurements){const s=t.indexFromElement(e),o=t.options.getItemKey(s);return t.itemSizeCache.get(o)??t.options.estimateSize(s)}if(n?.borderBoxSize){const s=n.borderBoxSize[0];if(s)return Math.round(s[t.options.horizontal?"inlineSize":"blockSize"])}if(!n){const s=t.indexFromElement(e),o=t.options.getItemKey(s),i=t.itemSizeCache.get(o);if(i!==void 0)return i}return e[t.options.horizontal?"offsetWidth":"offsetHeight"]},ti=(e,{adjustments:n=0,behavior:t},s)=>{var o,i;(i=(o=s.scrollElement)==null?void 0:o.scrollTo)==null||i.call(o,{[s.options.horizontal?"left":"top"]:e+n,behavior:t})},si=ti;class ni{constructor(n){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 t,s,o;return((o=(s=(t=this.targetWindow)==null?void 0:t.performance)==null?void 0:s.now)==null?void 0:o.call(s))??Date.now()},this.observer=(()=>{let t=null;const s=()=>t||(!this.targetWindow||!this.targetWindow.ResizeObserver?null:t=new this.targetWindow.ResizeObserver(o=>{o.forEach(i=>{const l=()=>{const a=i.target,u=this.indexFromElement(a);if(!a.isConnected){this.observer.unobserve(a);for(const[d,f]of this.elementsCache)if(f===a){this.elementsCache.delete(d);break}return}this.shouldMeasureDuringScroll(u)&&this.resizeItem(u,this.options.measureElement(a,i,this))};this.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(l):l()})}));return{disconnect:()=>{var o;(o=s())==null||o.disconnect(),t=null},observe:o=>{var i;return(i=s())==null?void 0:i.observe(o,{box:"border-box"})},unobserve:o=>{var i;return(i=s())==null?void 0:i.unobserve(o)}}})(),this.range=null,this.setOptions=t=>{var s,o;const i={debug:!1,initialOffset:0,overscan:1,paddingStart:0,paddingEnd:0,scrollPaddingStart:0,scrollPaddingEnd:0,horizontal:!1,getItemKey:Qo,rangeExtractor:Jo,onChange:()=>{},measureElement:ei,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 m in t){const S=t[m];S!==void 0&&(i[m]=S)}const l=this.options;let a=null,u=null,d=!1;if(l!==void 0&&l.enabled&&i.enabled&&i.anchorTo==="end"&&this.scrollElement!==null){const m=l.count,S=i.count,y=this.getMeasurements(),I=m>0?((s=y[0])==null?void 0:s.key)??l.getItemKey(0):null,R=m>0?((o=y[m-1])==null?void 0:o.key)??l.getItemKey(m-1):null;if(S!==m||m>0&&S>0&&(i.getItemKey(0)!==I||i.getItemKey(S-1)!==R)){d=!0;const j=m>0?this.getVirtualItemForOffset(this.getScrollOffset())??y[0]:null;j&&(a=[j.key,this.getScrollOffset()-j.start]);const C=i.followOnAppend===!0?"auto":i.followOnAppend||null;C&&S>m&&this.isAtEnd(l.scrollEndThreshold)&&(m===0||i.getItemKey(S-1)!==R)&&(u=C)}}this.options=i,d&&(this.pendingMin=0,this.itemSizeCacheVersion++);let f=!1,p=0;if(a&&this.scrollOffset!==null){const[m,S]=a,y=this.getMeasurements(),{count:I,getItemKey:R}=this.options;let g=0;for(;g<I&&R(g)!==m;)g++;if(g<I){const x=y[g];if(x){const j=x.start+S;j!==this.scrollOffset&&(p=j-this.scrollOffset,this.scrollOffset=j,f=!0)}}}(f||u)&&(this.pendingScrollAnchor=[f?a[0]:null,f?a[1]:0,u,p])},this.notify=t=>{var s,o;(o=(s=this.options).onChange)==null||o.call(s,this,t)},this.maybeNotify=De(()=>(this.calculateRange(),[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]),t=>{this.notify(t)},{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(t=>t()),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 t;const s=this.options.enabled?this.options.getScrollElement():null;if(this.scrollElement!==s){if(this.cleanup(),!s){this.maybeNotify();return}if(this.scrollElement=s,this.scrollElement&&"ownerDocument"in this.scrollElement?this.targetWindow=this.scrollElement.ownerDocument.defaultView:this.targetWindow=((t=this.scrollElement)==null?void 0:t.window)??null,this.elementsCache.forEach(i=>{this.observer.observe(i)}),this.unsubs.push(this.options.observeElementRect(this,i=>{this.scrollRect=i,this.maybeNotify()})),this.unsubs.push(this.options.observeElementOffset(this,(i,l)=>{if(l&&this._intendedScrollOffset===null&&i===this.scrollOffset)return;this._intendedScrollOffset!==null&&Math.abs(i-this._intendedScrollOffset)<1.5&&(i=this._intendedScrollOffset),this._intendedScrollOffset=null,this.scrollAdjustments=0;const a=this.getScrollOffset();this.scrollDirection=l?a===i?this.scrollDirection:a<i?"forward":"backward":null,this.scrollOffset=i,this.isScrolling=l,this._flushIosDeferredIfReady(),this.scrollState&&this.scheduleScrollReconcile(),this.maybeNotify()})),"addEventListener"in this.scrollElement){const i=this.scrollElement,l=()=>{this._iosTouching=!0,this._iosJustTouchEnded=!1,this._iosTouchEndTimerId!==null&&this.targetWindow!=null&&(this.targetWindow.clearTimeout(this._iosTouchEndTimerId),this._iosTouchEndTimerId=null)},a=()=>{this._iosTouching=!1,!(!It()||this.targetWindow==null)&&(this._iosJustTouchEnded=!0,this._iosTouchEndTimerId=this.targetWindow.setTimeout(()=>{this._iosJustTouchEnded=!1,this._iosTouchEndTimerId=null,this._flushIosDeferredIfReady()},150))};i.addEventListener("touchstart",l,dt),i.addEventListener("touchend",a,dt),this.unsubs.push(()=>{i.removeEventListener("touchstart",l),i.removeEventListener("touchend",a),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 o=this.pendingScrollAnchor;if(this.pendingScrollAnchor=null,o&&this.scrollElement&&this.options.enabled){const[i,l,a,u]=o;i!==null&&!a&&(It()&&(this.isScrolling||this._iosTouching||this._iosJustTouchEnded)?u!==0&&(this._iosDeferredAdjustment+=u):this._scrollToOffset(this.getScrollOffset(),{adjustments:void 0,behavior:void 0})),a&&this.scrollToEnd({behavior:a})}},this._flushIosDeferredIfReady=()=>{if(this._iosDeferredAdjustment===0||this.isScrolling||this._iosTouching||this._iosJustTouchEnded)return;const t=this.getScrollOffset(),s=this.getMaxScrollOffset();if(t<0||t>s)return;const o=this._iosDeferredAdjustment;this._iosDeferredAdjustment=0,this._scrollToOffset(t,{adjustments:this.scrollAdjustments+=o,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=De(()=>[this.options.count,this.options.paddingStart,this.options.scrollMargin,this.options.getItemKey,this.options.enabled,this.options.lanes,this.options.laneAssignmentMode,this.options.gap],(t,s,o,i,l,a,u,d)=>(this.prevLanes!==void 0&&this.prevLanes!==a&&(this.lanesChangedFlag=!0),this.prevLanes=a,this.pendingMin=null,{count:t,paddingStart:s,scrollMargin:o,getItemKey:i,enabled:l,lanes:a,laneAssignmentMode:u,gap:d}),{key:!1}),this.getMeasurements=De(()=>[this.getMeasurementOptions(),this.itemSizeCacheVersion],({count:t,paddingStart:s,scrollMargin:o,getItemKey:i,enabled:l,lanes:a,laneAssignmentMode:u,gap:d},f)=>{const p=this.itemSizeCache;if(!l)return this.measurementsCache=[],this.itemSizeCache.clear(),this.laneAssignments.clear(),[];if(this.laneAssignments.size>t)for(const g of this.laneAssignments.keys())g>=t&&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 m=this.lanesSettling?0:this.pendingMin??0;if(this.pendingMin=null,this.lanesSettling&&this.measurementsCache.length===t&&(this.lanesSettling=!1),a===1){const g=t*2;let x=this._flatMeasurements;if(!x||x.length<g){const M=new Float64Array(g);x&&m>0&&M.set(x.subarray(0,m*2)),x=M,this._flatMeasurements=x}let j;if(m===0)j=s+o;else{const M=m-1;j=x[M*2]+x[M*2+1]+d}for(let M=m;M<t;M++){const O=i(M),E=p.get(O),N=typeof E=="number"?E:this.options.estimateSize(M);x[M*2]=j,x[M*2+1]=N,j+=N+d}const C=Ho(t,x,i);return this.measurementsCache=C,C}const S=this.measurementsCache.slice(0,m),y=new Array(a).fill(void 0),I=new Float64Array(a);let R=0;for(let g=0;g<m;g++){const x=S[g];x&&(y[x.lane]===void 0&&R++,y[x.lane]=g,I[x.lane]=x.end)}for(let g=m;g<t;g++){const x=i(g),j=this.laneAssignments.get(g);let C,M;const O=u==="estimate"||p.has(x);if(j!==void 0&&this.options.lanes>1){C=j;const A=y[C],K=A!==void 0?S[A]:void 0;M=K?K.end+d:s+o}else if(R===a){let A=0,K=I[0],fe=y[0];for(let z=1;z<a;z++){const ee=I[z];(ee<K||ee===K&&y[z]<fe)&&(A=z,K=ee,fe=y[z])}C=A,M=K+d,O&&this.laneAssignments.set(g,C)}else C=g%this.options.lanes,M=s+o,O&&this.laneAssignments.set(g,C);const E=p.get(x),N=typeof E=="number"?E:this.options.estimateSize(g),P=M+N;S[g]={index:g,start:M,size:N,end:P,key:x,lane:C},y[C]===void 0&&R++,y[C]=g,I[C]=P}return this.measurementsCache=S,S},{key:!1,debug:()=>this.options.debug}),this.calculateRange=De(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset(),this.options.lanes],(t,s,o,i)=>t.length===0||s===0?(this.range=null,null):(this.range=ii(t,s,o,i,i===1&&this._flatMeasurements!=null?this._flatMeasurements:null),this.range),{key:!1,debug:()=>this.options.debug}),this.getVirtualIndexes=De(()=>{let t=null,s=null;const o=this.calculateRange();return o&&(t=o.startIndex,s=o.endIndex),this.maybeNotify.updateDeps([this.isScrolling,t,s]),[this.options.rangeExtractor,this.options.overscan,this.options.count,t,s]},(t,s,o,i,l)=>i===null||l===null?[]:t({startIndex:i,endIndex:l,overscan:s,count:o}),{key:!1,debug:()=>this.options.debug}),this.indexFromElement=t=>{const s=this.options.indexAttribute,o=t.getAttribute(s);return o?parseInt(o,10):(console.warn(`Missing attribute name '${s}={index}' on measured element.`),-1)},this.shouldMeasureDuringScroll=t=>{var s;if(!this.scrollState||this.scrollState.behavior!=="smooth")return!0;const o=this.scrollState.index??((s=this.getVirtualItemForOffset(this.scrollState.lastTargetOffset))==null?void 0:s.index);if(o!==void 0&&this.range){const i=Math.max(this.options.overscan,Math.ceil((this.range.endIndex-this.range.startIndex)/2)),l=Math.max(0,o-i),a=Math.min(this.options.count-1,o+i);return t>=l&&t<=a}return!0},this.measureElement=t=>{if(!t){this.elementsCache.forEach((l,a)=>{l.isConnected||(this.observer.unobserve(l),this.elementsCache.delete(a))});return}const s=this.indexFromElement(t),o=this.options.getItemKey(s),i=this.elementsCache.get(o);i!==t&&(i&&this.observer.unobserve(i),this.observer.observe(t),this.elementsCache.set(o,t)),(!this.isScrolling||this.scrollState)&&this.shouldMeasureDuringScroll(s)&&this.resizeItem(s,this.options.measureElement(t,void 0,this))},this.resizeItem=(t,s)=>{var o,i;if(t<0||t>=this.options.count)return;let l,a,u;const d=this._flatMeasurements;if(this.options.lanes===1&&d!==null)u=this.options.getItemKey(t),a=d[t*2],l=d[t*2+1];else{const m=this.measurementsCache[t];if(!m)return;u=m.key,a=m.start,l=m.size}const f=this.itemSizeCache.get(u)??l,p=s-f;if(p!==0){const m=this.options.anchorTo==="end"&&((o=this.scrollState)==null?void 0:o.behavior)!=="smooth"&&this.getVirtualDistanceFromEnd()<=this.options.scrollEndThreshold,S=m?this.getTotalSize():0,y=((i=this.scrollState)==null?void 0:i.behavior)!=="smooth"&&(this.shouldAdjustScrollPositionOnItemSizeChange!==void 0?this.shouldAdjustScrollPositionOnItemSizeChange(this.measurementsCache[t]??{index:t,key:u,start:a,size:l,end:a+l,lane:0},p,this):a<this.getScrollOffset()+this.scrollAdjustments&&(!this.itemSizeCache.has(u)||this.scrollDirection!=="backward"));(this.pendingMin===null||t<this.pendingMin)&&(this.pendingMin=t),this.itemSizeCache.set(u,s),this.itemSizeCacheVersion++,m?this.applyScrollAdjustment(this.getTotalSize()-S):y&&this.applyScrollAdjustment(p),this.notify(!1)}},this.getVirtualItems=De(()=>[this.getVirtualIndexes(),this.getMeasurements()],(t,s)=>{const o=[];for(let i=0,l=t.length;i<l;i++){const a=t[i],u=s[a];o.push(u)}return o},{key:!1,debug:()=>this.options.debug}),this.getVirtualItemForOffset=t=>{const s=this.getMeasurements();if(s.length===0)return;const o=this._flatMeasurements,i=this.options.lanes===1&&o!=null,l=ts(0,s.length-1,i?a=>o[a*2]:a=>Dt(s[a]).start,t);return Dt(s[l])},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 t=this.scrollElement.document.documentElement;return this.options.horizontal?t.scrollWidth-this.scrollElement.innerWidth:t.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=(t=this.options.scrollEndThreshold)=>this.getDistanceFromEnd()<=t,this.getOffsetForAlignment=(t,s,o=0)=>{if(!this.scrollElement)return 0;const i=this.getSize(),l=this.getScrollOffset();s==="auto"&&(s=t>=l+i?"end":"start"),s==="center"?t+=(o-i)/2:s==="end"&&(t-=i);const a=this.getMaxScrollOffset();return Math.max(Math.min(a,t),0)},this.getOffsetForIndex=(t,s="auto")=>{t=Math.max(0,Math.min(t,this.options.count-1));const o=this.getSize(),i=this.getScrollOffset(),l=this.measurementsCache[t];if(!l)return;if(s==="auto")if(l.end>=i+o-this.options.scrollPaddingEnd)s="end";else if(l.start<=i+this.options.scrollPaddingStart)s="start";else return[i,s];if(s==="end"&&t===this.options.count-1)return[this.getMaxScrollOffset(),s];const a=s==="end"?l.end+this.options.scrollPaddingEnd:l.start-this.options.scrollPaddingStart;return[this.getOffsetForAlignment(a,s,l.size),s]},this.scrollToOffset=(t,{align:s="start",behavior:o="auto"}={})=>{const i=this.getOffsetForAlignment(t,s),l=this.now();this.scrollState={index:null,align:s,behavior:o,startedAt:l,lastTargetOffset:i,stableFrames:0},this._scrollToOffset(i,{adjustments:void 0,behavior:o}),this.scheduleScrollReconcile()},this.scrollToIndex=(t,{align:s="auto",behavior:o="auto"}={})=>{t=Math.max(0,Math.min(t,this.options.count-1));const i=this.getOffsetForIndex(t,s);if(!i)return;const[l,a]=i,u=this.now();this.scrollState={index:t,align:a,behavior:o,startedAt:u,lastTargetOffset:l,stableFrames:0},this._scrollToOffset(l,{adjustments:void 0,behavior:o}),this.scheduleScrollReconcile()},this.scrollBy=(t,{behavior:s="auto"}={})=>{const o=this.getScrollOffset()+t,i=this.now();this.scrollState={index:null,align:"start",behavior:s,startedAt:i,lastTargetOffset:o,stableFrames:0},this._scrollToOffset(o,{adjustments:void 0,behavior:s}),this.scheduleScrollReconcile()},this.scrollToEnd=({behavior:t="auto"}={})=>{if(this.options.count>0){this.scrollToIndex(this.options.count-1,{align:"end",behavior:t});return}this.scrollToOffset(Math.max(this.getTotalSize()-this.getSize(),0),{behavior:t})},this.getTotalSize=()=>{var t;const s=this.getMeasurements();let o;if(s.length===0)o=this.options.paddingStart;else if(this.options.lanes===1){const i=s.length-1,l=this._flatMeasurements;l!=null?o=l[i*2]+l[i*2+1]:o=((t=s[i])==null?void 0:t.end)??0}else{const i=Array(this.options.lanes).fill(null);let l=s.length-1;for(;l>=0&&i.some(a=>a===null);){const a=s[l];i[a.lane]===null&&(i[a.lane]=a.end),l--}o=Math.max(...i.filter(a=>a!==null))}return Math.max(o-this.options.scrollMargin+this.options.paddingEnd,0)},this.takeSnapshot=()=>{const t=[];if(this.itemSizeCache.size===0)return t;const s=this.getMeasurements();for(const o of s)o&&this.itemSizeCache.has(o.key)&&t.push({index:o.index,key:o.key,start:o.start,size:o.size,end:o.end,lane:o.lane});return t},this._scrollToOffset=(t,{adjustments:s,behavior:o})=>{this._intendedScrollOffset=t+(s??0),this.options.scrollToFn(t,{behavior:o,adjustments:s},this)},this.measure=()=>{this.pendingMin=null,this.itemSizeCache.clear(),this.laneAssignments.clear(),this.itemSizeCacheVersion++,this.notify(!1)},this.setOptions(n)}applyScrollAdjustment(n,t){n!==0&&(It()&&(this.isScrolling||this._iosTouching||this._iosJustTouchEnded)?this._iosDeferredAdjustment+=n:(this._scrollToOffset(this.getScrollOffset(),{adjustments:this.scrollAdjustments+=n,behavior:t}),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 s=this.scrollState.index!=null?this.getOffsetForIndex(this.scrollState.index,this.scrollState.align):void 0,o=s?s[0]:this.scrollState.lastTargetOffset,i=1,l=o!==this.scrollState.lastTargetOffset;if(!l&&Uo(o,this.getScrollOffset())){if(this.scrollState.stableFrames++,this.scrollState.stableFrames>=i){this.getScrollOffset()!==o&&this._scrollToOffset(o,{adjustments:void 0,behavior:"auto"}),this.scrollState=null;return}}else if(this.scrollState.stableFrames=0,l){const a=this.getSize()||600,u=Math.abs(o-this.getScrollOffset()),d=this.scrollState.behavior==="smooth"&&u>a;this.scrollState.lastTargetOffset=o,d||(this.scrollState.behavior="auto"),this._scrollToOffset(o,{adjustments:void 0,behavior:d?"smooth":"auto"})}this.scheduleScrollReconcile()}}const ts=(e,n,t,s)=>{for(;e<=n;){const o=(e+n)/2|0,i=t(o);if(i<s)e=o+1;else if(i>s)n=o-1;else return o}return e>0?e-1:0};function oi(e,n,t){let s=0;for(;s<=n;){const o=(s+n)/2|0,i=e[o*2];if(i<t)s=o+1;else if(i>t)n=o-1;else return o}return s>0?s-1:0}function ii(e,n,t,s,o){const i=e.length-1;if(e.length<=s)return{startIndex:0,endIndex:i};if(s===1&&o!==null){const d=oi(o,i,t);let f=d;const p=t+n;for(;f<i&&o[f*2]+o[f*2+1]<p;)f++;return{startIndex:d,endIndex:f}}let a=ts(0,i,d=>e[d].start,t),u=a;if(s===1)for(;u<i&&e[u].end<t+n;)u++;else if(s>1){const d=Array(s).fill(0);for(;u<i&&d.some(p=>p<t+n);){const p=e[u];d[p.lane]=p.end,u++}const f=Array(s).fill(t+n);for(;a>=0&&f.some(p=>p>=t);){const p=e[a];f[p.lane]=p.start,a--}a=Math.max(0,a-a%s),u=Math.min(i,u+(s-1-u%s))}return{startIndex:a,endIndex:u}}const Ct=typeof document<"u"?c.useLayoutEffect:c.useEffect;function ri({useFlushSync:e=!0,directDomUpdates:n=!1,directDomUpdatesMode:t="transform",...s}){const o=c.useReducer(d=>d+1,0)[1],i=c.useRef({enabled:n,mode:t,container:null,lastSize:null,lastPositions:new WeakMap,prevRange:null});i.current.enabled=n,i.current.mode=t;const l=d=>{const f=i.current;if(!f.enabled||!f.container)return;const p=d.getTotalSize();if(p!==f.lastSize){f.lastSize=p;const g=d.options.horizontal?"width":"height";f.container.style[g]=`${p}px`}const m=!!d.options.horizontal,S=f.mode==="transform",y=m?"left":"top",I=d.options.scrollMargin,R=d.getVirtualItems();for(const g of R){const x=g.start-I,j=d.elementsCache.get(g.key);j&&f.lastPositions.get(j)!==x&&(f.lastPositions.set(j,x),S?j.style.transform=m?`translate3d(${x}px, 0, 0)`:`translate3d(0, ${x}px, 0)`:j.style[y]=`${x}px`)}},a={...s,onChange:(d,f)=>{var p;const m=i.current;let S=!0;if(m.enabled){l(d);const y=d.range,I=m.prevRange;S=!I||I.isScrolling!==d.isScrolling||I.startIndex!==y?.startIndex||I.endIndex!==y?.endIndex,S&&(m.prevRange=y?{startIndex:y.startIndex,endIndex:y.endIndex,isScrolling:d.isScrolling}:null)}S&&(e&&f?Es.flushSync(o):o()),(p=s.onChange)==null||p.call(s,d,f)}},[u]=c.useState(()=>{const d=new ni(a);return Object.assign(d,{containerRef:f=>{const p=i.current;if(p.container=f,p.lastSize=null,f&&p.enabled){const m=d.getTotalSize();p.lastSize=m;const S=d.options.horizontal?"width":"height";f.style[S]=`${m}px`}}})});return u.setOptions(a),Ct(()=>u._didMount(),[]),Ct(()=>u._willUpdate()),Ct(()=>{l(u)}),u}function ai(e){return ri({observeElementRect:Go,observeElementOffset:Zo,scrollToFn:si,...e})}const Et=e=>e.query?`matching "${e.query}"`:e.from?`from "${e.from}"`:"matching your search",li=e=>`Select all ${Et(e)}`,ci=(e,n)=>`All ${Gn(n)} ${Et(e)} selected`,ui=({verb:e,confirmingDelete:n,hasSelection:t,junkMailboxId:s,currentMailboxId:o,deletableMessageId:i})=>{if(n)return{kind:"withheld"};if(e==="junk"){const l=Ys(s,o);if(l!==void 0)return{kind:"unavailable",reason:l}}return t?{kind:"openWizard"}:e!=="delete"||i===void 0?{kind:"declined"}:{kind:"confirmDelete",messageId:i}},di=(e,n,t)=>e==="BACK"&&n&&t===void 0,hi=(e,n)=>({id:e.messageId,accountId:e.accountId,mailboxId:e.mailboxId,threadId:e.threadId,fromName:e.fromName??e.fromEmail??"Unknown",fromEmail:e.fromEmail??"",subject:e.subject??"(No subject)",snippet:e.snippet??"",timeLabel:qe(e.sentDate),isRead:e.isRead,hasAttachment:e.hasAttachment,starred:e.hasStars===!0,trust:e.senderTrust,category:Ut(e.category),messageCount:n,suspicious:e.authenticity?.dkimMismatch===!0,labels:e.labels}),fi=({thread:e,mailboxId:n,isSelected:t,isFocused:s,isTabStop:o,onFocusRow:i,isChecked:l,onToggleCheck:a,onRowSelect:u,messageCount:d,isMultiSelectMode:f,onLongPress:p,isDesktop:m,density:S})=>r.jsx(Xs,{thread:hi(e,d),link:{mailboxId:n,threadId:e.threadId},inListbox:!0,active:t,focused:s,isTabStop:o,density:S,isDesktop:m,onFocusRow:i,selection:{isChecked:l,onToggleCheck:a,onRowSelect:u,isMultiSelectMode:f,onLongPress:p}}),mi=c.memo(fi),gi=e=>{const n=e.authenticity?.dkimMismatch===!0;return{id:e.messageId,accountId:e.accountId,fromName:e.fromName??e.fromEmail??"Unknown",fromEmail:e.fromEmail??"",subject:e.subject??"(No subject)",snippet:e.snippet??"",timeLabel:qe(e.sentDate),isRead:e.isRead,hasAttachment:e.hasAttachment,starred:e.hasStars===!0,trust:e.senderTrust,category:Ut(e.category),suspicious:n}},pi=({thread:e,mailboxId:n,isSelected:t,isFocused:s,isTabStop:o,onFocusRow:i,isChecked:l,onToggleCheck:a,onRowSelect:u,isMultiSelectMode:d,onLongPress:f,isDesktop:p,onDelete:m,onToggleRead:S,density:y})=>{const[I,R]=c.useState("none"),g=Ue(),x=Qe(),j=c.useCallback(N=>{navigator.vibrate?.(10),N==="trailing"?m(e.messageId):S(e.messageId,e.isRead),R("none")},[m,S,e.messageId,e.isRead]),C=c.useCallback(()=>{f(e.messageId)},[f,e.messageId]),M=c.useCallback(()=>{a(e.messageId)},[a,e.messageId]),O=c.useCallback(()=>{g({to:"/mail/$mailboxId/$threadId/$messageId",params:{mailboxId:n,threadId:e.threadId,messageId:e.messageId},search:N=>N,hash:x})},[g,x,n,e.threadId,e.messageId]),E=Zs(e.messageId,u);return p||d?r.jsx(mi,{thread:e,mailboxId:n,isSelected:t,isFocused:s,isTabStop:o,onFocusRow:i,isChecked:l,onToggleCheck:a,onRowSelect:u,isMultiSelectMode:d,onLongPress:f,isDesktop:p,density:y}):r.jsx("div",{role:"presentation",onPointerDownCapture:E.onMouseDown,onClickCapture:E.claimClick,onContextMenu:E.onContextMenu,children:r.jsx(Hn,{thread:gi(e),selectionMode:!1,checked:!1,active:t,peek:I,onPeek:R,onToggleCheck:M,onLongPress:C,onOpen:O,onAct:j})})},xi=72,bi=32,vi=5,ss="remit:list-density",Si=()=>{try{const e=localStorage.getItem(ss);if(e==="compact"||e==="comfortable")return e}catch{}return"comfortable"},yi=({query:e})=>r.jsxs("div",{className:"flex items-center gap-2 px-3 py-2 border-b border-line bg-surface-sunken/30",children:[r.jsx(Ds,{className:"size-4 text-fg-muted"}),r.jsxs("span",{className:"text-sm text-fg-muted",children:["Results for “",e,"”"]})]}),Ii=({mailboxId:e,threads:n,selectedMessageId:t,isLoading:s,isError:o=!1,error:i,onRetry:l,searchQuery:a,searchPredicate:u,onDeleteMessages:d,isDeleting:f=!1,isMoving:p=!1,onLoadMore:m,hasMore:S=!1,isLoadingMore:y=!1,accountId:I,listTitle:R,listMeta:g,listFilter:x,listScopeLabel:j,onTriageContextChange:C,commandsRef:M,hideHeader:O=!1})=>{const E=c.useRef(null),N=Ue(),P=Qe(),A=co(),K=As(),{verb:fe,start:z,startFromSearch:ee}=K,Te=Os(),ne=!!a?.trim(),G=en(),{labels:Ee}=ro(I),{pushError:re}=Ns(),[k,ye]=c.useState(t),[Ie,V]=c.useState(),H=c.useCallback(h=>{V(b=>b===h?b:void 0),ye(h)},[]),[me,Ce]=c.useState(Si),we=c.useCallback(()=>{Ce(h=>{const b=h==="comfortable"?"compact":"comfortable";try{localStorage.setItem(ss,b)}catch{}return b})},[]),{toggleReadFor:Ae}=qt({mailboxId:e}),{junkMailboxId:ge}=Qt(I),_e=Jt(ge,e),U=c.useMemo(()=>[{accountId:I,mailboxId:e}],[I,e]),_=tn(U),{selectedIds:Q,selectedCount:q,hasSelection:te,isSelected:oe,toggle:F,select:ke,clearSelection:pe,selectRange:Oe,setAnchor:Ne,selectAll:Le,toggleAll:ae,intersectWith:Je}=sn(),Pe=pn(q,A),[Y,T]=c.useState(null),Ge=ne&&!!u,$e=`${e}|${JSON.stringify(u??{})}`,w=nn({mailboxId:e,accountId:I,enabled:Ge,predicateKey:$e,searchQuery:u??{}}),Ye=c.useCallback((h,b,he)=>{const W=on(h,b,he,_);W&&re(W)},[re,_]),Xe=w.phase.kind,Be=w.clear,L=c.useCallback(()=>{Xe==="escalated"&&Be(),pe()},[pe,Be,Xe]),[Ze,le]=c.useState(null),xe=c.useRef(null),ce=c.useRef(!1),ze=c.useRef(null),je=!s&&n.length>0,Fe=Y!==null,be=ai({count:n.length,getScrollElement:()=>E.current,estimateSize:()=>me==="compact"?bi:xi,overscan:vi}),ve=t?n.findIndex(h=>h.messageId===t):-1,X=k?n.findIndex(h=>h.messageId===k):-1,Z=c.useCallback(h=>{if(h<0||h>=n.length)return;const b=n[h];if(Pe){F(b.messageId);return}xe.current=b.messageId,ce.current=!1,V(b.messageId),ye(b.messageId)},[n,Pe,F]),et=c.useCallback(()=>{if(n.length===0)return;const h=X<0?0:Math.min(X+1,n.length-1);Z(h)},[n.length,X,Z]),We=c.useCallback(()=>{if(n.length===0)return;const h=X<=0?0:X-1;Z(h)},[n.length,X,Z]),Ke=c.useCallback(()=>Z(0),[Z]),Se=c.useCallback(()=>Z(n.length-1),[Z,n.length]),Me=c.useCallback(()=>{k&&F(k)},[k,F]),D=c.useMemo(()=>n.map(h=>h.messageId),[n]),mt=c.useMemo(()=>{const h=[];for(const b of n)Q.has(b.messageId)&&h.push({id:b.messageId,sender:b.fromName??b.fromEmail??"Unknown",email:b.fromEmail??"",subject:b.subject??"(No subject)",date:qe(b.sentDate),accountId:I});return h},[n,Q,I]),gt=c.useCallback((h,b)=>b.shiftKey?(Oe(D,h,k),!0):b.metaKey||b.ctrlKey?(F(h),!0):(L(),Ne(h),!1),[D,k,Oe,F,L,Ne]),tt=c.useCallback(h=>{!d||h.length===0||(ze.current=k??null,T(h))},[d,k]),se=c.useCallback(h=>{const b=rn(D,k,h);b!==void 0&&(Oe(D,b),xe.current=b,ce.current=!1,V(void 0),ye(b))},[D,k,Oe]),st=c.useCallback(()=>se(-1),[se]),nt=c.useCallback(()=>se(1),[se]),ot=c.useCallback(()=>{D.length>0&&Le(D)},[D,Le]),it=c.useCallback(h=>{const b=ui({verb:h,confirmingDelete:Y!==null,hasSelection:te,junkMailboxId:ge,currentMailboxId:e,deletableMessageId:d?k:void 0});return b.kind==="openWizard"?(z(h),!0):b.kind==="confirmDelete"?(tt([b.messageId]),!0):b.kind==="unavailable"?(re({severity:"warning",title:b.reason}),!0):b.kind==="withheld"},[Y,d,te,ge,e,z,k,tt,re]),ue=c.useCallback((h,b)=>{const he=n.find(W=>W.messageId===h)?.threadId;he&&N({to:"/mail/$mailboxId/$threadId/$messageId",params:{mailboxId:e,threadId:he,messageId:h},search:W=>W,hash:P,replace:b?.replace})},[N,P,e,n]),rt=c.useCallback(()=>{k&&ue(k)},[k,ue]),pt=c.useCallback(h=>ue(h,{replace:!0}),[ue]);an({keyboardFocusedMessageId:Ie,openMessageId:t,enabled:A&&q===0,open:pt});const de=w.phase.kind==="escalated"?{scope:Et(u??{}),total:w.phase.total,searchQuery:u??{},run:h=>w.runAction(h),stop:w.stop}:void 0,at=c.useCallback(()=>{if(!Y)return;const h=Y;if(h.length===0){T(null);return}const b=new Set(h),he=n.findIndex(J=>b.has(J.messageId));let W;for(let J=he+1;J<n.length;J++)if(!b.has(n[J].messageId)){W=n[J].messageId;break}if(W===void 0){for(let J=he-1;J>=0;J--)if(!b.has(n[J].messageId)){W=n[J].messageId;break}}d?.(h),L(),ze.current=null,T(null),W!==void 0&&(xe.current=W,ce.current=!1,H(W),A&&ue(W,{replace:!0})),A||le(ln("delete",h.length,_))},[Y,n,d,L,ue,A,H,_]),lt=c.useCallback(()=>{const h=ze.current;ze.current=null,T(null),h!==null&&(xe.current=h,ce.current=!1,H(h))},[H]),Ve=c.useMemo(()=>{if(q===0)return;const h=new Set;for(const b of n)Q.has(b.messageId)&&h.add(b.accountConfigId);if(h.size>1)return"Move only works within one account — clear selection or pick messages from a single account"},[q,Q,n]),xt=c.useCallback(()=>{if(de){ee();return}z("organize")},[de,ee,z]),bt=c.useCallback(h=>{d?.([h])},[d]),ct=c.useCallback((h,b)=>{Ae([h],!b)},[Ae]),vt=c.useCallback(h=>{A||ke(h)},[A,ke]),v=c.useCallback(()=>{if(w.isRunning||w.phase.kind==="counting"){w.stop();return}L()},[w,L]),$=c.useCallback(()=>{w.clear()},[w]);c.useEffect(()=>{if(ce.current||!A&&t)return;const h=X>=0?X:ve;h>=0&&be.scrollToIndex(h,{align:"auto"})},[X,ve,be,A,t]),c.useEffect(()=>{t&&(ce.current=!1,H(t))},[t,H]),c.useEffect(()=>{k&&(n.some(h=>h.messageId===k)||H(n[0]?.messageId))},[n,k,H]),c.useEffect(()=>{C?.({focusedMessageId:k,selectedIds:Array.from(Q),hasList:je,blocksKeyboard:Fe||K.isOpen})},[k,Q,je,Fe,K.isOpen,C]);const B=c.useRef(C);B.current=C,c.useEffect(()=>()=>B.current?.({focusedMessageId:void 0,selectedIds:[],hasList:!1,blocksKeyboard:!1}),[]),c.useEffect(()=>{w.phase.kind!=="idle"||w.isRunning||Je(n.map(h=>h.messageId))},[n,Je,w.phase,w.isRunning]);const At=c.useRef(e);c.useEffect(()=>{At.current!==e&&(At.current=e,L())},[e,L]),cn({shouldBlockFn:({action:h})=>di(h,te,Te)?(L(),!0):!1,enableBeforeUnload:!1,disabled:!te||Te!==void 0}),c.useEffect(()=>{const h=E.current;if(!h||!S||!m)return;const b=()=>{if(y)return;const{scrollTop:he,scrollHeight:W,clientHeight:J}=h;he+J>=W-200&&m()};return h.addEventListener("scroll",b,{passive:!0}),b(),()=>h.removeEventListener("scroll",b)},[S,y,m]),c.useEffect(()=>{const h=xe.current;if(!h)return;const b=E.current?.querySelector(`[data-message-id="${h}"]`);b&&(xe.current=null,b.focus({preventScroll:!0}))}),c.useEffect(()=>{if(M){if(!je){M.current=null;return}return M.current={focusNext:et,focusPrevious:We,focusFirst:Ke,focusLast:Se,openFocused:rt,toggleSelect:Me,extendSelectDown:nt,extendSelectUp:st,selectAll:ot,clearSelection:()=>te?(L(),!0):!1,requestVerb:it,toggleDensity:we},()=>{M.current=null}}},[M,je,et,We,Ke,Se,rt,Me,nt,st,ot,te,L,it,we]);const Ot=s?"loading":o?"error":n.length===0?"empty":"ready",rs=o?io(i):void 0,as=c.useCallback(()=>{const h=zs(Fs());window.open(h,"_blank","noopener,noreferrer")},[]),ls=[{id:"inbox",threads:[]}],St=D.length>0&&D.every(h=>Q.has(h)),cs=Ge&&S&&St&&!f&&!p&&w.phase.kind==="idle"&&!w.isRunning,us=f||p||w.isRunning,yt=w.phase.kind==="escalated"?w.phase.total:q,ds=w.runningAction?un(w.runningAction.kind,w.progress?.done??0,w.progress?.total??yt):w.phase.kind==="counting"?"Counting matches…":w.phase.kind==="escalated"?ci(u??{},w.phase.total):void 0,hs=w.phase.kind!=="escalated"&&D.length>0?{checked:St,indeterminate:q>0&&!St,onChange:()=>ae(D)}:void 0,fs=w.runningAction?{value:w.progress?.done??0,max:w.progress?.total??yt,tone:dn(w.runningAction.kind)}:void 0,ms=(w.phase.kind==="counting"?{tone:"info",text:"",action:{label:"Stop",onClick:w.stop}}:w.phase.kind==="escalated"&&!w.isRunning?{tone:"info",text:"",action:{label:"Clear selection",onClick:$}}:cs?{tone:"info",text:"",action:{label:li(u??{}),onClick:w.escalate}}:void 0)??(Ve?{tone:"warning",text:Ve}:void 0),gs=r.jsx(hn,{title:G.title||R,navSlot:G.navSlot,titleMeta:G.titleMeta,searchSlot:G.searchSlot,searchField:G.searchField,idleSlot:G.makeFilterSlot,count:yt,onCancel:v,onDelete:()=>z("delete"),onMove:()=>z("move"),onOrganize:xt,onJunk:_e?()=>z("junk"):void 0,onMarkRead:()=>z("markRead"),overflowSlot:I&&e&&q>0&&Ee.length>0?r.jsx(uo,{accountId:I,mailboxId:e,messageIds:Array.from(Q)}):void 0,isBusy:us,isCounting:w.phase.kind==="counting",selectAll:hs,statusLabel:ds,progress:fs,notice:ms}),ps=fn(D,k),xs=c.useCallback(h=>{ce.current=!0,H(h)},[H]),bs=r.jsxs(r.Fragment,{children:[ne&&a&&r.jsx(yi,{query:a}),r.jsxs("div",{ref:E,role:"listbox","aria-multiselectable":!0,"aria-label":R,className:"flex-1 overflow-y-auto",children:[r.jsx("div",{role:"presentation",className:"relative w-full",style:{height:`${be.getTotalSize()}px`},children:be.getVirtualItems().map(h=>{const b=n[h.index];return r.jsx("div",{role:"presentation","data-index":h.index,ref:be.measureElement,className:Re("absolute left-0 top-0 w-full border-b border-line",w.isRunning&&"pointer-events-none opacity-50"),style:{transform:`translateY(${h.start}px)`},children:r.jsx(pi,{thread:b,mailboxId:e,isSelected:t===b.messageId,isFocused:k===b.messageId,isTabStop:ps===b.messageId,onFocusRow:xs,isChecked:oe(b.messageId),onToggleCheck:F,onRowSelect:gt,isMultiSelectMode:Pe,onLongPress:vt,isDesktop:A,onDelete:bt,onToggleRead:ct,density:me})},h.key)})}),y&&r.jsx(Un,{})]})]});return r.jsxs(r.Fragment,{children:[Ze&&!A&&r.jsx(kt,{tone:"success",variant:"soft",className:"m-2 rounded-md",onDismiss:()=>le(null),children:Ze}),r.jsx(qn,{listTitle:R,listMeta:g,sections:ls,flatList:!0,listState:G.searchResults?"ready":Ot,searchQuery:ne?a:void 0,listFilter:x,listScopeLabel:j,errorMessage:rs,onRetry:l,onReportError:as,density:me,selectedThreadId:t,onSelectThread:h=>ue(h),isDesktop:A,hideHeader:O,selectionBar:gs,listBody:G.searchResults??(Ot==="ready"?bs:void 0)}),r.jsx(mn,{isOpen:Y!==null,count:Y?.length??0,outcome:_,isDeleting:f,onConfirm:at,onCancel:lt}),r.jsx(gn,{verb:fe,accountId:I,mailboxId:e,selection:mt,selectionRestriction:Ve?"spansAccounts":void 0,escalated:de,escalatedProgress:w.progress,onFinished:L,onRunEnded:Ye})]})},Ci=e=>Ls({path:{accountId:e}}),wi=e=>{const n=$t(),t=Mt(),s=Bt({..._s(),onSuccess:()=>{t.recordEvent("sync.triggered"),n.invalidateQueries({queryKey:Ci(e)})}});return{trigger:()=>{s.mutate({path:{accountId:e}})},triggerAsync:()=>s.mutateAsync({path:{accountId:e}}),isPending:s.isPending,error:s.error,reset:s.reset}},ki=({accountId:e,children:n})=>{const{triggerAsync:t,isPending:s}=wi(e);return r.jsx(wo,{onRefresh:t,isRefreshing:s,children:n})};function ji({accountId:e,currentMailboxId:n,candidates:t,onMove:s,children:o}){const[i,l]=c.useState(!1),a=Mt(),u=po(),{inboxMailboxId:d}=xn(e),f=bn(e),{data:p}=jt({...Ps({path:{accountId:e}}),staleTime:1/0}),m=c.useMemo(()=>xo({mailboxes:p?.items??[],folderAppointments:f,currentMailboxId:n,translator:u}),[p?.items,f,n,u]),S=c.useMemo(()=>d||(m.find(x=>x.label.toLowerCase()==="inbox")?.id??m.find(x=>!x.isCurrent)?.id??""),[d,m]),y=c.useRef(!1);c.useEffect(()=>{y.current||(y.current=!0,vn(a,t.length))},[a,t.length]);const I=c.useCallback(()=>{Sn(a,t.length),l(!0)},[a,t.length]),R=c.useCallback((g,x)=>{yn(a,{selected:g.length,total:t.length,toInbox:x===d}),s(g,x)},[a,t.length,d,s]);return r.jsxs("div",{className:"relative flex h-full min-h-0 flex-col",children:[r.jsx("div",{className:"shrink-0 px-row-inset pt-2",children:r.jsx(jo,{count:t.length,onReview:I})}),r.jsx("div",{className:"min-h-0 flex-1",children:o}),r.jsx(_o,{open:i,candidates:t,defaultDestinationId:S,availableFolders:m,delimiter:bo(p?.items??[]),onConfirmMove:R,onCancel:()=>l(!1)})]})}const Mi="We can verify this sender";function Ri(e){const{data:n}=jt({...$s({path:{mailboxId:e??""},query:{senderTrust:["vip","wellknown"],dkimMismatch:!1,results:!0,limit:500}}),enabled:!!e,staleTime:6e4});return{candidates:(n?.items??[]).map(s=>({id:s.messageId,senderName:s.fromName||s.fromEmail||"Unknown sender",senderAddress:s.fromEmail??"",subject:s.subject||"(no subject)",snippet:s.snippet??"",trustReason:Mi,trustSubReason:In(s.senderTrust),senderTrust:s.senderTrust}))}}const Ti=e=>{const n=new Set,t=[];for(const s of e)n.has(s.threadMessageId)||(n.add(s.threadMessageId),t.push(s));return t},Ei={unread:"unread",flagged:"starred",attachment:"attachments"},Ai=new Set(Object.values(Io)),ns=e=>Ai.has(e),Oi=e=>ns(e.category)||e.attributes.size>0,Ni=e=>{const n={};ns(e.category)&&(n.category=[e.category]);for(const t of e.attributes){const s=Ei[t];s&&(n[s]=!0)}return n},zi=e=>(e.senderTrust?.length??0)>0||e.dkimMismatch!==void 0?"loaded-pages":"whole-folder",Fi=["category","unread","starred","attachments"],Lt=e=>JSON.stringify(Fi.map(n=>e?.[n]??null)),Di=e=>{if(!Array.isArray(e))return;const[n]=e;if(typeof n!="object"||n===null)return;const t=n.query;if(!(typeof t!="object"||t===null))return t},_i=(e,n)=>{const t=Di(e);return t?Lt(t)===Lt(n):!1},ut=e=>e[0],Li=e=>{const n=ut(e.filter(a=>a.type==="from").map(a=>a.value)),t=ut(e.filter(a=>a.type==="subject").map(a=>a.value)),s=ut(e.filter(a=>a.type==="category").map(a=>a.category)),o=ut(e.filter(a=>a.type==="isUnread"||a.type==="isRead").map(a=>a.type==="isUnread")),i=e.some(a=>a.type==="isStarred")?!0:void 0,l=e.some(a=>a.type==="hasAttachment")?!0:void 0;return{...n!==void 0?{from:n}:{},...t!==void 0?{subject:t}:{},...s!==void 0?{category:[s]}:{},...o!==void 0?{unread:o}:{},...i!==void 0?{starred:i}:{},...l!==void 0?{attachments:l}:{}}},Pi=(e,n)=>{switch(n.type){case"from":return e.from?.toLowerCase()===n.value.toLowerCase();case"subject":return e.subject?.toLowerCase()===n.value.toLowerCase();case"category":return e.category?.length===1&&e.category[0]===n.category;case"isUnread":return e.unread===!0;case"isRead":return e.unread===!1;case"isStarred":return e.starred===!0;case"hasAttachment":return e.attachments===!0;case"before":case"after":case"in":case"account":return!1}};function $i(e,n={}){const t=Li(e),s={...t,...n};return{params:t,residual:e.filter(o=>!Pi(s,o))}}function Bi(e,n,t){if(n.length===0)return e;const s=[...n];return e.filter(o=>{const i=Cn(o);return wn({...i,accountId:i.accountId??t},s)})}const Wi=50,Ki=new Map(Zt().categories.filter(e=>e.id!=="all").map(e=>[e.id,e.label])),os=c.createContext(null);function ft(){const e=c.useContext(os);if(!e)throw new Error("MailboxPane.* must be used inside <MailboxPane>");return e}function Vi({mailboxId:e,thread:n,children:t}){const s=Ue(),o=Qe(),i=n?.threadId,l=n?.messageId,a=Mt(),{accounts:u,searchQuery:d,onToggleIntelligence:f}=Wt(),p=Hs(),m=Co(d),S=m.length>0,{freeText:y,tokens:I}=Us(m,p),[R,g]=c.useState("all"),[x,j]=c.useState(new Set),C=c.useMemo(()=>({category:R,attributes:x}),[R,x]),M=c.useMemo(()=>Ni(C),[C]),O=S||Oi(C),{params:E,residual:N}=$i(I,M),P={order:"desc",limit:Wi,...y?{query:y}:{},...E,...M},A={category:P.category,unread:P.unread,starred:P.starred,attachments:P.attachments},K=O?Bs({path:{mailboxId:e},query:P}):Ws({path:{mailboxId:e},query:{order:"desc"}}),{data:fe,isLoading:z,isError:ee,error:Te,refetch:ne,fetchNextPage:G,hasNextPage:Ee,isFetchingNextPage:re}=Qn({queryKey:K,queryFn:async({pageParam:v})=>{if(O){const{data:B}=await Ks({path:{mailboxId:e},query:{...P,continuationToken:v},throwOnError:!0});return B}const{data:$}=await Vs({path:{mailboxId:e},query:{order:"desc",continuationToken:v},throwOnError:!0});return $},initialPageParam:void 0,getNextPageParam:v=>v.continuationToken,placeholderData:(v,$)=>_i($?.queryKey,A)?v:void 0}),{accountId:k,isLoading:ye}=kn(e),Ie=vo({accounts:u}),V=Bi(jn(Ti(fe?.pages.flatMap(v=>v.items??[])??[])),N,k),H=c.useCallback(v=>{g(v)},[]),me=c.useCallback(v=>{j($=>{const B=new Set($);return B.has(v)?B.delete(v):B.add(v),B})},[]),Ce=c.useCallback(()=>{g("all"),j(new Set)},[]),we=Ki.get(R),Ae=we?{label:we,reach:N.length>0?"loaded-pages":zi(P),onClear:Ce}:void 0,ge=i?V.find(v=>v.messageId===l)??V.find(v=>v.threadId===i):void 0,_e=Mn(i,l),U=ge??_e,_=l??U?.messageId,Q=c.useMemo(()=>{if(i)return{threadId:i,mailboxId:U?.mailboxId??e,subject:U?.subject,messageId:_,authenticity:U?.authenticity}},[i,U,_,e]),q=c.useCallback(()=>{s({to:"/mail/$mailboxId",params:{mailboxId:e},search:v=>v,hash:o})},[e,s,o]),te=c.useCallback(v=>{s({to:"/mail/$mailboxId/$threadId/$messageId",params:{mailboxId:e,...v},search:$=>$,hash:o})},[e,s,o]),oe=c.useCallback(v=>{_&&v.includes(_)&&q()},[_,q]),{deleteMessages:F,isPending:ke}=Nt({mailboxId:e,onAfterOptimisticRemove:oe}),{moveMessages:pe,isPending:Oe}=zt({mailboxId:e,accountId:k,onAfterOptimisticRemove:oe}),Ne=c.useRef(null),Le=Rn(),{listCommandsRef:ae,onTriageContextChange:Je,focusedMessageId:Pe,selectedIds:Y}=Le,T=V.find(v=>v.messageId===Pe)??U,Ge=So({accounts:u})??0,$e=Tn({thread:U,mailboxId:e,accountId:k,onAfterOptimisticRemove:oe}),{draftsMailboxId:w}=En(k),Ye=w!==void 0&&w===e,{archiveMailboxId:Xe}=An(k),Be=On(),L=Zn(),Ze=c.useMemo(()=>eo(L,i,_),[L,i,_]),le=c.useMemo(()=>{if(T)return v=>L({threadId:T.threadId,messageId:T.messageId,mode:v})},[L,T]),xe=to(),ce=so(),ze=no(),je=c.useCallback(v=>v?Be(v):[],[Be]),{toggleStar:Fe}=Nn({threadId:T?.threadId??"",mailboxId:e}),{toggleReadFor:be}=qt({mailboxId:e,accountId:k}),{junkMailboxId:ve}=Qt(k),X=ve!=null&&ve===e,Z=Jt(ve,e),{candidates:et}=Ri(X?ve:void 0),{moveMessages:We}=zt({mailboxId:e,threadId:T?.threadId,accountId:k,onAfterOptimisticRemove:oe}),{deleteMessages:Ke}=Nt({mailboxId:e,threadId:T?.threadId,onAfterOptimisticRemove:oe}),{addressId:Se,address:Me}=zn(T),{updateFlags:D}=Fn({addressId:Se,senderEmail:T?.fromEmail??void 0}),mt=c.useCallback(()=>le?.("reply"),[le]),gt=c.useCallback(()=>le?.("reply-all"),[le]),tt=c.useCallback(()=>le?.("forward"),[le]),se=c.useCallback(()=>je(T),[je,T]),st=c.useCallback(()=>{if(ae.current?.requestVerb("delete"))return;const v=se();v.length>0&&Ke(v)},[ae,se,Ke]),nt=c.useCallback(()=>{if(ae.current?.requestVerb("junk")||!Z)return;const v=se();v.length!==0&&(Dn(a,{count:v.length,senderTrust:T?.senderTrust??"unknown",wasRescuable:T?_n(T):!1}),We(v,Z))},[ae,Z,se,We,a,T]),ot=c.useCallback(()=>{if(Y.length>0){const v=!(T?.hasStars??!1),$=new Set(Y);for(const B of V)$.has(B.messageId)&&B.hasStars!==v&&Fe(B.messageId,B.hasStars);return}T&&Fe(T.messageId,T.hasStars)},[Y,V,T,Fe]),it=c.useCallback(()=>{if(ae.current?.requestVerb("markRead"))return;const v=se();if(v.length===0)return;const $=!(T?.isRead??!1);be(v,$)},[ae,se,T,be]),ue=c.useCallback(()=>{if(!Se)return;const v=Me?.flags?.muted?.value!==!0;D({muted:{value:v}})},[Se,Me,D]),rt=c.useCallback(()=>{if(!Se)return;const v=Me?.flags?.vip?.value!==!0;D({vip:{value:v}})},[Se,Me,D]),pt=c.useCallback(()=>{Ne.current?.open()},[]),de=c.useCallback(v=>{s({to:v})},[s]),at=Ye?"drafts":Xe===e?"archive":ve===e?"junk":"inbox",lt=c.useRef("");c.useEffect(()=>{const v=lt.current;lt.current=m,m.length>0&&v.length===0&&a.recordEvent("search.submitted",{mailboxType:at})},[m,at,a]);const{goBack:Ve,nextMessageId:xt,previousMessageId:bt}=Ln({context:Le,orderedIds:V.map(v=>v.messageId),selectedMessageId:_,enabled:!xe&&!ce,onClose:q,handlers:{reply:mt,replyAll:gt,forward:tt,delete:st,toggleStar:ot,toggleRead:it,muteSender:ue,blockSender:U?pt:void 0,vipSender:rt,markJunk:nt,toggleIntelligence:U?()=>Ne.current?.toggle():void 0,compose:ze,goBrief:()=>de("/mail/brief"),goInbox:()=>de("/mail/brief"),goSent:()=>de("/mail/brief"),goFlagged:()=>de("/mail/flagged"),goSettings:()=>de("/settings")}}),ct=v=>{if(!v)return;const $=V.find(B=>B.messageId===v);return $?{threadId:$.threadId,messageId:v}:void 0},vt={mailboxId:e,selectedMessageId:_,selectedThread:U,conversation:Q,onOpenThread:te,threads:V,isLoading:z,isError:ee,error:Te,mailboxAccountId:k,mailboxAccountLoading:ye,mailboxName:Ie,unreadCount:Ge,isDraftsMailbox:Ye,isSpamFolder:X,rescueCandidates:et,filterCategory:R,filterAttributes:x,onSelectFilterCategory:H,onToggleFilterAttribute:me,onClearFilters:Ce,listFilter:Ae,onToggleIntelligence:f,intelligenceRef:Ne,handleDeselectIfRemoved:oe,searchPredicate:S&&N.length===0?P:void 0,onDeleteMessages:F,onMoveMessages:pe,isDeleting:ke,isMoving:Oe,onLoadMore:G,hasMore:Ee,isLoadingMore:re,onTriageContextChange:Je,listCommandsRef:ae,onRetry:()=>ne(),onReply:Ze,onToolbarDelete:$e.deleteThread,onToolbarStar:$e.toggleStar,onToolbarMove:$e.moveThread,onBack:Ve,nextThread:ct(xt),previousThread:ct(bt)};return r.jsx(os.Provider,{value:vt,children:t})}function is(){const{mailboxId:e,selectedMessageId:n,threads:t,isLoading:s,isError:o,error:i,onDeleteMessages:l,onMoveMessages:a,isDeleting:u,isMoving:d,onLoadMore:f,hasMore:p,isLoadingMore:m,mailboxAccountId:S,mailboxName:y,unreadCount:I,isDraftsMailbox:R,isSpamFolder:g,rescueCandidates:x,onTriageContextChange:j,listCommandsRef:C,onRetry:M,filterCategory:O,filterAttributes:E,onSelectFilterCategory:N,onToggleFilterAttribute:P,onClearFilters:A,listFilter:K,searchPredicate:fe}=ft(),{searchQuery:z,searchInput:ee,accounts:Te,resultFolderIndex:ne}=Wt(),G=yo(),Ee=Ue(),re=Qe(),k=y??"Inbox",ye=c.useMemo(()=>Zt(),[]),Ie=c.useMemo(()=>S?[S]:[],[S]),{hasNewMail:V}=Qs(),{state:H,errorMessage:me,refresh:Ce}=Js(Ie,{onSettled:M}),we=c.useMemo(()=>r.jsx(Gs,{state:H,onRefresh:Ce,label:`Refresh ${k}`,errorMessage:me,hasUpdate:V(Ie)}),[H,Ce,k,me,V,Ie]),Ae=c.useMemo(()=>t.map(F=>Kn(F,ne)),[t,ne]),{hits:ge,isLoading:_e}=ho({mailboxId:e,filterCategory:O}),U=c.useMemo(()=>Vn(ge,t.map(F=>F.threadId),ne),[ge,t,ne]),_=c.useCallback(F=>{const ke=F.threadId??t.find(pe=>pe.messageId===F.id)?.threadId;ke&&Ee({to:"/mail/$mailboxId/$threadId/$messageId",params:{mailboxId:F.mailboxId??e,threadId:ke,messageId:F.id},search:pe=>({...pe,q:ee||void 0}),hash:re})},[e,Ee,re,ee,t]);if(R&&S)return r.jsx(Vo,{mailboxId:e,accountId:S,selectedMessageId:n,imapThreads:t,title:y??"Drafts",unreadCount:I??void 0});const Q=r.jsx(Ii,{mailboxId:e,threads:t,selectedMessageId:n,isLoading:s,isError:o,error:i,onRetry:M,searchQuery:z,searchPredicate:fe,onDeleteMessages:l,isDeleting:u,isMoving:d,onLoadMore:f,hasMore:p,isLoadingMore:m,accountId:S,listTitle:k,listFilter:K,listScopeLabel:k,hideHeader:!0,onTriageContextChange:j,commandsRef:C}),q=Te[0]?.accountId,te=G==="phone"&&q?r.jsx(ki,{accountId:q,children:Q}):Q,oe=g&&x.length>0&&S?r.jsx(ji,{accountId:S,currentMailboxId:e,candidates:x,onMove:a,children:te}):te;return r.jsx(Jn,{title:k,unreadCount:I,preset:ye,selectedCategory:O,activeFilters:E,onSelectCategory:N,onToggleFilter:P,onClearFilters:A,searchResults:Ae,searchLoading:s,relatedResults:U,relatedLoading:_e,onSelectSearchResult:_,searchResultsInBody:!0,refreshControl:we,children:oe})}function Hi(){const{mailboxId:e,mailboxAccountId:n,mailboxAccountLoading:t,selectedThread:s,conversation:o,onReply:i,onToolbarDelete:l,onToolbarStar:a,onToolbarMove:u,handleDeselectIfRemoved:d,intelligenceRef:f}=ft(),p=!!o,m=Bn(o?.threadId);Gt(f,m);const S=c.useRef(null),{railFits:y,openRail:I}=m;c.useEffect(()=>{if(!y)return;const g=s?.messageId??null;g&&S.current!==g&&s?.authenticity?.dkimMismatch&&(S.current=g,I())},[y,I,s?.messageId,s?.authenticity?.dkimMismatch]);const R=o?r.jsx(Yt,{threadId:o.threadId,mailboxId:o.mailboxId,subject:o.subject,selectedMessageId:o.messageId,authenticity:o.authenticity,onOpenIntelligence:m.open}):r.jsx(qs,{});return r.jsxs(r.Fragment,{children:[r.jsxs("section",{className:"flex h-full w-full min-w-0 flex-col bg-canvas",children:[r.jsx(Wn,{hasThread:p,messageId:o?.messageId,intelligenceOpen:m.isShowing,canToggleIntelligence:m.canToggle,onToggleIntelligence:m.toggle,onReply:i?()=>i("reply"):void 0,onReplyAll:i?()=>i("reply-all"):void 0,onForward:i?()=>i("forward"):void 0,onDelete:p?l:void 0,onToggleStar:p?a:void 0,isStarred:s?.hasStars,moveContext:p&&n?{accountId:n,currentMailboxId:e,onMove:u}:void 0,moveContextLoading:t}),r.jsx("div",{className:"min-h-0 flex-1 overflow-hidden",children:R})]}),r.jsx(Xt,{isOpen:m.drawerOpen,onClose:m.closeDrawer,thread:s,mailboxId:e,accountId:n,onAfterOptimisticRemove:d})]})}function Ui(){const{mailboxId:e,mailboxAccountId:n,selectedThread:t,onToggleIntelligence:s,handleDeselectIfRemoved:o}=ft();return r.jsx($n,{onClose:s,thread:t,mailboxId:e,accountId:n,onAfterOptimisticRemove:o})}function qi(){const{mailboxId:e,mailboxAccountId:n,selectedThread:t,conversation:s,onOpenThread:o,onBack:i,nextThread:l,previousThread:a,handleDeselectIfRemoved:u,intelligenceRef:d}=ft(),f=Pn(s?.threadId??null);return Gt(d,f),s?r.jsxs(r.Fragment,{children:[r.jsx(Yt,{threadId:s.threadId,mailboxId:s.mailboxId,subject:s.subject,selectedMessageId:s.messageId,authenticity:s.authenticity,onBack:i,onOpenIntelligence:f.toggle,onSwipeNext:l?()=>o(l):void 0,onSwipePrevious:a?()=>o(a):void 0,mobileIntelligenceOpen:f.isOpen}),r.jsx(Xt,{isOpen:f.isOpen,onClose:f.close,thread:t,mailboxId:e,accountId:n,onAfterOptimisticRemove:u})]}):r.jsx(is,{})}const xr=Object.assign(Vi,{List:is,Reading:Hi,Intelligence:Ui,Phone:qi});export{xr as M};
1
+ import{j as r,b7 as vs,as as kt,B as ie,S as Ss,b as Re,at as Pt,r as c,C as ys,d as Is,aU as Cs,m as Ue,n as $t,s as jt,t as ws,a7 as Bt,b8 as ks,b9 as js,I as Ms,h as Rs,T as Ts,ba as Es,bb as As,bc as Os,a5 as Ns,aF as zs,aG as Fs,g as Ds,W as Mt,bd as _s,K as Ls,q as Ps,be as $s,l as Wt,bf as Bs,z as Ws,bg as Ks,aZ as Vs}from"./index-BkI9e3vC.js";import{u as Hs,p as Us,R as qs}from"./useSearchTokenContext-BbemXlBA.js";import{u as Qs,a as Js,R as Gs}from"./useRefreshControl-DVnro4XQ.js";import{C as Kt,a as Vt,c as Ht,j as Ys,M as Xs,t as Ut,u as Zs,b as en,d as qt,e as Qt,f as tn,g as sn,h as nn,r as on,n as rn,i as an,k as ln,l as cn,m as un,o as dn,S as hn,p as fn,D as mn,q as gn,s as pn,v as Jt,w as xn,x as bn,y as vn,z as Sn,A as yn,B as In,E as Cn,F as wn,G as kn,H as jn,I as Mn,J as Nt,K as zt,L as Rn,N as Tn,O as En,P as An,Q as On,R as Nn,T as zn,U as Fn,V as Dn,W as _n,X as Ln,Y as Pn,Z as Gt,_ as Yt,$ as Xt,a0 as $n,a1 as Bn,a2 as Wn,a3 as Zt,a4 as Kn,a5 as Vn}from"./MailListHeader-BZ15rR9w.js";import{S as Hn,M as Un,a as qn,u as Qn,b as Jn}from"./MailViewChrome-BL8QOjiW.js";import{A as Rt}from"./avatar-BaTjjbv5.js";import{b as qe,c as Gn}from"./format-D7umvejg.js";import{k as Yn,n as Xn,o as Qe,p as Zn,r as eo,f as to,h as so,u as no}from"./useMessageBodyContent-D3WGssaj.js";import{N as oo}from"./NavMenuButton-BYPOjfVN.js";import{f as io}from"./ErrorState-CcpsTpZA.js";import{a as ro}from"./useLabels-B1c9r5ky.js";import{a as ao,D as lo,u as co}from"./useMediaQuery-bIUEJ5Pl.js";import{L as uo,u as ho}from"./useSemanticSearch-B7Hc694H.js";import{S as ht}from"./shield-check-BaWzHVzb.js";import{B as fo}from"./bottom-sheet-CeqiyGT_.js";import{C as mo}from"./circle-help-B_C4ueZj.js";import{C as go}from"./circle-check-CHWuqox6.js";import{a as po,b as xo,f as bo}from"./move-options-BdK203up.js";import{j as vo,k as So,e as yo}from"./search-token-index-Du18usjZ.js";import{M as Io}from"./enums-B_igRgfI.js";import{n as Co}from"./search-query-Cr_ZXBCp.js";const wo=({children:e,onRefresh:n,isRefreshing:t})=>ao(lo)?e:r.jsx(vs,{onRefresh:n,isPullable:!t,children:e}),ko=e=>e===1?"message":"messages";function jo({count:e,onReview:n,onDismiss:t,actionLabel:s="Review & rescue"}){return r.jsx(kt,{tone:"info",variant:"soft",onDismiss:t,children:r.jsxs("div",{className:"flex flex-col gap-2",children:[r.jsxs("p",{className:"flex items-start gap-2 text-sm text-fg",children:[r.jsx(ht,{className:"mt-0.5 size-4 shrink-0 text-positive","aria-hidden":!0}),r.jsxs("span",{children:[r.jsx("span",{className:"font-semibold text-fg",children:`${e} ${ko(e)} here`})," ","may not be spam — they're from senders we can verify."]})]}),r.jsx(ie,{variant:"primary",size:"sm",onClick:n,className:"self-start",children:s})]})})}const Mo=(e,n)=>e==="vip"?"vip":e==="unknown"&&n==="md"?"unknown-pill":"hidden",es=({senderTrust:e,size:n="sm",className:t})=>{const s=Mo(e,n);return s==="vip"?r.jsx(Ss,{className:Re("text-warning shrink-0",n==="sm"&&"size-3.5",n==="md"&&"size-4",t),"aria-label":"VIP sender","data-testid":"sender-trust-vip"}):s==="unknown-pill"?r.jsx("span",{className:Re("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",t),title:"First message from this sender","aria-label":"First message from this sender","data-testid":"sender-trust-unknown",children:"new"}):null};function Ro({candidate:e,selected:n,onToggle:t,hideSender:s=!1}){const{senderName:o,senderAddress:i,subject:l,snippet:a,trustReason:u,trustSubReason:d,senderTrust:f}=e;return r.jsxs("label",{className:Re("flex w-full cursor-pointer items-start gap-3 px-3 py-2.5 text-left transition-colors",s&&"pl-11",n?"bg-positive/10":"bg-surface hover:bg-surface-sunken"),children:[r.jsx(Kt,{className:"mt-0.5",checked:n,onChange:t,"aria-label":`${n?"Deselect":"Select"} ${s?l:`message from ${o}`}`}),!s&&r.jsx(Rt,{name:o,email:i,size:"sm"}),r.jsxs("span",{className:"min-w-0 flex-1",children:[!s&&r.jsxs("span",{className:"flex items-center gap-1.5",children:[r.jsx("span",{className:"truncate text-sm font-medium text-fg",children:o}),f&&r.jsx(es,{senderTrust:f,size:"sm"}),r.jsx("span",{className:"truncate text-2xs text-fg-subtle",children:i})]}),r.jsx("span",{className:"block truncate text-sm text-fg-muted",children:l}),r.jsx("span",{className:"block line-clamp-1 text-xs text-fg-subtle",children:a}),!s&&r.jsxs("span",{className:"mt-1.5 flex flex-wrap items-center gap-1.5",children:[r.jsxs(Pt,{tone:"positive",children:[r.jsx(ht,{className:"size-3","aria-hidden":!0}),u]}),r.jsx("span",{className:"text-2xs text-fg-subtle",children:d})]})]})]})}const To=e=>{const n=new Map,t=[];for(const s of e){const o=(s.senderAddress||s.senderName).toLowerCase(),i=n.get(o);if(i){i.messages.push(s);continue}n.set(o,{key:o,senderName:s.senderName,senderAddress:s.senderAddress,trustReason:s.trustReason,trustSubReason:s.trustSubReason,senderTrust:s.senderTrust,messages:[s]}),t.push(o)}return t.map(s=>n.get(s)).sort((s,o)=>o.messages.length-s.messages.length)},Eo=(e,n)=>{const t=e.messages.filter(s=>n.has(s.id)).length;return t===0?"none":t===e.messages.length?"all":"some"},Ft=e=>e===1?"message":"messages";function Ao({group:e,selected:n,onToggleGroup:t,onToggleMessage:s}){const[o,i]=c.useState(!1),l=Eo(e,n),a=e.messages.length,u=o?ys:Is;return r.jsxs("div",{className:Re(l!=="none"?"bg-positive/10":"bg-surface"),children:[r.jsxs("div",{className:"flex w-full items-start gap-3 px-3 py-2.5",children:[r.jsx(Kt,{className:"mt-0.5",checked:l==="all",indeterminate:l==="some",onChange:()=>t(e,l!=="all"),"aria-label":`${l==="all"?"Deselect":"Select"} all ${a} ${Ft(a)} from ${e.senderName}`}),r.jsx(Rt,{name:e.senderName,email:e.senderAddress,size:"sm"}),r.jsxs("div",{className:"min-w-0 flex-1",children:[r.jsxs("div",{className:"flex items-center gap-1.5",children:[r.jsx("span",{className:"truncate text-sm font-medium text-fg",children:e.senderName}),e.senderTrust&&r.jsx(es,{senderTrust:e.senderTrust,size:"sm"}),r.jsx("span",{className:"truncate text-2xs text-fg-subtle",children:e.senderAddress})]}),r.jsxs("div",{className:"mt-1.5 flex flex-wrap items-center gap-1.5",children:[r.jsxs(Pt,{tone:"positive",children:[r.jsx(ht,{className:"size-3","aria-hidden":!0}),e.trustReason]}),r.jsx("span",{className:"text-2xs text-fg-subtle",children:e.trustSubReason})]})]}),r.jsxs("button",{type:"button",onClick:()=>i(d=>!d),"aria-expanded":o,className:"flex shrink-0 items-center gap-1 rounded-md px-1.5 py-1 text-2xs text-fg-muted transition-colors hover:bg-surface-sunken hover:text-fg",children:[`${a} ${Ft(a)}`,r.jsx(u,{className:"size-3.5","aria-hidden":!0})]})]}),o&&r.jsx("div",{className:"divide-y divide-line border-t border-line",children:e.messages.map(d=>r.jsx(Ro,{candidate:d,selected:n.has(d.id),onToggle:()=>s(d.id),hideSender:!0},d.id))})]})}const Tt=e=>e===1?"message":"messages",Oo=(e,n)=>`Moves ${e===1?"this message":`these ${e} ${Tt(e)}`} out of Spam to ${n} now. Nothing later.`,wt=(e,n)=>e.find(t=>t.id===n)?.label??"Inbox";function No(){return r.jsx(kt,{tone:"info",variant:"soft",children:r.jsx("p",{className:"text-2xs text-fg-muted",children:"We list a message here only when we can confirm the sender is who they say — usually someone you've emailed before, write to often, or a service that consistently checks out. We never guess from words in the subject. Anything we can't confirm stays in Spam."})})}function zo({candidates:e,selected:n,onToggle:t,onToggleGroup:s,onSelectAll:o,onSelectNone:i,onContinue:l,onCancel:a}){const[u,d]=c.useState(!1),f=n.size,p=c.useMemo(()=>To(e),[e]);return r.jsxs("div",{className:"flex min-h-0 flex-col",children:[r.jsxs("div",{className:"px-row-inset pb-2 pt-1",children:[r.jsxs("div",{className:"flex items-start justify-between gap-2",children:[r.jsxs("h2",{className:"flex items-center gap-2 text-sm font-semibold text-fg",children:[r.jsx(ht,{className:"size-4 text-positive","aria-hidden":!0}),"Rescue from Spam"]}),r.jsx(ie,{variant:"ghost",size:"sm",icon:r.jsx(mo,{className:"size-3.5"}),onClick:()=>d(m=>!m),className:"-mr-1.5 -mt-0.5",children:"Why these?"})]}),r.jsx("p",{className:"mt-1 text-2xs text-fg-subtle",children:"These look safe — from senders we can verify. Uncheck any sender that belongs in Spam, or open a sender to pick individual messages."}),u&&r.jsx("div",{className:"mt-2",children:r.jsx(No,{})})]}),r.jsxs("div",{className:"flex items-center justify-between px-row-inset pb-1.5",children:[r.jsx("span",{className:"text-2xs font-medium text-fg-muted",children:`${f} of ${e.length} selected · ${p.length} ${p.length===1?"sender":"senders"}`}),r.jsxs("span",{className:"flex gap-1",children:[r.jsx(ie,{variant:"ghost",size:"sm",onClick:o,children:"Select all"}),r.jsx(ie,{variant:"ghost",size:"sm",onClick:i,children:"Select none"})]})]}),r.jsx("div",{className:"min-h-0 flex-1 divide-y divide-line overflow-y-auto border-y border-line",children:p.map(m=>r.jsx(Ao,{group:m,selected:n,onToggleGroup:s,onToggleMessage:t},m.key))}),r.jsxs("div",{className:"space-y-2 border-t border-line bg-surface px-row-inset py-3",children:[r.jsx(ie,{variant:"primary",onClick:l,className:"h-11 w-full font-semibold",children:`Continue with ${f} ${Tt(f)}`}),r.jsx(ie,{variant:"ghost",onClick:a,className:"h-11 w-full",children:"Cancel"})]})]})}function Fo({count:e,folders:n,delimiter:t,destination:s,onPick:o,onMove:i,onBack:l}){const[a,u]=c.useState(!1);return r.jsxs("div",{className:"flex min-h-0 flex-col",children:[r.jsxs("div",{className:"px-row-inset pb-2 pt-1",children:[r.jsx("h2",{className:"text-sm font-semibold text-fg",children:"Where should they go?"}),r.jsx("p",{className:"mt-1 text-2xs text-fg-subtle",children:"Pick a folder, then we move them out of Spam."})]}),r.jsx("div",{className:"flex min-h-0 flex-1 flex-col overflow-y-auto px-row-inset py-2",children:a?r.jsx("div",{className:"flex min-h-0 flex-1 overflow-hidden rounded-xl border border-line bg-surface",children:r.jsx(Cs,{folders:n,selectedId:s,delimiter:t,onSelect:o,onCancel:()=>u(!1)})}):r.jsxs("div",{className:"rounded-xl border border-line bg-surface-sunken p-3",children:[r.jsx("p",{className:"text-2xs text-fg-subtle",children:"Destination"}),r.jsx("p",{className:"mt-0.5 text-sm font-medium text-fg",children:wt(n,s)}),r.jsx(ie,{variant:"ghost",size:"sm",onClick:()=>u(!0),className:"mt-2 px-0",children:"Move to a different folder"})]})}),r.jsxs("div",{className:"space-y-2 border-t border-line bg-surface px-row-inset py-3",children:[r.jsx("p",{className:"text-2xs text-fg-subtle",children:Oo(e,wt(n,s))}),r.jsx(ie,{variant:"primary",onClick:i,className:"h-11 w-full font-semibold",children:`Move ${e} out of Spam`}),r.jsx(ie,{variant:"ghost",onClick:l,className:"h-11 w-full",children:"Back"})]})]})}function Do({count:e,destinationLabel:n,onClose:t}){return r.jsxs("div",{className:"flex min-h-0 flex-col",children:[r.jsxs("div",{className:"flex flex-1 flex-col items-center justify-center gap-3 px-row-inset py-10 text-center",children:[r.jsx(go,{className:"size-10 text-positive","aria-hidden":!0}),r.jsx("p",{className:"text-base font-semibold text-fg",children:`Moved ${e} ${Tt(e)} out of Spam.`}),r.jsx("p",{className:"text-2xs text-fg-subtle",children:`You'll find them in ${n}.`})]}),r.jsx("div",{className:"border-t border-line bg-surface px-row-inset py-3",children:r.jsx(ie,{variant:"primary",onClick:t,className:"h-11 w-full font-semibold",children:"Done"})})]})}function _o({open:e,candidates:n,defaultDestinationId:t,availableFolders:s,delimiter:o,onConfirmMove:i,onCancel:l}){const[a,u]=c.useState("review"),[d,f]=c.useState(()=>e?new Set(n.map(C=>C.id)):new Set),[p,m]=c.useState(t),[S,y]=c.useState(0),I=c.useRef(!1);c.useEffect(()=>{e&&!I.current&&(u("review"),f(new Set(n.map(C=>C.id))),m(t),y(0)),I.current=e},[e,n,t]);const R=d.size,g=C=>{f(M=>{const O=new Set(M);return O.has(C)?O.delete(C):O.add(C),O})},x=(C,M)=>{f(O=>{const E=new Set(O);for(const N of C.messages)M?E.add(N.id):E.delete(N.id);return E})},j=()=>{const C=Array.from(d);y(C.length),i(C,p),u("done")};return r.jsxs(fo,{open:e,onClose:l,dismissLabel:"Close rescue",children:[a==="review"&&r.jsx(zo,{candidates:n,selected:d,onToggle:g,onToggleGroup:x,onSelectAll:()=>f(new Set(n.map(C=>C.id))),onSelectNone:()=>f(new Set),onContinue:()=>u("destination"),onCancel:l}),a==="destination"&&r.jsx(Fo,{count:R,folders:s,delimiter:o,destination:p,onPick:m,onMove:j,onBack:()=>u("review")}),a==="done"&&r.jsx(Do,{count:S,destinationLabel:wt(s,p),onClose:l})]})}function Lo(e){const n=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:n?`To: ${n}`:"(No recipients)",timeLabel:qe(e.updatedAt),isRead:!0}}function Po(e){return{id:e.messageId,accountId:e.accountId,fromName:e.fromName??e.fromEmail??"Unknown",fromEmail:e.fromEmail??"",subject:e.subject??"(No subject)",snippet:e.snippet??"",timeLabel:qe(e.sentDate),isRead:e.isRead,hasAttachment:e.hasAttachment,starred:e.hasStars===!0}}function $o({outboxMessages:e,accountId:n,imapThreads:t}){const s=e.filter(l=>l.status==="draft"&&l.accountId===n).map(Lo),o=t.map(Po),i=[];return s.length>0&&i.push({id:"remit-drafts",label:"Not yet sent (Remit)",threads:s}),o.length>0&&i.push({id:"imap-drafts",label:"On the server",threads:o}),i}const Bo=({label:e,count:n})=>r.jsxs("div",{className:"sticky top-0 z-10 flex items-baseline justify-between border-b border-line bg-surface-sunken px-row-inset py-1",children:[r.jsx("span",{className:"text-2xs font-semibold uppercase tracking-wider text-fg-subtle",children:e}),r.jsx("span",{className:"text-2xs text-fg-subtle tabular-nums",children:n})]}),Wo=({row:e,isSelected:n,onOpen:t,onDelete:s,isDeleting:o})=>r.jsxs("button",{type:"button",onClick:()=>t(e.id),className:Re("group",Ht({active:n})),children:[r.jsx(Rs,{className:"size-7 shrink-0 text-fg-muted mt-0.5"}),r.jsx(Vt,{thread:e}),r.jsx("div",{className:"flex items-center gap-1 shrink-0",children:r.jsx("button",{type:"button",onClick:i=>{i.stopPropagation(),s(e.id)},disabled:o,className:"p-1.5 rounded-md text-fg-muted hover:text-danger hover:bg-surface-raised transition-colors opacity-0 group-hover:opacity-100 focus:opacity-100",title:"Delete draft",children:r.jsx(Ts,{className:"size-3.5"})})})]}),Ko=({row:e,isSelected:n,onOpen:t})=>{const s=!e.isRead;return r.jsxs("button",{type:"button",onClick:()=>t(e.id),className:Re("group",Ht({active:n})),children:[s&&r.jsx("span",{className:"absolute left-1.5 top-1/2 size-1.5 -translate-y-1/2 rounded-full bg-accent"}),r.jsx(Rt,{name:e.fromName,email:e.fromEmail,size:"sm"}),r.jsx(Vt,{thread:e})]})};function Vo({mailboxId:e,accountId:n,selectedMessageId:t,imapThreads:s,title:o,unreadCount:i}){const l=Yn(),a=Xn(),u=Ue(),d=Qe(),f=$t(),{data:p}=jt(ws()),m=c.useMemo(()=>$o({outboxMessages:p?.items??[],accountId:n,imapThreads:s}),[p?.items,n,s]),S=Bt({...js(),onSuccess:()=>{f.invalidateQueries({queryKey:ks()})}}),y=g=>{S.mutate({path:{outboxMessageId:g}})},I=g=>{const x=s.find(j=>j.messageId===g)?.threadId;x&&u({to:"/mail/$mailboxId/$threadId/$messageId",params:{mailboxId:e,threadId:x,messageId:g},search:j=>j,hash:d})},R=m.length===0;return r.jsxs("section",{className:"flex h-full w-full flex-col bg-surface",children:[r.jsxs("header",{className:"flex h-pane-header shrink-0 items-center gap-2 border-b border-line px-row-inset",children:[r.jsx(oo,{}),r.jsx("h1",{className:"min-w-0 flex-1 truncate text-sm font-semibold text-fg",children:o}),(i??0)>0&&r.jsxs("span",{className:"shrink-0 text-2xs text-fg-subtle tabular-nums",children:[i," unread"]})]}),r.jsx("div",{className:"flex-1 overflow-y-auto",children:R?r.jsxs("div",{className:"flex flex-col items-center justify-center h-full gap-2 text-center px-4",children:[r.jsx(Ms,{className:"size-8 text-fg-subtle"}),r.jsx("p",{className:"text-sm font-medium text-fg",children:"No drafts"}),r.jsx("p",{className:"text-xs text-fg-subtle",children:"Messages you start composing will appear here."})]}):m.map(g=>r.jsxs("div",{children:[g.label&&r.jsx(Bo,{label:g.label,count:g.threads.length}),r.jsx("div",{className:"divide-y divide-line",children:g.threads.map(x=>g.id==="remit-drafts"?r.jsx(Wo,{row:x,isSelected:x.id===l,onOpen:a,onDelete:y,isDeleting:S.isPending},x.id):r.jsx(Ko,{row:x,isSelected:x.id===t,onOpen:I},x.id))})]},g.id))})]})}function Ho(e,n,t){const s=new Array(e);return new Proxy(s,{get(o,i,l){if(typeof i=="string"){const a=i.charCodeAt(0);if(a>=48&&a<=57){const u=+i;if(Number.isInteger(u)&&u>=0&&u<e){let d=o[u];if(!d){const f=n[u*2];d=o[u]={index:u,key:t(u),start:f,size:n[u*2+1],end:f+n[u*2+1],lane:0}}return d}}if(i==="length")return e}return Reflect.get(o,i,l)}})}function De(e,n,t){let s=t.initialDeps??[],o,i=!0;function l(){const a=e();return(a.length!==s.length||a.some((d,f)=>s[f]!==d))&&(s=a,o=n(...a),t?.onChange&&!(i&&t.skipInitialOnChange)&&t.onChange(o),i=!1),o}return l.updateDeps=a=>{s=a},l}function Dt(e,n){if(e===void 0)throw new Error("Unexpected undefined");return e}const Uo=(e,n)=>Math.abs(e-n)<1.01,qo=(e,n,t)=>{let s;return function(...o){e.clearTimeout(s),s=e.setTimeout(()=>n.apply(this,o),t)}};let He;const It=()=>{if(He!==void 0)return He;if(typeof navigator>"u")return He=!1;if(/iP(hone|od|ad)/.test(navigator.userAgent))return He=!0;const e=navigator.maxTouchPoints;return He=navigator.platform==="MacIntel"&&e!==void 0&&e>0},_t=e=>{const{offsetWidth:n,offsetHeight:t}=e;return{width:n,height:t}},Qo=e=>e,Jo=e=>{const n=Math.max(e.startIndex-e.overscan,0),s=Math.min(e.endIndex+e.overscan,e.count-1)-n+1,o=new Array(s);for(let i=0;i<s;i++)o[i]=n+i;return o},Go=(e,n)=>{const t=e.scrollElement;if(!t)return;const s=e.targetWindow;if(!s)return;const o=l=>{const{width:a,height:u}=l;n({width:Math.round(a),height:Math.round(u)})};if(o(_t(t)),!s.ResizeObserver)return()=>{};const i=new s.ResizeObserver(l=>{const a=()=>{const u=l[0];if(u?.borderBoxSize){const d=u.borderBoxSize[0];if(d){o({width:d.inlineSize,height:d.blockSize});return}}o(_t(t))};e.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(a):a()});return i.observe(t,{box:"border-box"}),()=>{i.unobserve(t)}},dt={passive:!0},Yo=typeof window>"u"?!0:"onscrollend"in window,Xo=(e,n,t)=>{const s=e.scrollElement;if(!s)return;const o=e.targetWindow;if(!o)return;const i=e.options.useScrollendEvent&&Yo;let l=0;const a=i?null:qo(o,()=>n(l,!1),e.options.isScrollingResetDelay),u=p=>()=>{l=t(s),a?.(),n(l,p)},d=u(!0),f=u(!1);return s.addEventListener("scroll",d,dt),i&&s.addEventListener("scrollend",f,dt),()=>{s.removeEventListener("scroll",d),i&&s.removeEventListener("scrollend",f)}},Zo=(e,n)=>Xo(e,n,t=>{const{horizontal:s,isRtl:o}=e.options;return s?t.scrollLeft*(o&&-1||1):t.scrollTop}),ei=(e,n,t)=>{if(t.options.useCachedMeasurements){const s=t.indexFromElement(e),o=t.options.getItemKey(s);return t.itemSizeCache.get(o)??t.options.estimateSize(s)}if(n?.borderBoxSize){const s=n.borderBoxSize[0];if(s)return Math.round(s[t.options.horizontal?"inlineSize":"blockSize"])}if(!n){const s=t.indexFromElement(e),o=t.options.getItemKey(s),i=t.itemSizeCache.get(o);if(i!==void 0)return i}return e[t.options.horizontal?"offsetWidth":"offsetHeight"]},ti=(e,{adjustments:n=0,behavior:t},s)=>{var o,i;(i=(o=s.scrollElement)==null?void 0:o.scrollTo)==null||i.call(o,{[s.options.horizontal?"left":"top"]:e+n,behavior:t})},si=ti;class ni{constructor(n){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 t,s,o;return((o=(s=(t=this.targetWindow)==null?void 0:t.performance)==null?void 0:s.now)==null?void 0:o.call(s))??Date.now()},this.observer=(()=>{let t=null;const s=()=>t||(!this.targetWindow||!this.targetWindow.ResizeObserver?null:t=new this.targetWindow.ResizeObserver(o=>{o.forEach(i=>{const l=()=>{const a=i.target,u=this.indexFromElement(a);if(!a.isConnected){this.observer.unobserve(a);for(const[d,f]of this.elementsCache)if(f===a){this.elementsCache.delete(d);break}return}this.shouldMeasureDuringScroll(u)&&this.resizeItem(u,this.options.measureElement(a,i,this))};this.options.useAnimationFrameWithResizeObserver?requestAnimationFrame(l):l()})}));return{disconnect:()=>{var o;(o=s())==null||o.disconnect(),t=null},observe:o=>{var i;return(i=s())==null?void 0:i.observe(o,{box:"border-box"})},unobserve:o=>{var i;return(i=s())==null?void 0:i.unobserve(o)}}})(),this.range=null,this.setOptions=t=>{var s,o;const i={debug:!1,initialOffset:0,overscan:1,paddingStart:0,paddingEnd:0,scrollPaddingStart:0,scrollPaddingEnd:0,horizontal:!1,getItemKey:Qo,rangeExtractor:Jo,onChange:()=>{},measureElement:ei,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 m in t){const S=t[m];S!==void 0&&(i[m]=S)}const l=this.options;let a=null,u=null,d=!1;if(l!==void 0&&l.enabled&&i.enabled&&i.anchorTo==="end"&&this.scrollElement!==null){const m=l.count,S=i.count,y=this.getMeasurements(),I=m>0?((s=y[0])==null?void 0:s.key)??l.getItemKey(0):null,R=m>0?((o=y[m-1])==null?void 0:o.key)??l.getItemKey(m-1):null;if(S!==m||m>0&&S>0&&(i.getItemKey(0)!==I||i.getItemKey(S-1)!==R)){d=!0;const j=m>0?this.getVirtualItemForOffset(this.getScrollOffset())??y[0]:null;j&&(a=[j.key,this.getScrollOffset()-j.start]);const C=i.followOnAppend===!0?"auto":i.followOnAppend||null;C&&S>m&&this.isAtEnd(l.scrollEndThreshold)&&(m===0||i.getItemKey(S-1)!==R)&&(u=C)}}this.options=i,d&&(this.pendingMin=0,this.itemSizeCacheVersion++);let f=!1,p=0;if(a&&this.scrollOffset!==null){const[m,S]=a,y=this.getMeasurements(),{count:I,getItemKey:R}=this.options;let g=0;for(;g<I&&R(g)!==m;)g++;if(g<I){const x=y[g];if(x){const j=x.start+S;j!==this.scrollOffset&&(p=j-this.scrollOffset,this.scrollOffset=j,f=!0)}}}(f||u)&&(this.pendingScrollAnchor=[f?a[0]:null,f?a[1]:0,u,p])},this.notify=t=>{var s,o;(o=(s=this.options).onChange)==null||o.call(s,this,t)},this.maybeNotify=De(()=>(this.calculateRange(),[this.isScrolling,this.range?this.range.startIndex:null,this.range?this.range.endIndex:null]),t=>{this.notify(t)},{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(t=>t()),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 t;const s=this.options.enabled?this.options.getScrollElement():null;if(this.scrollElement!==s){if(this.cleanup(),!s){this.maybeNotify();return}if(this.scrollElement=s,this.scrollElement&&"ownerDocument"in this.scrollElement?this.targetWindow=this.scrollElement.ownerDocument.defaultView:this.targetWindow=((t=this.scrollElement)==null?void 0:t.window)??null,this.elementsCache.forEach(i=>{this.observer.observe(i)}),this.unsubs.push(this.options.observeElementRect(this,i=>{this.scrollRect=i,this.maybeNotify()})),this.unsubs.push(this.options.observeElementOffset(this,(i,l)=>{if(l&&this._intendedScrollOffset===null&&i===this.scrollOffset)return;this._intendedScrollOffset!==null&&Math.abs(i-this._intendedScrollOffset)<1.5&&(i=this._intendedScrollOffset),this._intendedScrollOffset=null,this.scrollAdjustments=0;const a=this.getScrollOffset();this.scrollDirection=l?a===i?this.scrollDirection:a<i?"forward":"backward":null,this.scrollOffset=i,this.isScrolling=l,this._flushIosDeferredIfReady(),this.scrollState&&this.scheduleScrollReconcile(),this.maybeNotify()})),"addEventListener"in this.scrollElement){const i=this.scrollElement,l=()=>{this._iosTouching=!0,this._iosJustTouchEnded=!1,this._iosTouchEndTimerId!==null&&this.targetWindow!=null&&(this.targetWindow.clearTimeout(this._iosTouchEndTimerId),this._iosTouchEndTimerId=null)},a=()=>{this._iosTouching=!1,!(!It()||this.targetWindow==null)&&(this._iosJustTouchEnded=!0,this._iosTouchEndTimerId=this.targetWindow.setTimeout(()=>{this._iosJustTouchEnded=!1,this._iosTouchEndTimerId=null,this._flushIosDeferredIfReady()},150))};i.addEventListener("touchstart",l,dt),i.addEventListener("touchend",a,dt),this.unsubs.push(()=>{i.removeEventListener("touchstart",l),i.removeEventListener("touchend",a),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 o=this.pendingScrollAnchor;if(this.pendingScrollAnchor=null,o&&this.scrollElement&&this.options.enabled){const[i,l,a,u]=o;i!==null&&!a&&(It()&&(this.isScrolling||this._iosTouching||this._iosJustTouchEnded)?u!==0&&(this._iosDeferredAdjustment+=u):this._scrollToOffset(this.getScrollOffset(),{adjustments:void 0,behavior:void 0})),a&&this.scrollToEnd({behavior:a})}},this._flushIosDeferredIfReady=()=>{if(this._iosDeferredAdjustment===0||this.isScrolling||this._iosTouching||this._iosJustTouchEnded)return;const t=this.getScrollOffset(),s=this.getMaxScrollOffset();if(t<0||t>s)return;const o=this._iosDeferredAdjustment;this._iosDeferredAdjustment=0,this._scrollToOffset(t,{adjustments:this.scrollAdjustments+=o,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=De(()=>[this.options.count,this.options.paddingStart,this.options.scrollMargin,this.options.getItemKey,this.options.enabled,this.options.lanes,this.options.laneAssignmentMode,this.options.gap],(t,s,o,i,l,a,u,d)=>(this.prevLanes!==void 0&&this.prevLanes!==a&&(this.lanesChangedFlag=!0),this.prevLanes=a,this.pendingMin=null,{count:t,paddingStart:s,scrollMargin:o,getItemKey:i,enabled:l,lanes:a,laneAssignmentMode:u,gap:d}),{key:!1}),this.getMeasurements=De(()=>[this.getMeasurementOptions(),this.itemSizeCacheVersion],({count:t,paddingStart:s,scrollMargin:o,getItemKey:i,enabled:l,lanes:a,laneAssignmentMode:u,gap:d},f)=>{const p=this.itemSizeCache;if(!l)return this.measurementsCache=[],this.itemSizeCache.clear(),this.laneAssignments.clear(),[];if(this.laneAssignments.size>t)for(const g of this.laneAssignments.keys())g>=t&&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 m=this.lanesSettling?0:this.pendingMin??0;if(this.pendingMin=null,this.lanesSettling&&this.measurementsCache.length===t&&(this.lanesSettling=!1),a===1){const g=t*2;let x=this._flatMeasurements;if(!x||x.length<g){const M=new Float64Array(g);x&&m>0&&M.set(x.subarray(0,m*2)),x=M,this._flatMeasurements=x}let j;if(m===0)j=s+o;else{const M=m-1;j=x[M*2]+x[M*2+1]+d}for(let M=m;M<t;M++){const O=i(M),E=p.get(O),N=typeof E=="number"?E:this.options.estimateSize(M);x[M*2]=j,x[M*2+1]=N,j+=N+d}const C=Ho(t,x,i);return this.measurementsCache=C,C}const S=this.measurementsCache.slice(0,m),y=new Array(a).fill(void 0),I=new Float64Array(a);let R=0;for(let g=0;g<m;g++){const x=S[g];x&&(y[x.lane]===void 0&&R++,y[x.lane]=g,I[x.lane]=x.end)}for(let g=m;g<t;g++){const x=i(g),j=this.laneAssignments.get(g);let C,M;const O=u==="estimate"||p.has(x);if(j!==void 0&&this.options.lanes>1){C=j;const A=y[C],K=A!==void 0?S[A]:void 0;M=K?K.end+d:s+o}else if(R===a){let A=0,K=I[0],fe=y[0];for(let z=1;z<a;z++){const ee=I[z];(ee<K||ee===K&&y[z]<fe)&&(A=z,K=ee,fe=y[z])}C=A,M=K+d,O&&this.laneAssignments.set(g,C)}else C=g%this.options.lanes,M=s+o,O&&this.laneAssignments.set(g,C);const E=p.get(x),N=typeof E=="number"?E:this.options.estimateSize(g),P=M+N;S[g]={index:g,start:M,size:N,end:P,key:x,lane:C},y[C]===void 0&&R++,y[C]=g,I[C]=P}return this.measurementsCache=S,S},{key:!1,debug:()=>this.options.debug}),this.calculateRange=De(()=>[this.getMeasurements(),this.getSize(),this.getScrollOffset(),this.options.lanes],(t,s,o,i)=>t.length===0||s===0?(this.range=null,null):(this.range=ii(t,s,o,i,i===1&&this._flatMeasurements!=null?this._flatMeasurements:null),this.range),{key:!1,debug:()=>this.options.debug}),this.getVirtualIndexes=De(()=>{let t=null,s=null;const o=this.calculateRange();return o&&(t=o.startIndex,s=o.endIndex),this.maybeNotify.updateDeps([this.isScrolling,t,s]),[this.options.rangeExtractor,this.options.overscan,this.options.count,t,s]},(t,s,o,i,l)=>i===null||l===null?[]:t({startIndex:i,endIndex:l,overscan:s,count:o}),{key:!1,debug:()=>this.options.debug}),this.indexFromElement=t=>{const s=this.options.indexAttribute,o=t.getAttribute(s);return o?parseInt(o,10):(console.warn(`Missing attribute name '${s}={index}' on measured element.`),-1)},this.shouldMeasureDuringScroll=t=>{var s;if(!this.scrollState||this.scrollState.behavior!=="smooth")return!0;const o=this.scrollState.index??((s=this.getVirtualItemForOffset(this.scrollState.lastTargetOffset))==null?void 0:s.index);if(o!==void 0&&this.range){const i=Math.max(this.options.overscan,Math.ceil((this.range.endIndex-this.range.startIndex)/2)),l=Math.max(0,o-i),a=Math.min(this.options.count-1,o+i);return t>=l&&t<=a}return!0},this.measureElement=t=>{if(!t){this.elementsCache.forEach((l,a)=>{l.isConnected||(this.observer.unobserve(l),this.elementsCache.delete(a))});return}const s=this.indexFromElement(t),o=this.options.getItemKey(s),i=this.elementsCache.get(o);i!==t&&(i&&this.observer.unobserve(i),this.observer.observe(t),this.elementsCache.set(o,t)),(!this.isScrolling||this.scrollState)&&this.shouldMeasureDuringScroll(s)&&this.resizeItem(s,this.options.measureElement(t,void 0,this))},this.resizeItem=(t,s)=>{var o,i;if(t<0||t>=this.options.count)return;let l,a,u;const d=this._flatMeasurements;if(this.options.lanes===1&&d!==null)u=this.options.getItemKey(t),a=d[t*2],l=d[t*2+1];else{const m=this.measurementsCache[t];if(!m)return;u=m.key,a=m.start,l=m.size}const f=this.itemSizeCache.get(u)??l,p=s-f;if(p!==0){const m=this.options.anchorTo==="end"&&((o=this.scrollState)==null?void 0:o.behavior)!=="smooth"&&this.getVirtualDistanceFromEnd()<=this.options.scrollEndThreshold,S=m?this.getTotalSize():0,y=((i=this.scrollState)==null?void 0:i.behavior)!=="smooth"&&(this.shouldAdjustScrollPositionOnItemSizeChange!==void 0?this.shouldAdjustScrollPositionOnItemSizeChange(this.measurementsCache[t]??{index:t,key:u,start:a,size:l,end:a+l,lane:0},p,this):a<this.getScrollOffset()+this.scrollAdjustments&&(!this.itemSizeCache.has(u)||this.scrollDirection!=="backward"));(this.pendingMin===null||t<this.pendingMin)&&(this.pendingMin=t),this.itemSizeCache.set(u,s),this.itemSizeCacheVersion++,m?this.applyScrollAdjustment(this.getTotalSize()-S):y&&this.applyScrollAdjustment(p),this.notify(!1)}},this.getVirtualItems=De(()=>[this.getVirtualIndexes(),this.getMeasurements()],(t,s)=>{const o=[];for(let i=0,l=t.length;i<l;i++){const a=t[i],u=s[a];o.push(u)}return o},{key:!1,debug:()=>this.options.debug}),this.getVirtualItemForOffset=t=>{const s=this.getMeasurements();if(s.length===0)return;const o=this._flatMeasurements,i=this.options.lanes===1&&o!=null,l=ts(0,s.length-1,i?a=>o[a*2]:a=>Dt(s[a]).start,t);return Dt(s[l])},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 t=this.scrollElement.document.documentElement;return this.options.horizontal?t.scrollWidth-this.scrollElement.innerWidth:t.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=(t=this.options.scrollEndThreshold)=>this.getDistanceFromEnd()<=t,this.getOffsetForAlignment=(t,s,o=0)=>{if(!this.scrollElement)return 0;const i=this.getSize(),l=this.getScrollOffset();s==="auto"&&(s=t>=l+i?"end":"start"),s==="center"?t+=(o-i)/2:s==="end"&&(t-=i);const a=this.getMaxScrollOffset();return Math.max(Math.min(a,t),0)},this.getOffsetForIndex=(t,s="auto")=>{t=Math.max(0,Math.min(t,this.options.count-1));const o=this.getSize(),i=this.getScrollOffset(),l=this.measurementsCache[t];if(!l)return;if(s==="auto")if(l.end>=i+o-this.options.scrollPaddingEnd)s="end";else if(l.start<=i+this.options.scrollPaddingStart)s="start";else return[i,s];if(s==="end"&&t===this.options.count-1)return[this.getMaxScrollOffset(),s];const a=s==="end"?l.end+this.options.scrollPaddingEnd:l.start-this.options.scrollPaddingStart;return[this.getOffsetForAlignment(a,s,l.size),s]},this.scrollToOffset=(t,{align:s="start",behavior:o="auto"}={})=>{const i=this.getOffsetForAlignment(t,s),l=this.now();this.scrollState={index:null,align:s,behavior:o,startedAt:l,lastTargetOffset:i,stableFrames:0},this._scrollToOffset(i,{adjustments:void 0,behavior:o}),this.scheduleScrollReconcile()},this.scrollToIndex=(t,{align:s="auto",behavior:o="auto"}={})=>{t=Math.max(0,Math.min(t,this.options.count-1));const i=this.getOffsetForIndex(t,s);if(!i)return;const[l,a]=i,u=this.now();this.scrollState={index:t,align:a,behavior:o,startedAt:u,lastTargetOffset:l,stableFrames:0},this._scrollToOffset(l,{adjustments:void 0,behavior:o}),this.scheduleScrollReconcile()},this.scrollBy=(t,{behavior:s="auto"}={})=>{const o=this.getScrollOffset()+t,i=this.now();this.scrollState={index:null,align:"start",behavior:s,startedAt:i,lastTargetOffset:o,stableFrames:0},this._scrollToOffset(o,{adjustments:void 0,behavior:s}),this.scheduleScrollReconcile()},this.scrollToEnd=({behavior:t="auto"}={})=>{if(this.options.count>0){this.scrollToIndex(this.options.count-1,{align:"end",behavior:t});return}this.scrollToOffset(Math.max(this.getTotalSize()-this.getSize(),0),{behavior:t})},this.getTotalSize=()=>{var t;const s=this.getMeasurements();let o;if(s.length===0)o=this.options.paddingStart;else if(this.options.lanes===1){const i=s.length-1,l=this._flatMeasurements;l!=null?o=l[i*2]+l[i*2+1]:o=((t=s[i])==null?void 0:t.end)??0}else{const i=Array(this.options.lanes).fill(null);let l=s.length-1;for(;l>=0&&i.some(a=>a===null);){const a=s[l];i[a.lane]===null&&(i[a.lane]=a.end),l--}o=Math.max(...i.filter(a=>a!==null))}return Math.max(o-this.options.scrollMargin+this.options.paddingEnd,0)},this.takeSnapshot=()=>{const t=[];if(this.itemSizeCache.size===0)return t;const s=this.getMeasurements();for(const o of s)o&&this.itemSizeCache.has(o.key)&&t.push({index:o.index,key:o.key,start:o.start,size:o.size,end:o.end,lane:o.lane});return t},this._scrollToOffset=(t,{adjustments:s,behavior:o})=>{this._intendedScrollOffset=t+(s??0),this.options.scrollToFn(t,{behavior:o,adjustments:s},this)},this.measure=()=>{this.pendingMin=null,this.itemSizeCache.clear(),this.laneAssignments.clear(),this.itemSizeCacheVersion++,this.notify(!1)},this.setOptions(n)}applyScrollAdjustment(n,t){n!==0&&(It()&&(this.isScrolling||this._iosTouching||this._iosJustTouchEnded)?this._iosDeferredAdjustment+=n:(this._scrollToOffset(this.getScrollOffset(),{adjustments:this.scrollAdjustments+=n,behavior:t}),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 s=this.scrollState.index!=null?this.getOffsetForIndex(this.scrollState.index,this.scrollState.align):void 0,o=s?s[0]:this.scrollState.lastTargetOffset,i=1,l=o!==this.scrollState.lastTargetOffset;if(!l&&Uo(o,this.getScrollOffset())){if(this.scrollState.stableFrames++,this.scrollState.stableFrames>=i){this.getScrollOffset()!==o&&this._scrollToOffset(o,{adjustments:void 0,behavior:"auto"}),this.scrollState=null;return}}else if(this.scrollState.stableFrames=0,l){const a=this.getSize()||600,u=Math.abs(o-this.getScrollOffset()),d=this.scrollState.behavior==="smooth"&&u>a;this.scrollState.lastTargetOffset=o,d||(this.scrollState.behavior="auto"),this._scrollToOffset(o,{adjustments:void 0,behavior:d?"smooth":"auto"})}this.scheduleScrollReconcile()}}const ts=(e,n,t,s)=>{for(;e<=n;){const o=(e+n)/2|0,i=t(o);if(i<s)e=o+1;else if(i>s)n=o-1;else return o}return e>0?e-1:0};function oi(e,n,t){let s=0;for(;s<=n;){const o=(s+n)/2|0,i=e[o*2];if(i<t)s=o+1;else if(i>t)n=o-1;else return o}return s>0?s-1:0}function ii(e,n,t,s,o){const i=e.length-1;if(e.length<=s)return{startIndex:0,endIndex:i};if(s===1&&o!==null){const d=oi(o,i,t);let f=d;const p=t+n;for(;f<i&&o[f*2]+o[f*2+1]<p;)f++;return{startIndex:d,endIndex:f}}let a=ts(0,i,d=>e[d].start,t),u=a;if(s===1)for(;u<i&&e[u].end<t+n;)u++;else if(s>1){const d=Array(s).fill(0);for(;u<i&&d.some(p=>p<t+n);){const p=e[u];d[p.lane]=p.end,u++}const f=Array(s).fill(t+n);for(;a>=0&&f.some(p=>p>=t);){const p=e[a];f[p.lane]=p.start,a--}a=Math.max(0,a-a%s),u=Math.min(i,u+(s-1-u%s))}return{startIndex:a,endIndex:u}}const Ct=typeof document<"u"?c.useLayoutEffect:c.useEffect;function ri({useFlushSync:e=!0,directDomUpdates:n=!1,directDomUpdatesMode:t="transform",...s}){const o=c.useReducer(d=>d+1,0)[1],i=c.useRef({enabled:n,mode:t,container:null,lastSize:null,lastPositions:new WeakMap,prevRange:null});i.current.enabled=n,i.current.mode=t;const l=d=>{const f=i.current;if(!f.enabled||!f.container)return;const p=d.getTotalSize();if(p!==f.lastSize){f.lastSize=p;const g=d.options.horizontal?"width":"height";f.container.style[g]=`${p}px`}const m=!!d.options.horizontal,S=f.mode==="transform",y=m?"left":"top",I=d.options.scrollMargin,R=d.getVirtualItems();for(const g of R){const x=g.start-I,j=d.elementsCache.get(g.key);j&&f.lastPositions.get(j)!==x&&(f.lastPositions.set(j,x),S?j.style.transform=m?`translate3d(${x}px, 0, 0)`:`translate3d(0, ${x}px, 0)`:j.style[y]=`${x}px`)}},a={...s,onChange:(d,f)=>{var p;const m=i.current;let S=!0;if(m.enabled){l(d);const y=d.range,I=m.prevRange;S=!I||I.isScrolling!==d.isScrolling||I.startIndex!==y?.startIndex||I.endIndex!==y?.endIndex,S&&(m.prevRange=y?{startIndex:y.startIndex,endIndex:y.endIndex,isScrolling:d.isScrolling}:null)}S&&(e&&f?Es.flushSync(o):o()),(p=s.onChange)==null||p.call(s,d,f)}},[u]=c.useState(()=>{const d=new ni(a);return Object.assign(d,{containerRef:f=>{const p=i.current;if(p.container=f,p.lastSize=null,f&&p.enabled){const m=d.getTotalSize();p.lastSize=m;const S=d.options.horizontal?"width":"height";f.style[S]=`${m}px`}}})});return u.setOptions(a),Ct(()=>u._didMount(),[]),Ct(()=>u._willUpdate()),Ct(()=>{l(u)}),u}function ai(e){return ri({observeElementRect:Go,observeElementOffset:Zo,scrollToFn:si,...e})}const Et=e=>e.query?`matching "${e.query}"`:e.from?`from "${e.from}"`:"matching your search",li=e=>`Select all ${Et(e)}`,ci=(e,n)=>`All ${Gn(n)} ${Et(e)} selected`,ui=({verb:e,confirmingDelete:n,hasSelection:t,junkMailboxId:s,currentMailboxId:o,deletableMessageId:i})=>{if(n)return{kind:"withheld"};if(e==="junk"){const l=Ys(s,o);if(l!==void 0)return{kind:"unavailable",reason:l}}return t?{kind:"openWizard"}:e!=="delete"||i===void 0?{kind:"declined"}:{kind:"confirmDelete",messageId:i}},di=(e,n,t)=>e==="BACK"&&n&&t===void 0,hi=(e,n)=>({id:e.messageId,accountId:e.accountId,mailboxId:e.mailboxId,threadId:e.threadId,fromName:e.fromName??e.fromEmail??"Unknown",fromEmail:e.fromEmail??"",subject:e.subject??"(No subject)",snippet:e.snippet??"",timeLabel:qe(e.sentDate),isRead:e.isRead,hasAttachment:e.hasAttachment,starred:e.hasStars===!0,trust:e.senderTrust,category:Ut(e.category),messageCount:n,suspicious:e.authenticity?.dkimMismatch===!0,labels:e.labels}),fi=({thread:e,mailboxId:n,isSelected:t,isFocused:s,isTabStop:o,onFocusRow:i,isChecked:l,onToggleCheck:a,onRowSelect:u,messageCount:d,isMultiSelectMode:f,onLongPress:p,isDesktop:m,density:S})=>r.jsx(Xs,{thread:hi(e,d),link:{mailboxId:n,threadId:e.threadId},inListbox:!0,active:t,focused:s,isTabStop:o,density:S,isDesktop:m,onFocusRow:i,selection:{isChecked:l,onToggleCheck:a,onRowSelect:u,isMultiSelectMode:f,onLongPress:p}}),mi=c.memo(fi),gi=e=>{const n=e.authenticity?.dkimMismatch===!0;return{id:e.messageId,accountId:e.accountId,fromName:e.fromName??e.fromEmail??"Unknown",fromEmail:e.fromEmail??"",subject:e.subject??"(No subject)",snippet:e.snippet??"",timeLabel:qe(e.sentDate),isRead:e.isRead,hasAttachment:e.hasAttachment,starred:e.hasStars===!0,trust:e.senderTrust,category:Ut(e.category),suspicious:n}},pi=({thread:e,mailboxId:n,isSelected:t,isFocused:s,isTabStop:o,onFocusRow:i,isChecked:l,onToggleCheck:a,onRowSelect:u,isMultiSelectMode:d,onLongPress:f,isDesktop:p,onDelete:m,onToggleRead:S,density:y})=>{const[I,R]=c.useState("none"),g=Ue(),x=Qe(),j=c.useCallback(N=>{navigator.vibrate?.(10),N==="trailing"?m(e.messageId):S(e.messageId,e.isRead),R("none")},[m,S,e.messageId,e.isRead]),C=c.useCallback(()=>{f(e.messageId)},[f,e.messageId]),M=c.useCallback(()=>{a(e.messageId)},[a,e.messageId]),O=c.useCallback(()=>{g({to:"/mail/$mailboxId/$threadId/$messageId",params:{mailboxId:n,threadId:e.threadId,messageId:e.messageId},search:N=>N,hash:x})},[g,x,n,e.threadId,e.messageId]),E=Zs(e.messageId,u);return p||d?r.jsx(mi,{thread:e,mailboxId:n,isSelected:t,isFocused:s,isTabStop:o,onFocusRow:i,isChecked:l,onToggleCheck:a,onRowSelect:u,isMultiSelectMode:d,onLongPress:f,isDesktop:p,density:y}):r.jsx("div",{role:"presentation",onPointerDownCapture:E.onMouseDown,onClickCapture:E.claimClick,onContextMenu:E.onContextMenu,children:r.jsx(Hn,{thread:gi(e),selectionMode:!1,checked:!1,active:t,peek:I,onPeek:R,onToggleCheck:M,onLongPress:C,onOpen:O,onAct:j})})},xi=72,bi=32,vi=5,ss="remit:list-density",Si=()=>{try{const e=localStorage.getItem(ss);if(e==="compact"||e==="comfortable")return e}catch{}return"comfortable"},yi=({query:e})=>r.jsxs("div",{className:"flex items-center gap-2 px-3 py-2 border-b border-line bg-surface-sunken/30",children:[r.jsx(Ds,{className:"size-4 text-fg-muted"}),r.jsxs("span",{className:"text-sm text-fg-muted",children:["Results for “",e,"”"]})]}),Ii=({mailboxId:e,threads:n,selectedMessageId:t,isLoading:s,isError:o=!1,error:i,onRetry:l,searchQuery:a,searchPredicate:u,onDeleteMessages:d,isDeleting:f=!1,isMoving:p=!1,onLoadMore:m,hasMore:S=!1,isLoadingMore:y=!1,accountId:I,listTitle:R,listMeta:g,listFilter:x,listScopeLabel:j,onTriageContextChange:C,commandsRef:M,hideHeader:O=!1})=>{const E=c.useRef(null),N=Ue(),P=Qe(),A=co(),K=As(),{verb:fe,start:z,startFromSearch:ee}=K,Te=Os(),ne=!!a?.trim(),G=en(),{labels:Ee}=ro(I),{pushError:re}=Ns(),[k,ye]=c.useState(t),[Ie,V]=c.useState(),H=c.useCallback(h=>{V(b=>b===h?b:void 0),ye(h)},[]),[me,Ce]=c.useState(Si),we=c.useCallback(()=>{Ce(h=>{const b=h==="comfortable"?"compact":"comfortable";try{localStorage.setItem(ss,b)}catch{}return b})},[]),{toggleReadFor:Ae}=qt({mailboxId:e}),{junkMailboxId:ge}=Qt(I),_e=Jt(ge,e),U=c.useMemo(()=>[{accountId:I,mailboxId:e}],[I,e]),_=tn(U),{selectedIds:Q,selectedCount:q,hasSelection:te,isSelected:oe,toggle:F,select:ke,clearSelection:pe,selectRange:Oe,setAnchor:Ne,selectAll:Le,toggleAll:ae,intersectWith:Je}=sn(),Pe=pn(q,A),[Y,T]=c.useState(null),Ge=ne&&!!u,$e=`${e}|${JSON.stringify(u??{})}`,w=nn({mailboxId:e,accountId:I,enabled:Ge,predicateKey:$e,searchQuery:u??{}}),Ye=c.useCallback((h,b,he)=>{const W=on(h,b,he,_);W&&re(W)},[re,_]),Xe=w.phase.kind,Be=w.clear,L=c.useCallback(()=>{Xe==="escalated"&&Be(),pe()},[pe,Be,Xe]),[Ze,le]=c.useState(null),xe=c.useRef(null),ce=c.useRef(!1),ze=c.useRef(null),je=!s&&n.length>0,Fe=Y!==null,be=ai({count:n.length,getScrollElement:()=>E.current,estimateSize:()=>me==="compact"?bi:xi,overscan:vi}),ve=t?n.findIndex(h=>h.messageId===t):-1,X=k?n.findIndex(h=>h.messageId===k):-1,Z=c.useCallback(h=>{if(h<0||h>=n.length)return;const b=n[h];if(Pe){F(b.messageId);return}xe.current=b.messageId,ce.current=!1,V(b.messageId),ye(b.messageId)},[n,Pe,F]),et=c.useCallback(()=>{if(n.length===0)return;const h=X<0?0:Math.min(X+1,n.length-1);Z(h)},[n.length,X,Z]),We=c.useCallback(()=>{if(n.length===0)return;const h=X<=0?0:X-1;Z(h)},[n.length,X,Z]),Ke=c.useCallback(()=>Z(0),[Z]),Se=c.useCallback(()=>Z(n.length-1),[Z,n.length]),Me=c.useCallback(()=>{k&&F(k)},[k,F]),D=c.useMemo(()=>n.map(h=>h.messageId),[n]),mt=c.useMemo(()=>{const h=[];for(const b of n)Q.has(b.messageId)&&h.push({id:b.messageId,sender:b.fromName??b.fromEmail??"Unknown",email:b.fromEmail??"",subject:b.subject??"(No subject)",date:qe(b.sentDate),accountId:I});return h},[n,Q,I]),gt=c.useCallback((h,b)=>b.shiftKey?(Oe(D,h,k),!0):b.metaKey||b.ctrlKey?(F(h),!0):(L(),Ne(h),!1),[D,k,Oe,F,L,Ne]),tt=c.useCallback(h=>{!d||h.length===0||(ze.current=k??null,T(h))},[d,k]),se=c.useCallback(h=>{const b=rn(D,k,h);b!==void 0&&(Oe(D,b),xe.current=b,ce.current=!1,V(void 0),ye(b))},[D,k,Oe]),st=c.useCallback(()=>se(-1),[se]),nt=c.useCallback(()=>se(1),[se]),ot=c.useCallback(()=>{D.length>0&&Le(D)},[D,Le]),it=c.useCallback(h=>{const b=ui({verb:h,confirmingDelete:Y!==null,hasSelection:te,junkMailboxId:ge,currentMailboxId:e,deletableMessageId:d?k:void 0});return b.kind==="openWizard"?(z(h),!0):b.kind==="confirmDelete"?(tt([b.messageId]),!0):b.kind==="unavailable"?(re({severity:"warning",title:b.reason}),!0):b.kind==="withheld"},[Y,d,te,ge,e,z,k,tt,re]),ue=c.useCallback((h,b)=>{const he=n.find(W=>W.messageId===h)?.threadId;he&&N({to:"/mail/$mailboxId/$threadId/$messageId",params:{mailboxId:e,threadId:he,messageId:h},search:W=>W,hash:P,replace:b?.replace})},[N,P,e,n]),rt=c.useCallback(()=>{k&&ue(k)},[k,ue]),pt=c.useCallback(h=>ue(h,{replace:!0}),[ue]);an({keyboardFocusedMessageId:Ie,openMessageId:t,enabled:A&&q===0,open:pt});const de=w.phase.kind==="escalated"?{scope:Et(u??{}),total:w.phase.total,searchQuery:u??{},run:h=>w.runAction(h),stop:w.stop}:void 0,at=c.useCallback(()=>{if(!Y)return;const h=Y;if(h.length===0){T(null);return}const b=new Set(h),he=n.findIndex(J=>b.has(J.messageId));let W;for(let J=he+1;J<n.length;J++)if(!b.has(n[J].messageId)){W=n[J].messageId;break}if(W===void 0){for(let J=he-1;J>=0;J--)if(!b.has(n[J].messageId)){W=n[J].messageId;break}}d?.(h),L(),ze.current=null,T(null),W!==void 0&&(xe.current=W,ce.current=!1,H(W),A&&ue(W,{replace:!0})),A||le(ln("delete",h.length,_))},[Y,n,d,L,ue,A,H,_]),lt=c.useCallback(()=>{const h=ze.current;ze.current=null,T(null),h!==null&&(xe.current=h,ce.current=!1,H(h))},[H]),Ve=c.useMemo(()=>{if(q===0)return;const h=new Set;for(const b of n)Q.has(b.messageId)&&h.add(b.accountConfigId);if(h.size>1)return"Move only works within one account — clear selection or pick messages from a single account"},[q,Q,n]),xt=c.useCallback(()=>{if(de){ee();return}z("organize")},[de,ee,z]),bt=c.useCallback(h=>{d?.([h])},[d]),ct=c.useCallback((h,b)=>{Ae([h],!b)},[Ae]),vt=c.useCallback(h=>{A||ke(h)},[A,ke]),v=c.useCallback(()=>{if(w.isRunning||w.phase.kind==="counting"){w.stop();return}L()},[w,L]),$=c.useCallback(()=>{w.clear()},[w]);c.useEffect(()=>{if(ce.current||!A&&t)return;const h=X>=0?X:ve;h>=0&&be.scrollToIndex(h,{align:"auto"})},[X,ve,be,A,t]),c.useEffect(()=>{t&&(ce.current=!1,H(t))},[t,H]),c.useEffect(()=>{k&&(n.some(h=>h.messageId===k)||H(n[0]?.messageId))},[n,k,H]),c.useEffect(()=>{C?.({focusedMessageId:k,selectedIds:Array.from(Q),hasList:je,blocksKeyboard:Fe||K.isOpen})},[k,Q,je,Fe,K.isOpen,C]);const B=c.useRef(C);B.current=C,c.useEffect(()=>()=>B.current?.({focusedMessageId:void 0,selectedIds:[],hasList:!1,blocksKeyboard:!1}),[]),c.useEffect(()=>{w.phase.kind!=="idle"||w.isRunning||Je(n.map(h=>h.messageId))},[n,Je,w.phase,w.isRunning]);const At=c.useRef(e);c.useEffect(()=>{At.current!==e&&(At.current=e,L())},[e,L]),cn({shouldBlockFn:({action:h})=>di(h,te,Te)?(L(),!0):!1,enableBeforeUnload:!1,disabled:!te||Te!==void 0}),c.useEffect(()=>{const h=E.current;if(!h||!S||!m)return;const b=()=>{if(y)return;const{scrollTop:he,scrollHeight:W,clientHeight:J}=h;he+J>=W-200&&m()};return h.addEventListener("scroll",b,{passive:!0}),b(),()=>h.removeEventListener("scroll",b)},[S,y,m]),c.useEffect(()=>{const h=xe.current;if(!h)return;const b=E.current?.querySelector(`[data-message-id="${h}"]`);b&&(xe.current=null,b.focus({preventScroll:!0}))}),c.useEffect(()=>{if(M){if(!je){M.current=null;return}return M.current={focusNext:et,focusPrevious:We,focusFirst:Ke,focusLast:Se,openFocused:rt,toggleSelect:Me,extendSelectDown:nt,extendSelectUp:st,selectAll:ot,clearSelection:()=>te?(L(),!0):!1,requestVerb:it,toggleDensity:we},()=>{M.current=null}}},[M,je,et,We,Ke,Se,rt,Me,nt,st,ot,te,L,it,we]);const Ot=s?"loading":o?"error":n.length===0?"empty":"ready",rs=o?io(i):void 0,as=c.useCallback(()=>{const h=zs(Fs());window.open(h,"_blank","noopener,noreferrer")},[]),ls=[{id:"inbox",threads:[]}],St=D.length>0&&D.every(h=>Q.has(h)),cs=Ge&&S&&St&&!f&&!p&&w.phase.kind==="idle"&&!w.isRunning,us=f||p||w.isRunning,yt=w.phase.kind==="escalated"?w.phase.total:q,ds=w.runningAction?un(w.runningAction.kind,w.progress?.done??0,w.progress?.total??yt):w.phase.kind==="counting"?"Counting matches…":w.phase.kind==="escalated"?ci(u??{},w.phase.total):void 0,hs=w.phase.kind!=="escalated"&&D.length>0?{checked:St,indeterminate:q>0&&!St,onChange:()=>ae(D)}:void 0,fs=w.runningAction?{value:w.progress?.done??0,max:w.progress?.total??yt,tone:dn(w.runningAction.kind)}:void 0,ms=(w.phase.kind==="counting"?{tone:"info",text:"",action:{label:"Stop",onClick:w.stop}}:w.phase.kind==="escalated"&&!w.isRunning?{tone:"info",text:"",action:{label:"Clear selection",onClick:$}}:cs?{tone:"info",text:"",action:{label:li(u??{}),onClick:w.escalate}}:void 0)??(Ve?{tone:"warning",text:Ve}:void 0),gs=r.jsx(hn,{title:G.title||R,navSlot:G.navSlot,titleMeta:G.titleMeta,searchSlot:G.searchSlot,searchField:G.searchField,idleSlot:G.makeFilterSlot,count:yt,onCancel:v,onDelete:()=>z("delete"),onMove:()=>z("move"),onOrganize:xt,onJunk:_e?()=>z("junk"):void 0,onMarkRead:()=>z("markRead"),overflowSlot:I&&e&&q>0&&Ee.length>0?r.jsx(uo,{accountId:I,mailboxId:e,messageIds:Array.from(Q)}):void 0,isBusy:us,isCounting:w.phase.kind==="counting",selectAll:hs,statusLabel:ds,progress:fs,notice:ms}),ps=fn(D,k),xs=c.useCallback(h=>{ce.current=!0,H(h)},[H]),bs=r.jsxs(r.Fragment,{children:[ne&&a&&r.jsx(yi,{query:a}),r.jsxs("div",{ref:E,role:"listbox","aria-multiselectable":!0,"aria-label":R,className:"flex-1 overflow-y-auto",children:[r.jsx("div",{role:"presentation",className:"relative w-full",style:{height:`${be.getTotalSize()}px`},children:be.getVirtualItems().map(h=>{const b=n[h.index];return r.jsx("div",{role:"presentation","data-index":h.index,ref:be.measureElement,className:Re("absolute left-0 top-0 w-full border-b border-line",w.isRunning&&"pointer-events-none opacity-50"),style:{transform:`translateY(${h.start}px)`},children:r.jsx(pi,{thread:b,mailboxId:e,isSelected:t===b.messageId,isFocused:k===b.messageId,isTabStop:ps===b.messageId,onFocusRow:xs,isChecked:oe(b.messageId),onToggleCheck:F,onRowSelect:gt,isMultiSelectMode:Pe,onLongPress:vt,isDesktop:A,onDelete:bt,onToggleRead:ct,density:me})},h.key)})}),y&&r.jsx(Un,{})]})]});return r.jsxs(r.Fragment,{children:[Ze&&!A&&r.jsx(kt,{tone:"success",variant:"soft",className:"m-2 rounded-md",onDismiss:()=>le(null),children:Ze}),r.jsx(qn,{listTitle:R,listMeta:g,sections:ls,flatList:!0,listState:G.searchResults?"ready":Ot,searchQuery:ne?a:void 0,listFilter:x,listScopeLabel:j,errorMessage:rs,onRetry:l,onReportError:as,density:me,selectedThreadId:t,onSelectThread:h=>ue(h),isDesktop:A,hideHeader:O,selectionBar:gs,listBody:G.searchResults??(Ot==="ready"?bs:void 0)}),r.jsx(mn,{isOpen:Y!==null,count:Y?.length??0,outcome:_,isDeleting:f,onConfirm:at,onCancel:lt}),r.jsx(gn,{verb:fe,accountId:I,mailboxId:e,selection:mt,selectionRestriction:Ve?"spansAccounts":void 0,escalated:de,escalatedProgress:w.progress,onFinished:L,onRunEnded:Ye})]})},Ci=e=>Ls({path:{accountId:e}}),wi=e=>{const n=$t(),t=Mt(),s=Bt({..._s(),onSuccess:()=>{t.recordEvent("sync.triggered"),n.invalidateQueries({queryKey:Ci(e)})}});return{trigger:()=>{s.mutate({path:{accountId:e}})},triggerAsync:()=>s.mutateAsync({path:{accountId:e}}),isPending:s.isPending,error:s.error,reset:s.reset}},ki=({accountId:e,children:n})=>{const{triggerAsync:t,isPending:s}=wi(e);return r.jsx(wo,{onRefresh:t,isRefreshing:s,children:n})};function ji({accountId:e,currentMailboxId:n,candidates:t,onMove:s,children:o}){const[i,l]=c.useState(!1),a=Mt(),u=po(),{inboxMailboxId:d}=xn(e),f=bn(e),{data:p}=jt({...Ps({path:{accountId:e}}),staleTime:1/0}),m=c.useMemo(()=>xo({mailboxes:p?.items??[],folderAppointments:f,currentMailboxId:n,translator:u}),[p?.items,f,n,u]),S=c.useMemo(()=>d||(m.find(x=>x.label.toLowerCase()==="inbox")?.id??m.find(x=>!x.isCurrent)?.id??""),[d,m]),y=c.useRef(!1);c.useEffect(()=>{y.current||(y.current=!0,vn(a,t.length))},[a,t.length]);const I=c.useCallback(()=>{Sn(a,t.length),l(!0)},[a,t.length]),R=c.useCallback((g,x)=>{yn(a,{selected:g.length,total:t.length,toInbox:x===d}),s(g,x)},[a,t.length,d,s]);return r.jsxs("div",{className:"relative flex h-full min-h-0 flex-col",children:[r.jsx("div",{className:"shrink-0 px-row-inset pt-2",children:r.jsx(jo,{count:t.length,onReview:I})}),r.jsx("div",{className:"min-h-0 flex-1",children:o}),r.jsx(_o,{open:i,candidates:t,defaultDestinationId:S,availableFolders:m,delimiter:bo(p?.items??[]),onConfirmMove:R,onCancel:()=>l(!1)})]})}const Mi="We can verify this sender";function Ri(e){const{data:n}=jt({...$s({path:{mailboxId:e??""},query:{senderTrust:["vip","wellknown"],dkimMismatch:!1,results:!0,limit:500}}),enabled:!!e,staleTime:6e4});return{candidates:(n?.items??[]).map(s=>({id:s.messageId,senderName:s.fromName||s.fromEmail||"Unknown sender",senderAddress:s.fromEmail??"",subject:s.subject||"(no subject)",snippet:s.snippet??"",trustReason:Mi,trustSubReason:In(s.senderTrust),senderTrust:s.senderTrust}))}}const Ti=e=>{const n=new Set,t=[];for(const s of e)n.has(s.threadMessageId)||(n.add(s.threadMessageId),t.push(s));return t},Ei={unread:"unread",flagged:"starred",attachment:"attachments"},Ai=new Set(Object.values(Io)),ns=e=>Ai.has(e),Oi=e=>ns(e.category)||e.attributes.size>0,Ni=e=>{const n={};ns(e.category)&&(n.category=[e.category]);for(const t of e.attributes){const s=Ei[t];s&&(n[s]=!0)}return n},zi=e=>(e.senderTrust?.length??0)>0||e.dkimMismatch!==void 0?"loaded-pages":"whole-folder",Fi=["category","unread","starred","attachments"],Lt=e=>JSON.stringify(Fi.map(n=>e?.[n]??null)),Di=e=>{if(!Array.isArray(e))return;const[n]=e;if(typeof n!="object"||n===null)return;const t=n.query;if(!(typeof t!="object"||t===null))return t},_i=(e,n)=>{const t=Di(e);return t?Lt(t)===Lt(n):!1},ut=e=>e[0],Li=e=>{const n=ut(e.filter(a=>a.type==="from").map(a=>a.value)),t=ut(e.filter(a=>a.type==="subject").map(a=>a.value)),s=ut(e.filter(a=>a.type==="category").map(a=>a.category)),o=ut(e.filter(a=>a.type==="isUnread"||a.type==="isRead").map(a=>a.type==="isUnread")),i=e.some(a=>a.type==="isStarred")?!0:void 0,l=e.some(a=>a.type==="hasAttachment")?!0:void 0;return{...n!==void 0?{from:n}:{},...t!==void 0?{subject:t}:{},...s!==void 0?{category:[s]}:{},...o!==void 0?{unread:o}:{},...i!==void 0?{starred:i}:{},...l!==void 0?{attachments:l}:{}}},Pi=(e,n)=>{switch(n.type){case"from":return e.from?.toLowerCase()===n.value.toLowerCase();case"subject":return e.subject?.toLowerCase()===n.value.toLowerCase();case"category":return e.category?.length===1&&e.category[0]===n.category;case"isUnread":return e.unread===!0;case"isRead":return e.unread===!1;case"isStarred":return e.starred===!0;case"hasAttachment":return e.attachments===!0;case"before":case"after":case"in":case"account":return!1}};function $i(e,n={}){const t=Li(e),s={...t,...n};return{params:t,residual:e.filter(o=>!Pi(s,o))}}function Bi(e,n,t){if(n.length===0)return e;const s=[...n];return e.filter(o=>{const i=Cn(o);return wn({...i,accountId:i.accountId??t},s)})}const Wi=50,Ki=new Map(Zt().categories.filter(e=>e.id!=="all").map(e=>[e.id,e.label])),os=c.createContext(null);function ft(){const e=c.useContext(os);if(!e)throw new Error("MailboxPane.* must be used inside <MailboxPane>");return e}function Vi({mailboxId:e,thread:n,children:t}){const s=Ue(),o=Qe(),i=n?.threadId,l=n?.messageId,a=Mt(),{accounts:u,searchQuery:d,onToggleIntelligence:f}=Wt(),p=Hs(),m=Co(d),S=m.length>0,{freeText:y,tokens:I}=Us(m,p),[R,g]=c.useState("all"),[x,j]=c.useState(new Set),C=c.useMemo(()=>({category:R,attributes:x}),[R,x]),M=c.useMemo(()=>Ni(C),[C]),O=S||Oi(C),{params:E,residual:N}=$i(I,M),P={order:"desc",limit:Wi,...y?{query:y}:{},...E,...M},A={category:P.category,unread:P.unread,starred:P.starred,attachments:P.attachments},K=O?Bs({path:{mailboxId:e},query:P}):Ws({path:{mailboxId:e},query:{order:"desc"}}),{data:fe,isLoading:z,isError:ee,error:Te,refetch:ne,fetchNextPage:G,hasNextPage:Ee,isFetchingNextPage:re}=Qn({queryKey:K,queryFn:async({pageParam:v})=>{if(O){const{data:B}=await Ks({path:{mailboxId:e},query:{...P,continuationToken:v},throwOnError:!0});return B}const{data:$}=await Vs({path:{mailboxId:e},query:{order:"desc",continuationToken:v},throwOnError:!0});return $},initialPageParam:void 0,getNextPageParam:v=>v.continuationToken,placeholderData:(v,$)=>_i($?.queryKey,A)?v:void 0}),{accountId:k,isLoading:ye}=kn(e),Ie=vo({accounts:u}),V=Bi(jn(Ti(fe?.pages.flatMap(v=>v.items??[])??[])),N,k),H=c.useCallback(v=>{g(v)},[]),me=c.useCallback(v=>{j($=>{const B=new Set($);return B.has(v)?B.delete(v):B.add(v),B})},[]),Ce=c.useCallback(()=>{g("all"),j(new Set)},[]),we=Ki.get(R),Ae=we?{label:we,reach:N.length>0?"loaded-pages":zi(P),onClear:Ce}:void 0,ge=i?V.find(v=>v.messageId===l)??V.find(v=>v.threadId===i):void 0,_e=Mn(i,l),U=ge??_e,_=l??U?.messageId,Q=c.useMemo(()=>{if(i)return{threadId:i,mailboxId:U?.mailboxId??e,subject:U?.subject,messageId:_,authenticity:U?.authenticity}},[i,U,_,e]),q=c.useCallback(()=>{s({to:"/mail/$mailboxId",params:{mailboxId:e},search:v=>v,hash:o})},[e,s,o]),te=c.useCallback(v=>{s({to:"/mail/$mailboxId/$threadId/$messageId",params:{mailboxId:e,...v},search:$=>$,hash:o})},[e,s,o]),oe=c.useCallback(v=>{_&&v.includes(_)&&q()},[_,q]),{deleteMessages:F,isPending:ke}=Nt({mailboxId:e,onAfterOptimisticRemove:oe}),{moveMessages:pe,isPending:Oe}=zt({mailboxId:e,accountId:k,onAfterOptimisticRemove:oe}),Ne=c.useRef(null),Le=Rn(),{listCommandsRef:ae,onTriageContextChange:Je,focusedMessageId:Pe,selectedIds:Y}=Le,T=V.find(v=>v.messageId===Pe)??U,Ge=So({accounts:u})??0,$e=Tn({thread:U,mailboxId:e,accountId:k,onAfterOptimisticRemove:oe}),{draftsMailboxId:w}=En(k),Ye=w!==void 0&&w===e,{archiveMailboxId:Xe}=An(k),Be=On(),L=Zn(),Ze=c.useMemo(()=>eo(L,i,_),[L,i,_]),le=c.useMemo(()=>{if(T)return v=>L({threadId:T.threadId,messageId:T.messageId,mode:v})},[L,T]),xe=to(),ce=so(),ze=no(),je=c.useCallback(v=>v?Be(v):[],[Be]),{toggleStar:Fe}=Nn({threadId:T?.threadId??"",mailboxId:e}),{toggleReadFor:be}=qt({mailboxId:e,accountId:k}),{junkMailboxId:ve}=Qt(k),X=ve!=null&&ve===e,Z=Jt(ve,e),{candidates:et}=Ri(X?ve:void 0),{moveMessages:We}=zt({mailboxId:e,threadId:T?.threadId,accountId:k,onAfterOptimisticRemove:oe}),{deleteMessages:Ke}=Nt({mailboxId:e,threadId:T?.threadId,onAfterOptimisticRemove:oe}),{addressId:Se,address:Me}=zn(T),{updateFlags:D}=Fn({addressId:Se,senderEmail:T?.fromEmail??void 0}),mt=c.useCallback(()=>le?.("reply"),[le]),gt=c.useCallback(()=>le?.("reply-all"),[le]),tt=c.useCallback(()=>le?.("forward"),[le]),se=c.useCallback(()=>je(T),[je,T]),st=c.useCallback(()=>{if(ae.current?.requestVerb("delete"))return;const v=se();v.length>0&&Ke(v)},[ae,se,Ke]),nt=c.useCallback(()=>{if(ae.current?.requestVerb("junk")||!Z)return;const v=se();v.length!==0&&(Dn(a,{count:v.length,senderTrust:T?.senderTrust??"unknown",wasRescuable:T?_n(T):!1}),We(v,Z))},[ae,Z,se,We,a,T]),ot=c.useCallback(()=>{if(Y.length>0){const v=!(T?.hasStars??!1),$=new Set(Y);for(const B of V)$.has(B.messageId)&&B.hasStars!==v&&Fe(B.messageId,B.hasStars);return}T&&Fe(T.messageId,T.hasStars)},[Y,V,T,Fe]),it=c.useCallback(()=>{if(ae.current?.requestVerb("markRead"))return;const v=se();if(v.length===0)return;const $=!(T?.isRead??!1);be(v,$)},[ae,se,T,be]),ue=c.useCallback(()=>{if(!Se)return;const v=Me?.flags?.muted?.value!==!0;D({muted:{value:v}})},[Se,Me,D]),rt=c.useCallback(()=>{if(!Se)return;const v=Me?.flags?.vip?.value!==!0;D({vip:{value:v}})},[Se,Me,D]),pt=c.useCallback(()=>{Ne.current?.open()},[]),de=c.useCallback(v=>{s({to:v})},[s]),at=Ye?"drafts":Xe===e?"archive":ve===e?"junk":"inbox",lt=c.useRef("");c.useEffect(()=>{const v=lt.current;lt.current=m,m.length>0&&v.length===0&&a.recordEvent("search.submitted",{mailboxType:at})},[m,at,a]);const{goBack:Ve,nextMessageId:xt,previousMessageId:bt}=Ln({context:Le,orderedIds:V.map(v=>v.messageId),selectedMessageId:_,enabled:!xe&&!ce,onClose:q,handlers:{reply:mt,replyAll:gt,forward:tt,delete:st,toggleStar:ot,toggleRead:it,muteSender:ue,blockSender:U?pt:void 0,vipSender:rt,markJunk:nt,toggleIntelligence:U?()=>Ne.current?.toggle():void 0,compose:ze,goBrief:()=>de("/mail/brief"),goInbox:()=>de("/mail/brief"),goSent:()=>de("/mail/brief"),goFlagged:()=>de("/mail/flagged"),goSettings:()=>de("/settings")}}),ct=v=>{if(!v)return;const $=V.find(B=>B.messageId===v);return $?{threadId:$.threadId,messageId:v}:void 0},vt={mailboxId:e,selectedMessageId:_,selectedThread:U,conversation:Q,onOpenThread:te,threads:V,isLoading:z,isError:ee,error:Te,mailboxAccountId:k,mailboxAccountLoading:ye,mailboxName:Ie,unreadCount:Ge,isDraftsMailbox:Ye,isSpamFolder:X,rescueCandidates:et,filterCategory:R,filterAttributes:x,onSelectFilterCategory:H,onToggleFilterAttribute:me,onClearFilters:Ce,listFilter:Ae,onToggleIntelligence:f,intelligenceRef:Ne,handleDeselectIfRemoved:oe,searchPredicate:S&&N.length===0?P:void 0,onDeleteMessages:F,onMoveMessages:pe,isDeleting:ke,isMoving:Oe,onLoadMore:G,hasMore:Ee,isLoadingMore:re,onTriageContextChange:Je,listCommandsRef:ae,onRetry:()=>ne(),onReply:Ze,onToolbarDelete:$e.deleteThread,onToolbarStar:$e.toggleStar,onToolbarMove:$e.moveThread,onBack:Ve,nextThread:ct(xt),previousThread:ct(bt)};return r.jsx(os.Provider,{value:vt,children:t})}function is(){const{mailboxId:e,selectedMessageId:n,threads:t,isLoading:s,isError:o,error:i,onDeleteMessages:l,onMoveMessages:a,isDeleting:u,isMoving:d,onLoadMore:f,hasMore:p,isLoadingMore:m,mailboxAccountId:S,mailboxName:y,unreadCount:I,isDraftsMailbox:R,isSpamFolder:g,rescueCandidates:x,onTriageContextChange:j,listCommandsRef:C,onRetry:M,filterCategory:O,filterAttributes:E,onSelectFilterCategory:N,onToggleFilterAttribute:P,onClearFilters:A,listFilter:K,searchPredicate:fe}=ft(),{searchQuery:z,searchInput:ee,accounts:Te,resultFolderIndex:ne}=Wt(),G=yo(),Ee=Ue(),re=Qe(),k=y??"Inbox",ye=c.useMemo(()=>Zt(),[]),Ie=c.useMemo(()=>S?[S]:[],[S]),{hasNewMail:V}=Qs(),{state:H,errorMessage:me,refresh:Ce}=Js(Ie,{onSettled:M}),we=c.useMemo(()=>r.jsx(Gs,{state:H,onRefresh:Ce,label:`Refresh ${k}`,errorMessage:me,hasUpdate:V(Ie)}),[H,Ce,k,me,V,Ie]),Ae=c.useMemo(()=>t.map(F=>Kn(F,ne)),[t,ne]),{hits:ge,isLoading:_e}=ho({mailboxId:e,filterCategory:O}),U=c.useMemo(()=>Vn(ge,t.map(F=>F.threadId),ne),[ge,t,ne]),_=c.useCallback(F=>{const ke=F.threadId??t.find(pe=>pe.messageId===F.id)?.threadId;ke&&Ee({to:"/mail/$mailboxId/$threadId/$messageId",params:{mailboxId:F.mailboxId??e,threadId:ke,messageId:F.id},search:pe=>({...pe,q:ee||void 0}),hash:re})},[e,Ee,re,ee,t]);if(R&&S)return r.jsx(Vo,{mailboxId:e,accountId:S,selectedMessageId:n,imapThreads:t,title:y??"Drafts",unreadCount:I??void 0});const Q=r.jsx(Ii,{mailboxId:e,threads:t,selectedMessageId:n,isLoading:s,isError:o,error:i,onRetry:M,searchQuery:z,searchPredicate:fe,onDeleteMessages:l,isDeleting:u,isMoving:d,onLoadMore:f,hasMore:p,isLoadingMore:m,accountId:S,listTitle:k,listFilter:K,listScopeLabel:k,hideHeader:!0,onTriageContextChange:j,commandsRef:C}),q=Te[0]?.accountId,te=G==="phone"&&q?r.jsx(ki,{accountId:q,children:Q}):Q,oe=g&&x.length>0&&S?r.jsx(ji,{accountId:S,currentMailboxId:e,candidates:x,onMove:a,children:te}):te;return r.jsx(Jn,{title:k,unreadCount:I,preset:ye,selectedCategory:O,activeFilters:E,onSelectCategory:N,onToggleFilter:P,onClearFilters:A,searchResults:Ae,searchLoading:s,relatedResults:U,relatedLoading:_e,onSelectSearchResult:_,searchResultsInBody:!0,refreshControl:we,children:oe})}function Hi(){const{mailboxId:e,mailboxAccountId:n,mailboxAccountLoading:t,selectedThread:s,conversation:o,onReply:i,onToolbarDelete:l,onToolbarStar:a,onToolbarMove:u,handleDeselectIfRemoved:d,intelligenceRef:f}=ft(),p=!!o,m=Bn(o?.threadId);Gt(f,m);const S=c.useRef(null),{railFits:y,openRail:I}=m;c.useEffect(()=>{if(!y)return;const g=s?.messageId??null;g&&S.current!==g&&s?.authenticity?.dkimMismatch&&(S.current=g,I())},[y,I,s?.messageId,s?.authenticity?.dkimMismatch]);const R=o?r.jsx(Yt,{threadId:o.threadId,mailboxId:o.mailboxId,subject:o.subject,selectedMessageId:o.messageId,authenticity:o.authenticity,onOpenIntelligence:m.open}):r.jsx(qs,{});return r.jsxs(r.Fragment,{children:[r.jsxs("section",{className:"flex h-full w-full min-w-0 flex-col bg-canvas",children:[r.jsx(Wn,{hasThread:p,messageId:o?.messageId,intelligenceOpen:m.isShowing,canToggleIntelligence:m.canToggle,onToggleIntelligence:m.toggle,onReply:i?()=>i("reply"):void 0,onReplyAll:i?()=>i("reply-all"):void 0,onForward:i?()=>i("forward"):void 0,onDelete:p?l:void 0,onToggleStar:p?a:void 0,isStarred:s?.hasStars,moveContext:p&&n?{accountId:n,currentMailboxId:e,onMove:u}:void 0,moveContextLoading:t}),r.jsx("div",{className:"min-h-0 flex-1 overflow-hidden",children:R})]}),r.jsx(Xt,{isOpen:m.drawerOpen,onClose:m.closeDrawer,thread:s,mailboxId:e,accountId:n,onAfterOptimisticRemove:d})]})}function Ui(){const{mailboxId:e,mailboxAccountId:n,selectedThread:t,onToggleIntelligence:s,handleDeselectIfRemoved:o}=ft();return r.jsx($n,{onClose:s,thread:t,mailboxId:e,accountId:n,onAfterOptimisticRemove:o})}function qi(){const{mailboxId:e,mailboxAccountId:n,selectedThread:t,conversation:s,onOpenThread:o,onBack:i,nextThread:l,previousThread:a,handleDeselectIfRemoved:u,intelligenceRef:d}=ft(),f=Pn(s?.threadId??null);return Gt(d,f),s?r.jsxs(r.Fragment,{children:[r.jsx(Yt,{threadId:s.threadId,mailboxId:s.mailboxId,subject:s.subject,selectedMessageId:s.messageId,authenticity:s.authenticity,onBack:i,onOpenIntelligence:f.toggle,onSwipeNext:l?()=>o(l):void 0,onSwipePrevious:a?()=>o(a):void 0,mobileIntelligenceOpen:f.isOpen}),r.jsx(Xt,{isOpen:f.isOpen,onClose:f.close,thread:t,mailboxId:e,accountId:n,onAfterOptimisticRemove:u})]}):r.jsx(is,{})}const xr=Object.assign(Vi,{List:is,Reading:Hi,Intelligence:Ui,Phone:qi});export{xr as M};
@@ -1 +1 @@
1
- import{i as n,j as a,B as o}from"./index-D5pbxDcC.js";import{M as e}from"./menu-B0PhsBZP.js";function i(){const s=n();return!s||s.showNavPane?null:a.jsx(o,{variant:"ghost",size:"sm",icon:a.jsx(e,{className:"size-4"}),onClick:s.openNav,"aria-label":"Open folders",className:"-ml-1 shrink-0"})}export{i as N};
1
+ import{i as n,j as a,B as o}from"./index-BkI9e3vC.js";import{M as e}from"./menu-C4YTErYs.js";function i(){const s=n();return!s||s.showNavPane?null:a.jsx(o,{variant:"ghost",size:"sm",icon:a.jsx(e,{className:"size-4"}),onClick:s.openNav,"aria-label":"Open folders",className:"-ml-1 shrink-0"})}export{i as N};
@@ -1 +1 @@
1
- import{c as re,j as e,b as z,ac as V,ag as oe,r as i,at as he,aw as A,ad as F,n as xe,a7 as X,V as fe,ab as ye,s as Q,ax as Y,Q as ne,B as C,af as D,aa as ge,ae as ve,as as q,ap as be,I as je}from"./index-D5pbxDcC.js";import{K as Se}from"./kbd-BHiQtyd7.js";import{c as we}from"./account-form-helpers-DhckT_PN.js";import{M as ke}from"./mail-JrgTiZq-.js";const K=re("AtSign",[["circle",{cx:"12",cy:"12",r:"4",key:"4exip2"}],["path",{d:"M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8",key:"7n84p3"}]]);const Ce=re("Server",[["rect",{width:"20",height:"8",x:"2",y:"2",rx:"2",ry:"2",key:"ngkwjq"}],["rect",{width:"20",height:"8",x:"2",y:"14",rx:"2",ry:"2",key:"iecqi9"}],["line",{x1:"6",x2:"6.01",y1:"6",y2:"6",key:"16zg32"}],["line",{x1:"6",x2:"6.01",y1:"18",y2:"18",key:"nzw8ys"}]]);function Ne({url:t}){return e.jsxs("p",{className:"text-2xs text-fg-subtle",children:["Stored encrypted, used only to connect to your mail server."," ",t?e.jsx("a",{href:t,target:"_blank",rel:"noopener noreferrer",className:"text-accent underline",children:"How to create an app password"}):e.jsx("span",{children:"Check your provider's help for app password instructions."})]})}function Ee({raised:t,className:o,...s}){return e.jsx("div",{className:z("rounded-sm border border-line bg-surface",t?"bg-surface-raised shadow-sm":"",o),...s})}function J({value:t,defaultValue:o,onValueChange:s,...a}){return s?e.jsxs(V,{value:t,onChange:n=>s(n.target.value),...a,children:[e.jsx("option",{value:"tls",children:"TLS/SSL"}),e.jsx("option",{value:"starttls",children:"STARTTLS"}),e.jsx("option",{value:"none",children:"None (insecure)"})]}):e.jsxs(V,{defaultValue:o??t,...a,children:[e.jsx("option",{value:"tls",children:"TLS/SSL"}),e.jsx("option",{value:"starttls",children:"STARTTLS"}),e.jsx("option",{value:"none",children:"None (insecure)"})]})}function G(t){return{tls:t==="tls",startTls:t==="starttls"}}function Te({steps:t,activeStep:o}){return e.jsx("ol",{className:"flex items-center gap-1",children:t.map((s,a)=>{const n=a<o,r=a===o;return e.jsxs("li",{className:"flex items-center gap-1",children:[a>0&&e.jsx("span",{className:"h-px w-5 bg-line","aria-hidden":!0}),e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:z("flex size-5 items-center justify-center rounded-full text-2xs font-semibold tabular-nums",n&&"bg-accent text-accent-fg",r&&"bg-accent-soft text-accent ring-1 ring-accent",!n&&!r&&"bg-surface-sunken text-fg-subtle"),children:n?e.jsx(oe,{className:"size-3"}):a+1}),e.jsx("span",{className:z("hidden text-2xs sm:inline",r?"font-medium text-fg":"text-fg-subtle"),children:s})]})]},s)})})}function L({steps:t,activeStep:o,title:s,subtitle:a,children:n,footer:r,hideSteps:u}){return e.jsxs("div",{className:"flex min-h-dvh w-full flex-col items-center overflow-y-auto bg-canvas pb-[max(2rem,env(safe-area-inset-bottom,0px))] pl-[max(2rem,env(safe-area-inset-left,0px))] pr-[max(2rem,env(safe-area-inset-right,0px))] pt-[max(2rem,env(safe-area-inset-top,0px))] font-sans text-fg sm:pt-[30vh]",children:[!u&&e.jsx("div",{className:"mb-5 w-full max-w-xl",children:e.jsx(Te,{steps:t,activeStep:o})}),e.jsxs(Ee,{raised:!0,className:"w-full max-w-xl",children:[e.jsxs("div",{className:"px-5 pt-5",children:[e.jsx("h1",{className:"text-xl font-semibold text-fg",children:s}),a&&e.jsx("p",{className:"mt-1 text-sm text-fg-muted",children:a})]}),e.jsx("div",{className:"px-5 py-5",children:n}),r&&e.jsx("div",{className:"flex items-center justify-between gap-3 border-t border-line px-5 py-3",children:r})]})]})}const Pe="Coming soon — use IMAP for now.";function W({name:t,description:o,icon:s,comingSoon:a,selected:n,onSelect:r}){const[u,h]=i.useState(!1),c=()=>{if(r){r();return}a&&h(!0)};return e.jsxs("div",{className:"flex flex-col gap-1.5",children:[e.jsxs("button",{type:"button",onClick:c,"aria-disabled":a||void 0,className:z("flex flex-col items-start gap-2 rounded-sm border p-3 text-left transition-colors",n?"border-accent-2 bg-accent-2-soft":"border-line bg-surface hover:border-line-strong",a&&"opacity-55"),children:[e.jsx("span",{className:z("text-fg-muted",n&&"text-accent-2"),children:s}),e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-sm font-semibold text-fg",children:t}),a&&e.jsx("span",{className:"rounded-full bg-surface-sunken px-1.5 py-0.5 text-2xs text-fg-subtle",children:"soon"})]}),e.jsx("span",{className:"text-xs text-fg-subtle",children:o})]}),u&&e.jsx("p",{className:"text-2xs text-fg-subtle",children:Pe})]})}function Z({legend:t,badge:o,host:s,port:a,security:n,readOnly:r,onHostChange:u,onPortChange:h,onSecurityChange:c,hostPlaceholder:v,portPlaceholder:j}){const S=i.useId(),y=i.useId(),w=i.useId();return e.jsxs("fieldset",{children:[e.jsxs("legend",{className:"flex items-center gap-2 text-sm font-semibold text-fg",children:[t,o&&e.jsx(he,{tone:o.tone,children:o.label})]}),e.jsxs("div",{className:"mt-2 grid grid-cols-1 gap-3 sm:grid-cols-[1fr_6rem_8rem] sm:gap-2",children:[e.jsxs("div",{children:[e.jsx(A,{htmlFor:S,children:"Host"}),u?e.jsx(F,{id:S,readOnly:r,value:s,onChange:x=>u(x.target.value),placeholder:v}):e.jsx(F,{id:S,readOnly:r,defaultValue:s,placeholder:v})]}),e.jsxs("div",{children:[e.jsx(A,{htmlFor:y,children:"Port"}),h?e.jsx(F,{id:y,readOnly:r,value:a,onChange:x=>h(x.target.value),placeholder:j}):e.jsx(F,{id:y,readOnly:r,defaultValue:a,placeholder:j})]}),e.jsxs("div",{children:[e.jsx(A,{htmlFor:w,children:"Security"}),c?e.jsx(J,{id:w,value:n,onValueChange:c}):e.jsx(J,{id:w,defaultValue:n})]})]})]})}function _({label:t,detail:o,state:s}){return e.jsxs("div",{className:"flex items-start gap-3 py-2",children:[e.jsxs("span",{className:z("mt-0.5 flex size-5 shrink-0 items-center justify-center rounded-full text-2xs",s==="ok"&&"bg-positive text-accent-fg",s==="failed"&&"bg-danger text-accent-fg",s==="running"&&"border border-accent text-accent",s==="pending"&&"border border-line text-fg-subtle"),children:[s==="ok"&&e.jsx(oe,{className:"size-3"}),s==="failed"&&"!",s==="running"&&e.jsx("span",{className:"size-2 animate-pulse rounded-full bg-accent"})]}),e.jsxs("div",{className:"min-w-0",children:[e.jsx("div",{className:z("text-sm",s==="failed"?"font-medium text-danger":"text-fg"),children:t}),o&&e.jsx("div",{className:"mt-0.5 text-xs text-fg-subtle",children:o})]})]})}const Ie=(t,o)=>{const s=i.useRef(o);s.current=o,i.useEffect(()=>{if(!t)return;const a=()=>{document.visibilityState==="visible"&&s.current()};return document.addEventListener("visibilitychange",a),window.addEventListener("pageshow",a),()=>{document.removeEventListener("visibilitychange",a),window.removeEventListener("pageshow",a)}},[t])},Ae={"gmail.com":{imap:{host:"imap.gmail.com",port:993,security:"tls"},smtp:{host:"smtp.gmail.com",port:587,security:"starttls"},source:"provider-table"},"googlemail.com":{imap:{host:"imap.gmail.com",port:993,security:"tls"},smtp:{host:"smtp.gmail.com",port:587,security:"starttls"},source:"provider-table"},"outlook.com":{imap:{host:"outlook.office365.com",port:993,security:"tls"},smtp:{host:"smtp.office365.com",port:587,security:"starttls"},source:"provider-table"},"hotmail.com":{imap:{host:"outlook.office365.com",port:993,security:"tls"},smtp:{host:"smtp.office365.com",port:587,security:"starttls"},source:"provider-table"},"live.com":{imap:{host:"outlook.office365.com",port:993,security:"tls"},smtp:{host:"smtp.office365.com",port:587,security:"starttls"},source:"provider-table"},"msn.com":{imap:{host:"outlook.office365.com",port:993,security:"tls"},smtp:{host:"smtp.office365.com",port:587,security:"starttls"},source:"provider-table"},"icloud.com":{imap:{host:"imap.mail.me.com",port:993,security:"tls"},smtp:{host:"smtp.mail.me.com",port:587,security:"starttls"},source:"provider-table"},"me.com":{imap:{host:"imap.mail.me.com",port:993,security:"tls"},smtp:{host:"smtp.mail.me.com",port:587,security:"starttls"},source:"provider-table"},"mac.com":{imap:{host:"imap.mail.me.com",port:993,security:"tls"},smtp:{host:"smtp.mail.me.com",port:587,security:"starttls"},source:"provider-table"},"fastmail.com":{imap:{host:"imap.fastmail.com",port:993,security:"tls"},smtp:{host:"smtp.fastmail.com",port:465,security:"tls"},source:"provider-table"},"fastmail.fm":{imap:{host:"imap.fastmail.com",port:993,security:"tls"},smtp:{host:"smtp.fastmail.com",port:465,security:"tls"},source:"provider-table"},"yahoo.com":{imap:{host:"imap.mail.yahoo.com",port:993,security:"tls"},smtp:{host:"smtp.mail.yahoo.com",port:465,security:"tls"},source:"provider-table"},"yahoo.co.uk":{imap:{host:"imap.mail.yahoo.com",port:993,security:"tls"},smtp:{host:"smtp.mail.yahoo.com",port:465,security:"tls"},source:"provider-table"},"ymail.com":{imap:{host:"imap.mail.yahoo.com",port:993,security:"tls"},smtp:{host:"smtp.mail.yahoo.com",port:465,security:"tls"},source:"provider-table"},"aol.com":{imap:{host:"imap.aol.com",port:993,security:"tls"},smtp:{host:"smtp.aol.com",port:465,security:"tls"},source:"provider-table"},"zoho.com":{imap:{host:"imap.zoho.com",port:993,security:"tls"},smtp:{host:"smtp.zoho.com",port:465,security:"tls"},source:"provider-table"},"gmx.com":{imap:{host:"imap.gmx.com",port:993,security:"tls"},smtp:{host:"smtp.gmx.com",port:587,security:"starttls"},source:"provider-table"},"gmx.net":{imap:{host:"imap.gmx.net",port:993,security:"tls"},smtp:{host:"mail.gmx.net",port:587,security:"starttls"},source:"provider-table"},"gmx.de":{imap:{host:"imap.gmx.net",port:993,security:"tls"},smtp:{host:"mail.gmx.net",port:587,security:"starttls"},source:"provider-table"},"web.de":{imap:{host:"imap.web.de",port:993,security:"tls"},smtp:{host:"smtp.web.de",port:587,security:"starttls"},source:"provider-table"},"mail.com":{imap:{host:"imap.mail.com",port:993,security:"tls"},smtp:{host:"smtp.mail.com",port:465,security:"tls"},source:"provider-table"},"hey.com":{imap:{host:"imap.hey.com",port:993,security:"tls"},smtp:{host:"smtp.hey.com",port:465,security:"tls"},source:"provider-table"},"tutanota.com":{imap:{host:"mail.tutanota.com",port:993,security:"tls"},smtp:{host:"mail.tutanota.com",port:465,security:"tls"},source:"provider-table"},"tuta.io":{imap:{host:"mail.tutanota.com",port:993,security:"tls"},smtp:{host:"mail.tutanota.com",port:465,security:"tls"},source:"provider-table"},"posteo.de":{imap:{host:"posteo.de",port:993,security:"tls"},smtp:{host:"posteo.de",port:465,security:"tls"},source:"provider-table"},"runbox.com":{imap:{host:"imap.runbox.com",port:993,security:"tls"},smtp:{host:"smtp.runbox.com",port:587,security:"starttls"},source:"provider-table"},"mailbox.org":{imap:{host:"imap.mailbox.org",port:993,security:"tls"},smtp:{host:"smtp.mailbox.org",port:465,security:"tls"},source:"provider-table"},"hushmail.com":{imap:{host:"imap.hushmail.com",port:993,security:"tls"},smtp:{host:"smtp.hushmail.com",port:465,security:"tls"},source:"provider-table"}},Le={"gmail.com":"https://support.google.com/accounts/answer/185833","googlemail.com":"https://support.google.com/accounts/answer/185833","yahoo.com":"https://help.yahoo.com/kb/generate-manage-third-party-passwords-sln15241.html","icloud.com":"https://support.apple.com/en-us/102654","me.com":"https://support.apple.com/en-us/102654","mac.com":"https://support.apple.com/en-us/102654","fastmail.com":"https://www.fastmail.help/hc/en-us/articles/360058752854","fastmail.fm":"https://www.fastmail.help/hc/en-us/articles/360058752854","outlook.com":"https://support.microsoft.com/en-us/account-billing/manage-app-passwords-for-two-step-verification-d6dc8c6d-4bf7-4851-ad95-6d07799387e9","hotmail.com":"https://support.microsoft.com/en-us/account-billing/manage-app-passwords-for-two-step-verification-d6dc8c6d-4bf7-4851-ad95-6d07799387e9","zoho.com":"https://help.zoho.com/portal/en/kb/zoho-mail/client-configuration/imap-access/articles/zoho-mail-app-passwords"};function ae(t){try{const s=new DOMParser().parseFromString(t,"application/xml");if(s.querySelector("parsererror"))return null;const a=s.querySelectorAll("incomingServer[type='imap']"),n=s.querySelectorAll("outgoingServer[type='smtp']");if(!a.length||!n.length)return null;const r=a[0],u=n[0],h=r.querySelector("hostname")?.textContent?.trim(),c=r.querySelector("port")?.textContent?.trim(),v=r.querySelector("socketType")?.textContent?.trim().toUpperCase(),j=u.querySelector("hostname")?.textContent?.trim(),S=u.querySelector("port")?.textContent?.trim(),y=u.querySelector("socketType")?.textContent?.trim().toUpperCase();if(!h||!c||!j||!S)return null;const w=x=>x==="SSL"||x==="TLS"||x==="SSL/TLS"?"tls":x==="STARTTLS"?"starttls":"none";return{imap:{host:h,port:Number.parseInt(c,10),security:w(v)},smtp:{host:j,port:Number.parseInt(S,10),security:w(y)},source:"mozilla-autoconfig"}}catch{return null}}async function Me(t,o){try{const s=`https://autoconfig.thunderbird.net/v1.1/${t}`,a=await fetch(s,{signal:o});if(!a.ok)return null;const n=await a.text(),r=ae(n);return r||null}catch{return null}}async function Fe(t,o){try{const s=`https://autoconfig.${t}/mail/config-v1.1.xml`,a=await fetch(s,{signal:o});if(!a.ok)return null;const n=await a.text(),r=ae(n);return r?{...r,source:"domain-autoconfig"}:null}catch{return null}}function Re(t){return{imap:{host:`imap.${t}`,port:993,security:"tls"},smtp:{host:`smtp.${t}`,port:587,security:"starttls"},source:"heuristic"}}async function Oe(t,o=1500){const s=t.indexOf("@");if(s===-1)return null;const a=t.slice(s+1).toLowerCase();if(!a)return null;const n=Ae[a];if(n)return n;const r=new AbortController,u=setTimeout(()=>r.abort(),o);try{const h=await Me(a,r.signal);if(h)return h;const c=await Fe(a,r.signal);if(c)return c}finally{clearTimeout(u)}return Re(a)}function ze(t){const o=t.indexOf("@");return o===-1?"Looking up server settings…":`Looking up settings for ${t.slice(o+1)}…`}function ie(t){const o=t.indexOf("@");if(o===-1)return;const s=t.slice(o+1).toLowerCase();return Le[s]}const ce=[{id:"icloud",label:"iCloud",username:"full-email",imap:{host:"imap.mail.me.com",port:993,security:"tls"},smtp:{host:"smtp.mail.me.com",port:587,security:"starttls"},passwordHelp:{text:"iCloud requires an app-specific password, not your Apple ID password. Generate one under Sign-In & Security → App-Specific Passwords.",url:"https://support.apple.com/en-us/102654"}},{id:"yahoo",label:"Yahoo",username:"full-email",imap:{host:"imap.mail.yahoo.com",port:993,security:"tls"},smtp:{host:"smtp.mail.yahoo.com",port:465,security:"tls"},passwordHelp:{text:"Yahoo requires an app password, not your login password. Generate one under Account Security.",url:"https://help.yahoo.com/kb/generate-manage-third-party-passwords-sln15241.html"}},{id:"aol",label:"AOL",username:"full-email",imap:{host:"imap.aol.com",port:993,security:"tls"},smtp:{host:"smtp.aol.com",port:465,security:"tls"},passwordHelp:{text:"AOL requires an app password, not your login password. Generate one under Account Security.",url:"https://login.aol.com/account/security"}},{id:"fastmail",label:"Fastmail",username:"full-email",imap:{host:"imap.fastmail.com",port:993,security:"tls"},smtp:{host:"smtp.fastmail.com",port:465,security:"tls"},passwordHelp:{text:"Fastmail requires an app password, not your login password. Create one under Settings → Privacy & Security → App passwords.",url:"https://www.fastmail.help/hc/en-us/articles/360058752854"}}];function ee(t){return ce.find(o=>o.id===t)}const _e={"icloud.com":"icloud","me.com":"icloud","mac.com":"icloud","yahoo.com":"yahoo","yahoo.co.uk":"yahoo","ymail.com":"yahoo","aol.com":"aol","fastmail.com":"fastmail","fastmail.fm":"fastmail"};function He(t){const o=t.indexOf("@");if(o===-1)return"";const s=t.slice(o+1).toLowerCase();return _e[s]??""}const M=["Connector","Address","Servers","Credentials","Test","Sync"],R={connector:0,address:1,servers:2,credentials:3,test:4,sync:5},te={host:"",port:993,security:"tls"},se={host:"",port:587,security:"starttls"};function $e({onStart:t}){return i.useEffect(()=>{const o=s=>{s.key==="Enter"&&t()};return window.addEventListener("keydown",o),()=>window.removeEventListener("keydown",o)},[t]),e.jsx(L,{steps:M,activeStep:0,hideSteps:!0,title:"Welcome to Remit",subtitle:"One inbox for all your mail, with context about every message.",footer:e.jsxs(e.Fragment,{children:[e.jsxs("span",{className:"text-2xs text-fg-subtle",children:[e.jsx(Se,{children:"Enter"})," to continue"]}),e.jsx(C,{variant:"primary",onClick:t,children:"Add your first account"})]}),children:e.jsxs("div",{className:"flex flex-col items-start py-5",children:[e.jsx("span",{className:"flex size-14 items-center justify-center rounded-md bg-accent-soft",children:e.jsx(ke,{className:"size-7 text-accent"})}),e.jsx("p",{className:"mt-5 max-w-sm text-sm leading-relaxed text-fg-muted",children:"Remit syncs your existing mailboxes and tells you who is really writing to you — sender history, authenticity checks, and similar messages, right next to every email."})]})})}function De({onContinue:t,onMicrosoft:o,onBack:s,showBack:a}){const[n,r]=i.useState("imap");i.useEffect(()=>{const h=c=>{c.key==="Enter"&&(n==="microsoft"?o():t()),c.key==="Escape"&&s()};return window.addEventListener("keydown",h),()=>window.removeEventListener("keydown",h)},[t,o,s,n]);const u=()=>{n==="microsoft"?o():t()};return e.jsx(L,{steps:M,activeStep:R.connector,title:"How does this account connect?",subtitle:"Choose a sign-in method. IMAP works with any provider.",footer:e.jsxs(e.Fragment,{children:[a?e.jsx(C,{variant:"ghost",onClick:s,children:"Back"}):e.jsx("span",{}),e.jsx(C,{variant:"primary",onClick:u,children:n==="microsoft"?"Continue with Microsoft":"Continue with IMAP"})]}),children:e.jsxs("div",{className:"grid grid-cols-1 gap-3 sm:grid-cols-3",children:[e.jsx(W,{name:"IMAP / SMTP",description:"Any mail provider — Fastmail, iCloud, your own server.",icon:e.jsx(Ce,{className:"size-5"}),selected:n==="imap",onSelect:()=>r("imap")}),e.jsx(W,{name:"Gmail",description:"Sign in with Google. No app passwords.",icon:e.jsx(K,{className:"size-5"}),comingSoon:!0}),e.jsx(W,{name:"Outlook / Microsoft 365",description:"Sign in with Microsoft. Works with Outlook.com and work accounts.",icon:e.jsx(je,{className:"size-5"}),selected:n==="microsoft",onSelect:()=>r("microsoft")})]})})}function qe({onBack:t,onConnected:o}){const[s,a]=i.useState(""),[n,r]=i.useState(null),[u,h]=i.useState(!1),[c,v]=i.useState(!1),j=i.useRef(!0);i.useEffect(()=>(j.current=!0,()=>{j.current=!1}),[]);const S=i.useRef(new Set),{refetch:y}=Q(ne()),w=X({...be(),onSuccess:p=>{j.current&&(h(!0),window.location.assign(p.authorizationUrl))},onError:p=>{v(!1),r(p instanceof Error?p.message:"Failed to start sign-in")}});Ie(u,i.useCallback(()=>{v(!1),y().then(({data:p,isError:m})=>{if(!j.current)return;if(m||!p){r("Couldn't check whether the sign-in finished. Open Settings › Accounts to see whether the account is connected.");return}r(null);const N=p.accounts.find(b=>!S.current.has(b.accountId));N&&o(N.accountId)})},[y,o]));const x=c||w.isPending,f=()=>{x||(r(null),v(!0),y().then(({data:p,isError:m})=>{if(j.current){if(m||!p){v(!1),r("Couldn't read this instance's accounts, so sign-in can't be tracked. Check your connection and try again.");return}S.current=new Set(p.accounts.map(N=>N.accountId)),w.mutate({body:{email:s.trim()||void 0}})}}))},l=i.useRef(f);return l.current=f,i.useEffect(()=>{const p=m=>{m.key==="Enter"&&l.current(),m.key==="Escape"&&t()};return window.addEventListener("keydown",p),()=>window.removeEventListener("keydown",p)},[t]),e.jsx(L,{steps:M,activeStep:R.connector,title:"Sign in with Microsoft",subtitle:"You'll be redirected to Microsoft to sign in securely.",footer:e.jsxs(e.Fragment,{children:[e.jsx(C,{variant:"ghost",onClick:t,children:"Back"}),e.jsx(C,{variant:"primary",onClick:f,disabled:x,icon:x?e.jsx(D,{className:"size-4 animate-spin"}):void 0,children:x?"Redirecting…":u?"Start over":"Sign in with Microsoft"})]}),children:e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{children:[e.jsx(A,{htmlFor:"microsoft-email",children:"Email address (optional)"}),e.jsx(F,{id:"microsoft-email",icon:e.jsx(K,{className:"size-4"}),placeholder:"you@outlook.com",value:s,onChange:p=>a(p.target.value),type:"email",autoComplete:"email"}),e.jsx("p",{className:"mt-1.5 text-2xs text-fg-subtle",children:"Pre-fills the Microsoft sign-in form. Leave blank to choose on the Microsoft page."})]}),u&&e.jsx(q,{tone:"info",children:"Waiting for Microsoft. Finish signing in — this window carries on the moment the account is connected, wherever you finished."}),n&&e.jsx(q,{tone:"danger",children:n})]})})}function Ge({initialEmail:t,initialDisplayName:o,onContinue:s,onBack:a}){const[n,r]=i.useState(t),[u,h]=i.useState(o),[c,v]=i.useState(!1),[j,S]=i.useState(""),[y,w]=i.useState(null),x=i.useCallback(async()=>{const f=n.trim();if(!f.includes("@")||!f.includes(".")){w("Enter a valid email address.");return}w(null),v(!0),S(ze(f));try{const l=await Oe(f);s(f,u.trim(),l)}finally{v(!1)}},[n,u,s]);return i.useEffect(()=>{const f=l=>{l.key==="Enter"&&!c&&x(),l.key==="Escape"&&a()};return window.addEventListener("keydown",f),()=>window.removeEventListener("keydown",f)},[x,c,a]),e.jsx(L,{steps:M,activeStep:R.address,title:"What's the email address?",subtitle:"We'll detect the server settings for you.",footer:e.jsxs(e.Fragment,{children:[e.jsx(C,{variant:"ghost",onClick:a,children:"Back"}),e.jsx(C,{variant:"primary",disabled:c,onClick:()=>{x()},children:"Continue"})]}),children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx(A,{htmlFor:"onboarding-email",children:"Email address"}),e.jsx(F,{id:"onboarding-email",icon:e.jsx(K,{className:"size-4"}),placeholder:"you@example.com",value:n,onChange:f=>{r(f.target.value),w(null)},type:"email",autoComplete:"email"})]}),e.jsxs("div",{children:[e.jsx(A,{htmlFor:"onboarding-display-name",children:"Display name (optional)"}),e.jsx(F,{id:"onboarding-display-name",placeholder:"Alice",value:u,onChange:f=>h(f.target.value)}),e.jsx("p",{className:"mt-1.5 text-2xs text-fg-subtle",children:"What to call this account in Remit. Leave blank to use a name derived from the address."})]}),c&&e.jsxs("div",{className:"mt-3 flex items-center gap-2 text-xs text-fg-muted",children:[e.jsx(D,{className:"size-3.5 animate-spin text-accent"}),j]}),y&&!c&&e.jsx("div",{className:"mt-3",children:e.jsx(q,{tone:"danger",children:y})})]})})}function Be({email:t,imapConfig:o,smtpConfig:s,discovered:a,onContinue:n,onBack:r,onChange:u}){const[h,c]=i.useState(o),[v,j]=i.useState(s),[S,y]=i.useState(()=>He(t)),[w,x]=i.useState(!1),[f,l]=i.useState(null),p=ee(S),m=p!==void 0&&!w,N=i.useCallback(g=>{y(g),x(!1),l(null);const d=ee(g);d&&(c({host:d.imap.host,port:d.imap.port,security:d.imap.security}),j({host:d.smtp.host,port:d.smtp.port,security:d.smtp.security}))},[]);i.useEffect(()=>{u(h,v)},[h,v,u]);const b=h.host.trim()!=="",k=i.useCallback(()=>{if(!b){l("Enter the IMAP host.");return}l(null),n()},[b,n]);i.useEffect(()=>{const g=d=>{d.key==="Enter"&&k(),d.key==="Escape"&&r()};return window.addEventListener("keydown",g),()=>window.removeEventListener("keydown",g)},[k,r]);const T=t.split("@")[1]??"your domain",O=p?"Pick your provider to fill in the right settings — or choose Custom to enter them by hand.":a?"Found via autodiscovery — adjust anything that looks off.":`We couldn't detect settings for ${T} — enter them manually.`,P=m?{label:"preset",tone:"neutral"}:!p&&a?{label:"detected",tone:"positive"}:void 0,I=p?.passwordHelp.url??ie(t);return e.jsx(L,{steps:M,activeStep:R.servers,title:"Confirm server settings",subtitle:O,footer:e.jsxs(e.Fragment,{children:[e.jsx(C,{variant:"ghost",onClick:r,children:"Back"}),e.jsx(C,{variant:"primary",onClick:k,children:"Continue"})]}),children:e.jsxs("div",{className:"space-y-5",children:[f&&e.jsx(q,{tone:"danger",children:f}),e.jsxs("div",{children:[e.jsx(A,{htmlFor:"provider-select",children:"Provider"}),e.jsxs(V,{id:"provider-select",value:S,onChange:g=>N(g.target.value),children:[e.jsx("option",{value:"",children:"Custom / other"}),ce.map(g=>e.jsx("option",{value:g.id,children:g.label},g.id))]}),p&&e.jsx("p",{className:"mt-1 text-2xs text-fg-subtle",children:m?e.jsxs(e.Fragment,{children:["Server settings are pre-filled for ",p.label," and locked."," ",e.jsx("button",{type:"button",className:"text-accent underline",onClick:()=>x(!0),children:"Advanced"})," ","lets you edit them by hand."]}):e.jsxs(e.Fragment,{children:["Editing ",p.label,"'s settings by hand."]})})]}),e.jsx(Z,{legend:"IMAP — incoming",badge:P,readOnly:m,host:h.host,port:String(h.port),security:h.security,hostPlaceholder:"imap.example.com",portPlaceholder:"993",onHostChange:g=>{c(d=>({...d,host:g})),l(null)},onPortChange:g=>c(d=>({...d,port:Number(g)})),onSecurityChange:g=>c(d=>({...d,security:g}))}),e.jsx("p",{className:"text-2xs text-fg-subtle",children:"Sending (SMTP) is optional — leave it blank to set up a receive-only account and add sending later in Settings."}),e.jsx(Z,{legend:"SMTP — outgoing (optional)",badge:P,readOnly:m,host:v.host,port:String(v.port),security:v.security,hostPlaceholder:"smtp.example.com",portPlaceholder:"587",onHostChange:g=>{j(d=>({...d,host:g})),l(null)},onPortChange:g=>j(d=>({...d,port:Number(g)})),onSecurityChange:g=>j(d=>({...d,security:g}))}),p&&e.jsxs("p",{className:"text-2xs text-fg-subtle",children:[p.passwordHelp.text," ",I&&e.jsx("a",{href:I,target:"_blank",rel:"noopener noreferrer",className:"text-accent underline",children:"Get an app password"})]})]})})}function Ue({email:t,username:o,password:s,onContinue:a,onBack:n,onChange:r}){const[u,h]=i.useState(o||t),[c,v]=i.useState(s),[j,S]=i.useState(null),y=t.split("@")[1]??"",w=ie(t),x=u.trim()!==""&&c.trim()!=="";i.useEffect(()=>{r(u,c)},[u,c,r]);const f=i.useCallback(()=>{if(!x){S("Enter your username and password.");return}S(null),a()},[x,a]);return i.useEffect(()=>{const l=p=>{p.key==="Enter"&&f(),p.key==="Escape"&&n()};return window.addEventListener("keydown",l),()=>window.removeEventListener("keydown",l)},[f,n]),e.jsx(L,{steps:M,activeStep:R.credentials,title:`Sign in to ${y||"your mail server"}`,subtitle:"Many providers require an app password instead of your normal one.",footer:e.jsxs(e.Fragment,{children:[e.jsx(C,{variant:"ghost",onClick:n,children:"Back"}),e.jsx(C,{variant:"primary",onClick:f,children:"Test connection"})]}),children:e.jsxs("div",{className:"space-y-3",children:[j&&e.jsx("div",{className:"rounded-md bg-danger-soft px-3 py-2 text-sm text-danger",children:j}),e.jsxs("div",{children:[e.jsx(A,{htmlFor:"credentials-username",children:"Username"}),e.jsx(F,{id:"credentials-username",value:u,onChange:l=>{h(l.target.value),S(null)},autoComplete:"username"})]}),e.jsxs("div",{children:[e.jsx(A,{htmlFor:"credentials-password",children:"Password or app password"}),e.jsx(ve,{id:"credentials-password",value:c,onChange:l=>{v(l.target.value),S(null)},autoComplete:"current-password"})]}),e.jsx(Ne,{url:w})]})})}function We({email:t,imapConfig:o,smtpConfig:s,username:a,password:n,onSuccess:r,onBackToCredentials:u,onBackToServers:h}){const[c,v]=i.useState({imapState:"running",smtpState:"pending",phase:"running"}),[j,S]=i.useState(0),y=s.host.trim()!=="",w=G(o.security),x=G(s.security),f=X({...ge()});i.useEffect(()=>{let m=!1;const N=[];return v({imapState:"running",smtpState:"pending",phase:"running"}),f.mutate({body:{username:a,password:n,imapHost:o.host,imapPort:o.port,imapTls:w.tls,imapStartTls:w.startTls,smtpHost:s.host,smtpPort:s.port,smtpTls:x.tls,smtpStartTls:x.startTls}},{onSuccess:b=>{if(m)return;const k=b.imapSuccess,T=y?b.smtpSuccess:!0;v({imapState:k?"ok":"failed",smtpState:y?"running":"ok",imapDetail:k?`Connected — ${o.host}:${o.port}`:b.imapError,phase:"running"}),N.push(window.setTimeout(()=>{if(m)return;const O=I=>{const g=I?.toLowerCase()??"";return g.includes("auth")||g.includes("login")||g.includes("535")||g.includes("credential")},P=!k&&O(b.imapError)||k&&y&&!b.smtpSuccess&&O(b.smtpError);v({imapState:k?"ok":"failed",smtpState:y?b.smtpSuccess?"ok":"failed":"ok",imapDetail:k?`Connected — ${o.host}:${o.port}`:b.imapError,smtpDetail:y?b.smtpSuccess?`Connected — ${s.host}:${s.port}`:b.smtpError:"Not set up — receive-only",rawError:k?y&&!b.smtpSuccess?b.smtpError:void 0:b.imapError,phase:k&&T?"success":P?"auth-failure":"network-failure"}),k&&T&&N.push(window.setTimeout(()=>{m||r()},800))},400))},onError:b=>{if(m)return;const k=b instanceof Error?b.message:"Connection failed";v({imapState:"failed",smtpState:"failed",imapDetail:k,smtpDetail:k,rawError:k,phase:"network-failure"})}}),()=>{m=!0;for(const b of N)window.clearTimeout(b)}},[j]);const{phase:l}=c;i.useEffect(()=>{const m=N=>{N.key==="Escape"&&(l==="auth-failure"?u():l==="network-failure"&&h())};return window.addEventListener("keydown",m),()=>window.removeEventListener("keydown",m)},[l,u,h]);const p=l==="auth-failure"?e.jsxs(e.Fragment,{children:[e.jsx(C,{variant:"ghost",onClick:u,children:"Back to credentials"}),e.jsx(C,{variant:"primary",onClick:()=>S(m=>m+1),children:"Retry"})]}):l==="network-failure"?e.jsxs(e.Fragment,{children:[e.jsx(C,{variant:"ghost",onClick:h,children:"Back to servers"}),e.jsx(C,{variant:"primary",onClick:()=>S(m=>m+1),children:"Retry"})]}):l==="success"?e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"text-2xs text-fg-subtle",children:"Connection verified"}),e.jsx(C,{variant:"primary",onClick:r,children:"Start syncing"})]}):e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"text-2xs text-fg-subtle",children:"Testing…"}),e.jsx("span",{})]});return e.jsx(L,{steps:M,activeStep:R.test,title:"Testing the connection",subtitle:`Checking ${t}`,footer:p,children:e.jsxs("div",{className:"divide-y divide-line",children:[e.jsx(_,{label:`IMAP — ${o.host}:${o.port}`,detail:c.imapDetail,state:c.imapState}),e.jsx(_,{label:y?`SMTP — ${s.host}:${s.port}`:"SMTP — sending",detail:y?c.smtpDetail:"Not set up — you can add sending later in Settings",state:c.smtpState}),(l==="auth-failure"||l==="network-failure")&&c.rawError&&e.jsxs("div",{className:"py-3",children:[l==="auth-failure"&&e.jsx("p",{className:"mb-2 text-xs text-fg-muted",children:"Check your password — many providers require an app password."}),e.jsx("code",{className:"block rounded bg-surface-sunken px-2.5 py-2 text-2xs text-fg-muted",children:c.rawError})]})]})})}const Ve=2e4;function Qe({email:t,displayName:o,imapConfig:s,smtpConfig:a,username:n,password:r,onGoToInbox:u}){const h=xe(),[c,v]=i.useState(null),[j,S]=i.useState(null),y=i.useRef(!1),w=G(s.security),x=G(a.security),f=X({...ye(),onSuccess:E=>{v(E.accountId),h.invalidateQueries({queryKey:fe()})},onError:E=>{S(E instanceof Error?E.message:"Failed to create account")}});i.useEffect(()=>{if(y.current)return;y.current=!0;const E=a.host.trim()!=="",H=we({imapHost:s.host,smtpHost:a.host,smtpPort:a.port}),$=E?H??{smtpHost:a.host,smtpPort:a.port,smtpTls:x.tls,smtpStartTls:x.startTls}:null;f.mutate({body:{email:t,displayName:o||void 0,username:n!==t?n:void 0,password:r,imapHost:s.host,imapPort:s.port,imapTls:w.tls,imapStartTls:w.startTls,smtpHost:$?.smtpHost||void 0,smtpPort:$?.smtpPort||void 0,smtpTls:$?.smtpTls??!1,smtpStartTls:$?.smtpStartTls??!1}})},[]);const{data:l,isError:p}=Q({...Y({path:{accountId:c??""}}),enabled:!!c,refetchInterval:E=>{const H=E.state.data?.syncPhase;return H==="complete"||H==="error"?!1:2e3}}),m=l?.syncPhase==="error",{data:N}=Q({...ne(),enabled:!!c&&m}),b=N?.accounts.find(E=>E.accountId===c)?.lastError,k=l?.mailboxes.find(E=>E.fullPath==="INBOX"||E.fullPath==="Inbox"),T=l?.mailboxCountTotal??0,O=l?.mailboxCountSynced??0,P=k?.messagesTotal??0,I=k?.messagesSynced??0,g=P>0?I/P:0,d=l?.syncPhase,le=m?"failed":d==="idle"||d===void 0||d==="discovering_mailboxes"?"running":T>0?"ok":"running",B=m?"failed":!d||d==="idle"||d==="discovering_mailboxes"?"pending":d==="syncing_inbox"||d==="syncing_others"?"running":"ok",U=m?"failed":!d||d==="idle"||d==="discovering_mailboxes"||d==="syncing_inbox"?"pending":d==="syncing_others"?"running":"ok",me=I>0||k?.phase==="complete"||d==="complete"||m,[ue,de]=i.useState(!1);i.useEffect(()=>{if(!c)return;const E=setTimeout(()=>de(!0),Ve);return()=>clearTimeout(E)},[c]);const pe=!!c&&(me||p||ue);return j?e.jsx(L,{steps:M,activeStep:R.sync,title:"Couldn't create account",subtitle:"Something went wrong saving your account.",footer:e.jsxs(e.Fragment,{children:[e.jsx("span",{}),e.jsx(C,{variant:"primary",onClick:()=>{y.current=!1,S(null),f.mutate({body:{email:t,displayName:o||void 0,username:n!==t?n:void 0,password:r,imapHost:s.host,imapPort:s.port,imapTls:w.tls,imapStartTls:w.startTls,smtpHost:a.host||void 0,smtpPort:a.port||void 0,smtpTls:x.tls,smtpStartTls:x.startTls}})},children:"Retry"})]}),children:e.jsx("code",{className:"block rounded bg-surface-sunken px-2.5 py-2 text-2xs text-fg-muted",children:j})}):e.jsx(L,{steps:M,activeStep:R.sync,title:`Syncing ${t}`,subtitle:"Newest mail first — you can start reading right away.",footer:e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"text-2xs text-fg-subtle",children:"Sync continues in the background"}),pe?e.jsx(C,{variant:"primary",onClick:()=>c&&u(c),children:"Go to inbox"}):e.jsx(C,{variant:"primary",disabled:!0,icon:e.jsx(D,{className:"size-3.5 animate-spin"}),children:"Getting your mail…"})]}),children:f.isPending?e.jsxs("div",{className:"flex items-center gap-2 py-4 text-sm text-fg-muted",children:[e.jsx(D,{className:"size-4 animate-spin text-accent"}),"Creating your account…"]}):e.jsxs("div",{className:"space-y-3",children:[P>0&&e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-baseline justify-between text-xs",children:[e.jsx("span",{className:"font-medium text-fg",children:"INBOX"}),e.jsxs("span",{className:"text-fg-subtle tabular-nums",children:[I.toLocaleString()," / ",P.toLocaleString()," ","messages"]})]}),e.jsx("div",{className:"mt-1 h-1.5 overflow-hidden rounded-full bg-surface-sunken",children:e.jsx("div",{className:"h-full rounded-full bg-accent transition-all duration-500",style:{width:`${Math.max(2,g*100)}%`}})})]}),e.jsxs("div",{className:"divide-y divide-line",children:[e.jsx(_,{label:"Mailboxes discovered",detail:T>0?`${T} mailbox${T===1?"":"es"} found`:"Discovering…",state:le}),e.jsx(_,{label:"INBOX",detail:B==="ok"?`${I.toLocaleString()} messages synced`:B==="running"?"Syncing newest first…":"Queued",state:B}),O>1||d==="syncing_others"||d==="complete"?e.jsx(_,{label:"Other mailboxes",detail:U==="ok"?`${O-1} mailboxes synced`:U==="running"?"Syncing…":"Queued",state:U}):null]}),m&&e.jsxs("div",{className:"mt-2 space-y-2",children:[e.jsxs("p",{className:"text-xs text-danger",children:["Sync stalled. The account is still active —"," ",e.jsx("button",{type:"button",className:"underline",onClick:()=>{h.invalidateQueries({queryKey:Y({path:{accountId:c??""}}).queryKey})},children:"retry"})]}),b&&e.jsx("code",{className:"block rounded bg-surface-sunken px-2.5 py-2 text-2xs text-fg-muted",children:b})]})]})})}function Ze({skipWelcome:t=!1,onComplete:o,onCancel:s}){const[a,n]=i.useState(t?"connector":"welcome"),[r,u]=i.useState({email:"",displayName:"",imapConfig:te,smtpConfig:se,username:"",password:"",discoveryResult:null,discovered:!1,createdAccountId:null}),h=i.useCallback(()=>n("connector"),[]),c=i.useCallback(()=>n("address"),[]),v=i.useCallback(()=>n("microsoft-email"),[]),j=i.useCallback(()=>{t?s?.():n("welcome")},[t,s]),S=i.useCallback((l,p,m)=>{let N=te,b=se,k=!1;m&&(k=m.source!=="heuristic",N={host:m.imap.host,port:m.imap.port,security:m.imap.security},b={host:m.smtp.host,port:m.smtp.port,security:m.smtp.security}),u(T=>({...T,email:l,displayName:p,imapConfig:N,smtpConfig:b,discoveryResult:m,discovered:k,username:l})),n("servers")},[]),y=i.useCallback((l,p)=>{u(m=>({...m,imapConfig:l,smtpConfig:p}))},[]),w=i.useCallback((l,p)=>{u(m=>({...m,username:l,password:p}))},[]),x=i.useCallback(()=>n("sync"),[]),f=i.useCallback(l=>{o(l)},[o]);switch(a){case"welcome":return e.jsx($e,{onStart:h});case"connector":return e.jsx(De,{onContinue:c,onMicrosoft:v,onBack:j,showBack:!t});case"microsoft-email":return e.jsx(qe,{onBack:()=>n("connector"),onConnected:f});case"address":return e.jsx(Ge,{initialEmail:r.email,initialDisplayName:r.displayName,onContinue:S,onBack:()=>n("connector")});case"servers":return e.jsx(Be,{email:r.email,imapConfig:r.imapConfig,smtpConfig:r.smtpConfig,discovered:r.discovered,onContinue:()=>n("credentials"),onBack:()=>n("address"),onChange:y});case"credentials":return e.jsx(Ue,{email:r.email,username:r.username,password:r.password,onContinue:()=>n("test"),onBack:()=>n("servers"),onChange:w});case"test":return e.jsx(We,{email:r.email,imapConfig:r.imapConfig,smtpConfig:r.smtpConfig,username:r.username,password:r.password,onSuccess:x,onBackToCredentials:()=>n("credentials"),onBackToServers:()=>n("servers")});case"sync":return e.jsx(Qe,{email:r.email,displayName:r.displayName,imapConfig:r.imapConfig,smtpConfig:r.smtpConfig,username:r.username,password:r.password,onGoToInbox:f})}}export{Ze as O,ce as P,ee as g,G as s,Ie as u};
1
+ import{c as re,j as e,b as z,ac as V,ag as oe,r as i,at as he,aw as A,ad as F,n as xe,a7 as X,V as fe,ab as ye,s as Q,ax as Y,Q as ne,B as C,af as D,aa as ge,ae as ve,as as q,ap as be,I as je}from"./index-BkI9e3vC.js";import{K as Se}from"./kbd-NyMHCJhU.js";import{c as we}from"./account-form-helpers-DhckT_PN.js";import{M as ke}from"./mail-l6m0vhbl.js";const K=re("AtSign",[["circle",{cx:"12",cy:"12",r:"4",key:"4exip2"}],["path",{d:"M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8",key:"7n84p3"}]]);const Ce=re("Server",[["rect",{width:"20",height:"8",x:"2",y:"2",rx:"2",ry:"2",key:"ngkwjq"}],["rect",{width:"20",height:"8",x:"2",y:"14",rx:"2",ry:"2",key:"iecqi9"}],["line",{x1:"6",x2:"6.01",y1:"6",y2:"6",key:"16zg32"}],["line",{x1:"6",x2:"6.01",y1:"18",y2:"18",key:"nzw8ys"}]]);function Ne({url:t}){return e.jsxs("p",{className:"text-2xs text-fg-subtle",children:["Stored encrypted, used only to connect to your mail server."," ",t?e.jsx("a",{href:t,target:"_blank",rel:"noopener noreferrer",className:"text-accent underline",children:"How to create an app password"}):e.jsx("span",{children:"Check your provider's help for app password instructions."})]})}function Ee({raised:t,className:o,...s}){return e.jsx("div",{className:z("rounded-sm border border-line bg-surface",t?"bg-surface-raised shadow-sm":"",o),...s})}function J({value:t,defaultValue:o,onValueChange:s,...a}){return s?e.jsxs(V,{value:t,onChange:n=>s(n.target.value),...a,children:[e.jsx("option",{value:"tls",children:"TLS/SSL"}),e.jsx("option",{value:"starttls",children:"STARTTLS"}),e.jsx("option",{value:"none",children:"None (insecure)"})]}):e.jsxs(V,{defaultValue:o??t,...a,children:[e.jsx("option",{value:"tls",children:"TLS/SSL"}),e.jsx("option",{value:"starttls",children:"STARTTLS"}),e.jsx("option",{value:"none",children:"None (insecure)"})]})}function G(t){return{tls:t==="tls",startTls:t==="starttls"}}function Te({steps:t,activeStep:o}){return e.jsx("ol",{className:"flex items-center gap-1",children:t.map((s,a)=>{const n=a<o,r=a===o;return e.jsxs("li",{className:"flex items-center gap-1",children:[a>0&&e.jsx("span",{className:"h-px w-5 bg-line","aria-hidden":!0}),e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:z("flex size-5 items-center justify-center rounded-full text-2xs font-semibold tabular-nums",n&&"bg-accent text-accent-fg",r&&"bg-accent-soft text-accent ring-1 ring-accent",!n&&!r&&"bg-surface-sunken text-fg-subtle"),children:n?e.jsx(oe,{className:"size-3"}):a+1}),e.jsx("span",{className:z("hidden text-2xs sm:inline",r?"font-medium text-fg":"text-fg-subtle"),children:s})]})]},s)})})}function L({steps:t,activeStep:o,title:s,subtitle:a,children:n,footer:r,hideSteps:u}){return e.jsxs("div",{className:"flex min-h-dvh w-full flex-col items-center overflow-y-auto bg-canvas pb-[max(2rem,env(safe-area-inset-bottom,0px))] pl-[max(2rem,env(safe-area-inset-left,0px))] pr-[max(2rem,env(safe-area-inset-right,0px))] pt-[max(2rem,env(safe-area-inset-top,0px))] font-sans text-fg sm:pt-[30vh]",children:[!u&&e.jsx("div",{className:"mb-5 w-full max-w-xl",children:e.jsx(Te,{steps:t,activeStep:o})}),e.jsxs(Ee,{raised:!0,className:"w-full max-w-xl",children:[e.jsxs("div",{className:"px-5 pt-5",children:[e.jsx("h1",{className:"text-xl font-semibold text-fg",children:s}),a&&e.jsx("p",{className:"mt-1 text-sm text-fg-muted",children:a})]}),e.jsx("div",{className:"px-5 py-5",children:n}),r&&e.jsx("div",{className:"flex items-center justify-between gap-3 border-t border-line px-5 py-3",children:r})]})]})}const Pe="Coming soon — use IMAP for now.";function W({name:t,description:o,icon:s,comingSoon:a,selected:n,onSelect:r}){const[u,h]=i.useState(!1),c=()=>{if(r){r();return}a&&h(!0)};return e.jsxs("div",{className:"flex flex-col gap-1.5",children:[e.jsxs("button",{type:"button",onClick:c,"aria-disabled":a||void 0,className:z("flex flex-col items-start gap-2 rounded-sm border p-3 text-left transition-colors",n?"border-accent-2 bg-accent-2-soft":"border-line bg-surface hover:border-line-strong",a&&"opacity-55"),children:[e.jsx("span",{className:z("text-fg-muted",n&&"text-accent-2"),children:s}),e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-sm font-semibold text-fg",children:t}),a&&e.jsx("span",{className:"rounded-full bg-surface-sunken px-1.5 py-0.5 text-2xs text-fg-subtle",children:"soon"})]}),e.jsx("span",{className:"text-xs text-fg-subtle",children:o})]}),u&&e.jsx("p",{className:"text-2xs text-fg-subtle",children:Pe})]})}function Z({legend:t,badge:o,host:s,port:a,security:n,readOnly:r,onHostChange:u,onPortChange:h,onSecurityChange:c,hostPlaceholder:v,portPlaceholder:j}){const S=i.useId(),y=i.useId(),w=i.useId();return e.jsxs("fieldset",{children:[e.jsxs("legend",{className:"flex items-center gap-2 text-sm font-semibold text-fg",children:[t,o&&e.jsx(he,{tone:o.tone,children:o.label})]}),e.jsxs("div",{className:"mt-2 grid grid-cols-1 gap-3 sm:grid-cols-[1fr_6rem_8rem] sm:gap-2",children:[e.jsxs("div",{children:[e.jsx(A,{htmlFor:S,children:"Host"}),u?e.jsx(F,{id:S,readOnly:r,value:s,onChange:x=>u(x.target.value),placeholder:v}):e.jsx(F,{id:S,readOnly:r,defaultValue:s,placeholder:v})]}),e.jsxs("div",{children:[e.jsx(A,{htmlFor:y,children:"Port"}),h?e.jsx(F,{id:y,readOnly:r,value:a,onChange:x=>h(x.target.value),placeholder:j}):e.jsx(F,{id:y,readOnly:r,defaultValue:a,placeholder:j})]}),e.jsxs("div",{children:[e.jsx(A,{htmlFor:w,children:"Security"}),c?e.jsx(J,{id:w,value:n,onValueChange:c}):e.jsx(J,{id:w,defaultValue:n})]})]})]})}function _({label:t,detail:o,state:s}){return e.jsxs("div",{className:"flex items-start gap-3 py-2",children:[e.jsxs("span",{className:z("mt-0.5 flex size-5 shrink-0 items-center justify-center rounded-full text-2xs",s==="ok"&&"bg-positive text-accent-fg",s==="failed"&&"bg-danger text-accent-fg",s==="running"&&"border border-accent text-accent",s==="pending"&&"border border-line text-fg-subtle"),children:[s==="ok"&&e.jsx(oe,{className:"size-3"}),s==="failed"&&"!",s==="running"&&e.jsx("span",{className:"size-2 animate-pulse rounded-full bg-accent"})]}),e.jsxs("div",{className:"min-w-0",children:[e.jsx("div",{className:z("text-sm",s==="failed"?"font-medium text-danger":"text-fg"),children:t}),o&&e.jsx("div",{className:"mt-0.5 text-xs text-fg-subtle",children:o})]})]})}const Ie=(t,o)=>{const s=i.useRef(o);s.current=o,i.useEffect(()=>{if(!t)return;const a=()=>{document.visibilityState==="visible"&&s.current()};return document.addEventListener("visibilitychange",a),window.addEventListener("pageshow",a),()=>{document.removeEventListener("visibilitychange",a),window.removeEventListener("pageshow",a)}},[t])},Ae={"gmail.com":{imap:{host:"imap.gmail.com",port:993,security:"tls"},smtp:{host:"smtp.gmail.com",port:587,security:"starttls"},source:"provider-table"},"googlemail.com":{imap:{host:"imap.gmail.com",port:993,security:"tls"},smtp:{host:"smtp.gmail.com",port:587,security:"starttls"},source:"provider-table"},"outlook.com":{imap:{host:"outlook.office365.com",port:993,security:"tls"},smtp:{host:"smtp.office365.com",port:587,security:"starttls"},source:"provider-table"},"hotmail.com":{imap:{host:"outlook.office365.com",port:993,security:"tls"},smtp:{host:"smtp.office365.com",port:587,security:"starttls"},source:"provider-table"},"live.com":{imap:{host:"outlook.office365.com",port:993,security:"tls"},smtp:{host:"smtp.office365.com",port:587,security:"starttls"},source:"provider-table"},"msn.com":{imap:{host:"outlook.office365.com",port:993,security:"tls"},smtp:{host:"smtp.office365.com",port:587,security:"starttls"},source:"provider-table"},"icloud.com":{imap:{host:"imap.mail.me.com",port:993,security:"tls"},smtp:{host:"smtp.mail.me.com",port:587,security:"starttls"},source:"provider-table"},"me.com":{imap:{host:"imap.mail.me.com",port:993,security:"tls"},smtp:{host:"smtp.mail.me.com",port:587,security:"starttls"},source:"provider-table"},"mac.com":{imap:{host:"imap.mail.me.com",port:993,security:"tls"},smtp:{host:"smtp.mail.me.com",port:587,security:"starttls"},source:"provider-table"},"fastmail.com":{imap:{host:"imap.fastmail.com",port:993,security:"tls"},smtp:{host:"smtp.fastmail.com",port:465,security:"tls"},source:"provider-table"},"fastmail.fm":{imap:{host:"imap.fastmail.com",port:993,security:"tls"},smtp:{host:"smtp.fastmail.com",port:465,security:"tls"},source:"provider-table"},"yahoo.com":{imap:{host:"imap.mail.yahoo.com",port:993,security:"tls"},smtp:{host:"smtp.mail.yahoo.com",port:465,security:"tls"},source:"provider-table"},"yahoo.co.uk":{imap:{host:"imap.mail.yahoo.com",port:993,security:"tls"},smtp:{host:"smtp.mail.yahoo.com",port:465,security:"tls"},source:"provider-table"},"ymail.com":{imap:{host:"imap.mail.yahoo.com",port:993,security:"tls"},smtp:{host:"smtp.mail.yahoo.com",port:465,security:"tls"},source:"provider-table"},"aol.com":{imap:{host:"imap.aol.com",port:993,security:"tls"},smtp:{host:"smtp.aol.com",port:465,security:"tls"},source:"provider-table"},"zoho.com":{imap:{host:"imap.zoho.com",port:993,security:"tls"},smtp:{host:"smtp.zoho.com",port:465,security:"tls"},source:"provider-table"},"gmx.com":{imap:{host:"imap.gmx.com",port:993,security:"tls"},smtp:{host:"smtp.gmx.com",port:587,security:"starttls"},source:"provider-table"},"gmx.net":{imap:{host:"imap.gmx.net",port:993,security:"tls"},smtp:{host:"mail.gmx.net",port:587,security:"starttls"},source:"provider-table"},"gmx.de":{imap:{host:"imap.gmx.net",port:993,security:"tls"},smtp:{host:"mail.gmx.net",port:587,security:"starttls"},source:"provider-table"},"web.de":{imap:{host:"imap.web.de",port:993,security:"tls"},smtp:{host:"smtp.web.de",port:587,security:"starttls"},source:"provider-table"},"mail.com":{imap:{host:"imap.mail.com",port:993,security:"tls"},smtp:{host:"smtp.mail.com",port:465,security:"tls"},source:"provider-table"},"hey.com":{imap:{host:"imap.hey.com",port:993,security:"tls"},smtp:{host:"smtp.hey.com",port:465,security:"tls"},source:"provider-table"},"tutanota.com":{imap:{host:"mail.tutanota.com",port:993,security:"tls"},smtp:{host:"mail.tutanota.com",port:465,security:"tls"},source:"provider-table"},"tuta.io":{imap:{host:"mail.tutanota.com",port:993,security:"tls"},smtp:{host:"mail.tutanota.com",port:465,security:"tls"},source:"provider-table"},"posteo.de":{imap:{host:"posteo.de",port:993,security:"tls"},smtp:{host:"posteo.de",port:465,security:"tls"},source:"provider-table"},"runbox.com":{imap:{host:"imap.runbox.com",port:993,security:"tls"},smtp:{host:"smtp.runbox.com",port:587,security:"starttls"},source:"provider-table"},"mailbox.org":{imap:{host:"imap.mailbox.org",port:993,security:"tls"},smtp:{host:"smtp.mailbox.org",port:465,security:"tls"},source:"provider-table"},"hushmail.com":{imap:{host:"imap.hushmail.com",port:993,security:"tls"},smtp:{host:"smtp.hushmail.com",port:465,security:"tls"},source:"provider-table"}},Le={"gmail.com":"https://support.google.com/accounts/answer/185833","googlemail.com":"https://support.google.com/accounts/answer/185833","yahoo.com":"https://help.yahoo.com/kb/generate-manage-third-party-passwords-sln15241.html","icloud.com":"https://support.apple.com/en-us/102654","me.com":"https://support.apple.com/en-us/102654","mac.com":"https://support.apple.com/en-us/102654","fastmail.com":"https://www.fastmail.help/hc/en-us/articles/360058752854","fastmail.fm":"https://www.fastmail.help/hc/en-us/articles/360058752854","outlook.com":"https://support.microsoft.com/en-us/account-billing/manage-app-passwords-for-two-step-verification-d6dc8c6d-4bf7-4851-ad95-6d07799387e9","hotmail.com":"https://support.microsoft.com/en-us/account-billing/manage-app-passwords-for-two-step-verification-d6dc8c6d-4bf7-4851-ad95-6d07799387e9","zoho.com":"https://help.zoho.com/portal/en/kb/zoho-mail/client-configuration/imap-access/articles/zoho-mail-app-passwords"};function ae(t){try{const s=new DOMParser().parseFromString(t,"application/xml");if(s.querySelector("parsererror"))return null;const a=s.querySelectorAll("incomingServer[type='imap']"),n=s.querySelectorAll("outgoingServer[type='smtp']");if(!a.length||!n.length)return null;const r=a[0],u=n[0],h=r.querySelector("hostname")?.textContent?.trim(),c=r.querySelector("port")?.textContent?.trim(),v=r.querySelector("socketType")?.textContent?.trim().toUpperCase(),j=u.querySelector("hostname")?.textContent?.trim(),S=u.querySelector("port")?.textContent?.trim(),y=u.querySelector("socketType")?.textContent?.trim().toUpperCase();if(!h||!c||!j||!S)return null;const w=x=>x==="SSL"||x==="TLS"||x==="SSL/TLS"?"tls":x==="STARTTLS"?"starttls":"none";return{imap:{host:h,port:Number.parseInt(c,10),security:w(v)},smtp:{host:j,port:Number.parseInt(S,10),security:w(y)},source:"mozilla-autoconfig"}}catch{return null}}async function Me(t,o){try{const s=`https://autoconfig.thunderbird.net/v1.1/${t}`,a=await fetch(s,{signal:o});if(!a.ok)return null;const n=await a.text(),r=ae(n);return r||null}catch{return null}}async function Fe(t,o){try{const s=`https://autoconfig.${t}/mail/config-v1.1.xml`,a=await fetch(s,{signal:o});if(!a.ok)return null;const n=await a.text(),r=ae(n);return r?{...r,source:"domain-autoconfig"}:null}catch{return null}}function Re(t){return{imap:{host:`imap.${t}`,port:993,security:"tls"},smtp:{host:`smtp.${t}`,port:587,security:"starttls"},source:"heuristic"}}async function Oe(t,o=1500){const s=t.indexOf("@");if(s===-1)return null;const a=t.slice(s+1).toLowerCase();if(!a)return null;const n=Ae[a];if(n)return n;const r=new AbortController,u=setTimeout(()=>r.abort(),o);try{const h=await Me(a,r.signal);if(h)return h;const c=await Fe(a,r.signal);if(c)return c}finally{clearTimeout(u)}return Re(a)}function ze(t){const o=t.indexOf("@");return o===-1?"Looking up server settings…":`Looking up settings for ${t.slice(o+1)}…`}function ie(t){const o=t.indexOf("@");if(o===-1)return;const s=t.slice(o+1).toLowerCase();return Le[s]}const ce=[{id:"icloud",label:"iCloud",username:"full-email",imap:{host:"imap.mail.me.com",port:993,security:"tls"},smtp:{host:"smtp.mail.me.com",port:587,security:"starttls"},passwordHelp:{text:"iCloud requires an app-specific password, not your Apple ID password. Generate one under Sign-In & Security → App-Specific Passwords.",url:"https://support.apple.com/en-us/102654"}},{id:"yahoo",label:"Yahoo",username:"full-email",imap:{host:"imap.mail.yahoo.com",port:993,security:"tls"},smtp:{host:"smtp.mail.yahoo.com",port:465,security:"tls"},passwordHelp:{text:"Yahoo requires an app password, not your login password. Generate one under Account Security.",url:"https://help.yahoo.com/kb/generate-manage-third-party-passwords-sln15241.html"}},{id:"aol",label:"AOL",username:"full-email",imap:{host:"imap.aol.com",port:993,security:"tls"},smtp:{host:"smtp.aol.com",port:465,security:"tls"},passwordHelp:{text:"AOL requires an app password, not your login password. Generate one under Account Security.",url:"https://login.aol.com/account/security"}},{id:"fastmail",label:"Fastmail",username:"full-email",imap:{host:"imap.fastmail.com",port:993,security:"tls"},smtp:{host:"smtp.fastmail.com",port:465,security:"tls"},passwordHelp:{text:"Fastmail requires an app password, not your login password. Create one under Settings → Privacy & Security → App passwords.",url:"https://www.fastmail.help/hc/en-us/articles/360058752854"}}];function ee(t){return ce.find(o=>o.id===t)}const _e={"icloud.com":"icloud","me.com":"icloud","mac.com":"icloud","yahoo.com":"yahoo","yahoo.co.uk":"yahoo","ymail.com":"yahoo","aol.com":"aol","fastmail.com":"fastmail","fastmail.fm":"fastmail"};function He(t){const o=t.indexOf("@");if(o===-1)return"";const s=t.slice(o+1).toLowerCase();return _e[s]??""}const M=["Connector","Address","Servers","Credentials","Test","Sync"],R={connector:0,address:1,servers:2,credentials:3,test:4,sync:5},te={host:"",port:993,security:"tls"},se={host:"",port:587,security:"starttls"};function $e({onStart:t}){return i.useEffect(()=>{const o=s=>{s.key==="Enter"&&t()};return window.addEventListener("keydown",o),()=>window.removeEventListener("keydown",o)},[t]),e.jsx(L,{steps:M,activeStep:0,hideSteps:!0,title:"Welcome to Remit",subtitle:"One inbox for all your mail, with context about every message.",footer:e.jsxs(e.Fragment,{children:[e.jsxs("span",{className:"text-2xs text-fg-subtle",children:[e.jsx(Se,{children:"Enter"})," to continue"]}),e.jsx(C,{variant:"primary",onClick:t,children:"Add your first account"})]}),children:e.jsxs("div",{className:"flex flex-col items-start py-5",children:[e.jsx("span",{className:"flex size-14 items-center justify-center rounded-md bg-accent-soft",children:e.jsx(ke,{className:"size-7 text-accent"})}),e.jsx("p",{className:"mt-5 max-w-sm text-sm leading-relaxed text-fg-muted",children:"Remit syncs your existing mailboxes and tells you who is really writing to you — sender history, authenticity checks, and similar messages, right next to every email."})]})})}function De({onContinue:t,onMicrosoft:o,onBack:s,showBack:a}){const[n,r]=i.useState("imap");i.useEffect(()=>{const h=c=>{c.key==="Enter"&&(n==="microsoft"?o():t()),c.key==="Escape"&&s()};return window.addEventListener("keydown",h),()=>window.removeEventListener("keydown",h)},[t,o,s,n]);const u=()=>{n==="microsoft"?o():t()};return e.jsx(L,{steps:M,activeStep:R.connector,title:"How does this account connect?",subtitle:"Choose a sign-in method. IMAP works with any provider.",footer:e.jsxs(e.Fragment,{children:[a?e.jsx(C,{variant:"ghost",onClick:s,children:"Back"}):e.jsx("span",{}),e.jsx(C,{variant:"primary",onClick:u,children:n==="microsoft"?"Continue with Microsoft":"Continue with IMAP"})]}),children:e.jsxs("div",{className:"grid grid-cols-1 gap-3 sm:grid-cols-3",children:[e.jsx(W,{name:"IMAP / SMTP",description:"Any mail provider — Fastmail, iCloud, your own server.",icon:e.jsx(Ce,{className:"size-5"}),selected:n==="imap",onSelect:()=>r("imap")}),e.jsx(W,{name:"Gmail",description:"Sign in with Google. No app passwords.",icon:e.jsx(K,{className:"size-5"}),comingSoon:!0}),e.jsx(W,{name:"Outlook / Microsoft 365",description:"Sign in with Microsoft. Works with Outlook.com and work accounts.",icon:e.jsx(je,{className:"size-5"}),selected:n==="microsoft",onSelect:()=>r("microsoft")})]})})}function qe({onBack:t,onConnected:o}){const[s,a]=i.useState(""),[n,r]=i.useState(null),[u,h]=i.useState(!1),[c,v]=i.useState(!1),j=i.useRef(!0);i.useEffect(()=>(j.current=!0,()=>{j.current=!1}),[]);const S=i.useRef(new Set),{refetch:y}=Q(ne()),w=X({...be(),onSuccess:p=>{j.current&&(h(!0),window.location.assign(p.authorizationUrl))},onError:p=>{v(!1),r(p instanceof Error?p.message:"Failed to start sign-in")}});Ie(u,i.useCallback(()=>{v(!1),y().then(({data:p,isError:m})=>{if(!j.current)return;if(m||!p){r("Couldn't check whether the sign-in finished. Open Settings › Accounts to see whether the account is connected.");return}r(null);const N=p.accounts.find(b=>!S.current.has(b.accountId));N&&o(N.accountId)})},[y,o]));const x=c||w.isPending,f=()=>{x||(r(null),v(!0),y().then(({data:p,isError:m})=>{if(j.current){if(m||!p){v(!1),r("Couldn't read this instance's accounts, so sign-in can't be tracked. Check your connection and try again.");return}S.current=new Set(p.accounts.map(N=>N.accountId)),w.mutate({body:{email:s.trim()||void 0}})}}))},l=i.useRef(f);return l.current=f,i.useEffect(()=>{const p=m=>{m.key==="Enter"&&l.current(),m.key==="Escape"&&t()};return window.addEventListener("keydown",p),()=>window.removeEventListener("keydown",p)},[t]),e.jsx(L,{steps:M,activeStep:R.connector,title:"Sign in with Microsoft",subtitle:"You'll be redirected to Microsoft to sign in securely.",footer:e.jsxs(e.Fragment,{children:[e.jsx(C,{variant:"ghost",onClick:t,children:"Back"}),e.jsx(C,{variant:"primary",onClick:f,disabled:x,icon:x?e.jsx(D,{className:"size-4 animate-spin"}):void 0,children:x?"Redirecting…":u?"Start over":"Sign in with Microsoft"})]}),children:e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{children:[e.jsx(A,{htmlFor:"microsoft-email",children:"Email address (optional)"}),e.jsx(F,{id:"microsoft-email",icon:e.jsx(K,{className:"size-4"}),placeholder:"you@outlook.com",value:s,onChange:p=>a(p.target.value),type:"email",autoComplete:"email"}),e.jsx("p",{className:"mt-1.5 text-2xs text-fg-subtle",children:"Pre-fills the Microsoft sign-in form. Leave blank to choose on the Microsoft page."})]}),u&&e.jsx(q,{tone:"info",children:"Waiting for Microsoft. Finish signing in — this window carries on the moment the account is connected, wherever you finished."}),n&&e.jsx(q,{tone:"danger",children:n})]})})}function Ge({initialEmail:t,initialDisplayName:o,onContinue:s,onBack:a}){const[n,r]=i.useState(t),[u,h]=i.useState(o),[c,v]=i.useState(!1),[j,S]=i.useState(""),[y,w]=i.useState(null),x=i.useCallback(async()=>{const f=n.trim();if(!f.includes("@")||!f.includes(".")){w("Enter a valid email address.");return}w(null),v(!0),S(ze(f));try{const l=await Oe(f);s(f,u.trim(),l)}finally{v(!1)}},[n,u,s]);return i.useEffect(()=>{const f=l=>{l.key==="Enter"&&!c&&x(),l.key==="Escape"&&a()};return window.addEventListener("keydown",f),()=>window.removeEventListener("keydown",f)},[x,c,a]),e.jsx(L,{steps:M,activeStep:R.address,title:"What's the email address?",subtitle:"We'll detect the server settings for you.",footer:e.jsxs(e.Fragment,{children:[e.jsx(C,{variant:"ghost",onClick:a,children:"Back"}),e.jsx(C,{variant:"primary",disabled:c,onClick:()=>{x()},children:"Continue"})]}),children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx(A,{htmlFor:"onboarding-email",children:"Email address"}),e.jsx(F,{id:"onboarding-email",icon:e.jsx(K,{className:"size-4"}),placeholder:"you@example.com",value:n,onChange:f=>{r(f.target.value),w(null)},type:"email",autoComplete:"email"})]}),e.jsxs("div",{children:[e.jsx(A,{htmlFor:"onboarding-display-name",children:"Display name (optional)"}),e.jsx(F,{id:"onboarding-display-name",placeholder:"Alice",value:u,onChange:f=>h(f.target.value)}),e.jsx("p",{className:"mt-1.5 text-2xs text-fg-subtle",children:"What to call this account in Remit. Leave blank to use a name derived from the address."})]}),c&&e.jsxs("div",{className:"mt-3 flex items-center gap-2 text-xs text-fg-muted",children:[e.jsx(D,{className:"size-3.5 animate-spin text-accent"}),j]}),y&&!c&&e.jsx("div",{className:"mt-3",children:e.jsx(q,{tone:"danger",children:y})})]})})}function Be({email:t,imapConfig:o,smtpConfig:s,discovered:a,onContinue:n,onBack:r,onChange:u}){const[h,c]=i.useState(o),[v,j]=i.useState(s),[S,y]=i.useState(()=>He(t)),[w,x]=i.useState(!1),[f,l]=i.useState(null),p=ee(S),m=p!==void 0&&!w,N=i.useCallback(g=>{y(g),x(!1),l(null);const d=ee(g);d&&(c({host:d.imap.host,port:d.imap.port,security:d.imap.security}),j({host:d.smtp.host,port:d.smtp.port,security:d.smtp.security}))},[]);i.useEffect(()=>{u(h,v)},[h,v,u]);const b=h.host.trim()!=="",k=i.useCallback(()=>{if(!b){l("Enter the IMAP host.");return}l(null),n()},[b,n]);i.useEffect(()=>{const g=d=>{d.key==="Enter"&&k(),d.key==="Escape"&&r()};return window.addEventListener("keydown",g),()=>window.removeEventListener("keydown",g)},[k,r]);const T=t.split("@")[1]??"your domain",O=p?"Pick your provider to fill in the right settings — or choose Custom to enter them by hand.":a?"Found via autodiscovery — adjust anything that looks off.":`We couldn't detect settings for ${T} — enter them manually.`,P=m?{label:"preset",tone:"neutral"}:!p&&a?{label:"detected",tone:"positive"}:void 0,I=p?.passwordHelp.url??ie(t);return e.jsx(L,{steps:M,activeStep:R.servers,title:"Confirm server settings",subtitle:O,footer:e.jsxs(e.Fragment,{children:[e.jsx(C,{variant:"ghost",onClick:r,children:"Back"}),e.jsx(C,{variant:"primary",onClick:k,children:"Continue"})]}),children:e.jsxs("div",{className:"space-y-5",children:[f&&e.jsx(q,{tone:"danger",children:f}),e.jsxs("div",{children:[e.jsx(A,{htmlFor:"provider-select",children:"Provider"}),e.jsxs(V,{id:"provider-select",value:S,onChange:g=>N(g.target.value),children:[e.jsx("option",{value:"",children:"Custom / other"}),ce.map(g=>e.jsx("option",{value:g.id,children:g.label},g.id))]}),p&&e.jsx("p",{className:"mt-1 text-2xs text-fg-subtle",children:m?e.jsxs(e.Fragment,{children:["Server settings are pre-filled for ",p.label," and locked."," ",e.jsx("button",{type:"button",className:"text-accent underline",onClick:()=>x(!0),children:"Advanced"})," ","lets you edit them by hand."]}):e.jsxs(e.Fragment,{children:["Editing ",p.label,"'s settings by hand."]})})]}),e.jsx(Z,{legend:"IMAP — incoming",badge:P,readOnly:m,host:h.host,port:String(h.port),security:h.security,hostPlaceholder:"imap.example.com",portPlaceholder:"993",onHostChange:g=>{c(d=>({...d,host:g})),l(null)},onPortChange:g=>c(d=>({...d,port:Number(g)})),onSecurityChange:g=>c(d=>({...d,security:g}))}),e.jsx("p",{className:"text-2xs text-fg-subtle",children:"Sending (SMTP) is optional — leave it blank to set up a receive-only account and add sending later in Settings."}),e.jsx(Z,{legend:"SMTP — outgoing (optional)",badge:P,readOnly:m,host:v.host,port:String(v.port),security:v.security,hostPlaceholder:"smtp.example.com",portPlaceholder:"587",onHostChange:g=>{j(d=>({...d,host:g})),l(null)},onPortChange:g=>j(d=>({...d,port:Number(g)})),onSecurityChange:g=>j(d=>({...d,security:g}))}),p&&e.jsxs("p",{className:"text-2xs text-fg-subtle",children:[p.passwordHelp.text," ",I&&e.jsx("a",{href:I,target:"_blank",rel:"noopener noreferrer",className:"text-accent underline",children:"Get an app password"})]})]})})}function Ue({email:t,username:o,password:s,onContinue:a,onBack:n,onChange:r}){const[u,h]=i.useState(o||t),[c,v]=i.useState(s),[j,S]=i.useState(null),y=t.split("@")[1]??"",w=ie(t),x=u.trim()!==""&&c.trim()!=="";i.useEffect(()=>{r(u,c)},[u,c,r]);const f=i.useCallback(()=>{if(!x){S("Enter your username and password.");return}S(null),a()},[x,a]);return i.useEffect(()=>{const l=p=>{p.key==="Enter"&&f(),p.key==="Escape"&&n()};return window.addEventListener("keydown",l),()=>window.removeEventListener("keydown",l)},[f,n]),e.jsx(L,{steps:M,activeStep:R.credentials,title:`Sign in to ${y||"your mail server"}`,subtitle:"Many providers require an app password instead of your normal one.",footer:e.jsxs(e.Fragment,{children:[e.jsx(C,{variant:"ghost",onClick:n,children:"Back"}),e.jsx(C,{variant:"primary",onClick:f,children:"Test connection"})]}),children:e.jsxs("div",{className:"space-y-3",children:[j&&e.jsx("div",{className:"rounded-md bg-danger-soft px-3 py-2 text-sm text-danger",children:j}),e.jsxs("div",{children:[e.jsx(A,{htmlFor:"credentials-username",children:"Username"}),e.jsx(F,{id:"credentials-username",value:u,onChange:l=>{h(l.target.value),S(null)},autoComplete:"username"})]}),e.jsxs("div",{children:[e.jsx(A,{htmlFor:"credentials-password",children:"Password or app password"}),e.jsx(ve,{id:"credentials-password",value:c,onChange:l=>{v(l.target.value),S(null)},autoComplete:"current-password"})]}),e.jsx(Ne,{url:w})]})})}function We({email:t,imapConfig:o,smtpConfig:s,username:a,password:n,onSuccess:r,onBackToCredentials:u,onBackToServers:h}){const[c,v]=i.useState({imapState:"running",smtpState:"pending",phase:"running"}),[j,S]=i.useState(0),y=s.host.trim()!=="",w=G(o.security),x=G(s.security),f=X({...ge()});i.useEffect(()=>{let m=!1;const N=[];return v({imapState:"running",smtpState:"pending",phase:"running"}),f.mutate({body:{username:a,password:n,imapHost:o.host,imapPort:o.port,imapTls:w.tls,imapStartTls:w.startTls,smtpHost:s.host,smtpPort:s.port,smtpTls:x.tls,smtpStartTls:x.startTls}},{onSuccess:b=>{if(m)return;const k=b.imapSuccess,T=y?b.smtpSuccess:!0;v({imapState:k?"ok":"failed",smtpState:y?"running":"ok",imapDetail:k?`Connected — ${o.host}:${o.port}`:b.imapError,phase:"running"}),N.push(window.setTimeout(()=>{if(m)return;const O=I=>{const g=I?.toLowerCase()??"";return g.includes("auth")||g.includes("login")||g.includes("535")||g.includes("credential")},P=!k&&O(b.imapError)||k&&y&&!b.smtpSuccess&&O(b.smtpError);v({imapState:k?"ok":"failed",smtpState:y?b.smtpSuccess?"ok":"failed":"ok",imapDetail:k?`Connected — ${o.host}:${o.port}`:b.imapError,smtpDetail:y?b.smtpSuccess?`Connected — ${s.host}:${s.port}`:b.smtpError:"Not set up — receive-only",rawError:k?y&&!b.smtpSuccess?b.smtpError:void 0:b.imapError,phase:k&&T?"success":P?"auth-failure":"network-failure"}),k&&T&&N.push(window.setTimeout(()=>{m||r()},800))},400))},onError:b=>{if(m)return;const k=b instanceof Error?b.message:"Connection failed";v({imapState:"failed",smtpState:"failed",imapDetail:k,smtpDetail:k,rawError:k,phase:"network-failure"})}}),()=>{m=!0;for(const b of N)window.clearTimeout(b)}},[j]);const{phase:l}=c;i.useEffect(()=>{const m=N=>{N.key==="Escape"&&(l==="auth-failure"?u():l==="network-failure"&&h())};return window.addEventListener("keydown",m),()=>window.removeEventListener("keydown",m)},[l,u,h]);const p=l==="auth-failure"?e.jsxs(e.Fragment,{children:[e.jsx(C,{variant:"ghost",onClick:u,children:"Back to credentials"}),e.jsx(C,{variant:"primary",onClick:()=>S(m=>m+1),children:"Retry"})]}):l==="network-failure"?e.jsxs(e.Fragment,{children:[e.jsx(C,{variant:"ghost",onClick:h,children:"Back to servers"}),e.jsx(C,{variant:"primary",onClick:()=>S(m=>m+1),children:"Retry"})]}):l==="success"?e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"text-2xs text-fg-subtle",children:"Connection verified"}),e.jsx(C,{variant:"primary",onClick:r,children:"Start syncing"})]}):e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"text-2xs text-fg-subtle",children:"Testing…"}),e.jsx("span",{})]});return e.jsx(L,{steps:M,activeStep:R.test,title:"Testing the connection",subtitle:`Checking ${t}`,footer:p,children:e.jsxs("div",{className:"divide-y divide-line",children:[e.jsx(_,{label:`IMAP — ${o.host}:${o.port}`,detail:c.imapDetail,state:c.imapState}),e.jsx(_,{label:y?`SMTP — ${s.host}:${s.port}`:"SMTP — sending",detail:y?c.smtpDetail:"Not set up — you can add sending later in Settings",state:c.smtpState}),(l==="auth-failure"||l==="network-failure")&&c.rawError&&e.jsxs("div",{className:"py-3",children:[l==="auth-failure"&&e.jsx("p",{className:"mb-2 text-xs text-fg-muted",children:"Check your password — many providers require an app password."}),e.jsx("code",{className:"block rounded bg-surface-sunken px-2.5 py-2 text-2xs text-fg-muted",children:c.rawError})]})]})})}const Ve=2e4;function Qe({email:t,displayName:o,imapConfig:s,smtpConfig:a,username:n,password:r,onGoToInbox:u}){const h=xe(),[c,v]=i.useState(null),[j,S]=i.useState(null),y=i.useRef(!1),w=G(s.security),x=G(a.security),f=X({...ye(),onSuccess:E=>{v(E.accountId),h.invalidateQueries({queryKey:fe()})},onError:E=>{S(E instanceof Error?E.message:"Failed to create account")}});i.useEffect(()=>{if(y.current)return;y.current=!0;const E=a.host.trim()!=="",H=we({imapHost:s.host,smtpHost:a.host,smtpPort:a.port}),$=E?H??{smtpHost:a.host,smtpPort:a.port,smtpTls:x.tls,smtpStartTls:x.startTls}:null;f.mutate({body:{email:t,displayName:o||void 0,username:n!==t?n:void 0,password:r,imapHost:s.host,imapPort:s.port,imapTls:w.tls,imapStartTls:w.startTls,smtpHost:$?.smtpHost||void 0,smtpPort:$?.smtpPort||void 0,smtpTls:$?.smtpTls??!1,smtpStartTls:$?.smtpStartTls??!1}})},[]);const{data:l,isError:p}=Q({...Y({path:{accountId:c??""}}),enabled:!!c,refetchInterval:E=>{const H=E.state.data?.syncPhase;return H==="complete"||H==="error"?!1:2e3}}),m=l?.syncPhase==="error",{data:N}=Q({...ne(),enabled:!!c&&m}),b=N?.accounts.find(E=>E.accountId===c)?.lastError,k=l?.mailboxes.find(E=>E.fullPath==="INBOX"||E.fullPath==="Inbox"),T=l?.mailboxCountTotal??0,O=l?.mailboxCountSynced??0,P=k?.messagesTotal??0,I=k?.messagesSynced??0,g=P>0?I/P:0,d=l?.syncPhase,le=m?"failed":d==="idle"||d===void 0||d==="discovering_mailboxes"?"running":T>0?"ok":"running",B=m?"failed":!d||d==="idle"||d==="discovering_mailboxes"?"pending":d==="syncing_inbox"||d==="syncing_others"?"running":"ok",U=m?"failed":!d||d==="idle"||d==="discovering_mailboxes"||d==="syncing_inbox"?"pending":d==="syncing_others"?"running":"ok",me=I>0||k?.phase==="complete"||d==="complete"||m,[ue,de]=i.useState(!1);i.useEffect(()=>{if(!c)return;const E=setTimeout(()=>de(!0),Ve);return()=>clearTimeout(E)},[c]);const pe=!!c&&(me||p||ue);return j?e.jsx(L,{steps:M,activeStep:R.sync,title:"Couldn't create account",subtitle:"Something went wrong saving your account.",footer:e.jsxs(e.Fragment,{children:[e.jsx("span",{}),e.jsx(C,{variant:"primary",onClick:()=>{y.current=!1,S(null),f.mutate({body:{email:t,displayName:o||void 0,username:n!==t?n:void 0,password:r,imapHost:s.host,imapPort:s.port,imapTls:w.tls,imapStartTls:w.startTls,smtpHost:a.host||void 0,smtpPort:a.port||void 0,smtpTls:x.tls,smtpStartTls:x.startTls}})},children:"Retry"})]}),children:e.jsx("code",{className:"block rounded bg-surface-sunken px-2.5 py-2 text-2xs text-fg-muted",children:j})}):e.jsx(L,{steps:M,activeStep:R.sync,title:`Syncing ${t}`,subtitle:"Newest mail first — you can start reading right away.",footer:e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"text-2xs text-fg-subtle",children:"Sync continues in the background"}),pe?e.jsx(C,{variant:"primary",onClick:()=>c&&u(c),children:"Go to inbox"}):e.jsx(C,{variant:"primary",disabled:!0,icon:e.jsx(D,{className:"size-3.5 animate-spin"}),children:"Getting your mail…"})]}),children:f.isPending?e.jsxs("div",{className:"flex items-center gap-2 py-4 text-sm text-fg-muted",children:[e.jsx(D,{className:"size-4 animate-spin text-accent"}),"Creating your account…"]}):e.jsxs("div",{className:"space-y-3",children:[P>0&&e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-baseline justify-between text-xs",children:[e.jsx("span",{className:"font-medium text-fg",children:"INBOX"}),e.jsxs("span",{className:"text-fg-subtle tabular-nums",children:[I.toLocaleString()," / ",P.toLocaleString()," ","messages"]})]}),e.jsx("div",{className:"mt-1 h-1.5 overflow-hidden rounded-full bg-surface-sunken",children:e.jsx("div",{className:"h-full rounded-full bg-accent transition-all duration-500",style:{width:`${Math.max(2,g*100)}%`}})})]}),e.jsxs("div",{className:"divide-y divide-line",children:[e.jsx(_,{label:"Mailboxes discovered",detail:T>0?`${T} mailbox${T===1?"":"es"} found`:"Discovering…",state:le}),e.jsx(_,{label:"INBOX",detail:B==="ok"?`${I.toLocaleString()} messages synced`:B==="running"?"Syncing newest first…":"Queued",state:B}),O>1||d==="syncing_others"||d==="complete"?e.jsx(_,{label:"Other mailboxes",detail:U==="ok"?`${O-1} mailboxes synced`:U==="running"?"Syncing…":"Queued",state:U}):null]}),m&&e.jsxs("div",{className:"mt-2 space-y-2",children:[e.jsxs("p",{className:"text-xs text-danger",children:["Sync stalled. The account is still active —"," ",e.jsx("button",{type:"button",className:"underline",onClick:()=>{h.invalidateQueries({queryKey:Y({path:{accountId:c??""}}).queryKey})},children:"retry"})]}),b&&e.jsx("code",{className:"block rounded bg-surface-sunken px-2.5 py-2 text-2xs text-fg-muted",children:b})]})]})})}function Ze({skipWelcome:t=!1,onComplete:o,onCancel:s}){const[a,n]=i.useState(t?"connector":"welcome"),[r,u]=i.useState({email:"",displayName:"",imapConfig:te,smtpConfig:se,username:"",password:"",discoveryResult:null,discovered:!1,createdAccountId:null}),h=i.useCallback(()=>n("connector"),[]),c=i.useCallback(()=>n("address"),[]),v=i.useCallback(()=>n("microsoft-email"),[]),j=i.useCallback(()=>{t?s?.():n("welcome")},[t,s]),S=i.useCallback((l,p,m)=>{let N=te,b=se,k=!1;m&&(k=m.source!=="heuristic",N={host:m.imap.host,port:m.imap.port,security:m.imap.security},b={host:m.smtp.host,port:m.smtp.port,security:m.smtp.security}),u(T=>({...T,email:l,displayName:p,imapConfig:N,smtpConfig:b,discoveryResult:m,discovered:k,username:l})),n("servers")},[]),y=i.useCallback((l,p)=>{u(m=>({...m,imapConfig:l,smtpConfig:p}))},[]),w=i.useCallback((l,p)=>{u(m=>({...m,username:l,password:p}))},[]),x=i.useCallback(()=>n("sync"),[]),f=i.useCallback(l=>{o(l)},[o]);switch(a){case"welcome":return e.jsx($e,{onStart:h});case"connector":return e.jsx(De,{onContinue:c,onMicrosoft:v,onBack:j,showBack:!t});case"microsoft-email":return e.jsx(qe,{onBack:()=>n("connector"),onConnected:f});case"address":return e.jsx(Ge,{initialEmail:r.email,initialDisplayName:r.displayName,onContinue:S,onBack:()=>n("connector")});case"servers":return e.jsx(Be,{email:r.email,imapConfig:r.imapConfig,smtpConfig:r.smtpConfig,discovered:r.discovered,onContinue:()=>n("credentials"),onBack:()=>n("address"),onChange:y});case"credentials":return e.jsx(Ue,{email:r.email,username:r.username,password:r.password,onContinue:()=>n("test"),onBack:()=>n("servers"),onChange:w});case"test":return e.jsx(We,{email:r.email,imapConfig:r.imapConfig,smtpConfig:r.smtpConfig,username:r.username,password:r.password,onSuccess:x,onBackToCredentials:()=>n("credentials"),onBackToServers:()=>n("servers")});case"sync":return e.jsx(Qe,{email:r.email,displayName:r.displayName,imapConfig:r.imapConfig,smtpConfig:r.smtpConfig,username:r.username,password:r.password,onGoToInbox:f})}}export{Ze as O,ce as P,ee as g,G as s,Ie as u};