From e488cc79d0f04fd844ec10be7ab836f8bd56af90 Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmail.com>
Date: Sat, 21 Mar 2026 15:39:20 -0700
Subject: [PATCH] fix: escape not working during stream configure

---
 js/src/features/compose/compose-overlay.tsx       | 8 +++++++-
 js/src/features/compose/configure-stream-step.tsx | 1 +
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/js/src/features/compose/compose-overlay.tsx b/js/src/features/compose/compose-overlay.tsx
index 8a312e7..c37b741 100644
--- a/js/src/features/compose/compose-overlay.tsx
+++ b/js/src/features/compose/compose-overlay.tsx
@@ -178,7 +178,13 @@ export function ComposeOverlay({
     const handleKeyDown = (e: KeyboardEvent) => {
       const currentStep = stepRef.current;
 
-      if (currentStep === "typing" || currentStep === "configuring") return;
+      if (currentStep === "typing" || currentStep === "configuring") {
+        if (e.key === "Escape") {
+          e.preventDefault();
+          cancel();
+        }
+        return;
+      }
 
       const target = e.target as HTMLElement;
       if (
diff --git a/js/src/features/compose/configure-stream-step.tsx b/js/src/features/compose/configure-stream-step.tsx
index c6bad18..5c542c8 100644
--- a/js/src/features/compose/configure-stream-step.tsx
+++ b/js/src/features/compose/configure-stream-step.tsx
@@ -76,6 +76,7 @@ export function ConfigureStreamStep({
           <Label className="mb-1 text-xs text-white/50">Stream name</Label>
           <Input
             type="text"
+            autoFocus
             value={name}
             onChange={(e) => {
               setName(e.target.value);