@rapidmx/web-client 0.14.1 → 0.16.0

package/dist/apps/www/index.js

@@ -8,6 +8,7 @@ import { useNavigate } from "../shared/navigation/AppRouter.js";
 import { whenIdle } from "../shared/navigation/idle.js";
 import { prefetchComposeWindow } from "../shared/components/mail/compose/ComposeContext.js";
 import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
+import { createPortal } from "react-dom";
 import { HiOutlineFlag, HiOutlineLockClosed, HiOutlinePaperClip } from "react-icons/hi2";
 import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
 import { archiveMessage, bulkUpdateMessages, createFolder, getMessage, getMessageRawContent, listFolders, listMessages, moveMessages, setMessagesFlagged, } from "@rapidmx/react-shared/mail/mailApi.js";
@@ -15,8 +16,8 @@ import { listLabels } from "@rapidmx/react-shared/mail/labelsApi.js";
 import { listConversationMessages, listConversations, } from "@rapidmx/react-shared/mail/conversationsApi.js";
 import { search as searchMailbox } from "@rapidmx/react-shared/search/searchApi.js";
 import { parseSearchQuery } from "@rapidmx/react-shared/search/queryGrammar.js";
-import { normalizeServerScores } from "@rapidmx/react-shared/search/searchScoring.js";
 import { searchLocalIndex } from "../shared/search/searchTier2.js";
+import { SEARCH_LIMITS, classifyFailure, describeFailures, hitKey, mergeSearchResults, runLimited, searchPageSize, tagHits, withTimeout, } from "../shared/search/crossMailboxSearch.js";
 import { getUnlockedKeys, subscribeKeySession } from "@rapidmx/react-shared/crypto/keySession.js";
 import { useMessageAttachments } from "@rapidmx/react-shared/mail/mailDetailHooks.js";
 import useIsMobile from "@rapidmx/react-shared/util/useIsMobile.js";
@@ -24,12 +25,16 @@ import MailShell, { useMailShell, } from "../shared/components/mail/layout/MailS
 import MailAddress from "../shared/components/mail/MailAddress.js";
 import OutboxRowStatus from "../shared/components/mail/OutboxRowStatus.js";
 import { mergeFirstPage } from "../shared/mail/mergeFirstPage.js";
+import { isOwnMailbox, orderMailboxes, primaryMailboxUid } from "../shared/mail/primaryMailbox.js";
 import { listSnapshotKey, readListSnapshot, saveListScroll, writeListSnapshot } from "../shared/mail/listSnapshots.js";
 import { setReadStateMany } from "../shared/mail/messageReadState.js";
 import { useMarkMessageRead } from "../shared/mail/useMarkMessageRead.js";
 import { ROW_FOCUS_CLASS, UnreadBar, UnreadLabel, dateClass, isUnread, rowClass, senderClass, subjectClass } from "../shared/components/mail/unreadStyle.js";
 import { LazyConversationThreadPane, LazyMessageDetailPane, prefetchReadingPane } from "../shared/components/mail/LazyReadingPane.js";
 import ConversationList from "../shared/components/mail/ConversationList.js";
+import SwipeRow from "../shared/components/mail/SwipeRow.js";
+import InviteRowChip from "../shared/components/mail/invite/InviteRowChip.js";
+import MoveToFolderDialog from "../shared/components/mail/MoveToFolderDialog.js";
 import { EncryptedPreview } from "../shared/components/mail/reading/EncryptedPreview.js";
 import MailListToolbar from "../shared/components/mail/MailListToolbar.js";
 import MailSelectionBar from "../shared/components/mail/MailSelectionBar.js";
