feat: enhance text-to-speech functionality with markdown support

- Integrated markdown conversion in TextToSpeechController to clean text before speech synthesis, ensuring only valid content is spoken.
- Updated VoiceCallService to utilize markdown conversion for responses, improving the clarity of spoken content.
- Enhanced VoiceCallPage to display cleaned text from markdown, providing a better user experience during voice interactions.

lib/features/chat/providers/text_to_speech_provider.dart

@@ -2,6 +2,7 @@ import 'dart:async';
 
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 
+import '../../../core/utils/markdown_to_text.dart';
 import '../services/text_to_speech_service.dart';
 
 enum TtsPlaybackStatus { idle, initializing, loading, speaking, paused, error }
@@ -161,7 +162,21 @@ class TextToSpeechController extends Notifier<TextToSpeechState> {
     );
 
     try {
-      await _service.speak(text);
+      // Convert markdown to clean text for TTS
+      final cleanText = MarkdownToText.convert(text);
+      if (cleanText.isEmpty) {
+        // No speakable content
+        if (!ref.mounted) {
+          return;
+        }
+        state = state.copyWith(
+          status: TtsPlaybackStatus.idle,
+          clearActiveMessageId: true,
+        );
+        return;
+      }
+
+      await _service.speak(cleanText);
       if (!ref.mounted) {
         return;
       }

lib/features/chat/services/voice_call_service.dart

@@ -5,6 +5,7 @@ import 'package:wakelock_plus/wakelock_plus.dart';
 
 import '../../../core/providers/app_providers.dart';
 import '../../../core/services/socket_service.dart';
+import '../../../core/utils/markdown_to_text.dart';
 import '../providers/chat_providers.dart';
 import 'text_to_speech_service.dart';
 import 'voice_input_service.dart';
@@ -53,10 +54,10 @@ class VoiceCallService {
     required TextToSpeechService tts,
     required SocketService socketService,
     required Ref ref,
-  })  : _voiceInput = voiceInput,
-        _tts = tts,
-        _socketService = socketService,
-        _ref = ref {
+  }) : _voiceInput = voiceInput,
+       _tts = tts,
+       _socketService = socketService,
+       _ref = ref {
     _tts.bindHandlers(
       onStart: _handleTtsStart,
       onComplete: _handleTtsComplete,
@@ -80,8 +81,8 @@ class VoiceCallService {
     await _notificationService.initialize();
 
     // Request notification permissions if needed
-    final notificationsEnabled =
-        await _notificationService.areNotificationsEnabled();
+    final notificationsEnabled = await _notificationService
+        .areNotificationsEnabled();
     if (!notificationsEnabled) {
       await _notificationService.requestPermissions();
     }
@@ -186,12 +187,10 @@ class VoiceCallService {
       );
 
       // Forward intensity stream for waveform visualization
-      _intensitySubscription = _voiceInput.intensityStream.listen(
-        (intensity) {
-          if (_isDisposed) return;
-          _intensityController.add(intensity);
-        },
-      );
+      _intensitySubscription = _voiceInput.intensityStream.listen((intensity) {
+        if (_isDisposed) return;
+        _intensityController.add(intensity);
+      });
     } catch (e) {
       _updateState(VoiceCallState.error);
       rethrow;
@@ -283,7 +282,17 @@ class VoiceCallService {
       await _intensitySubscription?.cancel();
 
       _updateState(VoiceCallState.speaking);
-      await _tts.speak(response);
+
+      // Convert markdown to clean text for TTS
+      final cleanText = MarkdownToText.convert(response);
+      if (cleanText.isEmpty) {
+        // No speakable content, restart listening
+        _isSpeaking = false;
+        await _startListening();
+        return;
+      }
+
+      await _tts.speak(cleanText);
       // After speaking completes, _handleTtsComplete will restart listening
     } catch (e) {
       _isSpeaking = false;

lib/features/chat/views/voice_call_page.dart

@@ -6,6 +6,7 @@ import 'package:flutter/cupertino.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 
 import '../../../core/providers/app_providers.dart';
+import '../../../core/utils/markdown_to_text.dart';
 import '../services/voice_call_service.dart';
 
 class VoiceCallPage extends ConsumerStatefulWidget {
@@ -239,7 +240,8 @@ class _VoiceCallPageState extends ConsumerState<VoiceCallPage>
               builder: (context, child) {
                 final offset = (index * 0.2) % 1.0;
                 final animation = (_waveController.value + offset) % 1.0;
-                final height = 20.0 +
+                final height =
+                    20.0 +
                     (math.sin(animation * math.pi * 2) * 30.0).abs() +
                     (_currentIntensity * 4.0);
 
@@ -271,10 +273,7 @@ class _VoiceCallPageState extends ConsumerState<VoiceCallPage>
               decoration: BoxDecoration(
                 shape: BoxShape.circle,
                 color: primaryColor.withValues(alpha: 0.2),
-                border: Border.all(
-                  color: primaryColor,
-                  width: 3,
-                ),
+                border: Border.all(color: primaryColor, width: 3),
               ),
               child: Center(
                 child: Icon(
@@ -322,8 +321,9 @@ class _VoiceCallPageState extends ConsumerState<VoiceCallPage>
         _currentTranscript.isNotEmpty) {
       displayText = _currentTranscript;
     } else if (_currentState == VoiceCallState.speaking &&
-               _currentResponse.isNotEmpty) {
-      displayText = _currentResponse;
+        _currentResponse.isNotEmpty) {
+      // Convert markdown to clean text for display
+      displayText = MarkdownToText.convert(_currentResponse);
     }
 
     if (displayText.isEmpty) {
@@ -405,25 +405,12 @@ class _VoiceCallPageState extends ConsumerState<VoiceCallPage>
           child: Container(
             width: 64,
             height: 64,
-            decoration: BoxDecoration(
-              shape: BoxShape.circle,
-              color: color,
-            ),
-            child: Icon(
-              icon,
-              color: Colors.white,
-              size: 32,
-            ),
+            decoration: BoxDecoration(shape: BoxShape.circle, color: color),
+            child: Icon(icon, color: Colors.white, size: 32),
           ),
         ),
         const SizedBox(height: 8),
-        Text(
-          label,
-          style: TextStyle(
-            fontSize: 12,
-            color: color,
-          ),
-        ),
+        Text(label, style: TextStyle(fontSize: 12, color: color)),
       ],
     );
   }