@bobfrankston/rmfmail 1.1.106 → 1.1.107

package/client/app.js

@@ -1282,16 +1282,19 @@ function quoteBody(msg) {
     const date = new Date(msg.date).toLocaleString();
     const from = msg.from.name ? `${msg.from.name} <${msg.from.address}>` : msg.from.address;
     const body = sanitizeQuotedBody(msg);
-    // Two blank lines above the quote so the cursor lands with breathing room
-    // between the user's reply and the "On ... wrote:" line.
-    return `<br><br><div class="reply"><p>On ${date}, ${from} wrote:</p><blockquote>${body}</blockquote></div>`;
+    // Lead with a real empty paragraph (not bare <br><br>) so every editor
+    // has a proper block for the caret to land in and for the user's reply
+    // to flow into. Bare <br>s aren't a block container — TinyMCE's caret
+    // fell through to the quote and typing landed unpredictably (Bob
+    // 2026-05-21). `<p><br></p>` is the standard "empty editable paragraph".
+    return `<p><br></p><div class="reply"><p>On ${date}, ${from} wrote:</p><blockquote>${body}</blockquote></div>`;
 }
 function forwardBody(msg) {
     const date = new Date(msg.date).toLocaleString();
     const from = msg.from.name ? `${msg.from.name} &lt;${msg.from.address}&gt;` : msg.from.address;
     const to = msg.to.map((a) => a.name ? `${a.name} &lt;${a.address}&gt;` : a.address).join(", ");
     const body = sanitizeQuotedBody(msg);
-    return `<br><br><div class="reply"><p>---------- Forwarded message ----------<br>From: ${from}<br>Date: ${date}<br>Subject: ${msg.subject}<br>To: ${to}</p>${body}</div>`;
+    return `<p><br></p><div class="reply"><p>---------- Forwarded message ----------<br>From: ${from}<br>Date: ${date}<br>Subject: ${msg.subject}<br>To: ${to}</p>${body}</div>`;
 }
 let lastDeleted = null;
 let lastMoved = null;
@@ -2013,6 +2016,14 @@ searchInput?.addEventListener("scroll", () => {
 });
 searchInput?.addEventListener("change", () => updateSearchHighlight());
 updateSearchHighlight();
