Add unit tests for utility functions and implement changelog, donation, privacy, and terms pages

- Created unit tests for AppLogger, FileSizeFormatter, and NameGenerator utilities.
- Implemented a changelog page to display version history and release notes.
- Added a donation page with options for supporting PeerChat via Ko-fi and UPI.
- Developed a privacy policy page outlining data handling practices.
- Created a terms of service page detailing user agreements and acceptable use.
- Introduced a reusable SubPageLayout component for consistent page structure.

Author: Mathi4Raja

.github/workflows/mobile-ci.yml

@@ -46,7 +46,7 @@ jobs:
           echo "storeFile=keystore.jks" >> android/key.properties
 
       - name: Build release APK
-        run: flutter build apk --release
+        run: flutter build apk --release --target-platform android-arm,android-arm64
 
       - name: Publish to GitHub Releases
         env:

lib/main.dart

@@ -43,7 +43,7 @@ class BootstrapApp extends StatefulWidget {
 
 class _BootstrapAppState extends State<BootstrapApp> {
   final FirstSignInService _firstSignInService = FirstSignInService();
-  final MenuSettingsController _menuSettingsController =
+  MenuSettingsController _menuSettingsController =
       MenuSettingsController();
   AppState? _appState;
   Object? _fatalError;
@@ -97,7 +97,22 @@ class _BootstrapAppState extends State<BootstrapApp> {
       appState.dispose();
       return;
     }
+
+    // Re-create controller with the live updateLocalName callback so any
+    // username change immediately re-broadcasts to mesh peers.
+    final newController = MenuSettingsController(
+      onDisplayNameChanged: appState.updateLocalName,
+    );
+    await newController.init();
+
+    // Apply stored username into mesh advertising on startup.
+    final storedUsername = newController.username;
+    if (storedUsername != null && storedUsername.isNotEmpty) {
+      appState.updateLocalName(storedUsername);
+    }
+
     setState(() {
+      _menuSettingsController = newController;
       _appState = appState;
       _showFirstSignIn = false;
       _isLoading = false;

lib/src/app_state.dart

@@ -144,27 +144,55 @@ class AppState extends ChangeNotifier with WidgetsBindingObserver {
 
   String? get publicKey => meshRouter.localPeerId;
 
-  // Get human-readable name from public key (Signing Key)
+  String? _customUsername;
+
+  // Get human-readable name — uses custom username if set, else key-derived.
   String get displayName {
+    if (_customUsername != null && _customUsername!.isNotEmpty) {
+      return _customUsername!;
+    }
     final key = publicKey;
     if (key == null) return 'Generating...';
     return NameGenerator.generateName(key);
   }
 
-  // Get short name (without number)
+  // Get short name (without number) — uses first word of custom username if set.
   String get shortName {
+    if (_customUsername != null && _customUsername!.isNotEmpty) {
+      return _customUsername!.split(' ').first;
+    }
     final key = publicKey;
     if (key == null) return 'Unknown';
     return NameGenerator.generateShortName(key);
   }
 
-  // Get initials
+  // Get initials — from custom username if set.
   String get initials {
+    if (_customUsername != null && _customUsername!.isNotEmpty) {
+      final parts = _customUsername!.trim().split(RegExp(r'\s+'));
+      if (parts.length >= 2) {
+        return '${parts[0][0]}${parts[1][0]}'.toUpperCase();
+      }
+      return _customUsername!.substring(0, _customUsername!.length >= 2 ? 2 : 1).toUpperCase();
+    }
     final key = publicKey;
     if (key == null) return 'U';
     return NameGenerator.generateInitials(key);
   }
 
+  /// Set (or clear) a custom username. Updates mesh broadcasting immediately.
+  void setCustomUsername(String? username) {
+    _customUsername = (username?.trim().isEmpty ?? true) ? null : username?.trim();
+    updateLocalName(displayName);
+    notifyListeners();
+  }
+
+  /// Updates the local peer's advertised name in WiFi Direct and Bluetooth
+  /// handshakes. Callable from outside (main.dart, MenuSettingsController).
+  void updateLocalName(String name) {
+    meshRouter.updateLocalName(name);
+  }
+
   bool get hasActiveTransfer => fileTransferService.activeSessions.isNotEmpty;
 
   Future<void> init() async {

lib/src/screens/menu/about_screen.dart

@@ -1,121 +1,90 @@
 import 'package:flutter/material.dart';
 import 'package:peerchat_secure/src/utils/google_fonts.dart';
+import 'package:url_launcher/url_launcher.dart';
 import '../../theme.dart';
 
 class AboutScreen extends StatelessWidget {
   const AboutScreen({super.key});
 
   static const String _appVersion = '1.0.0';
+  static const String _baseUrl = 'https://peerchat.mathi.live';
+  static const String _changelogUrl = '$_baseUrl/changelog';
+  static const String _tosUrl = '$_baseUrl/tos';
+  static const String _policiesUrl = '$_baseUrl/policies';
+  static const String _githubUrl = 'https://github.com/Mathi4Raja/P2P-app';
+
+  Future<void> _launch(BuildContext context, String url) async {
+    final uri = Uri.parse(url);
+    if (await canLaunchUrl(uri)) {
+      await launchUrl(uri, mode: LaunchMode.externalApplication);
+    } else if (context.mounted) {
+      ScaffoldMessenger.of(context).showSnackBar(
+        const SnackBar(content: Text('Could not open link')),
+      );
+    }
+  }
 
   @override
   Widget build(BuildContext context) {
     return Scaffold(
       appBar: AppBar(
-        title: Text(
-          'About',
-          style: GoogleFonts.inter(fontWeight: FontWeight.w700),
-        ),
+        title: Text('About', style: GoogleFonts.inter(fontWeight: FontWeight.w700)),
       ),
       body: ListView(
-        padding: const EdgeInsets.all(14),
+        padding: const EdgeInsets.fromLTRB(14, 14, 14, 24),
         children: [
           Container(
-            padding: const EdgeInsets.all(14),
+            padding: const EdgeInsets.all(16),
             decoration: BoxDecoration(
               color: AppTheme.bgSurface,
               borderRadius: BorderRadius.circular(12),
               border: Border.all(color: Colors.white.withValues(alpha: 0.06)),
             ),
-            child: Column(
-              crossAxisAlignment: CrossAxisAlignment.start,
+            child: Row(
               children: [
-                Row(
-                  children: [
-                    ClipRRect(
-                      borderRadius: BorderRadius.circular(12),
-                      child: Image.asset(
-                        'assets/image.png',
-                        height: 48,
-                        width: 48,
-                        fit: BoxFit.contain,
-                        errorBuilder: (context, error, stackTrace) => Container(
-                          width: 48,
-                          height: 48,
-                          decoration: BoxDecoration(
-                            gradient: AppTheme.primaryGradient,
-                            borderRadius: BorderRadius.circular(10),
-                          ),
-                          child: const Icon(Icons.shield, size: 24, color: AppTheme.bgDeep),
-                        ),
-                      ),
-                    ),
-                    const SizedBox(width: 16),
-                    Expanded(
-                      child: Column(
-                        crossAxisAlignment: CrossAxisAlignment.start,
-                        children: [
-                          Text(
-                            'PeerChat',
-                            style: GoogleFonts.inter(
-                              fontSize: 18,
-                              fontWeight: FontWeight.w800,
-                              color: AppTheme.textPrimary,
-                            ),
-                          ),
-                          const SizedBox(height: 6),
-                          Text(
-                            'App version: $_appVersion',
-                            style: GoogleFonts.inter(
-                              fontSize: 13,
-                              color: AppTheme.textSecondary,
-                            ),
-                          ),
-                        ],
-                      ),
-                    ),
-                  ],
+                Container(
+                  width: 52, height: 52,
+                  decoration: BoxDecoration(
+                    gradient: AppTheme.primaryGradient,
+                    borderRadius: BorderRadius.circular(12),
+                  ),
+                  child: const Icon(Icons.shield, size: 28, color: AppTheme.bgDeep),
+                ),
+                const SizedBox(width: 16),
+                Expanded(
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      Text('PeerChat', style: GoogleFonts.inter(fontSize: 20, fontWeight: FontWeight.w800, color: AppTheme.textPrimary)),
+                      const SizedBox(height: 4),
+                      Text('Version $_appVersion — Secure Mesh', style: GoogleFonts.inter(fontSize: 12, color: AppTheme.textSecondary)),
+                      const SizedBox(height: 2),
+                      Text('Serverless · E2E Encrypted · Open Source', style: GoogleFonts.inter(fontSize: 11, color: AppTheme.accent.withValues(alpha: 0.8), fontWeight: FontWeight.w500)),
+                    ],
+                  ),
                 ),
               ],
             ),
           ),
-          const SizedBox(height: 10),
-          _LinkCard(
-            title: 'Changelog',
-            subtitle: 'See what is new in recent versions',
-            onTap: () => _showPlaceholder(context, 'Changelog link'),
-          ),
-          _LinkCard(
-            title: 'Terms of Service',
-            subtitle: 'Read usage terms and conditions',
-            onTap: () => _showPlaceholder(context, 'Terms of Service link'),
-          ),
-          _LinkCard(
-            title: 'Policies',
-            subtitle: 'Privacy and security policy details',
-            onTap: () => _showPlaceholder(context, 'Policies link'),
-          ),
+          const SizedBox(height: 12),
+          _LinkCard(icon: Icons.history_rounded, iconColor: AppTheme.primary, title: 'Changelog', subtitle: "What's new in recent versions", onTap: () => _launch(context, _changelogUrl)),
+          _LinkCard(icon: Icons.article_outlined, iconColor: AppTheme.accent, title: 'Terms of Service', subtitle: 'Usage terms and conditions', onTap: () => _launch(context, _tosUrl)),
+          _LinkCard(icon: Icons.shield_outlined, iconColor: AppTheme.accentPurple, title: 'Privacy Policy', subtitle: 'How we handle your data', onTap: () => _launch(context, _policiesUrl)),
+          _LinkCard(icon: Icons.code_rounded, iconColor: AppTheme.textSecondary, title: 'Source Code', subtitle: 'Audit the protocol on GitHub', onTap: () => _launch(context, _githubUrl)),
         ],
       ),
     );
   }
-
-  void _showPlaceholder(BuildContext context, String label) {
-    ScaffoldMessenger.of(context).showSnackBar(
-      SnackBar(content: Text('$label (UI only for now)')),
-    );
-  }
 }
 
 class _LinkCard extends StatelessWidget {
+  final IconData icon;
+  final Color iconColor;
   final String title;
   final String subtitle;
   final VoidCallback onTap;
 
-  const _LinkCard({
-    required this.title,
-    required this.subtitle,
-    required this.onTap,
-  });
+  const _LinkCard({required this.icon, required this.iconColor, required this.title, required this.subtitle, required this.onTap});
 
   @override
   Widget build(BuildContext context) {
@@ -127,43 +96,27 @@ class _LinkCard extends StatelessWidget {
           onTap: onTap,
           borderRadius: BorderRadius.circular(12),
           child: Container(
-            padding: const EdgeInsets.all(12),
+            padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 14),
             decoration: BoxDecoration(
               color: AppTheme.bgSurface,
               borderRadius: BorderRadius.circular(12),
               border: Border.all(color: Colors.white.withValues(alpha: 0.06)),
             ),
             child: Row(
               children: [
+                Icon(icon, size: 18, color: iconColor),
+                const SizedBox(width: 14),
                 Expanded(
                   child: Column(
                     crossAxisAlignment: CrossAxisAlignment.start,
                     children: [
-                      Text(
-                        title,
-                        style: GoogleFonts.inter(
-                          fontWeight: FontWeight.w700,
-                          color: AppTheme.accent,
-                          decoration: TextDecoration.underline,
-                        ),
-                      ),
-                      const SizedBox(height: 4),
-                      Text(
-                        subtitle,
-                        style: GoogleFonts.inter(
-                          fontSize: 12,
-                          color: AppTheme.textSecondary,
-                        ),
-                      ),
+                      Text(title, style: GoogleFonts.inter(fontWeight: FontWeight.w700, color: AppTheme.textPrimary)),
+                      const SizedBox(height: 2),
+                      Text(subtitle, style: GoogleFonts.inter(fontSize: 12, color: AppTheme.textSecondary)),
                     ],
                   ),
                 ),
-                const SizedBox(width: 8),
-                Icon(
-                  Icons.open_in_new_rounded,
-                  color: AppTheme.textSecondary.withValues(alpha: 0.7),
-                  size: 18,
-                ),
+                Icon(Icons.open_in_new_rounded, color: AppTheme.textSecondary.withValues(alpha: 0.5), size: 16),
               ],
             ),
           ),
@@ -172,4 +125,3 @@ class _LinkCard extends StatelessWidget {
     );
   }
 }
-