Update DB capture to run before spec in local

cypress.config.js

@@ -28,7 +28,7 @@ module.exports = defineConfig({
       openMode: false,
       runMode: true,
     },
-    setupNodeEvents(on, _config) {
+    setupNodeEvents(on, config) {
       // Check for Cypress build marker
       const markerPath = path.resolve(__dirname, 'tmp/.cypress-build-marker');
       if (!fs.existsSync(markerPath)) {
@@ -51,14 +51,29 @@ module.exports = defineConfig({
         throw new Error('Webpack was not built with CYPRESS=true. See console for details');
       }
 
-      // Capture DB state once before entire test run
-      on('before:run', async () => {
-        await fetch('http://localhost:3000/__e2e__/command', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ name: 'db_state', options: 'capture' })
-        });
-      });
+      // In open mode (cypress open), the process stays alive between spec runs so
+      // manually-created UI data would be wiped when a test calls cy.appDbState('restore').
+      // Capture before each spec so the snapshot always reflects the current DB state.
+      // In run mode (both CI and local cypress:run), the process exits after the run so
+      // a single upfront capture via before:run is sufficient.
+      const captureDbState = async () => {
+        try {
+          await fetch('http://localhost:3000/__e2e__/command', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ name: 'db_state', options: 'capture' }),
+          });
+        } catch (err) {
+          console.error('[DB] Failed to capture DB state:', err.message);
+        }
+      };
+
+      if (config.isInteractive) {
+        // open mode (cypress open) — capture per-spec to pick up any manual UI changes
+        on('before:spec', () => captureDbState());
+      } else {
+        on('before:run', () => captureDbState());
+      }
 
       on('after:spec', (spec, results) => {
         // Delete the video on CI if the spec passed and no tests retried

cypress/support/commands.js

@@ -47,7 +47,9 @@
 // });
 
 // Use cy.appDbState('restore') in afterEach to clean up test data.
-// Note, db_state is automatically captured once before the suite via before:run.
+// In CI db_state is captured once via before:run (before the entire run).
+// In open mode (local dev) it is captured via before:spec (before each spec file),
+// so any data created manually in the UI between spec runs is preserved.
 Cypress.Commands.add('appDbState', function (options) {
   return cy.app('db_state', options);
 });