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

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

@@ -456,7 +456,10 @@ export class ConversationManagerService implements OnDestroy {
       const audioData = this.audioQueue.join('');
       
       try {
-        const audioBlob = this.base64ToBlob(audioData, message['mime_type'] || 'audio/mpeg');
+        // 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
@@ -476,7 +479,20 @@ export class ConversationManagerService implements OnDestroy {
       } catch (error) {
         console.error('Error creating audio blob:', error);
         this.audioQueue = []; // Clear queue on error
-        throw error;
+        
+        // Try direct blob creation as fallback
+        try {
+          const fallbackBlob = new Blob([atob(audioData)], { type: 'audio/mpeg' });
+          const audioUrl = URL.createObjectURL(fallbackBlob);
+          
+          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]);
+          }
+        } catch (fallbackError) {
+          console.error('Fallback audio creation also failed:', fallbackError);
+        }
       }
     } catch (error) {
       console.error('Error handling TTS audio:', error);
@@ -487,21 +503,25 @@ 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/g, '');
+      const cleanBase64 = base64.replace(/[\s\n\r]/g, '');
       
       // Validate base64 string
       if (!cleanBase64 || cleanBase64.length === 0) {
         throw new Error('Empty base64 string');
       }
       
-      // Check if base64 string is valid
-      const base64Regex = /^[A-Za-z0-9+/]*={0,2}$/;
-      if (!base64Regex.test(cleanBase64)) {
-        throw new Error('Invalid base64 string format');
+      // 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;
+      
       // Decode base64
-      const byteCharacters = atob(cleanBase64);
+      const byteCharacters = atob(paddedBase64);
       const byteNumbers = new Array(byteCharacters.length);
       
       for (let i = 0; i < byteCharacters.length; i++) {
@@ -512,6 +532,7 @@ export class ConversationManagerService implements OnDestroy {
       return new Blob([byteArray], { type: mimeType });
     } catch (error) {
       console.error('Error converting base64 to blob:', error);
+      console.error('Base64 length:', base64.length);
       console.error('Base64 preview:', base64.substring(0, 100) + '...');
       throw new Error('Failed to convert audio data');
     }