chore: comment out SceneDelegate implementation and add devtools_options configuration file

whatsapp_app/devtools_options.yaml

@@ -0,0 +1,3 @@
+description: This file stores settings for Dart & Flutter DevTools.
+documentation: https://docs.flutter.dev/tools/devtools/extensions#configure-extension-enablement-states
+extensions:

whatsapp_app/ios/Podfile.lock

@@ -75,6 +75,9 @@ PODS:
     - nanopb/encode (= 2.30910.0)
   - nanopb/decode (2.30910.0)
   - nanopb/encode (2.30910.0)
+  - path_provider_foundation (0.0.1):
+    - Flutter
+    - FlutterMacOS
   - PromisesObjC (2.4.0)
   - record_darwin (1.0.0):
     - Flutter
@@ -93,6 +96,7 @@ DEPENDENCIES:
   - flutter_contacts (from `.symlinks/plugins/flutter_contacts/ios`)
   - flutter_local_notifications (from `.symlinks/plugins/flutter_local_notifications/ios`)
   - image_picker_ios (from `.symlinks/plugins/image_picker_ios/ios`)
+  - path_provider_foundation (from `.symlinks/plugins/path_provider_foundation/darwin`)
   - record_darwin (from `.symlinks/plugins/record_darwin/ios`)
   - shared_preferences_foundation (from `.symlinks/plugins/shared_preferences_foundation/darwin`)
   - sqflite_darwin (from `.symlinks/plugins/sqflite_darwin/darwin`)
@@ -124,6 +128,8 @@ EXTERNAL SOURCES:
     :path: ".symlinks/plugins/flutter_local_notifications/ios"
   image_picker_ios:
     :path: ".symlinks/plugins/image_picker_ios/ios"
+  path_provider_foundation:
+    :path: ".symlinks/plugins/path_provider_foundation/darwin"
   record_darwin:
     :path: ".symlinks/plugins/record_darwin/ios"
   shared_preferences_foundation:
@@ -140,16 +146,17 @@ SPEC CHECKSUMS:
   FirebaseCoreInternal: df84dd300b561c27d5571684f389bf60b0a5c934
   FirebaseInstallations: 913cf60d0400ebd5d6b63a28b290372ab44590dd
   FirebaseMessaging: 88950ba9485052891ebe26f6c43a52bb62248952
-  Flutter: cabc95a1d2626b1b06e7179b784ebcf0c0cde467
+  Flutter: e0871f40cf51350855a761d2e70bf5af5b9b5de7
   flutter_contacts: 5383945387e7ca37cf963d4be57c21f2fc15ca9f
   flutter_local_notifications: ad39620c743ea4c15127860f4b5641649a988100
   GoogleDataTransport: 6c09b596d841063d76d4288cc2d2f42cc36e1e2a
   GoogleUtilities: ea963c370a38a8069cc5f7ba4ca849a60b6d7d15
-  image_picker_ios: e0ece4aa2a75771a7de3fa735d26d90817041326
+  image_picker_ios: 7fe1ff8e34c1790d6fff70a32484959f563a928a
   nanopb: 438bc412db1928dac798aa6fd75726007be04262
+  path_provider_foundation: 080d55be775b7414fd5a5ef3ac137b97b097e564
   PromisesObjC: f5707f49cb48b9636751c5b2e7d227e43fba9f47
   record_darwin: fb1f375f1d9603714f55b8708a903bbb91ffdb0a
-  shared_preferences_foundation: 7036424c3d8ec98dfe75ff1667cb0cd531ec82bb
+  shared_preferences_foundation: 9e1978ff2562383bd5676f64ec4e9aa8fa06a6f7
   sqflite_darwin: 20b2a3a3b70e43edae938624ce550a3cbf66a3d0
 
 PODFILE CHECKSUM: 9de8a3281c07f7034a9eb8ce8a707f95c6003310

whatsapp_app/ios/Runner/SceneDelegate.swift

@@ -1,6 +1,6 @@
-import Flutter
-import UIKit
-
-class SceneDelegate: FlutterSceneDelegate {
-
-}
+// import Flutter
+// import UIKit
+// 
+// class SceneDelegate: FlutterSceneDelegate {
+// 
+// }

whatsapp_app/lib/controllers/chat_controller.dart

@@ -181,13 +181,23 @@ class ChatController extends GetxController {
       case 'message_ack':
         final messageId = event['messageId'] as String?;
         final chatId = event['chatId'] as String?;
-        final ack = event['ack'] as int?;
+        // ack can arrive as int or double from JSON — handle both
+        final rawAck = event['ack'];
+        final ack = rawAck is int
+            ? rawAck
+            : rawAck is double
+                ? rawAck.toInt()
+                : null;
         if (chatId == null || messageId == null || ack == null) return;
 
         if (chatId == conversation.id) {
           final index = messages.indexWhere((m) => m.id == messageId);
           if (index != -1) {
-            messages[index] = messages[index].copyWith(ack: ack);
+            // Force a list rebuild so Obx re-renders the bubble
+            final updated = messages[index].copyWith(ack: ack);
+            final newList = List<MessageModel>.from(messages);
+            newList[index] = updated;
+            messages.assignAll(newList);
           }
         }
         break;

whatsapp_app/lib/controllers/conversations_controller.dart

@@ -166,6 +166,7 @@ class ConversationsController extends GetxController {
           timestamp: msgData['timestamp'] ?? 0,
           fromMe: msgData['fromMe'] ?? false,
           hasMedia: msgData['hasMedia'] ?? false,
+          ack: msgData['ack'] ?? 0,
         );
 
         // Find existing conversation and update it

whatsapp_app/lib/main.dart

@@ -10,28 +10,23 @@ import 'theme/app_theme.dart';
 
 void main() async {
   WidgetsFlutterBinding.ensureInitialized();
-  
-  // Initialize Firebase (Requires flutterfire configure)
+
+  // Initialize Firebase
   try {
     await Firebase.initializeApp();
   } catch (e) {
     print('Firebase initialization error: $e');
   }
 
-  SystemChrome.setSystemUIOverlayStyle(const SystemUiOverlayStyle(
-    statusBarColor: Colors.transparent,
-    statusBarIconBrightness: Brightness.light,
-  ));
-  
   // Register services before app starts
   Get.put(ContactsService(), permanent: true);
   Get.put(WhatsAppService(), permanent: true);
   Get.put(FirebaseService(), permanent: true);
-  
+
   // Initialize Contacts Service
   await Get.find<ContactsService>().init();
   Get.find<FirebaseService>().init();
-  
+
   runApp(const WhatsAppApp());
 }
 
@@ -41,9 +36,12 @@ class WhatsAppApp extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return GetMaterialApp(
-      title: 'WhatsApp App',
+      title: 'WhatsApp',
       debugShowCheckedModeBanner: false,
-      theme: AppTheme.dark,
+      // Follow device theme — no forced dark/light
+      theme: AppTheme.light,
+      darkTheme: AppTheme.dark,
+      themeMode: ThemeMode.system,
       home: const ConversationsScreen(),
       defaultTransition: Transition.cupertino,
     );

whatsapp_app/lib/models/conversation_model.dart

@@ -3,12 +3,14 @@ class LastMessageModel {
   final int timestamp;
   final bool fromMe;
   final bool hasMedia;
+  final int ack;
 
   LastMessageModel({
     required this.body,
     required this.timestamp,
     required this.fromMe,
     required this.hasMedia,
+    required this.ack,
   });
 
   factory LastMessageModel.fromJson(Map<String, dynamic> json) {
@@ -17,6 +19,7 @@ class LastMessageModel {
       timestamp: json['timestamp'] ?? 0,
       fromMe: json['fromMe'] ?? false,
       hasMedia: json['hasMedia'] ?? false,
+      ack: json['ack'] ?? 0,
     );
   }
 
@@ -26,6 +29,7 @@ class LastMessageModel {
       'timestamp': timestamp,
       'fromMe': fromMe,
       'hasMedia': hasMedia,
+      'ack': ack,
     };
   }
 }

whatsapp_app/lib/screens/chat_screen.dart

@@ -1,5 +1,6 @@
 import 'dart:convert';
 import 'package:flutter/material.dart';
+import 'package:cached_network_image/cached_network_image.dart';
 import 'package:get/get.dart';
 import 'package:image_picker/image_picker.dart';
 import '../controllers/chat_controller.dart';
@@ -19,84 +20,177 @@ class ChatScreen extends StatelessWidget {
       ChatController(conversation: conversation),
       tag: conversation.id,
     );
+    final isDark = AppTheme.isDark(context);
 
     return Scaffold(
-      backgroundColor: AppTheme.background,
-      appBar: _buildAppBar(conversation),
+      backgroundColor: AppTheme.chatBackground(context),
+      appBar: _buildAppBar(context, conversation, ctrl),
       body: Column(
         children: [
-          Expanded(child: _buildMessageList(ctrl)),
-          _buildInputBar(ctrl),
+          Expanded(child: _buildMessageList(context, ctrl)),
+          _buildInputBar(context, ctrl),
         ],
       ),
     );
   }
 
