From 604b8126733b21f82cbe6c72d5069f47aca6e0f8 Mon Sep 17 00:00:00 2001
From: shrimbly <falloon.willie@gmail.com>
Date: Tue, 10 Mar 2026 11:42:11 +1300
Subject: [PATCH] fix: move file input inside dialog to prevent backdrop close
 killing it

The hidden file input was outside the inner dialog div (which has
stopPropagation) but inside the backdrop div (which calls onClose).
When the OS file picker closed, the backdrop click handler fired,
unmounting the modal before FileReader could complete.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/components/quickstart/WelcomeModal.tsx | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/components/quickstart/WelcomeModal.tsx b/src/components/quickstart/WelcomeModal.tsx
index 988a62d4..6359a8d6 100644
--- a/src/components/quickstart/WelcomeModal.tsx
+++ b/src/components/quickstart/WelcomeModal.tsx
@@ -107,16 +107,15 @@ export function WelcomeModal({
             onWorkflowGenerated={handleWorkflowSelected}
           />
         )}
+        {/* Hidden file input for loading workflows */}
+        <input
+          type="file"
+          ref={fileInputRef}
+          onChange={handleFileChange}
+          accept=".json"
+          className="hidden"
+        />
       </div>
-
-      {/* Hidden file input for loading workflows */}
-      <input
-        type="file"
-        ref={fileInputRef}
-        onChange={handleFileChange}
-        accept=".json"
-        className="hidden"
-      />
     </div>
   );
 }