diff --git a/public/demo-html-trrack/assets/dots-count.html b/public/demo-html-trrack/assets/dots-count.html
index 3c860c1437..52e0f064ac 100644
--- a/public/demo-html-trrack/assets/dots-count.html
+++ b/public/demo-html-trrack/assets/dots-count.html
@@ -142,7 +142,8 @@
 
 
     // Initialize Trrack
-    const trrack = initializeTrrack({
+    const trrack = Revisit.createTrrack({
+        initializeTrrack,
         initialState,
         registry
     });
@@ -182,7 +183,6 @@
         Revisit.postAnswers({
             [taskId]: dots.length
         });
-        Revisit.postProvenance(trrack.graph.backend);
     }
 
     // Register a listener to update the dot chart based on trrack updates.
diff --git a/public/demo-svelte-trrack/assets/dots-count.html b/public/demo-svelte-trrack/assets/dots-count.html
index 10d69adfb2..0272803ad4 100644
--- a/public/demo-svelte-trrack/assets/dots-count.html
+++ b/public/demo-svelte-trrack/assets/dots-count.html
@@ -77,7 +77,8 @@
             }
         );
 
-        const trrack = initializeTrrack({
+        const trrack = Revisit.createTrrack({
+            initializeTrrack,
             initialState,
             registry
         });
@@ -128,7 +129,6 @@
                 Revisit.postAnswers({
                     [taskId]: dots.length
                 });
-                Revisit.postProvenance(trrack.graph.backend);
             }
 
             trrack.currentChange(updateRevisit);
diff --git a/public/revisitUtilities/revisit-communicate.js b/public/revisitUtilities/revisit-communicate.js
index 3fcd766687..f604ff2f5d 100644
--- a/public/revisitUtilities/revisit-communicate.js
+++ b/public/revisitUtilities/revisit-communicate.js
@@ -21,6 +21,48 @@
   let onDataReceiveCallback = null;
   let onProvenanceReceiveCallback = null;
   let onAnswerReceiveCallback = null;
+  const managedTrrackSubscriptions = new Set();
+
+  const appendTraversalEvent = (previousProvenance, incomingProvenance, observedAt) => {
+    const isSameGraph = previousProvenance?.root === incomingProvenance.root;
+    const previousEvents = isSameGraph && Array.isArray(previousProvenance?.traversalEvents)
+      ? previousProvenance.traversalEvents
+      : [];
+    const incomingEvents = Array.isArray(incomingProvenance.traversalEvents)
+      ? incomingProvenance.traversalEvents
+      : [];
+    const traversalEvents = incomingEvents.length >= previousEvents.length
+      ? incomingEvents
+      : previousEvents;
+    const currentNodeId = incomingProvenance.current;
+    const currentNode = incomingProvenance.nodes?.[currentNodeId];
+
+    if (!currentNode || traversalEvents.at(-1)?.nodeId === currentNodeId) {
+      return traversalEvents.length > 0
+        ? { ...incomingProvenance, traversalEvents }
+        : incomingProvenance;
+    }
+
+    const isNewNode = !isSameGraph || !previousProvenance?.nodes?.[currentNodeId];
+    const eventTime = isNewNode ? currentNode.createdOn : observedAt;
+    const previousEventTime = traversalEvents.at(-1)?.createdOn ?? Number.NEGATIVE_INFINITY;
+
+    return {
+      ...incomingProvenance,
+      traversalEvents: [
+        ...traversalEvents,
+        {
+          nodeId: currentNodeId,
+          createdOn: Math.max(eventTime, previousEventTime + 1),
+        },
+      ],
+    };
+  };
+
+  const disposeManagedTrracks = () => {
+    managedTrrackSubscriptions.forEach((unsubscribe) => unsubscribe());
+    managedTrrackSubscriptions.clear();
+  };
 
   window.addEventListener('message', function (e) {
     const data = e.data;
@@ -41,9 +83,35 @@
     postAnswers: (answers) => {
       sendMessage("ANSWERS", answers);
     },
+    /**
+     * @deprecated Use Revisit.createTrrack so every traversal is reported automatically.
+     */
     postProvenance: (provenance) => {
       sendMessage("PROVENANCE", provenance);
     },
+    createTrrack: ({ initializeTrrack, ...options }) => {
+      if (typeof initializeTrrack !== 'function') {
+        throw new TypeError('Revisit.createTrrack requires the Trrack initializeTrrack function.');
+      }
+
+      const trrack = initializeTrrack(options);
+      let previousProvenance;
+      const publishProvenance = () => {
+        const provenance = appendTraversalEvent(
+          previousProvenance,
+          trrack.graph.backend,
+          Date.now(),
+        );
+        previousProvenance = provenance;
+        sendMessage("PROVENANCE", provenance);
+      };
+      const unsubscribe = trrack.currentChange(publishProvenance);
+
+      managedTrrackSubscriptions.add(unsubscribe);
+      publishProvenance();
+
+      return trrack;
+    },
     postEvent: (eventName, objectId) => {
       sendMessage("EVENT", { eventName, objectId });
     },
@@ -72,4 +140,9 @@
     },
     false
   );
+  window.addEventListener('pagehide', (event) => {
+    if (!event.persisted) {
+      disposeManagedTrracks();
+    }
+  });
 })();
diff --git a/src/components/audioAnalysis/provenanceReplay.ts b/src/components/audioAnalysis/provenanceReplay.ts
index 818a8ffed7..ffad23baa6 100644
--- a/src/components/audioAnalysis/provenanceReplay.ts
+++ b/src/components/audioAnalysis/provenanceReplay.ts
@@ -5,29 +5,15 @@ export type ProvenanceReplaySelection = ProvenanceTraversalEvent & {
   fromTraversal: boolean;
 };
 
