feature extension shortcut

app/lib/features/geckoview/features/browser/presentation/widgets/browser_modules/bottom_app_bar.dart

@@ -18,10 +18,12 @@ import 'package:weblibre/features/geckoview/features/browser/domain/entities/she
 import 'package:weblibre/features/geckoview/features/browser/presentation/widgets/browser_modules/app_bar_title.dart';
 import 'package:weblibre/features/geckoview/features/browser/presentation/widgets/edit_url_dialog.dart';
 import 'package:weblibre/features/geckoview/features/browser/presentation/widgets/extension_badge_icon.dart';
+import 'package:weblibre/features/geckoview/features/browser/presentation/widgets/extension_shortcut_menu.dart';
 import 'package:weblibre/features/geckoview/features/browser/presentation/widgets/tab_creation_menu.dart';
 import 'package:weblibre/features/geckoview/features/browser/presentation/widgets/tabs_action_button.dart';
 import 'package:weblibre/features/geckoview/features/find_in_page/presentation/controllers/find_in_page.dart';
 import 'package:weblibre/features/geckoview/features/readerview/presentation/widgets/reader_button.dart';
+import 'package:weblibre/features/user/domain/repositories/general_settings.dart';
 import 'package:weblibre/presentation/hooks/menu_controller.dart';
 import 'package:weblibre/presentation/icons/tor_icons.dart';
 import 'package:weblibre/utils/ui_helper.dart' as ui_helper;
@@ -36,6 +38,7 @@ class BrowserBottomAppBar extends HookConsumerWidget {
     final addonService = ref.watch(addonServiceProvider);
 
     final tabMenuController = useMenuController();
+    final extensionMenuController = useMenuController();
     final trippleDotMenuController = useMenuController();
 
     final selectedTabId = ref.watch(selectedTabProvider);
@@ -43,6 +46,12 @@ class BrowserBottomAppBar extends HookConsumerWidget {
       selectedTabStateProvider.select((state) => state?.isPrivate ?? false),
     );
 
+    final showExtensionShortcut = ref.watch(
+      generalSettingsRepositoryProvider.select(
+        (value) => value.showExtensionShortcut,
+      ),
+    );
+
     final dragStartPosition = useRef(Offset.zero);
 
     return BottomAppBar(
@@ -97,6 +106,20 @@ class BrowserBottomAppBar extends HookConsumerWidget {
           actions: [
             if (selectedTabId != null && displayedSheet is! ViewTabsSheet)
               ReaderButton(),
+            if (showExtensionShortcut)
+              ExtensionShortcutMenu(
+                controller: extensionMenuController,
+                child: IconButton(
+                  onPressed: () {
+                    if (extensionMenuController.isOpen) {
+                      extensionMenuController.close();
+                    } else {
+                      extensionMenuController.open();
+                    }
+                  },
+                  icon: const Icon(MdiIcons.puzzle),
+                ),
+              ),
             TabCreationMenu(
               controller: tabMenuController,
               selectedTabId: selectedTabId,

app/lib/features/geckoview/features/browser/presentation/widgets/extension_shortcut_menu.dart

@@ -0,0 +1,51 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_mozilla_components/flutter_mozilla_components.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:weblibre/features/geckoview/domain/providers.dart';
+import 'package:weblibre/features/geckoview/domain/providers/web_extensions_state.dart';
+import 'package:weblibre/features/geckoview/features/browser/presentation/widgets/extension_badge_icon.dart';
+
+class ExtensionShortcutMenu extends HookConsumerWidget {
+  final Widget child;
+  final MenuController controller;
+
+  const ExtensionShortcutMenu({
+    super.key,
+    required this.child,
+    required this.controller,
+  });
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final browserExtensions = ref.watch(
+      webExtensionsStateProvider(
+        WebExtensionActionType.browser,
+      ).select((value) => value.values.toList()),
+    );
+
+    return MenuAnchor(
+      controller: controller,
+      builder: (context, controller, child) {
+        return child!;
+      },
+      menuChildren: [
+        ...browserExtensions.map(
+          (extension) => MenuItemButton(
+            onPressed: () async {
+              //Use parents .ref because after onPressed this consumer gets disposed already
+              await ref
+                  .read(addonServiceProvider)
+                  .invokeAddonAction(
+                    extension.extensionId,
+                    WebExtensionActionType.browser,
+                  );
+            },
+            leadingIcon: ExtensionBadgeIcon(extension),
+            child: Text(extension.title ?? ''),
+          ),
+        ),
+      ],
+      child: Visibility(visible: browserExtensions.isNotEmpty, child: child),
+    );
+  }
+}