feat: tela de apps com logos/menu de exclusao, correcao de tema nas mini apps e sidebar de navegacao

lib/pages/apps/apps_view.dart

@@ -3,6 +3,8 @@
 //
 // SPDX-License-Identifier: AGPL-3.0-or-later
 
+import 'dart:convert';
+
 import 'package:go_router/go_router.dart';
 import 'package:material_ui/material_ui.dart';
 import 'package:matrix/matrix.dart';
@@ -10,6 +12,7 @@ import 'package:tatchat/config/miniapp_config.dart';
 import 'package:tatchat/l10n/l10n.dart';
 import 'package:tatchat/pages/apps/apps.dart';
 import 'package:tatchat/utils/miniapp_store.dart';
+import 'package:tatchat/widgets/adaptive_dialogs/show_ok_cancel_alert_dialog.dart';
 import 'package:tatchat/widgets/adaptive_dialogs/show_text_input_dialog.dart';
 import 'package:tatchat/widgets/layouts/max_width_body.dart';
 
@@ -29,6 +32,8 @@ class AppsView extends StatelessWidget {
       appBar: AppBar(
         leading: const Center(child: BackButton()),
         title: Text(L10n.of(context).apps),
+        backgroundColor: Theme.of(context).colorScheme.surface,
+        surfaceTintColor: Colors.transparent,
         actions: [
           PopupMenuButton<_ImportAction>(
             icon: const Icon(Icons.add_box_outlined),
@@ -36,7 +41,19 @@ class AppsView extends StatelessWidget {
             onSelected: (action) async {
               switch (action) {
                 case _ImportAction.file:
-                  await controller.importMiniAppFromFile();
+                  try {
+                    await controller.importMiniAppFromFile();
+                    if (!context.mounted) return;
+                    ScaffoldMessenger.of(context).showSnackBar(
+                      SnackBar(content: Text(L10n.of(context).appImported)),
+                    );
+                  } catch (e, s) {
+                    Logs().e('Failed to import mini app', e, s);
+                    if (!context.mounted) return;
+                    ScaffoldMessenger.of(
+                      context,
+                    ).showSnackBar(SnackBar(content: Text(e.toString())));
+                  }
                 case _ImportAction.url:
                   final url = await showTextInputDialog(
                     context: context,
@@ -53,9 +70,9 @@ class AppsView extends StatelessWidget {
                   } catch (e, s) {
                     Logs().e('Failed to import mini app', e, s);
                     if (!context.mounted) return;
-                    ScaffoldMessenger.of(context).showSnackBar(
-                      SnackBar(content: Text(e.toString())),
-                    );
+                    ScaffoldMessenger.of(
+                      context,
+                    ).showSnackBar(SnackBar(content: Text(e.toString())));
                   }
               }
             },
@@ -96,15 +113,8 @@ class AppsView extends StatelessWidget {
                   app: app,
                   onTap: () => context.go('/rooms/apps/${app.id}'),
                   trailing: [
-                    IconButton(
-                      icon: const Icon(Icons.open_in_new),
-                      tooltip: L10n.of(context).open,
-                      onPressed: () => context.go('/rooms/apps/${app.id}'),
-                    ),
-                    IconButton(
-                      icon: const Icon(Icons.delete_outline),
-                      tooltip: L10n.of(context).uninstall,
-                      onPressed: () => controller.uninstallMiniApp(app.id),
+                    _AppCardMenu(
+                      onUninstall: () => controller.uninstallMiniApp(app.id),
                     ),
                   ],
                 ),
@@ -133,10 +143,7 @@ class AppsView extends StatelessWidget {
   }
 }
 
-enum _ImportAction {
-  file,
-  url,
-}
+enum _ImportAction { file, url }
 
 class _SectionHeader extends StatelessWidget {
   final String text;
@@ -161,18 +168,122 @@ class _AppCard extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final category = app.category?.trim() ?? '';
+    final description = app.description?.trim() ?? '';
+    final subtitle = [
+      if (category.isNotEmpty) category,
+      if (description.isNotEmpty) description,
+    ].join(' · ');
+    final name = miniAppName(context, app);
     return Card(
       margin: const EdgeInsets.symmetric(vertical: 4),
       child: ListTile(
         onTap: onTap,
-        leading: CircleAvatar(
-          backgroundColor: app.color.withValues(alpha: .15),
-          foregroundColor: app.color,
-          child: Icon(app.icon),
-        ),
-        title: Text(miniAppName(context, app)),
+        leading: _Logo(logo: app.logo, color: app.color, name: name),
+        title: Text(name),
+        subtitle: subtitle.isEmpty
+            ? null
+            : Text(
+                subtitle,
+                maxLines: 3,
+                overflow: TextOverflow.ellipsis,
+              ),
         trailing: Row(mainAxisSize: MainAxisSize.min, children: trailing),
       ),
     );
   }
-}
+}
+
+enum _AppMenuAction { uninstall }
+
+/// Trailing three-dot menu of an installed app. Uninstalling asks for
+/// confirmation before it is executed.
+class _AppCardMenu extends StatelessWidget {
+  final VoidCallback onUninstall;
+
+  const _AppCardMenu({required this.onUninstall});
+
+  @override
+  Widget build(BuildContext context) {
+    return PopupMenuButton<_AppMenuAction>(
+      icon: const Icon(Icons.more_vert),
+      tooltip: L10n.of(context).moreOptions,
+      onSelected: (action) async {
+        switch (action) {
+          case _AppMenuAction.uninstall:
+            final result = await showOkCancelAlertDialog(
+              context: context,
+              title: L10n.of(context).uninstallApp,
+              message: L10n.of(context).uninstallAppConfirm,
+              okLabel: L10n.of(context).uninstall,
+              isDestructive: true,
+            );
+            if (result == OkCancelResult.ok) onUninstall();
+        }
+      },
+      itemBuilder: (context) => [
+        PopupMenuItem<_AppMenuAction>(
+          value: _AppMenuAction.uninstall,
+          child: Row(
+            children: [
+              Icon(
+                Icons.delete_outline,
+                color: Theme.of(context).colorScheme.error,
+              ),
+              const SizedBox(width: 12),
+              Text(L10n.of(context).uninstall),
+            ],
+          ),
+        ),
+      ],
+    );
+  }
+}
+
+/// Shows the logo declared by the mini app (data URI or http(s) URL), falling
+/// back to the initial letter of the app name when no usable logo is
+/// available.
+class _Logo extends StatelessWidget {
+  final String? logo;
+  final Color color;
+  final String name;
+
+  const _Logo({required this.logo, required this.color, required this.name});
+
+  @override
+  Widget build(BuildContext context) {
+    final value = logo?.trim() ?? '';
+    Widget? image;
+    if (value.startsWith('data:image/')) {
+      final comma = value.indexOf(',');
+      if (comma != -1 && value.substring(0, comma).contains('base64')) {
+        try {
+          final bytes = base64Decode(value.substring(comma + 1));
+          image = ClipOval(
+            child: Image.memory(
+              bytes,
+              width: 48,
+              height: 48,
+              fit: BoxFit.cover,
+            ),
+          );
+        } catch (_) {}
+      }
+    } else if (value.startsWith('http://') || value.startsWith('https://')) {
+      image = ClipOval(
+        child: Image.network(value, width: 48, height: 48, fit: BoxFit.cover),
+      );
+    }
+    if (image != null) return CircleAvatar(radius: 24, child: image);
+    final initial = name.trim().isEmpty ? '?' : name.trim()[0].toUpperCase();
+    return CircleAvatar(
+      radius: 24,
+      backgroundColor: color.withValues(alpha: .15),
+      foregroundColor: color,
+      child: Text(
+        initial,
+        style: const TextStyle(fontSize: 20, fontWeight: FontWeight.w600),
+      ),
+    );
+  }
+}