Skip to content

refactor(frontend): improve voice status overlay and scroll button visibility#211

Merged
chriswritescode-dev merged 2 commits intodevfrom
fix/stt-voice-overlay-improvements
May 2, 2026
Merged

refactor(frontend): improve voice status overlay and scroll button visibility#211
chriswritescode-dev merged 2 commits intodevfrom
fix/stt-voice-overlay-improvements

Conversation

@chriswritescode-dev
Copy link
Copy Markdown
Owner

Summary

  • Fix scroll button visibility logic to show when voice feedback is active
  • Extract WaveformBars component for processing state animation
  • Simplify VoiceStatusOverlay label logic
  • Move timeout helpers before first use in useSTT

Changes

  • frontend/src/components/message/PromptInput.tsx - Fix scroll button conditional rendering
  • frontend/src/components/message/VoiceStatusOverlay.tsx - Extract waveform component, simplify labels
  • frontend/src/hooks/useSTT.ts - Reorder timeout helper functions

Type of Change

  • Refactor

Checklist

  • Code follows project style (no comments, named imports)
  • TypeScript types are properly defined
  • Tests added/updated (80% coverage target)
  • pnpm lint passes locally

Race microphone startup against a 10s timeout to prevent the voice
button from getting stuck in a loading state when the microphone
never actually starts. On timeout, abort the recorder/recognizer,
reset all STT state, and return false so the UI can recover.
@chriswritescode-dev chriswritescode-dev merged commit 94a6f2d into dev May 2, 2026
3 checks passed
@chriswritescode-dev chriswritescode-dev deleted the fix/stt-voice-overlay-improvements branch May 2, 2026 00:14
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant