fix: address cache revalidation feedback

app/javascript/dashboard/api/CacheEnabledApiClient.js

@@ -25,6 +25,13 @@ class CacheEnabledApiClient extends ApiClient {
     return axios.get(this.url);
   }
 
+  async getCacheKeyFromServer() {
+    const response = await axios.get(
+      `/api/v1/accounts/${this.accountIdFromRoute}/cache_keys`
+    );
+    return response.data.cache_keys?.[this.cacheModelName] ?? null;
+  }
+
   // eslint-disable-next-line class-methods-use-this
   extractDataFromResponse(response) {
     return response.data.payload;
@@ -57,10 +64,16 @@ class CacheEnabledApiClient extends ApiClient {
       return this.marshallData(localData);
     }
 
-    // Empty IDB (first load or wiped): seed from network using whatever local
-    // cache key we have (null when never seen). refetchAndCommit handles null.
-    const localKey = await this.dataManager.getCacheKey(this.cacheModelName);
-    return this.refetchAndCommit(localKey);
+    // Empty IDB (first load or wiped): capture the authoritative key before
+    // persisting rows so future boots can revalidate this cached data.
+    let serverKey = null;
+    try {
+      serverKey = await this.getCacheKeyFromServer();
+    } catch {
+      // Ignore error. The network fetch below should still work, and storing
+      // null keeps this cache eligible for boot-time revalidation later.
+    }
+    return this.refetchAndCommit(serverKey);
   }
 
   async refetchAndCommit(newKey = null) {
@@ -77,7 +90,7 @@ class CacheEnabledApiClient extends ApiClient {
       });
 
       await this.dataManager.setCacheKeys({
-        [this.cacheModelName]: newKey,
+        [this.cacheModelName]: newKey === undefined ? null : newKey,
       });
     } catch {
       // Ignore error
@@ -91,8 +104,15 @@ class CacheEnabledApiClient extends ApiClient {
       await this.dataManager.initDb();
     }
 
-    const cachekey = await this.dataManager.getCacheKey(this.cacheModelName);
-    return cacheKeyFromApi === cachekey;
+    const cacheKey = await this.dataManager.getCacheKey(this.cacheModelName);
+    if (cacheKey === undefined) {
+      const localData = await this.dataManager.get({
+        modelName: this.cacheModelName,
+      });
+      return localData.length === 0;
+    }
+
+    return cacheKeyFromApi === cacheKey;
   }
 }
 

app/javascript/dashboard/helper/CacheHelper/DataManager.js

@@ -19,9 +19,9 @@ export class DataManager {
         // first install, so fresh devices skip this. Clearing before creating
         // means we only ever clear stores that pre-existed this upgrade.
         if (oldVersion > 0) {
-          [...db.objectStoreNames].forEach(name =>
-            tx.objectStore(name).clear()
-          );
+          for (let index = 0; index < db.objectStoreNames.length; index += 1) {
+            tx.objectStore(db.objectStoreNames.item(index)).clear();
+          }
         }
 
         if (!db.objectStoreNames.contains('cache-keys')) {