Merge branch 'dev' into update-pacox-multibyte

lib/widgets/snr_indicator.dart

@@ -7,6 +7,8 @@ import '../connector/meshcore_protocol.dart';
 import '../helpers/path_helper.dart';
 import '../l10n/l10n.dart';
 import '../models/contact.dart';
+import '../theme/mesh_theme.dart';
+import 'mesh_ui.dart';
 import 'signal_ui.dart';
 
 Contact? _getRepeaterPrefixMatchNearLocation(
@@ -232,10 +234,6 @@ class _SNRIndicatorState extends State<SNRIndicator> {
               separatorBuilder: (_, _) => const Divider(height: 1),
               itemBuilder: (context, index) {
                 final repeater = directBestRepeaters[index];
-                final snrUi = snrUiFromSNR(
-                  repeater.snr,
-                  widget.connector.currentSf,
-                );
                 final allContacts = widget.connector.allContacts;
 
                 final selfLat = widget.connector.selfLatitude;
@@ -260,17 +258,44 @@ class _SNRIndicatorState extends State<SNRIndicator> {
                 final prefixLabel = PathHelper.formatHopHex(
                   repeater.pubkeyPrefix,
                 );
+                final snrColor = MeshTheme.snrColor(
+                  repeater.snr,
+                  blocked: false,
+                );
 
-                return Column(
-                  children: [
-                    ListTile(
-                      leading: Icon(snrUi.icon, color: snrUi.color),
-                      title: Text(name ?? prefixLabel),
-                      subtitle: Text(
-                        'SNR: ${repeater.snr.toStringAsFixed(1)} dB\n${l10n.snrIndicator_lastSeen}: ${_formatLastUpdated(repeater.lastUpdated)}',
+                return Padding(
+                  padding: const EdgeInsets.symmetric(
+                    horizontal: 16,
+                    vertical: 10,
+                  ),
+                  child: Row(
+                    children: [
+                      AvatarCircle(
+                        name: name ?? prefixLabel,
+                        size: 36,
+                        color: snrColor,
                       ),
-                    ),
-                  ],
+                      const SizedBox(width: 12),
+                      Expanded(
+                        child: Column(
+                          crossAxisAlignment: CrossAxisAlignment.start,
+                          children: [
+                            Text(
+                              name ?? prefixLabel,
+                              style: Theme.of(context).textTheme.bodyMedium,
+                            ),
+                            Text(
+                              '${repeater.snr.toStringAsFixed(1)} dB • ${_formatLastUpdated(repeater.lastUpdated)}',
+                              style: MeshTheme.mono(
+                                fontSize: 11,
+                                color: snrColor,
+                              ),
+                            ),
+                          ],
+                        ),
+                      ),
+                    ],
+                  ),
                 );
               },
             ),