Update flare-ui/src/app/services/conversation-manager.service.ts

flare-ui/src/app/services/conversation-manager.service.ts

@@ -452,47 +452,36 @@ export class ConversationManagerService implements OnDestroy {
         mimeType: message['mime_type']
       });
       
-      // Check if we need to accumulate chunks
-      if (!message['is_last']) {
-        // Accumulate audio chunks
-        this.audioQueue.push(message['data']);
-        return;
-      }
+      // Accumulate audio chunks (already base64)
+      this.audioQueue.push(message['data']);
       
-      // All chunks received, create audio blob
-      this.audioQueue.push(message['data']); // Add last chunk
-      const audioData = this.audioQueue.join('');
-      
-      // Debug combined data
-      console.log('Combined audio data:', {
-        totalLength: audioData.length,
-        preview: audioData.substring(0, 50)
-      });
-      
-      try {
-        // Default to MP3 if mime_type not provided
-        const mimeType = message['mime_type'] || 'audio/mpeg';
-        
-        const audioBlob = this.base64ToBlob(audioData, mimeType);
-        const audioUrl = URL.createObjectURL(audioBlob);
-        
-        // Update last message with audio URL
-        const messages = this.messagesSubject.value;
-        if (messages.length > 0 && messages[messages.length - 1].role === 'assistant') {
-          messages[messages.length - 1].audioUrl = audioUrl;
-          this.messagesSubject.next([...messages]);
-        }
-        
-        // Clear queue
-        this.audioQueue = [];
-        
-        // Auto-play if in playing_audio state
-        if (this.currentStateSubject.value === 'playing_audio') {
-          this.playQueuedAudio();
+      if (message['is_last']) {
+        try {
+          // All chunks received, combine and create audio blob
+          const combinedBase64 = this.audioQueue.join('');
+          console.log('Combined audio data:', {
+            totalLength: combinedBase64.length,
+            preview: combinedBase64.substring(0, 100)
+          });
+          
+          const audioBlob = this.base64ToBlob(combinedBase64, message['mime_type'] || 'audio/mpeg');
+          const audioUrl = URL.createObjectURL(audioBlob);
+          
+          // Update last message with audio URL
+          const messages = this.messagesSubject.value;
+          if (messages.length > 0 && messages[messages.length - 1].role === 'assistant') {
+            messages[messages.length - 1].audioUrl = audioUrl;
+            this.messagesSubject.next([...messages]);
+          }
+          
+          // Clear queue
+          this.audioQueue = [];
+          
+          console.log('✅ Audio blob created successfully');
+        } catch (error) {
+          console.error('Error creating audio blob:', error);
+          this.audioQueue = [];
         }
-      } catch (error) {
-        console.error('Error creating audio blob:', error);
-        this.audioQueue = []; // Clear queue on error
       }
     } catch (error) {
       console.error('Error handling TTS audio:', error);
@@ -502,26 +491,10 @@ export class ConversationManagerService implements OnDestroy {
   
   private base64ToBlob(base64: string, mimeType: string): Blob {
     try {
-      // Clean base64 string - remove any whitespace or newlines
-      const cleanBase64 = base64.replace(/[\s\n\r]/g, '');
-      
-      // Validate base64 string
-      if (!cleanBase64 || cleanBase64.length === 0) {
-        throw new Error('Empty base64 string');
-      }
-      
-      // Check if string contains MP3 header (ID3 tag)
-      if (cleanBase64.startsWith('SUQz')) {
-        // This is raw MP3 data, not base64 - likely a backend issue
-        console.log('Detected raw MP3 data instead of base64');
-      }
-      
-      // Pad base64 string if necessary
-      const padding = cleanBase64.length % 4;
-      const paddedBase64 = padding ? cleanBase64 + '='.repeat(4 - padding) : cleanBase64;
+      console.log('Base64 length:', base64.length);
+      console.log('Base64 preview:', base64.substring(0, 100));
       
-      // Decode base64
-      const byteCharacters = atob(paddedBase64);
+      const byteCharacters = atob(base64);
       const byteNumbers = new Array(byteCharacters.length);
       
       for (let i = 0; i < byteCharacters.length; i++) {
@@ -529,11 +502,18 @@ export class ConversationManagerService implements OnDestroy {
       }
       
       const byteArray = new Uint8Array(byteNumbers);
-      return new Blob([byteArray], { type: mimeType });
+      const blob = new Blob([byteArray], { type: mimeType });
+      
+      console.log('Blob created:', {
+        size: blob.size,
+        type: blob.type
+      });
+      
+      return blob;
     } catch (error) {
       console.error('Error converting base64 to blob:', error);
-      console.error('Base64 length:', base64.length);
-      console.error('Base64 preview:', base64.substring(0, 100) + '...');
+      console.log('Base64 length:', base64.length);
+      console.log('Base64 preview:', base64.substring(0, 100));
       throw new Error('Failed to convert audio data');
     }
   }