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

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

@@ -444,75 +444,82 @@ export class ConversationManagerService implements OnDestroy {
   }
 
   private handleTTSAudio(message: any): void {
-    try {
-      // Validate audio data
-      if (!message['data']) {
-        console.warn('❌ TTS audio message missing data');
-        return;
-      }
-      
-      // Detailed log
-      console.log('🎵 TTS chunk received:', {
-        chunkIndex: message['chunk_index'],
-        totalChunks: message['total_chunks'],
-        dataLength: message['data'].length,
-        dataPreview: message['data'].substring(0, 50) + '...',
-        isLast: message['is_last'],
-        mimeType: message['mime_type']
-      });
-      
-      // Accumulate audio chunks (already base64)
-      this.audioQueue.push(message['data']);
-      console.log(`📦 Audio queue size: ${this.audioQueue.length} chunks`);
-      
-      if (message['is_last']) {
-        console.log('🔧 Processing final audio chunk...');
+      try {
+        // Validate audio data
+        if (!message['data']) {
+          console.warn('❌ TTS audio message missing data');
+          return;
+        }
         
-        try {
-          // All chunks received, combine and create audio blob
-          const combinedBase64 = this.audioQueue.join('');
-          console.log('✅ Combined audio data:', {
-            totalLength: combinedBase64.length,
-            queueSize: this.audioQueue.length,
-            preview: combinedBase64.substring(0, 100) + '...'
-          });
-          
-          // Validate base64
-          console.log('🔍 Validating base64...');
-          if (!this.isValidBase64(combinedBase64)) {
-            throw new Error('Invalid base64 data received');
-          }
-          console.log('✅ Base64 validation passed');
-          
-          const audioBlob = this.base64ToBlob(combinedBase64, message['mime_type'] || 'audio/mpeg');
-          const audioUrl = URL.createObjectURL(audioBlob);
-          console.log('🎧 Audio URL created:', audioUrl);
+        // Detailed log
+        console.log('🎵 TTS chunk received:', {
+          chunkIndex: message['chunk_index'],
+          totalChunks: message['total_chunks'],
+          dataLength: message['data'].length,
+          dataPreview: message['data'].substring(0, 50) + '...',
+          isLast: message['is_last'],
+          mimeType: message['mime_type']
+        });
+        
+        // Accumulate audio chunks (already base64)
+        this.audioQueue.push(message['data']);
+        console.log(`📦 Audio queue size: ${this.audioQueue.length} chunks`);
+        
+        if (message['is_last']) {
+          console.log('🔧 Processing final audio chunk...');
           
-          // 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]);
-            console.log('✅ Audio URL attached to assistant message');
-          } else {
-            console.warn('⚠️ No assistant message found to attach audio');
+          try {
+            // All chunks received, combine and create audio blob
+            const combinedBase64 = this.audioQueue.join('');
+            console.log('✅ Combined audio data:', {
+              totalLength: combinedBase64.length,
+              queueSize: this.audioQueue.length,
+              preview: combinedBase64.substring(0, 100) + '...'
+            });
+            
+            // Validate base64
+            console.log('🔍 Validating base64...');
+            if (!this.isValidBase64(combinedBase64)) {
+              throw new Error('Invalid base64 data received');
+            }
+            console.log('✅ Base64 validation passed');
+            
+            const audioBlob = this.base64ToBlob(combinedBase64, message['mime_type'] || 'audio/mpeg');
+            const audioUrl = URL.createObjectURL(audioBlob);
+            console.log('🎧 Audio URL created:', audioUrl);
+            
+            // 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]);
+              console.log('✅ Audio URL attached to assistant message');
+              
+              // Auto-play welcome message
+              if (messages.length === 1) {
+                setTimeout(() => {
+                  this.playAudio(audioUrl);
+                }, 500);
+              }
+            } else {
+              console.warn('⚠️ No assistant message found to attach audio');
+            }
+            
+            // Clear queue
+            this.audioQueue = [];
+            console.log('🧹 Audio queue cleared');
+            
+            console.log('✅ Audio processing completed successfully');
+          } catch (error) {
+            console.error('❌ Error creating audio blob:', error);
+            console.error('Queue size was:', this.audioQueue.length);
+            this.audioQueue = [];
           }
-          
-          // Clear queue
-          this.audioQueue = [];
-          console.log('🧹 Audio queue cleared');
-          
-          console.log('✅ Audio processing completed successfully');
-        } catch (error) {
-          console.error('❌ Error creating audio blob:', error);
-          console.error('Queue size was:', this.audioQueue.length);
-          this.audioQueue = [];
         }
+      } catch (error) {
+        console.error('❌ Error handling TTS audio:', error);
+        this.audioQueue = []; // Clear queue on error
       }
-    } catch (error) {
-      console.error('❌ Error handling TTS audio:', error);
-      this.audioQueue = []; // Clear queue on error
-    }
   }
   
   private isValidBase64(str: string): boolean {