+// Server search is slow (per-folder IMAP SEARCH across ~90 folders). It must
+// never gate the local result display, and it should only fire once typing
+// has settled. Local search runs immediately on every doSearch; the server
+// pass is scheduled `SERVER_SEARCH_DALLY_MS` later and any new keystroke
+// clears+reschedules it. message-list's loadGen counter discards a stale
+// server pass's results, so a restart is effectively an abort at the UI.
+const SERVER_SEARCH_DALLY_MS = 700;
+let serverSearchTimer = null;
 function doSearch(immediate = false) {
     const query = searchInput.value.trim();
     if (query.length === 0) {
@@ -2021,17 +2032,25 @@ function doSearch(immediate = false) {
     }
     if (query.length < 2 && !immediate)
         return;
-    // P20: orthogonal "Server" checkbox. When checked, scope switches to
-    // "server" which spans all folders on all accounts. Local scope dropdown
-    // is unchanged (all/current) for the local-only case.
+    // P20: orthogonal "Server" checkbox. When checked, the search ALSO spans
+    // every folder on the server — but as a deferred second phase, never a
+    // replacement for the instant local pass.
     const serverCheck = document.getElementById("search-server-too");
     const trashCheck = document.getElementById("search-include-trash");
     const localScope = searchScope?.value || "all";
-    const effectiveScope = serverCheck?.checked ? "server" : localScope;
     const includeTrash = !!trashCheck?.checked;
-    // "This folder" scope: instant client-side filter on debounce, server search on Enter
-    if (effectiveScope === "current" && !immediate) {
-        // Client-side filter of visible rows
+    const serverOn = !!serverCheck?.checked;
+    // Any re-run aborts a pending server pass — it'll be rescheduled below
+    // if still wanted. This is the "editing the search aborts + restarts"
+    // behavior: each keystroke cancels the prior server search.
+    if (serverSearchTimer) {
+        clearTimeout(serverSearchTimer);
+        serverSearchTimer = null;
+    }
+    // "This folder" scope: instant client-side filter of the visible rows.
+    // Only when the server checkbox is OFF — with it on we want the real
+    // local+server search, not a row filter.
+    if (localScope === "current" && !serverOn && !immediate) {
         const body = document.getElementById("ml-body");
         if (body) {
             const lower = query.toLowerCase();
@@ -2042,14 +2061,28 @@ function doSearch(immediate = false) {
         }
         return;
     }
-    loadSearchResults(query, effectiveScope, currentAccountId, currentFolderId, includeTrash);
+    // ── Phase 1: LOCAL search — always, immediately ──
+    // The local SQLite store is fast; results paint as the user types.
+    const localScopeEff = localScope === "current" ? "current" : "all";
+    loadSearchResults(query, localScopeEff, currentAccountId, currentFolderId, includeTrash);
     setTitle(`${APP_NAME} - Search: ${query}`);
-    setActiveTabView({ kind: "search", query, scope: effectiveScope, accountId: currentAccountId, folderId: currentFolderId, includeTrash }, `Search: ${query}`);
+    setActiveTabView({ kind: "search", query, scope: serverOn ? "server" : localScopeEff, accountId: currentAccountId, folderId: currentFolderId, includeTrash }, `Search: ${query}`);
     // Record every executed search — Enter AND a settled debounced search
     // alike. The prefix-pruning in recordSearchHistory() collapses the
     // keystroke progression, so a search the user typed without pressing
     // Enter ("Hoddie") still shows up in history.
     recordSearchHistory(query);
+    // ── Phase 2: SERVER search — deferred, augments phase 1 ──
+    // Fires after the dally so a burst of keystrokes only triggers one IMAP
+    // sweep. The local rows from phase 1 stay on screen the whole time
+    // (loadSearchResults won't blank a list that already has rows), so the
+    // server pass never makes the user stare at an empty list.
+    if (serverOn) {
+        serverSearchTimer = setTimeout(() => {
+            serverSearchTimer = null;
+            loadSearchResults(query, "server", currentAccountId, currentFolderId, includeTrash);
+        }, SERVER_SEARCH_DALLY_MS);
+    }
 }
 // Track current folder for scoped search
 let currentAccountId = "";
@@ -2057,6 +2090,10 @@ let currentFolderId = 0;
 let reloadDebounceTimer = null;
 searchInput?.addEventListener("input", () => {
     clearTimeout(searchTimeout);
+    if (serverSearchTimer) {
+        clearTimeout(serverSearchTimer);
+        serverSearchTimer = null;
+    }
     updateSearchHighlight();
     if (searchInput.value.trim() === "") {
         // Cleared — reset immediately, no debounce. Must exit search mode
@@ -2070,7 +2107,10 @@ searchInput?.addEventListener("input", () => {
         setTitle(APP_NAME);
     }
     else {
-        searchTimeout = setTimeout(() => doSearch(false), 300);
+        // Short debounce — just enough to coalesce a keystroke burst. The
+        // local pass is cheap; the server pass has its own longer dally
+        // inside doSearch, so this stays snappy.
+        searchTimeout = setTimeout(() => doSearch(false), 180);
     }
 });
 searchInput?.addEventListener("keydown", (e) => {
@@ -2080,6 +2120,10 @@ searchInput?.addEventListener("keydown", (e) => {
     }
     if (e.key === "Escape") {
         searchInput.value = "";
+        if (serverSearchTimer) {
+            clearTimeout(serverSearchTimer);
+            serverSearchTimer = null;
+        }
         updateSearchHighlight();
         clearSearchMode();
         // Clear any client-side filters