refactor to use mutations where helpful

lib/controllers/invites.dart

@@ -1,5 +1,6 @@
 import "package:collection/collection.dart";
 import "package:fast_immutable_collections/fast_immutable_collections.dart";
+import "package:flutter_riverpod/experimental/mutation.dart";
 import "package:flutter_riverpod/flutter_riverpod.dart";
 import "package:nexus/controllers/client.dart";
 import "package:nexus/controllers/client_state.dart";
@@ -115,6 +116,10 @@ class InvitesController extends Notifier<IList<RoomSummary>> {
   Future<void> declineAll() =>
       Future.wait(state.map((invite) => decline(invite.roomId)));
 
+  /// Accepting or declining an invite, keyed by its room ID
+  static final respondMutation = Mutation<void>();
+  static final declineAllMutation = Mutation<void>();
+
   static final provider =
       NotifierProvider<InvitesController, IList<RoomSummary>>(
         InvitesController.new,

lib/controllers/space_hierarchy.dart

@@ -1,3 +1,4 @@
+import "package:flutter_riverpod/experimental/mutation.dart";
 import "package:hooks_riverpod/hooks_riverpod.dart";
 import "package:nexus/controllers/client.dart";
 import "package:nexus/models/space_hierarchy.dart";
@@ -27,6 +28,12 @@ class SpaceHierarchyController(final String spaceId)
     );
   }
 
