feat: Add RX/TX indicators preference with toggle in settings

lib/screens/home_screen.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
 import 'package:geolocator/geolocator.dart';
+import 'package:shared_preferences/shared_preferences.dart';
 import '../providers/connection_provider.dart';
 import '../providers/app_provider.dart';
 import '../providers/messages_provider.dart';
@@ -34,6 +35,7 @@ class _HomeScreenState extends State<HomeScreen>
   late TabController _tabController;
   int _currentIndex = 0;
   bool _isMapFullscreen = false;
+  bool _showRxTxIndicators = true;
 
   @override
   void initState() {
@@ -48,6 +50,16 @@ class _HomeScreenState extends State<HomeScreen>
         }
       });
     });
+    _loadRxTxPreference();
+  }
+
+  Future<void> _loadRxTxPreference() async {
+    final prefs = await SharedPreferences.getInstance();
+    if (mounted) {
+      setState(() {
+        _showRxTxIndicators = prefs.getBool('show_rx_tx_indicators') ?? true;
+      });
+    }
   }
 
   @override
@@ -475,8 +487,8 @@ class _HomeScreenState extends State<HomeScreen>
                         ],
                       ),
                       onTap: () {
-                        Future.delayed(Duration.zero, () {
+                        Future.delayed(Duration.zero, () async {
-                          Navigator.push(
+                          await Navigator.push(
                             context,
                             MaterialPageRoute(
                               builder: (context) => SettingsScreen(
@@ -485,6 +497,8 @@ class _HomeScreenState extends State<HomeScreen>
                               ),
                             ),
                           );
+                          // Reload preference when returning from settings
+                          _loadRxTxPreference();
                         });
                       },
                     ),
@@ -580,35 +594,41 @@ class _HomeScreenState extends State<HomeScreen>
                           color: deviceInfo.signalRssi != null
                               ? _getSignalColor(deviceInfo.signalRssi!)
                               : Colors.grey,
-                          size: 16,
+                          size: 14,
                         ),
-                        const SizedBox(width: 4),
+                        const SizedBox(width: 3),
                         if (deviceInfo.signalRssi != null)
-                          Text(
+                          Flexible(
-                            '${deviceInfo.signalRssi}dBm',
+                            child: Text(
+                              '${deviceInfo.signalRssi}',
                               style: TextStyle(
-                              fontSize: 14,
+                                fontSize: 12,
                                 color: _getSignalColor(deviceInfo.signalRssi!),
                                 fontWeight: FontWeight.w500,
                               ),
+                              overflow: TextOverflow.ellipsis,
                             ),
-                        const SizedBox(width: 12),
+                          ),
+                        const SizedBox(width: 8),
                         // Battery indicator
                         if (deviceInfo.batteryPercent != null) ...[
                           Icon(
                             _getBatteryIcon(deviceInfo.batteryPercent!),
                             color: _getBatteryColor(deviceInfo.batteryPercent!),
-                            size: 16,
+                            size: 14,
                           ),
-                          const SizedBox(width: 4),
+                          const SizedBox(width: 3),
-                          Text(
+                          Flexible(
+                            child: Text(
                               '${deviceInfo.batteryPercent!.round()}%',
                               style: TextStyle(
-                              fontSize: 14,
+                                fontSize: 12,
                                 color: _getBatteryColor(
                                   deviceInfo.batteryPercent!,
                                 ),
                               ),
+                              overflow: TextOverflow.ellipsis,
+                            ),
                           ),
                         ],
                       ],
@@ -687,6 +707,7 @@ class _HomeScreenState extends State<HomeScreen>
                     ),
                     child: const Icon(Icons.campaign, size: 20),
                   ),
+                  if (_showRxTxIndicators) ...[
                     const SizedBox(width: 8),
                     // RX/TX indicators with long press to open packet log
                     GestureDetector(
@@ -756,6 +777,7 @@ class _HomeScreenState extends State<HomeScreen>
                       ),
                     ),
                     const SizedBox(width: 12),
+                  ],
                   // Settings button (tap for device settings, long press for packet logs)
                   GestureDetector(
                     onTap: () {

lib/screens/settings_screen.dart

@@ -29,6 +29,7 @@ class _SettingsScreenState extends State<SettingsScreen> {
   late AppThemeMode _selectedTheme;
   PackageInfo? _packageInfo;
   bool _isLoadingSampleData = false;
+  bool _showRxTxIndicators = true;
   final LocationTrackingService _locationService = LocationTrackingService();
 
   @override
@@ -37,6 +38,7 @@ class _SettingsScreenState extends State<SettingsScreen> {
     _selectedTheme = widget.currentTheme;
     _loadPackageInfo();
     _initializeLocationService();
+    _loadRxTxPreference();
   }
 
   Future<void> _loadPackageInfo() async {
@@ -48,6 +50,20 @@ class _SettingsScreenState extends State<SettingsScreen> {
     }
   }
 
+  Future<void> _loadRxTxPreference() async {
+    final prefs = await SharedPreferences.getInstance();
+    if (mounted) {
+      setState(() {
+        _showRxTxIndicators = prefs.getBool('show_rx_tx_indicators') ?? true;
+      });
+    }
+  }
+
+  Future<void> _saveRxTxPreference(bool value) async {
+    final prefs = await SharedPreferences.getInstance();
+    await prefs.setBool('show_rx_tx_indicators', value);
+  }
+
   Future<void> _initializeLocationService() async {
     // Initialize location service with BLE service
     WidgetsBinding.instance.addPostFrameCallback((_) async {
@@ -294,6 +310,18 @@ class _SettingsScreenState extends State<SettingsScreen> {
             trailing: const Icon(Icons.chevron_right),
             onTap: () => _showThemeDialog(),
           ),
+          SwitchListTile(
+            secondary: const Icon(Icons.radar),
+            title: const Text('Show RX/TX Indicators'),
+            subtitle: const Text('Display packet activity indicators in top bar'),
+            value: _showRxTxIndicators,
+            onChanged: (value) async {
+              setState(() {
+                _showRxTxIndicators = value;
+              });
+              await _saveRxTxPreference(value);
+            },
+          ),
           const Divider(),
 
           // Location Settings Section