@bobfrankston/rmfmail 1.1.174 → 1.1.177

package/client/app.js

@@ -3377,6 +3377,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