added list view; persist tab view ui settings;

Author: FaFre

app/lib/features/geckoview/domain/providers/tab_session.g.dart

@@ -255,7 +255,7 @@ Future<bool> isTabTunneled(Ref ref, String? tabId) async {
         case TorRegularTabProxyMode.container:
           final containerId = await ref
               .read(tabDataRepositoryProvider.notifier)
-              .getContainerTabId(tabState.id);
+              .getTabContainerId(tabState.id);
 
           final containerData = await containerId.mapNotNull(
             (containerId) => ref

app/lib/features/geckoview/domain/providers/tab_state.dart

@@ -188,7 +188,7 @@ class TabRepository extends _$TabRepository {
   Future<bool> selectTab(String tabId) async {
     final containerId = await ref
         .read(tabDataRepositoryProvider.notifier)
-        .getContainerTabId(tabId);
+        .getTabContainerId(tabId);
 
     if (!ref.mounted) return false;
 
@@ -234,7 +234,7 @@ class TabRepository extends _$TabRepository {
 
     final currentContainerId = await ref
         .read(tabDataRepositoryProvider.notifier)
-        .getContainerTabId(tabId);
+        .getTabContainerId(tabId);
 
     if (!ref.mounted) return;
 
@@ -419,7 +419,7 @@ class TabRepository extends _$TabRepository {
             } else {
               final tabContainerId = await ref
                   .read(tabDataRepositoryProvider.notifier)
-                  .getContainerTabId(tabState.id);
+                  .getTabContainerId(tabState.id);
 
               if (targetContainerId != tabContainerId) {
                 if (originUri == null) {

app/lib/features/geckoview/domain/providers/tab_state.g.dart

@@ -83,7 +83,7 @@ class SelectedBangData extends _$SelectedBangData {
 }
 
 @Riverpod()
-EquatableValue<List<String>> availableTabIds(
+EquatableValue<List<DefaultTabEntity>> availableTabIds(
   Ref ref,
   ContainerFilter containerFilter,
 ) {
@@ -94,10 +94,37 @@ EquatableValue<List<String>> availableTabIds(
   );
   final tabList = ref.watch(tabListProvider);
 
-  return EquatableValue(
-    containerTabs?.where((tabId) => tabList.value.contains(tabId)).toList() ??
-        [],
-  );
+  final availableTabs =
+      containerTabs?.where((tabId) => tabList.value.contains(tabId)).toList() ??
+      [];
+
+  switch (containerFilter) {
+    case ContainerFilterById():
+      return EquatableValue(
+        availableTabs
+            .map(
+              (t) => DefaultTabEntity(
+                tabId: t,
+                containerId: containerFilter.containerId,
+              ),
+            )
+            .toList(),
+      );
+    case ContainerFilterDisabled():
+      return ref.watch(
+        watchTabsContainerIdProvider(EquatableValue(availableTabs)).select(
+          (value) => EquatableValue(
+            value.value?.entries
+                    .map(
+                      (e) =>
+                          DefaultTabEntity(tabId: e.key, containerId: e.value),
+                    )
+                    .toList() ??
+                [],
+          ),
+        ),
+      );
+  }
 }
 
 @Riverpod()
@@ -109,8 +136,9 @@ EquatableValue<Map<String, TabState>> availableTabStates(
   final tabStates = ref.watch(tabStatesProvider);
 
   return EquatableValue({
-    for (final tabId in availableTabs.value)
-      if (tabStates.containsKey(tabId)) tabId: tabStates[tabId]!,
+    for (final tabEntity in availableTabs.value)
+      if (tabStates.containsKey(tabEntity.tabId))
+        tabEntity.tabId: tabStates[tabEntity.tabId]!,
   });
 }
 
@@ -171,7 +199,12 @@ EquatableValue<List<TabEntity>> suggestedTabEntities(
                   .whereNot(
                     (tabId) => excludedTabIds.value?.contains(tabId) ?? false,
                   )
-                  .map((tabId) => DefaultTabEntity(tabId: tabId))
+                  .map(
+                    (tabId) => DefaultTabEntity(
+                      tabId: tabId,
+                      containerId: containerId,
+                    ),
+                  )
                   .toList(),
             ) ??
             const [],
@@ -198,6 +231,7 @@ EquatableValue<List<TabEntity>> seamlessFilteredTabEntities(
                   .map(
                     (tab) => SearchResultTabEntity(
                       tabId: tab.id,
+                      containerId: tab.containerId,
                       searchQuery: result.query,
                     ),
                   )
@@ -208,13 +242,7 @@ EquatableValue<List<TabEntity>> seamlessFilteredTabEntities(
       )
       .value;
 
-  final availableTabs = ref.watch(
-    availableTabIdsProvider(containerFilter).select(
-      (value) => EquatableValue(
-        value.value.map((tab) => DefaultTabEntity(tabId: tab)).toList(),
-      ),
-    ),
-  );
+  final availableTabs = ref.watch(availableTabIdsProvider(containerFilter));
 
   if (tabSearchResults == null) {
     if (groupTrees) {

app/lib/features/geckoview/domain/repositories/tab.dart

@@ -17,9 +17,14 @@
  * You should have received a copy of the GNU Affero General Public License
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  */
+import 'dart:convert';
+
 import 'package:flutter/material.dart';
 import 'package:flutter_material_design_icons/flutter_material_design_icons.dart';
+import 'package:riverpod/experimental/persist.dart';
+import 'package:riverpod_annotation/experimental/persist.dart';
 import 'package:riverpod_annotation/riverpod_annotation.dart';
+import 'package:weblibre/features/user/data/providers.dart';
 
 part 'tab_view_controllers.g.dart';
 
@@ -37,11 +42,19 @@ class TabSuggestionsController extends _$TabSuggestionsController {
 
   @override
   bool build() {
-    return false;
+    persist(
+      ref.watch(riverpodDatabaseStorageProvider),
+      key: 'TabSuggestions',
+      encode: (state) => jsonEncode([state]),
+      decode: (encoded) => (jsonDecode(encoded) as List<dynamic>).first as bool,
+    );
+
+    return stateOrNull ?? false;
   }
 }
 
 enum TabsViewMode {
+  list(MdiIcons.folderTable, 'List'),
   grid(MdiIcons.table, 'Grid'),
   tree(MdiIcons.familyTree, 'Tree');
 
@@ -61,7 +74,17 @@ class TabsViewModeController extends _$TabsViewModeController {
 
   @override
   TabsViewMode build() {
-    return TabsViewMode.grid;
+    persist(
+      ref.watch(riverpodDatabaseStorageProvider),
+      key: 'TabsViewMode',
+      encode: (state) => jsonEncode([state.name]),
+      decode: (encoded) {
+        final name = (jsonDecode(encoded) as List<dynamic>).first as String;
+        return TabsViewMode.values.firstWhere((e) => e.name == name);
+      },
+    );
+
+    return stateOrNull ?? TabsViewMode.list;
   }
 }
 

app/lib/features/geckoview/domain/repositories/tab.g.dart

@@ -30,7 +30,7 @@ import 'package:skeletonizer/skeletonizer.dart';
 import 'package:weblibre/core/routing/routes.dart';
 import 'package:weblibre/features/geckoview/domain/controllers/bottom_sheet.dart';
 import 'package:weblibre/features/geckoview/domain/providers/selected_tab.dart';
-import 'package:weblibre/features/geckoview/features/browser/presentation/widgets/tab_preview.dart';
+import 'package:weblibre/features/geckoview/features/browser/presentation/widgets/tab_view/tab_preview.dart';
 import 'package:weblibre/features/geckoview/features/tabs/domain/providers.dart';
 import 'package:weblibre/features/user/domain/repositories/general_settings.dart';
 import 'package:weblibre/utils/ui_helper.dart';
@@ -123,7 +123,7 @@ class TabTreeDialog extends HookConsumerWidget {
                 final id = node.key!.value as String;
                 return SizedBox.fromSize(
                   size: childSize,
-                  child: SingleTabPreview(
+                  child: SingleGridTabPreview(
                     key: ValueKey(id),
                     tabId: id,
                     activeTabId: selectedTabId,