@@ -78,12 +83,14 @@ function stripHtmlToText(html) {
  */
 async function decryptEncryptedRows(messages, unlocked) {
     const encrypted = messages.filter((m) => m.subject === ENCRYPTED_SUBJECT_PLACEHOLDER);
+    // Imported once for all the rows, by whichever needs it first.
+    let securityModule;
     const entries = await Promise.all(encrypted.map(async (message) => {
         try {
             const rawMime = await getMessageRawContent(message.uid);
             // Loaded here, on first use: the S/MIME code (PKI.js, ASN.1, X.509) is over half a megabyte and an inbox with
             // no encrypted mail in it never needs it.
-            const { evaluateMessageSecurity } = await import("@rapidmx/react-shared/crypto/messageSecurity.js");
+            const { evaluateMessageSecurity } = await (securityModule ?? (securityModule = import("@rapidmx/react-shared/crypto/messageSecurity.js")));
             const security = await evaluateMessageSecurity(rawMime, unlocked);
             if (!security.subject && !security.html) {
                 return null;
@@ -103,53 +110,20 @@ async function decryptEncryptedRows(messages, unlocked) {
     }
     return result;
 }
-/** Merges Tier 1 (server, possibly `metadataOnly` for an encrypted message), Tier 2 (local index, fully
- * decrypted and re-scored), and Tier 3 (server-narrowed candidates, decrypted and re-scored) results into
- * one ranked list, per `specs/search.md` §7's "client MUST re-score all results it can see... normalise
- * into the same space rather than interleaving raw scores": each tier is normalized independently via
- * `normalizeServerScores()` before merging, since a Postgres/OpenSearch score, a local `bm25()` score,
- * and this module's own Tier 3 term-count score all occupy unrelated ranges. A uid present in more than
- * one list keeps only the last-inserted entry (Tier 2 wins over Tier 3 wins over Tier 1) - Tier 2 and
- * Tier 3 both represent genuine, content-verified scores for the same message, so which one "wins" on
- * overlap doesn't change correctness, only which of two equally-valid scores is shown; either supersedes
- * Tier 1's metadata-only guess for the same uid.
- *
- * Called progressively - once per tier as it resolves, each time with whatever tiers have reported so
- * far (an empty array for the rest) - by `InboxContent`'s own search orchestration below, per §_Progressive
- * Results_' "reordering is permitted and preferred over appending." This function itself stays pure and
- * stateless; it has no notion of "in progress" versus "final." */
-function mergeSearchResults(tier1, tier2, tier3) {
-    const normalizedTier1 = normalizeServerScores(tier1);
-    const normalizedTier2 = normalizeServerScores(tier2);
-    const normalizedTier3 = normalizeServerScores(tier3);
-    const merged = new Map();
-    for (const entry of normalizedTier1) {
-        merged.set(entry.result.entityUid, entry);
-    }
-    for (const entry of normalizedTier3) {
-        merged.set(entry.result.entityUid, entry);
-    }
-    for (const entry of normalizedTier2) {
-        merged.set(entry.result.entityUid, entry);
-    }
-    return Array.from(merged.values())
-        .sort((a, b) => b.normalizedScore - a.normalizedScore)
-        .map((entry) => entry.result);
-}
 /** `type:` narrows `entityTypes`; when absent this still defaults to `["message"]` — a non-message hit
  * (contact/calendarEvent/note/task) has no `Message` to resolve via `getMessage()` below and is simply
  * dropped by the same eventually-consistent-index fallback that already existed, rather than rendered
  * (this inbox list only ever shows message rows; a real multi-entity-type results view is a separate,
  * larger UI project outside this pass). Shared by both the fresh-search orchestration and `loadMore()`
  * below, which each build this from the same `ParsedSearchQuery` differently only in `cursor`. */
-function tier1SearchParams(parsed, cursor, mailboxUid) {
+function tier1SearchParams(parsed, cursor, mailboxUid, limit) {
     return {
-        // The mailbox actually open - omitted, the server searches the caller's *own* mailbox, which is the
-        // wrong one whenever a shared mailbox's folder is being viewed.
+        // The mailbox being searched - omitted, the server searches the caller's *own* mailbox, which is the
+        // wrong one whenever a shared mailbox's folder is being viewed (or several mailboxes are searched at once).
         mailboxUid,
         types: parsed.entityTypes ?? ["message"],
         cursor,
-        limit: MESSAGE_PAGE_SIZE,
+        limit,
         from: parsed.from,
         to: parsed.to,
         cc: parsed.cc,
@@ -235,9 +209,10 @@ function tier3Windows(parsed, coverage, searchAllMail) {
 }
 /** Runs Tier 3 over each window and merges the candidates (a uid can't match in two disjoint windows, but a
  * message whose date sits exactly on a boundary may come back from both). */
-async function searchTier3Windows(windows, unlocked, mailboxUid) {
-    // Loaded on first use, with the S/MIME code it decrypts through (see `decryptEncryptedRows()`).
-    const { searchEncryptedCandidates } = await import("@rapidmx/react-shared/search/searchTier3.js");
+async function searchTier3Windows(windows, unlocked, mailboxUid, loadTier3) {
+    // Loaded on first use, with the S/MIME code it decrypts through (see `decryptEncryptedRows()`) - once for however many mailboxes a search
+    // covers: `loadTier3` hands every one of them the same import.
+    const { searchEncryptedCandidates } = await loadTier3();
     const pages = await Promise.all(windows.map((window) => searchEncryptedCandidates(window, unlocked, TIER3_CANDIDATE_LIMIT, { mailboxUid })));
     const merged = new Map();
     for (const result of pages.flat()) {
@@ -252,6 +227,10 @@ async function searchTier3Windows(windows, unlocked, mailboxUid) {
 function decodeCursor(raw, fingerprint) {
     return raw?.fingerprint === fingerprint ? raw : undefined;
 }
+/** The mailboxes a search's `cursor` can still be paged for. */
+function mailboxesWithMore(cursor) {
+    return [...cursor.perMailbox].filter(([, mailboxCursor]) => mailboxCursor.more).map(([uid]) => uid);
+}
 /** Resolves every hit's `entityUid` to a full `Message` via `getMessage()`, reusing `cache` across
  * repeated calls within the same search pass - `InboxContent`'s own search orchestration below re-merges
  * and re-resolves the *entire* current hit set each time a tier resolves, so without this cache every
@@ -366,11 +345,27 @@ async function fetchAggregateMessages(mailboxFolders, type, filter) {
     }));
     return mergeInboxMessages(perMailbox);
 }
+/** Groups search results by the conversation each message belongs to - within its own mailbox - the groups in the order of their first result. */
+function groupByConversation(results) {
+    const groups = new Map();
+    for (const message of results) {
+        const id = message.conversationId ?? message.uid;
+        const key = `${message.mailboxUid}\u0000${id}`;
+        const group = groups.get(key);
+        if (group) {
+            group.messages.push(message);
+        }
+        else {
+            groups.set(key, { id, mailboxUid: message.mailboxUid, messages: [message] });
+        }
+    }
+    return [...groups.values()];
+}
 function InboxPage(props) {
     return (_jsx(MailShell, { ...props, children: _jsx(InboxContent, { userUid: props.userUid }) }));
 }
 function InboxContent({ userUid }) {
-    const { folderUid, mailboxUid, mailboxes, mailboxFolders, aggregateFolderType, onFolderCreated, noteFolderUids, live, trackMessageChange } = useMailShell();
+    const { folderUid, mailboxUid, mailboxes, mailboxFolders, aggregateFolderType, onFolderCreated, noteFolderUids, live, trackMessageChange, mobileSearchSlot } = useMailShell();
     const isMobile = useIsMobile();
     const navigate = useNavigate();
     const { requestUnlock } = useUnlockPrompt();
@@ -394,6 +389,7 @@ function InboxContent({ userUid }) {
     const [selectedUid, setSelectedUid] = useState(null);
     // The thread the conversation list opened, and which of its messages was picked - the reading pane
     // shows the whole conversation, positioned at that message (see `ConversationThreadPane`).
+    // The mailbox is the open thread's own: a search over several mailboxes can open one that is not the page's mailbox.
     const [openThread, setOpenThread] = useState(null);
     // Messages the page has a newer copy of than `ConversationList` fetched (so far only the one the reading
     // pane just marked read), applied over its own child rows so they don't stay bold after being read.
@@ -426,9 +422,15 @@ function InboxContent({ userUid }) {
     // search and aggregate views it can be, and its labels must not be offered as a filter for this one.
     // Empty (and never fetched) otherwise - see `labels` below.
     const [otherMailboxLabels, setOtherMailboxLabels] = useState([]);
-    // Tier 2's own reported window coverage for the current search - undefined outside a search, or
-    // before Tier 2 has resolved yet for this search pass.
-    const [coverage, setCoverage] = useState(undefined);
+    // Tier 2's own reported window coverage for each mailbox the current search covers - empty outside a search, and
+    // holding nothing for a mailbox until Tier 2 has resolved for it in this search pass (or at all, for one without a local index).
+    const [coverages, setCoverages] = useState({});
+    // The mailboxes the current search could not (fully) search, and why - only a search over several mailboxes carries on past a
+    // failed one (a search of one mailbox fails as a whole, as it always has).
+    const [searchFailures, setSearchFailures] = useState([]);
+    // "Search all mailboxes" from a mailbox's own folder: the search is widened to every mailbox the reader can read. Reset with the search
+    // (see the effects below), and by leaving the folder.
+    const [searchAllMailboxes, setSearchAllMailboxes] = useState(false);
     // Keyed by message uid - see decryptEncryptedRows(). Never cleared on folder/search switches (a
     // decrypted row stays decrypted while its keys stay unlocked; re-decrypting on every navigation would
     // waste work for no benefit) - only cleared when the mailbox's keys are locked (see the
@@ -462,7 +464,8 @@ function InboxContent({ userUid }) {
     // aggregate-view row from a *different*, not-yet-unlocked mailbox stays locked until that mailbox's
     // own folder view is opened directly - an accepted limitation, not a bug (see `MailShell`'s own doc
     // comment on the same tradeoff for its `LocalIndexLifecycle`/`KeyEnrollmentGate` wiring).
-    const activeMailboxUid = mailboxUid ?? mailboxes.find((mb) => mb.ownerUserUid === userUid)?.uid ?? mailboxes[0]?.uid;
+    // Always set once this page renders: a caller with no mailbox at all gets `MailboxProvisioning` from the shell instead.
+    const activeMailboxUid = (mailboxUid ?? primaryMailboxUid(mailboxes, userUid));
     const mailboxKeys = mailboxes.find((mb) => mb.uid === activeMailboxUid)?.keys ?? [];
     // The Sort/Filter menus' and "Show as conversations"' current settings, remembered per mailbox across
     // reloads (`listPreferences.ts`). Read during render, not in an effect, so the very first listing
@@ -477,16 +480,42 @@ function InboxContent({ userUid }) {
         setPreferencesByMailbox((prev) => ({ ...prev, [activeMailboxUid]: next }));
         setMailListPreferences(activeMailboxUid, next);
     }
-    // Search stays real-folder-only - Tier 1/2/3 are all deeply mailbox/folder-scoped, and extending them
-    // to span an arbitrary number of mailboxes is out of scope for this pass (see the aggregate-fetch
-    // branch below, which the search effect never reaches while `folderUid` is unset).
-    const isSearching = !preferences.showAsConversations && searchQuery.length > 0 && !aggregateFolderType;
+    // What a search covers. In a mailbox's own folder it is that mailbox (all of its folders, as it always was); in an "All mailboxes" view - or
+    // once the reader has widened it from a folder - it is every mailbox they can read, the very set those views aggregate: the ones whose
+    // folders could be listed (a mailbox whose listing failed, say a delegate grant without mail access, is not readable). Tier 1/2/3 are all
+    // mailbox-scoped, so a search over several is the same per-mailbox search once for each, merged (see the search effect below). Own
+    // mailboxes come first, so the cap on how many are searched at once leaves out shared ones before the reader's own.
+    const readableMailboxes = mailboxFolders.filter((mf) => !mf.error).map((mf) => mf.mailbox);
+    const crossMailbox = !!aggregateFolderType || searchAllMailboxes;
+    // `in:<folder>` names a folder, and a folder belongs to one mailbox: only that mailbox can have results, so only it is searched (a folder none of
+    // them has is left to the server to say so of every mailbox).
+    const inFolderUid = crossMailbox ? parseSearchQuery(searchQuery).folderUid : undefined;
+    const mailboxesWithFolder = inFolderUid
+        ? mailboxFolders.filter((mf) => !mf.error && mf.folders.some((f) => f.uid === inFolderUid)).map((mf) => mf.mailbox)
+        : [];
+    const searchableMailboxes = mailboxesWithFolder.length > 0 ? mailboxesWithFolder : readableMailboxes;
+    const searchedMailboxes = crossMailbox ? orderMailboxes(searchableMailboxes, userUid).slice(0, SEARCH_LIMITS.maxMailboxes) : [];
+    // A single mailbox's own folder always has one; a cross-mailbox search has whichever it covers.
+    const searchTargetUids = crossMailbox ? searchedMailboxes.map((mb) => mb.uid) : [mailboxUid];
+    // A dependency of the search effect, which can't take the array itself.
+    const searchTargetKey = searchTargetUids.join(",");
+    // Search works whichever way the list is arranged. Its results are messages, so while a query is held the list is fetched as
+    // messages (`asConversations` is about the list's data and is false then), and when the reader arranges by conversation they are
+    // shown grouped under their conversation - only the messages that match - with the whole thread in the reading pane
+    // (`threadPane`, which follows the arrangement the reader chose and not the query).
+    const isSearching = searchQuery.length > 0;
+    /** How many rows the list on screen keeps: the same 500 for a search as for a listing (`SEARCH_LIMITS.maxRows`, which a test can shrink). */
+    const rowCap = isSearching ? SEARCH_LIMITS.maxRows : MAX_LOADED_ROWS;
+    const asConversations = preferences.showAsConversations && !isSearching;
+    const threadPane = preferences.showAsConversations;
+    const groupedResults = isSearching && preferences.showAsConversations;
     // Focused/Other is an Inbox-only concept (`FocusedInboxUtils.classifyMessage()` short-circuits to
     // Focused for every other folder), and
     // search results are ranked across folders rather than listed from one, so neither tab is offered
     // there. Not offered for an aggregate view either (each mailbox classifies independently; merging
     // that is out of scope).
-    const currentFolders = mailboxFolders.find((mf) => mf.mailbox.uid === activeMailboxUid)?.folders ?? [];
+    const foldersOf = (ofMailbox) => mailboxFolders.find((mf) => mf.mailbox.uid === ofMailbox)?.folders ?? [];
+    const currentFolders = foldersOf(activeMailboxUid);
     const currentFolderIsInbox = currentFolders.find((f) => f.uid === folderUid)?.type === "inbox";
     const offerClassificationFilters = currentFolderIsInbox && !isSearching && !aggregateFolderType;
     // A remembered Focused/Other filter must not silently narrow a folder that has no Focused Inbox to
@@ -513,7 +542,7 @@ function InboxContent({ userUid }) {
      * shown: `GET /mail/messages/conversations` takes no sort parameters at all, so those rows are ordered
      * in the browser (`sortConversations()`) and rearranging them must not refetch the identical page -
      * which would also collapse whichever conversations the reader had expanded. */
-    const serverSortKey = preferences.showAsConversations ? "" : `${preferences.sortBy}:${preferences.sortOrder}`;
+    const serverSortKey = asConversations ? "" : `${preferences.sortBy}:${preferences.sortOrder}`;
     /** The conversation list's own equivalent of `listParams` - a function because the page differs. */
     function conversationParams(page) {
         return { folderUid, filter: effectiveFilter, ...labelFilter, page, limit: MESSAGE_PAGE_SIZE };
@@ -555,7 +584,7 @@ function InboxContent({ userUid }) {
     const resolvedMessageCacheRef = useRef(new Map());
     // Session-scoped, never explicitly cleared - see Tier3Cache's own doc comment above.
     const tier3CacheRef = useRef(new Map());
-    // The latest composite cursor this search pass has reached - read by loadMore(), written at the end
+    // The latest cursor this search pass has reached (one composite cursor per mailbox searched) - read by loadMore(), written at the end
     // of both the fresh-search orchestration and loadMore() itself. Not React state: it never drives a
     // render on its own, only what loadMore() does with it later.
     const compositeCursorRef = useRef(undefined);
@@ -573,33 +602,34 @@ function InboxContent({ userUid }) {
     // state update elsewhere). New rows (a fresh page load, load-more, or a completed search) each
     // re-trigger this the normal way, by changing `messages` itself.
     //
-    // Scoped to `activeMailboxUid`'s own rows only - in aggregate mode `messages` can span several
-    // mailboxes, but only one mailbox's keys are ever being unlocked/tracked here (see `activeMailboxUid`'s
-    // own doc comment above); an encrypted row from any other mailbox simply isn't a candidate for this
-    // auto-decrypt or the manual unlock banner below.
-    const undecryptedEncryptedUids = messages
-        .filter((m) => m.subject === ENCRYPTED_SUBJECT_PLACEHOLDER && !decryptedRows[m.uid] && m.mailboxUid === activeMailboxUid)
-        .map((m) => m.uid);
+    // The auto-decrypt below covers every mailbox whose keys are unlocked - in aggregate mode and in a search over several mailboxes `messages`
+    // spans them, and a mailbox unlocked from the search's own banner has rows to show. The manual unlock banner (`handleUnlockList()`) is
+    // still about `activeMailboxUid` only (see its own doc comment above): a row of a locked mailbox stays "Encrypted message".
+    const undecryptedEncrypted = messages.filter((m) => m.subject === ENCRYPTED_SUBJECT_PLACEHOLDER && !decryptedRows[m.uid]);
+    const undecryptedEncryptedUids = undecryptedEncrypted.filter((m) => m.mailboxUid === activeMailboxUid).map((m) => m.uid);
     // Once unlocked, silently decrypt this page's own encrypted rows to show their real subject/preview -
     // no prompt needed here, the same way searchEncryptedCandidates() already auto-includes decrypted
     // matches once unlocked without asking again. Only the *first* unlock (or a fresh page of messages
     // arriving) needs this; `handleUnlockList()` below covers the not-yet-unlocked case explicitly.
     useEffect(() => {
-        if (undecryptedEncryptedUids.length === 0 || !activeMailboxUid) {
-            return;
-        }
-        const unlocked = getUnlockedKeys(activeMailboxUid);
-        if (!unlocked) {
-            return;
-        }
         let cancelled = false;
         const lockGeneration = lockGenerationRef.current;
-        void decryptEncryptedRows(messages.filter((m) => undecryptedEncryptedUids.includes(m.uid)), unlocked).then((decrypted) => {
-            // A lock while this was in flight already cleared `decryptedRows` - never put them back.
-            if (!cancelled && lockGeneration === lockGenerationRef.current && Object.keys(decrypted).length > 0) {
-                setDecryptedRows((prev) => ({ ...prev, ...decrypted }));
+        const rowsByMailbox = new Map();
+        for (const message of undecryptedEncrypted) {
+            rowsByMailbox.set(message.mailboxUid, [...(rowsByMailbox.get(message.mailboxUid) ?? []), message]);
+        }
+        for (const [rowsMailboxUid, rows] of rowsByMailbox) {
+            const unlocked = getUnlockedKeys(rowsMailboxUid);
+            if (!unlocked) {
+                continue;
             }
-        });
+            void decryptEncryptedRows(rows, unlocked).then((decrypted) => {
+                // A lock while this was in flight already cleared `decryptedRows` - never put them back.
+                if (!cancelled && lockGeneration === lockGenerationRef.current && Object.keys(decrypted).length > 0) {
+                    setDecryptedRows((prev) => ({ ...prev, ...decrypted }));
+                }
+            });
+        }
         return () => {
             cancelled = true;
         };
@@ -609,11 +639,13 @@ function InboxContent({ userUid }) {
     // snippets (Tier 2/3 snippets are decrypted content), and the already-decrypted Tier 3 candidates. A
     // live search re-runs, so Tier 2/3 contribute nothing again until the user unlocks. Read through a ref
     // so the subscription itself doesn't churn on every render.
-    const keyLockStateRef = useRef({ activeMailboxUid, isSearching });
-    keyLockStateRef.current = { activeMailboxUid, isSearching };
+    const keyLockStateRef = useRef({ activeMailboxUid, isSearching, searchTargetUids });
+    keyLockStateRef.current = { activeMailboxUid, isSearching, searchTargetUids };
     useEffect(() => subscribeKeySession(({ mailboxUid: changedMailboxUid, state }) => {
         const current = keyLockStateRef.current;
-        if (state !== "locked" || changedMailboxUid !== current.activeMailboxUid) {
+        // The open mailbox's, or - while searching - any mailbox the search covers: their decrypted hits are on screen too.
+        const relevant = changedMailboxUid === current.activeMailboxUid || (current.isSearching && current.searchTargetUids.includes(changedMailboxUid));
+        if (state !== "locked" || !relevant) {
             return;
         }
         lockGenerationRef.current += 1;
@@ -637,8 +669,30 @@ function InboxContent({ userUid }) {
             // User dismissed the unlock dialog - rows stay exactly as they were.
         }
     }
+    /** The mailboxes a search over several could include encrypted mail from if they were unlocked: the ones with keys that are locked right now.
+     * `unlockable` are the reader's own - a shared mailbox's keys belong to its owner, and unlocking them is not something this page can ask for. */
+    const lockedSearchMailboxes = crossMailbox ? searchedMailboxes.filter((mb) => (mb.keys?.length ?? 0) > 0 && !getUnlockedKeys(mb.uid)) : [];
+    const unlockableSearchMailboxes = lockedSearchMailboxes.filter((mb) => isOwnMailbox(mb, userUid));
+    const sharedLockedSearchMailboxes = lockedSearchMailboxes.filter((mb) => !isOwnMailbox(mb, userUid));
+    /** Unlocked mailboxes with encrypted mail to search that have no local index on this device (the index is only built for the open mailbox), so
+     * only Tier 3 - server-narrowed, bounded - reaches their encrypted mail. */
+    const serverOnlyMailboxes = crossMailbox
+        ? searchedMailboxes.filter((mb) => (mb.keys?.length ?? 0) > 0 && !!getUnlockedKeys(mb.uid) && !coverages[mb.uid]?.indexedFrom)
+        : [];
+    /** The one mailbox's own coverage, for a search of one. */
+    const coverage = coverages[mailboxUid ?? ""];
+    /** A folder's search can be widened to every mailbox, when there is more than one to widen it to. */
+    const widenable = !aggregateFolderType && readableMailboxes.length > 1;
     async function handleUnlockSearch() {
         try {
+            if (crossMailbox) {
+                // One prompt per locked mailbox of the reader's own, in turn; a dismissed one stops the rest.
+                for (const mailbox of unlockableSearchMailboxes) {
+                    await requestUnlock(mailbox.uid, mailbox.keys);
+                    setUnlockRefresh((n) => n + 1);
+                }
+                return;
+            }
             await requestUnlock(activeMailboxUid, mailboxKeys);
             setUnlockRefresh((n) => n + 1);
         }
@@ -653,7 +707,7 @@ function InboxContent({ userUid }) {
     // `activeMailboxUid`, and offering that mailbox's labels would let a label from the wrong mailbox be
     // applied. The conversation view stays scoped to `activeMailboxUid`, the mailbox its threads come from.
     const selectedMessageMailboxUid = messages.find((m) => m.uid === selectedUid)?.mailboxUid;
-    const labelsMailboxUid = preferences.showAsConversations ? activeMailboxUid : (selectedMessageMailboxUid ?? activeMailboxUid);
+    const labelsMailboxUid = threadPane ? (openThread?.mailboxUid ?? activeMailboxUid) : (selectedMessageMailboxUid ?? activeMailboxUid);
     // Almost always the open mailbox's own labels, already fetched below - so `labels` reuses that list
     // rather than asking for the identical one a second time (which is what this page did on every single
     // view). Only a selected message from *another* mailbox - a search hit or an aggregate-view row - needs
@@ -709,17 +763,30 @@ function InboxContent({ userUid }) {
         if (shown !== null && shown !== selectionKey) {
             setSearchInput("");
             setSearchQuery("");
+            setSearchAllMailboxes(false);
         }
         if (folderUid || aggregateFolderType) {
             shownSelectionRef.current = selectionKey;
         }
     }, [selectionKey]);
+    // A search widened to every mailbox lasts for that search: once the box is emptied the next one starts in the open folder's mailbox again.
+    useEffect(() => {
+        if (searchQuery === "") {
+            setSearchAllMailboxes(false);
+        }
+    }, [searchQuery]);
+    // Rows can be ticked in the results of a search over every mailbox, but not in the listing they came out of: clearing the search leaves select mode.
+    useEffect(() => {
+        if (aggregateFolderType && !isSearching) {
+            setSelectMode(false);
+        }
+    }, [aggregateFolderType, isSearching]);
     // Which listing this is, for the short-lived snapshot of each folder that makes going back to one instant (see
     // `listSnapshots.ts`). A search, an aggregate view and a folder that hasn't resolved have no snapshot.
     const listKey = listSnapshotKey({
         mailboxUid: activeMailboxUid,
         folderUid,
-        conversations: preferences.showAsConversations,
+        conversations: asConversations,
         filter: effectiveFilter,
         labels: labelFilterKey,
         sort: serverSortKey,
@@ -787,7 +854,7 @@ function InboxContent({ userUid }) {
             setLoading(true);
             return;
         }
-        if (preferences.showAsConversations) {
+        if (asConversations) {
             // Conversations stay single-mailbox (not aggregated across mailboxes in this pass) - in
             // aggregate mode this falls back to `activeMailboxUid`, the same mailbox unlock/labels use
             // (always set - `MailShell` only renders this component once at least one mailbox exists).
@@ -834,7 +901,7 @@ function InboxContent({ userUid }) {
             });
             return invalidate;
         }
-        if (aggregateFolderType) {
+        if (aggregateFolderType && !isSearching) {
             setLoading(true);
             setError(null);
             // hasMore stays false (set above) - see fetchAggregateMessages()'s own pagination scope trim.
@@ -854,82 +921,183 @@ function InboxContent({ userUid }) {
         setLoading(!snapshot);
         setError(null);
         if (isSearching) {
-            setCoverage(undefined);
+            setCoverages({});
+            setSearchFailures([]);
             setPendingUids(new Set());
             setTier1Done(false);
             setTier2Done(false);
             setTier3Done(false);
             resolvedMessageCacheRef.current = new Map();
             const parsed = parseSearchQuery(searchQuery);
-            const unlocked = getUnlockedKeys(mailboxUid);
             const fingerprint = queryFingerprint(parsed);
-            // Recomputes and re-renders the merged list from whatever tiers have reported so far -
+            // What each mailbox is asked for per page: the whole page for one mailbox, a share of it for several.
+            const pageSize = searchPageSize(searchTargetUids.length, MESSAGE_PAGE_SIZE);
+            // Only a search over several mailboxes gives up on a slow one - a search of one is left to take as long as it takes.
+            const tier1TimeoutMs = crossMailbox ? SEARCH_LIMITS.tier1TimeoutMs : Infinity;
+            const tier3TimeoutMs = crossMailbox ? SEARCH_LIMITS.tier3TimeoutMs : Infinity;
+            const mailboxNames = new Map(searchedMailboxes.map((mb) => [mb.uid, mb.displayName]));
+            const isSuperseded = () => searchRunIdRef.current !== myRunId;
+            // Tier 3's code, imported when the first mailbox needs it and shared by the rest.
+            let tier3Module;
+            const loadTier3 = () => (tier3Module ?? (tier3Module = import("@rapidmx/react-shared/search/searchTier3.js")));
+            const failures = [];
+            /** The failed mailbox's notice entry. A search of one mailbox has none: its failure fails the search. */
+            const noteFailure = (uid, encrypted, err) => {
+                failures.push({ mailboxUid: uid, mailboxName: mailboxNames.get(uid), encrypted, reason: classifyFailure(err) });
+            };
+            // One entry per mailbox searched, in the order they are shown in - which is also the order ties are ranked in.
+            const runs = new Map(searchTargetUids.map((uid) => [
+                uid,
+                {
+                    mailboxUid: uid,
+                    unlocked: getUnlockedKeys(uid),
+                    tier1: [],
+                    tier2: [],
+                    tier2More: false,
+                    tier3: [],
+                    tier3Total: 0,
+                    tier3Key: "",
+                    tier1Settled: false,
+                    tier3Settled: false,
+                    failed: false,
+                },
+            ]));
+            const runList = [...runs.values()];
+            // A reveal that started before another one but finished after it must not put its older, smaller picture back.
+            let revealsStarted = 0;
+            let revealsApplied = 0;
+            // Recomputes and re-renders the merged list from whatever tiers have reported so far, across every mailbox -
             // called once after Tier 1+2 (interim: unconfirmed Tier 1 metadataOnly hits render as
             // skeletons) and again after Tier 3 (final: anything still unconfirmed is pruned instead -
-            // §_Progressive Results_' "Skeletons resolve or disappear"). Bails out via `myRunId` if a
+            // §_Progressive Results_' "Skeletons resolve or disappear"); a search over several mailboxes also calls it as each one
+            // reports, and a mailbox is "final" for its own hits as soon as its own Tier 3 has. Bails out if a
             // newer search pass has since started.
-            async function reveal(tier1Hits, tier2Hits, tier3Hits, final) {
-                const capped = capSkeletons(tier1Hits);
-                const confirmed = new Set([...tier2Hits, ...tier3Hits].map((r) => r.entityUid));
-                const effectiveTier1 = final ? capped.filter((hit) => !hit.metadataOnly || confirmed.has(hit.entityUid)) : capped;
-                const merged = mergeSearchResults(effectiveTier1, tier2Hits, tier3Hits);
+            async function reveal() {
+                const revealId = ++revealsStarted;
+                const capped = capSkeletons(runList.flatMap((run) => run.tier1));
+                const tier2Hits = runList.flatMap((run) => run.tier2);
+                const tier3Hits = runList.flatMap((run) => run.tier3);
+                const confirmed = new Set([...tier2Hits, ...tier3Hits].map(hitKey));
+                const isUnconfirmed = (hit) => !!hit.metadataOnly && !confirmed.has(hitKey(hit));
+                const effectiveTier1 = capped.filter((hit) => !runs.get(hit.mailboxUid).tier3Settled || !isUnconfirmed(hit));
+                const merged = mergeSearchResults(effectiveTier1, tier2Hits, tier3Hits).slice(0, rowCap);
                 const { messages: resolved, snippets: resolvedSnippets } = await resolveHitsToMessages(merged, resolvedMessageCacheRef.current);
-                if (searchRunIdRef.current !== myRunId) {
+                if (isSuperseded() || revealId < revealsApplied) {
                     return;
                 }
+                revealsApplied = revealId;
                 setMessages(resolved);
                 setSnippets(resolvedSnippets);
-                if (final) {
-                    setPendingUids(new Set());
+                if (resolved.length > 0) {
+                    // The first mailbox to answer with anything replaces the loading skeleton.
+                    setLoading(false);
                 }
-                else {
-                    const pending = new Set();
-                    for (const hit of capped) {
-                        if (hit.metadataOnly && !confirmed.has(hit.entityUid)) {
-                            pending.add(hit.entityUid);
-                        }
+                const pending = new Set();
+                for (const hit of capped) {
+                    if (!runs.get(hit.mailboxUid).tier3Settled && isUnconfirmed(hit)) {
+                        pending.add(hit.entityUid);
                     }
-                    setPendingUids(pending);
                 }
+                setPendingUids(pending);
             }
             void (async () => {
                 try {
-                    const [tier1Page, tier2Page] = await Promise.all([
-                        searchMailbox(parsed.text, tier1SearchParams(parsed, undefined, mailboxUid)),
-                        searchLocalIndex(mailboxUid, parsed, unlocked, MESSAGE_PAGE_SIZE, 0),
-                    ]);
-                    if (searchRunIdRef.current !== myRunId) {
+                    // Tier 1 (server) and Tier 2 (local index) of every mailbox, a few at a time.
+                    await runLimited(searchTargetUids, SEARCH_LIMITS.concurrency, async (uid) => {
+                        const run = runs.get(uid);
+                        try {
+                            const [tier1Page, tier2Page] = await Promise.all([
+                                withTimeout(searchMailbox(parsed.text, tier1SearchParams(parsed, undefined, uid, pageSize)), tier1TimeoutMs),
+                                searchLocalIndex(uid, parsed, run.unlocked, pageSize, 0),
+                            ]);
+                            if (isSuperseded()) {
+                                return;
+                            }
+                            run.tier1 = tagHits(uid, tier1Page.results);
+                            run.tier1Cursor = tier1Page.nextCursor;
+                            run.tier2 = tagHits(uid, tier2Page.results);
+                            run.tier2More = tier2Page.hasMore;
+                            run.coverage = tier2Page.coverage;
+                        }
+                        catch (err) {
+                            if (!crossMailbox) {
+                                throw err;
+                            }
+                            run.failed = true;
+                            noteFailure(uid, false, err);
+                        }
+                        run.tier1Settled = true;
+                        if (crossMailbox && runList.some((other) => !other.tier1Settled)) {
+                            void reveal();
+                        }
+                    }, isSuperseded);
+                    if (isSuperseded()) {
                         return;
                     }
                     setTier1Done(true);
                     setTier2Done(true);
-                    setCoverage(tier2Page.coverage);
+                    setCoverages(Object.fromEntries(runList.map((run) => [run.mailboxUid, run.coverage])));
+                    setSearchFailures([...failures]);
                     setLoading(false);
-                    await reveal(tier1Page.results, tier2Page.results, [], false);
-                    const windows = tier3Windows(parsed, tier2Page.coverage, searchAllMail);
-                    const cacheKey = tier3CacheKey(mailboxUid, windows, !!unlocked);
-                    let tier3Full = tier3CacheRef.current.get(cacheKey);
-                    if (!tier3Full) {
-                        tier3Full = await searchTier3Windows(windows, unlocked, mailboxUid);
-                        if (searchRunIdRef.current !== myRunId) {
-                            return;
+                    if (failures.length === runList.length) {
+                        // Not one mailbox could be searched (or there were none to search): that is a failed search, not missing results.
+                        setError("Search failed.");
+                        return;
+                    }
+                    await reveal();
+                    // Tier 3 (server-narrowed encrypted candidates) of every mailbox that answered, each over the window its own local index
+                    // leaves uncovered - a mailbox with no local index is searched over the query's whole range.
+                    await runLimited(runList.filter((run) => !run.failed), SEARCH_LIMITS.concurrency, async (run) => {
+                        try {
+                            const windows = tier3Windows(parsed, run.coverage, searchAllMail);
+                            const cacheKey = tier3CacheKey(run.mailboxUid, windows, !!run.unlocked);
+                            let tier3Full = tier3CacheRef.current.get(cacheKey);
+                            if (!tier3Full) {
+                                tier3Full = await withTimeout(searchTier3Windows(windows, run.unlocked, run.mailboxUid, loadTier3), tier3TimeoutMs);
+                                if (isSuperseded()) {
+                                    return;
+                                }
+                                tier3CacheRef.current.set(cacheKey, tier3Full);
+                            }
+                            run.tier3 = tagHits(run.mailboxUid, tier3Full.slice(0, pageSize));
+                            run.tier3Total = tier3Full.length;
+                            run.tier3Key = cacheKey;
+                        }
+                        catch (err) {
+                            if (!crossMailbox) {
+                                throw err;
+                            }
+                            noteFailure(run.mailboxUid, true, err);
+                        }
+                        run.tier3Settled = true;
+                        if (crossMailbox && runList.some((other) => !other.failed && !other.tier3Settled)) {
+                            void reveal();
                         }
-                        tier3CacheRef.current.set(cacheKey, tier3Full);
+                    }, isSuperseded);
+                    if (isSuperseded()) {
+                        return;
                     }
-                    const tier3Page = tier3Full.slice(0, MESSAGE_PAGE_SIZE);
                     setTier3Done(true);
-                    compositeCursorRef.current = {
-                        tier1Cursor: tier1Page.nextCursor,
-                        tier2Offset: tier2Page.results.length,
-                        tier3Offset: tier3Page.length,
-                        tier3Key: cacheKey,
-                        fingerprint,
-                    };
-                    setHasMore(!!tier1Page.nextCursor || tier2Page.hasMore || tier3Page.length < tier3Full.length);
-                    await reveal(tier1Page.results, tier2Page.results, tier3Page, true);
+                    setSearchFailures([...failures]);
+                    const cursor = { fingerprint, pageSize, perMailbox: new Map() };
+                    for (const run of runList) {
+                        if (!run.failed) {
+                            cursor.perMailbox.set(run.mailboxUid, {
+                                tier1Cursor: run.tier1Cursor,
+                                tier2Offset: run.tier2.length,
+                                tier3Offset: run.tier3.length,
+                                tier3Total: run.tier3Total,
+                                tier3Key: run.tier3Key,
+                                more: !!run.tier1Cursor || run.tier2More || run.tier3.length < run.tier3Total,
+                            });
+                        }
+                    }
+                    compositeCursorRef.current = cursor;
+                    setHasMore(mailboxesWithMore(cursor).length > 0);
+                    await reveal();
                 }
                 catch (err) {
-                    if (searchRunIdRef.current === myRunId) {
+                    if (!isSuperseded()) {
                         setError(err instanceof ApiRequestError ? err.message : "Search failed.");
                         setLoading(false);
                     }
@@ -986,7 +1154,7 @@ function InboxContent({ userUid }) {
         // `refreshKey` is a dependency for the same reason: a failed bulk action bumps it to refetch,
         // since a bulk update applies until its first rejection rather than all-or-nothing.
     }, [
-        preferences.showAsConversations,
+        asConversations,
         serverSortKey,
         effectiveFilter,
         labelFilterKey,
@@ -998,9 +1166,12 @@ function InboxContent({ userUid }) {
         unlockRefresh,
         searchAllMail,
         aggregateFolderType,
-        // Only a merged view is built from the folder tree; for a single folder a folder appearing in the sidebar (the Outbox, Sent Items) must not reload
-        // the list on screen and forget its selection.
-        aggregateFolderType ? mailboxFolders : null,
+        // Only a merged listing is built from the folder tree; for a single folder a folder appearing in the sidebar (the Outbox, Sent Items) must not reload
+        // the list on screen and forget its selection. A search over several mailboxes is built from the *mailboxes* instead (`searchTargetKey`), so a
+        // folder appearing while it runs does not restart it either.
+        aggregateFolderType && !isSearching ? mailboxFolders : null,
+        crossMailbox,
+        searchTargetKey,
         activeMailboxUid,
     ]);
     // Which folders the messages on screen live in: one the sidebar does not know (the Outbox and Sent Items are made by the server on first use) is looked for -
@@ -1019,7 +1190,7 @@ function InboxContent({ userUid }) {
         if (live.tick === 0 || isSearching || loading || loadMoreInFlightRef.current || (!folderUid && !aggregateFolderType)) {
             return;
         }
-        if (!preferences.showAsConversations && live.folderUids) {
+        if (!asConversations && live.folderUids) {
             const shown = new Set(aggregateFolderType
                 ? mailboxFolders.flatMap((entry) => entry.folders.filter((f) => f.type === aggregateFolderType).map((f) => f.uid))
                 : [folderUid]);
@@ -1033,7 +1204,7 @@ function InboxContent({ userUid }) {
         const isCurrent = () => searchRunIdRef.current === listRun && liveRunRef.current === myRun;
         void (async () => {
             try {
-                if (preferences.showAsConversations) {
+                if (asConversations) {
                     const fresh = await listConversations(activeMailboxUid, conversationParams(0));
                     if (!isCurrent()) {
                         return;
@@ -1082,12 +1253,13 @@ function InboxContent({ userUid }) {
         // Reads the ref, not `conversations`/`messages` state, so this callback (and the observer effect
         // watching it) don't need to be recreated every time a page lands - the same reason every other
         // check below reads a ref rather than closing over state.
-        const atRowCap = (preferences.showAsConversations ? conversationsRef.current.length : messagesRef.current.length) >= MAX_LOADED_ROWS;
+        const atRowCap = (asConversations ? conversationsRef.current.length : messagesRef.current.length) >= rowCap;
         if (loadMoreInFlightRef.current ||
             !hasMore ||
             loading ||
             atRowCap ||
-            (!preferences.showAsConversations && !folderUid) ||
+            // A search over every mailbox has no folder of its own (nor does a listing that has not resolved one).
+            (!asConversations && !folderUid && !isSearching) ||
             (isSearching && !searchCursor)) {
             return;
         }
@@ -1119,52 +1291,103 @@ function InboxContent({ userUid }) {
         const myRunId = searchRunIdRef.current;
         const isCurrentRun = () => searchRunIdRef.current === myRunId;
         try {
-            if (preferences.showAsConversations) {
+            if (asConversations) {
                 const page = Math.floor(listedOffsetRef.current / MESSAGE_PAGE_SIZE);
                 const more = await listConversations(activeMailboxUid, conversationParams(page));
                 if (!isCurrentRun()) {
                     return;
                 }
                 const addedRows = hasUnseenRows(conversationsRef.current, more, conversationKey);
-                setConversations((prev) => appendUnseenRows(prev, more, conversationKey, MAX_LOADED_ROWS));
+                setConversations((prev) => appendUnseenRows(prev, more, conversationKey, rowCap));
                 setHasMore(more.length === MESSAGE_PAGE_SIZE);
                 listedOffsetRef.current = page * MESSAGE_PAGE_SIZE + more.length;
                 notePageLanded(addedRows, more.length === MESSAGE_PAGE_SIZE);
             }
             else if (isSearching) {
-                const unlocked = getUnlockedKeys(mailboxUid);
                 const cursor = searchCursor;
-                const [tier1Page, tier2Page] = await Promise.all([
-                    searchMailbox(parsed.text, tier1SearchParams(parsed, cursor.tier1Cursor, mailboxUid)),
-                    searchLocalIndex(mailboxUid, parsed, unlocked, MESSAGE_PAGE_SIZE, cursor.tier2Offset),
-                ]);
-                // The first page cached this pass under `tier3Key` before it created the cursor.
-                const tier3Full = tier3CacheRef.current.get(cursor.tier3Key);
-                const tier3Offset = cursor.tier3Offset;
-                const tier3Page = tier3Full.slice(tier3Offset, tier3Offset + MESSAGE_PAGE_SIZE);
+                const tier1TimeoutMs = crossMailbox ? SEARCH_LIMITS.tier1TimeoutMs : Infinity;
+                // Every mailbox with more to give is asked for its own next page - the others (exhausted, or given up on) stay as they are.
+                const attempted = mailboxesWithMore(cursor);
+                const pages = new Map();
+                const failedMailboxes = [];
+                const failedErrors = [];
+                await runLimited(attempted, SEARCH_LIMITS.concurrency, async (uid) => {
+                    const mailboxCursor = cursor.perMailbox.get(uid);
+                    try {
+                        const [tier1Page, tier2Page] = await Promise.all([
+                            withTimeout(searchMailbox(parsed.text, tier1SearchParams(parsed, mailboxCursor.tier1Cursor, uid, cursor.pageSize)), tier1TimeoutMs),
+                            searchLocalIndex(uid, parsed, getUnlockedKeys(uid), cursor.pageSize, mailboxCursor.tier2Offset),
+                        ]);
+                        // The first page cached this pass under `tier3Key` before it created the cursor - unless Tier 3 had nothing to give.
+                        const tier3Page = mailboxCursor.tier3Offset < mailboxCursor.tier3Total
+                            ? tier3CacheRef.current
+                                .get(mailboxCursor.tier3Key)
+                                .slice(mailboxCursor.tier3Offset, mailboxCursor.tier3Offset + cursor.pageSize)
+                            : [];
+                        pages.set(uid, {
+                            tier1: tagHits(uid, tier1Page.results),
+                            tier1Cursor: tier1Page.nextCursor,
+                            tier2: tagHits(uid, tier2Page.results),
+                            tier2More: tier2Page.hasMore,
+                            tier3: tagHits(uid, tier3Page),
+                        });
+                    }
+                    catch (err) {
+                        // One mailbox failing to give its next page must not stop the others' (a search of one has nothing else to show).
+                        if (!crossMailbox) {
+                            throw err;
+                        }
+                        failedErrors.push(err);
+                        failedMailboxes.push({
+                            mailboxUid: uid,
+                            mailboxName: searchedMailboxes.find((mb) => mb.uid === uid).displayName,
+                            encrypted: false,
+                            reason: classifyFailure(err),
+                        });
+                    }
+                }, () => !isCurrentRun());
+                if (failedErrors.length === attempted.length) {
+                    // No mailbox answered: that is a failed page (with Retry), not a page with fewer rows.
+                    throw failedErrors[0];
+                }
+                const answered = [...pages.values()];
                 // Unlike the fresh-search pass above, a load-more page is resolved and appended in one
                 // shot rather than progressively revealed - rows already on screen shouldn't reorder or
                 // grow skeletons out from under a reader who has since scrolled past them. Any Tier 1
                 // metadataOnly hit this page that neither Tier 2 nor Tier 3 (both already awaited above)
                 // confirms simply keeps showing its existing placeholder text rather than a live skeleton
                 // - a deliberate, documented scope trim of progressive reveal to the first page only.
-                const merged = mergeSearchResults(capSkeletons(tier1Page.results), tier2Page.results, tier3Page);
+                const merged = mergeSearchResults(capSkeletons(answered.flatMap((page) => page.tier1)), answered.flatMap((page) => page.tier2), answered.flatMap((page) => page.tier3));
                 const { messages: more, snippets: moreSnippets } = await resolveHitsToMessages(merged, resolvedMessageCacheRef.current);
                 if (!isCurrentRun()) {
                     return;
                 }
                 const addedRows = hasUnseenRows(messagesRef.current, more, messageUid);
-                setMessages((prev) => appendUnseenRows(prev, more, messageUid, MAX_LOADED_ROWS));
+                setMessages((prev) => appendUnseenRows(prev, more, messageUid, rowCap));
                 setSnippets((prev) => ({ ...prev, ...moreSnippets }));
-                const nextTier3Offset = tier3Offset + tier3Page.length;
-                compositeCursorRef.current = {
-                    tier1Cursor: tier1Page.nextCursor,
-                    tier2Offset: cursor.tier2Offset + tier2Page.results.length,
-                    tier3Offset: nextTier3Offset,
-                    tier3Key: cursor.tier3Key,
-                    fingerprint,
-                };
-                const moreRemain = !!tier1Page.nextCursor || tier2Page.hasMore || nextTier3Offset < tier3Full.length;
+                setSearchFailures((prev) => [...prev, ...failedMailboxes]);
+                const perMailbox = new Map(cursor.perMailbox);
+                for (const uid of attempted) {
+                    const previous = cursor.perMailbox.get(uid);
+                    const page = pages.get(uid);
+                    if (!page) {
+                        // Failed just now: given up on for the rest of this search (the notice says so).
+                        perMailbox.set(uid, { ...previous, more: false });
+                        continue;
+                    }
+                    const nextTier3Offset = previous.tier3Offset + page.tier3.length;
+                    perMailbox.set(uid, {
+                        tier1Cursor: page.tier1Cursor,
+                        tier2Offset: previous.tier2Offset + page.tier2.length,
+                        tier3Offset: nextTier3Offset,
+                        tier3Total: previous.tier3Total,
+                        tier3Key: previous.tier3Key,
+                        more: !!page.tier1Cursor || page.tier2More || nextTier3Offset < previous.tier3Total,
+                    });
+                }
+                const nextCursor = { ...cursor, perMailbox };
+                compositeCursorRef.current = nextCursor;
+                const moreRemain = mailboxesWithMore(nextCursor).length > 0;
                 setHasMore(moreRemain);
                 notePageLanded(addedRows, moreRemain);
             }
@@ -1178,7 +1401,7 @@ function InboxContent({ userUid }) {
                     return;
                 }
                 const addedRows = hasUnseenRows(messagesRef.current, more, messageUid);
-                setMessages((prev) => appendUnseenRows(prev, more, messageUid, MAX_LOADED_ROWS));
+                setMessages((prev) => appendUnseenRows(prev, more, messageUid, rowCap));
                 setHasMore(more.length === MESSAGE_PAGE_SIZE);
                 listedOffsetRef.current = page * MESSAGE_PAGE_SIZE + more.length;
                 notePageLanded(addedRows, more.length === MESSAGE_PAGE_SIZE);
@@ -1198,7 +1421,7 @@ function InboxContent({ userUid }) {
     }, [
         hasMore,
         loading,
-        preferences.showAsConversations,
+        asConversations,
         serverSortKey,
         effectiveFilter,
         labelFilterKey,
@@ -1207,6 +1430,8 @@ function InboxContent({ userUid }) {
         searchQuery,
         mailboxUid,
         activeMailboxUid,
+        crossMailbox,
+        searchTargetKey,
     ]);
     // Always calls the latest `loadMore` closure so the effect below doesn't need `loadMore` itself in its
     // dependency array (it changes on every keystroke/page load, which would otherwise mean nothing here).
@@ -1277,7 +1502,7 @@ function InboxContent({ userUid }) {
     }
     // The conversation list opens a whole thread in `ConversationThreadPane`, which loads and marks read
     // its own messages; only the flat list feeds the single-message pane below.
-    const selected = preferences.showAsConversations ? null : (messages.find((m) => m.uid === selectedUid) ?? null);
+    const selected = threadPane ? null : (messages.find((m) => m.uid === selectedUid) ?? null);
     const attachments = useMessageAttachments(selected);
     useMarkMessageRead(selected, patchListedMessage);
     // Search results can span every folder in the mailbox, not just the one selected in the sidebar - a
@@ -1286,7 +1511,7 @@ function InboxContent({ userUid }) {
     // this falls back to the sidebar selection unchanged). Aggregate views span every *mailbox* too, so
     // the folder list consulted is the selected message's own mailbox's, not the shell's ambient one. A
     // conversation spans folders for the same reason (an Inbox message and the Sent Items copy of its reply).
-    const spansFolders = isSearching || !!aggregateFolderType || preferences.showAsConversations;
+    const spansFolders = isSearching || !!aggregateFolderType || threadPane;
     const selectedFolderUid = spansFolders ? (selected?.folderUid ?? folderUid) : folderUid;
     const selectedMailboxUid = spansFolders ? (selected?.mailboxUid ?? activeMailboxUid) : mailboxUid;
     const folders = mailboxFolders.find((mf) => mf.mailbox.uid === selectedMailboxUid)?.folders ?? [];
@@ -1305,12 +1530,12 @@ function InboxContent({ userUid }) {
      * Items copy of its reply), and the list only ever showed this folder's half of it, so a bulk action
      * from here must not reach into the other folders' copies either. */
     const selectedConversationMessages = [...selectedConversationIds].flatMap((id) => (conversationMessagesById[id] ?? []).filter((m) => !folderUid || m.folderUid === folderUid));
-    const selectedMessages = preferences.showAsConversations
+    const selectedMessages = asConversations
         ? selectedConversationMessages
         : messages.filter((m) => selectedUids.has(m.uid));
     /** How many rows the list is actually showing - conversations or messages, whichever it lists. What the
      * Select toggle is enabled by: there is nothing to select in a list with no rows. */
-    const listedRowCount = preferences.showAsConversations ? conversations.length : messages.length;
+    const listedRowCount = asConversations ? conversations.length : messages.length;
     /** The conversation rows in the order the reader arranged them. The endpoint takes no sort parameters
      * of its own (it pages by latest activity), so the arrangement is applied here, to the rows fetched so
      * far - which the Sort menu says on screen. `conversations` itself stays in the order the pages
@@ -1323,7 +1548,7 @@ function InboxContent({ userUid }) {
      * mailbox/search whose true size lands at or near the cap can have its very last page be a partial one,
      * which correctly turns `hasMore` false - without checking it here, the banner would still claim rows
      * are being hidden even though every one of them is already on screen. */
-    const rowCapReached = hasMore && (preferences.showAsConversations ? conversations.length : messages.length) >= MAX_LOADED_ROWS;
+    const rowCapReached = hasMore && (asConversations ? conversations.length : messages.length) >= rowCap;
     function leaveSelectMode() {
         setSelectMode(false);
         setSelectedUids(new Set());
@@ -1417,7 +1642,7 @@ function InboxContent({ userUid }) {
                     }
                 }
             }
-            if (preferences.showAsConversations) {
+            if (asConversations) {
                 // A conversation row is a summary of its messages - its count, unread count, participants
                 // and preview all move when a bulk action changes or empties part of it - so the list is
                 // reloaded rather than patched row by row.
@@ -1451,13 +1676,27 @@ function InboxContent({ userUid }) {
      * first single-message archive, so that call both creates the folder and archives the first message,
      * and the rest of the selection is then moved into the folder it reports. */
     async function bulkArchive(chosen) {
-        const archiveFolderUid = currentFolders.find((f) => f.type === "archive")?.uid;
-        if (archiveFolderUid) {
-            return moveMessages(chosen, archiveFolderUid);
+        return inEachMailbox(chosen, async (ofMailbox, group) => {
+            const archiveFolderUid = foldersOf(ofMailbox).find((f) => f.type === "archive")?.uid;
+            if (archiveFolderUid) {
+                return moveMessages(group, archiveFolderUid);
+            }
+            const first = await archiveMessage(group[0].uid);
+            const rest = group.slice(1);
+            return rest.length === 0 ? [first] : [first, ...(await moveMessages(rest, first.folderUid))];
+        });
+    }
+    /**
+     * Runs `action` once for every mailbox `chosen` has messages in and gathers what each returns. Folders belong to a mailbox, so anything that
+     * moves messages into "the" Archive or Deleted Items has to do so per mailbox: a search over several mailboxes lists hits from more than one, while
+     * every other list holds one mailbox's messages and this is one call, as it always was.
+     */
+    async function inEachMailbox(chosen, action) {
+        const groups = new Map();
+        for (const message of chosen) {
+            groups.set(message.mailboxUid, [...(groups.get(message.mailboxUid) ?? []), message]);
         }
-        const first = await archiveMessage(chosen[0].uid);
-        const rest = chosen.slice(1);
-        return rest.length === 0 ? [first] : [first, ...(await moveMessages(rest, first.folderUid))];
+        return (await Promise.all([...groups].map(([ofMailbox, group]) => action(ofMailbox, group)))).flat();
     }
     /**
      * This mailbox's folder of `type`. The server makes every well-known folder itself (when the mailbox is made, and again when the folders are listed
@@ -1468,22 +1707,26 @@ function InboxContent({ userUid }) {
      * A folder found or created here may not be in `mailboxFolders` yet, so it is filed there and remembered per mailbox and type until the page
      * reloads; otherwise a second Delete would ask again.
      */
-    async function resolveFolderOfType(type, name) {
-        const key = `${activeMailboxUid}:${type}`;
-        const known = currentFolders.find((f) => f.type === type)?.uid ?? lazyFoldersRef.current.get(key);
+    async function resolveFolderOfType(type, name, ofMailbox) {
+        const key = `${ofMailbox}:${type}`;
+        const known = foldersOf(ofMailbox).find((f) => f.type === type)?.uid ?? lazyFoldersRef.current.get(key);
         if (known) {
             return known;
         }
-        const listed = (await listFolders(activeMailboxUid)).find((f) => f.type === type);
+        const listed = (await listFolders(ofMailbox)).find((f) => f.type === type);
         if (listed) {
             onFolderCreated(listed);
             lazyFoldersRef.current.set(key, listed.uid);
             return listed.uid;
         }
-        const created = await createFolder({ mailboxUid: activeMailboxUid, name, type });
+        const created = await createFolder({ mailboxUid: ofMailbox, name, type });
         lazyFoldersRef.current.set(key, created.uid);
         return created.uid;
     }
+    /** Moves `chosen` into each of its mailbox's own folder of `type` (Deleted Items, Junk), making it where the server has none yet. */
+    function moveToFolderOfType(chosen, type, name) {
+        return inEachMailbox(chosen, async (ofMailbox, group) => moveMessages(group, await resolveFolderOfType(type, name, ofMailbox)));
+    }
     /**
      * Sets every selected message's labels in one bulk update: each ends up with `labelUids`, plus the
      * ones left partially applied (`keepPartial`) that it already had, plus any label this mailbox no
@@ -1499,14 +1742,71 @@ function InboxContent({ userUid }) {
         })), false);
     }
     function moveSelectionToType(type, name, chosen) {
-        return runBulkAction(async (moving) => moveMessages(moving, await resolveFolderOfType(type, name)), true, chosen);
+        return runBulkAction((moving) => moveToFolderOfType(moving, type, name), true, chosen);
+    }
+    // ---- Swiping a row on a phone (see `SwipeRow`): right to left archives, left to right asks for a folder. Both go through the same
+    // ---- bulk path as the selection bar's Archive and Move to, so the badges, the optimistic bookkeeping and the failure pop-up are one
+    // ---- implementation. Not offered where the actions aren't (an aggregate view spans mailboxes, search results are a mixed bag, the
+    // ---- Outbox is the server's send queue) or while rows are being ticked.
+    const listingOutbox = currentFolders.find((f) => f.uid === folderUid)?.type === "outbox";
+    const swipeEnabled = isMobile && !selectMode && !aggregateFolderType && !isSearching && !listingOutbox;
+    /** What a swipe's Move to is about, while its folder prompt is open: one message, or every message of a conversation in this folder. */
+    const [moveDialog, setMoveDialog] = useState(null);
+    /** The messages a swiped conversation stands for (the ones in the folder being listed), or `null` after saying why they couldn't be loaded. */
+    async function swipedConversationMessages(conversation) {
+        try {
+            return await loadOpenConversation(conversation);
+        }
+        catch (err) {
+            notifyApiError(err, "Couldn't load the messages in that conversation");
+            return null;
+        }
+    }
+    /** Archives what a swipe took away. Resolves whether it went through, so the row comes back when it didn't. */
+    async function swipeArchive(target) {
+        if (bulkBusy || resolvingSelection > 0) {
+            return false;
+        }
+        const chosen = Array.isArray(target) ? target : await swipedConversationMessages(target);
+        if (!chosen || chosen.length === 0) {
+            return false;
+        }
+        return runBulkAction(bulkArchive, true, chosen);
+    }
+    async function swipeMove(folderUidToMoveTo) {
+        // Only ever asked by the folder prompt, which is only open while `moveDialog` is set.
+        const target = moveDialog;
+        const chosen = "messages" in target ? target.messages : await swipedConversationMessages(target.conversation);
+        if (!chosen || chosen.length === 0) {
+            setMoveDialog(null);
+            return;
+        }
+        await runBulkAction((moving) => moveMessages(moving, folderUidToMoveTo), true, chosen);
+        setMoveDialog(null);
     }
     const loadMoreStatus = loadingMore ? ("Loading more\u2026") : loadMoreError ? (_jsxs("span", { className: "inline-flex items-center gap-2", children: [_jsx("span", { role: "alert", className: "text-danger", children: loadMoreError }), _jsx("button", { type: "button", onClick: () => void loadMoreRef.current(), className: "text-primary-dark hover:underline font-medium", children: "Retry" })] })) : loadMoreStalled ? (_jsx("button", { type: "button", onClick: () => void loadMoreRef.current(), className: "text-primary-dark hover:underline font-medium", children: "Load more" })) : null;
+    /** One message's row of the flat list - and, in search results grouped by conversation, of a group. */
+    function renderMessageRow(message) {
+        return (_jsxs(SwipeRow, { as: "li", enabled: swipeEnabled, onArchive: () => swipeArchive([message]), onMove: () => setMoveDialog({ messages: [message] }), "data-message-uid": message.uid, "data-unread": isUnread(message) ? "true" : undefined, className: rowClass({ unread: isUnread(message), selected: message.uid === selectedUid || selectedUids.has(message.uid) }, "flex items-stretch"), children: [_jsx(UnreadBar, { unread: isUnread(message) }), selectMode && (_jsx("span", { className: "shrink-0 flex items-center pl-3", children: _jsx("input", { type: "checkbox", checked: selectedUids.has(message.uid), onChange: () => toggleSelected(message.uid), "aria-label": `Select ${rowSubject(message)}`, className: "w-4 h-4 accent-primary" }) })), _jsxs("div", { className: "flex-1 min-w-0 flex flex-col", children: [_jsxs("button", { type: "button", "data-row-open": true, onClick: () => handleSelect(message), className: ["w-full text-left px-4 py-3", ROW_FOCUS_CLASS].join(" "), children: [_jsx(UnreadLabel, { unread: isUnread(message) }), _jsxs("div", { className: "flex items-center justify-between gap-2 text-sm", children: [_jsx(MailAddress, { recipient: message.from, className: senderClass(isUnread(message)) }), _jsx("span", { className: ["text-xs shrink-0", dateClass(isUnread(message))].join(" "), children: new Date(message.receivedDate).toLocaleDateString() })] }), crossMailbox && (_jsx("div", { className: "text-xs text-text-muted truncate font-normal", children: mailboxes.find((mb) => mb.uid === message.mailboxUid)?.displayName })), isSearching && pendingUids.has(message.uid) ? (_jsxs("div", { className: "flex flex-col gap-1.5 py-0.5", children: [_jsx(Skeleton, { height: "h-3.5", className: "w-2/3 rounded-sm" }), _jsx(Skeleton, { height: "h-3", className: "w-full rounded-sm" })] })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: ["text-sm truncate", subjectClass(isUnread(message))].join(" "), children: rowSubject(message) }), _jsxs("div", { className: "flex items-center gap-2 text-xs text-text-muted font-normal", children: [_jsx("span", { className: "truncate", children: snippets[message.uid] ||
+                                                        decryptedRows[message.uid]?.preview ||
+                                                        message.bodyPreview ||
+                                                        (message.encrypted ? _jsx(EncryptedPreview, {}) : null) }), message.hasAttachments && _jsx(HiOutlinePaperClip, { size: 12, "aria-label": "Has attachments" }), message.flags.flagged && (_jsx(HiOutlineFlag, { size: 12, "aria-label": "Flagged", className: "text-danger" }))] }), isOutbox && _jsx(OutboxRowStatus, { message: message })] }))] }), _jsx(InviteRowChip, { message: message, onResponded: (updated) => patchListedMessage(updated) })] })] }, message.uid));
+    }
+    /** Search results arranged by conversation: the messages that matched, grouped under the conversation each belongs to, in the order of the
+     * first match of each - the order the results are ranked in. `null` when the list is not showing grouped results. */
+    const resultGroups = groupedResults ? groupByConversation(messages) : null;
+    /** The search box: in the list on a desktop (flat lists only), in the shell's header beside the folders button on a phone. */
+    const searchField = (_jsx("input", { ref: searchInputRef, type: "search", value: searchInput, onChange: (e) => setSearchInput(e.target.value), placeholder: "Search all mail\u2026", "aria-label": "Search all mail", className: ["w-full text-sm px-3 rounded-md border border-border bg-surface", isMobile ? "py-2" : "py-1.5"].join(" ") }));
     function handleSelect(message) {
         if (selectMode) {
             toggleSelected(message.uid);
             return;
         }
+        if (preferences.showAsConversations) {
+            // A search result of a list arranged by conversation: the reading pane is the whole thread, opened at this message.
+            openThreadOf(message);
+            return;
+        }
         if (isMobile) {
             navigate(`/messages/${encodeURIComponent(message.uid)}`);
             return;
@@ -1514,6 +1814,22 @@ function InboxContent({ userUid }) {
         removedAnchorRef.current = null;
         setSelectedUid(message.uid);
     }
+    /** A message of a conversation, as the thread pane names it: the conversation's id (a message with no thread is its own) and the
+     * subject to head it with while the thread loads. */
+    function threadHeadOf(message) {
+        return { conversationId: message.conversationId ?? message.uid, subject: message.subject ?? "", messageCount: 1 };
+    }
+    /** Opens the whole thread a message belongs to, positioned at it - the phone's message page, or the reading pane. */
+    function openThreadOf(message) {
+        const conversation = threadHeadOf(message);
+        if (isMobile) {
+            navigate(`/messages/${encodeURIComponent(message.uid)}?conversation=${encodeURIComponent(conversation.conversationId)}`);
+            return;
+        }
+        removedAnchorRef.current = null;
+        setSelectedUid(message.uid);
+        setOpenThread({ conversation, uid: message.uid, mailboxUid: message.mailboxUid });
+    }
     /** Opens a conversation in the reading pane, positioned at one of its messages: the one a child row
      * stands for, or the latest for a parent row. The thread pane loads the thread itself. */
     function handleOpenConversation(conversation, uid) {
@@ -1524,28 +1840,29 @@ function InboxContent({ userUid }) {
             return;
         }
         if (isMobile) {
-            // No dedicated mobile thread route yet - the existing single-message detail route already
-            // handles any message uid regardless of conversation grouping.
-            navigate(`/messages/${encodeURIComponent(uid)}`);
+            // The message page shows the whole conversation, positioned at this message, when it is given the conversation.
+            navigate(`/messages/${encodeURIComponent(uid)}?conversation=${encodeURIComponent(conversation.conversationId)}`);
             return;
         }
         removedAnchorRef.current = null;
         setSelectedUid(uid);
-        setOpenThread({ conversation, uid });
+        setOpenThread({ conversation, uid, mailboxUid: activeMailboxUid });
     }
     // ---- Keyboard shortcuts (see `shared/keyboard`). Each is registered only while this view can do it, and calls what the toolbar and
     // ---- the selection bar call: the same bulk-action path (`runBulkAction()` - so the same optimistic badge tracking, the same rollback,
     // ---- the same lazily created Deleted Items folder), never a second implementation. Reply, Reply all, Forward, Archive and Move to are
     // ---- registered by the reading pane itself (`MessageDetailPane`'s `shortcuts`), which owns those handlers.
-    const inConversations = preferences.showAsConversations;
-    /** The selection bar isn't offered in the aggregate view (its rows belong to several mailboxes), and neither are these. */
-    const keyboardActions = !aggregateFolderType;
+    const inConversations = asConversations;
+    /** The selection bar isn't offered in the aggregate listing (its rows belong to several mailboxes), and neither are these - but the results of a
+     * search over them are, each hit acted on in its own mailbox (see `inEachMailbox()`). */
+    const keyboardActions = !aggregateFolderType || isSearching;
     /** What the keyboard acts on exists: the ticked rows in select mode, else the message (or conversation) open in the reading pane. */
-    const keyboardTargetExists = selectMode ? selectedMessages.length > 0 : inConversations ? openThread !== null : selected !== null;
+    const keyboardTargetExists = selectMode ? selectedMessages.length > 0 : threadPane ? openThread !== null : selected !== null;
     const rowCount = inConversations ? listedConversations.length : messages.length;
     const canMoveSelection = !selectMode && !isMobile && !loading && rowCount > 0;
+    /** The type of a message's folder - looked for in every mailbox's, as a search over several has messages from each. */
     function folderTypeOf(folderUidOfMessage) {
-        return currentFolders.find((f) => f.uid === folderUidOfMessage)?.type;
+        return mailboxFolders.flatMap((mf) => mf.folders).find((f) => f.uid === folderUidOfMessage)?.type;
     }
     /** Moves the keyboard's focus to a row - and scrolls it into view - once the selection has moved to it. */
     function focusRow(uid) {
@@ -1589,16 +1906,19 @@ function InboxContent({ userUid }) {
             }
         }
     }
-    /** The messages of the open conversation that are in the folder being listed - fetched (once) like a ticked conversation's. */
-    async function loadOpenConversation(conversation) {
+    /** The messages of the open conversation that are in the folder being listed - fetched (once) like a ticked conversation's. `ofMailbox` is the
+     * conversation's mailbox: a search over several mailboxes can open one that is not the page's, and the same conversation id can exist in two. */
+    async function loadOpenConversation(conversation, ofMailbox = activeMailboxUid) {
         const id = conversation.conversationId;
-        let all = conversationMessagesById[id];
+        const cacheKey = ofMailbox === activeMailboxUid ? id : `${ofMailbox}\u0000${id}`;
+        let all = conversationMessagesById[cacheKey];
         if (!all) {
-            all = await listConversationMessages(activeMailboxUid, id);
+            all = await listConversationMessages(ofMailbox, id);
             const loaded = all;
-            setConversationMessagesById((prev) => ({ ...prev, [id]: loaded }));
+            setConversationMessagesById((prev) => ({ ...prev, [cacheKey]: loaded }));
         }
-        return all.filter((m) => !folderUid || m.folderUid === folderUid);
+        // What a search over several mailboxes finds is in every folder of them, not just the one open.
+        return all.filter((m) => !folderUid || crossMailbox || m.folderUid === folderUid);
     }
     /**
      * Runs a bulk action on what the keyboard acts on - the ticked rows in select mode, else the open message or conversation - keeping only
@@ -1611,7 +1931,11 @@ function InboxContent({ userUid }) {
         }
         let chosen;
         try {
-            chosen = selectMode ? selectedMessages : inConversations ? await loadOpenConversation(openThread.conversation) : [selected];
+            chosen = selectMode
+                ? selectedMessages
+                : threadPane
+                    ? await loadOpenConversation(openThread.conversation, openThread.mailboxUid)
+                    : [selected];
         }
         catch (err) {
             notifyApiError(err, "Couldn't load the messages in that conversation");
@@ -1622,7 +1946,7 @@ function InboxContent({ userUid }) {
             return;
         }
         const succeeded = await runBulkAction(action, removesRows, chosen);
-        if (succeeded && removesRows && inConversations && !selectMode) {
+        if (succeeded && removesRows && threadPane && !selectMode) {
             setOpenThread(null);
             setSelectedUid(null);
         }
@@ -1631,7 +1955,7 @@ function InboxContent({ userUid }) {
     useShortcut(SHORTCUTS.mail.previous, () => selectNeighbour(-1), { enabled: canMoveSelection });
     useShortcut(SHORTCUTS.mail.nextUnread, () => selectNextUnread(1), { enabled: canMoveSelection });
     useShortcut(SHORTCUTS.mail.previousUnread, () => selectNextUnread(-1), { enabled: canMoveSelection });
-    useShortcut(SHORTCUTS.mail.delete, () => void runOnKeyboardTargets(async (chosen) => moveMessages(chosen, await resolveFolderOfType("deleted_items", "Deleted Items")), true, (message) => folderTypeOf(message.folderUid) !== "deleted_items"), { enabled: keyboardActions && keyboardTargetExists });
+    useShortcut(SHORTCUTS.mail.delete, () => void runOnKeyboardTargets((chosen) => moveToFolderOfType(chosen, "deleted_items", "Deleted Items"), true, (message) => folderTypeOf(message.folderUid) !== "deleted_items"), { enabled: keyboardActions && keyboardTargetExists });
     useShortcut(SHORTCUTS.mail.markRead, () => void runOnKeyboardTargets((chosen) => setReadStateMany(chosen, true, { patch: patchListedMessage, track: trackMessageChange }), false, isUnread), { enabled: keyboardActions && keyboardTargetExists });
     useShortcut(SHORTCUTS.mail.markUnread, () => void runOnKeyboardTargets((chosen) => setReadStateMany(chosen, false, { patch: patchListedMessage, track: trackMessageChange }), false, (message) => !isUnread(message)), { enabled: keyboardActions && keyboardTargetExists });
     useShortcut(SHORTCUTS.mail.flag, () => 
@@ -1661,7 +1985,16 @@ function InboxContent({ userUid }) {
     useShortcut(SHORTCUTS.mail.search, () => {
         searchInputRef.current?.focus();
         searchInputRef.current?.select();
-    }, { enabled: !inConversations && !aggregateFolderType });
+    });
+    // Folders and labels belong to one mailbox. A search over several mailboxes can have a selection in more than one: Move to needs it to be in one
+    // (and offers that mailbox's folders), and Apply label needs it to be in the open mailbox, whose labels are the ones loaded. Archive, Delete and
+    // Report junk go to each hit's own mailbox's folders (`inEachMailbox()`), so they need nothing of the sort.
+    const selectedMailboxUids = new Set(selectedMessages.map((m) => m.mailboxUid));
+    const selectionMailboxUid = crossMailbox && selectedMailboxUids.size === 1 ? [...selectedMailboxUids][0] : activeMailboxUid;
+    const moveDisabledReason = crossMailbox && selectedMailboxUids.size > 1 ? "The selected messages are in different mailboxes - select messages from one mailbox to move them" : undefined;
+    const labelsDisabledReason = crossMailbox && selectedMessages.some((m) => m.mailboxUid !== activeMailboxUid)
+        ? "Labels can only be applied here to messages in the open mailbox"
+        : undefined;
     if (!folderUid && !aggregateFolderType) {
         // `MailShell` never renders this component at all until a mailbox is resolved (see its own
         // full-screen `MailboxProvisioning` takeover otherwise) — this is purely the brief gap before
@@ -1673,44 +2006,49 @@ function InboxContent({ userUid }) {
     return (_jsxs("div", { className: "flex h-full min-h-0", children: [_jsxs("div", { ref: scrollContainerRef, 
                 // Remembered as it moves (not when the list is left: by then React has already detached the element), so
                 // the folder - or Mail, after another app - comes back where it was.
-                onScroll: (event) => saveListScroll(listKey, event.currentTarget.scrollTop), className: "w-full md:w-96 shrink-0 md:border-r border-border overflow-y-auto", children: [selectMode ? (_jsx(MailSelectionBar, { selected: selectedMessages, listed: messages, totals: preferences.showAsConversations
+                onScroll: (event) => saveListScroll(listKey, event.currentTarget.scrollTop), className: "w-full md:w-96 shrink-0 md:border-r border-border overflow-y-auto", children: [selectMode ? (_jsx(MailSelectionBar, { selected: selectedMessages, listed: messages, totals: asConversations
                             ? { selected: selectedConversationIds.size, listed: conversations.length, noun: "conversation" }
-                            : undefined, onSelectAll: () => preferences.showAsConversations
+                            : undefined, onSelectAll: () => asConversations
                             ? selectAllConversations()
-                            : setSelectedUids(new Set(messages.map((m) => m.uid))), onClearSelection: () => preferences.showAsConversations ? setSelectedConversationIds(new Set()) : setSelectedUids(new Set()), onCancel: leaveSelectMode, folders: currentFolders, currentFolderUid: folderUid, labels: mailboxLabels, mailboxUid: activeMailboxUid, onLabelCreated: (label) => setMailboxLabels((prev) => [...prev, label]), onFolderCreated: onFolderCreated, onApplyLabels: applyLabelsToSelection, onSetRead: (read) => void runBulkAction(
+                            : setSelectedUids(new Set(messages.map((m) => m.uid))), onClearSelection: () => asConversations ? setSelectedConversationIds(new Set()) : setSelectedUids(new Set()), onCancel: leaveSelectMode, folders: foldersOf(selectionMailboxUid), currentFolderUid: folderUid, labels: mailboxLabels, mailboxUid: selectionMailboxUid, moveDisabledReason: moveDisabledReason, labelsDisabledReason: labelsDisabledReason, onLabelCreated: (label) => setMailboxLabels((prev) => [...prev, label]), onFolderCreated: onFolderCreated, onApplyLabels: applyLabelsToSelection, onSetRead: (read) => void runBulkAction(
                         // Optimistic: the rows and the folder badges change now, and change back if the server refuses.
                         (chosen) => setReadStateMany(chosen, read, { patch: patchListedMessage, track: trackMessageChange }), false), onSetFlagged: (flagged) => void runBulkAction((chosen) => setMessagesFlagged(chosen, flagged), false), shortcuts: keyboardActions, onArchive: () => void runBulkAction(bulkArchive, true), onMoveTo: async (targetFolderUid) => {
                             await runBulkAction((chosen) => moveMessages(chosen, targetFolderUid), true);
                         }, onReportJunk: () => void moveSelectionToType("junk", "Junk Email"), onDelete: () => void moveSelectionToType("deleted_items", "Deleted Items"), busy: bulkBusy || resolvingSelection > 0 })) : (_jsx(MailListToolbar, { sortBy: preferences.sortBy, sortOrder: preferences.sortOrder, filter: preferences.filter, labelUids: preferences.labelUids, labels: mailboxLabels, mailboxUid: activeMailboxUid, onLabelCreated: (label) => setMailboxLabels((prev) => [...prev, label]), onLabelUidsChange: (nextLabelUids) => updatePreferences({ labelUids: nextLabelUids }), showAsConversations: preferences.showAsConversations, onSortChange: (sortBy, sortOrder) => updatePreferences({ sortBy, sortOrder }), onFilterChange: (filter) => updatePreferences({ filter }), onShowAsConversationsChange: (showAsConversations) => updatePreferences({ showAsConversations }), selectMode: selectMode, onSelectModeChange: setSelectMode, offerClassificationFilters: offerClassificationFilters, filterDisabled: isSearching, filterDisabledReason: "Filters don't apply to search results", sortKeysDisabled: isSearching || !!aggregateFolderType, 
                         // A conversation row is a thread summary, so only some of the keys have anything to
                         // order by - the rest stay pickable and are applied to the rows already fetched.
-                        unavailableSortKeys: preferences.showAsConversations ? CONVERSATION_SORT_UNAVAILABLE : undefined, sortKeysNote: isSearching
+                        unavailableSortKeys: asConversations ? CONVERSATION_SORT_UNAVAILABLE : undefined, sortKeysNote: isSearching
                             ? "Search results are ranked by relevance rather than sorted."
                             : aggregateFolderType
                                 ? "This view merges the newest mail from every mailbox and is always listed by date."
-                                : preferences.showAsConversations
+                                : asConversations
                                     ? CONVERSATION_SORT_NOTE
-                                    : undefined, selectDisabled: !!aggregateFolderType || loading || listedRowCount === 0, selectDisabledReason: aggregateFolderType
+                                    : undefined, selectDisabled: (!!aggregateFolderType && !isSearching) || loading || listedRowCount === 0, selectDisabledReason: aggregateFolderType && !isSearching
                             ? "Open a mailbox's own folder to select messages"
                             : loading
                                 ? "Wait for this folder to finish loading"
-                                : "There is nothing here to select" })), !preferences.showAsConversations && (_jsx("div", { className: "p-2 border-b border-border", children: _jsx("input", { ref: searchInputRef, type: "search", value: searchInput, onChange: (e) => setSearchInput(e.target.value), placeholder: aggregateFolderType ? "Open a mailbox's own folder to search" : "Search all mail…", "aria-label": "Search all mail", disabled: !!aggregateFolderType, className: "w-full text-sm px-3 py-1.5 rounded-md border border-border bg-surface disabled:opacity-55" }) })), offerClassificationFilters && (_jsx("div", { className: "flex border-b border-border text-xs", children: MAIL_LIST_CLASSIFICATION_FILTERS.map(({ value, label }) => (_jsx("button", { type: "button", "aria-pressed": preferences.filter === value, onClick: () => updatePreferences({ filter: value }), className: [
+                                : "There is nothing here to select" })), !isMobile && _jsx("div", { className: "p-2 border-b border-border", children: searchField }), isMobile && mobileSearchSlot && createPortal(searchField, mobileSearchSlot), offerClassificationFilters && (_jsx("div", { className: "flex border-b border-border text-xs", children: MAIL_LIST_CLASSIFICATION_FILTERS.map(({ value, label }) => (_jsx("button", { type: "button", "aria-pressed": preferences.filter === value, onClick: () => updatePreferences({ filter: value }), className: [
                                 "flex-1 py-1.5 font-semibold",
                                 preferences.filter === value
                                     ? "text-primary-dark border-b-2 border-primary-dark"
                                     : "text-text-muted",
-                            ].join(" "), children: label }, value))) })), isSearching && (_jsxs("div", { className: "px-4 py-1.5 text-xs text-text-muted border-b border-border flex items-center justify-between gap-2", children: [_jsx("span", { children: tier1Done && tier2Done && tier3Done
-                                    ? `${messages.length} result${messages.length === 1 ? "" : "s"}`
-                                    : `${messages.length} of ??` }), tier2Done && !searchAllMail && (_jsx("button", { type: "button", onClick: handleSearchAllMail, className: "text-primary-dark hover:underline font-medium shrink-0", children: "Search all mail" }))] })), isSearching && coverage?.indexedFrom && (_jsxs("div", { className: "px-4 py-1.5 text-xs text-text-muted border-b border-border", children: ["Local search covers messages back to ", new Date(coverage.indexedFrom).toLocaleDateString(), coverage.building ? " (still building)" : "", searchAllMail
+                            ].join(" "), children: label }, value))) })), isSearching && (_jsxs("div", { className: "px-4 py-1.5 text-xs text-text-muted border-b border-border flex items-center justify-between gap-2", children: [_jsxs("span", { className: "flex flex-col", children: [_jsx("span", { children: tier1Done && tier2Done && tier3Done
+                                            ? `${messages.length} result${messages.length === 1 ? "" : "s"}`
+                                            : `${messages.length} of ??` }), crossMailbox && _jsx("span", { "data-testid": "search-scope", children: "All mailboxes" })] }), _jsxs("span", { className: "flex flex-col items-end gap-0.5", children: [tier2Done && !searchAllMail && (_jsx("button", { type: "button", onClick: handleSearchAllMail, title: crossMailbox
+                                            ? "Also search encrypted mail from before each mailbox's local index begins"
+                                            : undefined, className: "text-primary-dark hover:underline font-medium shrink-0", children: crossMailbox ? "Search older encrypted mail" : "Search all mail" })), widenable && (_jsx("button", { type: "button", onClick: () => setSearchAllMailboxes(!searchAllMailboxes), className: "text-primary-dark hover:underline font-medium shrink-0", children: searchAllMailboxes ? "Search this mailbox only" : "Search all mailboxes" }))] })] })), crossMailbox && isSearching && searchableMailboxes.length > searchedMailboxes.length && (_jsxs("div", { role: "status", className: "px-4 py-1.5 text-xs text-text-muted border-b border-border", children: ["Searched ", searchedMailboxes.length, " of ", searchableMailboxes.length, " mailboxes - the most that are searched at once."] })), crossMailbox && isSearching && searchFailures.length > 0 && (_jsxs("div", { role: "status", className: "px-4 py-1.5 text-xs text-text-muted border-b border-border bg-surface-alt", children: ["Some results may be missing: ", describeFailures(searchFailures)] })), isSearching && !crossMailbox && coverage?.indexedFrom && (_jsxs("div", { className: "px-4 py-1.5 text-xs text-text-muted border-b border-border", children: ["Local search covers messages back to ", new Date(coverage.indexedFrom).toLocaleDateString(), coverage.building ? " (still building)" : "", searchAllMail
                                 ? " - searching everything, not just recent mail."
-                                : " - older encrypted mail is still searched, just slower."] })), isSearching && !getUnlockedKeys(mailboxUid) && (_jsx("div", { className: "px-4 py-2 border-b border-border bg-surface-alt", children: _jsxs("button", { type: "button", onClick: handleUnlockSearch, className: "inline-flex items-center gap-1 text-xs font-medium text-primary-dark hover:underline", children: [_jsx(HiOutlineLockClosed, { size: 12, "aria-hidden": "true" }), "Unlock to include encrypted messages in these results"] }) })), !isSearching && !preferences.showAsConversations && undecryptedEncryptedUids.length > 0 && !getUnlockedKeys(activeMailboxUid) && (_jsx("div", { className: "px-4 py-2 border-b border-border bg-surface-alt", children: _jsxs("button", { type: "button", onClick: handleUnlockList, className: "inline-flex items-center gap-1 text-xs font-medium text-primary-dark hover:underline", children: [_jsx(HiOutlineLockClosed, { size: 12, "aria-hidden": "true" }), "Unlock to show ", undecryptedEncryptedUids.length === 1 ? "an encrypted message's" : "encrypted messages'", " subject"] }) })), error && (_jsx("div", { className: "p-4", children: _jsx(Alert, { children: error }) })), loading ? (_jsxs("div", { role: "status", "aria-busy": "true", className: "p-4", children: [_jsx("span", { className: "sr-only", children: "Loading\u2026" }), _jsx(SkeletonList, { count: 8 })] })) : preferences.showAsConversations ? (_jsxs(_Fragment, { children: [_jsx(ConversationList, { conversations: listedConversations, newestFirst: preferences.sortBy === "date" && preferences.sortOrder === "desc", mailboxUid: activeMailboxUid, selectedUid: selectedUid, messageOverrides: conversationPatches, onOpenMessage: handleOpenConversation, selectMode: selectMode, selectedConversationIds: selectedConversationIds, onToggleSelected: toggleConversationSelected }), hasMore && !rowCapReached && (_jsx("div", { ref: setSentinel, "data-testid": "load-more-sentinel", className: "p-4 text-center text-xs text-text-muted", children: loadMoreStatus })), rowCapReached && (_jsxs("p", { className: "p-4 text-center text-xs text-text-muted", children: ["Showing the most recent ", MAX_LOADED_ROWS, " conversations \u2014 refine your search or filters to see more."] }))] })) : messages.length === 0 ? (_jsxs(_Fragment, { children: [_jsx("p", { className: "p-4 text-sm text-text-muted", children: isSearching
+                                : " - older encrypted mail is still searched, just slower."] })), isSearching && crossMailbox && tier2Done && serverOnlyMailboxes.length > 0 && (_jsxs("div", { className: "px-4 py-1.5 text-xs text-text-muted border-b border-border", children: ["There is no local index on this device for ", serverOnlyMailboxes.map((mb) => mb.displayName).join(", "), ": its encrypted mail is searched through the server instead, which is slower and looks at a limited number of messages."] })), isSearching && crossMailbox && lockedSearchMailboxes.length > 0 && (_jsxs("div", { className: "px-4 py-2 border-b border-border bg-surface-alt flex flex-col gap-1", children: [unlockableSearchMailboxes.length > 0 && (_jsxs("button", { type: "button", onClick: handleUnlockSearch, className: "inline-flex items-center gap-1 text-xs font-medium text-primary-dark hover:underline", children: [_jsx(HiOutlineLockClosed, { size: 12, "aria-hidden": "true" }), "Unlock to include encrypted messages from ", unlockableSearchMailboxes.map((mb) => mb.displayName).join(", ")] })), sharedLockedSearchMailboxes.length > 0 && (_jsxs("p", { className: "text-xs text-text-muted", children: ["Encrypted messages in ", sharedLockedSearchMailboxes.map((mb) => mb.displayName).join(", "), " are not included: only the mailbox\u2019s owner can unlock them."] }))] })), isSearching && !crossMailbox && !getUnlockedKeys(mailboxUid) && (_jsx("div", { className: "px-4 py-2 border-b border-border bg-surface-alt", children: _jsxs("button", { type: "button", onClick: handleUnlockSearch, className: "inline-flex items-center gap-1 text-xs font-medium text-primary-dark hover:underline", children: [_jsx(HiOutlineLockClosed, { size: 12, "aria-hidden": "true" }), "Unlock to include encrypted messages in these results"] }) })), !isSearching && !asConversations && undecryptedEncryptedUids.length > 0 && !getUnlockedKeys(activeMailboxUid) && (_jsx("div", { className: "px-4 py-2 border-b border-border bg-surface-alt", children: _jsxs("button", { type: "button", onClick: handleUnlockList, className: "inline-flex items-center gap-1 text-xs font-medium text-primary-dark hover:underline", children: [_jsx(HiOutlineLockClosed, { size: 12, "aria-hidden": "true" }), "Unlock to show ", undecryptedEncryptedUids.length === 1 ? "an encrypted message's" : "encrypted messages'", " subject"] }) })), error && (_jsx("div", { className: "p-4", children: _jsx(Alert, { children: error }) })), loading ? (_jsxs("div", { role: "status", "aria-busy": "true", className: "p-4", children: [_jsx("span", { className: "sr-only", children: "Loading\u2026" }), _jsx(SkeletonList, { count: 8 })] })) : asConversations ? (_jsxs(_Fragment, { children: [_jsx(ConversationList, { conversations: listedConversations, newestFirst: preferences.sortBy === "date" && preferences.sortOrder === "desc", mailboxUid: activeMailboxUid, selectedUid: selectedUid, messageOverrides: conversationPatches, onMeetingResponded: patchListedMessage, onOpenMessage: handleOpenConversation, selectMode: selectMode, selectedConversationIds: selectedConversationIds, onToggleSelected: toggleConversationSelected, swipe: {
+                                    enabled: swipeEnabled,
+                                    onArchive: swipeArchive,
+                                    onMove: (conversation) => setMoveDialog({ conversation }),
+                                } }), hasMore && !rowCapReached && (_jsx("div", { ref: setSentinel, "data-testid": "load-more-sentinel", className: "p-4 text-center text-xs text-text-muted", children: loadMoreStatus })), rowCapReached && (_jsxs("p", { className: "p-4 text-center text-xs text-text-muted", children: ["Showing the most recent ", rowCap, " conversations \u2014 refine your search or filters to see more."] }))] })) : messages.length === 0 ? (_jsxs(_Fragment, { children: [_jsx("p", { className: "p-4 text-sm text-text-muted", children: isSearching
                                     ? `No messages match "${searchQuery}".`
                                     : effectiveFilter === "all"
                                         ? "No messages in this folder."
-                                        : "No messages here." }), hasMore && (_jsx("div", { ref: setSentinel, "data-testid": "load-more-sentinel", className: "p-4 text-center text-xs text-text-muted", children: loadMoreStatus }))] })) : (_jsxs(_Fragment, { children: [_jsx("ul", { children: messages.map((message) => (_jsxs("li", { "data-message-uid": message.uid, "data-unread": isUnread(message) ? "true" : undefined, className: rowClass({ unread: isUnread(message), selected: message.uid === selectedUid || selectedUids.has(message.uid) }, "flex items-stretch"), children: [_jsx(UnreadBar, { unread: isUnread(message) }), selectMode && (_jsx("span", { className: "shrink-0 flex items-center pl-3", children: _jsx("input", { type: "checkbox", checked: selectedUids.has(message.uid), onChange: () => toggleSelected(message.uid), "aria-label": `Select ${rowSubject(message)}`, className: "w-4 h-4 accent-primary" }) })), _jsxs("button", { type: "button", "data-row-open": true, onClick: () => handleSelect(message), className: ["flex-1 min-w-0 text-left px-4 py-3", ROW_FOCUS_CLASS].join(" "), children: [_jsx(UnreadLabel, { unread: isUnread(message) }), _jsxs("div", { className: "flex items-center justify-between gap-2 text-sm", children: [_jsx(MailAddress, { recipient: message.from, className: senderClass(isUnread(message)) }), _jsx("span", { className: ["text-xs shrink-0", dateClass(isUnread(message))].join(" "), children: new Date(message.receivedDate).toLocaleDateString() })] }), aggregateFolderType && (_jsx("div", { className: "text-xs text-text-muted truncate font-normal", children: mailboxes.find((mb) => mb.uid === message.mailboxUid)?.displayName })), isSearching && pendingUids.has(message.uid) ? (_jsxs("div", { className: "flex flex-col gap-1.5 py-0.5", children: [_jsx(Skeleton, { height: "h-3.5", className: "w-2/3 rounded-sm" }), _jsx(Skeleton, { height: "h-3", className: "w-full rounded-sm" })] })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: ["text-sm truncate", subjectClass(isUnread(message))].join(" "), children: rowSubject(message) }), _jsxs("div", { className: "flex items-center gap-2 text-xs text-text-muted font-normal", children: [_jsx("span", { className: "truncate", children: snippets[message.uid] ||
-                                                                        decryptedRows[message.uid]?.preview ||
-                                                                        message.bodyPreview ||
-                                                                        (message.encrypted ? _jsx(EncryptedPreview, {}) : null) }), message.hasAttachments && _jsx(HiOutlinePaperClip, { size: 12, "aria-label": "Has attachments" }), message.flags.flagged && (_jsx(HiOutlineFlag, { size: 12, "aria-label": "Flagged", className: "text-danger" }))] }), isOutbox && _jsx(OutboxRowStatus, { message: message })] }))] })] }, message.uid))) }), hasMore && !rowCapReached && (_jsx("div", { ref: setSentinel, "data-testid": "load-more-sentinel", className: "p-4 text-center text-xs text-text-muted", children: loadMoreStatus })), rowCapReached && (_jsxs("p", { className: "p-4 text-center text-xs text-text-muted", children: ["Showing the most recent ", MAX_LOADED_ROWS, " messages \u2014 refine your search or filters to see more."] })), aggregateFolderType && (_jsx("p", { className: "p-4 text-center text-xs text-text-muted", children: "Showing the most recent mail from each mailbox. Open a specific mailbox\u2019s folder to see older mail." }))] }))] }), _jsx("div", { className: "hidden md:flex flex-1 min-w-0 min-h-0", children: preferences.showAsConversations ? (_jsx(LazyConversationThreadPane, { conversation: openThread?.conversation ?? null, selectedUid: openThread?.uid ?? null, mailboxUid: activeMailboxUid, folders: currentFolders, labels: mailboxLabels, shortcuts: !selectMode, onMessagePatched: patchListedMessage, onMessageRemoved: (updated) => removeListedMessage(updated.uid), onLabelCreated: (label) => setMailboxLabels((prev) => [...prev, label]), onFolderCreated: onFolderCreated })) : (_jsx(LazyMessageDetailPane, { shortcuts: !selectMode, message: selected, attachments: attachments, isSentItems: isSentItems, onRecalled: patchListedMessage, isOutbox: isOutbox, onReceiptHandled: patchListedMessage, draftsFolderUid: draftsFolderUid, folders: folders, onMoved: (updated) => {
+                                        : "No messages here." }), hasMore && (_jsx("div", { ref: setSentinel, "data-testid": "load-more-sentinel", className: "p-4 text-center text-xs text-text-muted", children: loadMoreStatus }))] })) : (_jsxs(_Fragment, { children: [_jsx("ul", { className: swipeEnabled ? "overflow-x-clip" : undefined, children: resultGroups
+                                    ? resultGroups.map((group) => (_jsxs("li", { "data-search-group": group.id, children: [_jsxs("div", { className: "px-4 py-1.5 bg-surface-alt border-b border-border text-xs text-text-muted flex items-center justify-between gap-2", children: [_jsx("span", { className: "truncate font-semibold", children: rowSubject(group.messages[0]) }), _jsxs("span", { className: "shrink-0", children: [group.messages.length, " matching message", group.messages.length === 1 ? "" : "s"] })] }), _jsx("ul", { children: group.messages.map(renderMessageRow) })] }, `${group.mailboxUid}\u0000${group.id}`)))
+                                    : messages.map(renderMessageRow) }), hasMore && !rowCapReached && (_jsx("div", { ref: setSentinel, "data-testid": "load-more-sentinel", className: "p-4 text-center text-xs text-text-muted", children: loadMoreStatus })), rowCapReached && (_jsxs("p", { className: "p-4 text-center text-xs text-text-muted", children: ["Showing the most recent ", rowCap, " messages \u2014 refine your search or filters to see more."] })), aggregateFolderType && !isSearching && (_jsx("p", { className: "p-4 text-center text-xs text-text-muted", children: "Showing the most recent mail from each mailbox. Open a specific mailbox\u2019s folder to see older mail." }))] }))] }), _jsx("div", { className: "hidden md:flex flex-1 min-w-0 min-h-0", children: threadPane ? (_jsx(LazyConversationThreadPane, { conversation: openThread?.conversation ?? null, selectedUid: openThread?.uid ?? null, mailboxUid: labelsMailboxUid, folders: foldersOf(labelsMailboxUid), labels: labels, shortcuts: !selectMode, onMessagePatched: patchListedMessage, onMessageRemoved: (updated) => removeListedMessage(updated.uid), onLabelCreated: (label) => (otherMailbox ? setOtherMailboxLabels : setMailboxLabels)((prev) => [...prev, label]), onFolderCreated: onFolderCreated })) : (_jsx(LazyMessageDetailPane, { shortcuts: !selectMode, message: selected, attachments: attachments, isSentItems: isSentItems, onRecalled: patchListedMessage, isOutbox: isOutbox, onReceiptHandled: patchListedMessage, draftsFolderUid: draftsFolderUid, folders: folders, onMoved: (updated) => {
                         // Same reasoning as onArchived below - a move takes the message out of the folder
                         // being listed, so it leaves the list rather than being patched in place.
                         removeListedMessage(updated.uid);
@@ -1724,6 +2062,6 @@ function InboxContent({ userUid }) {
                         // whichever folder is currently being viewed (into Archive), so it's removed
                         // from the list rather than patched in place.
                         removeListedMessage(updated.uid);
-                    }, labels: labels, onLabelsChanged: patchListedMessage, onLabelCreated: (label) => (otherMailbox ? setOtherMailboxLabels : setMailboxLabels)((prev) => [...prev, label]) })) })] }));
+                    }, labels: labels, onLabelsChanged: patchListedMessage, onLabelCreated: (label) => (otherMailbox ? setOtherMailboxLabels : setMailboxLabels)((prev) => [...prev, label]) })) }), _jsx(MoveToFolderDialog, { open: moveDialog !== null, onClose: () => setMoveDialog(null), mailboxUid: activeMailboxUid, folders: currentFolders, currentFolderUid: folderUid, count: moveDialog === null ? 1 : "messages" in moveDialog ? moveDialog.messages.length : moveDialog.conversation.messageCount, onMove: swipeMove, onFolderCreated: onFolderCreated })] }));
 }
 export default routedPage("/", InboxPage);