Advanced chat management via UI

frontend/lib/agent_list_screen.dart

@@ -0,0 +1,80 @@
+import 'package:flutter/material.dart';
+import 'backend.dart';
+import 'chat_screen.dart';
+import 'create_chat_screen.dart';
+
+class AgentEntry {
+  final int id;
+  final String name;
+
+  AgentEntry({required this.id, required this.name});
+}
+
+class AgentListScreen extends StatelessWidget {
+  const AgentListScreen({super.key});
+
+  static Future<List<AgentEntry>> getChats() async {
+    final response = await Backend.sendAction("get-agents", {});
+    List<dynamic> chatObjects = response['agents'];
+    List<AgentEntry> chats = chatObjects
+        .map((msg) => AgentEntry(
+              id: msg['id'],
+              name: msg['name']?.isNotEmpty == true ? msg['name'] : '[Agent ${msg['id']}]',
+            ))
+        .toList();
+    return chats;
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(title: const Text('Agents')),
+      body: Column( // Use a Column to stack widgets vertically
+        children: [
+          ListTile(
+            leading: const Icon(Icons.add),
+            title: const Text('Create'),
+            onTap: () {
+              print("TODO: Create new agents");
+            },
+          ),
+          const Divider(height: 1),
+          Expanded(
+            child: FutureBuilder<List<AgentEntry>>(
+              future: getChats(),
+              builder: (context, snapshot) {
+                if (snapshot.connectionState == ConnectionState.waiting) {
+                  return const Center(child: CircularProgressIndicator());
+                } else if (snapshot.hasError) {
+                  return Center(child: Text('Error: ${snapshot.error}'));
+                } else if (!snapshot.hasData || snapshot.data!.isEmpty) {
+                  return const Center(child: Text('No agents available.'));
+                } else {
+                  final agents = snapshot.data!;
+                  return ListView.builder(
+                    itemCount: agents.length,
+                    itemBuilder: (context, index) {
+                      final agent = agents[index];
+                      return ListTile(
+                        title: Text(agent.name),
+                        onTap: () {
+                          print("Navigate to agent ${agent.id}");
+                          /*Navigator.push(
+                            context,
+                            MaterialPageRoute(
+                              builder: (context) => ChatScreen(agentId: agent.id),
+                            ),
+                          );*/
+                        },
+                      );
+                    },
+                  );
+                }
+              },
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}