improve tab reorder logic

app/lib/features/geckoview/features/browser/presentation/widgets/sheets/view_tabs.dart

@@ -300,6 +300,8 @@ class ViewTabsSheetWidget extends HookConsumerWidget {
             Expanded(
               child: HookConsumer(
                 builder: (context, ref, child) {
+                  final gridViewKey = useMemoized(() => GlobalKey());
+
                   final container = ref.watch(selectedContainerProvider);
 
                   final filteredTabEntities = ref.watch(
@@ -387,10 +389,11 @@ class ViewTabsSheetWidget extends HookConsumerWidget {
 
                   return Padding(
                     padding: const EdgeInsets.symmetric(horizontal: 4.0),
-                    child: ReorderableBuilder(
+                    child: ReorderableBuilder.builder(
                       //Rebuild when cross axis count changes
                       key: ValueKey(crossAxisCount),
                       scrollController: sheetScrollController,
+                      itemCount: tabs.length,
                       onDragStarted: (index) {
                         ref.read(willAcceptDropProvider.notifier).clear();
                       },
@@ -423,19 +426,27 @@ class ViewTabsSheetWidget extends HookConsumerWidget {
                             containerId,
                           );
                         } else {
-                          final orderAfterIndex = newIndex;
-                          key = await containerRepository.getOrderKeyAfterTab(
-                            filteredTabEntities.value[orderAfterIndex].tabId,
-                            containerId,
-                          );
+                          if (newIndex < oldIndex) {
+                            key = await containerRepository.getOrderKeyAfterTab(
+                              filteredTabEntities.value[newIndex - 1].tabId,
+                              containerId,
+                            );
+                          } else {
+                            key = await containerRepository
+                                .getOrderKeyBeforeTab(
+                                  filteredTabEntities.value[newIndex + 1].tabId,
+                                  containerId,
+                                );
+                          }
                         }
 
                         await ref
                             .read(tabDataRepositoryProvider.notifier)
                             .assignOrderKey(tabId, key);
                       },
-                      builder: (children) {
+                      childBuilder: (itemBuilder) {
                         return GridView.builder(
+                          key: gridViewKey,
                           controller: sheetScrollController,
                           gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                             //Sync values for itemHeight calculation _calculateItemHeight
@@ -444,11 +455,11 @@ class ViewTabsSheetWidget extends HookConsumerWidget {
                             crossAxisSpacing: 8.0,
                             crossAxisCount: crossAxisCount,
                           ),
-                          itemCount: children.length,
-                          itemBuilder: (context, index) => children[index],
+                          itemCount: tabs.length,
+                          itemBuilder: (context, index) =>
+                              itemBuilder(tabs[index], index),
                         );
                       },
-                      children: tabs,
                     ),
                   );
                 },

app/lib/features/geckoview/features/tabs/data/database/daos/container.dart

@@ -96,4 +96,11 @@ class ContainerDao extends DatabaseAccessor<TabDatabase>
   ) {
     return db.orderKeyAfterTab(containerId: containerId, tabId: tabId);
   }
+
+  SingleSelectable<String> generateOrderKeyBeforeTabId(
+    String? containerId,
+    String tabId,
+  ) {
+    return db.orderKeyBeforeTab(containerId: containerId, tabId: tabId);
+  }
 }

app/lib/features/geckoview/features/tabs/data/database/database.drift

@@ -118,6 +118,18 @@ orderKeyAfterTab(:tab_id AS TEXT, :container_id AS TEXT OR NULL):
   FROM ordered_table
   WHERE id = :tab_id;
 
+orderKeyBeforeTab(:tab_id AS TEXT, :container_id AS TEXT OR NULL):
+  WITH ordered_table AS (
+    SELECT id,
+          order_key,
+          LAG(order_key) OVER (ORDER BY order_key) AS prev_order_key
+    FROM tab 
+    WHERE container_id IS :container_id 
+  )
+  SELECT lexo_rank_reorder_before(order_key, prev_order_key)
+  FROM ordered_table
+  WHERE id = :tab_id;
+
 queryTabsBasic WITH TabQueryResult:
   WITH weights AS (
     SELECT 

app/lib/features/geckoview/features/tabs/data/database/database.g.dart

@@ -1165,6 +1165,17 @@ abstract class _$TabDatabase extends GeneratedDatabase {
     ).map((QueryRow row) => row.read<String>('_c0'));
   }
 
+  Selectable<String> orderKeyBeforeTab({
+    String? containerId,
+    required String tabId,
+  }) {
+    return customSelect(
+      'WITH ordered_table AS (SELECT id, order_key, LAG(order_key)OVER (ORDER BY order_key RANGE BETWEEN UNBOUNDED PRECEDING AND CURRENT ROW EXCLUDE NO OTHERS) AS prev_order_key FROM tab WHERE container_id IS ?1) SELECT lexo_rank_reorder_before(order_key, prev_order_key) AS _c0 FROM ordered_table WHERE id = ?2',
+      variables: [Variable<String>(containerId), Variable<String>(tabId)],
+      readsFrom: {tab},
+    ).map((QueryRow row) => row.read<String>('_c0'));
+  }
+
   Selectable<TabQueryResult> queryTabsBasic({required String query}) {
     return customSelect(
       'WITH weights AS (SELECT 10.0 AS title_weight, 5.0 AS url_weight) SELECT t.id, t.title, CAST(t.url AS TEXT) AS url, t.url AS clean_url, bm25(tab_fts, weights.title_weight, weights.url_weight) AS weighted_rank FROM tab_fts AS fts INNER JOIN tab AS t ON t."rowid" = fts."rowid" CROSS JOIN weights WHERE fts.title LIKE ?1 OR fts.url LIKE ?1 ORDER BY weighted_rank ASC, t.timestamp DESC',

app/lib/features/geckoview/features/tabs/domain/repositories/container.dart

@@ -83,6 +83,14 @@ class ContainerRepository extends _$ContainerRepository {
         .getSingle();
   }
 
+  Future<String> getOrderKeyBeforeTab(String tabId, String? containerId) {
+    return ref
+        .read(tabDatabaseProvider)
+        .containerDao
+        .generateOrderKeyBeforeTabId(containerId, tabId)
+        .getSingle();
+  }
+
   Future<Color> unusedRandomContainerColor() async {
     final allColors = colorTypes.flattened.toList();
     final usedColors = await getDistinctColors();

app/lib/features/geckoview/features/tabs/domain/repositories/container.g.dart

@@ -7,7 +7,7 @@ part of 'container.dart';
 // **************************************************************************
 
 String _$containerRepositoryHash() =>
-    r'5344ecde33c1c80c1fa2bc8383faca181da91593';
+    r'af4ccf6cc12eebae2313df6c8f9ca63db842ffe5';
 
 /// See also [ContainerRepository].
 @ProviderFor(ContainerRepository)