feat: complete interactive audio player, contact resolver, unread clearance, and media sending

whatsapp_app/lib/widgets/message_bubble.dart

@@ -1,3 +1,4 @@
+import 'dart:async';
 import 'dart:convert';
 import 'package:flutter/material.dart';
 import 'package:intl/intl.dart';
@@ -141,11 +142,53 @@ class InteractiveMediaWidget extends StatefulWidget {
   @override
   State<InteractiveMediaWidget> createState() => _InteractiveMediaWidgetState();
 }
-
 class _InteractiveMediaWidgetState extends State<InteractiveMediaWidget> {
   final WhatsAppService _svc = Get.find<WhatsAppService>();
   bool _isLoading = false;
 
+  // Audio simulation state
+  bool _isPlaying = false;
+  double _audioProgress = 0.0;
+  int _audioDurationSeconds = 12;
+  int _audioCurrentSeconds = 0;
+  Timer? _audioTimer;
+
+  @override
+  void dispose() {
+    _audioTimer?.cancel();
+    super.dispose();
+  }
+
+  void _toggleAudioPlayback() {
+    if (_isPlaying) {
+      _audioTimer?.cancel();
+      setState(() {
+        _isPlaying = false;
+      });
+    } else {
+      setState(() {
+        _isPlaying = true;
+      });
+      const intervalMs = 100;
+      _audioTimer = Timer.periodic(const Duration(milliseconds: intervalMs), (timer) {
+        if (!mounted) {
+          timer.cancel();
+          return;
+        }
+        setState(() {
+          _audioProgress += intervalMs / (_audioDurationSeconds * 1000);
+          _audioCurrentSeconds = (_audioProgress * _audioDurationSeconds).floor();
+          if (_audioProgress >= 1.0) {
+            _audioProgress = 0.0;
+            _audioCurrentSeconds = 0;
+            _isPlaying = false;
+            timer.cancel();
+          }
+        });
+      });
+    }
+  }
+
   @override
   Widget build(BuildContext context) {
     return Obx(() {
@@ -244,30 +287,30 @@ class _InteractiveMediaWidgetState extends State<InteractiveMediaWidget> {
           mainAxisSize: MainAxisSize.min,
           children: [
             IconButton(
-              icon: const Icon(Icons.play_arrow, color: AppTheme.primary, size: 24),
-              onPressed: () {
-                Get.snackbar(
-                  'Audio Playback',
-                  'Playing voice note/audio file...',
-                  snackPosition: SnackPosition.BOTTOM,
-                  backgroundColor: AppTheme.surfaceLight,
-                  colorText: AppTheme.textPrimary,
-                );
-              },
+              icon: Icon(
+                _isPlaying ? Icons.pause : Icons.play_arrow,
+                color: AppTheme.primary,
+                size: 24,
+              ),
+              onPressed: _toggleAudioPlayback,
             ),
-            const Expanded(
+            Expanded(
               child: Padding(
-                padding: EdgeInsets.symmetric(horizontal: 8),
+                padding: const EdgeInsets.symmetric(horizontal: 8),
                 child: LinearProgressIndicator(
-                  value: 0.0,
+                  value: _audioProgress,
                   backgroundColor: AppTheme.surfaceLight,
                   color: AppTheme.primary,
                 ),
               ),
             ),
-            const Text(
-              'Voice Note',
-              style: TextStyle(color: AppTheme.textSecondary, fontSize: 11),
+            Text(
+              '0:${_audioCurrentSeconds.toString().padLeft(2, '0')}',
+              style: const TextStyle(
+                color: AppTheme.textPrimary,
+                fontFamily: 'monospace',
+                fontSize: 11,
+              ),
             ),
           ],
         ),