✨ Channel creation & alter

lib/screens/chat.dart

@@ -4,6 +4,10 @@ import 'package:go_router/go_router.dart';
 import 'package:material_symbols_icons/symbols.dart';
 import 'package:provider/provider.dart';
 import 'package:surface/providers/sn_network.dart';
+import 'package:surface/types/chat.dart';
+import 'package:surface/widgets/account/account_image.dart';
+import 'package:surface/widgets/dialog.dart';
+import 'package:surface/widgets/loading_indicator.dart';
 
 class ChatScreen extends StatefulWidget {
   const ChatScreen({super.key});
@@ -13,14 +17,36 @@ class ChatScreen extends StatefulWidget {
 }
 
 class _ChatScreenState extends State<ChatScreen> {
+  bool _isBusy = false;
+
+  List<SnChannel>? _channels;
+
   Future<void> _fetchChannels({scope = 'global', direct = false}) async {
-    final sn = context.read<SnNetworkProvider>();
-    final resp = await sn.client.get(
-      '/cgi/im/channels/$scope/me/available',
-      queryParameters: {
-        'direct': direct,
-      },
-    );
+    setState(() => _isBusy = true);
+
+    try {
+      final sn = context.read<SnNetworkProvider>();
+      final resp = await sn.client.get(
+        '/cgi/im/channels/$scope/me/available',
+        queryParameters: {
+          'direct': direct,
+        },
+      );
+      _channels = List<SnChannel>.from(
+        resp.data?.map((e) => SnChannel.fromJson(e)) ?? [],
+      );
+    } catch (err) {
+      if (!mounted) return;
+      context.showErrorDialog(err);
+    } finally {
+      setState(() => _isBusy = false);
+    }
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    _fetchChannels();
   }
 
   @override
@@ -35,6 +61,28 @@ class _ChatScreenState extends State<ChatScreen> {
           GoRouter.of(context).pushNamed('chatManage');
         },
       ),
+      body: Column(
+        children: [
+          LoadingIndicator(isActive: _isBusy),
+          Expanded(
+            child: ListView.builder(
+              itemCount: _channels?.length ?? 0,
+              itemBuilder: (context, idx) {
+                final channel = _channels![idx];
+                return ListTile(
+                  title: Text(channel.name),
+                  subtitle: Text(channel.description),
+                  contentPadding: const EdgeInsets.symmetric(horizontal: 16),
+                  leading: AccountImage(
+                    content: null,
+                    fallbackWidget: const Icon(Symbols.chat, size: 20),
+                  ),
+                );
+              },
+            ),
+          ),
+        ],
+      ),
     );
   }
 }