650 think aloud audio mic mute on demand reminders

[hilsonshrestha]

Does this PR close any open issues?

Closes #650

When mic is toggled off for more than 5 seconds, the mic icon starts blinking with tooltip shown until unmuted.

When mic is toggled off, but user is speaking, a message is displayed saying you are muted. This message goes away once unmuted or we hear no sound.

Give a longer description of what this PR addresses and why it's needed

• Show warning When mic is toggled off for more than 5 seconds (blink mic + tooltip always visible)
• Show notification when user is speaking but mic is turned off
• Provenance Tracking of mic events
• Display mic events in replay timeline

[github-actions]

🪓 PR closed, deleted preview.

[hilsonshrestha]

Created a separate issue for provenance tracking of mic events: #1150

[Copilot]

Pull request overview

Adds “muted mic” reminders for think-aloud audio recording: a delayed visual mute warning (blinking mic + forced-open tooltip) and an “you are muted” notification when speech is detected while muted.

Changes:

• Introduces shared helper utilities for deciding when to monitor muted audio and for consistent muted-instruction copy.
• Extends recording hook state to (a) start a 5s “still muted” warning and (b) detect “speaking while muted” via an analyser on a cloned mic track.
• Updates the header mic control to blink/show tooltip after 5s muted and to show/hide a persistent notification while speaking muted; updates demo config to exercise the feature.

Reviewed changes

Copilot reviewed 7 out of 7 changed files in this pull request and generated 5 comments.

Show a summary per file

File	Description
src/utils/recordingWarnings.ts	New helpers for mute monitoring + instruction copy.
src/utils/recordingWarnings.spec.ts	Unit tests for the new helpers.
src/utils/notifications.ts	Makes showNotification return the notification id; adds hideNotification.
src/store/hooks/useRecording.ts	Adds muted-warning timer + analyser-based “speaking while muted” detection; exposes new state.
src/components/interface/AppHeader.tsx	Consumes new recording states to blink mic/force tooltip and show/hide a muted-speaking notification.
src/components/interface/AppHeader.module.css	Adds blink animation class for the mic button.
public/demo-screen-recording/config.json	Updates demo to include instructions and a click-to-record example.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

You can also share your feedback on Copilot code review. Take the survey.