apply cell updates optimistically rather than waiting until the change is successfully committed to IndexedDB

Author: ghazi-git

CHANGELOG.md

@@ -7,6 +7,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/).
 
 ### Added
 
+- Optimistically update cell values before saving the value to IndexedDB but revert it in case of failures. This makes
+  the update faster from a user perspective since we don't wait for it to be committed to IndexedDB first.
 - Distinguish the extension installed in dev mode from the one installed from the Chrome Web Store.
 
 ## [1.0.1] - 2025-11-28

src/devtools/components/main-content/object-store-view/Table.tsx

@@ -206,8 +206,12 @@ export default function Table(props: TableProps) {
           setErrorMsg(`Cell update reverted: ${DATA_MUTATION_ERROR_MSG}`);
           return;
         }
+        // store the old value in case the update in indexedDB fails
+        const oldValue = params.data[col.name];
         let newValue = parseBooleanNull(params.newValue, col.datatype);
         newValue = convertGetterValueToRowDataValue(newValue, col.datatype);
+        // optimistically update the cell value
+        updateRowData(params.api, params.data, col, newValue);
 
         try {
           await updateField({
@@ -218,9 +222,8 @@ export default function Table(props: TableProps) {
             fieldToUpdate,
             newValue: { value: newValue, datatype: col.datatype },
           });
-          // after the update succeeded in indexedDB, update the table data
-          updateRowData(params.api, params.data, col, newValue);
         } catch (e) {
+          updateRowData(params.api, params.data, col, oldValue);
           const msg = e instanceof Error ? e.message : DATA_MUTATION_ERROR_MSG;
           setErrorMsg(`Cell update reverted: ${msg}`);
         }