Update main.js

main.js

@@ -66,6 +66,7 @@ async function stopRecording() {
 }
 
 async function processAudio(audioBlob) {
+  $('#loadingSpinner').show();
   try {
     // Create a URL for the audio blob
     const audioUrl = URL.createObjectURL(audioBlob);
@@ -78,17 +79,20 @@ async function processAudio(audioBlob) {
     document.body.appendChild(downloadLink);*/
     // Pass the Float32Array to the whisperPipeline
     const transcription = await whisperPipeline(audioUrl);
+    $('#loadingSpinner').hide();
     $('#transcription').val(transcription.text);
 
     // Clean up the URL object
     URL.revokeObjectURL(audioUrl);
   } catch (e) {
+    $('#loadingSpinner').hide();
     $('#status').text('Error processing audio: ' + e.message);
   }
 }
 
 // Function to send the final user prompt to the Ollama model
 async function sendPrompt() {
+  $('#loadingSpinner').show();
   const transcription = $('#transcription').val(); // Get transcription
   const context = $('#context').text(); // Get context
   const userPrompt = `${transcription}\n#Context:${context}`; // Combine both
@@ -108,6 +112,7 @@ async function sendPrompt() {
   });
 
   const data = await response.json();
+  $('#loadingSpinner').hide();
   editor.setValue(data.response);
   $('#status').text('Ready');
 }