From 1cdaac66dbf31087c27eaaec6e6b5a293aabbd0d Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmail.com>
Date: Mon, 13 Apr 2026 09:14:22 -0700
Subject: [PATCH] show esc keybinding hint for recording

---
 js/src/features/compose/recording-overlay.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/js/src/features/compose/recording-overlay.tsx b/js/src/features/compose/recording-overlay.tsx
index 195d2cd..978fdb2 100644
--- a/js/src/features/compose/recording-overlay.tsx
+++ b/js/src/features/compose/recording-overlay.tsx
@@ -225,10 +225,13 @@ export function RecordingOverlay({
             to review
           </span>
           <span>
+            <kbd className="rounded bg-white/10 px-1.5 py-0.5 font-mono text-xs">
+              Esc
+            </kbd>{" or "}
             <kbd className="rounded bg-white/10 px-1.5 py-0.5 font-mono text-xs">
               Q
             </kbd>{" "}
-            cancel
+            to cancel
           </span>
         </div>
       )}
@@ -252,10 +255,13 @@ export function RecordingOverlay({
               next
             </span>
             <span>
+              <kbd className="rounded bg-white/10 px-1.5 py-0.5 font-mono text-xs">
+                Esc
+              </kbd>{" or "}
               <kbd className="rounded bg-white/10 px-1.5 py-0.5 font-mono text-xs">
                 Q
               </kbd>{" "}
-              cancel
+              to cancel
             </span>
             <span>
               <Button