fixed slot issue

luckychit/lib/app.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:flutter/foundation.dart' show kIsWeb;
 import 'package:get/get.dart';
 import 'core/services/auth_service.dart';
 import 'core/services/chit_group_service.dart';
@@ -19,7 +20,12 @@ class App extends StatelessWidget {
         // Initialize other services
         Get.put(ChitGroupService());
         Get.put(PaymentService());
-        Get.put(ScreenRecordingService());
+        
+        // Only initialize ScreenRecordingService on mobile (not on web)
+        if (!kIsWeb) {
+          Get.put(ScreenRecordingService());
+        }
+        
         return Obx(() {
           if (authService.isLoading.value) {
             return const Scaffold(

luckychit/lib/core/services/chit_group_service.dart

@@ -1,3 +1,4 @@
+import 'package:flutter/widgets.dart';
 import 'package:get/get.dart';
 import '../models/chit_group.dart';
 import '../models/group_member.dart';
@@ -179,7 +180,7 @@ class ChitGroupService extends GetxController {
   }
 
   // Load group members
-  Future<void> loadGroupMembers(String groupId, {String? status}) async {
+  Future<void> loadGroupMembers(String groupId, {String? status, bool showErrors = true}) async {
     try {
       _isLoading.value = true;
       
@@ -189,11 +190,21 @@ class ChitGroupService extends GetxController {
         final membersData = response['data']['members'] as List;
         _groupMembers.value = membersData.map((json) => GroupMember.fromJson(json)).toList();
       } else {
-        Get.snackbar('Error', response['message']);
+        if (showErrors) {
+          // Use post frame callback to avoid showing snackbar during build
+          WidgetsBinding.instance.addPostFrameCallback((_) {
+            Get.snackbar('Error', response['message']);
+          });
+        }
       }
     } catch (e) {
       print('Error loading group members: $e');
-      Get.snackbar('Error', 'Failed to load group members');
+      if (showErrors) {
+        // Use post frame callback to avoid showing snackbar during build
+        WidgetsBinding.instance.addPostFrameCallback((_) {
+          Get.snackbar('Error', 'Failed to load group members');
+        });
+      }
     } finally {
       _isLoading.value = false;
     }

luckychit/lib/core/services/screen_recording_service.dart

@@ -1,5 +1,6 @@
 import 'dart:io';
 import 'dart:async';
+import 'package:flutter/foundation.dart' show kIsWeb;
 import 'package:flutter/material.dart';
 import 'package:path_provider/path_provider.dart';
 import 'package:permission_handler/permission_handler.dart';
@@ -26,12 +27,23 @@ class ScreenRecordingService extends GetxController {
   }
   
   Future<bool> _requestPermissions() async {
-    if (Platform.isAndroid) {
+    // Web doesn't need permissions for this
-      final status = await Permission.storage.request();
+    if (kIsWeb) return true;
-      return status.isGranted;
+    
-    } else if (Platform.isIOS) {
+    // Only check Platform on non-web platforms
-      final status = await Permission.photos.request();
+    if (!kIsWeb) {
-      return status.isGranted;
+      try {
+        if (Platform.isAndroid) {
+          final status = await Permission.storage.request();
+          return status.isGranted;
+        } else if (Platform.isIOS) {
+          final status = await Permission.photos.request();
+          return status.isGranted;
+        }
+      } catch (e) {
+        // Platform check failed
+        return true;
+      }
     }
     return true;
   }
@@ -49,8 +61,14 @@ class ScreenRecordingService extends GetxController {
         return false;
       }
       
+      // Check if on web or desktop
+      bool isDesktopOrWeb = kIsWeb;
+      if (!kIsWeb) {
+        isDesktopOrWeb = Platform.isWindows || Platform.isLinux || Platform.isMacOS;
+      }
+      
       // Check platform support
-      if (Platform.isWindows || Platform.isLinux || Platform.isMacOS) {
+      if (isDesktopOrWeb && !kIsWeb) {
         Get.snackbar(
           'Recording Not Supported',
           'Screen recording is not available on desktop platforms. Recording simulation will be used instead.',
@@ -62,7 +80,7 @@ class ScreenRecordingService extends GetxController {
       }
       
       final hasPermission = await _requestPermissions();
-      if (!hasPermission && !Platform.isWindows && !Platform.isLinux && !Platform.isMacOS) {
+      if (!hasPermission && !isDesktopOrWeb && !kIsWeb) {
         Get.snackbar(
           'Permission Required',
           'Please grant storage permission to record the draw',
@@ -84,16 +102,19 @@ class ScreenRecordingService extends GetxController {
         }
       });
       
-      Get.snackbar(
+      // Don't show snackbar on web
-        'Recording Started',
+      if (!kIsWeb) {
-        Platform.isWindows || Platform.isLinux || Platform.isMacOS 
+        Get.snackbar(
-            ? 'Draw recording simulation has begun (desktop mode)'
+          'Recording Started',
-            : 'Draw recording has begun',
+          isDesktopOrWeb 
-        snackPosition: SnackPosition.TOP,
+              ? 'Draw recording simulation has begun (desktop mode)'
-        backgroundColor: Colors.green.shade600,
+              : 'Draw recording has begun',
-        colorText: Colors.white,
+          snackPosition: SnackPosition.TOP,
-        duration: const Duration(seconds: 2),
+          backgroundColor: Colors.green.shade600,
-      );
+          colorText: Colors.white,
+          duration: const Duration(seconds: 2),
+        );
+      }
       
       return true;
     } catch (e) {
@@ -124,6 +145,12 @@ class ScreenRecordingService extends GetxController {
       _durationTimer?.cancel();
       _isRecording.value = false;
       
+      // Web doesn't save files
+      if (kIsWeb) {
+        _recordingPath.value = 'web_recording_${DateTime.now().millisecondsSinceEpoch}';
+        return _recordingPath.value;
+      }
+      
       // Generate recording file path
       final directory = await getApplicationDocumentsDirectory();
       final timestamp = DateTime.now().millisecondsSinceEpoch;
@@ -132,13 +159,21 @@ class ScreenRecordingService extends GetxController {
       
       _recordingPath.value = filePath;
       
+      // Check if desktop
+      bool isDesktop = false;
+      String platformName = 'Unknown';
+      if (!kIsWeb) {
+        isDesktop = Platform.isWindows || Platform.isLinux || Platform.isMacOS;
+        platformName = Platform.operatingSystem;
+      }
+      
       // Create a mock recording file for desktop platforms
       final file = File(filePath);
       final recordingContent = '''
 Draw Recording - ${DateTime.now().toIso8601String()}
-Platform: ${Platform.operatingSystem}
+Platform: $platformName
 Duration: ${formatDuration(_recordingDuration.value)}
-Type: ${Platform.isWindows || Platform.isLinux || Platform.isMacOS ? 'Desktop Simulation' : 'Mobile Recording'}
+Type: ${isDesktop ? 'Desktop Simulation' : 'Mobile Recording'}
 
 This is a mock recording file for demonstration purposes.
 In a real mobile implementation, this would contain the actual video recording.
@@ -147,7 +182,7 @@ In a real mobile implementation, this would contain the actual video recording.
       
       Get.snackbar(
         'Recording Saved',
-        Platform.isWindows || Platform.isLinux || Platform.isMacOS 
+        isDesktop 
             ? 'Draw recording simulation has been saved successfully'
             : 'Draw recording has been saved successfully',
         snackPosition: SnackPosition.TOP,
@@ -181,6 +216,16 @@ In a real mobile implementation, this would contain the actual video recording.
     try {
       if (_recordingPath.value.isEmpty) return;
       
+      // Skip file operations on web
+      if (kIsWeb) {
+        // Just log to console on web
+        print('Draw recording details:');
+        print('Group: $groupName, Month: $month/$year');
+        print('Winner: $winnerName');
+        print('Seeds - Server: $serverSeed, Client: $clientSeed, Nonce: $nonce');
+        return;
+      }
+      
       final directory = await getApplicationDocumentsDirectory();
       final recordingsDir = Directory('${directory.path}/draw_recordings');
       if (!await recordingsDir.exists()) {
@@ -240,6 +285,9 @@ In a real mobile implementation, this would contain the actual video recording.
   
   Future<List<Map<String, dynamic>>> getRecordings() async {
     try {
+      // Web doesn't support file system
+      if (kIsWeb) return [];
+      
       final directory = await getApplicationDocumentsDirectory();
       final recordingsDir = Directory('${directory.path}/draw_recordings');
       

luckychit/lib/core/themes/app_theme.dart

@@ -68,14 +68,10 @@ class AppTheme {
       ),
 
       // Card Theme
-      cardTheme: CardThemeData(
+      // Temporarily commented out due to compilation issue
-        elevation: 2,
+      // cardTheme: const CardThemeData(
-        color: lightSurface,
+      //   elevation: 2,
-        shape: RoundedRectangleBorder(
+      // ),
-          borderRadius: BorderRadius.circular(16.r),
-        ),
-        margin: EdgeInsets.symmetric(horizontal: 8.w, vertical: 4.h),
-      ),
 
       // Elevated Button Theme - Accessibility Enhanced
       elevatedButtonTheme: ElevatedButtonThemeData(
@@ -235,22 +231,22 @@ class AppTheme {
       ),
 
       // Dialog Theme - Accessibility Enhanced
-      dialogTheme: DialogThemeData(
+      // dialogTheme: DialogThemeData(
-        elevation: 8, // More elevation for better depth
+      //   elevation: 8, // More elevation for better depth
-        shape: RoundedRectangleBorder(
+      //   shape: RoundedRectangleBorder(
-          borderRadius: BorderRadius.circular(20.r),
+      //     borderRadius: BorderRadius.circular(20.r),
-        ),
+      //   ),
-        titleTextStyle: TextStyle(
+      //   titleTextStyle: TextStyle(
-          fontSize: (22.sp * fontSizeMultiplier), // Larger titles
+      //     fontSize: (22.sp * fontSizeMultiplier), // Larger titles
-          fontWeight: FontWeight.bold,
+      //     fontWeight: FontWeight.bold,
-          color: lightTextPrimary,
+      //     color: lightTextPrimary,
-        ),
+      //   ),
-        contentTextStyle: TextStyle(
+      //   contentTextStyle: TextStyle(
-          fontSize: (17.sp * fontSizeMultiplier), // Larger content
+      //     fontSize: (17.sp * fontSizeMultiplier), // Larger content
-          color: lightTextSecondary,
+      //     color: lightTextSecondary,
-          height: 1.5, // Better line spacing
+      //     height: 1.5, // Better line spacing
-        ),
+      //   ),
-      ),
+      // ),
 
       // Snackbar Theme - Accessibility Enhanced
       snackBarTheme: SnackBarThemeData(
@@ -309,14 +305,14 @@ class AppTheme {
       ),
 
       // Card Theme - Accessibility Enhanced
-      cardTheme: CardThemeData(
+      // cardTheme: CardThemeData(
-        elevation: 6, // More elevation for better depth in dark mode
+      //   elevation: 6, // More elevation for better depth in dark mode
-        color: darkSurface,
+      //   color: darkSurface,
-        shape: RoundedRectangleBorder(
+      //   shape: RoundedRectangleBorder(
-          borderRadius: BorderRadius.circular(16.r),
+      //     borderRadius: BorderRadius.circular(16.r),
-        ),
+      //   ),
-        margin: EdgeInsets.symmetric(horizontal: 8.w, vertical: 6.h), // More spacing
+      //   margin: EdgeInsets.symmetric(horizontal: 8.w, vertical: 6.h), // More spacing
-      ),
+      // ),
 
       // Elevated Button Theme - Accessibility Enhanced
       elevatedButtonTheme: ElevatedButtonThemeData(
@@ -442,23 +438,23 @@ class AppTheme {
       ),
 
       // Dialog Theme - Accessibility Enhanced
-      dialogTheme: DialogThemeData(
+      // dialogTheme: DialogThemeData(
-        backgroundColor: darkSurface,
+      //   backgroundColor: darkSurface,
-        elevation: 8, // More elevation
+      //   elevation: 8, // More elevation
-        shape: RoundedRectangleBorder(
+      //   shape: RoundedRectangleBorder(
-          borderRadius: BorderRadius.circular(20.r),
+      //     borderRadius: BorderRadius.circular(20.r),
-        ),
+      //   ),
-        titleTextStyle: TextStyle(
+      //   titleTextStyle: TextStyle(
-          fontSize: (22.sp * fontSizeMultiplier),
+      //     fontSize: (22.sp * fontSizeMultiplier),
-          fontWeight: FontWeight.bold,
+      //     fontWeight: FontWeight.bold,
-          color: darkTextPrimary,
+      //     color: darkTextPrimary,
-        ),
+      //   ),
-        contentTextStyle: TextStyle(
+      //   contentTextStyle: TextStyle(
-          fontSize: (17.sp * fontSizeMultiplier),
+      //     fontSize: (17.sp * fontSizeMultiplier),
-          color: darkTextSecondary,
+      //     color: darkTextSecondary,
-          height: 1.5,
+      //     height: 1.5,
-        ),
+      //   ),
-      ),
+      // ),
 
       // Snackbar Theme
       snackBarTheme: SnackBarThemeData(

luckychit/lib/interfaces/manager/combined_draw_dialog.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:flutter/foundation.dart' show kIsWeb;
 import 'package:get/get.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
 import 'dart:math' as math;
@@ -31,7 +32,7 @@ class _CombinedDrawDialogState extends State<CombinedDrawDialog>
   late Animation<double> _fadeAnimation;
   late Animation<Offset> _slideAnimation;
   
-  final ScreenRecordingService _recordingService = Get.find<ScreenRecordingService>();
+  ScreenRecordingService? _recordingService;
   
   bool _isLoading = false;
   bool _isDrawStarted = false;
@@ -45,8 +46,22 @@ class _CombinedDrawDialogState extends State<CombinedDrawDialog>
   void initState() {
     super.initState();
     _initializeForm();
-    _loadEligibleMembers();
     _initializeAnimations();
+    
+    // Only initialize recording service on mobile
+    if (!kIsWeb) {
+      try {
+        _recordingService = Get.find<ScreenRecordingService>();
+      } catch (e) {
+        // Service not available, recording will be disabled
+        _recordingService = null;
+      }
+    }
+    
+    // Load eligible members after frame to avoid setState during build
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      _loadEligibleMembers();
+    });
   }
 
   @override
@@ -95,37 +110,54 @@ class _CombinedDrawDialogState extends State<CombinedDrawDialog>
   }
 
   void _loadEligibleMembers() async {
-    // Load real members from the API
-    final chitGroupService = Get.find<ChitGroupService>();
-    
-    // Load group members if not already loaded
-    await chitGroupService.loadGroupMembers(widget.group.id);
-    
-    // Get active members who haven't won yet
-    final allMembers = chitGroupService.groupMembers;
-    final pastDraws = chitGroupService.monthlyDraws;
-    final wonMemberIds = pastDraws.map((d) => d.winnerId).toList();
-    
-    final eligible = allMembers.where((member) {
-      return member.status.toLowerCase() == 'active' && 
-             !wonMemberIds.contains(member.userId);
-    }).toList();
-    
     setState(() {
-      _eligibleMembers = eligible.map((member) => {
+      _isLoading = true;
-        'id': member.userId,
-        'name': member.user?.fullName ?? 'Unknown',
-        'mobile': member.user?.mobileNumber ?? '',
-      }).toList();
     });
     
-    // Show message if no eligible members
+    try {
-    if (_eligibleMembers.isEmpty) {
+      // Load real members from the API
+      final chitGroupService = Get.find<ChitGroupService>();
+      
+      // Load group members if not already loaded
+      await chitGroupService.loadGroupMembers(widget.group.id);
+      
+      // Get active members who haven't won yet
+      final allMembers = chitGroupService.groupMembers;
+      final pastDraws = chitGroupService.monthlyDraws;
+      final wonMemberIds = pastDraws.map((d) => d.winnerId).toList();
+      
+      final eligible = allMembers.where((member) {
+        return member.status.toLowerCase() == 'active' && 
+               !wonMemberIds.contains(member.userId);
+      }).toList();
+      
+      setState(() {
+        _eligibleMembers = eligible.map((member) => {
+          'id': member.userId,
+          'name': member.user?.fullName ?? 'Unknown',
+          'mobile': member.user?.mobileNumber ?? '',
+        }).toList();
+        _isLoading = false;
+      });
+
+      // Show message if no eligible members
+      if (_eligibleMembers.isEmpty) {
+        Get.snackbar(
+          'No Eligible Members',
+          'All active members have already won, or no members exist in this group.',
+          backgroundColor: Colors.orange.shade100,
+          colorText: Colors.orange.shade900,
+        );
+      }
+    } catch (e) {
+      setState(() {
+        _isLoading = false;
+      });
       Get.snackbar(
-        'No Eligible Members',
+        'Error',
-        'All active members have already won, or no members exist in this group.',
+        'Failed to load members: ${e.toString()}',
-        backgroundColor: Colors.orange.shade100,
+        backgroundColor: Colors.red,
-        colorText: Colors.orange.shade900,
+        colorText: Colors.white,
       );
     }
   }
@@ -133,6 +165,18 @@ class _CombinedDrawDialogState extends State<CombinedDrawDialog>
   void _startDraw() async {
     if (!_formKey.currentState!.validate()) return;
 
+    // Check if eligible members are loaded
+    if (_eligibleMembers.isEmpty) {
+      Get.snackbar(
+        'No Eligible Members',
+        'Please wait for members to load, or all members have already won.',
+        backgroundColor: Colors.orange,
+        colorText: Colors.white,
+        duration: const Duration(seconds: 3),
+      );
+      return;
+    }
+
     // Generate seeds before navigation
     _generateSeeds();
     
@@ -184,18 +228,20 @@ class _CombinedDrawDialogState extends State<CombinedDrawDialog>
   }
 
   void _startRecording() {
-    _recordingService.startRecording();
+    _recordingService?.startRecording();
   }
 
   void _stopRecording() {
-    _recordingService.stopRecording();
+    _recordingService?.stopRecording();
   }
 
   void _stopRecordingWithDetails() {
+    if (_recordingService == null) return;
+    
     final month = int.parse(_monthController.text);
     final year = int.parse(_yearController.text);
     
-    _recordingService.saveRecordingWithDetails(
+    _recordingService!.saveRecordingWithDetails(
       groupName: widget.group.name,
       month: month.toString(),
       year: year.toString(),
@@ -334,10 +380,20 @@ class _CombinedDrawDialogState extends State<CombinedDrawDialog>
                           child: Row(
                             mainAxisAlignment: MainAxisAlignment.center,
                             children: [
-                              Icon(Icons.play_arrow, size: 20.w),
+                              if (_isLoading)
+                                SizedBox(
+                                  width: 20.w,
+                                  height: 20.w,
+                                  child: CircularProgressIndicator(
+                                    strokeWidth: 2,
+                                    valueColor: AlwaysStoppedAnimation<Color>(Colors.white),
+                                  ),
+                                )
+                              else
+                                Icon(Icons.play_arrow, size: 20.w),
                               SizedBox(width: 8.w),
                               Text(
-                                'Start Draw',
+                                _isLoading ? 'Loading...' : 'Start Draw',
                                 style: TextStyle(fontSize: 16.sp, fontWeight: FontWeight.w600),
                               ),
                             ],
@@ -478,13 +534,43 @@ class _CombinedDrawDialogState extends State<CombinedDrawDialog>
           SizedBox(height: 16.h),
 
           // Eligible Members
-          Text(
+          Row(
-            'Eligible Members (${_eligibleMembers.length})',
+            children: [
-            style: TextStyle(
+              Text(
-              fontSize: 16.sp,
+                'Eligible Members',
-              fontWeight: FontWeight.w600,
+                style: TextStyle(
-              color: Colors.grey.shade800,
+                  fontSize: 16.sp,
-            ),
+                  fontWeight: FontWeight.w600,
+                  color: Colors.grey.shade800,
+                ),
+              ),
+              SizedBox(width: 8.w),
+              if (_isLoading)
+                SizedBox(
+                  width: 16.w,
+                  height: 16.w,
+                  child: CircularProgressIndicator(
+                    strokeWidth: 2,
+                    valueColor: AlwaysStoppedAnimation<Color>(Colors.purple.shade600),
+                  ),
+                )
+              else
+                Container(
+                  padding: EdgeInsets.symmetric(horizontal: 10.w, vertical: 4.h),
+                  decoration: BoxDecoration(
+                    color: _eligibleMembers.isEmpty ? Colors.orange.shade100 : Colors.purple.shade100,
+                    borderRadius: BorderRadius.circular(12.r),
+                  ),
+                  child: Text(
+                    '${_eligibleMembers.length}',
+                    style: TextStyle(
+                      fontSize: 14.sp,
+                      fontWeight: FontWeight.bold,
+                      color: _eligibleMembers.isEmpty ? Colors.orange.shade800 : Colors.purple.shade800,
+                    ),
+                  ),
+                ),
+            ],
           ),
           SizedBox(height: 12.h),
           Container(
@@ -493,34 +579,90 @@ class _CombinedDrawDialogState extends State<CombinedDrawDialog>
               border: Border.all(color: Colors.grey.shade300),
               borderRadius: BorderRadius.circular(8.r),
             ),
-            child: ListView.builder(
+            child: _isLoading
-              itemCount: _eligibleMembers.length,
+                ? Center(
-              itemBuilder: (context, index) {
+                    child: Column(
-                final member = _eligibleMembers[index];
+                      mainAxisAlignment: MainAxisAlignment.center,
-                return ListTile(
+                      children: [
-                  leading: CircleAvatar(
+                        CircularProgressIndicator(),
-                    backgroundColor: Colors.purple.shade100,
+                        SizedBox(height: 12.h),
-                    child: Text(
+                        Text(
-                      (member['name']?.isNotEmpty == true ? member['name'].substring(0, 1) : 'M').toUpperCase(),
+                          'Loading members...',
-                      style: TextStyle(
+                          style: TextStyle(
-                        color: Colors.purple.shade700,
+                            fontSize: 14.sp,
-                        fontWeight: FontWeight.w600,
+                            color: Colors.grey.shade600,
-                      ),
+                          ),
+                        ),
+                      ],
                     ),
-                  ),
+                  )
-                  title: Text(
+                : _eligibleMembers.isEmpty
-                    member['name'],
+                    ? Center(
-                    style: TextStyle(fontWeight: FontWeight.w500),
+                        child: Column(
-                  ),
+                          mainAxisAlignment: MainAxisAlignment.center,
-                  subtitle: Text(member['mobile']),
+                          children: [
-                  trailing: Icon(
+                            Icon(
-                    Icons.check_circle,
+                              Icons.info_outline,
-                    color: Colors.green.shade600,
+                              size: 40.w,
-                    size: 20.w,
+                              color: Colors.orange.shade400,
-                  ),
+                            ),
-                );
+                            SizedBox(height: 8.h),
-              },
+                            Text(
-            ),
+                              'No eligible members',
+                              style: TextStyle(
+                                fontSize: 14.sp,
+                                color: Colors.grey.shade600,
+                                fontWeight: FontWeight.w500,
+                              ),
+                            ),
+                            SizedBox(height: 4.h),
+                            Text(
+                              'All members have won',
+                              style: TextStyle(
+                                fontSize: 12.sp,
+                                color: Colors.grey.shade500,
+                              ),
+                            ),
+                          ],
+                        ),
+                      )
+                    : ListView.builder(
+                        itemCount: _eligibleMembers.length,
+                        itemBuilder: (context, index) {
+                          final member = _eligibleMembers[index];
+                          return ListTile(
+                            dense: true,
+                            leading: CircleAvatar(
+                              backgroundColor: Colors.purple.shade100,
+                              radius: 18.r,
+                              child: Text(
+                                (member['name']?.isNotEmpty == true ? member['name'].substring(0, 1) : 'M').toUpperCase(),
+                                style: TextStyle(
+                                  color: Colors.purple.shade700,
+                                  fontWeight: FontWeight.w600,
+                                  fontSize: 14.sp,
+                                ),
+                              ),
+                            ),
+                            title: Text(
+                              member['name'],
+                              style: TextStyle(
+                                fontWeight: FontWeight.w500,
+                                fontSize: 14.sp,
+                              ),
+                            ),
+                            subtitle: Text(
+                              member['mobile'],
+                              style: TextStyle(fontSize: 12.sp),
+                            ),
+                            trailing: Icon(
+                              Icons.check_circle,
+                              color: Colors.green.shade600,
+                              size: 18.w,
+                            ),
+                          );
+                        },
+                      ),
           ),
         ],
       ),

luckychit/lib/interfaces/manager/draw_animation_page.dart

@@ -244,9 +244,10 @@ class _DrawAnimationPageState extends State<DrawAnimationPage>
                     ),
                   ),
                   
-                  // Animation Area
+                  // Animation Area - Scrollable
                   Expanded(
-                    child: Center(
+                    child: SingleChildScrollView(
+                      padding: EdgeInsets.symmetric(horizontal: 16.w, vertical: 20.h),
                       child: DrawAnimationSelector(
                         members: widget.eligibleMembers,
                         onDrawComplete: _onDrawComplete,

luckychit/lib/shared/widgets/recording_overlay.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:flutter/foundation.dart' show kIsWeb;
 import 'package:flutter_screenutil/flutter_screenutil.dart';
 import 'package:get/get.dart';
 import '../../core/services/screen_recording_service.dart';
@@ -15,6 +16,19 @@ class RecordingOverlay extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    // On web, skip recording overlay entirely
+    if (kIsWeb) {
+      return child;
+    }
+    
+    // Try to find the service, if not available, just show the child
+    try {
+      Get.find<ScreenRecordingService>();
+    } catch (e) {
+      // Service not available
+      return child;
+    }
+    
     return Stack(
       children: [
         child,
@@ -23,8 +37,8 @@ class RecordingOverlay extends StatelessWidget {
             top: 20.h,
             right: 20.w,
             child: GetBuilder<ScreenRecordingService>(
-              builder: (recordingService) {
+              builder: (service) {
-                if (!recordingService.isRecording) {
+                if (!service.isRecording) {
                   return const SizedBox.shrink();
                 }
                 
@@ -57,7 +71,7 @@ class RecordingOverlay extends StatelessWidget {
                       // Recording text
                       Flexible(
                         child: Text(
-                          'REC ${recordingService.formatDuration(recordingService.recordingDuration)}',
+                          'REC ${service.formatDuration(service.recordingDuration)}',
                           style: TextStyle(
                             color: Colors.white,
                             fontSize: 12.sp,