fix: remove ugly focus ring, improve voice tooltip

- Add focus:outline-none to recording overlay button
- Update tooltip to document all shortcuts:
  - Space on empty input to start
  - Cmd+D anytime to toggle
  - Space during recording to send
  - Escape to cancel

Author: ammar-agent

src/browser/components/ChatInput/VoiceInputButton.tsx

@@ -60,7 +60,12 @@ export const VoiceInputButton: React.FC<VoiceInputButtonProps> = (props) => {
           </>
         ) : (
           <>
-            {label} ({formatKeybind(KEYBINDS.TOGGLE_VOICE_INPUT)})
+            <strong>Voice input</strong> — press space on empty input
+            <br />
+            or {formatKeybind(KEYBINDS.TOGGLE_VOICE_INPUT)} anytime
+            <br />
+            <br />
+            While recording: space sends, esc cancels
           </>
         )}
       </Tooltip>

src/browser/components/ChatInput/index.tsx

@@ -1005,7 +1005,7 @@ export const ChatInput: React.FC<ChatInputProps> = (props) => {
                 }}
                 disabled={voiceInput.state === "transcribing"}
                 className={cn(
-                  "mb-1 flex min-h-[60px] w-full items-center justify-center gap-3 rounded-md border px-4 py-4 transition-all",
+                  "mb-1 flex min-h-[60px] w-full items-center justify-center gap-3 rounded-md border px-4 py-4 transition-all focus:outline-none",
                   voiceInput.state === "recording"
                     ? "cursor-pointer border-blue-500 bg-blue-500/10"
                     : "cursor-wait border-amber-500 bg-amber-500/10"