From db9ada0f31e97931b565bb64b11b2f25e28f095e Mon Sep 17 00:00:00 2001
From: archipelago <archipelago@localhost>
Date: Fri, 9 Oct 2026 14:29:53 -0400
Subject: [PATCH] fix: fence terminal arrow keys from global navigation

---
 neode-ui/src/components/CLIPopup.vue         | 2 +-
 neode-ui/src/composables/useControllerNav.ts | 1 +
 neode-ui/src/composables/useModalKeyboard.ts | 1 +
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/neode-ui/src/components/CLIPopup.vue b/neode-ui/src/components/CLIPopup.vue
index 74855726..eecd66ac 100644
--- a/neode-ui/src/components/CLIPopup.vue
+++ b/neode-ui/src/components/CLIPopup.vue
@@ -2,7 +2,7 @@
   <Teleport to="body">
     <Transition name="cli-popup">
       <div v-if="cliStore.isOpen" class="fixed inset-0 z-[2500] flex items-center justify-start p-4 pointer-events-none">
-        <section ref="panelRef" class="glass-card terminal-panel relative z-10 w-full overflow-hidden pointer-events-auto md:ml-[300px]" :class="{ minimized }" :style="panelStyle" aria-label="Archipelago terminal">
+        <section ref="panelRef" data-archipelago-terminal class="glass-card terminal-panel relative z-10 w-full overflow-hidden pointer-events-auto md:ml-[300px]" :class="{ minimized }" :style="panelStyle" aria-label="Archipelago terminal">
           <header class="terminal-header sticky top-0 z-10 flex items-center gap-3 border-b border-white/10 px-4 py-3 bg-black/60 backdrop-blur-md md:bg-transparent md:backdrop-blur-none" @mousedown="startDrag">
             <div class="terminal-drag-handle" title="Drag to move">
               <svg class="w-4 h-4 text-white/50" fill="currentColor" viewBox="0 0 24 24"><path d="M8 6h2v2H8V6zm0 5h2v2H8v-2zm0 5h2v2H8v-2zm5-10h2v2h-2V6zm0 5h2v2h-2v-2zm0 5h2v2h-2v-2z" /></svg>
diff --git a/neode-ui/src/composables/useControllerNav.ts b/neode-ui/src/composables/useControllerNav.ts
index c2fdb306..21d00faa 100644
--- a/neode-ui/src/composables/useControllerNav.ts
+++ b/neode-ui/src/composables/useControllerNav.ts
@@ -252,6 +252,7 @@ export function useControllerNav(containerRef?: { value: HTMLElement | null }) {
   // ─── Keyboard Handler ───────────────────────────────────────
 
   function handleKeyDown(e: KeyboardEvent) {
+    if ((e.target as HTMLElement | null)?.closest?.('[data-archipelago-terminal]')) return
     const navKeys = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Enter', 'Escape']
     if (!navKeys.includes(e.key)) return
 
diff --git a/neode-ui/src/composables/useModalKeyboard.ts b/neode-ui/src/composables/useModalKeyboard.ts
index c2b05193..b8c717a9 100644
--- a/neode-ui/src/composables/useModalKeyboard.ts
+++ b/neode-ui/src/composables/useModalKeyboard.ts
@@ -35,6 +35,7 @@ export function useModalKeyboard(
 
   function handleKeydown(e: KeyboardEvent) {
     if (!isOpen.value) return
+    if ((e.target as HTMLElement | null)?.closest?.('[data-archipelago-terminal]')) return
 
     if (e.key === 'Escape') {
       restoreFocusRef?.value?.focus?.()