Unify mobile loading spinners

mobile/lib/app.dart

@@ -16,6 +16,7 @@ import 'shared/auth/auth.dart';
 import 'shared/deeplink/pending_deep_link_provider.dart';
 import 'shared/relay/relay.dart';
 import 'shared/theme/theme.dart';
+import 'shared/widgets/buzz_loading_indicator.dart';
 
 class App extends HookConsumerWidget {
   const App({super.key});
@@ -113,6 +114,10 @@ class _SplashScreen extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return const Scaffold(body: Center(child: CircularProgressIndicator()));
+    return const Scaffold(
+      body: Center(
+        child: BuzzLoadingIndicator(size: 56, semanticLabel: 'Starting Buzz'),
+      ),
+    );
   }
 }

mobile/lib/features/activity/activity_page.dart

@@ -11,6 +11,7 @@ import '../../shared/relay/relay.dart';
 import '../../shared/theme/theme.dart';
 import '../../shared/utils/string_utils.dart';
 import '../../shared/widgets/avatar_image.dart';
+import '../../shared/widgets/buzz_loading_indicator.dart';
 import '../../shared/widgets/frosted_app_bar.dart';
 import '../../shared/widgets/frosted_scaffold.dart';
 import '../../shared/widgets/message_author_meta.dart';

mobile/lib/features/activity/activity_page/lists.dart

