docs: Deduplicate ACID playgrounds and persist example

Reuse the existing optimistic-transform demo and list interceptor instead of copying them, and point durability at the managers persist example.

Co-authored-by: Cursor <cursoragent@cursor.com>

Author: 2 people

docs/core/concepts/acid.md

@@ -18,7 +18,7 @@ import AcidCollections from '../shared/\_acidCollections.mdx';
 import AcidQuery from '../shared/\_acidQuery.mdx';
 import AcidValidate from '../shared/\_acidValidate.mdx';
 import AcidTransports from '../shared/\_acidTransports.mdx';
-import AcidFetchOrder from '../shared/\_acidFetchOrder.mdx';
+import OptimisticTransform from '../../rest/shared/\_optimisticTransform.mdx';
 import AcidSnapshot from '../shared/\_acidSnapshot.mdx';
 import AcidRest from '../shared/\_acidRest.mdx';
 
@@ -33,7 +33,7 @@ ACID. The frontend store is that database for interactive data — but every
 durable write is [asynchronous](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Asynchronous).
 
 Reactive Data Client applies the same guarantees so every view agrees without
-[refetching](../api/Controller.md#expireAll), mutations don't flash torn state, and
+refetching, mutations don't flash torn state, and
 crashes don't lose data that reached a durable store like a REST server or
 [IndexedDB](./managers.md#persistence).
 
@@ -181,7 +181,7 @@ keeps 0, 1, 2.
 
 Click increment several times quickly.
 
-<AcidFetchOrder />
+<OptimisticTransform />
 
 [Optimistic updates](/rest/guides/optimistic-updates) amplify these races;
 Reactive Data Client handles them automatically.
@@ -222,40 +222,6 @@ for offline reloads. Restore it with
 [DataProvider's initialState](../api/DataProvider.md#initialState). Drop
 in-flight optimistic updates — they are not cloneable, and they are not the ack.
 
-```typescript
-import type { Manager, Middleware } from '@data-client/react';
-import { set } from 'idb-keyval';
-
-export default class PersistManager implements Manager {
-  declare protected timer?: ReturnType<typeof setTimeout>;
-
-  middleware: Middleware = controller => next => async action => {
-    await next(action);
-    clearTimeout(this.timer);
-    this.timer = setTimeout(() => {
-      const state = { ...controller.getState(), optimistic: [] };
-      set('data-client', state);
-    }, 1000);
-  };
-
-  cleanup() {
-    clearTimeout(this.timer);
-  }
-}
-```
-
-```tsx
-import { get } from 'idb-keyval';
-
-const initialState = await get('data-client');
-
-createRoot(document.body).render(
-  <DataProvider initialState={initialState} managers={managers}>
-    <App />
-  </DataProvider>,
-);
-```
-
 :::info[Reactivity]
 
 ACID makes writes trustworthy. [useLive()](../api/useLive.md),

docs/core/shared/_acidFetchOrder.mdx

@@ -95,17 +95,19 @@ export function getAcidSideEffectData(): AcidSideEffectState {
   };
 }
 
-export const acidTodoFixtures: Interceptor<AcidTodoState>[] = [
-  {
-    endpoint: getTodoList,
-    response(params) {
-      if (params?.userId != null) {
-        return this.todos.filter(todo => todo.userId == params.userId);
-      }
-      return this.todos;
-    },
-    delay: 150,
+const getTodoListInterceptor: Interceptor<AcidTodoState> = {
+  endpoint: getTodoList,
+  response(params) {
+    if (params?.userId != null) {
+      return this.todos.filter(todo => todo.userId == params.userId);
+    }
+    return this.todos;
   },
+  delay: 150,
+};
+
+export const acidTodoFixtures: Interceptor<AcidTodoState>[] = [
+  getTodoListInterceptor,
   {
     endpoint: getTodo,
     response({ id }) {
@@ -163,16 +165,7 @@ export const acidConsistencyFixtures: Interceptor<AcidConsistencyState>[] = [
 ];
 
 export const acidRollbackFixtures: Interceptor<AcidTodoState>[] = [
-  {
-    endpoint: getTodoList,
-    response(params) {
-      if (params?.userId != null) {
-        return this.todos.filter(todo => todo.userId == params.userId);
-      }
-      return this.todos;
-    },
-    delay: 150,
-  },
+  getTodoListInterceptor,
   {
     endpoint: createTodo,
     response() {
@@ -185,16 +178,7 @@ export const acidRollbackFixtures: Interceptor<AcidTodoState>[] = [
 ];
 
 export const acidSideEffectFixtures: Interceptor<AcidSideEffectState>[] = [
-  {
-    endpoint: getTodoList,
-    response(params) {
-      if (params?.userId != null) {
-        return this.todos.filter(todo => todo.userId == params.userId);
-      }
-      return this.todos;
-    },
-    delay: 150,
-  },
+  getTodoListInterceptor,
   {
     endpoint: getUser,
     response({ id }) {
@@ -206,8 +190,7 @@ export const acidSideEffectFixtures: Interceptor<AcidSideEffectState>[] = [
   },
   {
     endpoint: createTodo,
-    response(...args) {
-      const body = args.length > 1 ? args[1] : args[0];
+    response(body) {
       const todo = {
         completed: false,
         userId: '1',