fix(grid): batch row delete updates

apps/desktop/src/components/grid/DataGrid.vue

@@ -4293,6 +4293,14 @@ const displayRowRefs = computed<DisplayRowRef[]>(() => {
 
 const displayRowCount = computed(() => displayRowRefs.value.length);
 
+const displayRowIndexByIdLookup = computed(() => {
+  const lookup = new Map<number, number>();
+  displayRowRefs.value.forEach((ref, index) => {
+    lookup.set(ref.id, index);
+  });
+  return lookup;
+});
+
 function rowItemFromDisplayRef(ref: DisplayRowRef): RowItem {
   if (ref.isNew) {
     return {
@@ -4324,7 +4332,8 @@ function displayItemAt(rowIndex: number): RowItem | undefined {
 }
 
 function displayRowIndexById(rowId: number): number {
-  return displayRowRefs.value.findIndex((ref) => ref.id === rowId);
+  // Multi-row actions call getRowItem for each selected row; keep that lookup O(1).
+  return displayRowIndexByIdLookup.value.get(rowId) ?? -1;
 }
 
 const displayItems = computed<RowItem[]>(() => displayRowRefs.value.map(rowItemFromDisplayRef));

apps/desktop/src/composables/useDataGridEditor.ts

@@ -900,29 +900,57 @@ export function useDataGridEditor(options: UseDataGridEditorOptions) {
     }
   }
 
-  function applyDeleteRow(rowId: number) {
-    const item = getRowItem(rowId);
-    if (!item) return;
-    if (item.isNew && item.newIndex !== undefined) {
-      if (isSavingNewRow(item)) return;
-      pushUndoSnapshot();
-      newRows.value.splice(item.newIndex, 1);
+  function applyDeleteRows(rowIds: number[]) {
+    const items = rowIds.map((rowId) => getRowItem(rowId)).filter((item): item is RowItem => !!item);
+    if (items.length === 0) return;
+
+    const newIndexes = new Set<number>();
+    const sourceIndexes = new Set<number>();
+    const deletedRowIds = new Set<number>();
+
+    for (const item of items) {
+      if (item.isNew && item.newIndex !== undefined) {
+        if (isSavingNewRow(item)) continue;
+        newIndexes.add(item.newIndex);
+        deletedRowIds.add(item.id);
+      } else if (item.sourceIndex !== undefined && canEditExistingRows.value) {
+        sourceIndexes.add(item.sourceIndex);
+        deletedRowIds.add(item.id);
+      }
+    }
+
+    if (newIndexes.size === 0 && sourceIndexes.size === 0) return;
+
+    // Batch row deletion into one reactive update so multi-row deletes do not
+    // rebuild the entire grid and undo history once per selected row.
+    pushUndoSnapshot();
+    if (newIndexes.size > 0) {
+      [...newIndexes]
+        .sort((a, b) => b - a)
+        .forEach((newIndex) => {
+          newRows.value.splice(newIndex, 1);
+        });
       newRows.value = [...newRows.value];
-    } else if (item.sourceIndex !== undefined) {
-      if (!canEditExistingRows.value) return;
-      pushUndoSnapshot();
-      dirtyRows.value.delete(item.sourceIndex);
-      deletedRows.value.add(item.sourceIndex);
+    }
+    if (sourceIndexes.size > 0) {
+      for (const sourceIndex of sourceIndexes) {
+        dirtyRows.value.delete(sourceIndex);
+        deletedRows.value.add(sourceIndex);
+      }
       dirtyRows.value = new Map(dirtyRows.value);
       deletedRows.value = new Set(deletedRows.value);
     }
     touchPendingChanges();
-    if (editingCell.value?.rowId === rowId) editingCell.value = null;
+    if (editingCell.value && deletedRowIds.has(editingCell.value.rowId)) editingCell.value = null;
     if (useTransaction.value && !transactionActive.value) {
       enterTransaction();
     }
   }
 
+  function applyDeleteRow(rowId: number) {
+    applyDeleteRows([rowId]);
+  }
+
   const showDeleteRowConfirm = ref(false);
   const pendingDeleteRowId = ref<number | null>(null);
   const pendingDeleteRowIds = ref<number[]>([]);
@@ -939,9 +967,7 @@ export function useDataGridEditor(options: UseDataGridEditorOptions) {
 
   function confirmDeleteRow() {
     if (pendingDeleteRowIds.value.length > 0) {
-      for (const rowId of pendingDeleteRowIds.value) {
-        applyDeleteRow(rowId);
-      }
+      applyDeleteRows(pendingDeleteRowIds.value);
       pendingDeleteRowIds.value = [];
       return;
     }
@@ -1404,6 +1430,7 @@ export function useDataGridEditor(options: UseDataGridEditorOptions) {
     addRow,
     cloneRow,
     cloneRows,
+    applyDeleteRows,
     applyDeleteRow,
     showDeleteRowConfirm,
     pendingDeleteRowId,