@@ -17,7 +17,12 @@ class _RemindersList extends ConsumerWidget {
     ];
 
     if (remindersAsync.isLoading && reminders.isEmpty) {
-      return const Center(child: CircularProgressIndicator());
+      return const Center(
+        child: BuzzLoadingIndicator(
+          size: 44,
+          semanticLabel: 'Loading reminders',
+        ),
+      );
     }
     if (reminders.isEmpty) {
       return const _EmptySurface(

mobile/lib/features/channels/agent_activity/agent_activity_sheet.dart

@@ -4,6 +4,7 @@ import 'package:hooks_riverpod/hooks_riverpod.dart';
 import 'package:lucide_icons_flutter/lucide_icons.dart';
 
 import '../../../shared/theme/theme.dart';
+import '../../../shared/widgets/buzz_loading_indicator.dart';
 import '../../profile/user_cache_provider.dart';
 import '../date_formatters.dart';
 import 'observer_models.dart';
@@ -189,13 +190,10 @@ class _EmptyState extends StatelessWidget {
       child: Column(
         mainAxisSize: MainAxisSize.min,
         children: [
-          SizedBox(
-            width: 24,
-            height: 24,
-            child: CircularProgressIndicator(
-              strokeWidth: 2,
-              color: context.colors.onSurfaceVariant,
-            ),
+          BuzzLoadingIndicator(
+            size: 28,
+            color: context.colors.onSurfaceVariant,
+            semanticLabel: 'Waiting for agent activity',
           ),
           const SizedBox(height: Grid.xxs),
           Text(

mobile/lib/features/channels/channel_detail_page.dart

@@ -11,6 +11,7 @@ import 'package:scrollable_positioned_list/scrollable_positioned_list.dart';
 import '../../shared/relay/relay.dart';
 import '../../shared/theme/theme.dart';
 import '../../shared/widgets/avatar_image.dart';
+import '../../shared/widgets/buzz_loading_indicator.dart';
 import '../../shared/widgets/frosted_app_bar.dart';
 import '../../shared/widgets/frosted_scaffold.dart';
 import '../../shared/widgets/message_author_meta.dart';

mobile/lib/features/channels/channel_detail_page/message_list.dart

@@ -264,10 +264,9 @@ class _MessageList extends HookConsumerWidget {
                 return const Padding(
                   padding: EdgeInsets.symmetric(vertical: Grid.xs),
                   child: Center(
-                    child: SizedBox(
-                      width: 20,
-                      height: 20,
-                      child: CircularProgressIndicator(strokeWidth: 2),
+                    child: BuzzLoadingIndicator(
+                      size: 24,
+                      semanticLabel: 'Loading older messages',
                     ),
                   ),
                 );

mobile/lib/features/channels/channels_page.dart

@@ -14,6 +14,7 @@ import '../../shared/community/community_icon_provider.dart';
 import '../../shared/relay/relay.dart';
 import '../../shared/theme/theme.dart';
 import '../../shared/widgets/avatar_image.dart';
+import '../../shared/widgets/buzz_loading_indicator.dart';
 import '../../shared/widgets/frosted_app_bar.dart';
 import '../../shared/widgets/frosted_scaffold.dart';
 import '../../shared/widgets/skeleton.dart';

mobile/lib/features/channels/channels_page/community.dart

@@ -66,7 +66,12 @@ class _CommunitySwitcherSheet extends HookConsumerWidget {
             child: communitiesAsync.when(
               loading: () => const SizedBox(
                 height: 120,
-                child: Center(child: CircularProgressIndicator()),
+                child: Center(
+                  child: BuzzLoadingIndicator(
+                    size: 40,
+                    semanticLabel: 'Loading communities',
+                  ),
+                ),
               ),
               error: (e, _) => Padding(
                 padding: const EdgeInsets.all(Grid.xs),

mobile/lib/features/channels/channels_page/sheets.dart

@@ -642,10 +642,11 @@ class _NewDirectMessageSheet extends HookConsumerWidget {
                                               ),
                                               child: SizedBox.square(
                                                 dimension: 16,
-                                                child:
-                                                    CircularProgressIndicator(
-                                                      strokeWidth: 2,
-                                                    ),
+                                                child: BuzzLoadingIndicator(
+                                                  size: 16,
+                                                  semanticLabel:
+                                                      'Creating conversation',
+                                                ),
                                               ),
                                             )
                                           : null,
@@ -686,7 +687,12 @@ class _NewDirectMessageSheet extends HookConsumerWidget {
                       isSearchTransitionPending) {
                     return const SizedBox(
                       height: 280,
-                      child: Center(child: CircularProgressIndicator()),
+                      child: Center(
+                        child: BuzzLoadingIndicator(
+                          size: 44,
+                          semanticLabel: 'Loading people',
+                        ),
+                      ),
                     );
                   }
                   if (directoryAsync.hasError) {

mobile/lib/features/channels/compose_bar.dart

@@ -17,6 +17,7 @@ import 'package:nostr/nostr.dart' as nostr;
 import '../../shared/relay/relay.dart';
 import '../../shared/theme/theme.dart';
 import '../../shared/widgets/avatar_image.dart';
+import '../../shared/widgets/buzz_loading_indicator.dart';
 import '../profile/user_cache_provider.dart';
 import '../profile/user_profile.dart';
 import '../../shared/custom_emoji/custom_emoji.dart';

mobile/lib/features/channels/compose_bar/attachments.dart

@@ -430,12 +430,10 @@ class _AttachmentStrip extends StatelessWidget {
                 child: Stack(
                   alignment: Alignment.center,
                   children: [
-                    SizedBox.square(
-                      dimension: 34,
-                      child: CircularProgressIndicator(
-                        strokeWidth: 3,
-                        color: context.colors.primary,
-                      ),
+                    BuzzLoadingIndicator(
+                      size: 34,
+                      color: context.colors.primary,
+                      semanticLabel: label,
                     ),
                     if (uploadingCount > 1)
                       PositionedDirectional(

mobile/lib/features/channels/compose_bar/camera_preview.dart

@@ -198,9 +198,10 @@ class _CameraPlaceholder extends StatelessWidget {
         child: Padding(
           padding: const EdgeInsets.all(Grid.sm),
           child: isInitializing
-              ? const CircularProgressIndicator(
+              ? const BuzzLoadingIndicator(
+                  size: 44,
                   color: Colors.white,
-                  strokeWidth: 3,
+                  semanticLabel: 'Starting camera',
                 )
               : Column(
                   mainAxisSize: MainAxisSize.min,

mobile/lib/features/channels/compose_bar/ios_attachment_popover.dart

@@ -25,10 +25,13 @@ class _IOSAttachmentPopoverCallbacks {
 }
 
 class _IOSAttachmentPopoverCoordinator {
+  static final Object _cancelledSupportCheck = Object();
+
   final MethodChannel _channel;
 
   Object? _activeOwner;
   _IOSAttachmentPopoverCallbacks? _callbacks;
+  Completer<void>? _pendingSupportCancellation;
   bool _didPresent = false;
   bool _handlerInstalled = false;
 
@@ -44,9 +47,15 @@ class _IOSAttachmentPopoverCoordinator {
     required VoidCallback onFiles,
   }) async {
     if (defaultTargetPlatform != TargetPlatform.iOS) return false;
-    if (_activeOwner != null) return true;
+    if (_activeOwner case final activeOwner?) {
+      if (identical(activeOwner, owner)) return true;
+      if (!_didPresent) _clearOwner(activeOwner);
+      return _didPresent;
+    }
 
+    final supportCancellation = Completer<void>();
     _activeOwner = owner;
+    _pendingSupportCancellation = supportCancellation;
     _callbacks = _IOSAttachmentPopoverCallbacks(
       onCapture: onCapture,
       onChoosePhotos: onChoosePhotos,
@@ -57,9 +66,16 @@ class _IOSAttachmentPopoverCoordinator {
     _ensureHandler();
 
     try {
-      final supported =
-          await _channel.invokeMethod<bool>('isSupported') ?? false;
+      final supportResult = await Future.any<Object?>([
+        _channel.invokeMethod<bool>('isSupported'),
+        supportCancellation.future.then<Object?>((_) => _cancelledSupportCheck),
+      ]);
+      if (identical(supportResult, _cancelledSupportCheck)) return true;
+      if (identical(_pendingSupportCancellation, supportCancellation)) {
+        _pendingSupportCancellation = null;
+      }
       if (!identical(_activeOwner, owner)) return false;
+      final supported = supportResult == true;
       if (!supported || !sourceContext.mounted) {
         _clearOwner(owner);
         return false;
@@ -102,6 +118,10 @@ class _IOSAttachmentPopoverCoordinator {
     try {
       await _channel.invokeMethod<void>('dismiss');
     } on PlatformException {
+      // The native bridge is unavailable, so there is nothing left to dismiss.
+    } on MissingPluginException {
+      // The native bridge is unavailable, so there is nothing left to dismiss.
+    } finally {
       _clearOwner(owner);
     }
   }
@@ -146,6 +166,11 @@ class _IOSAttachmentPopoverCoordinator {
 
   void _clearOwner(Object owner) {
     if (!identical(_activeOwner, owner)) return;
+    final supportCancellation = _pendingSupportCancellation;
+    _pendingSupportCancellation = null;
+    if (supportCancellation != null && !supportCancellation.isCompleted) {
+      supportCancellation.complete();
+    }
     _activeOwner = null;
     _callbacks = null;
     _didPresent = false;

mobile/lib/features/channels/compose_bar/ios_photo_picker.dart

@@ -183,9 +183,10 @@ class _IOSInlinePhotoPicker extends HookWidget {
                 child: isPreparingSelection.value
                     ? const SizedBox.square(
                         dimension: 20,
-                        child: CircularProgressIndicator(
-                          strokeWidth: 2,
+                        child: BuzzLoadingIndicator(
+                          size: 20,
                           color: Colors.white,
+                          semanticLabel: 'Preparing selected photos',
                         ),
                       )
                     : Text(
@@ -201,9 +202,10 @@ class _IOSInlinePhotoPicker extends HookWidget {
             const ColoredBox(
               color: Color.fromRGBO(0, 0, 0, 0.28),
               child: Center(
-                child: CircularProgressIndicator(
-                  strokeWidth: 3,
+                child: BuzzLoadingIndicator(
+                  size: 44,
                   color: Colors.white,
+                  semanticLabel: 'Preparing selected photos',
                 ),
               ),
             ),
@@ -222,7 +224,9 @@ class _NativePhotoPickerLoading extends StatelessWidget {
       key: const ValueKey('ios-inline-photo-picker-loading'),
       height: _attachmentExpandedHeight,
       width: double.infinity,
-      child: const Center(child: CircularProgressIndicator(strokeWidth: 3)),
+      child: const Center(
+        child: BuzzLoadingIndicator(size: 44, semanticLabel: 'Opening Photos'),
+      ),
     );
   }
 }

mobile/lib/features/channels/compose_bar/photo_gallery_picker.dart

@@ -95,7 +95,12 @@ class _RecentPhotoGalleryPicker extends HookConsumerWidget {
 
     Widget buildGalleryBody() {
       if (recentSnapshot.connectionState != ConnectionState.done) {
-        return const Center(child: CircularProgressIndicator(strokeWidth: 3));
+        return const Center(
+          child: BuzzLoadingIndicator(
+            size: 44,
+            semanticLabel: 'Loading recent photos',
+          ),
+        );
       }
       if (recentSnapshot.hasError) {
         return const _PhotoGalleryMessage(
@@ -209,12 +214,10 @@ class _RecentPhotoGalleryPicker extends HookConsumerWidget {
                     key: const ValueKey('photo-gallery-action'),
                     onPressed: isResolving.value ? null : choosePhotos,
                     icon: isResolving.value
-                        ? SizedBox.square(
-                            dimension: 22,
-                            child: CircularProgressIndicator(
-                              strokeWidth: 2,
-                              color: context.colors.primary,
-                            ),
+                        ? BuzzLoadingIndicator(
+                            size: 22,
+                            color: context.colors.primary,
+                            semanticLabel: 'Opening all photos',
                           )
                         : const Icon(LucideIcons.images, size: 18),
                     label: Text(actionLabel),
@@ -223,12 +226,10 @@ class _RecentPhotoGalleryPicker extends HookConsumerWidget {
                     key: const ValueKey('photo-gallery-action'),
                     onPressed: isResolving.value ? null : choosePhotos,
                     icon: isResolving.value
-                        ? const SizedBox.square(
-                            dimension: 22,
-                            child: CircularProgressIndicator(
-                              strokeWidth: 2,
-                              color: Colors.white,
-                            ),
+                        ? const BuzzLoadingIndicator(
+                            size: 22,
+                            color: Colors.white,
+                            semanticLabel: 'Preparing selected photos',
                           )
                         : const Icon(LucideIcons.plus, size: 18),
                     label: Text(actionLabel),

mobile/lib/features/channels/compose_bar/send_button.dart

@@ -27,13 +27,10 @@ class _SendButton extends StatelessWidget {
         ),
         padding: EdgeInsets.zero,
         icon: isSending
-            ? SizedBox(
-                width: 16,
-                height: 16,
-                child: CircularProgressIndicator(
-                  strokeWidth: 2,
-                  color: context.colors.onPrimary,
-                ),
+            ? BuzzLoadingIndicator(
+                size: 18,
+                color: context.colors.onPrimary,
+                semanticLabel: 'Sending message',
               )
             : Icon(
                 LucideIcons.arrowUp,

mobile/lib/features/channels/manage_channel_sheet.dart

@@ -4,6 +4,7 @@ import 'package:hooks_riverpod/hooks_riverpod.dart';
 import 'package:lucide_icons_flutter/lucide_icons.dart';
 
 import '../../shared/theme/theme.dart';
+import '../../shared/widgets/buzz_loading_indicator.dart';
 import 'channel.dart';
 import 'channel_management_provider.dart';
 import 'channel_mutes/channel_mutes_provider.dart';
@@ -272,7 +273,12 @@ class ManageChannelSheet extends HookConsumerWidget {
                     ],
                   );
                 },
-                loading: () => const Center(child: CircularProgressIndicator()),
+                loading: () => const Center(
+                  child: BuzzLoadingIndicator(
+                    size: 40,
+                    semanticLabel: 'Loading channel details',
+                  ),
+                ),
                 error: (error, _) => Text(
                   error.toString(),
                   style: context.textTheme.bodySmall?.copyWith(

mobile/lib/features/channels/media_viewer_page.dart

@@ -10,6 +10,7 @@ import 'package:video_player/video_player.dart';
 
 import '../../shared/relay/relay.dart';
 import '../../shared/theme/theme.dart';
+import '../../shared/widgets/buzz_loading_indicator.dart';
 import 'media_viewer_hero.dart';
 
 export 'media_viewer_hero.dart';
@@ -790,9 +791,10 @@ class _VideoLoadingPoster extends StatelessWidget {
             _videoPlaceholder(context),
           const ColoredBox(color: Color.fromRGBO(0, 0, 0, 0.24)),
           const Center(
-            child: CircularProgressIndicator(
-              strokeWidth: 3,
+            child: BuzzLoadingIndicator(
+              size: 44,
               color: Colors.white,
+              semanticLabel: 'Loading video',
             ),
           ),
         ],