rothzerg 0.1.0

package/templates/mobile-app/lib/screens/admin/admin_panel_user_details_screen.dart

@@ -0,0 +1,942 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:cached_network_image/cached_network_image.dart';
+import 'package:intl/intl.dart';
+import 'package:cloud_firestore/cloud_firestore.dart';
+import 'dart:developer' as developer;
+import '../../providers/admin_provider.dart';
+import '../../models/user_model.dart';
+import '../../widgets/custom_app_bar.dart';
+import '../../widgets/app_button.dart';
+import '../../widgets/top_notification.dart';
+import '../../widgets/success_overlay.dart';
+import '../../core/services/logging_service.dart';
+
+class AdminPanelUserDetailsScreen extends ConsumerStatefulWidget {
+  final String uid;
+
+  const AdminPanelUserDetailsScreen({super.key, required this.uid});
+
+  @override
+  ConsumerState<AdminPanelUserDetailsScreen> createState() =>
+      _AdminPanelUserDetailsScreenState();
+}
+
+class _AdminPanelUserDetailsScreenState
+    extends ConsumerState<AdminPanelUserDetailsScreen> {
+  bool _isEditing = false;
+  bool _isInitialized = false;
+  final _formKey = GlobalKey<FormState>();
+
+  late TextEditingController _displayNameController;
+  late TextEditingController _bioController;
+  late TextEditingController _countryCodeController;
+  late TextEditingController _langController;
+
+  bool _isPremium = false;
+  bool _isAdmin = false;
+  bool _isDeveloper = false;
+  bool _isAnonymous = false;
+  bool _isProfileComplete = false;
+
+  final LoggingService _loggingService = LoggingService();
+  String? _selectedLogFilter;
+  final List<String> _logFilters = [
+    'All',
+    'login',
+    'logout',
+    'signup',
+    'profile_edit',
+    'password_change',
+    'theme_change',
+    'cache_cleared',
+  ];
+
+  @override
+  void dispose() {
+    _displayNameController.dispose();
+    _bioController.dispose();
+    _countryCodeController.dispose();
+    _langController.dispose();
+    super.dispose();
+  }
+
+  void _initializeControllers(UserModel user) {
+    _displayNameController = TextEditingController(
+      text: user.displayName ?? '',
+    );
+    _bioController = TextEditingController(text: user.bio ?? '');
+    _countryCodeController = TextEditingController(
+      text: user.countryCode ?? '',
+    );
+    _langController = TextEditingController(text: user.lang ?? '');
+
+    _isPremium = user.isPremium;
+    _isAdmin = user.isAdmin;
+    _isDeveloper = user.isDeveloper;
+    _isAnonymous = user.isAnonymous;
+    _isProfileComplete = user.isProfileComplete;
+
+    _isInitialized = true;
+  }
+
+  void _resetToUserData(UserModel user) {
+    _displayNameController.text = user.displayName ?? '';
+    _bioController.text = user.bio ?? '';
+    _countryCodeController.text = user.countryCode ?? '';
+    _langController.text = user.lang ?? '';
+
+    _isPremium = user.isPremium;
+    _isAdmin = user.isAdmin;
+    _isDeveloper = user.isDeveloper;
+    _isAnonymous = user.isAnonymous;
+    _isProfileComplete = user.isProfileComplete;
+  }
+
+  Future<void> _saveChanges() async {
+    if (!_formKey.currentState!.validate()) return;
+
+    try {
+      final data = {
+        'displayName': _displayNameController.text.trim(),
+        'bio': _bioController.text.trim(),
+        'countryCode': _countryCodeController.text.trim(),
+        'lang': _langController.text.trim(),
+        'isPremium': _isPremium,
+        'isAdmin': _isAdmin,
+        'isDeveloper': _isDeveloper,
+        'isAnonymous': _isAnonymous,
+        'isProfileComplete': _isProfileComplete,
+      };
+
+      await ref.read(adminControllerProvider).updateUser(widget.uid, data);
+
+      if (mounted) {
+        await SuccessOverlay.show(context);
+        setState(() {
+          _isEditing = false;
+        });
+        ref.invalidate(singleUserProvider(widget.uid));
+      }
+    } catch (e) {
+      if (mounted) {
+        TopNotification.showError(
+          context,
+          message: 'Failed to update user: $e',
+        );
+      }
+    }
+  }
+
+  Future<void> _deleteUser() async {
+    final confirmed = await showDialog<bool>(
+      context: context,
+      builder: (context) => AlertDialog(
+        title: const Text('Delete User'),
+        content: const Text(
+          'Are you sure you want to delete this user? This action cannot be undone.',
+        ),
+        actions: [
+          TextButton(
+            onPressed: () => Navigator.pop(context, false),
+            child: const Text('Cancel'),
+          ),
+          TextButton(
+            onPressed: () => Navigator.pop(context, true),
+            style: TextButton.styleFrom(
+              foregroundColor: Theme.of(context).colorScheme.error,
+            ),
+            child: const Text('Delete'),
+          ),
+        ],
+      ),
+    );
+
+    if (confirmed == true && mounted) {
+      try {
+        await ref.read(adminControllerProvider).deleteUser(widget.uid);
+        if (mounted) {
+          TopNotification.showInfo(
+            context,
+            message: 'User deleted successfully',
+          );
+          Navigator.pop(context);
+        }
+      } catch (e) {
+        if (mounted) {
+          TopNotification.showError(
+            context,
+            message: 'Failed to delete user: $e',
+          );
+        }
+      }
+    }
+  }
+
+  void _copyToClipboard(String text, String label) {
+    Clipboard.setData(ClipboardData(text: text));
+    TopNotification.showInfo(
+      context,
+      message: '$label copied to clipboard',
+      duration: const Duration(seconds: 2),
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+    final userAsync = ref.watch(singleUserProvider(widget.uid));
+
+    return Scaffold(
+      appBar: CustomAppBar(
+        title: 'User Details',
+        actions: [
+          if (!_isEditing)
+            IconButton(
+              icon: const Icon(Icons.edit),
+              onPressed: () {
+                setState(() {
+                  _isEditing = true;
+                });
+              },
+            ),
+        ],
+      ),
+      body: userAsync.when(
+        data: (user) {
+          if (user == null) {
+            return const Center(child: Text('User not found'));
+          }
+
+          // Initialize controllers on first load
+          if (!_isInitialized) {
+            _initializeControllers(user);
+          }
+
+          return SingleChildScrollView(
+            padding: const EdgeInsets.all(16.0),
+            child: Form(
+              key: _formKey,
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  // Avatar and basic info
+                  Center(
+                    child: Column(
+                      children: [
+                        CircleAvatar(
+                          radius: 50,
+                          backgroundColor: theme.colorScheme.primaryContainer,
+                          backgroundImage: user.photoUrl != null
+                              ? CachedNetworkImageProvider(user.photoUrl!)
+                              : null,
+                          child: user.photoUrl == null
+                              ? Text(
+                                  _getInitials(user.displayName ?? 'U'),
+                                  style: TextStyle(
+                                    fontSize: 32,
+                                    color: theme.colorScheme.onPrimaryContainer,
+                                    fontWeight: FontWeight.bold,
+                                  ),
+                                )
+                              : null,
+                        ),
+                        const SizedBox(height: 16),
+                        Text(
+                          user.displayName ?? 'No Name',
+                          style: theme.textTheme.headlineSmall?.copyWith(
+                            fontWeight: FontWeight.bold,
+                          ),
+                        ),
+                        const SizedBox(height: 4),
+                        SelectableText(
+                          user.uid,
+                          style: theme.textTheme.bodySmall?.copyWith(
+                            color: theme.textTheme.bodySmall?.color?.withValues(
+                              alpha: 0.7,
+                            ),
+                          ),
+                        ),
+                      ],
+                    ),
+                  ),
+                  const SizedBox(height: 24),
+
+                  // Editable fields
+                  if (_isEditing) ...[
+                    _buildSectionHeader('Basic Information', theme),
+                    const SizedBox(height: 12),
+                    TextFormField(
+                      controller: _displayNameController,
+                      decoration: const InputDecoration(
+                        labelText: 'Display Name',
+                        border: OutlineInputBorder(),
+                      ),
+                    ),
+                    const SizedBox(height: 12),
+                    TextFormField(
+                      controller: _bioController,
+                      decoration: const InputDecoration(
+                        labelText: 'Bio',
+                        border: OutlineInputBorder(),
+                      ),
+                      maxLines: 3,
+                    ),
+                    const SizedBox(height: 12),
+                    TextFormField(
+                      controller: _countryCodeController,
+                      decoration: const InputDecoration(
+                        labelText: 'Country Code',
+                        border: OutlineInputBorder(),
+                      ),
+                    ),
+                    const SizedBox(height: 12),
+                    TextFormField(
+                      controller: _langController,
+                      decoration: const InputDecoration(
+                        labelText: 'Language Code',
+                        border: OutlineInputBorder(),
+                      ),
+                    ),
+                    const SizedBox(height: 24),
+
+                    _buildSectionHeader('Permissions & Status', theme),
+                    const SizedBox(height: 12),
+                    SwitchListTile(
+                      title: const Text('Premium User'),
+                      value: _isPremium,
+                      onChanged: (value) {
+                        setState(() {
+                          _isPremium = value;
+                        });
+                      },
+                    ),
+                    SwitchListTile(
+                      title: const Text('Admin User'),
+                      value: _isAdmin,
+                      onChanged: (value) {
+                        setState(() {
+                          _isAdmin = value;
+                        });
+                      },
+                    ),
+                    SwitchListTile(
+                      title: const Text('Developer User'),
+                      value: _isDeveloper,
+                      onChanged: (value) {
+                        setState(() {
+                          _isDeveloper = value;
+                        });
+                      },
+                    ),
+                    SwitchListTile(
+                      title: const Text('Anonymous User'),
+                      value: _isAnonymous,
+                      onChanged: (value) {
+                        setState(() {
+                          _isAnonymous = value;
+                        });
+                      },
+                    ),
+                    SwitchListTile(
+                      title: const Text('Profile Complete'),
+                      value: _isProfileComplete,
+                      onChanged: (value) {
+                        setState(() {
+                          _isProfileComplete = value;
+                        });
+                      },
+                    ),
+                    const SizedBox(height: 24),
+
+                    // Action buttons
+                    Row(
+                      children: [
+                        Expanded(
+                          child: AppButton(
+                            label: 'Cancel',
+                            onPressed: () {
+                              setState(() {
+                                _isEditing = false;
+                                _resetToUserData(user);
+                              });
+                            },
+                            variant: AppButtonVariant.outlined,
+                          ),
+                        ),
+                        const SizedBox(width: 12),
+                        Expanded(
+                          child: AppButton(
+                            label: 'Save',
+                            onPressed: _saveChanges,
+                          ),
+                        ),
+                      ],
+                    ),
+                  ] else ...[
+                    // View mode - User Information
+                    _buildSectionHeader('User Information', theme),
+                    const SizedBox(height: 12),
+                    _buildInfoCard([
+                      _buildInfoRow(
+                        'UID',
+                        user.uid,
+                        theme,
+                        onCopy: () => _copyToClipboard(user.uid, 'UID'),
+                      ),
+                      _buildInfoRow(
+                        'Display Name',
+                        user.displayName ?? 'N/A',
+                        theme,
+                      ),
+                      _buildInfoRow('Bio', user.bio ?? 'N/A', theme),
+                      _buildInfoRow(
+                        'Country',
+                        user.countryCode ?? 'N/A',
+                        theme,
+                      ),
+                      _buildInfoRow('Language', user.lang ?? 'N/A', theme),
+                      if (user.createdAt != null)
+                        _buildInfoRow(
+                          'Created At',
+                          _formatDateTime(user.createdAt!),
+                          theme,
+                        ),
+                      if (user.updatedAt != null)
+                        _buildInfoRow(
+                          'Updated At',
+                          _formatDateTime(user.updatedAt!),
+                          theme,
+                        ),
+                    ], theme),
+                    const SizedBox(height: 24),
+
+                    // Status & Permissions
+                    _buildSectionHeader('Status & Permissions', theme),
+                    const SizedBox(height: 12),
+                    _buildInfoCard([
+                      _buildInfoRow(
+                        'Premium',
+                        user.isPremium ? 'Yes' : 'No',
+                        theme,
+                        color: user.isPremium ? Colors.amber : null,
+                      ),
+                      _buildInfoRow(
+                        'Admin',
+                        user.isAdmin ? 'Yes' : 'No',
+                        theme,
+                        color: user.isAdmin ? Colors.purple : null,
+                      ),
+                      _buildInfoRow(
+                        'Developer',
+                        user.isDeveloper ? 'Yes' : 'No',
+                        theme,
+                        color: user.isDeveloper ? Colors.blue : null,
+                      ),
+                      _buildInfoRow(
+                        'Anonymous',
+                        user.isAnonymous ? 'Yes' : 'No',
+                        theme,
+                        color: user.isAnonymous ? Colors.orange : null,
+                      ),
+                      _buildInfoRow(
+                        'Profile Complete',
+                        user.isProfileComplete ? 'Yes' : 'No',
+                        theme,
+                        color: user.isProfileComplete ? Colors.green : null,
+                      ),
+                    ], theme),
+                    const SizedBox(height: 24),
+
+                    // User Activity Logs
+                    _buildSectionHeader('User Activity Logs', theme),
+                    const SizedBox(height: 8),
+                    _buildLogsSection(theme),
+                    const SizedBox(height: 24),
+
+                    // Danger Zone
+                    _buildSectionHeader('Danger Zone', theme),
+                    const SizedBox(height: 12),
+                    SizedBox(
+                      width: double.infinity,
+                      height: 48,
+                      child: ElevatedButton(
+                        onPressed: _deleteUser,
+                        style: ElevatedButton.styleFrom(
+                          backgroundColor: theme.colorScheme.error,
+                          foregroundColor: theme.colorScheme.onError,
+                          shape: RoundedRectangleBorder(
+                            borderRadius: BorderRadius.circular(12),
+                          ),
+                        ),
+                        child: const Text(
+                          'Delete User',
+                          style: TextStyle(
+                            fontSize: 16,
+                            fontWeight: FontWeight.w600,
+                          ),
+                        ),
+                      ),
+                    ),
+                  ],
+                  const SizedBox(height: 24),
+                ],
+              ),
+            ),
+          );
+        },
+        loading: () => const Center(child: CircularProgressIndicator()),
+        error: (error, stack) {
+          developer.log(
+            'Error loading user details for uid: ${widget.uid}',
+            name: 'AdminPanelUserDetails',
+            error: error,
+            stackTrace: stack,
+          );
+          return Center(
+            child: Padding(
+              padding: const EdgeInsets.all(24.0),
+              child: Column(
+                mainAxisAlignment: MainAxisAlignment.center,
+                children: [
+                  Icon(
+                    Icons.error_outline,
+                    size: 64,
+                    color: theme.colorScheme.error,
+                  ),
+                  const SizedBox(height: 16),
+                  Text(
+                    'Error loading user details',
+                    style: theme.textTheme.titleMedium,
+                  ),
+                  const SizedBox(height: 8),
+                  Text(
+                    error.toString(),
+                    style: theme.textTheme.bodySmall,
+                    textAlign: TextAlign.center,
+                  ),
+                ],
+              ),
+            ),
+          );
+        },
+      ),
+    );
+  }
+
+  Widget _buildSectionHeader(String title, ThemeData theme) {
+    return Text(
+      title,
+      style: theme.textTheme.titleMedium?.copyWith(
+        fontWeight: FontWeight.bold,
+        color: theme.colorScheme.primary,
+      ),
+    );
+  }
+
+  Widget _buildInfoCard(List<Widget> children, ThemeData theme) {
+    return Card(
+      child: Padding(
+        padding: const EdgeInsets.all(16.0),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: children,
+        ),
+      ),
+    );
+  }
+
+  Widget _buildInfoRow(
+    String label,
+    String value,
+    ThemeData theme, {
+    VoidCallback? onCopy,
+    Color? color,
+  }) {
+    return Padding(
+      padding: const EdgeInsets.symmetric(vertical: 8.0),
+      child: Row(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Expanded(
+            flex: 2,
+            child: Text(
+              label,
+              style: theme.textTheme.bodyMedium?.copyWith(
+                fontWeight: FontWeight.w600,
+                color: theme.textTheme.bodyMedium?.color?.withValues(
+                  alpha: 0.7,
+                ),
+              ),
+            ),
+          ),
+          Expanded(
+            flex: 3,
+            child: Row(
+              children: [
+                Expanded(
+                  child: SelectableText(
+                    value,
+                    style: theme.textTheme.bodyMedium?.copyWith(
+                      color: color,
+                      fontWeight: color != null ? FontWeight.bold : null,
+                    ),
+                  ),
+                ),
+                if (onCopy != null)
+                  IconButton(
+                    icon: const Icon(Icons.copy, size: 18),
+                    onPressed: onCopy,
+                    padding: EdgeInsets.zero,
+                    constraints: const BoxConstraints(),
+                  ),
+              ],
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  String _getInitials(String name) {
+    final parts = name.trim().split(' ');
+    if (parts.isEmpty) return 'U';
+    if (parts.length == 1) return parts[0][0].toUpperCase();
+    return '${parts[0][0]}${parts[1][0]}'.toUpperCase();
+  }
+
+  String _formatDateTime(DateTime dateTime) {
+    return DateFormat('MMM dd, yyyy HH:mm').format(dateTime);
+  }
+
+  Widget _buildLogsSection(ThemeData theme) {
+    return Card(
+      child: Padding(
+        padding: const EdgeInsets.all(16.0),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            // Filter dropdown
+            Row(
+              children: [
+                Text(
+                  'Filter:',
+                  style: theme.textTheme.bodyMedium?.copyWith(
+                    fontWeight: FontWeight.w600,
+                  ),
+                ),
+                const SizedBox(width: 12),
+                Expanded(
+                  child: DropdownButton<String>(
+                    value: _selectedLogFilter,
+                    hint: const Text('All Logs'),
+                    isExpanded: true,
+                    items: _logFilters.map((filter) {
+                      return DropdownMenuItem<String>(
+                        value: filter == 'All' ? null : filter,
+                        child: Text(filter),
+                      );
+                    }).toList(),
+                    onChanged: (value) {
+                      setState(() {
+                        _selectedLogFilter = value;
+                      });
+                    },
+                  ),
+                ),
+              ],
+            ),
+            const Divider(height: 24),
+            // Logs stream
+            StreamBuilder<QuerySnapshot>(
+              stream: _loggingService.streamUserLogs(
+                uid: widget.uid,
+                limit: 50,
+                action: _selectedLogFilter,
+              ),
+              builder: (context, snapshot) {
+                if (snapshot.connectionState == ConnectionState.waiting) {
+                  return const Center(
+                    child: Padding(
+                      padding: EdgeInsets.all(24.0),
+                      child: CircularProgressIndicator(),
+                    ),
+                  );
+                }
+
+                if (snapshot.hasError) {
+                  developer.log(
+                    'Error loading logs for uid: ${widget.uid}',
+                    name: 'AdminPanelUserDetails',
+                    error: snapshot.error,
+                    stackTrace: snapshot.stackTrace,
+                  );
+                  return Padding(
+                    padding: const EdgeInsets.all(24.0),
+                    child: Column(
+                      children: [
+                        Icon(
+                          Icons.error_outline,
+                          size: 48,
+                          color: theme.colorScheme.error,
+                        ),
+                        const SizedBox(height: 8),
+                        Text(
+                          'Error loading logs',
+                          style: theme.textTheme.bodyMedium,
+                        ),
+                        const SizedBox(height: 4),
+                        Text(
+                          snapshot.error.toString(),
+                          style: theme.textTheme.bodySmall?.copyWith(
+                            color: theme.colorScheme.error,
+                          ),
+                          textAlign: TextAlign.center,
+                        ),
+                      ],
+                    ),
+                  );
+                }
+
+                final logs = snapshot.data?.docs ?? [];
+
+                if (logs.isEmpty) {
+                  return Padding(
+                    padding: const EdgeInsets.all(24.0),
+                    child: Column(
+                      children: [
+                        Icon(
+                          Icons.info_outline,
+                          size: 48,
+                          color: theme.colorScheme.primary.withValues(alpha: 0.5),
+                        ),
+                        const SizedBox(height: 8),
+                        Text(
+                          'No logs found',
+                          style: theme.textTheme.bodyMedium?.copyWith(
+                            color: theme.textTheme.bodyMedium?.color
+                                ?.withValues(alpha: 0.7),
+                          ),
+                        ),
+                      ],
+                    ),
+                  );
+                }
+
+                return Column(
+                  children: [
+                    Text(
+                      '${logs.length} log${logs.length == 1 ? '' : 's'}',
+                      style: theme.textTheme.bodySmall?.copyWith(
+                        color: theme.textTheme.bodySmall?.color
+                            ?.withValues(alpha: 0.7),
+                      ),
+                    ),
+                    const SizedBox(height: 12),
+                    ListView.separated(
+                      shrinkWrap: true,
+                      physics: const NeverScrollableScrollPhysics(),
+                      itemCount: logs.length,
+                      separatorBuilder: (context, index) => const Divider(),
+                      itemBuilder: (context, index) {
+                        final log = logs[index].data() as Map<String, dynamic>;
+                        return _buildLogItem(log, theme);
+                      },
+                    ),
+                  ],
+                );
+              },
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildLogItem(Map<String, dynamic> log, ThemeData theme) {
+    final action = log['action'] as String? ?? 'unknown';
+    final timestamp = log['timestamp'] as Timestamp?;
+    final values = log['values'] as Map<String, dynamic>? ?? {};
+    final deviceId = log['deviceId'] as String?;
+
+    return ExpansionTile(
+      tilePadding: EdgeInsets.zero,
+      leading: _getActionIcon(action, theme),
+      title: Text(
+        _formatActionName(action),
+        style: theme.textTheme.bodyMedium?.copyWith(
+          fontWeight: FontWeight.w600,
+        ),
+      ),
+      subtitle: timestamp != null
+          ? Text(
+              _formatDateTime(timestamp.toDate()),
+              style: theme.textTheme.bodySmall?.copyWith(
+                color: theme.textTheme.bodySmall?.color?.withValues(alpha: 0.7),
+              ),
+            )
+          : null,
+      children: [
+        Padding(
+          padding: const EdgeInsets.fromLTRB(16, 0, 16, 16),
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              if (values.isNotEmpty) ...[
+                Text(
+                  'Details:',
+                  style: theme.textTheme.bodySmall?.copyWith(
+                    fontWeight: FontWeight.bold,
+                    color: theme.colorScheme.primary,
+                  ),
+                ),
+                const SizedBox(height: 8),
+                ...values.entries.map((entry) {
+                  return Padding(
+                    padding: const EdgeInsets.only(bottom: 4.0),
+                    child: Row(
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      children: [
+                        Expanded(
+                          flex: 2,
+                          child: Text(
+                            _formatKey(entry.key),
+                            style: theme.textTheme.bodySmall?.copyWith(
+                              color: theme.textTheme.bodySmall?.color
+                                  ?.withValues(alpha: 0.7),
+                            ),
+                          ),
+                        ),
+                        Expanded(
+                          flex: 3,
+                          child: Text(
+                            _formatValue(entry.value),
+                            style: theme.textTheme.bodySmall,
+                          ),
+                        ),
+                      ],
+                    ),
+                  );
+                }),
+                const SizedBox(height: 8),
+              ],
+              if (deviceId != null) ...[
+                Text(
+                  'Device ID:',
+                  style: theme.textTheme.bodySmall?.copyWith(
+                    fontWeight: FontWeight.bold,
+                    color: theme.colorScheme.primary,
+                  ),
+                ),
+                const SizedBox(height: 4),
+                SelectableText(
+                  deviceId,
+                  style: theme.textTheme.bodySmall?.copyWith(
+                    fontFamily: 'monospace',
+                    color: theme.textTheme.bodySmall?.color
+                        ?.withValues(alpha: 0.7),
+                  ),
+                ),
+              ],
+            ],
+          ),
+        ),
+      ],
+    );
+  }
+
+  Widget _getActionIcon(String action, ThemeData theme) {
+    IconData iconData;
+    Color color;
+
+    switch (action) {
+      case 'login':
+        iconData = Icons.login;
+        color = Colors.green;
+        break;
+      case 'logout':
+        iconData = Icons.logout;
+        color = Colors.orange;
+        break;
+      case 'signup':
+        iconData = Icons.person_add;
+        color = Colors.blue;
+        break;
+      case 'profile_edit':
+        iconData = Icons.edit;
+        color = Colors.purple;
+        break;
+      case 'password_change':
+        iconData = Icons.lock_reset;
+        color = Colors.red;
+        break;
+      case 'theme_change':
+        iconData = Icons.palette;
+        color = Colors.indigo;
+        break;
+      case 'language_change':
+        iconData = Icons.language;
+        color = Colors.teal;
+        break;
+      case 'cache_cleared':
+        iconData = Icons.delete_sweep;
+        color = Colors.amber;
+        break;
+      case 'account_deletion':
+        iconData = Icons.delete_forever;
+        color = Colors.red[900]!;
+        break;
+      case 'subscription_purchase':
+        iconData = Icons.shopping_cart;
+        color = Colors.green[700]!;
+        break;
+      case 'subscription_cancel':
+        iconData = Icons.cancel;
+        color = Colors.orange[700]!;
+        break;
+      case 'screen_view':
+        iconData = Icons.visibility;
+        color = Colors.blue[300]!;
+        break;
+      case 'feature_usage':
+        iconData = Icons.touch_app;
+        color = Colors.cyan;
+        break;
+      case 'error':
+        iconData = Icons.error;
+        color = Colors.red;
+        break;
+      default:
+        iconData = Icons.info;
+        color = theme.colorScheme.primary;
+    }
+
+    return CircleAvatar(
+      backgroundColor: color.withValues(alpha: 0.2),
+      radius: 20,
+      child: Icon(iconData, size: 20, color: color),
+    );
+  }
+
+  String _formatActionName(String action) {
+    return action
+        .split('_')
+        .map((word) => word[0].toUpperCase() + word.substring(1))
+        .join(' ');
+  }
+
+  String _formatKey(String key) {
+    return key
+        .split('_')
+        .map((word) => word[0].toUpperCase() + word.substring(1))
+        .join(' ');
+  }
+
+  String _formatValue(dynamic value) {
+    if (value is List) {
+      return value.join(', ');
+    }
+    return value.toString();
+  }
+}