From f291649f744324f448b972217113c51ba15ef75e Mon Sep 17 00:00:00 2001
From: Shantur Rathore <i@shantur.com>
Date: Fri, 24 Oct 2025 00:52:17 +0100
Subject: [PATCH] Fix file picker keyboard event handling and loading state

---
 src/components/file-picker.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/file-picker.tsx b/src/components/file-picker.tsx
index 33260e39..e3639d41 100644
--- a/src/components/file-picker.tsx
+++ b/src/components/file-picker.tsx
@@ -182,14 +182,17 @@ const FilePicker: Component<FilePickerProps> = (props) => {
 
       if (e.key === "ArrowDown") {
         e.preventDefault()
+        e.stopPropagation()
         handleNavigateDown()
         props.onNavigate("down")
       } else if (e.key === "ArrowUp") {
         e.preventDefault()
+        e.stopPropagation()
         handleNavigateUp()
         props.onNavigate("up")
       } else if (e.key === "Enter") {
         e.preventDefault()
+        e.stopPropagation()
         if (fileList[selectedIndex()]) {
           handleSelect(fileList[selectedIndex()].path)
         }
@@ -209,7 +212,7 @@ const FilePicker: Component<FilePickerProps> = (props) => {
       >
         <div class="max-h-96 overflow-y-auto">
           <Show
-            when={!loading()}
+            when={!loading() && isInitialized()}
             fallback={
               <div class="p-4 text-center text-sm text-gray-500">
                 <div class="inline-block h-4 w-4 animate-spin rounded-full border-2 border-gray-300 border-t-blue-600"></div>