@bobfrankston/rmfmail 1.1.174 → 1.1.180

package/client/app.js

@@ -7,8 +7,13 @@ import { initMessageList, loadMessages, loadUnifiedInbox, loadSearchResults, rel
 import { seenOf, flaggedOf, draftOf, setSeen, setFlagged } from "@bobfrankston/mailx-types";
 import { initTabs, setActiveView as setActiveTabView, openTab } from "./components/tabs.js";
 import { getCurrentMessage, initViewer, popOutCurrentMessage, printCurrentMessage, toggleFullscreenPreview, showPreviewBodyMenu, wrapHtmlBody } from "./components/message-viewer.js";
-import { connectWebSocket, onWsEvent, triggerSync, syncAccount, reauthenticate, getAccounts, getFolders, deleteMessage, deleteMessages, undeleteMessage, restartServer, getSyncPending, getVersion, getSettings, saveSettings, getAutocompleteSettings, saveAutocompleteSettings, repairAccounts, updateFlags, markAsSpamMessages, logClientEvent, sendMessage as apiSendMessage, subscribeStore, cancelServerSearch } from "./lib/api-client.js";
+import { connectWebSocket, onWsEvent, triggerSync, syncAccount, reauthenticate, getAccounts, getFolders, deleteMessage, deleteMessages, undeleteMessage, restartServer, getSyncPending, getVersion, getSettings, saveSettings, getAutocompleteSettings, saveAutocompleteSettings, repairAccounts, updateFlags, markAsSpamMessages, logClientEvent, sendMessage as apiSendMessage, subscribeStore, cancelServerSearch, installConsoleCapture } from "./lib/api-client.js";
 import * as messageState from "./lib/message-state.js";
+// FIRST THING. Captures every console.log/warn/error + window errors +
+// unhandled promise rejections to the daemon log via logClientEvent, so
+// debugging client-side bugs never requires opening devtools — search
+// rmfmail-YYYY-MM-DD.log for "console.error" or "window.error" instead.
+installConsoleCapture();
 // ── New message badge (favicon + title) ──
 /** The user-visible app name. Single point of change for the rename;
  *  every UI surface that shows "rmfmail" reads from here. Static HTML
@@ -3377,6 +3382,45 @@ document.getElementById("message-viewer")?.addEventListener("dblclick", (e) => {
     toggleFullscreenPreview();
 });
 // ── F6 pane cycling ──
+/** Focus a specific pane by element id. Same visual hint as cyclePaneFocus
+ *  so the user can see which pane took focus. Wired to middle-click. */
+function focusPaneById(id) {
+    const el = document.getElementById(id);
+    if (!el)
+        return;
+    if (!el.hasAttribute("tabindex"))
+        el.setAttribute("tabindex", "-1");
+    el.focus();
+    el.style.outline = "2px solid var(--color-accent, #3b82f6)";
+    el.style.outlineOffset = "-2px";
+    setTimeout(() => { el.style.outline = ""; el.style.outlineOffset = ""; }, 600);
+}
+// Middle-click anywhere in a pane focuses that pane. Doesn't conflict with
+// any existing right-click context menus or left-click selection handlers.
+// Bob 2026-05-27: F6/Shift+F6 isn't memorable; right-click feels natural.
+// We do middle-click (button=1) because right-click is already overloaded
+// for row/message context menus throughout the UI.
+document.addEventListener("auxclick", (e) => {
+    if (e.button !== 1)
+        return; // middle button only
+    const target = e.target;
+    if (!target)
+        return;
+    const ft = target.closest("#folder-tree");
+    const ml = target.closest("#ml-body");
+    const mv = target.closest("#message-viewer");
+    let id = null;
+    if (ft)
+        id = "folder-tree";
+    else if (ml)
+        id = "ml-body";
+    else if (mv)
+        id = "message-viewer";
+    if (!id)
+        return;
+    e.preventDefault();
+    focusPaneById(id);
+});
 function cyclePaneFocus(reverse) {
     // Major panes in tab order. Skip ones not currently visible (folder
     // tree is hidden in narrow tier when the rail/drawer is closed; message