#10012: Webui voice
app: web-ui
stale
Cluster:
Voice Transcription Enhancements
feat: Add voice input support to Web UI
<!-- greptile_comment -->
<h2>Greptile Overview</h2>
<h3>Greptile Summary</h3>
This PR adds voice dictation support to the Web UI chat composer. It introduces a mic toggle button in `ui/src/ui/views/chat.ts`, wires recording state and the toggle handler through `ui/src/ui/app-render.ts`, and implements `toggleRecording()` in `ui/src/ui/app.ts` using the browser `SpeechRecognition`/`webkitSpeechRecognition` APIs to update `chatMessage` with interim transcription results. It also adds `mic`/`micOff` icons (`ui/src/ui/icons.ts`), updates the changelog, and ignores `.trae/` artifacts via `.gitignore`.
<h3>Confidence Score: 3/5</h3>
- Moderately safe to merge after fixing a couple of correctness issues in the Web UI voice wiring.
- Changes are localized, but `AppViewState`→`OpenClawApp` casting in the renderer can cause runtime crashes if `renderApp` is used with a non-`OpenClawApp` state, and SpeechRecognition instance lifecycle handling can lead to inconsistent recording state after automatic end/error events.
- ui/src/ui/app.ts and ui/src/ui/app-render.ts
<!-- greptile_other_comments_section -->
<sub>(2/5) Greptile learns from your feedback when you react with thumbs up/down!</sub>
<!-- /greptile_comment -->
Most Similar PRs
#11965: feat(ui): add speech-to-text dictation to web chat via Deepgram Flux
by billgetman · 2026-02-08
76.6%
#9703: feat(macos): Voice settings restructure + Whisper transcription sup...
by nsd97 · 2026-02-05
75.1%
#7528: feat: Adds slash command suggestions to chat
by JohnnyD1776 · 2026-02-02
72.6%
#23778: feat: chat UI facelift — speech, themes, config categories, and polish
by BunsDev · 2026-02-22
72.5%
#3721: fix(ui): webchat not displaying chat responses
by maxmaxrouge-rgb · 2026-01-29
72.0%
#11745: ui: add server-side TTS for web chat via gateway endpoint
by wjlgatech · 2026-02-08
70.9%
#9218: Fix Control UI chat resync on gaps and terminal events
by figitaki · 2026-02-05
70.2%
#7258: feat(tts): add Inworld AI TTS provider
by willsinghwilson · 2026-02-02
69.8%
#19073: feat(voice-call): streaming TTS, barge-in, silence filler, hangup, ...
by odrobnik · 2026-02-17
69.5%
#22798: feat(webchat): ChatGPT-style multi-chat threads with generated titles
by opnsec · 2026-02-21
69.4%