-export function getReplaySelection(
+/**
+ * @deprecated Graph creation order cannot reproduce undo, redo, or arbitrary
+ * traversal. Retained only for provenance recorded before traversal events.
+ */
+function getLegacyReplaySelection(
   provenance: TrrackedProvenance,
   playTime: number,
   currentNode?: string | null,
 ): ProvenanceReplaySelection {
-  const traversalEvents = getProvenanceTraversalEvents(provenance);
-
-  if (traversalEvents.length > 0) {
-    let replaySelection = {
-      nodeId: provenance.root as string,
-      createdOn: provenance.nodes[provenance.root].createdOn,
-      fromTraversal: true,
-    };
-
-    traversalEvents.forEach((event) => {
-      if (event.createdOn <= playTime) {
-        replaySelection = { ...event, fromTraversal: true };
-      }
-    });
-
-    return replaySelection;
-  }
-
   if (!currentNode || !provenance.nodes[currentNode]) {
     return {
       nodeId: provenance.root as string,
@@ -65,6 +51,32 @@ export function getReplaySelection(
   };
 }
 
+export function getReplaySelection(
+  provenance: TrrackedProvenance,
+  playTime: number,
+  currentNode?: string | null,
+): ProvenanceReplaySelection {
+  const traversalEvents = getProvenanceTraversalEvents(provenance);
+
+  if (traversalEvents.length > 0) {
+    let replaySelection = {
+      nodeId: provenance.root as string,
+      createdOn: provenance.nodes[provenance.root].createdOn,
+      fromTraversal: true,
+    };
+
+    traversalEvents.forEach((event) => {
+      if (event.createdOn <= playTime) {
+        replaySelection = { ...event, fromTraversal: true };
+      }
+    });
+
+    return replaySelection;
+  }
+
+  return getLegacyReplaySelection(provenance, playTime, currentNode);
+}
+
 export function getReplayNodeId(
   provenance: TrrackedProvenance,
   playTime: number,
diff --git a/src/components/response/ResponseBlock.tsx b/src/components/response/ResponseBlock.tsx
index f278a9570e..4d0ad3656d 100644
--- a/src/components/response/ResponseBlock.tsx
+++ b/src/components/response/ResponseBlock.tsx
@@ -8,7 +8,7 @@ import React, {
 import isEqual from 'lodash.isequal';
 import { IconAlertTriangle } from '@tabler/icons-react';
 import { useNavigate } from 'react-router';
-import { Registry, initializeTrrack } from '@trrack/core';
+import { Registry } from '@trrack/core';
 import {
   IndividualComponent,
   ResponseBlockLocation,
@@ -33,7 +33,7 @@ import { shouldUseStimulusValidation } from './stimulusErrors';
 import { ResponseSwitcher } from './ResponseSwitcher';
 import { FeedbackAlert } from './FeedbackAlert';
 import {
-  CustomResponseField, FormElementProvenance, StoredAnswer,
+  CustomResponseField, FormElementProvenance, StoredAnswer, TrrackedProvenance,
 } from '../../store/types';
 import { useStudyConfig } from '../../store/hooks/useStudyConfig';
 import { useStoredAnswer } from '../../store/hooks/useStoredAnswer';
@@ -42,6 +42,7 @@ import { useIsAnalysis } from '../../store/hooks/useIsAnalysis';
 import { responseAnswerIsCorrect } from '../../utils/correctAnswer';
 import { getCustomResponseModule, getCustomResponseModuleLoadError } from './customResponseModules';
 import { appendStimulusShowErrorsToGraph } from './stimulusProvenance';
+import { useManagedTrrack } from '../../store/hooks/useRevisitTrrack';
 import { useStorageEngine } from '../../storage/storageEngineHooks';
 import { showNotification } from '../../utils/notifications';
 import { getAnswersFromAllLocations } from '../../utils/getAnswersFromAllLocations';
@@ -71,10 +72,12 @@ export function ResponseBlock({
 }: Props) {
   const storeDispatch = useStoreDispatch();
   const {
-    updateResponseBlockValidation, saveIncorrectAnswer, saveTrialAnswer, setResponseSubmitAttempt, setStimulusSubmitAttempt, setCheckAnswerResult,
+    updateProvenance, updateResponseBlockValidation, saveIncorrectAnswer, saveTrialAnswer, setResponseSubmitAttempt, setStimulusSubmitAttempt, setCheckAnswerResult,
   } = useStoreActions();
 
   const currentStep = useCurrentStep();
+  const identifier = useCurrentIdentifier();
+  const isAnalysis = useIsAnalysis();
   const currentProvenance = useStoreSelector((state) => state.analysisProvState[location]) as FormElementProvenance | undefined;
 
   const storedAnswer = useMemo(() => currentProvenance?.form || status?.answer, [currentProvenance, status]);
@@ -113,7 +116,7 @@ export function ResponseBlock({
   }), [allResponses]);
 
   // Set up trrack to store provenance graph of the answerValidator status
-  const { actions, trrack } = useMemo(() => {
+  const { actions, registry } = useMemo(() => {
     const reg = Registry.create();
 
     const updateFormAction = reg.register('update', (state, payload: StoredAnswer['answer']) => {
@@ -125,22 +128,29 @@ export function ResponseBlock({
       return state;
     });
 
-    const trrackInst = initializeTrrack({
-      registry: reg,
-      initialState: {
-        form: null,
-        showResponseErrors: false,
-      },
-    });
-
     return {
       actions: {
         updateFormAction,
         updateShowResponseErrorsAction,
       },
-      trrack: trrackInst,
+      registry: reg,
     };
   }, []);
+  const reportProvenance = useCallback((provenanceGraph: TrrackedProvenance) => {
+    if (isAnalysis) return;
+    storeDispatch(updateProvenance({
+      location,
+      identifier,
+      provenanceGraph,
+    }));
+  }, [identifier, isAnalysis, location, storeDispatch, updateProvenance]);
+  const trrack = useManagedTrrack({
+    registry,
+    initialState: {
+      form: null,
+      showResponseErrors: false,
+    },
+  }, reportProvenance, identifier);
 
   const reactiveAnswers = useStoreSelector((state) => state.reactiveAnswers);
 
@@ -150,7 +160,6 @@ export function ResponseBlock({
   const trialValidation = useStoreSelector((state) => state.trialValidation);
   const analysisProvState = useStoreSelector((state) => state.analysisProvState);
   const { goToNextStep } = useNextStep();
-  const isAnalysis = useIsAnalysis();
 
   const studyConfig = useStudyConfig();
 
@@ -158,7 +167,6 @@ export function ResponseBlock({
   const hasCorrectAnswerFeedback = !!provideFeedback && ((config?.correctAnswer?.length || 0) > 0);
   const allowFailedTraining = useMemo(() => config?.allowFailedTraining ?? studyConfig.uiConfig.allowFailedTraining ?? true, [config, studyConfig]);
   const trainingAttempts = useMemo(() => config?.trainingAttempts ?? studyConfig.uiConfig.trainingAttempts ?? 2, [config, studyConfig]);
-  const identifier = useCurrentIdentifier();
   const savedSubmitAttempt = storedAnswerData?.responseSubmitAttempted ?? status?.responseSubmitAttempted ?? false;
   const currentSubmitAttempt = useStoreSelector((state) => state.responseSubmitAttempted[identifier]);
   const liveErrors = currentSubmitAttempt ?? savedSubmitAttempt;
@@ -395,7 +403,6 @@ export function ResponseBlock({
         identifier,
         status: answerValidator.isValid(),
         values: structuredClone(answerValidator.values),
-        provenanceGraph: trrack.graph.backend,
       });
     }
     // Disable exhaustive-deps because we only want this to run when there is a new storedAnswer
@@ -449,7 +456,6 @@ export function ResponseBlock({
         identifier,
         status: answerValidator.isValid() || bypassValidationForFailedTraining,
         values: structuredClone(answerValidator.values),
-        provenanceGraph: trrack.graph.backend,
       }),
     );
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -467,7 +473,6 @@ export function ResponseBlock({
         identifier,
         status: answerValidator.isValid() || bypassValidationForFailedTraining,
         values: structuredClone(answerValidator.values),
-        provenanceGraph: trrack.graph.backend,
       }),
     );
   }, [actions, answerValidator, bypassValidationForFailedTraining, identifier, isAnalysis, liveErrors, location, storeDispatch, trrack, updateResponseBlockValidation]);
diff --git a/src/components/response/tests/ResponseBlock.spec.tsx b/src/components/response/tests/ResponseBlock.spec.tsx
index 9f201944b1..2ad5477e88 100644
--- a/src/components/response/tests/ResponseBlock.spec.tsx
+++ b/src/components/response/tests/ResponseBlock.spec.tsx
@@ -73,6 +73,7 @@ vi.mock('@trrack/core', () => ({
   },
   initializeTrrack: vi.fn(() => ({
     apply: vi.fn(),
+    currentChange: vi.fn(() => vi.fn()),
     graph: {
       backend: {
         root: 'root',
diff --git a/src/controllers/IframeController.tsx b/src/controllers/IframeController.tsx
index 926de75e23..1c1e27e2f5 100644
--- a/src/controllers/IframeController.tsx
+++ b/src/controllers/IframeController.tsx
@@ -12,7 +12,7 @@ const PREFIX = '@REVISIT_COMMS';
 
 export function IframeController({ currentConfig, provState, answers }: { currentConfig: WebsiteComponent; provState?: unknown, answers: ParticipantData['answers'] }) {
   const {
-    setReactiveAnswers, updateResponseBlockValidation,
+    setReactiveAnswers, updateProvenance, updateResponseBlockValidation,
   } = useStoreActions();
   const storeDispatch = useStoreDispatch();
   const dispatch = useDispatch();
@@ -96,15 +96,10 @@ export function IframeController({ currentConfig, provState, answers }: { curren
             break;
           case `${PREFIX}/PROVENANCE`: {
             if (isAnalysis) return;
-            const currentStimulusValidation = stimulusValidationRef.current;
-            storeDispatch(updateResponseBlockValidation({
+            storeDispatch(updateProvenance({
               location: 'stimulus',
               identifier,
-              values: {},
-              status: currentStimulusValidation?.valid ?? true,
               provenanceGraph: data.message,
-              reason: currentStimulusValidation?.reason,
-              message: currentStimulusValidation?.message,
             }));
             break;
           }
@@ -117,7 +112,7 @@ export function IframeController({ currentConfig, provState, answers }: { curren
     window.addEventListener('message', handler);
 
     return () => window.removeEventListener('message', handler);
-  }, [storeDispatch, dispatch, iframeId, currentConfig, sendMessage, setReactiveAnswers, updateResponseBlockValidation, identifier, isAnalysis, provState, answers]);
+  }, [storeDispatch, dispatch, iframeId, currentConfig, sendMessage, setReactiveAnswers, updateProvenance, updateResponseBlockValidation, identifier, isAnalysis, provState, answers]);
 
   return (
     <iframe
diff --git a/src/controllers/ReactComponentController.tsx b/src/controllers/ReactComponentController.tsx
index a9360d2f82..439f41c532 100644
--- a/src/controllers/ReactComponentController.tsx
+++ b/src/controllers/ReactComponentController.tsx
@@ -3,11 +3,12 @@ import {
 } from 'react';
 import { ModuleNamespace } from 'vite/types/hot';
 import { ParticipantData, ReactComponent } from '../parser/types';
-import { StimulusParams } from '../store/types';
+import { StimulusParams, TrrackedProvenance } from '../store/types';
 import { ResourceNotFound } from '../ResourceNotFound';
 import { useStoreDispatch, useStoreActions } from '../store/store';
 import { useCurrentIdentifier } from '../routes/utils';
 import { useIsAnalysis } from '../store/hooks/useIsAnalysis';
+import { RevisitProvenanceProvider } from '../store/hooks/useRevisitTrrack';
 import { ErrorBoundary } from './ErrorBoundary';
 
 const modules = import.meta.glob(
@@ -24,8 +25,16 @@ export function ReactComponentController({ currentConfig, provState, answers }:
   const identifier = useCurrentIdentifier();
 
   const storeDispatch = useStoreDispatch();
-  const { updateResponseBlockValidation, setReactiveAnswers } = useStoreActions();
+  const { updateProvenance, updateResponseBlockValidation, setReactiveAnswers } = useStoreActions();
   const isAnalysis = useIsAnalysis();
+  const onProvenanceChange = useCallback((provenanceGraph: TrrackedProvenance) => {
+    if (isAnalysis) return;
+    storeDispatch(updateProvenance({
+      location: 'stimulus',
+      identifier,
+      provenanceGraph,
+    }));
+  }, [identifier, isAnalysis, storeDispatch, updateProvenance]);
   const setAnswer = useCallback(({
     status,
     provenanceGraph,
@@ -76,12 +85,17 @@ export function ReactComponentController({ currentConfig, provState, answers }:
       {StimulusComponent
         ? (
           <ErrorBoundary onError={handleRuntimeError}>
-            <StimulusComponent
-              parameters={currentConfig.parameters}
-              setAnswer={setAnswer}
-              answers={answers}
-              provenanceState={provState}
-            />
+            <RevisitProvenanceProvider
+              key={identifier}
+              onProvenanceChange={onProvenanceChange}
+            >
+              <StimulusComponent
+                parameters={currentConfig.parameters}
+                setAnswer={setAnswer}
+                answers={answers}
+                provenanceState={provState}
+              />
+            </RevisitProvenanceProvider>
           </ErrorBoundary>
         )
         : <ResourceNotFound path={currentConfig.path} />}
diff --git a/src/controllers/VegaController.tsx b/src/controllers/VegaController.tsx
index b9ee79748c..82aa9aad57 100644
--- a/src/controllers/VegaController.tsx
+++ b/src/controllers/VegaController.tsx
@@ -2,16 +2,17 @@ import {
   useCallback, useEffect, useMemo, useState,
 } from 'react';
 import { Vega, VisualizationSpec, View } from 'react-vega';
-import { initializeTrrack, Registry } from '@trrack/core';
+import { Registry } from '@trrack/core';
 import { VegaProps } from 'react-vega/lib/Vega';
 import { ValueOf, VegaComponent } from '../parser/types';
 import { getJsonAssetByPath } from '../utils/getStaticAsset';
 import { ResourceNotFound } from '../ResourceNotFound';
 import { useStoreActions, useStoreDispatch } from '../store/store';
-import { StimulusParams } from '../store/types';
+import { StimulusParams, TrrackedProvenance } from '../store/types';
 import { useCurrentIdentifier } from '../routes/utils';
 import { useEvent } from '../store/hooks/useEvent';
 import { useIsAnalysis } from '../store/hooks/useIsAnalysis';
+import { useManagedTrrack } from '../store/hooks/useRevisitTrrack';
 
 type Listeners = { [key: string]: (key: string, value: { responseId: string, response: string | number }) => void };
 
@@ -34,11 +35,11 @@ export function VegaController({ currentConfig, provState }: { currentConfig: Ve
 
   const identifier = useCurrentIdentifier();
 
-  const { updateResponseBlockValidation, setReactiveAnswers } = useStoreActions();
+  const { updateProvenance, updateResponseBlockValidation, setReactiveAnswers } = useStoreActions();
   const isAnalysis = useIsAnalysis();
   const [view, setView] = useState<View>();
 
-  const { actions, trrack } = useMemo(() => {
+  const { actions, registry } = useMemo(() => {
     const reg = Registry.create();
 
     const signalAction = reg.register('signal', (state, signalEvt) => {
@@ -46,20 +47,27 @@ export function VegaController({ currentConfig, provState }: { currentConfig: Ve
       return state;
     });
 
-    const trrackInst = initializeTrrack({
-      registry: reg,
-      initialState: {
-        event: {},
-      },
-    });
-
     return {
       actions: {
         signalAction,
       },
-      trrack: trrackInst,
+      registry: reg,
     };
   }, []);
+  const reportProvenance = useCallback((provenanceGraph: TrrackedProvenance) => {
+    if (isAnalysis) return;
+    storeDispatch(updateProvenance({
+      location: 'stimulus',
+      identifier,
+      provenanceGraph,
+    }));
+  }, [identifier, isAnalysis, storeDispatch, updateProvenance]);
+  const trrack = useManagedTrrack({
+    registry,
+    initialState: {
+      event: {},
+    },
+  }, reportProvenance, identifier);
 
   const setAnswer = useCallback(({
     status,
@@ -95,7 +103,6 @@ export function VegaController({ currentConfig, provState }: { currentConfig: Ve
     // Save provenance state after every event
     setAnswer({
       status: stimulusStatus,
-      provenanceGraph: trrack.graph.backend,
       answers: stimulusAnswer,
     });
   });
@@ -112,7 +119,6 @@ export function VegaController({ currentConfig, provState }: { currentConfig: Ve
 
     setAnswer({
       status: true,
-      provenanceGraph: trrack.graph.backend,
       answers: { [responseId]: response },
     });
   });
diff --git a/src/controllers/tests/ComponentController.spec.tsx b/src/controllers/tests/ComponentController.spec.tsx
index aa9c9f7bcb..5b2462cdce 100644
--- a/src/controllers/tests/ComponentController.spec.tsx
+++ b/src/controllers/tests/ComponentController.spec.tsx
@@ -37,6 +37,7 @@ let mockVegaImpl: React.FC = () => React.createElement('div', null, 'Vega');
 
 let mockStoreActions = {
   setReactiveAnswers: vi.fn(),
+  updateProvenance: vi.fn(),
   updateResponseBlockValidation: vi.fn(),
   setAlertModal: vi.fn(),
   setAnalysisCanPlayScreenRecording: vi.fn(),
@@ -225,6 +226,7 @@ vi.mock('@trrack/core', () => ({
   },
   initializeTrrack: vi.fn(() => ({
     apply: vi.fn(),
+    currentChange: vi.fn(() => vi.fn()),
     graph: { backend: {} },
   })),
 }));
@@ -538,6 +540,7 @@ describe('ComponentController — effect coverage (render-based)', () => {
     vi.mocked(useStoreDispatch).mockReturnValue(vi.fn());
     mockStoreActions = {
       setReactiveAnswers: vi.fn(),
+      updateProvenance: vi.fn(),
       updateResponseBlockValidation: vi.fn(),
       setAlertModal: vi.fn(),
       setAnalysisCanPlayScreenRecording: vi.fn(),
@@ -602,6 +605,7 @@ describe('ComponentController — effect coverage (render-based)', () => {
     const setAnalysisCanPlaySpy = vi.fn().mockReturnValue('PLAY_ACTION');
     mockStoreActions = {
       setReactiveAnswers: vi.fn(),
+      updateProvenance: vi.fn(),
       updateResponseBlockValidation: vi.fn(),
       setAlertModal: vi.fn(),
       setAnalysisCanPlayScreenRecording: setAnalysisCanPlaySpy,
@@ -656,6 +660,7 @@ describe('VegaController — signal and event coverage', () => {
     vi.mocked(useStoreDispatch).mockReturnValue(vi.fn());
     mockStoreActions = {
       setReactiveAnswers: vi.fn(),
+      updateProvenance: vi.fn(),
       updateResponseBlockValidation: vi.fn(),
       setAlertModal: vi.fn(),
       setAnalysisCanPlayScreenRecording: vi.fn(),
diff --git a/src/controllers/tests/IframeController.spec.tsx b/src/controllers/tests/IframeController.spec.tsx
index 930c9fd6f4..76aa1f2b48 100644
--- a/src/controllers/tests/IframeController.spec.tsx
+++ b/src/controllers/tests/IframeController.spec.tsx
@@ -10,6 +10,7 @@ import type { WebsiteComponent } from '../../parser/types';
 
 const mockDispatch = vi.fn();
 const mockSetReactiveAnswers = vi.fn((payload) => ({ type: 'setReactiveAnswers', payload }));
+const mockUpdateProvenance = vi.fn((payload) => ({ type: 'updateProvenance', payload }));
 const mockUpdateResponseBlockValidation = vi.fn((payload) => ({ type: 'updateResponseBlockValidation', payload }));
 
 vi.mock('react-redux', () => ({
@@ -28,6 +29,7 @@ vi.mock('../../store/hooks/useIsAnalysis', () => ({
 vi.mock('../../store/store', () => ({
   useStoreActions: () => ({
     setReactiveAnswers: mockSetReactiveAnswers,
+    updateProvenance: mockUpdateProvenance,
     updateResponseBlockValidation: mockUpdateResponseBlockValidation,
   }),
   useStoreDispatch: () => mockDispatch,
@@ -78,6 +80,29 @@ describe('IframeController', () => {
     await waitFor(() => expect(mockDispatch).toHaveBeenCalled());
   });
 
+  test('stores provenance independently from answer validation', async () => {
+    vi.spyOn(crypto, 'randomUUID').mockReturnValue(
+      '11111111-2222-3333-4444-555555555555' as `${string}-${string}-${string}-${string}-${string}`,
+    );
+    render(<IframeController currentConfig={websiteConfig} answers={{}} />);
+    const provenanceGraph = { root: 'root', current: 'root', nodes: {} };
+
+    window.dispatchEvent(new MessageEvent('message', {
+      data: {
+        iframeId: '11111111-2222-3333-4444-555555555555',
+        type: '@REVISIT_COMMS/PROVENANCE',
+        message: provenanceGraph,
+      },
+    }));
+
+    await waitFor(() => expect(mockUpdateProvenance).toHaveBeenCalledWith({
+      location: 'stimulus',
+      identifier: 'countDots_0',
+      provenanceGraph,
+    }));
+    expect(mockUpdateResponseBlockValidation).not.toHaveBeenCalled();
+  });
+
   test('sends STUDY_DATA when a WINDOW_READY message arrives and parameters are set', async () => {
     vi.spyOn(crypto, 'randomUUID').mockReturnValue(
       '11111111-2222-3333-4444-555555555555' as `${string}-${string}-${string}-${string}-${string}`,
diff --git a/src/parser/LibraryConfigSchema.json b/src/parser/LibraryConfigSchema.json
index df00d6a4ae..fb973974db 100644
--- a/src/parser/LibraryConfigSchema.json
+++ b/src/parser/LibraryConfigSchema.json
@@ -2769,7 +2769,7 @@
     },
     "ReactComponent": {
       "additionalProperties": false,
-      "description": "The ReactComponent interface is used to define the properties of a react component. This component is used to render react code with certain parameters. These parameters can be used within your react code to render different things.\n\nUnlike other types of components, the path for a React component is relative to the `src/public/` folder. Similar to our standard assets, we suggest creating a folder named `src/public/{studyName}/assets` to house all of the React component assets for a particular study. Your React component which you link to in the path must be default exported from its file.\n\nReact components created this way have a generic prop type passed to the component on render, `<StimulusParams<T>>`, which has the following types.\n\n```ts {   parameters: T;   setAnswer: ({ status, provenanceGraph, answers }: { status: boolean, provenanceGraph?: TrrackedProvenance, answers: Record<string, any> }) => void } ```\n\n`parameters` is the same object passed in from the ReactComponent type below, allowing you to pass options in from the config to your component. `setAnswer` is a callback function allowing the creator of the ReactComponent to programmatically set the answer, as well as the provenance graph. This can be useful if you don't use the default answer interface, and instead have something more unique.\n\nSo, for example, if I had the following ReactComponent in my config: ```json {   \"type\": \"react-component\",   \"path\": \"my_study/CoolComponent.tsx\",   \"parameters\": {     \"name\": \"Zach\",     \"age\": 26   } } ```\n\nMy react component, CoolComponent.tsx, would exist in src/public/my_study/assets, and look something like this:\n\n```ts export default function CoolComponent({ parameters, setAnswer }: StimulusParams<{name: string, age: number}>) {   // render something } ```\n\nFor in depth examples, see the following studies, and their associated codebases. https://revisit.dev/study/demo-react-trrack (https://github.com/revisit-studies/study/tree/v2.4.3/src/public/demo-react-trrack/assets) https://revisit.dev/study/example-brush-interactions (https://github.com/revisit-studies/study/tree/v2.4.3/src/public/example-brush-interactions/assets)",
+      "description": "The ReactComponent interface is used to define the properties of a react component. This component is used to render react code with certain parameters. These parameters can be used within your react code to render different things.\n\nUnlike other types of components, the path for a React component is relative to the `src/public/` folder. Similar to our standard assets, we suggest creating a folder named `src/public/{studyName}/assets` to house all of the React component assets for a particular study. Your React component which you link to in the path must be default exported from its file.\n\nReact components created this way have a generic prop type passed to the component on render, `<StimulusParams<T>>`, which has the following types.\n\n```ts {   parameters: T;   setAnswer: ({ status, answers }: { status: boolean, answers: Record<string, any> }) => void } ```\n\n`parameters` is the same object passed in from the ReactComponent type below, allowing you to pass options in from the config to your component. `setAnswer` is a callback function allowing the creator of the ReactComponent to programmatically set the answer. This can be useful if you don't use the default answer interface, and instead have something more unique. Use `useRevisitTrrack` instead of `initializeTrrack` when the component needs provenance. The managed hook creates the Trrack instance and reports apply, undo, redo, and other traversals automatically.\n\nSo, for example, if I had the following ReactComponent in my config: ```json {   \"type\": \"react-component\",   \"path\": \"my_study/CoolComponent.tsx\",   \"parameters\": {     \"name\": \"Zach\",     \"age\": 26   } } ```\n\nMy react component, CoolComponent.tsx, would exist in src/public/my_study/assets, and look something like this:\n\n```ts export default function CoolComponent({ parameters, setAnswer }: StimulusParams<{name: string, age: number}>) {   // render something } ```\n\nFor in depth examples, see the following studies, and their associated codebases. https://revisit.dev/study/demo-react-trrack (https://github.com/revisit-studies/study/tree/v2.4.3/src/public/demo-react-trrack/assets) https://revisit.dev/study/example-brush-interactions (https://github.com/revisit-studies/study/tree/v2.4.3/src/public/example-brush-interactions/assets)",
       "properties": {
         "allowFailedTraining": {
           "description": "Controls whether the component should allow failed training. If present, will override the allow failed training setting in the uiConfig.",
@@ -4116,7 +4116,7 @@
     },
     "WebsiteComponent": {
       "additionalProperties": false,
-      "description": "The WebsiteComponent interface is used to define the properties of a website component. A WebsiteComponent is used to render an iframe with a website inside of it. This can be used to display an external website or an html file that is located in the public folder. ```json {   \"type\": \"website\",   \"path\": \"<study-name>/assets/website.html\" } ```\n\nTo pass a data from the config to the website, you can use the `parameters` field as below:\n\n```json {   \"type\": \"website\",   \"path\": \"<study-name>/website.html\",   \"parameters\": {     \"barData\": [0.32, 0.01, 1.2, 1.3, 0.82, 0.4, 0.3]   },   \"response\": [     {       \"id\": \"barChart\",       \"prompt\": \"Your selected answer:\",       \"location\": \"belowStimulus\",       \"type\": \"reactive\"     }   ] } ``` In the `website.html` file, by including `revisit-communicate.js`, you can use the `Revisit.onDataReceive` method to retrieve the data, and `Revisit.postAnswers` to send the user's responses back to the reVISit as shown in the example below:\n\n```html <script src=\"../../revisitUtilities/revisit-communicate.js\"></script> <script> Revisit.onDataReceive((data) => {     const barData = data['barData'];     ...   });\n\n  // Call out that 'barChart' needs to match ID in 'response' object   Revisit.postAnswers({ barChart: userAnswer });   </script> ```\n\nIf the html website implements Trrack library for provenance tracking, you can send the provenance graph back to reVISit by calling `Revisit.postProvenance` as shown in the example below. You need to call this each time the Trrack state is updated so that reVISit is kept aware of the changes in the provenance graph.\n\n```ts const trrack = initializeTrrack({     initialState,     registry   });\n\n  ...   Revisit.postProvenance(trrack.graph.backend); ```",
+      "description": "The WebsiteComponent interface is used to define the properties of a website component. A WebsiteComponent is used to render an iframe with a website inside of it. This can be used to display an external website or an html file that is located in the public folder. ```json {   \"type\": \"website\",   \"path\": \"<study-name>/assets/website.html\" } ```\n\nTo pass a data from the config to the website, you can use the `parameters` field as below:\n\n```json {   \"type\": \"website\",   \"path\": \"<study-name>/website.html\",   \"parameters\": {     \"barData\": [0.32, 0.01, 1.2, 1.3, 0.82, 0.4, 0.3]   },   \"response\": [     {       \"id\": \"barChart\",       \"prompt\": \"Your selected answer:\",       \"location\": \"belowStimulus\",       \"type\": \"reactive\"     }   ] } ``` In the `website.html` file, by including `revisit-communicate.js`, you can use the `Revisit.onDataReceive` method to retrieve the data, and `Revisit.postAnswers` to send the user's responses back to the reVISit as shown in the example below:\n\n```html <script src=\"../../revisitUtilities/revisit-communicate.js\"></script> <script> Revisit.onDataReceive((data) => {     const barData = data['barData'];     ...   });\n\n  // Call out that 'barChart' needs to match ID in 'response' object   Revisit.postAnswers({ barChart: userAnswer });   </script> ```\n\nIf the html website implements Trrack provenance tracking, create the instance through `Revisit.createTrrack`. reVISit subscribes before returning the instance and automatically reports apply, undo, redo, and other traversals.\n\n```ts const trrack = Revisit.createTrrack({     initializeTrrack,     initialState,     registry   }); ```",
       "properties": {
         "allowFailedTraining": {
           "description": "Controls whether the component should allow failed training. If present, will override the allow failed training setting in the uiConfig.",
diff --git a/src/parser/StudyConfigSchema.json b/src/parser/StudyConfigSchema.json
index 46ceb071a5..bb2c9c49ad 100644
--- a/src/parser/StudyConfigSchema.json
+++ b/src/parser/StudyConfigSchema.json
@@ -2793,7 +2793,7 @@
     },
     "ReactComponent": {
       "additionalProperties": false,
-      "description": "The ReactComponent interface is used to define the properties of a react component. This component is used to render react code with certain parameters. These parameters can be used within your react code to render different things.\n\nUnlike other types of components, the path for a React component is relative to the `src/public/` folder. Similar to our standard assets, we suggest creating a folder named `src/public/{studyName}/assets` to house all of the React component assets for a particular study. Your React component which you link to in the path must be default exported from its file.\n\nReact components created this way have a generic prop type passed to the component on render, `<StimulusParams<T>>`, which has the following types.\n\n```ts {   parameters: T;   setAnswer: ({ status, provenanceGraph, answers }: { status: boolean, provenanceGraph?: TrrackedProvenance, answers: Record<string, any> }) => void } ```\n\n`parameters` is the same object passed in from the ReactComponent type below, allowing you to pass options in from the config to your component. `setAnswer` is a callback function allowing the creator of the ReactComponent to programmatically set the answer, as well as the provenance graph. This can be useful if you don't use the default answer interface, and instead have something more unique.\n\nSo, for example, if I had the following ReactComponent in my config: ```json {   \"type\": \"react-component\",   \"path\": \"my_study/CoolComponent.tsx\",   \"parameters\": {     \"name\": \"Zach\",     \"age\": 26   } } ```\n\nMy react component, CoolComponent.tsx, would exist in src/public/my_study/assets, and look something like this:\n\n```ts export default function CoolComponent({ parameters, setAnswer }: StimulusParams<{name: string, age: number}>) {   // render something } ```\n\nFor in depth examples, see the following studies, and their associated codebases. https://revisit.dev/study/demo-react-trrack (https://github.com/revisit-studies/study/tree/v2.4.3/src/public/demo-react-trrack/assets) https://revisit.dev/study/example-brush-interactions (https://github.com/revisit-studies/study/tree/v2.4.3/src/public/example-brush-interactions/assets)",
+      "description": "The ReactComponent interface is used to define the properties of a react component. This component is used to render react code with certain parameters. These parameters can be used within your react code to render different things.\n\nUnlike other types of components, the path for a React component is relative to the `src/public/` folder. Similar to our standard assets, we suggest creating a folder named `src/public/{studyName}/assets` to house all of the React component assets for a particular study. Your React component which you link to in the path must be default exported from its file.\n\nReact components created this way have a generic prop type passed to the component on render, `<StimulusParams<T>>`, which has the following types.\n\n```ts {   parameters: T;   setAnswer: ({ status, answers }: { status: boolean, answers: Record<string, any> }) => void } ```\n\n`parameters` is the same object passed in from the ReactComponent type below, allowing you to pass options in from the config to your component. `setAnswer` is a callback function allowing the creator of the ReactComponent to programmatically set the answer. This can be useful if you don't use the default answer interface, and instead have something more unique. Use `useRevisitTrrack` instead of `initializeTrrack` when the component needs provenance. The managed hook creates the Trrack instance and reports apply, undo, redo, and other traversals automatically.\n\nSo, for example, if I had the following ReactComponent in my config: ```json {   \"type\": \"react-component\",   \"path\": \"my_study/CoolComponent.tsx\",   \"parameters\": {     \"name\": \"Zach\",     \"age\": 26   } } ```\n\nMy react component, CoolComponent.tsx, would exist in src/public/my_study/assets, and look something like this:\n\n```ts export default function CoolComponent({ parameters, setAnswer }: StimulusParams<{name: string, age: number}>) {   // render something } ```\n\nFor in depth examples, see the following studies, and their associated codebases. https://revisit.dev/study/demo-react-trrack (https://github.com/revisit-studies/study/tree/v2.4.3/src/public/demo-react-trrack/assets) https://revisit.dev/study/example-brush-interactions (https://github.com/revisit-studies/study/tree/v2.4.3/src/public/example-brush-interactions/assets)",
       "properties": {
         "allowFailedTraining": {
           "description": "Controls whether the component should allow failed training. If present, will override the allow failed training setting in the uiConfig.",
@@ -4464,7 +4464,7 @@
     },
     "WebsiteComponent": {
       "additionalProperties": false,
-      "description": "The WebsiteComponent interface is used to define the properties of a website component. A WebsiteComponent is used to render an iframe with a website inside of it. This can be used to display an external website or an html file that is located in the public folder. ```json {   \"type\": \"website\",   \"path\": \"<study-name>/assets/website.html\" } ```\n\nTo pass a data from the config to the website, you can use the `parameters` field as below:\n\n```json {   \"type\": \"website\",   \"path\": \"<study-name>/website.html\",   \"parameters\": {     \"barData\": [0.32, 0.01, 1.2, 1.3, 0.82, 0.4, 0.3]   },   \"response\": [     {       \"id\": \"barChart\",       \"prompt\": \"Your selected answer:\",       \"location\": \"belowStimulus\",       \"type\": \"reactive\"     }   ] } ``` In the `website.html` file, by including `revisit-communicate.js`, you can use the `Revisit.onDataReceive` method to retrieve the data, and `Revisit.postAnswers` to send the user's responses back to the reVISit as shown in the example below:\n\n```html <script src=\"../../revisitUtilities/revisit-communicate.js\"></script> <script> Revisit.onDataReceive((data) => {     const barData = data['barData'];     ...   });\n\n  // Call out that 'barChart' needs to match ID in 'response' object   Revisit.postAnswers({ barChart: userAnswer });   </script> ```\n\nIf the html website implements Trrack library for provenance tracking, you can send the provenance graph back to reVISit by calling `Revisit.postProvenance` as shown in the example below. You need to call this each time the Trrack state is updated so that reVISit is kept aware of the changes in the provenance graph.\n\n```ts const trrack = initializeTrrack({     initialState,     registry   });\n\n  ...   Revisit.postProvenance(trrack.graph.backend); ```",
+      "description": "The WebsiteComponent interface is used to define the properties of a website component. A WebsiteComponent is used to render an iframe with a website inside of it. This can be used to display an external website or an html file that is located in the public folder. ```json {   \"type\": \"website\",   \"path\": \"<study-name>/assets/website.html\" } ```\n\nTo pass a data from the config to the website, you can use the `parameters` field as below:\n\n```json {   \"type\": \"website\",   \"path\": \"<study-name>/website.html\",   \"parameters\": {     \"barData\": [0.32, 0.01, 1.2, 1.3, 0.82, 0.4, 0.3]   },   \"response\": [     {       \"id\": \"barChart\",       \"prompt\": \"Your selected answer:\",       \"location\": \"belowStimulus\",       \"type\": \"reactive\"     }   ] } ``` In the `website.html` file, by including `revisit-communicate.js`, you can use the `Revisit.onDataReceive` method to retrieve the data, and `Revisit.postAnswers` to send the user's responses back to the reVISit as shown in the example below:\n\n```html <script src=\"../../revisitUtilities/revisit-communicate.js\"></script> <script> Revisit.onDataReceive((data) => {     const barData = data['barData'];     ...   });\n\n  // Call out that 'barChart' needs to match ID in 'response' object   Revisit.postAnswers({ barChart: userAnswer });   </script> ```\n\nIf the html website implements Trrack provenance tracking, create the instance through `Revisit.createTrrack`. reVISit subscribes before returning the instance and automatically reports apply, undo, redo, and other traversals.\n\n```ts const trrack = Revisit.createTrrack({     initializeTrrack,     initialState,     registry   }); ```",
       "properties": {
         "allowFailedTraining": {
           "description": "Controls whether the component should allow failed training. If present, will override the allow failed training setting in the uiConfig.",
diff --git a/src/parser/types.ts b/src/parser/types.ts
index a90efae986..d05d20bb7a 100644
--- a/src/parser/types.ts
+++ b/src/parser/types.ts
@@ -1123,12 +1123,13 @@ export interface MarkdownComponent extends BaseIndividualComponent {
  * ```ts
  * {
  *   parameters: T;
- *   setAnswer: ({ status, provenanceGraph, answers }: { status: boolean, provenanceGraph?: TrrackedProvenance, answers: Record<string, any> }) => void
+ *   setAnswer: ({ status, answers }: { status: boolean, answers: Record<string, any> }) => void
  * }
  * ```
  *
  * `parameters` is the same object passed in from the ReactComponent type below, allowing you to pass options in from the config to your component.
- * `setAnswer` is a callback function allowing the creator of the ReactComponent to programmatically set the answer, as well as the provenance graph. This can be useful if you don't use the default answer interface, and instead have something more unique.
+ * `setAnswer` is a callback function allowing the creator of the ReactComponent to programmatically set the answer. This can be useful if you don't use the default answer interface, and instead have something more unique.
+ * Use `useRevisitTrrack` instead of `initializeTrrack` when the component needs provenance. The managed hook creates the Trrack instance and reports apply, undo, redo, and other traversals automatically.
  *
  * So, for example, if I had the following ReactComponent in my config:
  * ```json
@@ -1225,16 +1226,14 @@ export interface ImageComponent extends BaseIndividualComponent {
  *   </script>
  * ```
  *
- * If the html website implements Trrack library for provenance tracking, you can send the provenance graph back to reVISit by calling `Revisit.postProvenance` as shown in the example below. You need to call this each time the Trrack state is updated so that reVISit is kept aware of the changes in the provenance graph.
+ * If the html website implements Trrack provenance tracking, create the instance through `Revisit.createTrrack`. reVISit subscribes before returning the instance and automatically reports apply, undo, redo, and other traversals.
  *
  * ```ts
- * const trrack = initializeTrrack({
+ * const trrack = Revisit.createTrrack({
+ *     initializeTrrack,
  *     initialState,
  *     registry
  *   });
- *
- *   ...
- *   Revisit.postProvenance(trrack.graph.backend);
  * ```
 
  */
diff --git a/src/public/demo-choropleth-map/assets/Map.tsx b/src/public/demo-choropleth-map/assets/Map.tsx
index 2a39468516..c0f342b419 100644
--- a/src/public/demo-choropleth-map/assets/Map.tsx
+++ b/src/public/demo-choropleth-map/assets/Map.tsx
@@ -3,9 +3,8 @@ import {
 } from 'react';
 import { Button, Tooltip } from '@mantine/core';
 import * as d3 from 'd3';
-import { initializeTrrack } from '@trrack/core';
-
 import { StimulusParams } from '../../../store/types';
+import { useRevisitTrrack } from '../../../store/hooks/useRevisitTrrack';
 import type { CsvRow, MapParameters, MapState } from './types';
 import {
   initialState,
@@ -38,17 +37,13 @@ function Map({
   );
 
   // Initialize Trrack instance
-  const trrack = useMemo(
-    () => initializeTrrack({ initialState, registry }),
-    [],
-  );
+  const trrack = useRevisitTrrack({ initialState, registry });
 
   // Sync selected states to trrack
   useEffect(() => {
     trrack.apply('select', selectStateAction(selectedStates));
 
     setAnswer({
-      provenanceGraph: trrack.graph.backend,
       status: true,
       answers: { selectedStates },
     });
@@ -59,7 +54,6 @@ function Map({
     trrack.apply('hover', hoverStateAction(hoveredState));
 
     setAnswer({
-      provenanceGraph: trrack.graph.backend,
       status: true,
       answers: { hoveredState },
     });
diff --git a/src/public/demo-react-trrack/assets/DemoReactTrrack.tsx b/src/public/demo-react-trrack/assets/DemoReactTrrack.tsx
index 48dd382f82..3477318cf3 100644
--- a/src/public/demo-react-trrack/assets/DemoReactTrrack.tsx
+++ b/src/public/demo-react-trrack/assets/DemoReactTrrack.tsx
@@ -4,8 +4,9 @@ import {
 import {
   Box, Center, Stack, Text, TextInput,
 } from '@mantine/core';
-import { initializeTrrack, Registry } from '@trrack/core';
+import { Registry } from '@trrack/core';
 import { StimulusParams } from '../../../store/types';
+import { useRevisitTrrack } from '../../../store/hooks/useRevisitTrrack';
 
 /** State shape for provenance tracking (used during replay) */
 interface StroopState {
@@ -25,31 +26,30 @@ function StroopColorTask({ parameters, setAnswer, provenanceState }: StimulusPar
   const { displayText = '', textColor = 'black' } = parameters;
 
   // Create Trrack instance and actions once (see provenance-tracking docs)
-  const { actions, trrack } = useMemo(() => {
+  const { actions, registry } = useMemo(() => {
     const reg = Registry.create();
     const setResponseAction = reg.register('setResponse', (state, nextResponse: string) => {
       state.response = nextResponse;
       return state;
     });
-    const trrackInst = initializeTrrack({
-      registry: reg,
-      initialState: { response: '' },
-    });
     return {
       actions: { setResponseAction },
-      trrack: trrackInst,
+      registry: reg,
     };
   }, []);
+  const trrack = useRevisitTrrack({
+    registry,
+    initialState: { response: '' },
+  });
 
   const [responseText, setResponseText] = useState('');
 
-  // Update local state, record in provenance, and pass to reVISit
+  // Update local state and answer; reVISit records provenance automatically.
   const updateAnswer = useCallback((value: string) => {
     setResponseText(value);
     trrack.apply('Set response', actions.setResponseAction(value));
     setAnswer({
       status: value.trim().length > 0,
-      provenanceGraph: trrack.graph.backend,
       answers: { stroopAnswer: value },
     });
   }, [actions, setAnswer, trrack]);
diff --git a/src/public/example-brush-interactions/assets/BrushPlot.tsx b/src/public/example-brush-interactions/assets/BrushPlot.tsx
index ef2700f931..70ba7d98a0 100644
--- a/src/public/example-brush-interactions/assets/BrushPlot.tsx
+++ b/src/public/example-brush-interactions/assets/BrushPlot.tsx
@@ -6,13 +6,14 @@ import {
 } from 'react';
 import { from, escape } from 'arquero';
 import ColumnTable from 'arquero/dist/types/table/column-table';
-import { Registry, initializeTrrack } from '@trrack/core';
+import { Registry } from '@trrack/core';
 import * as d3 from 'd3';
 import debounce from 'lodash.debounce';
 import { Scatter } from './Scatter';
 import { Bar } from './Bar';
 import { StimulusParams } from '../../../store/types';
 import { BrushParams, BrushState, SelectionType } from './types';
+import { useRevisitTrrack } from '../../../store/hooks/useRevisitTrrack';
 
 export function BrushPlot({
   parameters, setAnswer, provenanceState, updateState = () => null,
@@ -50,7 +51,7 @@ export function BrushPlot({
   }, [data]);
 
   // creating provenance tracking
-  const { actions, trrack } = useMemo(() => {
+  const { actions, registry } = useMemo(() => {
     const reg = Registry.create();
 
     const brush = reg.register('brush', (state, currBrush: BrushState) => {
@@ -73,15 +74,6 @@ export function BrushPlot({
       return state;
     });
 
-    const trrackInst = initializeTrrack({
-      registry: reg,
-      initialState: {
-        all: {
-          hasBrush: false, x1: null, x2: null, y1: null, y2: null, ids: [],
-        },
-      },
-    });
-
     return {
       actions: {
         brush,
@@ -89,9 +81,17 @@ export function BrushPlot({
         brushResize,
         clearBrush,
       },
-      trrack: trrackInst,
+      registry: reg,
     };
   }, []);
+  const trrack = useRevisitTrrack({
+    registry,
+    initialState: {
+      all: {
+        hasBrush: false, x1: null, x2: null, y1: null, y2: null, ids: [],
+      },
+    },
+  });
 
   const moveBrushCallback = useCallback((selType: SelectionType, state: BrushState) => {
     if (selType === 'drag') {
@@ -151,7 +151,6 @@ export function BrushPlot({
 
     setAnswer({
       status: true,
-      provenanceGraph: trrack.graph.backend,
       answers: {},
     });
   // eslint-disable-next-line react-hooks/exhaustive-deps
diff --git a/src/public/example-llm-chatbot/assets/LLMInterface.tsx b/src/public/example-llm-chatbot/assets/LLMInterface.tsx
index d7ac38f127..f4d34939d3 100644
--- a/src/public/example-llm-chatbot/assets/LLMInterface.tsx
+++ b/src/public/example-llm-chatbot/assets/LLMInterface.tsx
@@ -2,11 +2,12 @@ import { Grid } from '@mantine/core';
 import {
   useMemo, useCallback,
 } from 'react';
-import { Registry, Trrack, initializeTrrack } from '@trrack/core';
+import { Registry, Trrack } from '@trrack/core';
 import ChatInterface from './ChatInterface';
 import ImageDisplay from './ImageDisplay';
 import { StimulusParams } from '../../../store/types';
 import { ChatMessage, ChatProvenanceState } from './types';
+import { useRevisitTrrack } from '../../../store/hooks/useRevisitTrrack';
 
 type ChatTrrackState = {
   messages: ChatMessage[];
@@ -16,11 +17,11 @@ export default function LLMInterface({
   setAnswer, provenanceState,
 }: StimulusParams<ChatProvenanceState>) {
   // Setup provenance tracking (Trrack)
-  const { actions, trrack } = useMemo<{
+  const { actions, registry } = useMemo<{
     actions: {
       updateMessages: (messages: ChatMessage[]) => { payload: ChatMessage[]; type: string };
     };
-    trrack: Trrack<ChatTrrackState, string>;
+    registry: Trrack<ChatTrrackState, string>['registry'];
   }>(() => {
     const reg = Registry.create();
 
@@ -30,31 +31,28 @@ export default function LLMInterface({
       return state;
     });
 
-    // Initialize Trrack with an empty message list
-    const trrackInst = initializeTrrack({
-      registry: reg,
-      initialState: {
-        messages: [] as ChatMessage[],
-      },
-    });
-
     return {
       actions: {
         updateMessages,
       },
-      trrack: trrackInst,
+      registry: reg,
     };
   }, []);
+  const trrack = useRevisitTrrack({
+    registry,
+    initialState: {
+      messages: [] as ChatMessage[],
+    },
+  });
 
   const updateProvenanceState = useCallback((messages: unknown[]) => {
     setAnswer({
       status: true,
-      provenanceGraph: trrack.graph.backend,
       answers: {
         messages: JSON.stringify(messages),
       },
     });
-  }, [setAnswer, trrack.graph.backend]);
+  }, [setAnswer]);
 
   return (
     <Grid gutter="md">
diff --git a/src/public/libraries/mic-check/assets/AudioTest.tsx b/src/public/libraries/mic-check/assets/AudioTest.tsx
index c08b4d37fc..4f04f3f669 100644
--- a/src/public/libraries/mic-check/assets/AudioTest.tsx
+++ b/src/public/libraries/mic-check/assets/AudioTest.tsx
@@ -41,7 +41,6 @@ export function AudioTest({ setAnswer }: StimulusParams<undefined>) {
             soundDetected = true;
             setAnswer({
               status: true,
-              provenanceGraph: undefined,
               answers: {
                 audioTest: true,
               },
diff --git a/src/public/libraries/screen-recording/assets/ScreenRecording.tsx b/src/public/libraries/screen-recording/assets/ScreenRecording.tsx
index e53f73928a..1ada3378f4 100644
--- a/src/public/libraries/screen-recording/assets/ScreenRecording.tsx
+++ b/src/public/libraries/screen-recording/assets/ScreenRecording.tsx
@@ -23,7 +23,6 @@ function ScreenRecordingPermission({ setAnswer }: StimulusParams<undefined>) {
   useEffect(() => {
     setAnswer({
       status: screenCapturing && (studyHasAudioRecording ? audioCapturingSuccess : true),
-      provenanceGraph: undefined,
       answers: {
         screenRecordingPermission: screenCapturing,
       },
diff --git a/src/public/tutorial/assets/ReactExample.tsx b/src/public/tutorial/assets/ReactExample.tsx
index c5d66ec0f0..0cf49a3a57 100644
--- a/src/public/tutorial/assets/ReactExample.tsx
+++ b/src/public/tutorial/assets/ReactExample.tsx
@@ -1,14 +1,15 @@
 import { useCallback, useMemo, useState } from 'react';
-import { initializeTrrack, Registry } from '@trrack/core';
+import { Registry } from '@trrack/core';
 import BrushPlotWrapper from './BrushPlotWrapper';
 import { StimulusParams } from '../../../store/types';
 import { BrushParams, BrushState } from '../../example-brush-interactions/assets/types';
+import { useRevisitTrrack } from '../../../store/hooks/useRevisitTrrack';
 
 export default function ReactExample({ parameters, setAnswer, provenanceState }: StimulusParams<BrushParams, BrushState>) {
   const [brushState, setBrushState] = useState<BrushState>();
 
   // creating provenance tracking
-  const { actions, trrack } = useMemo(() => {
+  const { actions, registry } = useMemo(() => {
     const reg = Registry.create();
 
     const brush = reg.register('brush', (state, currBrush: BrushState) => {
@@ -16,22 +17,21 @@ export default function ReactExample({ parameters, setAnswer, provenanceState }:
       return state;
     });
 
-    const trrackInst = initializeTrrack({
-      registry: reg,
-      initialState: {
-        brush: {
-          hasBrush: false, x1: null, x2: null, y1: null, y2: null, ids: [],
-        },
-      },
-    });
-
     return {
       actions: {
         brush,
       },
-      trrack: trrackInst,
+      registry: reg,
     };
   }, []);
+  const trrack = useRevisitTrrack({
+    registry,
+    initialState: {
+      brush: {
+        hasBrush: false, x1: null, x2: null, y1: null, y2: null, ids: [],
+      },
+    },
+  });
 
   const onStateChange = useCallback((b: BrushState) => {
     setBrushState(b);
@@ -40,11 +40,10 @@ export default function ReactExample({ parameters, setAnswer, provenanceState }:
     setAnswer({
       answers: {},
       status: true,
-      provenanceGraph: trrack.graph.backend,
     });
   }, [actions, setAnswer, trrack]);
 
   return (
     <BrushPlotWrapper params={parameters} state={provenanceState || brushState} onStateChange={onStateChange} answers={{}} />
   );
-}
\ No newline at end of file
+}
diff --git a/src/store/hooks/tests/useRevisitTrrack.spec.tsx b/src/store/hooks/tests/useRevisitTrrack.spec.tsx
new file mode 100644
index 0000000000..a67dabe421
--- /dev/null
+++ b/src/store/hooks/tests/useRevisitTrrack.spec.tsx
@@ -0,0 +1,181 @@
+// @vitest-environment jsdom
+
+import { render, waitFor } from '@testing-library/react';
+import { useLayoutEffect } from 'react';
+import {
+  beforeEach, describe, expect, test, vi,
+} from 'vitest';
+import type { ConfigureTrrackOptions } from '@trrack/core';
+import {
+  RevisitProvenanceProvider,
+  useRevisitTrrack,
+} from '../useRevisitTrrack';
+import type { TrrackedProvenance } from '../../types';
+
+const trrackMock = vi.hoisted(() => {
+  let listener: (() => void) | undefined;
+  let subscribed = false;
+  const unsubscribe = vi.fn(() => {
+    subscribed = false;
+    listener = undefined;
+    return true;
+  });
+  const trrack = {
+    graph: {
+      backend: {} as TrrackedProvenance,
+    },
+    currentChange: vi.fn((nextListener: () => void) => {
+      listener = nextListener;
+      subscribed = true;
+      return unsubscribe;
+    }),
+  };
+
+  return {
+    emit(provenance: TrrackedProvenance) {
+      trrack.graph.backend = provenance;
+      listener?.();
+    },
+    initializeTrrack: vi.fn(() => trrack),
+    isSubscribed: () => subscribed,
+    reset() {
+      listener = undefined;
+      subscribed = false;
+      unsubscribe.mockClear();
+      trrack.currentChange.mockClear();
+      trrack.graph.backend = {} as TrrackedProvenance;
+    },
+    trrack,
+    unsubscribe,
+  };
+});
+
+vi.mock('@trrack/core', () => ({
+  initializeTrrack: trrackMock.initializeTrrack,
+}));
+
+const rootNode = {
+  id: 'root', createdOn: 100, children: [],
+} as unknown as TrrackedProvenance['nodes'][string];
+const childNode = {
+  id: 'child', parent: 'root', createdOn: 200, children: [],
+} as unknown as TrrackedProvenance['nodes'][string];
+const branchNode = {
+  id: 'branch', parent: 'root', createdOn: 300, children: [],
+} as unknown as TrrackedProvenance['nodes'][string];
+
+function makeGraph(
+  current: string,
+  nodes: TrrackedProvenance['nodes'] = { root: rootNode },
+): TrrackedProvenance {
+  return {
+    root: 'root',
+    current,
+    nodes,
+  } as TrrackedProvenance;
+}
+
+function setupStimulus(
+  onProvenanceChange: (provenance: TrrackedProvenance) => void,
+  onLayout?: () => void,
+) {
+  trrackMock.trrack.graph.backend = makeGraph('root');
+  const options = {
+    registry: {},
+    initialState: { count: 0 },
+  } as ConfigureTrrackOptions<{ count: number }, string>;
+
+  function Stimulus() {
+    useRevisitTrrack(options);
+    useLayoutEffect(() => {
+      onLayout?.();
+    }, []);
+    return null;
+  }
+
+  return render(
+    <RevisitProvenanceProvider onProvenanceChange={onProvenanceChange}>
+      <Stimulus />
+    </RevisitProvenanceProvider>,
+  );
+}
+
+describe('useRevisitTrrack', () => {
+  beforeEach(() => {
+    trrackMock.reset();
+  });
+
+  test('records apply, undo, redo, and post-undo branches in chronological order', async () => {
+    const reported: TrrackedProvenance[] = [];
+    setupStimulus((provenance) => reported.push(provenance));
+
+    await waitFor(() => expect(reported).toHaveLength(1));
+
+    const linearNodes = {
+      root: { ...rootNode, children: ['child'] },
+      child: childNode,
+    } as TrrackedProvenance['nodes'];
+    trrackMock.emit(makeGraph('child', linearNodes));
+    trrackMock.emit(makeGraph('root', linearNodes));
+    trrackMock.emit(makeGraph('child', linearNodes));
+    trrackMock.emit(makeGraph('root', linearNodes));
+    trrackMock.emit(makeGraph('branch', {
+      root: { ...rootNode, children: ['child', 'branch'] },
+      child: childNode,
+      branch: branchNode,
+    } as TrrackedProvenance['nodes']));
+
+    const traversalEvents = reported.at(-1)!.traversalEvents!;
+    expect(traversalEvents.map(({ nodeId }) => nodeId)).toEqual([
+      'root', 'child', 'root', 'child', 'root', 'branch',
+    ]);
+    expect(traversalEvents.map(({ createdOn }) => createdOn)).toEqual(
+      [...traversalEvents]
+        .map(({ createdOn }) => createdOn)
+        .sort((first, second) => first - second),
+    );
+  });
+
+  test('subscribes before publishing and unsubscribes when the stimulus unmounts', async () => {
+    const onProvenanceChange = vi.fn(() => {
+      expect(trrackMock.isSubscribed()).toBe(true);
+    });
+    const rendered = setupStimulus(onProvenanceChange);
+
+    await waitFor(() => expect(onProvenanceChange).toHaveBeenCalledTimes(1));
+    rendered.unmount();
+    trrackMock.emit(makeGraph('root'));
+
+    expect(trrackMock.unsubscribe).toHaveBeenCalledTimes(1);
+    expect(onProvenanceChange).toHaveBeenCalledTimes(1);
+  });
+
+  test('captures transitions from stimulus layout effects', async () => {
+    const onProvenanceChange = vi.fn();
+    setupStimulus(onProvenanceChange, () => {
+      trrackMock.emit(makeGraph('child', {
+        root: { ...rootNode, children: ['child'] },
+        child: childNode,
+      } as TrrackedProvenance['nodes']));
+    });
+
+    await waitFor(() => expect(onProvenanceChange).toHaveBeenCalledTimes(2));
+    expect(onProvenanceChange.mock.calls[1][0].traversalEvents?.map(({ nodeId }: { nodeId: string }) => nodeId)).toEqual([
+      'root', 'child',
+    ]);
+  });
+
+  test('requires the reVISit stimulus provider', () => {
+    function InvalidStimulus() {
+      useRevisitTrrack({
+        registry: {},
+        initialState: {},
+      } as ConfigureTrrackOptions<Record<string, never>, string>);
+      return null;
+    }
+
+    expect(() => render(<InvalidStimulus />)).toThrow(
+      'useRevisitTrrack must be used within a reVISit React stimulus.',
+    );
+  });
+});
diff --git a/src/store/hooks/useRevisitTrrack.tsx b/src/store/hooks/useRevisitTrrack.tsx
new file mode 100644
index 0000000000..a6b84c9d3c
--- /dev/null
+++ b/src/store/hooks/useRevisitTrrack.tsx
@@ -0,0 +1,103 @@
+import {
+  createContext, ReactNode, useContext, useEffect, useInsertionEffect, useRef,
+} from 'react';
+import { initializeTrrack } from '@trrack/core';
+import type { ConfigureTrrackOptions, Trrack } from '@trrack/core';
+import { appendProvenanceTraversalEvent } from '../provenance';
+import type { TrrackedProvenance } from '../types';
+
+export type ProvenanceChangeHandler = (provenance: TrrackedProvenance) => void;
+
+const RevisitProvenanceContext = createContext<ProvenanceChangeHandler | null>(null);
+
+export function RevisitProvenanceProvider({
+  children,
+  onProvenanceChange,
+}: {
+  children: ReactNode;
+  onProvenanceChange: ProvenanceChangeHandler;
+}) {
+  return (
+    <RevisitProvenanceContext.Provider value={onProvenanceChange}>
+      {children}
+    </RevisitProvenanceContext.Provider>
+  );
+}
+
+export function useManagedTrrack<State, Event extends string = string>(
+  options: ConfigureTrrackOptions<State, Event>,
+  onProvenanceChange: ProvenanceChangeHandler,
+  scopeKey: string = 'default',
+): Trrack<State, Event> {
+  const trrackRef = useRef<{
+    scopeKey: string;
+    trrack: Trrack<State, Event>;
+  } | null>(null);
+  const previousProvenanceRef = useRef<TrrackedProvenance | undefined>(undefined);
+  const pendingProvenanceRef = useRef<TrrackedProvenance[]>([]);
+  const activeHandlerRef = useRef<ProvenanceChangeHandler | null>(null);
+
+  if (!trrackRef.current || trrackRef.current.scopeKey !== scopeKey) {
+    trrackRef.current = {
+      scopeKey,
+      trrack: initializeTrrack(options),
+    };
+  }
+
+  const { trrack } = trrackRef.current;
+
+  useInsertionEffect(() => {
+    previousProvenanceRef.current = undefined;
+    pendingProvenanceRef.current = [];
+    activeHandlerRef.current = null;
+
+    const publishProvenance = () => {
+      const provenance = appendProvenanceTraversalEvent(
+        previousProvenanceRef.current,
+        trrack.graph.backend as TrrackedProvenance,
+        Date.now(),
+      );
+      previousProvenanceRef.current = provenance;
+      if (activeHandlerRef.current) {
+        activeHandlerRef.current(provenance);
+      } else {
+        pendingProvenanceRef.current.push(provenance);
+      }
+    };
+
+    const unsubscribe = trrack.currentChange(publishProvenance);
+    publishProvenance();
+
+    return () => {
+      unsubscribe();
+    };
+  }, [trrack]);
+
+  useEffect(() => {
+    activeHandlerRef.current = onProvenanceChange;
+    pendingProvenanceRef.current.forEach(onProvenanceChange);
+    pendingProvenanceRef.current = [];
+
+    return () => {
+      activeHandlerRef.current = null;
+    };
+  }, [onProvenanceChange, trrack]);
+
+  return trrack;
+}
+
+/**
+ * Creates a Trrack instance whose complete traversal history is automatically
+ * reported to reVISit for participant replay.
+ */
+export function useRevisitTrrack<State, Event extends string = string>(
+  options: ConfigureTrrackOptions<State, Event>,
+): Trrack<State, Event> {
+  const onProvenanceChange = useContext(RevisitProvenanceContext);
+
+  if (!onProvenanceChange) {
+    throw new Error('useRevisitTrrack must be used within a reVISit React stimulus.');
+  }
+
+  return useManagedTrrack(options, onProvenanceChange);
+}
diff --git a/src/store/provenance.ts b/src/store/provenance.ts
index f3bfdb5628..b4826e3c04 100644
--- a/src/store/provenance.ts
+++ b/src/store/provenance.ts
@@ -56,7 +56,7 @@ export function appendProvenanceTraversalEvent(
     ? incomingEvents
     : previousEvents;
   const currentNodeId = incomingProvenance.current as string;
-  const currentNode = incomingProvenance.nodes[currentNodeId];
+  const currentNode = incomingProvenance.nodes?.[currentNodeId];
 
   if (!currentNode || traversalEvents.at(-1)?.nodeId === currentNodeId) {
     return traversalEvents.length > 0
diff --git a/src/store/store.tsx b/src/store/store.tsx
index 957c6d5d1f..8eee57666d 100644
--- a/src/store/store.tsx
+++ b/src/store/store.tsx
@@ -21,6 +21,7 @@ type UpdateResponseBlockValidationInput = {
   identifier: string;
   status: boolean;
   values: object;
+  /** @deprecated Use the managed Trrack APIs, which report provenance separately. */
   provenanceGraph?: TrrackedProvenance;
   reason?: ValidationStatus['reason'];
   message?: ValidationStatus['message'];
@@ -30,6 +31,16 @@ type UpdateResponseBlockValidationPayload = UpdateResponseBlockValidationInput &
   provenanceObservedAt: number;
 };
 
+type UpdateProvenanceInput = {
+  location: ResponseBlockLocation;
+  identifier: string;
+  provenanceGraph: TrrackedProvenance;
+};
+
+type UpdateProvenancePayload = UpdateProvenanceInput & {
+  provenanceObservedAt: number;
+};
+
 export async function studyStoreCreator(
   studyId: string,
   config: StudyConfig,
@@ -342,6 +353,28 @@ export async function studyStoreCreator(
           };
         },
       },
+      updateProvenance: {
+        reducer(state, { payload }: PayloadAction<UpdateProvenancePayload>) {
+          if (!state.trialValidation[payload.identifier]) {
+            return;
+          }
+
+          const previousProvenance = state.trialValidation[payload.identifier].provenanceGraph[payload.location];
+          state.trialValidation[payload.identifier].provenanceGraph[payload.location] = appendProvenanceTraversalEvent(
+            previousProvenance as TrrackedProvenance | undefined,
+            payload.provenanceGraph,
+            payload.provenanceObservedAt,
+          );
+        },
+        prepare(payload: UpdateProvenanceInput) {
+          return {
+            payload: {
+              ...payload,
+              provenanceObservedAt: Date.now(),
+            },
+          };
+        },
+      },
       setResponseSubmitAttempt(state, { payload }: PayloadAction<{ identifier: string; attempted: boolean }>) {
         state.responseSubmitAttempted[payload.identifier] = payload.attempted;
       },
diff --git a/src/store/tests/store.spec.ts b/src/store/tests/store.spec.ts
index ab1fb1cabd..a634eb3952 100644
--- a/src/store/tests/store.spec.ts
+++ b/src/store/tests/store.spec.ts
@@ -387,7 +387,7 @@ describe('studyStoreCreator', () => {
     }));
   });
 
-  test('updateResponseBlockValidation records provenance traversal automatically', async () => {
+  test('deprecated answer reporting records provenance traversal as a compatibility fallback', async () => {
     const { store, actions } = await studyStoreCreator('test', minimalConfig, minimalSequence, metadata, emptyAnswers, modes, 'p1', false, false);
     const rootNode = {
       id: 'root', createdOn: 100, children: ['child'],
@@ -451,6 +451,37 @@ describe('studyStoreCreator', () => {
     ]);
   });
 
+  test('updateProvenance preserves source traversal timestamps independently of validation', async () => {
+    const { store, actions } = await studyStoreCreator('test', minimalConfig, minimalSequence, metadata, emptyAnswers, modes, 'p1', false, false);
+    const provenanceGraph = {
+      root: 'root',
+      current: 'root',
+      nodes: {
+        root: { id: 'root', createdOn: 100, children: ['child'] },
+        child: {
+          id: 'child', parent: 'root', createdOn: 200, children: [],
+        },
+      },
+      traversalEvents: [
+        { nodeId: 'root', createdOn: 100 },
+        { nodeId: 'child', createdOn: 200 },
+        { nodeId: 'root', createdOn: 300 },
+      ],
+    } as unknown as TrrackedProvenance;
+    const previousValidation = store.getState().trialValidation.intro_0.stimulus;
+
+    store.dispatch(actions.updateProvenance({
+      location: 'stimulus',
+      identifier: 'intro_0',
+      provenanceGraph,
+    }));
+
+    expect(store.getState().trialValidation.intro_0.provenanceGraph.stimulus?.traversalEvents).toEqual(
+      provenanceGraph.traversalEvents,
+    );
+    expect(store.getState().trialValidation.intro_0.stimulus).toEqual(previousValidation);
+  });
+
   test('saveTrialAnswer updates answers state', async () => {
     const { store, actions } = await studyStoreCreator('test', minimalConfig, minimalSequence, metadata, emptyAnswers, modes, 'p1', false, false);
     store.dispatch(actions.saveTrialAnswer(makeStoredAnswer({
diff --git a/src/store/types.ts b/src/store/types.ts
index a749916402..b8f6d41f9c 100644
--- a/src/store/types.ts
+++ b/src/store/types.ts
@@ -196,6 +196,7 @@ export interface StimulusParams<T, S = never> {
     message,
   }: {
     status: boolean,
+    /** @deprecated Use useRevisitTrrack so provenance is captured automatically. */
     provenanceGraph?: TrrackedProvenance,
     answers: StoredAnswer['answer'],
     reason?: StimulusIssueReason,