feat(ui): preprod dans un onglet séparé (TabBar Production / Preprod)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

lib/models.dart

@@ -8,6 +8,9 @@ class GameServer {
   final String? subtitle;
   final String? connect;
   final bool onDemand;
+  final String env; // prod | preprod
+  final bool web; // jeu web → bouton « Ouvrir »
+  final String? openUrl;
   final String status; // stopped | starting | running | online | partial
   final int? players;
   final int? maxPlayers;
@@ -21,6 +24,9 @@ class GameServer {
     this.subtitle,
     this.connect,
     this.onDemand = false,
+    this.env = 'prod',
+    this.web = false,
+    this.openUrl,
     required this.status,
     this.players,
     this.maxPlayers,
@@ -35,6 +41,9 @@ class GameServer {
         subtitle: json['subtitle'] as String?,
         connect: json['connect'] as String?,
         onDemand: json['on_demand'] as bool? ?? false,
+        env: json['env'] as String? ?? 'prod',
+        web: json['web'] as bool? ?? false,
+        openUrl: json['open_url'] as String?,
         status: json['status'] as String? ?? 'stopped',
         players: json['players'] as int?,
         maxPlayers: json['max_players'] as int?,
@@ -44,6 +53,7 @@ class GameServer {
 
   bool get isUp => status == 'online' || status == 'running';
   bool get isBusy => status == 'starting' || status == 'partial';
+  bool get isPreprod => env == 'preprod';
 
   /// Couleur d'accent thématique par jeu (visuel sans dépendance externe).
   ({Color start, Color end, IconData icon}) get theme {
@@ -57,6 +67,9 @@ class GameServer {
     if (g.contains('cycle')) {
       return (start: const Color(0xFF00BCD4), end: const Color(0xFF1A237E), icon: Icons.rocket_launch);
     }
+    if (g.contains('swarm') || g.contains('ants')) {
+      return (start: const Color(0xFFF9A825), end: const Color(0xFF6D4C00), icon: Icons.bug_report);
+    }
     return (start: const Color(0xFF7E57C2), end: const Color(0xFF311B92), icon: Icons.sports_esports);
   }
 

lib/screens/servers_screen.dart

@@ -101,17 +101,23 @@ class _ServersScreenState extends State<ServersScreen> {
 
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
+    return DefaultTabController(
+      length: 2,
+      child: Scaffold(
         appBar: AppBar(
           title: const Text('Serveurs'),
           actions: [
             IconButton(onPressed: _openSettings, icon: const Icon(Icons.settings_outlined)),
             IconButton(onPressed: _logout, icon: const Icon(Icons.logout)),
           ],
+          bottom: const TabBar(
+            tabs: [
+              Tab(icon: Icon(Icons.public), text: 'Production'),
+              Tab(icon: Icon(Icons.science_outlined), text: 'Preprod'),
+            ],
           ),
-      body: RefreshIndicator(
+        ),
-        onRefresh: _refresh,
+        body: _buildBody(),
-        child: _buildBody(),
       ),
     );
   }
@@ -130,13 +136,33 @@ class _ServersScreenState extends State<ServersScreen> {
     if (_servers == null) {
       return const Center(child: CircularProgressIndicator());
     }
-    return ListView.separated(
+
-      padding: const EdgeInsets.fromLTRB(16, 8, 16, 24),
+    final prod = _servers!.where((s) => !s.isPreprod).toList();
-      itemCount: _servers!.length,
+    final preprod = _servers!.where((s) => s.isPreprod).toList();
-      separatorBuilder: (_, __) => const SizedBox(height: 14),
+
-      itemBuilder: (_, i) {
+    return TabBarView(
-        final s = _servers![i];
+      children: [_envList(prod), _envList(preprod)],
-        return FutureBuilder<String>(
+    );
+  }
+
+  Widget _envList(List<GameServer> list) {
+    return RefreshIndicator(
+      onRefresh: _refresh,
+      child: list.isEmpty
+          ? ListView(children: const [
+              SizedBox(height: 120),
+              Center(child: Text('Aucun serveur dans cet environnement.')),
+            ])
+          : ListView(
+              padding: const EdgeInsets.fromLTRB(16, 12, 16, 24),
+              children: list.map(_card).toList(),
+            ),
+    );
+  }
+
+  Widget _card(GameServer s) => Padding(
+        padding: const EdgeInsets.only(bottom: 14),
+        child: FutureBuilder<String>(
           future: widget.api.iconUrl(s.id),
           builder: (_, snap) => ServerCard(
             server: s,
@@ -144,8 +170,6 @@ class _ServersScreenState extends State<ServersScreen> {
             busy: _busy.contains(s.id),
             onToggle: () => _toggle(s),
           ),
+        ),
       );
-      },
-    );
-  }
 }

lib/widgets/server_card.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:url_launcher/url_launcher.dart';
 
 import '../models.dart';
 
@@ -41,13 +42,23 @@ class ServerCard extends StatelessWidget {
                   child: Column(
                     crossAxisAlignment: CrossAxisAlignment.start,
                     children: [
-                      Text(server.name,
+                      Row(
+                        children: [
+                          Flexible(
+                            child: Text(server.name,
                                 style: const TextStyle(
                                     color: Colors.white,
                                     fontSize: 19,
                                     fontWeight: FontWeight.w800),
                                 maxLines: 1,
                                 overflow: TextOverflow.ellipsis),
+                          ),
+                          if (server.isPreprod) ...[
+                            const SizedBox(width: 8),
+                            const _Tag(label: 'PREPROD'),
+                          ],
+                        ],
+                      ),
                       if (server.subtitle != null)
                         Text(server.subtitle!,
                             style: TextStyle(
@@ -80,6 +91,10 @@ class ServerCard extends StatelessWidget {
                   )
                 else
                   const Spacer(),
+                if (server.web && server.openUrl != null) ...[
+                  _OpenButton(url: server.openUrl!),
+                  const SizedBox(width: 8),
+                ],
                 _ToggleButton(up: server.isUp, busy: busy, onToggle: onToggle),
               ],
             ),
@@ -118,6 +133,44 @@ class _Icon extends StatelessWidget {
       );
 }
 
+class _Tag extends StatelessWidget {
+  const _Tag({required this.label});
+  final String label;
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      padding: const EdgeInsets.symmetric(horizontal: 7, vertical: 2),
+      decoration: BoxDecoration(
+        color: Colors.black.withOpacity(0.28),
+        borderRadius: BorderRadius.circular(6),
+        border: Border.all(color: Colors.white.withOpacity(0.5), width: 1),
+      ),
+      child: Text(label,
+          style: const TextStyle(
+              color: Colors.white, fontSize: 10, fontWeight: FontWeight.w800, letterSpacing: 0.6)),
+    );
+  }
+}
+
+class _OpenButton extends StatelessWidget {
+  const _OpenButton({required this.url});
+  final String url;
+
+  @override
+  Widget build(BuildContext context) {
+    return OutlinedButton.icon(
+      onPressed: () => launchUrl(Uri.parse(url), mode: LaunchMode.externalApplication),
+      style: OutlinedButton.styleFrom(
+        foregroundColor: Colors.white,
+        side: BorderSide(color: Colors.white.withOpacity(0.7)),
+      ),
+      icon: const Icon(Icons.open_in_new, size: 18),
+      label: const Text('Ouvrir'),
+    );
+  }
+}
+
 class _StatusPill extends StatelessWidget {
   const _StatusPill({required this.label, required this.color, required this.pulse});
   final String label;