+  /// Adding rooms to a space, keyed by its ID
+  static final addChildrenMutation = Mutation<void>();
+
+  /// Removing a room from a space, keyed by (space ID, room ID)
+  static final removeChildMutation = Mutation<void>();
+
   static final provider = AsyncNotifierProvider.family
       .autoDispose<SpaceHierarchyController, SpaceHierarchy, String>(
         SpaceHierarchyController.new,

lib/helpers/extensions/log_out.dart

@@ -8,7 +8,9 @@ import "package:nexus/controllers/unified_push.dart";
 import "package:nexus/main.dart";
 
 extension LogOut on MutationTarget {
-  Future<void> logOut(String accountId) async {
+  static final mutation = Mutation<void>();
+
+  Future<void> logOut(String accountId) => mutation.run(this, (_) async {
     final accounts = await container.read(AccountsController.provider.future);
     final account = accounts.firstWhereOrNull(
       (account) => account.id == accountId,
@@ -49,5 +51,5 @@ extension LogOut on MutationTarget {
     await container
         .read(ActiveAccountController.provider.notifier)
         .switchTo(other.id);
-  }
+  });
 }

lib/widgets/account_switcher.dart

@@ -43,9 +43,17 @@ class const AccountSwitcher({final bool onlyWithOthers = false, super.key})
         .switchTo(accountId)
         .onError(showError);
 
+    final loggingOut = ref.watch(LogOut.mutation).isPending;
+
     return AdaptiveMenuButton(
-      tooltip: "Switch account",
+      tooltip: loggingOut ? "Logging out..." : "Switch account",
-      icon: active == null
+      enabled: !loggingOut,
+      icon: loggingOut
+          ? const SizedBox.square(
+              dimension: 24,
+              child: CircularProgressIndicator(),
+            )
+          : active == null
           ? const Icon(Icons.account_circle)
           : avatarOf(active, 28),
       itemBuilder: (_) => [

lib/widgets/add_space_rooms_sheet.dart

@@ -131,9 +131,12 @@ class const AddSpaceRoomsSheet(
               : () {
                   final container = ProviderScope.containerOf(context);
                   final roomIds = chosen.value;
-                  context.withProgressSnackbar(
+                  SpaceHierarchyController.addChildrenMutation(spaceId).run(
+                    container,
+                    (_) => context.withProgressSnackbar(
                       "Adding ${roomIds.length == 1 ? nameOf(roomIds.single) : "${roomIds.length} rooms"} to $spaceName...",
                       () => save(container, roomIds),
+                    ),
                   );
                   Navigator.of(context).pop();
                 },

lib/widgets/invites_list.dart

@@ -1,4 +1,3 @@
-import "package:flutter_hooks/flutter_hooks.dart";
 import "package:hooks_riverpod/hooks_riverpod.dart";
 import "package:material_ui/material_ui.dart";
 import "package:nexus/helpers/extensions/show_adaptive_sheet.dart";
@@ -12,9 +11,7 @@ import "package:nexus/models/room_summary.dart";
 import "package:nexus/widgets/avatar_or_hash.dart";
 import "package:nexus/widgets/room_summary_sheet.dart";
 
-class const InvitesList({super.key})
+class const InvitesList({super.key}) extends ConsumerWidget implements NavPage {
-    extends HookConsumerWidget
-    implements NavPage {
   @override
   String get title => "Invites";
 
@@ -32,7 +29,9 @@ class const InvitesList({super.key})
   @override
   Widget build(BuildContext context, WidgetRef ref) {
     final invites = ref.watch(InvitesController.provider);
-    final decliningAll = useState(false);
+    final decliningAll = ref
+        .watch(InvitesController.declineAllMutation)
+        .isPending;
 
     Future<void> declineAll() async {
       final confirmed = await context.showAdaptiveSheet<bool>(
@@ -57,12 +56,12 @@ class const InvitesList({super.key})
       );
       if (confirmed != true) return;
 
-      decliningAll.value = true;
+      await InvitesController.declineAllMutation
-      await ref
+          .run(
-          .read(InvitesController.provider.notifier)
+            ref,
-          .declineAll()
+            (_) => ref.read(InvitesController.provider.notifier).declineAll(),
+          )
           .onError(showError);
-      if (context.mounted) decliningAll.value = false;
     }
 
     return Scaffold(
@@ -70,8 +69,8 @@ class const InvitesList({super.key})
       floatingActionButton: invites.isEmpty
           ? null
           : FloatingActionButton.extended(
-              onPressed: decliningAll.value ? null : declineAll,
+              onPressed: decliningAll ? null : declineAll,
-              icon: decliningAll.value
+              icon: decliningAll
                   ? const SizedBox.square(
                       dimension: 24,
                       child: CircularProgressIndicator(),
@@ -96,9 +95,12 @@ class const InvitesList({super.key})
 }
 
 class const InviteCard(final RoomSummary invite, {super.key})
-    extends StatelessWidget {
+    extends ConsumerWidget {
   @override
-  Widget build(BuildContext context) {
+  Widget build(BuildContext context, WidgetRef ref) {
+    final responding = ref
+        .watch(InvitesController.respondMutation(invite.roomId))
+        .isPending;
     final name = invite.name ?? invite.canonicalAlias ?? invite.roomId;
     final inviterName =
         invite.inviterProfile?.displayName ?? invite.invitedBy?.localpart;
@@ -106,7 +108,15 @@ class const InviteCard(final RoomSummary invite, {super.key})
     return Card(
       clipBehavior: .antiAlias,
       child: ListTile(
-        onTap: () => context.showAdaptiveSheet((_) => RoomSummarySheet(invite)),
+        onTap: responding
+            ? null
+            : () => context.showAdaptiveSheet((_) => RoomSummarySheet(invite)),
+        trailing: responding
+            ? const SizedBox.square(
+                dimension: 24,
+                child: CircularProgressIndicator(),
+              )
+            : null,
         leading: AvatarOrHash(
           invite.avatarUrl,
           name,

lib/widgets/room_summary_sheet.dart

@@ -65,9 +65,13 @@ class const RoomSummarySheet(
               final container = ProviderScope.containerOf(context);
               Navigator.of(context).pop();
 
-              container
+              InvitesController.respondMutation(summary.roomId)
+                  .run(
+                    container,
+                    (_) => container
                         .read(InvitesController.provider.notifier)
-                  .decline(summary.roomId)
+                        .decline(summary.roomId),
+                  )
                   .onError(showError);
             },
             style: TextButton.styleFrom(foregroundColor: colorScheme.error),
@@ -77,18 +81,19 @@ class const RoomSummarySheet(
             onPressed: () {
               final container = ProviderScope.containerOf(context);
 
-              context
+              InvitesController.respondMutation(summary.roomId)
-                  .joinRoom(
+                  .run(container, (_) async {
+                    final roomId = await context.joinRoom(
                       .new(roomIdOrAlias: summary.roomId, fromInvite: true),
                       name: name,
-                  )
+                    );
-                  .then((roomId) {
                     if (roomId != null) {
                       container
                           .read(InvitesController.provider.notifier)
                           .remove(summary.roomId);
                     }
-                  });
+                  })
+                  .onError(showError);
               Navigator.of(context).pop();
             },
             child: Text("Accept"),

lib/widgets/space_hierarchy_sheet.dart

@@ -74,7 +74,23 @@ class const SpaceHierarchySheet(final String spaceId, {super.key})
       String roomId, {
       required String name,
       required String spaceName,
-    }) => IconButton(
+    }) => Consumer(
+      builder: (context, ref, _) {
+        final mutation = SpaceHierarchyController.removeChildMutation((
+          spaceId,
+          roomId,
+        ));
+        if (ref.watch(mutation).isPending) {
+          return const Padding(
+            padding: .all(12),
+            child: SizedBox.square(
+              dimension: 24,
+              child: CircularProgressIndicator(),
+            ),
+          );
+        }
+
+        return IconButton(
           tooltip: "Remove from space",
           icon: const Icon(Icons.remove_circle_outline),
           onPressed: () => context.showAdaptiveSheet(
@@ -88,7 +104,9 @@ class const SpaceHierarchySheet(final String spaceId, {super.key})
                 TextButton(
                   onPressed: () {
                     final container = ProviderScope.containerOf(context);
-                context.withProgressSnackbar(
+                    mutation.run(
+                      container,
+                      (_) => context.withProgressSnackbar(
                         "Removing $name from $spaceName...",
                         () async {
                           await container
@@ -105,6 +123,7 @@ class const SpaceHierarchySheet(final String spaceId, {super.key})
                             SpaceHierarchyController.provider(spaceId),
                           );
                         },
+                      ),
                     );
                     Navigator.of(context).pop();
                   },
@@ -122,6 +141,8 @@ class const SpaceHierarchySheet(final String spaceId, {super.key})
             ),
           ),
         );
+      },
+    );
 
     Widget level(
       String spaceId,
@@ -130,6 +151,9 @@ class const SpaceHierarchySheet(final String spaceId, {super.key})
     ) => HookConsumer(
       builder: (context, ref, _) {
         final loadingMore = useState(false);
+        final adding = ref
+            .watch(SpaceHierarchyController.addChildrenMutation(spaceId))
+            .isPending;
         final canManage = ref.watch(
           PowerLevelController.provider(
             .state(eventType: .spaceChild, roomId: spaceId),
@@ -317,16 +341,24 @@ class const SpaceHierarchySheet(final String spaceId, {super.key})
                     ),
                   if (canManage)
                     TextButton.icon(
-                      onPressed: () => context.showAdaptiveSheet(
+                      onPressed: adding
+                          ? null
+                          : () => context.showAdaptiveSheet(
                               (_) => AddSpaceRoomsSheet(
                                 spaceId,
                                 spaceName: spaceName,
-                          existing: (byId[spaceId]?.children ?? const .empty())
+                                existing:
+                                    (byId[spaceId]?.children ?? const .empty())
                                         .map((child) => child.roomId)
                                         .toISet(),
                               ),
                             ),
-                      icon: const Icon(Icons.add),
+                      icon: adding
+                          ? const SizedBox.square(
+                              dimension: 18,
+                              child: CircularProgressIndicator(),
+                            )
+                          : const Icon(Icons.add),
                       label: const Text("Add rooms"),
                     ),
                 ],