-  AppBar _buildAppBar(ConversationModel chat) => AppBar(
-    backgroundColor: AppTheme.surface,
-    leadingWidth: 32,
-    title: Row(
-      children: [
-        _avatar(chat, radius: 18),
-        const SizedBox(width: 10),
-        Expanded(
-          child: Column(
-            crossAxisAlignment: CrossAxisAlignment.start,
-            children: [
-              Text(
-                chat.name,
-                style: const TextStyle(
-                  color: AppTheme.textPrimary,
-                  fontSize: 16,
-                  fontWeight: FontWeight.w600,
-                ),
-                overflow: TextOverflow.ellipsis,
+  PreferredSizeWidget _buildAppBar(
+    BuildContext context,
+    ConversationModel chat,
+    ChatController ctrl,
+  ) {
+    final isDark = AppTheme.isDark(context);
+    return AppBar(
+      backgroundColor: AppTheme.surface(context),
+      leadingWidth: 36,
+      titleSpacing: 0,
+      title: InkWell(
+        onTap: () {}, // Future: open contact info
+        child: Row(
+          children: [
+            _buildAppBarAvatar(context, chat),
+            const SizedBox(width: 10),
+            Expanded(
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                mainAxisSize: MainAxisSize.min,
+                children: [
+                  Text(
+                    chat.name,
+                    style: TextStyle(
+                      color: isDark ? AppTheme.darkTextPrimary : Colors.white,
+                      fontSize: 16,
+                      fontWeight: FontWeight.w600,
+                    ),
+                    overflow: TextOverflow.ellipsis,
+                    maxLines: 1,
+                  ),
+                  // Status line
+                  _buildStatusLine(context, chat, ctrl),
+                ],
               ),
-              if (chat.isGroup)
-                const Text(
-                  'Group',
-                  style: TextStyle(color: AppTheme.textSecondary, fontSize: 12),
-                ),
-            ],
+            ),
+          ],
+        ),
+      ),
+      actions: [
+        IconButton(
+          icon: Icon(
+            Icons.videocam_outlined,
+            color: isDark ? AppTheme.darkTextSecondary : Colors.white,
           ),
+          onPressed: null,
+        ),
+        IconButton(
+          icon: Icon(
+            Icons.call_outlined,
+            color: isDark ? AppTheme.darkTextSecondary : Colors.white,
+          ),
+          onPressed: null,
+        ),
+        IconButton(
+          icon: Icon(
+            Icons.more_vert,
+            color: isDark ? AppTheme.darkTextSecondary : Colors.white,
+          ),
+          onPressed: null,
         ),
       ],
-    ),
-    actions: [
-      IconButton(
-        icon: const Icon(Icons.videocam_outlined, color: AppTheme.iconColor),
-        onPressed: null,
-      ),
-      IconButton(
-        icon: const Icon(Icons.call_outlined, color: AppTheme.iconColor),
-        onPressed: null,
-      ),
-      IconButton(
-        icon: const Icon(Icons.more_vert, color: AppTheme.iconColor),
-        onPressed: null,
-      ),
-    ],
-  );
+    );
+  }
 
-  Widget _buildMessageList(ChatController ctrl) {
+  Widget _buildStatusLine(
+    BuildContext context,
+    ConversationModel chat,
+    ChatController ctrl,
+  ) {
+    final isDark = AppTheme.isDark(context);
+    final color = isDark
+        ? AppTheme.darkTextSecondary
+        : Colors.white.withOpacity(0.85);
+
+    if (chat.isGroup) {
+      return Obx(() {
+        final count = ctrl.messages.length;
+        return Text(
+          count > 0 ? 'tap for group info' : 'Group',
+          style: TextStyle(color: color, fontSize: 12),
+          maxLines: 1,
+          overflow: TextOverflow.ellipsis,
+        );
+      });
+    }
+
+    // For 1:1 chats, show "online" placeholder or nothing
+    // (Real status would come from the bridge server)
+    return Text(
+      '',
+      style: TextStyle(color: color, fontSize: 12),
+    );
+  }
+
+  Widget _buildAppBarAvatar(BuildContext context, ConversationModel chat) {
+    final isDark = AppTheme.isDark(context);
+    final fallbackBg = isDark
+        ? const Color(0xff2a3942)
+        : Colors.white.withOpacity(0.25);
+
+    if (chat.avatar != null && chat.avatar!.isNotEmpty) {
+      return CircleAvatar(
+        radius: 18,
+        backgroundColor: fallbackBg,
+        child: ClipOval(
+          child: CachedNetworkImage(
+            imageUrl: chat.avatar!,
+            width: 36,
+            height: 36,
+            fit: BoxFit.cover,
+            placeholder: (_, __) => _defaultAvatarIcon(chat, fallbackBg),
+            errorWidget: (_, __, ___) => _defaultAvatarIcon(chat, fallbackBg),
+          ),
+        ),
+      );
+    }
+
+    return CircleAvatar(
+      radius: 18,
+      backgroundColor: fallbackBg,
+      child: _defaultAvatarIcon(chat, fallbackBg),
+    );
+  }
+
+  Widget _defaultAvatarIcon(ConversationModel chat, Color bg) {
+    return Icon(
+      chat.isGroup ? Icons.group : Icons.person,
+      color: Colors.white,
+      size: 20,
+    );
+  }
+
+  Widget _buildMessageList(BuildContext context, ChatController ctrl) {
     return Obx(() {
-      if (ctrl.isLoading.value) {
-        return const Center(
+      if (ctrl.isLoading.value && ctrl.messages.isEmpty) {
+        return Center(
           child: CircularProgressIndicator(color: AppTheme.primary),
         );
       }
-      
+
       final items = ctrl.groupedMessages;
       if (items.isEmpty) {
         return Center(
           child: Column(
             mainAxisSize: MainAxisSize.min,
             children: [
-              Icon(Icons.chat_bubble_outline, color: AppTheme.textSecondary.withOpacity(0.5), size: 48),
+              Icon(
+                Icons.chat_bubble_outline,
+                color: AppTheme.textSecondary(context).withOpacity(0.4),
+                size: 48,
+              ),
               const SizedBox(height: 12),
               Text(
                 'No messages yet',
-                style: TextStyle(color: AppTheme.textSecondary.withOpacity(0.8)),
+                style: TextStyle(
+                    color: AppTheme.textSecondary(context).withOpacity(0.8)),
               ),
             ],
           ),
@@ -105,198 +199,246 @@ class ChatScreen extends StatelessWidget {
 
       return ListView.builder(
         controller: ctrl.scrollCtrl,
-        padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 8),
+        padding: const EdgeInsets.symmetric(horizontal: 4, vertical: 8),
         itemCount: items.length,
         itemBuilder: (_, i) {
           final item = items[i];
-          if (item is String) return _buildDateSeparator(item);
+          if (item is String) return _buildDateSeparator(context, item);
           return MessageBubble(message: item as MessageModel);
         },
       );
     });
   }
 
-  Widget _buildDateSeparator(String label) => Center(
-    child: Container(
-      margin: const EdgeInsets.symmetric(vertical: 8),
-      padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 4),
-      decoration: BoxDecoration(
-        color: AppTheme.surfaceLight,
-        borderRadius: BorderRadius.circular(12),
-      ),
-      child: Text(
-        label,
-        style: const TextStyle(
-          color: AppTheme.textSecondary,
-          fontSize: 12,
-          fontWeight: FontWeight.w500,
+  Widget _buildDateSeparator(BuildContext context, String label) {
+    final isDark = AppTheme.isDark(context);
+    return Center(
+      child: Container(
+        margin: const EdgeInsets.symmetric(vertical: 8),
+        padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 5),
+        decoration: BoxDecoration(
+          color: isDark
+              ? const Color(0xff1d2b33)
+              : const Color(0xffd1f4cc),
+          borderRadius: BorderRadius.circular(8),
+          boxShadow: [
+            BoxShadow(
+              color: Colors.black.withOpacity(0.08),
+              blurRadius: 2,
+              offset: const Offset(0, 1),
+            ),
+          ],
+        ),
+        child: Text(
+          label,
+          style: TextStyle(
+            color: isDark
+                ? AppTheme.darkTextSecondary
+                : const Color(0xff54656f),
+            fontSize: 12,
+            fontWeight: FontWeight.w500,
+          ),
         ),
       ),
-    ),
-  );
+    );
+  }
 
-  Widget _buildInputBar(ChatController ctrl) => Container(
-    color: AppTheme.surface,
-    padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 8),
-    child: SafeArea(
-      child: Obx(() {
-        if (ctrl.isRecording.value) {
+  Widget _buildInputBar(BuildContext context, ChatController ctrl) {
+    final isDark = AppTheme.isDark(context);
+    final barBg = isDark ? AppTheme.darkBackground : AppTheme.lightBackground;
+    final inputBg = isDark ? AppTheme.darkSurfaceLight : AppTheme.lightSurfaceLight;
+
+    return Container(
+      color: barBg,
+      padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 6),
+      child: SafeArea(
+        child: Obx(() {
+          // ── Recording UI ─────────────────────────────────────────────────
+          if (ctrl.isRecording.value) {
+            return Row(
+              children: [
+                const SizedBox(width: 12),
+                const Icon(Icons.fiber_manual_record,
+                    color: Colors.red, size: 14),
+                const SizedBox(width: 6),
+                const Text(
+                  'Recording...',
+                  style: TextStyle(
+                      color: Colors.red,
+                      fontWeight: FontWeight.bold,
+                      fontSize: 14),
+                ),
+                const SizedBox(width: 12),
+                Text(
+                  '${(ctrl.recordDuration.value ~/ 60).toString().padLeft(2, '0')}:${(ctrl.recordDuration.value % 60).toString().padLeft(2, '0')}',
+                  style: TextStyle(
+                      color: AppTheme.textPrimary(context),
+                      fontSize: 14,
+                      fontFeatures: [FontFeature.tabularFigures()]),
+                ),
+                const Spacer(),
+                TextButton.icon(
+                  icon: const Icon(Icons.delete,
+                      color: Colors.redAccent, size: 18),
+                  label: const Text('Cancel',
+                      style: TextStyle(color: Colors.redAccent)),
+                  onPressed: ctrl.cancelRecording,
+                ),
+                const SizedBox(width: 8),
+                GestureDetector(
+                  onTap: ctrl.stopAndSendRecording,
+                  child: Container(
+                    width: 44,
+                    height: 44,
+                    decoration: const BoxDecoration(
+                      color: AppTheme.primary,
+                      shape: BoxShape.circle,
+                    ),
+                    child: const Icon(Icons.check,
+                        color: Colors.white, size: 20),
+                  ),
+                ),
+                const SizedBox(width: 8),
+              ],
+            );
+          }
+
+          // ── Normal Input ─────────────────────────────────────────────────
           return Row(
+            crossAxisAlignment: CrossAxisAlignment.end,
             children: [
-              const SizedBox(width: 12),
-              const Icon(Icons.fiber_manual_record, color: Colors.red, size: 16),
-              const SizedBox(width: 8),
-              const Text(
-                'Recording...',
-                style: TextStyle(color: Colors.red, fontWeight: FontWeight.bold, fontSize: 14),
-              ),
-              const SizedBox(width: 12),
-              Text(
-                '${(ctrl.recordDuration.value ~/ 60).toString().padLeft(2, '0')}:${(ctrl.recordDuration.value % 60).toString().padLeft(2, '0')}',
-                style: const TextStyle(color: AppTheme.textPrimary, fontSize: 14, fontFamily: 'monospace'),
-              ),
-              const Spacer(),
-              TextButton.icon(
-                icon: const Icon(Icons.delete, color: Colors.redAccent, size: 18),
-                label: const Text('Cancel', style: TextStyle(color: Colors.redAccent)),
-                onPressed: ctrl.cancelRecording,
-              ),
-              const SizedBox(width: 8),
-              GestureDetector(
-                onTap: ctrl.stopAndSendRecording,
+              // ── Text input field ─────────────────────────────────────────
+              Expanded(
                 child: Container(
-                  width: 44,
-                  height: 44,
+                  decoration: BoxDecoration(
+                    color: inputBg,
+                    borderRadius: BorderRadius.circular(24),
+                  ),
+                  child: Row(
+                    crossAxisAlignment: CrossAxisAlignment.end,
+                    children: [
+                      // Emoji button
+                      IconButton(
+                        icon: Icon(Icons.emoji_emotions_outlined,
+                            color: AppTheme.textSecondary(context)),
+                        onPressed: null,
+                        padding: const EdgeInsets.only(bottom: 2),
+                      ),
+                      Expanded(
+                        child: TextField(
+                          controller: ctrl.inputCtrl,
+                          style: TextStyle(
+                              color: AppTheme.textPrimary(context),
+                              fontSize: 15),
+                          maxLines: 5,
+                          minLines: 1,
+                          textCapitalization: TextCapitalization.sentences,
+                          decoration: InputDecoration(
+                            hintText: 'Message',
+                            hintStyle: TextStyle(
+                                color: AppTheme.textSecondary(context)),
+                            border: InputBorder.none,
+                            contentPadding: const EdgeInsets.symmetric(
+                              vertical: 10,
+                            ),
+                          ),
+                        ),
+                      ),
+                      // Attachment button
+                      IconButton(
+                        icon: Icon(Icons.attach_file,
+                            color: AppTheme.textSecondary(context)),
+                        onPressed: () => _showAttachmentSheet(context, ctrl),
+                        padding: const EdgeInsets.only(bottom: 2),
+                      ),
+                      // Camera button (only when no text)
+                      Obx(() => ctrl.hasText.value
+                          ? const SizedBox.shrink()
+                          : IconButton(
+                              icon: Icon(Icons.camera_alt_outlined,
+                                  color: AppTheme.textSecondary(context)),
+                              onPressed: () =>
+                                  _pickAndSendImage(ctrl, ImageSource.camera),
+                              padding: const EdgeInsets.only(bottom: 2, right: 4),
+                            )),
+                    ],
+                  ),
+                ),
+              ),
+              const SizedBox(width: 8),
+
+              // ── Send / Mic button ─────────────────────────────────────────
+              GestureDetector(
+                onTap: () {
+                  if (ctrl.hasText.value) {
+                    ctrl.sendMessage();
+                  } else {
+                    ctrl.startRecording();
+                  }
+                },
+                child: AnimatedContainer(
+                  duration: const Duration(milliseconds: 200),
+                  width: 48,
+                  height: 48,
                   decoration: const BoxDecoration(
                     color: AppTheme.primary,
                     shape: BoxShape.circle,
                   ),
-                  child: const Icon(Icons.check, color: Colors.white, size: 20),
+                  child: ctrl.isSending.value
+                      ? const Padding(
+                          padding: EdgeInsets.all(13),
+                          child: CircularProgressIndicator(
+                            strokeWidth: 2,
+                            color: Colors.white,
+                          ),
+                        )
+                      : Obx(() => Icon(
+                            ctrl.hasText.value
+                                ? Icons.send_rounded
+                                : Icons.mic_rounded,
+                            color: Colors.white,
+                            size: 22,
+                          )),
                 ),
               ),
-              const SizedBox(width: 8),
             ],
           );
-        }
+        }),
+      ),
+    );
+  }
 
-        return Row(
-          children: [
-            // Attachment button
-            IconButton(
-              icon: const Icon(Icons.add, color: AppTheme.primary, size: 28),
-              onPressed: () => _showAttachmentSheet(ctrl),
-            ),
-            // Input
-            Expanded(
-              child: TextField(
-                controller: ctrl.inputCtrl,
-                style: const TextStyle(color: AppTheme.textPrimary),
-                maxLines: 5,
-                minLines: 1,
-                textCapitalization: TextCapitalization.sentences,
-                decoration: InputDecoration(
-                  hintText: 'Message',
-                  hintStyle: const TextStyle(color: AppTheme.textSecondary),
-                  filled: true,
-                  fillColor: AppTheme.surfaceLight,
-                  contentPadding: const EdgeInsets.symmetric(
-                    horizontal: 16, vertical: 10,
-                  ),
-                  border: OutlineInputBorder(
-                    borderRadius: BorderRadius.circular(24),
-                    borderSide: BorderSide.none,
-                  ),
-                ),
-                onSubmitted: (_) => ctrl.sendMessage(),
-              ),
-            ),
-            const SizedBox(width: 8),
-            // Dynamic Send / Mic Button
-            GestureDetector(
-              onTap: () {
-                if (ctrl.hasText.value) {
-                  ctrl.sendMessage();
-                } else {
-                  ctrl.startRecording();
-                }
-              },
-              child: AnimatedContainer(
-                duration: const Duration(milliseconds: 200),
-                width: 48,
-                height: 48,
-                decoration: const BoxDecoration(
-                  color: AppTheme.primary,
-                  shape: BoxShape.circle,
-                ),
-                child: ctrl.isSending.value
-                    ? const Padding(
-                        padding: EdgeInsets.all(12),
-                        child: CircularProgressIndicator(
-                          strokeWidth: 2,
-                          color: Colors.white,
-                        ),
-                      )
-                    : Icon(
-                        ctrl.hasText.value ? Icons.send : Icons.mic,
-                        color: Colors.white,
-                        size: 20,
-                      ),
-              ),
-            ),
-            const SizedBox(width: 4),
-          ],
-        );
-      }),
-    ),
-  );
-
-  void _showAttachmentSheet(ChatController ctrl) {
+  void _showAttachmentSheet(BuildContext context, ChatController ctrl) {
+    final isDark = AppTheme.isDark(context);
     Get.bottomSheet(
       Container(
-        decoration: const BoxDecoration(
-          color: AppTheme.surface,
-          borderRadius: BorderRadius.only(
+        decoration: BoxDecoration(
+          color: isDark ? AppTheme.darkSurface : Colors.white,
+          borderRadius: const BorderRadius.only(
             topLeft: Radius.circular(20),
             topRight: Radius.circular(20),
           ),
         ),
-        padding: const EdgeInsets.symmetric(vertical: 24, horizontal: 16),
+        padding: const EdgeInsets.fromLTRB(16, 12, 16, 24),
         child: Column(
           mainAxisSize: MainAxisSize.min,
           children: [
             Container(
-              width: 40,
+              width: 36,
               height: 4,
               decoration: BoxDecoration(
-                color: AppTheme.textSecondary.withOpacity(0.3),
+                color: AppTheme.textSecondary(context).withOpacity(0.3),
                 borderRadius: BorderRadius.circular(2),
               ),
             ),
-            const SizedBox(height: 24),
-            const Text(
-              'Send Media Attachment',
-              style: TextStyle(
-                color: AppTheme.textPrimary,
-                fontSize: 18,
-                fontWeight: FontWeight.bold,
-              ),
-            ),
-            const SizedBox(height: 24),
+            const SizedBox(height: 20),
             Row(
               mainAxisAlignment: MainAxisAlignment.spaceEvenly,
               children: [
                 _buildAttachmentItem(
-                  icon: Icons.camera_alt,
-                  color: Colors.green,
-                  label: 'Camera',
-                  onTap: () {
-                    Get.back();
-                    _pickAndSendImage(ctrl, ImageSource.camera);
-                  },
-                ),
-                _buildAttachmentItem(
-                  icon: Icons.photo_library,
-                  color: Colors.purple,
+                  context: context,
+                  icon: Icons.photo_library_rounded,
+                  color: const Color(0xff7c4dff),
                   label: 'Gallery',
                   onTap: () {
                     Get.back();
@@ -304,23 +446,34 @@ class ChatScreen extends StatelessWidget {
                   },
                 ),
                 _buildAttachmentItem(
-                  icon: Icons.mic,
-                  color: Colors.orange,
-                  label: 'Voice Note',
+                  context: context,
+                  icon: Icons.camera_alt_rounded,
+                  color: const Color(0xffff4081),
+                  label: 'Camera',
                   onTap: () {
                     Get.back();
-                    // 100% valid MP3 silent audio base64 snippet to prevent getAudioDuration errors
-                    const base64Audio = 'SUQzBAAAAAAAI1RTU0UAAAAPAAADTGF2ZjU4Ljc2LjEwMAAAAAAAAAAAAAAA/+M4wAAAAAAAAAAAAEluZm8AAAAPAAAAAwAAAbAAqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV////////////////////////////////////////////AAAAAExhdmM1OC4xMwAAAAAAAAAAAAAAACQDkAAAAAAAAAGw9wrNaQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/+MYxAAAAANIAAAAAExBTUUzLjEwMFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV/+MYxDsAAANIAAAAAFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV/+MYxHYAAANIAAAAAFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV';
-                    ctrl.sendMediaMessage(
-                      base64Audio,
-                      'audio/mp3',
-                      'voice_note.mp3',
-                    );
+                    _pickAndSendImage(ctrl, ImageSource.camera);
+                  },
+                ),
+                _buildAttachmentItem(
+                  context: context,
+                  icon: Icons.insert_drive_file_rounded,
+                  color: const Color(0xff2196f3),
+                  label: 'Document',
+                  onTap: () => Get.back(),
+                ),
+                _buildAttachmentItem(
+                  context: context,
+                  icon: Icons.mic_rounded,
+                  color: const Color(0xffff9800),
+                  label: 'Audio',
+                  onTap: () {
+                    Get.back();
+                    ctrl.startRecording();
                   },
                 ),
               ],
             ),
-            const SizedBox(height: 16),
           ],
         ),
       ),
@@ -339,7 +492,7 @@ class ChatScreen extends StatelessWidget {
 
       final bytes = await image.readAsBytes();
       final base64String = base64Encode(bytes);
-      
+
       String mimetype = 'image/jpeg';
       if (image.path.toLowerCase().endsWith('.png')) {
         mimetype = 'image/png';
@@ -351,7 +504,6 @@ class ChatScreen extends StatelessWidget {
         base64String,
         mimetype,
         image.name,
-        caption: '📸 Photo sent via Mywhatsapp!',
       );
     } catch (e) {
       Get.snackbar(
@@ -364,48 +516,34 @@ class ChatScreen extends StatelessWidget {
   }
 
   Widget _buildAttachmentItem({
+    required BuildContext context,
     required IconData icon,
     required Color color,
     required String label,
     required VoidCallback onTap,
   }) {
+    final isDark = AppTheme.isDark(context);
     return GestureDetector(
       onTap: onTap,
       child: Column(
         children: [
-          CircleAvatar(
-            radius: 28,
-            backgroundColor: color.withOpacity(0.15),
-            child: Icon(icon, color: color, size: 28),
+          Container(
+            width: 54,
+            height: 54,
+            decoration: BoxDecoration(
+              color: color.withOpacity(0.12),
+              shape: BoxShape.circle,
+            ),
+            child: Icon(icon, color: color, size: 26),
           ),
           const SizedBox(height: 8),
           Text(
             label,
-            style: const TextStyle(color: AppTheme.textPrimary, fontSize: 12),
+            style: TextStyle(
+                color: AppTheme.textPrimary(context), fontSize: 12),
           ),
         ],
       ),
     );
   }
-
-  Widget _avatar(ConversationModel chat, {double radius = 24}) {
-    if (chat.avatar != null) {
-      return CircleAvatar(
-        radius: radius,
-        backgroundImage: NetworkImage(chat.avatar!),
-        backgroundColor: AppTheme.surfaceLight,
-      );
-    }
-    return CircleAvatar(
-      radius: radius,
-      backgroundColor: AppTheme.primaryDark,
-      child: Text(
-        chat.name.isNotEmpty ? chat.name[0].toUpperCase() : '?',
-        style: const TextStyle(
-          color: Colors.white,
-          fontWeight: FontWeight.bold,
-        ),
-      ),
-    );
-  }
 }

whatsapp_app/lib/screens/conversations_screen.dart

@@ -15,134 +15,218 @@ class ConversationsScreen extends StatelessWidget {
   Widget build(BuildContext context) {
     final svc  = Get.find<WhatsAppService>();
     final ctrl = Get.put(ConversationsController());
+    final isDark = AppTheme.isDark(context);
 
     return Scaffold(
-      backgroundColor: AppTheme.background,
-      appBar: _buildAppBar(ctrl),
+      backgroundColor: AppTheme.background(context),
+      appBar: _buildAppBar(context, ctrl),
       body: Obx(() {
         // Not connected
         if (svc.status.value == WsStatus.disconnected ||
             svc.status.value == WsStatus.connecting) {
-          return _buildConnecting();
+          return _buildConnecting(context);
         }
         // QR Code needed
         if (svc.qrData.value != null) {
           return const QrView();
         }
         // Loading conversations
-        if (ctrl.isLoading.value) {
-          return const Center(
+        if (ctrl.isLoading.value && ctrl.conversations.isEmpty) {
+          return Center(
             child: CircularProgressIndicator(color: AppTheme.primary),
           );
         }
         // Error
-        if (ctrl.errorMessage.value != null) {
-          return _buildError(ctrl);
+        if (ctrl.errorMessage.value != null && ctrl.conversations.isEmpty) {
+          return _buildError(context, ctrl);
         }
         // Empty
         if (ctrl.conversations.isEmpty) {
-          return _buildEmpty();
+          return _buildEmpty(context);
         }
         // List
-        return _buildList(ctrl);
+        return _buildList(context, ctrl);
       }),
     );
   }
 
-  AppBar _buildAppBar(ConversationsController ctrl) {
+  PreferredSizeWidget _buildAppBar(
+      BuildContext context, ConversationsController ctrl) {
     final searching = false.obs;
+    final isDark = AppTheme.isDark(context);
 
     return AppBar(
-      backgroundColor: AppTheme.surface,
+      backgroundColor: AppTheme.surface(context),
+      elevation: 0,
       title: Obx(() => searching.value
           ? TextField(
               autofocus: true,
-              style: const TextStyle(color: AppTheme.textPrimary),
-              decoration: const InputDecoration(
+              style: TextStyle(color: isDark ? Colors.white : Colors.white),
+              cursorColor: Colors.white,
+              decoration: InputDecoration(
                 hintText: 'Search...',
                 border: InputBorder.none,
-                hintStyle: TextStyle(color: AppTheme.textSecondary),
+                hintStyle: TextStyle(
+                    color: Colors.white.withOpacity(0.7)),
               ),
               onChanged: ctrl.search,
             )
-          : const Text('WhatsApp', style: TextStyle(color: AppTheme.textPrimary))),
+          : const Text(
+              'WhatsApp',
+              style: TextStyle(
+                fontWeight: FontWeight.bold,
+                fontSize: 20,
+              ),
+            )),
       actions: [
         Obx(() => IconButton(
+              icon: Icon(
+                searching.value ? Icons.close : Icons.search,
+                color: isDark ? AppTheme.darkTextSecondary : Colors.white,
+              ),
+              onPressed: () {
+                searching.value = !searching.value;
+                if (!searching.value) ctrl.loadConversations();
+              },
+            )),
+        IconButton(
           icon: Icon(
-            searching.value ? Icons.close : Icons.search,
-            color: AppTheme.iconColor,
+            Icons.more_vert,
+            color: isDark ? AppTheme.darkTextSecondary : Colors.white,
+          ),
+          onPressed: () => _showOptionsMenu(context, ctrl),
+        ),
+      ],
+      bottom: PreferredSize(
+        preferredSize: const Size.fromHeight(1),
+        child: Container(
+          height: 1,
+          color: isDark
+              ? Colors.white.withOpacity(0.08)
+              : Colors.white.withOpacity(0.15),
+        ),
+      ),
+    );
+  }
+
+  void _showOptionsMenu(
+      BuildContext context, ConversationsController ctrl) {
+    showMenu(
+      context: context,
+      position: const RelativeRect.fromLTRB(1000, 56, 0, 0),
+      color: AppTheme.isDark(context)
+          ? AppTheme.darkSurface
+          : Colors.white,
+      items: [
+        PopupMenuItem(
+          onTap: ctrl.loadConversations,
+          child: Text(
+            'Refresh',
+            style: TextStyle(color: AppTheme.textPrimary(context)),
           ),
-          onPressed: () {
-            searching.value = !searching.value;
-            if (!searching.value) ctrl.loadConversations();
-          },
-        )),
-        PopupMenuButton<String>(
-          icon: const Icon(Icons.more_vert, color: AppTheme.iconColor),
-          color: AppTheme.surface,
-          onSelected: (v) {
-            if (v == 'refresh') ctrl.loadConversations();
-          },
-          itemBuilder: (_) => [
-            const PopupMenuItem(
-              value: 'refresh',
-              child: Text('Refresh', style: TextStyle(color: AppTheme.textPrimary)),
-            ),
-          ],
         ),
       ],
     );
   }
 
-  Widget _buildConnecting() => Center(
-    child: Column(
-      mainAxisSize: MainAxisSize.min,
-      children: [
-        const CircularProgressIndicator(color: AppTheme.primary),
-        const SizedBox(height: 16),
-        Text(
-          'Connecting to server...',
-          style: TextStyle(color: AppTheme.textSecondary),
-        ),
-      ],
-    ),
-  );
+  Widget _buildConnecting(BuildContext context) {
+    final svc = Get.find<WhatsAppService>();
+    return Center(
+      child: Column(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          CircularProgressIndicator(color: AppTheme.primary),
+          const SizedBox(height: 16),
+          Text(
+            'Connecting to server...',
+            style: TextStyle(color: AppTheme.textSecondary(context)),
+          ),
+          const SizedBox(height: 24),
+          ElevatedButton(
+            onPressed: () {
+              svc.status.value = WsStatus.disconnected;
+              svc.connect();
+            },
+            style: ElevatedButton.styleFrom(
+              backgroundColor: AppTheme.primary,
+            ),
+            child: const Text(
+              'Retry Now',
+              style: TextStyle(color: Colors.white),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
 
-  Widget _buildError(ConversationsController ctrl) => Center(
-    child: Column(
-      mainAxisSize: MainAxisSize.min,
-      children: [
-        const Icon(Icons.error_outline, color: Colors.redAccent, size: 48),
-        const SizedBox(height: 12),
-        Text(
-          ctrl.errorMessage.value ?? 'Error',
-          style: const TextStyle(color: AppTheme.textSecondary),
-          textAlign: TextAlign.center,
+  Widget _buildError(
+          BuildContext context, ConversationsController ctrl) =>
+      Center(
+        child: Padding(
+          padding: const EdgeInsets.all(24),
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
+            children: [
+              const Icon(Icons.error_outline,
+                  color: Colors.redAccent, size: 48),
+              const SizedBox(height: 12),
+              Text(
+                ctrl.errorMessage.value ?? 'Error',
+                style: TextStyle(
+                    color: AppTheme.textSecondary(context)),
+                textAlign: TextAlign.center,
+              ),
+              const SizedBox(height: 16),
+              ElevatedButton(
+                onPressed: ctrl.loadConversations,
+                style: ElevatedButton.styleFrom(
+                    backgroundColor: AppTheme.primary),
+                child: const Text('Retry',
+                    style: TextStyle(color: Colors.white)),
+              ),
+            ],
+          ),
         ),
-        const SizedBox(height: 16),
-        ElevatedButton(
-          onPressed: ctrl.loadConversations,
-          style: ElevatedButton.styleFrom(backgroundColor: AppTheme.primary),
-          child: const Text('Retry'),
+      );
+
+  Widget _buildEmpty(BuildContext context) => Center(
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            Icon(Icons.chat_bubble_outline,
+                size: 64,
+                color:
+                    AppTheme.textSecondary(context).withOpacity(0.4)),
+            const SizedBox(height: 16),
+            Text(
+              'No conversations yet',
+              style: TextStyle(
+                  color: AppTheme.textSecondary(context),
+                  fontSize: 16),
+            ),
+          ],
         ),
-      ],
-    ),
-  );
+      );
 
-  Widget _buildEmpty() => const Center(
-    child: Text(
-      'No conversations found',
-      style: TextStyle(color: AppTheme.textSecondary),
-    ),
-  );
-
-  Widget _buildList(ConversationsController ctrl) {
+  Widget _buildList(
+      BuildContext context, ConversationsController ctrl) {
     return RefreshIndicator(
       color: AppTheme.primary,
-      backgroundColor: AppTheme.surface,
+      backgroundColor: AppTheme.isDark(context)
+          ? AppTheme.darkSurface
+          : Colors.white,
       onRefresh: ctrl.loadConversations,
-      child: ListView.builder(
+      child: ListView.separated(
         itemCount: ctrl.conversations.length,
+        separatorBuilder: (_, __) => Divider(
+          height: 1,
+          thickness: 0.5,
+          indent: 76,
+          color: AppTheme.isDark(context)
+              ? Colors.white.withOpacity(0.06)
+              : Colors.black.withOpacity(0.08),
+        ),
         itemBuilder: (_, i) {
           final chat = ctrl.conversations[i];
           return ConversationTile(

whatsapp_app/lib/screens/qr_screen.dart

@@ -20,40 +20,41 @@ class QrView extends StatelessWidget {
             const Icon(Icons.qr_code_scanner,
                 color: AppTheme.primary, size: 64),
             const SizedBox(height: 16),
-            const Text(
+            Text(
               'Link with your phone',
               style: TextStyle(
-                color: AppTheme.textPrimary,
+                color: AppTheme.textPrimary(context),
                 fontSize: 22,
                 fontWeight: FontWeight.bold,
               ),
             ),
             const SizedBox(height: 12),
             Container(
-              padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
+              padding:
+                  const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
               decoration: BoxDecoration(
-                color: AppTheme.surfaceLight,
+                color: AppTheme.surfaceLight(context),
                 borderRadius: BorderRadius.circular(8),
               ),
-              child: const Column(
+              child: Column(
                 crossAxisAlignment: CrossAxisAlignment.start,
                 children: [
                   Text(
                     '1. Open WhatsApp on your phone',
-                    style:
-                        TextStyle(color: AppTheme.textSecondary, fontSize: 14),
+                    style: TextStyle(
+                        color: AppTheme.textSecondary(context), fontSize: 14),
                   ),
-                  SizedBox(height: 4),
+                  const SizedBox(height: 4),
                   Text(
                     '2. Tap Menu (⋮ or ⚙️) → Linked Devices',
-                    style:
-                        TextStyle(color: AppTheme.textSecondary, fontSize: 14),
+                    style: TextStyle(
+                        color: AppTheme.textSecondary(context), fontSize: 14),
                   ),
-                  SizedBox(height: 4),
+                  const SizedBox(height: 4),
                   Text(
                     '3. Tap "Link a Device" and scan this QR code',
-                    style:
-                        TextStyle(color: AppTheme.textSecondary, fontSize: 14),
+                    style: TextStyle(
+                        color: AppTheme.textSecondary(context), fontSize: 14),
                   ),
                 ],
               ),
@@ -66,13 +67,21 @@ class QrView extends StatelessWidget {
               }
 
               try {
-                final base64Image = qr.contains(',') ? qr.split(',')[1] : qr;
+                final base64Image =
+                    qr.contains(',') ? qr.split(',')[1] : qr;
                 final bytes = base64Decode(base64Image);
                 return Container(
                   padding: const EdgeInsets.all(12),
                   decoration: BoxDecoration(
                     color: Colors.white,
                     borderRadius: BorderRadius.circular(16),
+                    boxShadow: [
+                      BoxShadow(
+                        color: Colors.black.withOpacity(0.15),
+                        blurRadius: 12,
+                        offset: const Offset(0, 4),
+                      )
+                    ],
                   ),
                   child: Image.memory(
                     bytes,
@@ -89,7 +98,8 @@ class QrView extends StatelessWidget {
                     const SizedBox(height: 8),
                     Text(
                       'Failed to render QR Code: $e',
-                      style: const TextStyle(color: AppTheme.textSecondary),
+                      style: TextStyle(
+                          color: AppTheme.textSecondary(context)),
                     ),
                   ],
                 );
@@ -98,7 +108,8 @@ class QrView extends StatelessWidget {
             const SizedBox(height: 16),
             Text(
               'Waiting for QR Code from WhatsApp...',
-              style: TextStyle(color: AppTheme.textSecondary, fontSize: 12),
+              style: TextStyle(
+                  color: AppTheme.textSecondary(context), fontSize: 12),
             ),
           ],
         ),

whatsapp_app/lib/services/whatsapp_service.dart

@@ -182,12 +182,14 @@ class WhatsAppService extends GetxService {
 
   void _scheduleReconnect() {
     _reconnectTimer?.cancel();
-    if (_reconnectCount >= AppConfig.maxReconnectAttempts) {
-      print('[WS] Max reconnect attempts reached');
-      return;
-    }
     _reconnectCount++;
-    _reconnectTimer = Timer(AppConfig.reconnectDelay, connect);
+    
+    // Progressive backoff: starting at reconnectDelay (3s) up to 15s maximum
+    final delaySec = (AppConfig.reconnectDelay.inSeconds * (_reconnectCount > 5 ? 5 : _reconnectCount)).clamp(3, 15);
+    final delay = Duration(seconds: delaySec);
+    
+    print('[WS] Reconnecting in ${delay.inSeconds} seconds (attempt $_reconnectCount)...');
+    _reconnectTimer = Timer(delay, connect);
   }
 
   // ── Request/Response ─────────────────────────────────────────────────────

whatsapp_app/lib/theme/app_theme.dart

@@ -1,39 +1,56 @@
 import 'package:flutter/material.dart';
 
 class AppTheme {
-  // Dark WhatsApp Palette
-  static const Color background     = Color(0xff111b21);
-  static const Color surface        = Color(0xff1f2c34);
-  static const Color surfaceLight   = Color(0xff2a3942);
-  static const Color primary        = Color(0xff00a884);
-  static const Color primaryDark    = Color(0xff005c4b);
-  
-  static const Color outgoingMsg    = Color(0xff005c4b);
-  static const Color incomingMsg    = Color(0xff1f2c34);
-  
-  static const Color textPrimary    = Color(0xffe9edef);
-  static const Color textSecondary  = Color(0xff8696a0);
-  static const Color iconColor      = Color(0xff8696a0);
+  // ── WhatsApp Dark Palette ────────────────────────────────────────────────
+  static const Color darkBackground   = Color(0xff111b21);
+  static const Color darkSurface      = Color(0xff1f2c34);
+  static const Color darkSurfaceLight = Color(0xff2a3942);
+  static const Color darkOutgoingMsg  = Color(0xff005c4b);
+  static const Color darkIncomingMsg  = Color(0xff1f2c34);
+  static const Color darkTextPrimary  = Color(0xffe9edef);
+  static const Color darkTextSecondary= Color(0xff8696a0);
 
+  // ── WhatsApp Light Palette ───────────────────────────────────────────────
+  static const Color lightBackground   = Color(0xffffffff);
+  static const Color lightSurface      = Color(0xff075e54); // WhatsApp green header
+  static const Color lightSurfaceLight = Color(0xfff0f2f5);
+  static const Color lightOutgoingMsg  = Color(0xffd9fdd3);
+  static const Color lightIncomingMsg  = Color(0xffffffff);
+  static const Color lightTextPrimary  = Color(0xff111b21);
+  static const Color lightTextSecondary= Color(0xff667781);
+  static const Color lightChatBg      = Color(0xffe5ddd5); // WhatsApp chat wallpaper bg
+
+  // ── Shared Colors ────────────────────────────────────────────────────────
+  static const Color primary     = Color(0xff25d366); // WhatsApp green
+  static const Color primaryDark = Color(0xff128c7e);
+  static const Color teal        = Color(0xff075e54);
+  static const Color blueTick    = Color(0xff53bdeb); // WhatsApp blue double tick
+  static const Color greyTick    = Color(0xff667781);
+
+  // ── Dark Theme ───────────────────────────────────────────────────────────
   static ThemeData get dark {
-    return ThemeData.dark().copyWith(
-      scaffoldBackgroundColor: background,
-      primaryColor: primary,
+    return ThemeData(
+      brightness: Brightness.dark,
+      scaffoldBackgroundColor: darkBackground,
+      primaryColor: teal,
       colorScheme: const ColorScheme.dark(
         primary: primary,
-        background: background,
-        surface: surface,
+        secondary: primaryDark,
+        surface: darkSurface,
+        background: darkBackground,
       ),
       appBarTheme: const AppBarTheme(
-        backgroundColor: surface,
+        backgroundColor: darkSurface,
+        foregroundColor: darkTextPrimary,
         elevation: 0,
-        iconTheme: IconThemeData(color: iconColor),
+        iconTheme: IconThemeData(color: darkTextSecondary),
         titleTextStyle: TextStyle(
-          color: textPrimary,
+          color: darkTextPrimary,
           fontSize: 20,
           fontWeight: FontWeight.bold,
         ),
       ),
+      dividerColor: darkSurfaceLight,
       textSelectionTheme: const TextSelectionThemeData(
         cursorColor: primary,
         selectionColor: primaryDark,
@@ -41,4 +58,70 @@ class AppTheme {
       ),
     );
   }
+
+  // ── Light Theme ──────────────────────────────────────────────────────────
+  static ThemeData get light {
+    return ThemeData(
+      brightness: Brightness.light,
+      scaffoldBackgroundColor: lightBackground,
+      primaryColor: teal,
+      colorScheme: const ColorScheme.light(
+        primary: teal,
+        secondary: primary,
+        surface: lightSurface,
+        background: lightBackground,
+      ),
+      appBarTheme: const AppBarTheme(
+        backgroundColor: teal,
+        foregroundColor: Colors.white,
+        elevation: 0,
+        iconTheme: IconThemeData(color: Colors.white),
+        titleTextStyle: TextStyle(
+          color: Colors.white,
+          fontSize: 20,
+          fontWeight: FontWeight.bold,
+        ),
+      ),
+      dividerColor: Color(0xffe0e0e0),
+      textSelectionTheme: const TextSelectionThemeData(
+        cursorColor: teal,
+        selectionColor: primary,
+        selectionHandleColor: teal,
+      ),
+    );
+  }
+
+  // ── Context-aware helpers ─────────────────────────────────────────────────
+  static bool isDark(BuildContext context) =>
+      Theme.of(context).brightness == Brightness.dark;
+
+  static Color background(BuildContext context) =>
+      isDark(context) ? darkBackground : lightBackground;
+
+  static Color surface(BuildContext context) =>
+      isDark(context) ? darkSurface : lightSurface;
+
+  static Color surfaceLight(BuildContext context) =>
+      isDark(context) ? darkSurfaceLight : lightSurfaceLight;
+
+  static Color outgoingMsg(BuildContext context) =>
+      isDark(context) ? darkOutgoingMsg : lightOutgoingMsg;
+
+  static Color incomingMsg(BuildContext context) =>
+      isDark(context) ? darkIncomingMsg : lightIncomingMsg;
+
+  static Color chatBackground(BuildContext context) =>
+      isDark(context) ? darkBackground : lightChatBg;
+
+  static Color textPrimary(BuildContext context) =>
+      isDark(context) ? darkTextPrimary : lightTextPrimary;
+
+  static Color textSecondary(BuildContext context) =>
+      isDark(context) ? darkTextSecondary : lightTextSecondary;
+
+  static Color iconColor(BuildContext context) =>
+      isDark(context) ? darkTextSecondary : Colors.white;
+
+  static Color subtitleIconColor(BuildContext context) =>
+      isDark(context) ? darkTextSecondary : lightTextSecondary;
 }

whatsapp_app/lib/widgets/conversation_tile.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:cached_network_image/cached_network_image.dart';
 import 'package:intl/intl.dart';
 import '../models/conversation_model.dart';
 import '../theme/app_theme.dart';
@@ -17,117 +18,217 @@ class ConversationTile extends StatelessWidget {
   Widget build(BuildContext context) {
     final lastMsg = conversation.lastMessage;
     final hasUnread = conversation.unreadCount > 0;
+    final isDark = AppTheme.isDark(context);
 
-    return ListTile(
+    return InkWell(
       onTap: onTap,
-      contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 4),
-      leading: _buildAvatar(),
-      title: Row(
-        children: [
-          Expanded(
-            child: Text(
-              conversation.name,
-              style: const TextStyle(
-                color: AppTheme.textPrimary,
-                fontSize: 16,
-                fontWeight: FontWeight.w600,
-              ),
-              maxLines: 1,
-              overflow: TextOverflow.ellipsis,
-            ),
-          ),
-          const SizedBox(width: 8),
-          Text(
-            _formatTime(conversation.timestamp),
-            style: TextStyle(
-              color: hasUnread ? AppTheme.primary : AppTheme.textSecondary,
-              fontSize: 12,
-              fontWeight: hasUnread ? FontWeight.bold : FontWeight.normal,
-            ),
-          ),
-        ],
-      ),
-      subtitle: Padding(
-        padding: const EdgeInsets.only(top: 4.0),
+      child: Container(
+        padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 10),
         child: Row(
           children: [
-            if (lastMsg != null && lastMsg.fromMe) ...[
-              const Icon(Icons.done_all, size: 16, color: AppTheme.primary), // Or proper ACK double tick
-              const SizedBox(width: 4),
-            ],
+            // ── Avatar ──────────────────────────────────────────────────────
+            _buildAvatar(context, conversation),
+            const SizedBox(width: 12),
+
+            // ── Content ─────────────────────────────────────────────────────
             Expanded(
-              child: Text(
-                _getSubtitleText(lastMsg),
-                style: const TextStyle(
-                  color: AppTheme.textSecondary,
-                  fontSize: 14,
-                ),
-                maxLines: 1,
-                overflow: TextOverflow.ellipsis,
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  // Name row + time
+                  Row(
+                    children: [
+                      Expanded(
+                        child: Text(
+                          conversation.name,
+                          style: TextStyle(
+                            color: AppTheme.textPrimary(context),
+                            fontSize: 16.5,
+                            fontWeight: FontWeight.w600,
+                          ),
+                          maxLines: 1,
+                          overflow: TextOverflow.ellipsis,
+                        ),
+                      ),
+                      const SizedBox(width: 6),
+                      Text(
+                        _formatTime(conversation.timestamp),
+                        style: TextStyle(
+                          color: hasUnread
+                              ? AppTheme.primary
+                              : AppTheme.textSecondary(context),
+                          fontSize: 12,
+                          fontWeight:
+                              hasUnread ? FontWeight.w600 : FontWeight.normal,
+                        ),
+                      ),
+                    ],
+                  ),
+                  const SizedBox(height: 4),
+
+                  // Subtitle row: ack icon + preview + badges
+                  Row(
+                    children: [
+                      // ── ACK icon for sent messages ───────────────────────
+                      if (lastMsg != null && lastMsg.fromMe) ...[
+                        _buildAckIcon(context, lastMsg.ack),
+                        const SizedBox(width: 3),
+                      ],
+
+                      // ── Message preview ──────────────────────────────────
+                      Expanded(
+                        child: Text(
+                          _getSubtitleText(context, lastMsg),
+                          style: TextStyle(
+                            color: AppTheme.textSecondary(context),
+                            fontSize: 14,
+                          ),
+                          maxLines: 1,
+                          overflow: TextOverflow.ellipsis,
+                        ),
+                      ),
+
+                      // ── Trailing badges ──────────────────────────────────
+                      if (conversation.isMuted) ...[
+                        const SizedBox(width: 4),
+                        Icon(Icons.volume_off,
+                            size: 15, color: AppTheme.textSecondary(context)),
+                      ],
+                      if (conversation.pinned) ...[
+                        const SizedBox(width: 4),
+                        Icon(Icons.push_pin,
+                            size: 15, color: AppTheme.textSecondary(context)),
+                      ],
+                      if (hasUnread) ...[
+                        const SizedBox(width: 6),
+                        _buildUnreadBadge(conversation.unreadCount),
+                      ],
+                    ],
+                  ),
+                ],
               ),
             ),
-            if (conversation.isMuted) ...[
-              const SizedBox(width: 8),
-              const Icon(Icons.volume_off, size: 16, color: AppTheme.textSecondary),
-            ],
-            if (conversation.pinned) ...[
-              const SizedBox(width: 8),
-              const Icon(Icons.push_pin, size: 16, color: AppTheme.textSecondary),
-            ],
-            if (hasUnread) ...[
-              const SizedBox(width: 8),
-              Container(
-                padding: const EdgeInsets.all(6),
-                decoration: const BoxDecoration(
-                  color: AppTheme.primary,
-                  shape: BoxShape.circle,
-                ),
-                child: Text(
-                  conversation.unreadCount.toString(),
-                  style: const TextStyle(
-                    color: Colors.black,
-                    fontSize: 12,
-                    fontWeight: FontWeight.bold,
-                  ),
-                ),
-              ),
-            ],
           ],
         ),
       ),
     );
   }
 
-  Widget _buildAvatar() {
-    if (conversation.avatar != null) {
+  // ── Avatar builder (cached network image + fallback initials) ─────────────
+  Widget _buildAvatar(BuildContext context, ConversationModel c) {
+    final isDark = AppTheme.isDark(context);
+    final fallbackBg =
+        isDark ? const Color(0xff2a3942) : const Color(0xff6b7c85);
+
+    if (c.avatar != null && c.avatar!.isNotEmpty) {
       return CircleAvatar(
-        radius: 26,
-        backgroundImage: NetworkImage(conversation.avatar!),
-        backgroundColor: AppTheme.surfaceLight,
+        radius: 28,
+        backgroundColor: fallbackBg,
+        child: ClipOval(
+          child: CachedNetworkImage(
+            imageUrl: c.avatar!,
+            width: 56,
+            height: 56,
+            fit: BoxFit.cover,
+            placeholder: (_, __) => _initialsAvatar(c.name, fallbackBg),
+            errorWidget: (_, __, ___) => _initialsAvatar(c.name, fallbackBg),
+          ),
+        ),
       );
     }
+
+    // Group icon or person icon
+    if (c.isGroup) {
+      return CircleAvatar(
+        radius: 28,
+        backgroundColor: fallbackBg,
+        child: const Icon(Icons.group, color: Colors.white, size: 30),
+      );
+    }
+
     return CircleAvatar(
-      radius: 26,
-      backgroundColor: AppTheme.primaryDark,
-      child: Text(
-        conversation.name.isNotEmpty ? conversation.name[0].toUpperCase() : '?',
-        style: const TextStyle(
-          color: Colors.white,
-          fontSize: 18,
-          fontWeight: FontWeight.bold,
-        ),
+      radius: 28,
+      backgroundColor: fallbackBg,
+      child: _initialsAvatar(c.name, fallbackBg),
+    );
+  }
+
+  Widget _initialsAvatar(String name, Color bg) {
+    return Container(
+      width: 56,
+      height: 56,
+      color: bg,
+      alignment: Alignment.center,
+      child: Icon(
+        Icons.person,
+        color: Colors.white,
+        size: 30,
       ),
     );
   }
 
-  String _getSubtitleText(LastMessageModel? lastMsg) {
+  // ── Unread badge ──────────────────────────────────────────────────────────
+  Widget _buildUnreadBadge(int count) {
+    return Container(
+      constraints: const BoxConstraints(minWidth: 20, minHeight: 20),
+      padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 2),
+      decoration: const BoxDecoration(
+        color: AppTheme.primary,
+        shape: BoxShape.circle,
+      ),
+      child: Text(
+        count > 99 ? '99+' : count.toString(),
+        style: const TextStyle(
+          color: Colors.white,
+          fontSize: 11.5,
+          fontWeight: FontWeight.bold,
+        ),
+        textAlign: TextAlign.center,
+      ),
+    );
+  }
+
+  // ── ACK (delivery status) icon ────────────────────────────────────────────
+  // Real WhatsApp ACK levels from whatsapp-web.js:
+  //  -1 = error      → clock (pending/error)
+  //   0 = pending    → clock
+  //   1 = sent       → single grey tick
+  //   2 = received   → double grey tick
+  //   3 = read/played→ double blue tick
+  Widget _buildAckIcon(BuildContext context, int ack) {
+    switch (ack) {
+      case -1:
+      case 0:
+        // Pending / clock
+        return Icon(Icons.access_time_rounded,
+            size: 14, color: AppTheme.textSecondary(context));
+      case 1:
+        // Sent — single grey tick
+        return Icon(Icons.check_rounded,
+            size: 15, color: AppTheme.textSecondary(context));
+      case 2:
+        // Delivered — double grey tick
+        return Icon(Icons.done_all_rounded,
+            size: 15, color: AppTheme.textSecondary(context));
+      case 3:
+        // Read — double blue tick
+        return const Icon(Icons.done_all_rounded,
+            size: 15, color: AppTheme.blueTick);
+      default:
+        return const SizedBox.shrink();
+    }
+  }
+
+  // ── Subtitle text ─────────────────────────────────────────────────────────
+  String _getSubtitleText(BuildContext context, LastMessageModel? lastMsg) {
     if (lastMsg == null) return '';
     if (lastMsg.hasMedia) {
-      return '📷 Photo'; // or other media indicator
+      return '📷 Photo';
     }
     return lastMsg.body;
   }
 
+  // ── Time formatter ────────────────────────────────────────────────────────
   String _formatTime(int timestamp) {
     if (timestamp == 0) return '';
     final dt = DateTime.fromMillisecondsSinceEpoch(timestamp * 1000);
@@ -137,13 +238,13 @@ class ConversationTile extends StatelessWidget {
     final msgDate = DateTime(dt.year, dt.month, dt.day);
 
     if (msgDate == today) {
-      return DateFormat('hh:mm a').format(dt);
+      return DateFormat('h:mm a').format(dt);
     } else if (msgDate == yesterday) {
       return 'Yesterday';
     } else if (now.difference(dt).inDays < 7) {
-      return DateFormat('EEEE').format(dt); // e.g. "Monday"
+      return DateFormat('EEEE').format(dt);
     } else {
-      return DateFormat('MM/dd/yy').format(dt);
+      return DateFormat('dd/MM/yy').format(dt);
     }
   }
 }

whatsapp_app/lib/widgets/message_bubble.dart

@@ -52,118 +52,171 @@ class MessageBubble extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    final isMe = message.fromMe;
-    final align = isMe ? CrossAxisAlignment.end : CrossAxisAlignment.start;
-    final bg = isMe ? AppTheme.outgoingMsg : AppTheme.incomingMsg;
+    final isMe  = message.fromMe;
+    final isDark = AppTheme.isDark(context);
+
+    final bg = isMe
+        ? AppTheme.outgoingMsg(context)
+        : AppTheme.incomingMsg(context);
+
     final radius = isMe
         ? const BorderRadius.only(
-            topLeft: Radius.circular(12),
-            topRight: Radius.circular(0),
-            bottomLeft: Radius.circular(12),
+            topLeft:     Radius.circular(12),
+            topRight:    Radius.circular(4),
+            bottomLeft:  Radius.circular(12),
             bottomRight: Radius.circular(12),
           )
         : const BorderRadius.only(
-            topLeft: Radius.circular(0),
-            topRight: Radius.circular(12),
-            bottomLeft: Radius.circular(12),
+            topLeft:     Radius.circular(4),
+            topRight:    Radius.circular(12),
+            bottomLeft:  Radius.circular(12),
             bottomRight: Radius.circular(12),
           );
 
+    // Incoming message shadow/border in light mode
+    final BoxDecoration decoration = BoxDecoration(
+      color: bg,
+      borderRadius: radius,
+      boxShadow: [
+        BoxShadow(
+          color: Colors.black.withOpacity(isDark ? 0.2 : 0.08),
+          blurRadius: 2,
+          offset: const Offset(0, 1),
+        ),
+      ],
+    );
+
     return Container(
-      margin: const EdgeInsets.symmetric(vertical: 4, horizontal: 8),
+      margin: EdgeInsets.only(
+        top: 2,
+        bottom: 2,
+        left: isMe ? 60 : 8,
+        right: isMe ? 8 : 60,
+      ),
       child: Column(
-        crossAxisAlignment: align,
+        crossAxisAlignment:
+            isMe ? CrossAxisAlignment.end : CrossAxisAlignment.start,
         children: [
-          Container(
-            constraints: BoxConstraints(
-              maxWidth: MediaQuery.of(context).size.width * 0.75,
-            ),
-            padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
-            decoration: BoxDecoration(
-              color: bg,
-              borderRadius: radius,
-            ),
-            child: Column(
-              crossAxisAlignment: CrossAxisAlignment.start,
-              mainAxisSize: MainAxisSize.min,
-              children: [
-                // Sender name in group chats
-                if (!isMe && message.author != null) ...[
-                  Text(
-                    message.author!,
-                    style: const TextStyle(
-                      color: AppTheme.primary,
-                      fontSize: 12,
-                      fontWeight: FontWeight.bold,
-                    ),
-                  ),
-                  const SizedBox(height: 4),
-                ],
-
-                // Media widget
-                if (message.hasMedia) ...[
-                  InteractiveMediaWidget(message: message),
-                  const SizedBox(height: 6),
-                ],
-
-                // Text + time + ACK row
-                Row(
+          // Tail + bubble
+          Stack(
+            children: [
+              // Message bubble
+              Container(
+                constraints: BoxConstraints(
+                  maxWidth: MediaQuery.of(context).size.width * 0.78,
+                ),
+                padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 6),
+                decoration: decoration,
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
                   mainAxisSize: MainAxisSize.min,
-                  crossAxisAlignment: CrossAxisAlignment.end,
                   children: [
-                    Flexible(
-                      child: Text(
-                        message.body,
+                    // Sender name in group chats (incoming only)
+                    if (!isMe && message.author != null) ...[
+                      Text(
+                        message.author!,
                         style: const TextStyle(
-                          color: AppTheme.textPrimary,
-                          fontSize: 15,
+                          color: AppTheme.primaryDark,
+                          fontSize: 12.5,
+                          fontWeight: FontWeight.bold,
                         ),
                       ),
-                    ),
-                    const SizedBox(width: 8),
-                    Padding(
-                      padding: const EdgeInsets.only(top: 4),
-                      child: Row(
-                        mainAxisSize: MainAxisSize.min,
-                        children: [
-                          Text(
-                            _formatTime(message.timestamp),
-                            style: const TextStyle(
-                              color: AppTheme.textSecondary,
-                              fontSize: 10,
-                            ),
-                          ),
-                          if (isMe) ...[
-                            const SizedBox(width: 4),
-                            _buildAckIcon(message.ack),
-                          ],
-                        ],
-                      ),
-                    ),
+                      const SizedBox(height: 2),
+                    ],
+
+                    // Media
+                    if (message.hasMedia) ...[
+                      InteractiveMediaWidget(message: message),
+                      const SizedBox(height: 4),
+                    ],
+
+                    // Text + time + ACK row
+                    _buildTextTimeRow(context, isMe),
                   ],
                 ),
-              ],
-            ),
+              ),
+            ],
           ),
         ],
       ),
     );
   }
 
-  Widget _buildAckIcon(int ack) {
+  Widget _buildTextTimeRow(BuildContext context, bool isMe) {
+    // If body is empty (media-only message), just show time+ack
+    final hasBody = message.body.trim().isNotEmpty;
+
+    if (!hasBody && message.hasMedia) {
+      // Show only time+ack at bottom right of media
+      return Align(
+        alignment: Alignment.bottomRight,
+        child: _timeAckRow(context, isMe),
+      );
+    }
+
+    return Wrap(
+      alignment: WrapAlignment.end,
+      crossAxisAlignment: WrapCrossAlignment.end,
+      children: [
+        if (hasBody)
+          Text(
+            message.body,
+            style: TextStyle(
+              color: AppTheme.textPrimary(context),
+              fontSize: 15,
+            ),
+          ),
+        const SizedBox(width: 4),
+        _timeAckRow(context, isMe),
+      ],
+    );
+  }
+
+  Widget _timeAckRow(BuildContext context, bool isMe) {
+    return Row(
+      mainAxisSize: MainAxisSize.min,
+      children: [
+        Text(
+          _formatTime(message.timestamp),
+          style: TextStyle(
+            color: AppTheme.textSecondary(context),
+            fontSize: 11,
+          ),
+        ),
+        if (isMe) ...[
+          const SizedBox(width: 3),
+          _buildAckIcon(context, message.ack),
+        ],
+      ],
+    );
+  }
+
+  // ── ACK icon ──────────────────────────────────────────────────────────────
+  // Real WhatsApp ACK values from whatsapp-web.js:
+  //  -1 = error
+  //   0 = pending (clock icon)
+  //   1 = sent (single grey tick ✓)
+  //   2 = delivered/received (double grey tick ✓✓)
+  //   3 = read/played (double BLUE tick ✓✓)
+  Widget _buildAckIcon(BuildContext context, int ack) {
     switch (ack) {
-      case 1: // Pending/Queued
-        return const Icon(Icons.access_time,
-            size: 13, color: AppTheme.textSecondary);
-      case 2: // Sent (single grey tick)
-        return const Icon(Icons.done, size: 15, color: AppTheme.textSecondary);
-      case 3: // Delivered (double grey tick)
-        return const Icon(Icons.done_all,
-            size: 15, color: AppTheme.textSecondary);
-      case 4: // Read (double blue tick)
-        return const Icon(Icons.done_all, size: 15, color: Colors.blue);
-      case 5: // Played audio/video (double blue with wave icon)
-        return const Icon(Icons.done_all, size: 15, color: Colors.blue);
+      case -1:
+      case 0:
+        // Pending — clock
+        return Icon(Icons.access_time_rounded,
+            size: 14, color: AppTheme.textSecondary(context));
+      case 1:
+        // Sent — single grey tick
+        return Icon(Icons.check_rounded,
+            size: 16, color: AppTheme.textSecondary(context));
+      case 2:
+        // Delivered — double grey tick
+        return Icon(Icons.done_all_rounded,
+            size: 16, color: AppTheme.textSecondary(context));
+      case 3:
+        // Read — double blue tick
+        return const Icon(Icons.done_all_rounded,
+            size: 16, color: AppTheme.blueTick);
       default:
         return const SizedBox.shrink();
     }
@@ -291,7 +344,7 @@ class _InteractiveMediaWidgetState extends State<InteractiveMediaWidget> {
           width: 140,
           alignment: Alignment.center,
           decoration: BoxDecoration(
-            color: Colors.black.withOpacity(0.15),
+            color: Colors.black.withOpacity(0.12),
             borderRadius: BorderRadius.circular(8),
           ),
           child: const SizedBox(
@@ -307,32 +360,50 @@ class _InteractiveMediaWidgetState extends State<InteractiveMediaWidget> {
       return GestureDetector(
         onTap: _downloadMedia,
         child: Container(
-          padding: const EdgeInsets.all(12),
+          padding: const EdgeInsets.all(10),
           decoration: BoxDecoration(
-            color: Colors.black.withOpacity(0.15),
+            color: Colors.black.withOpacity(0.10),
             borderRadius: BorderRadius.circular(8),
           ),
           child: Row(
             mainAxisSize: MainAxisSize.min,
             children: [
-              Icon(_getIcon(), color: AppTheme.textSecondary, size: 32),
-              const SizedBox(width: 12),
+              Container(
+                width: 40,
+                height: 40,
+                decoration: BoxDecoration(
+                  color: AppTheme.primary.withOpacity(0.15),
+                  shape: BoxShape.circle,
+                ),
+                child: Icon(_getIcon(),
+                    color: AppTheme.primary, size: 22),
+              ),
+              const SizedBox(width: 10),
               Column(
                 crossAxisAlignment: CrossAxisAlignment.start,
                 mainAxisSize: MainAxisSize.min,
                 children: [
                   Text(
                     _getLabel(),
-                    style: const TextStyle(
-                        color: AppTheme.textPrimary,
+                    style: TextStyle(
+                        color: AppTheme.textPrimary(context),
                         fontWeight: FontWeight.w500,
                         fontSize: 13),
                   ),
                   const SizedBox(height: 2),
-                  const Text(
-                    'Tap to download',
-                    style:
-                        TextStyle(color: AppTheme.textSecondary, fontSize: 10),
+                  Row(
+                    children: [
+                      Icon(Icons.download_rounded,
+                          size: 12,
+                          color: AppTheme.textSecondary(context)),
+                      const SizedBox(width: 3),
+                      Text(
+                        'Tap to download',
+                        style: TextStyle(
+                            color: AppTheme.textSecondary(context),
+                            fontSize: 11),
+                      ),
+                    ],
                   ),
                 ],
               ),
@@ -354,7 +425,7 @@ class _InteractiveMediaWidgetState extends State<InteractiveMediaWidget> {
   Widget _buildDownloadedMedia(BuildContext context, String base64Data) {
     final bytes = base64Decode(base64Data);
 
-    // ── Image / Sticker: full-screen viewer on tap ─────────────────────────
+    // ── Image / Sticker ────────────────────────────────────────────────────
     if (widget.message.type == "image" || widget.message.type == "sticker") {
       final heroTag = 'img_${widget.message.id}';
       return GestureDetector(
@@ -377,7 +448,7 @@ class _InteractiveMediaWidgetState extends State<InteractiveMediaWidget> {
           child: ClipRRect(
             borderRadius: BorderRadius.circular(8),
             child: ConstrainedBox(
-              constraints: const BoxConstraints(maxHeight: 250),
+              constraints: const BoxConstraints(maxHeight: 260),
               child: Image.memory(
                 bytes,
                 fit: BoxFit.cover,
@@ -391,30 +462,29 @@ class _InteractiveMediaWidgetState extends State<InteractiveMediaWidget> {
 
     // ── Audio / Voice Note ─────────────────────────────────────────────────
     if (widget.message.type == "audio") {
-      final durationStr = _audioDurationSeconds > 1
-          ? '${(_audioDurationSeconds ~/ 60).toString().padLeft(1, '0')}:${(_audioDurationSeconds % 60).toString().padLeft(2, '0')}'
-          : '0:${_audioCurrentSeconds.toString().padLeft(2, '0')}';
+      final totalSec = _audioDurationSeconds > 1 ? _audioDurationSeconds : _audioCurrentSeconds;
+      final durationStr =
+          '${(totalSec ~/ 60).toString().padLeft(1, '0')}:${(totalSec % 60).toString().padLeft(2, '0')}';
 
       return Container(
-        padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 6),
-        decoration: BoxDecoration(
-          color: Colors.black.withOpacity(0.15),
-          borderRadius: BorderRadius.circular(8),
-        ),
+        padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
         child: Row(
           mainAxisSize: MainAxisSize.min,
           children: [
-            IconButton(
-              icon: Icon(
-                _isPlaying
-                    ? Icons.pause_circle_filled
-                    : Icons.play_circle_filled,
-                color: AppTheme.primary,
-                size: 36,
+            CircleAvatar(
+              radius: 18,
+              backgroundColor: AppTheme.primary,
+              child: IconButton(
+                padding: EdgeInsets.zero,
+                icon: Icon(
+                  _isPlaying
+                      ? Icons.pause_rounded
+                      : Icons.play_arrow_rounded,
+                  color: Colors.white,
+                  size: 20,
+                ),
+                onPressed: () => _toggleAudioPlayback(base64Data),
               ),
-              onPressed: () => _toggleAudioPlayback(base64Data),
-              padding: EdgeInsets.zero,
-              constraints: const BoxConstraints(),
             ),
             const SizedBox(width: 8),
             Expanded(
@@ -423,13 +493,14 @@ class _InteractiveMediaWidgetState extends State<InteractiveMediaWidget> {
                 children: [
                   SliderTheme(
                     data: SliderTheme.of(context).copyWith(
-                      trackHeight: 2.5,
+                      trackHeight: 2,
                       thumbShape:
                           const RoundSliderThumbShape(enabledThumbRadius: 5),
                       overlayShape:
                           const RoundSliderOverlayShape(overlayRadius: 10),
                       activeTrackColor: AppTheme.primary,
-                      inactiveTrackColor: AppTheme.surfaceLight,
+                      inactiveTrackColor:
+                          AppTheme.textSecondary(context).withOpacity(0.3),
                       thumbColor: AppTheme.primary,
                       overlayColor: AppTheme.primary.withOpacity(0.2),
                     ),
@@ -438,7 +509,8 @@ class _InteractiveMediaWidgetState extends State<InteractiveMediaWidget> {
                       onChanged: (v) async {
                         final targetMs =
                             (v * _audioDurationSeconds * 1000).toInt();
-                        await _player.seek(Duration(milliseconds: targetMs));
+                        await _player
+                            .seek(Duration(milliseconds: targetMs));
                       },
                     ),
                   ),
@@ -446,10 +518,10 @@ class _InteractiveMediaWidgetState extends State<InteractiveMediaWidget> {
                     padding: const EdgeInsets.only(left: 4),
                     child: Text(
                       durationStr,
-                      style: const TextStyle(
-                        color: AppTheme.textSecondary,
-                        fontFamily: 'monospace',
-                        fontSize: 10,
+                      style: TextStyle(
+                        color: AppTheme.textSecondary(context),
+                        fontSize: 11,
+                        fontFeatures: const [FontFeature.tabularFigures()],
                       ),
                     ),
                   ),
@@ -463,21 +535,31 @@ class _InteractiveMediaWidgetState extends State<InteractiveMediaWidget> {
 
     // ── Default: Document / File ───────────────────────────────────────────
     return Container(
-      padding: const EdgeInsets.all(12),
+      padding: const EdgeInsets.all(10),
       decoration: BoxDecoration(
-        color: Colors.black.withOpacity(0.15),
+        color: Colors.black.withOpacity(0.10),
         borderRadius: BorderRadius.circular(8),
       ),
       child: Row(
         mainAxisSize: MainAxisSize.min,
         children: [
-          const Icon(Icons.check_circle_outline,
-              color: AppTheme.primary, size: 32),
-          const SizedBox(width: 12),
+          Container(
+            width: 40,
+            height: 40,
+            decoration: BoxDecoration(
+              color: AppTheme.primary.withOpacity(0.15),
+              shape: BoxShape.circle,
+            ),
+            child: const Icon(Icons.insert_drive_file_rounded,
+                color: AppTheme.primary, size: 22),
+          ),
+          const SizedBox(width: 10),
           Text(
             _getLabel(),
-            style: const TextStyle(
-                color: AppTheme.textPrimary, fontWeight: FontWeight.w500),
+            style: TextStyle(
+                color: AppTheme.textPrimary(context),
+                fontWeight: FontWeight.w500,
+                fontSize: 13),
           ),
         ],
       ),
@@ -487,30 +569,30 @@ class _InteractiveMediaWidgetState extends State<InteractiveMediaWidget> {
   IconData _getIcon() {
     switch (widget.message.type) {
       case "image":
-        return Icons.photo_outlined;
+        return Icons.photo_camera_rounded;
       case "video":
-        return Icons.videocam_outlined;
+        return Icons.videocam_rounded;
       case "audio":
-        return Icons.audiotrack_outlined;
+        return Icons.mic_rounded;
       case "sticker":
-        return Icons.emoji_emotions_outlined;
+        return Icons.emoji_emotions_rounded;
       default:
-        return Icons.insert_drive_file_outlined;
+        return Icons.insert_drive_file_rounded;
     }
   }
 
   String _getLabel() {
     switch (widget.message.type) {
       case "image":
-        return "Image Attachment";
+        return "Photo";
       case "video":
-        return "Video Attachment";
+        return "Video";
       case "audio":
-        return "Audio / Voice Note";
+        return "Voice note";
       case "sticker":
-        return "Sticker Attachment";
+        return "Sticker";
       default:
-        return "File Attachment";
+        return "File";
     }
   }
 }

whatsapp_app/linux/flutter/generated_plugins.cmake

@@ -9,7 +9,6 @@ list(APPEND FLUTTER_PLUGIN_LIST
 )
 
 list(APPEND FLUTTER_FFI_PLUGIN_LIST
-  jni
 )
 
 set(PLUGIN_BUNDLED_LIBRARIES)

whatsapp_app/macos/Flutter/GeneratedPluginRegistrant.swift

@@ -10,6 +10,7 @@ import file_selector_macos
 import firebase_core
 import firebase_messaging
 import flutter_local_notifications
+import path_provider_foundation
 import record_darwin
 import shared_preferences_foundation
 import sqflite_darwin
@@ -20,6 +21,7 @@ func RegisterGeneratedPlugins(registry: FlutterPluginRegistry) {
   FLTFirebaseCorePlugin.register(with: registry.registrar(forPlugin: "FLTFirebaseCorePlugin"))
   FLTFirebaseMessagingPlugin.register(with: registry.registrar(forPlugin: "FLTFirebaseMessagingPlugin"))
   FlutterLocalNotificationsPlugin.register(with: registry.registrar(forPlugin: "FlutterLocalNotificationsPlugin"))
+  PathProviderPlugin.register(with: registry.registrar(forPlugin: "PathProviderPlugin"))
   RecordPlugin.register(with: registry.registrar(forPlugin: "RecordPlugin"))
   SharedPreferencesPlugin.register(with: registry.registrar(forPlugin: "SharedPreferencesPlugin"))
   SqflitePlugin.register(with: registry.registrar(forPlugin: "SqflitePlugin"))

whatsapp_app/pubspec.lock

@@ -29,10 +29,10 @@ packages:
     dependency: transitive
     description:
       name: async
-      sha256: e2eb0491ba5ddb6177742d2da23904574082139b07c1e33b8503b9f46f3e1a37
+      sha256: "758e6d74e971c3e5aceb4110bfd6698efc7f501675bcfe0c775459a8140750eb"
       url: "https://pub.dev"
     source: hosted
-    version: "2.13.1"
+    version: "2.13.0"
   audioplayers:
     dependency: "direct main"
     description:
@@ -125,10 +125,10 @@ packages:
     dependency: transitive
     description:
       name: characters
-      sha256: faf38497bda5ead2a8c7615f4f7939df04333478bf32e4173fcb06d428b5716b
+      sha256: f71061c654a3380576a52b451dd5532377954cf9dbd272a78fc8479606670803
       url: "https://pub.dev"
     source: hosted
-    version: "1.4.1"
+    version: "1.4.0"
   checked_yaml:
     dependency: transitive
     description:
@@ -153,14 +153,6 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.1.2"
-  code_assets:
-    dependency: transitive
-    description:
-      name: code_assets
-      sha256: "83ccdaa064c980b5596c35dd64a8d3ecc68620174ab9b90b6343b753aa721687"
-      url: "https://pub.dev"
-    source: hosted
-    version: "1.0.0"
   collection:
     dependency: transitive
     description:
@@ -189,10 +181,10 @@ packages:
     dependency: "direct main"
     description:
       name: cupertino_icons
-      sha256: "41e005c33bd814be4d3096aff55b1908d419fde52ca656c8c47719ec745873cd"
+      sha256: ba631d1c7f7bef6b729a622b7b752645a2d076dba9976925b8f25725a30e1ee6
       url: "https://pub.dev"
     source: hosted
-    version: "1.0.9"
+    version: "1.0.8"
   dbus:
     dependency: transitive
     description:
@@ -237,10 +229,10 @@ packages:
     dependency: transitive
     description:
       name: file_selector_macos
-      sha256: "5e0bbe9c312416f1787a68259ea1505b52f258c587f12920422671807c4d618a"
+      sha256: "19124ff4a3d8864fdc62072b6a2ef6c222d55a3404fe14893a3c02744907b60c"
       url: "https://pub.dev"
     source: hosted
-    version: "0.9.5"
+    version: "0.9.4+4"
   file_selector_platform_interface:
     dependency: transitive
     description:
@@ -378,10 +370,10 @@ packages:
     dependency: transitive
     description:
       name: flutter_plugin_android_lifecycle
-      sha256: "38d1c268de9097ff59cf0e844ac38759fc78f76836d37edad06fa21e182055a0"
+      sha256: c2fe1001710127dfa7da89977a08d591398370d099aacdaa6d44da7eb14b8476
       url: "https://pub.dev"
     source: hosted
-    version: "2.0.34"
+    version: "2.0.31"
   flutter_test:
     dependency: "direct dev"
     description: flutter
@@ -400,22 +392,6 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "4.7.3"
-  glob:
-    dependency: transitive
-    description:
-      name: glob
-      sha256: c3f1ee72c96f8f78935e18aa8cecced9ab132419e8625dc187e1c2408efc20de
-      url: "https://pub.dev"
-    source: hosted
-    version: "2.1.3"
-  hooks:
-    dependency: transitive
-    description:
-      name: hooks
-      sha256: "025f060e86d2d4c3c47b56e33caf7f93bf9283340f26d23424ebcfccf34f621e"
-      url: "https://pub.dev"
-    source: hosted
-    version: "1.0.3"
   http:
     dependency: transitive
     description:
@@ -444,18 +420,18 @@ packages:
     dependency: "direct main"
     description:
       name: image_picker
-      sha256: "91c025426c2881c551100bce834e201c835a170151545f58d17da5180ca7d9ac"
+      sha256: "784210112be18ea55f69d7076e2c656a4e24949fa9e76429fe53af0c0f4fa320"
       url: "https://pub.dev"
     source: hosted
-    version: "1.2.2"
+    version: "1.2.1"
   image_picker_android:
     dependency: transitive
     description:
       name: image_picker_android
-      sha256: d5b3e1774af29c9ab00103afb0d4614070f924d2e0057ac867ec98800114793f
+      sha256: "28f3987ca0ec702d346eae1d90eda59603a2101b52f1e234ded62cff1d5cfa6e"
       url: "https://pub.dev"
     source: hosted
-    version: "0.8.13+17"
+    version: "0.8.13+1"
   image_picker_for_web:
     dependency: transitive
     description:
@@ -468,10 +444,10 @@ packages:
     dependency: transitive
     description:
       name: image_picker_ios
-      sha256: b9c4a438a9ff4f60808c9cf0039b93a42bb6c2211ef6ebb647394b2b3fa84588
+      sha256: eb06fe30bab4c4497bad449b66448f50edcc695f1c59408e78aa3a8059eb8f0e
       url: "https://pub.dev"
     source: hosted
-    version: "0.8.13+6"
+    version: "0.8.13"
   image_picker_linux:
     dependency: transitive
     description:
@@ -484,10 +460,10 @@ packages:
     dependency: transitive
     description:
       name: image_picker_macos
-      sha256: "86f0f15a309de7e1a552c12df9ce5b59fe927e71385329355aec4776c6a8ec91"
+      sha256: d58cd9d67793d52beefd6585b12050af0a7663c0c2a6ece0fb110a35d6955e04
       url: "https://pub.dev"
     source: hosted
-    version: "0.2.2+1"
+    version: "0.2.2"
   image_picker_platform_interface:
     dependency: transitive
     description:
@@ -512,54 +488,38 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "0.19.0"
-  jni:
-    dependency: transitive
-    description:
-      name: jni
-      sha256: c2230682d5bc2362c1c9e8d3c7f406d9cbba23ab3f2e203a025dd47e0fb2e68f
-      url: "https://pub.dev"
-    source: hosted
-    version: "1.0.0"
-  jni_flutter:
-    dependency: transitive
-    description:
-      name: jni_flutter
-      sha256: "8b59e590786050b1cd866677dddaf76b1ade5e7bc751abe04b86e84d379d3ba6"
-      url: "https://pub.dev"
-    source: hosted
-    version: "1.0.1"
   json_annotation:
     dependency: transitive
     description:
       name: json_annotation
-      sha256: "2a743920d81b7910627f68ee2c9ac1fc0bfee32b9fc3403587d7c6791ca12f80"
+      sha256: "1ce844379ca14835a50d2f019a3099f419082cfdd231cd86a142af94dd5c6bb1"
       url: "https://pub.dev"
     source: hosted
-    version: "4.12.0"
+    version: "4.9.0"
   leak_tracker:
     dependency: transitive
     description:
       name: leak_tracker
-      sha256: "33e2e26bdd85a0112ec15400c8cbffea70d0f9c3407491f672a2fad47915e2de"
+      sha256: "6bb818ecbdffe216e81182c2f0714a2e62b593f4a4f13098713ff1685dfb6ab0"
       url: "https://pub.dev"
     source: hosted
-    version: "11.0.2"
+    version: "10.0.9"
   leak_tracker_flutter_testing:
     dependency: transitive
     description:
       name: leak_tracker_flutter_testing
-      sha256: "1dbc140bb5a23c75ea9c4811222756104fbcd1a27173f0c34ca01e16bea473c1"
+      sha256: f8b613e7e6a13ec79cfdc0e97638fddb3ab848452eff057653abd3edba760573
       url: "https://pub.dev"
     source: hosted
-    version: "3.0.10"
+    version: "3.0.9"
   leak_tracker_testing:
     dependency: transitive
     description:
       name: leak_tracker_testing
-      sha256: "8d5a2d49f4a66b49744b23b018848400d23e54caf9463f4eb20df3eb8acb2eb1"
+      sha256: "6ba465d5d76e67ddf503e1161d1f4a6bc42306f9d66ca1e8f079a47290fb06d3"
       url: "https://pub.dev"
     source: hosted
-    version: "3.0.2"
+    version: "3.0.1"
   lints:
     dependency: transitive
     description:
@@ -568,38 +528,30 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "3.0.0"
-  logging:
-    dependency: transitive
-    description:
-      name: logging
-      sha256: c8245ada5f1717ed44271ed1c26b8ce85ca3228fd2ffdb75468ab01979309d61
-      url: "https://pub.dev"
-    source: hosted
-    version: "1.3.0"
   matcher:
     dependency: transitive
     description:
       name: matcher
-      sha256: "12956d0ad8390bbcc63ca2e1469c0619946ccb52809807067a7020d57e647aa6"
+      sha256: dc58c723c3c24bf8d3e2d3ad3f2f9d7bd9cf43ec6feaa64181775e60190153f2
       url: "https://pub.dev"
     source: hosted
-    version: "0.12.18"
+    version: "0.12.17"
   material_color_utilities:
     dependency: transitive
     description:
       name: material_color_utilities
-      sha256: "9c337007e82b1889149c82ed242ed1cb24a66044e30979c44912381e9be4c48b"
+      sha256: f7142bb1154231d7ea5f96bc7bde4bda2a0945d2806bb11670e30b850d56bdec
       url: "https://pub.dev"
     source: hosted
-    version: "0.13.0"
+    version: "0.11.1"
   meta:
     dependency: transitive
     description:
       name: meta
-      sha256: "23f08335362185a5ea2ad3a4e597f1375e78bce8a040df5c600c8d3552ef2394"
+      sha256: e3641ec5d63ebf0d9b41bd43201a66e3fc79a65db5f61fc181f04cd27aab950c
       url: "https://pub.dev"
     source: hosted
-    version: "1.17.0"
+    version: "1.16.0"
   mime:
     dependency: transitive
     description:
@@ -608,22 +560,6 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "2.0.0"
-  native_toolchain_c:
-    dependency: transitive
-    description:
-      name: native_toolchain_c
-      sha256: "6ba77bb18063eebe9de401f5e6437e95e1438af0a87a3a39084fbd37c90df572"
-      url: "https://pub.dev"
-    source: hosted
-    version: "0.17.6"
-  objective_c:
-    dependency: transitive
-    description:
-      name: objective_c
-      sha256: "100a1c87616ab6ed41ec263b083c0ef3261ee6cd1dc3b0f35f8ddfa4f996fe52"
-      url: "https://pub.dev"
-    source: hosted
-    version: "9.3.0"
   octo_image:
     dependency: transitive
     description:
@@ -632,14 +568,6 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "2.1.0"
-  package_config:
-    dependency: transitive
-    description:
-      name: package_config
-      sha256: f096c55ebb7deb7e384101542bfba8c52696c1b56fca2eb62827989ef2353bbc
-      url: "https://pub.dev"
-    source: hosted
-    version: "2.2.0"
   path:
     dependency: transitive
     description:
@@ -660,18 +588,18 @@ packages:
     dependency: transitive
     description:
       name: path_provider_android
-      sha256: "69cbd515a62b94d32a7944f086b2f82b4ac40a1d45bebfc00813a430ab2dabcd"
+      sha256: "3b4c1fc3aa55ddc9cd4aa6759984330d5c8e66aa7702a6223c61540dc6380c37"
       url: "https://pub.dev"
     source: hosted
-    version: "2.3.1"
+    version: "2.2.19"
   path_provider_foundation:
     dependency: transitive
     description:
       name: path_provider_foundation
-      sha256: "2a376b7d6392d80cd3705782d2caa734ca4727776db0b6ec36ef3f1855197699"
+      sha256: "16eef174aacb07e09c351502740fa6254c165757638eba1e9116b0a781201bbd"
       url: "https://pub.dev"
     source: hosted
-    version: "2.6.0"
+    version: "2.4.2"
   path_provider_linux:
     dependency: transitive
     description:
@@ -728,14 +656,6 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "6.5.0"
-  pub_semver:
-    dependency: transitive
-    description:
-      name: pub_semver
-      sha256: "5bfcf68ca79ef689f8990d1160781b4bad40a3bd5e5218ad4076ddb7f4081585"
-      url: "https://pub.dev"
-    source: hosted
-    version: "2.2.0"
   record:
     dependency: "direct main"
     description:
@@ -776,14 +696,6 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.2.0"
-  record_use:
-    dependency: transitive
-    description:
-      name: record_use
-      sha256: "2551bd8eecfe95d14ae75f6021ad0248be5c27f138c2ec12fcb52b500b3ba1ed"
-      url: "https://pub.dev"
-    source: hosted
-    version: "0.6.0"
   record_web:
     dependency: transitive
     description:
@@ -812,26 +724,26 @@ packages:
     dependency: "direct main"
     description:
       name: shared_preferences
-      sha256: c3025c5534b01739267eb7d76959bbc25a6d10f6988e1c2a3036940133dd10bf
+      sha256: "6e8bf70b7fef813df4e9a36f658ac46d107db4b4cfe1048b477d4e453a8159f5"
       url: "https://pub.dev"
     source: hosted
-    version: "2.5.5"
+    version: "2.5.3"
   shared_preferences_android:
     dependency: transitive
     description:
       name: shared_preferences_android
-      sha256: e8d4762b1e2e8578fc4d0fd548cebf24afd24f49719c08974df92834565e2c53
+      sha256: bd14436108211b0d4ee5038689a56d4ae3620fd72fd6036e113bf1345bc74d9e
       url: "https://pub.dev"
     source: hosted
-    version: "2.4.23"
+    version: "2.4.13"
   shared_preferences_foundation:
     dependency: transitive
     description:
       name: shared_preferences_foundation
-      sha256: "4e7eaffc2b17ba398759f1151415869a34771ba11ebbccd1b0145472a619a64f"
+      sha256: "6a52cfcdaeac77cad8c97b539ff688ccfc458c007b4db12be584fbe5c0e49e03"
       url: "https://pub.dev"
     source: hosted
-    version: "2.5.6"
+    version: "2.5.4"
   shared_preferences_linux:
     dependency: transitive
     description:
@@ -844,10 +756,10 @@ packages:
     dependency: transitive
     description:
       name: shared_preferences_platform_interface
-      sha256: "649dc798a33931919ea356c4305c2d1f81619ea6e92244070b520187b5140ef9"
+      sha256: "57cbf196c486bc2cf1f02b85784932c6094376284b3ad5779d1b1c6c6a816b80"
       url: "https://pub.dev"
     source: hosted
-    version: "2.4.2"
+    version: "2.4.1"
   shared_preferences_web:
     dependency: transitive
     description:
@@ -873,34 +785,34 @@ packages:
     dependency: transitive
     description:
       name: source_span
-      sha256: "56a02f1f4cd1a2d96303c0144c93bd6d909eea6bee6bf5a0e0b685edbd4c47ab"
+      sha256: "254ee5351d6cb365c859e20ee823c3bb479bf4a293c22d17a9f1bf144ce86f7c"
       url: "https://pub.dev"
     source: hosted
-    version: "1.10.2"
+    version: "1.10.1"
   sqflite:
     dependency: transitive
     description:
       name: sqflite
-      sha256: "564cfed0746fe53140c23b70b308e045c3b31f17778f2f326ccb7d804ea0250a"
+      sha256: e2297b1da52f127bc7a3da11439985d9b536f75070f3325e62ada69a5c585d03
       url: "https://pub.dev"
     source: hosted
-    version: "2.4.2+1"
+    version: "2.4.2"
   sqflite_android:
     dependency: transitive
     description:
       name: sqflite_android
-      sha256: "881e28efdcc9950fd8e9bb42713dcf1103e62a2e7168f23c9338d82db13dec40"
+      sha256: "2b3070c5fa881839f8b402ee4a39c1b4d561704d4ebbbcfb808a119bc2a1701b"
       url: "https://pub.dev"
     source: hosted
-    version: "2.4.2+3"
+    version: "2.4.1"
   sqflite_common:
     dependency: transitive
     description:
       name: sqflite_common
-      sha256: "1581ffbf7a0e333b380d6a30737d78516b826cb35beb7fb0bf8a3ea0c678b465"
+      sha256: "6ef422a4525ecc601db6c0a2233ff448c731307906e92cabc9ba292afaae16a6"
       url: "https://pub.dev"
     source: hosted
-    version: "2.5.8"
+    version: "2.5.6"
   sqflite_darwin:
     dependency: transitive
     description:
@@ -945,10 +857,10 @@ packages:
     dependency: transitive
     description:
       name: synchronized
-      sha256: "63896c27e81b28f8cb4e69ead0d3e8f03f1d1e5fc531a3e579cabed6a2c7c9e5"
+      sha256: c254ade258ec8282947a0acbbc90b9575b4f19673533ee46f2f6e9b3aeefd7c0
       url: "https://pub.dev"
     source: hosted
-    version: "3.4.0+1"
+    version: "3.4.0"
   term_glyph:
     dependency: transitive
     description:
@@ -961,10 +873,10 @@ packages:
     dependency: transitive
     description:
       name: test_api
-      sha256: "93167629bfc610f71560ab9312acdda4959de4df6fac7492c89ff0d3886f6636"
+      sha256: fb31f383e2ee25fbbfe06b40fe21e1e458d14080e3c67e7ba0acfde4df4e0bbd
       url: "https://pub.dev"
     source: hosted
-    version: "0.7.9"
+    version: "0.7.4"
   timeago:
     dependency: "direct main"
     description:
@@ -1001,18 +913,18 @@ packages:
     dependency: transitive
     description:
       name: vector_math
-      sha256: d530bd74fea330e6e364cda7a85019c434070188383e1cd8d9777ee586914c5b
+      sha256: "80b3257d1492ce4d091729e3a67a60407d227c27241d6927be0130c98e741803"
       url: "https://pub.dev"
     source: hosted
-    version: "2.2.0"
+    version: "2.1.4"
   vm_service:
     dependency: transitive
     description:
       name: vm_service
-      sha256: "0016aef94fc66495ac78af5859181e3f3bf2026bd8eecc72b9565601e19ab360"
+      sha256: ddfa8d30d89985b96407efce8acbdd124701f96741f2d981ca860662f1c0dc02
       url: "https://pub.dev"
     source: hosted
-    version: "15.2.0"
+    version: "15.0.0"
   web:
     dependency: transitive
     description:
@@ -1054,5 +966,5 @@ packages:
     source: hosted
     version: "3.1.3"
 sdks:
-  dart: ">=3.11.0 <4.0.0"
-  flutter: ">=3.38.4"
+  dart: ">=3.8.0 <4.0.0"
+  flutter: ">=3.32.0"

whatsapp_app/windows/flutter/generated_plugins.cmake

@@ -10,7 +10,6 @@ list(APPEND FLUTTER_PLUGIN_LIST
 )
 
 list(APPEND FLUTTER_FFI_PLUGIN_LIST
-  jni
 )
 
 set(PLUGIN_BUNDLED_LIBRARIES)

whatsapp_bridge/database.js

@@ -62,6 +62,17 @@ async function initDatabase() {
       ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
     `);
 
+    // Check and add sender_jid column if it doesn't exist
+    try {
+      const [columns] = await connectionPool.query(`SHOW COLUMNS FROM messages LIKE 'sender_jid'`);
+      if (columns.length === 0) {
+        console.log('[DB] Adding column sender_jid to messages table...');
+        await connectionPool.query(`ALTER TABLE messages ADD COLUMN sender_jid VARCHAR(100) NULL AFTER sender_name;`);
+      }
+    } catch (columnErr) {
+      console.error('[DB ERROR] Failed to check/add sender_jid column:', columnErr.message);
+    }
+    
     console.log('[DB] MySQL Tables initialized successfully.');
   } catch (err) {
     console.error('[DB ERROR] Migration failed:', err.message);
@@ -94,15 +105,27 @@ async function archiveMessage(slotId, msg) {
       bodyText = '📷 Media/Attachment';
     }
 
+    let senderJid = null;
+    if (msg.author) {
+      senderJid = typeof msg.author === 'string' ? msg.author : msg.author._serialized;
+    } else if (msg.id && msg.id.participant) {
+      senderJid = typeof msg.id.participant === 'string' ? msg.id.participant : msg.id.participant._serialized;
+    } else if (msg.fromMe) {
+      senderJid = 'me';
+    } else {
+      senderJid = typeof msg.from === 'string' ? msg.from : msg.from._serialized;
+    }
+
     await connectionPool.query(`
-      INSERT INTO messages (id, slot_id, chat_id, sender_name, body, from_me, timestamp)
-      VALUES (?, ?, ?, ?, ?, ?, ?)
+      INSERT INTO messages (id, slot_id, chat_id, sender_name, sender_jid, body, from_me, timestamp)
+      VALUES (?, ?, ?, ?, ?, ?, ?, ?)
       ON DUPLICATE KEY UPDATE body = VALUES(body);
     `, [
       msg.id._serialized || msg.id.id,
       slotId,
       msg.to || msg.from,
       msg.senderName || null,
+      senderJid || null,
       bodyText,
       msg.fromMe ? 1 : 0,
       msg.timestamp

whatsapp_bridge/server.js

@@ -178,7 +178,8 @@ async function formatChat(chat) {
       body: chat.lastMessage.body || '',
       timestamp: chat.lastMessage.timestamp || Math.floor(Date.now() / 1000),
       fromMe: chat.lastMessage.fromMe || false,
-      hasMedia: chat.lastMessage.hasMedia || false
+      hasMedia: chat.lastMessage.hasMedia || false,
+      ack: chat.lastMessage.ack || 0
     };
   }
 
@@ -252,12 +253,35 @@ for (const p of possiblePaths) {
   }
 }
 
+// ─── Clean Chrome Profile Locks ─────────────────────────────────────────────
+function cleanChromeLocks(sessionPath) {
+  const lockFiles = [
+    path.join(sessionPath, 'SingletonLock'),
+    path.join(sessionPath, 'Default', 'SingletonLock')
+  ];
+  for (const lockFile of lockFiles) {
+    try {
+      if (fs.existsSync(lockFile)) {
+        console.log(`[CLEANUP] Removing dangling lock file: ${lockFile}`);
+        fs.unlinkSync(lockFile);
+      }
+    } catch (err) {
+      console.warn(`[CLEANUP WARNING] Could not remove lock file ${lockFile}:`, err.message);
+    }
+  }
+}
+
 // ─── Bootstrap Slot ────────────────────────────────────────────────────────
 function bootstrapSlot(slotId) {
   if (slotId < 1 || slotId > 6) return;
   if (slots.has(slotId)) return slots.get(slotId);
 
   console.log(`[BOOTSTRAP] Initializing Slot ${slotId}...`);
+  
+  // Clean dangling lock files before launching Puppeteer
+  const sessionPath = path.join(__dirname, '.wwebjs_auth', `session-slot-${slotId}`);
+  cleanChromeLocks(sessionPath);
+
   const { Client, LocalAuth } = require('whatsapp-web.js');
 
   const client = new Client({
@@ -777,6 +801,8 @@ server.listen(PORT, async () => {
     if (!fs.existsSync(slot1SessionPath)) {
       for (const oldPath of oldSessionPaths) {
         if (fs.existsSync(oldPath)) {
+          // Clean lock files in the old session directory first
+          cleanChromeLocks(oldPath);
           console.log(`[MIGRATION] Migrating active WhatsApp session from ${oldPath} to Slot 1...`);
           try {
             if (fs.cpSync) {
@@ -785,6 +811,8 @@ server.listen(PORT, async () => {
               const { execSync } = require('child_process');
               execSync(`cp -R "${oldPath}" "${slot1SessionPath}"`);
             }
+            // Clean lock files in the new slot-1 session directory too
+            cleanChromeLocks(slot1SessionPath);
             console.log('[MIGRATION] Session migrated successfully! Slot 1 will load connected.');
             break;
           } catch (migrationErr) {