Skip to content

feat: modify the ui of web dictation app

Vaishnavi requested to merge feat/asr-ui into feat/develop-pro

Description

This MR improves the transcription dashboard UI with enhanced glassmorphism styling, floating overlay panels, and cleaner interaction behavior. It also updates failing tests to align with the latest UI behavior without modifying application source functionality.

Changes Made

  • Added glassmorphism-based transparent UI styling
  • Implemented floating overlay dropdown behavior for corpus/library panels
  • Prevented layout shifting when opening overlay cards
  • Improved dashboard responsiveness and spacing
  • Refined buttons, shadows, gradients, and hover effects
  • Updated library/corpus interaction visuals
  • Fixed failing UI tests related to removed diarization toggle

Test Updates

  • Updated DictationEditor.test.tsx
  • Replaced strict diarization switch queries with optional queries
  • Prevented test failures when diarization toggle is absent

Impact

  • Better modern UI experience
  • Cleaner overlay interactions
  • Stable test suite matching current UI behavior

Checklist

  • UI verified locally
  • Tests passing
  • No source functionality changed
  • Responsive layout checked

closses #26 (closed)

Merge request reports