feat: space on empty input starts voice, escape cancels

- Pressing space on empty chat input starts voice recording
  (convenient alternative to Cmd+D)
- Pressing escape during recording cancels without transcribing
- Add cancel() method to voice hook that sets flag to skip transcribe
- Updated overlay text to show all shortcuts

Author: ammar-agent

src/browser/components/ChatInput/index.tsx

@@ -846,6 +846,19 @@ export const ChatInput: React.FC<ChatInputProps> = (props) => {
       return;
     }
 
+    // Space on empty input starts voice recording
+    if (
+      e.key === " " &&
+      input.trim() === "" &&
+      voiceInput.shouldShowUI &&
+      voiceInput.isApiKeySet &&
+      voiceInput.state === "idle"
+    ) {
+      e.preventDefault();
+      voiceInput.start();
+      return;
+    }
+
     // Handle open model selector
     if (matchesKeybind(e, KEYBINDS.OPEN_MODEL_SELECTOR)) {
       e.preventDefault();
@@ -985,6 +998,9 @@ export const ChatInput: React.FC<ChatInputProps> = (props) => {
                   if (e.key === " " && voiceInput.state === "recording") {
                     e.preventDefault();
                     voiceInput.stop({ send: true });
+                  } else if (e.key === "Escape" && voiceInput.state === "recording") {
+                    e.preventDefault();
+                    voiceInput.cancel();
                   }
                 }}
                 disabled={voiceInput.state === "transcribing"}
@@ -1006,7 +1022,7 @@ export const ChatInput: React.FC<ChatInputProps> = (props) => {
                   )}
                 >
                   {voiceInput.state === "recording"
-                    ? `Recording... space to send, ${formatKeybind(KEYBINDS.TOGGLE_VOICE_INPUT)} to stop`
+                    ? `Recording... space to send, ${formatKeybind(KEYBINDS.TOGGLE_VOICE_INPUT)} to stop, esc to cancel`
                     : "Transcribing..."}
                 </span>
                 <WaveformBars

src/browser/hooks/useVoiceInput.ts

@@ -24,6 +24,8 @@ export interface UseVoiceInputResult {
   shouldShowUI: boolean;
   start: () => void;
   stop: (options?: { send?: boolean }) => void;
+  /** Cancel recording without transcribing (discard audio) */
+  cancel: () => void;
   toggle: () => void;
 }
 
@@ -42,6 +44,7 @@ export function useVoiceInput(options: UseVoiceInputOptions): UseVoiceInputResul
   const audioChunksRef = useRef<Blob[]>([]);
   const streamRef = useRef<MediaStream | null>(null);
   const sendAfterTranscribeRef = useRef(false);
+  const cancelledRef = useRef(false);
 
   // Store callbacks in refs to avoid stale closures
   const callbacksRef = useRef(options);
@@ -97,11 +100,17 @@ export function useVoiceInput(options: UseVoiceInputOptions): UseVoiceInputResul
       };
 
       recorder.onstop = () => {
+        const wasCancelled = cancelledRef.current;
+        cancelledRef.current = false;
         const blob = new Blob(audioChunksRef.current, { type: mimeType });
         audioChunksRef.current = [];
         stream.getTracks().forEach((t) => t.stop());
         streamRef.current = null;
-        void transcribe(blob);
+        if (wasCancelled) {
+          setState("idle");
+        } else {
+          void transcribe(blob);
+        }
       };
 
       recorder.onerror = () => {
@@ -132,7 +141,14 @@ export function useVoiceInput(options: UseVoiceInputOptions): UseVoiceInputResul
       mediaRecorderRef.current?.stop();
       mediaRecorderRef.current = null;
     }
-    // Note: setState("idle") not called here - transcribe() handles transition
+  }, []);
+
+  const cancel = useCallback(() => {
+    cancelledRef.current = true;
+    if (mediaRecorderRef.current?.state !== "inactive") {
+      mediaRecorderRef.current?.stop();
+      mediaRecorderRef.current = null;
+    }
   }, []);
 
   const toggle = useCallback(() => {
@@ -158,6 +174,7 @@ export function useVoiceInput(options: UseVoiceInputOptions): UseVoiceInputResul
     shouldShowUI: isSupported && !isMobile,
     start: () => void start(),
     stop,
+    cancel,
     toggle,
   };
 }