[gui] App localizations

.editorconfig

@@ -23,7 +23,7 @@ insert_final_newline = true
 max_line_length = 80
 trim_trailing_whitespace = true
 
-[*.{json,json5,proto}]
+[*.{json,json5,proto,arb}]
 indent_size = 4
 indent_style = space
 insert_final_newline = true

src/client/gui/.gitignore

@@ -164,6 +164,9 @@ app.*.symbols
 .gclient_previous_custom_vars
 .gclient_previous_sync_commits
 
+# Generated localization files
+**/l10n/app_localizations*.dart
+
 #### MULTIPASS SPECIFIC IGNORES ###
 lib/generated
 flutter*.log

src/client/gui/l10n.yaml

@@ -0,0 +1,3 @@
+arb-dir: lib/l10n
+template-arb-file: app_en.arb
+output-localization-file: app_localizations.dart

src/client/gui/lib/before_quit_dialog.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 
 import 'confirmation_dialog.dart';
+import 'l10n/app_localizations.dart';
 
 class BeforeQuitDialog extends StatefulWidget {
   final int runningCount;
@@ -23,22 +24,15 @@ class _BeforeQuitDialogState extends State<BeforeQuitDialog> {
 
   @override
   Widget build(BuildContext context) {
-    String getMessage() {
-      if (widget.runningCount == 1) {
-        return 'There is 1 running instance. Do you want to stop it?';
-      } else {
-        return 'There are ${widget.runningCount} running instances. Do you want to stop them?';
-      }
-    }
-
+    final l10n = AppLocalizations.of(context)!;
     return ConfirmationDialog(
-      title: 'Stop running instances?',
+      title: l10n.beforeQuitTitle,
       body: Column(
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [
           Padding(
             padding: const EdgeInsets.only(left: 8),
-            child: Text(getMessage()),
+            child: Text(l10n.beforeQuitMessage(widget.runningCount)),
           ),
           const SizedBox(height: 24),
           Row(
@@ -48,14 +42,14 @@ class _BeforeQuitDialogState extends State<BeforeQuitDialog> {
                 onChanged: (value) => setState(() => remember = value!),
               ),
               const SizedBox(width: 8),
-              const Text('Do not ask me again'),
+              Text(l10n.dialogDoNotAskAgain),
             ],
           ),
         ],
       ),
-      actionText: 'Stop instances',
+      actionText: l10n.beforeQuitStopAction,
       onAction: () => widget.onStop(remember),
-      inactionText: 'Leave instances running',
+      inactionText: l10n.beforeQuitKeepAction,
       onInaction: () => widget.onKeep(remember),
     );
   }

src/client/gui/lib/catalogue/catalogue.dart

@@ -7,6 +7,7 @@ import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:grpc/grpc.dart';
 import 'package:intersperse/intersperse.dart';
 
+import '../l10n/app_localizations.dart';
 import '../providers.dart';
 import 'image_card.dart';
 import 'launch_form.dart';
@@ -154,23 +155,26 @@ class CatalogueScreen extends ConsumerWidget {
 
   @override
   Widget build(BuildContext context, WidgetRef ref) {
+    final l10n = AppLocalizations.of(context)!;
     final content = ref.watch(imagesProvider).when(
           skipLoadingOnRefresh: false,
           data: _buildCatalogue,
           error: (error, _) {
-            final errorMessage = error is GrpcError ? error.message : error;
+            final errorMessage = error is GrpcError
+                ? (error.message ?? error.toString())
+                : error.toString();
             return Center(
               child: Column(
                 children: [
                   const SizedBox(height: 32),
                   Text(
-                    'Failed to retrieve images: $errorMessage',
+                    l10n.catalogueLoadError(errorMessage),
                     style: const TextStyle(fontSize: 16),
                   ),
                   const SizedBox(height: 16),
                   TextButton(
                     onPressed: () => ref.invalidate(imagesProvider),
-                    child: const Text('Refresh'),
+                    child: Text(l10n.catalogueRefresh),
                   ),
                 ],
               ),
@@ -181,15 +185,16 @@ class CatalogueScreen extends ConsumerWidget {
 
     final welcomeText = Container(
       constraints: const BoxConstraints(maxWidth: 500),
-      child: const Column(
+      child: Column(
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [
-          Text('Welcome to Multipass', style: TextStyle(fontSize: 37)),
+          Text(l10n.catalogueWelcomeTitle,
+              style: const TextStyle(fontSize: 37)),
           Padding(
-            padding: EdgeInsets.symmetric(vertical: 8),
+            padding: const EdgeInsets.symmetric(vertical: 8),
             child: Text(
-              'Get an instant VM in seconds. Multipass can launch and run virtual machines and configure them like a public cloud.',
-              style: TextStyle(fontSize: 16),
+              l10n.catalogueWelcomeBody,
+              style: const TextStyle(fontSize: 16),
             ),
           ),
         ],

src/client/gui/lib/catalogue/image_card.dart

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart' hide ImageInfo;
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:flutter_svg/flutter_svg.dart';
 
+import '../l10n/app_localizations.dart';
 import '../providers.dart';
 import 'catalogue.dart';
 import 'launch_form.dart';
@@ -28,25 +29,24 @@ class ImageCard extends ConsumerWidget {
     };
   }
 
-  String _getDisplayTitle(ImageInfo parentImage) {
+  String _getDisplayTitle(ImageInfo parentImage, AppLocalizations l10n) {
     return switch (parentImage.os.toLowerCase()) {
       'ubuntu' when parentImage.aliases.any((a) => a.contains('core')) =>
-        'Ubuntu Core',
-      'ubuntu' => 'Ubuntu Server',
-      'debian' => 'Debian',
-      'fedora' => 'Fedora',
+        l10n.imageCardTitleUbuntuCore,
+      'ubuntu' => l10n.imageCardTitleUbuntuServer,
+      'debian' => l10n.imageCardTitleDebian,
+      'fedora' => l10n.imageCardTitleFedora,
       _ => parentImage.os, // Default case: return the OS name as-is
     };
   }
 
-  String _getDescription(ImageInfo parentImage) {
+  String _getDescription(ImageInfo parentImage, AppLocalizations l10n) {
     return switch (parentImage.os.toLowerCase()) {
       'ubuntu' when parentImage.aliases.any((a) => a.contains('core')) =>
-        'Ubuntu operating system optimised for IoT and Edge',
-      'ubuntu' =>
-        'Ubuntu operating system designed as a backbone for the internet',
-      'debian' => 'Debian official cloud image',
-      'fedora' => 'Fedora Cloud Edition',
+        l10n.imageCardDescUbuntuCore,
+      'ubuntu' => l10n.imageCardDescUbuntuServer,
+      'debian' => l10n.imageCardDescDebian,
+      'fedora' => l10n.imageCardDescFedora,
       _ => '',
     };
   }
@@ -59,6 +59,7 @@ class ImageCard extends ConsumerWidget {
 
   @override
   Widget build(BuildContext context, WidgetRef ref) {
+    final l10n = AppLocalizations.of(context)!;
     final selectedImage =
         ref.watch(selectedImageProvider(imageKey)) ?? parentImage;
 
@@ -90,11 +91,11 @@ class ImageCard extends ConsumerWidget {
                   _getParentImageLogo(parentImage.os),
                   height: 24,
                   fit: BoxFit.contain,
-                  semanticsLabel: '${parentImage.os} logo',
+                  semanticsLabel: l10n.imageCardLogoSemantics(parentImage.os),
                 ),
                 const SizedBox(width: 8),
                 Text(
-                  _getDisplayTitle(parentImage),
+                  _getDisplayTitle(parentImage, l10n),
                   style: const TextStyle(
                     fontWeight: FontWeight.bold,
                     fontSize: 24,
@@ -103,7 +104,7 @@ class ImageCard extends ConsumerWidget {
               ],
             ),
             const SizedBox(height: 12),
-            Text(_getDescription(parentImage),
+            Text(_getDescription(parentImage, l10n),
                 style: const TextStyle(fontWeight: FontWeight.w300)),
             const SizedBox(height: 16),
             const Spacer(),
@@ -166,7 +167,7 @@ class ImageCard extends ConsumerWidget {
 
                   initiateLaunchFlow(ref, launchRequest);
                 },
-                child: const Text('Launch'),
+                child: Text(l10n.vmTableLaunch),
               ),
               const SizedBox(width: 8),
               OutlinedButton(
@@ -175,7 +176,7 @@ class ImageCard extends ConsumerWidget {
                       selectedImage;
                   Scaffold.of(context).openEndDrawer();
                 },
-                child: const Text('Configure'),
+                child: Text(l10n.dialogConfigure),
               ),
             ]),
           ],