Problem Description

I have a react frontend and a flask backend. I have setup a component to receive audio in the frontend and send it to socketio in the backend. However the audio streaming is not working as expected.

Acceptance Criteria

Typescript react component uaing reduc toolkit, with an in app button. Press button to record audio. Audio is chunked and sent to websocket flask backend. Then audio is sent to api for streaming transcription. Streaming transcription returns drafts and then final. Transcription should be passed back via websocket to textfield in frontend and update as new interim and final is being generated. Then when text is final the textfield should submit. When audio is on but there is no talking the frontend should determine there is no talking and not send any data to backend.