feat(playground): adding microphone back

[neelneelneel]

Description

Changes Made

How to Test

1. Steps to reproduce/test the behavior
2. Expected outcomes

Notes

[github-actions]

@CodiumAI-Agent /describe

[github-actions]

@CodiumAI-Agent /update_changelog

[QodoAI-Agent]

Changelog updates: 🔄

2025-07-31

Added

• Microphone (speech-to-text) recording support in the playground input.

to commit the new content to the CHANGELOG.md file, please type:
'/update_changelog --pr_update_changelog.push_changelog_changes=true'

[github-actions]

@CodiumAI-Agent /review

[github-actions]

@CodiumAI-Agent /improve

[QodoAI-Agent]

PR Reviewer Guide 🔍

Here are some key observations to aid the review process:

⏱️ Estimated effort to review: 3 🔵🔵🔵⚪⚪

🧪 No relevant tests

🔒 No security concerns identified

⚡ Recommended focus areas for review Type Declarations Removed Removed module declarations for asset files may break imports of images and SVGs across the project. declare global { interface Window { SpeechRecognition: { new (): SpeechRecognition; }; webkitSpeechRecognition: { new (): SpeechRecognition; }; } interface SpeechRecognitionEvent extends Event { results: SpeechRecognitionResultList; resultIndex: number; } interface SpeechRecognitionErrorEvent extends Event { error: string; message: string; } interface SpeechRecognition extends EventTarget { continuous: boolean; interimResults: boolean; lang: string; start(): void; stop(): void; onstart: (() => void) | null; onresult: ((event: SpeechRecognitionEvent) => void) | null; onerror: ((event: SpeechRecognitionErrorEvent) => void) | null; onend: (() => void) | null; } } export {}; Speech Recognition Errors Errors from speech recognition are only logged to console; consider notifying the user of failures to start or continue recording. recognition.onerror = (event) => { console.error(event); // turn off and focus on element setIsListening(false); inputRef.current?.focus(); };

[QodoAI-Agent]

PR Code Suggestions ✨

Category	Suggestion	Impact
Possible issue	Handle errors when starting recognition Wrap the call to recognitionRef.current.start() in a try/catch block to prevent uncaught exceptions (e.g., permission denied) and ensure isListening is correctly reset on failure. packages/playground/src/components/room/RoomInput.tsx [282-286] const startListening = () => { if (recognitionRef.current && !isListening) { - recognitionRef.current.start(); + try { + recognitionRef.current.start(); + } catch (error) { + console.error("Speech recognition start failed", error); + setIsListening(false); + notification.error("Unable to start recording"); + } } }; Suggestion importance[1-10]: 8 __ Why: Wrapping recognitionRef.current.start() in try/catch prevents uncaught exceptions (e.g., permission denied) and ensures isListening and user feedback are correctly handled.	Medium
General	Notify user on recognition error Use the notification hook to surface an error message to the user when speech recognition fails, especially on permission errors, instead of only logging to the console. packages/playground/src/components/room/RoomInput.tsx [192-198] recognition.onerror = (event) => { console.error(event); - - // turn off and focus on element + notification.error(`Speech recognition error: ${event.error || event.message}`); setIsListening(false); inputRef.current?.focus(); }; Suggestion importance[1-10]: 6 __ Why: Adding notification.error surfaces speech recognition failures to the user, improving UX beyond console logs.	Low
	Update disabled tooltip message Change the tooltip when speech recognition is unsupported to inform the user why the record button is disabled. packages/playground/src/components/room/RoomInput.tsx [386-389] <Tooltip - title={isListening ? "Stop Recording" : "Record"} + title={ + !canListen + ? "Speech recognition not supported" + : isListening + ? "Stop Recording" + : "Record" + } placement="top" > Suggestion importance[1-10]: 6 __ Why: Including a message for unsupported speech recognition clarifies why the record button is disabled, enhancing usability.	Low