fix(mdviewer): forward F-keys to Phoenix, scroll slash menu selection,

refocus editor after popup dismiss on Escape

- Forward function keys (F1-F12) to Phoenix keybinding manager
- Slash menu arrow navigation now scrolls selected item into view
- Escape with any popup open refocuses the editor after dismissal
- Check slash menu, lang picker, link popover before forwarding Escape

Author: abose

src-mdviewer/src/bridge.js

@@ -156,10 +156,23 @@ export function initBridge() {
 
     document.addEventListener("keydown", (e) => {
         if (e.key === "Escape") {
-            // Don't forward Escape to Phoenix if search bar or other UI is open
-            const searchBar = document.getElementById("search-bar");
-            if (searchBar && searchBar.classList.contains("open")) {
-                return; // let search handle it
+            // Don't forward Escape to Phoenix if any popup/overlay is open
+            const popupSelectors = [
+                "#search-bar.open",
+                "#slash-menu.visible",
+                "#lang-picker.visible",
+                "#link-popover.visible"
+            ];
+            const hasOpenPopup = popupSelectors.some(sel => document.querySelector(sel));
+            if (hasOpenPopup) {
+                // Let the popup handle Escape, then refocus editor
+                setTimeout(() => {
+                    const content = document.getElementById("viewer-content");
+                    if (content && getState().editMode) {
+                        content.focus({ preventScroll: true });
+                    }
+                }, 0);
+                return;
             }
             sendToParent("embeddedEscapeKeyPressed", {});
             return;

src-mdviewer/src/components/slash-menu.js

@@ -378,11 +378,15 @@ function handleKeydown(e) {
     e.stopImmediatePropagation();
     selectedIndex = (selectedIndex + 1) % filteredItems.length;
     renderItems();
+    const sel = menu.querySelector(".slash-menu-item.selected");
+    if (sel) sel.scrollIntoView({ block: "nearest" });
   } else if (e.key === "ArrowUp") {
     e.preventDefault();
     e.stopImmediatePropagation();
     selectedIndex = (selectedIndex - 1 + filteredItems.length) % filteredItems.length;
     renderItems();
+    const sel = menu.querySelector(".slash-menu-item.selected");
+    if (sel) sel.scrollIntoView({ block: "nearest" });
   } else if (e.key === "Enter") {
     e.preventDefault();
     e.stopImmediatePropagation();