@hyperframes/studio 0.8.34 → 0.8.36

package/src/hooks/timelineElementFxAttribute.ts

@@ -42,7 +42,6 @@ interface SetElementAttributeInput {
   previewIframe: HTMLIFrameElement | null;
   writeProjectFile: (path: string, content: string) => Promise<void>;
   recordEdit: Parameters<typeof persistElementAttribute>[0]["recordEdit"];
-  domEditSaveTimestampRef: MutableRef<number>;
   pendingTimelineEditPathRef: MutableRef<Set<string>>;
 }
 
@@ -56,7 +55,6 @@ async function setElementAttribute({
   previewIframe,
   writeProjectFile,
   recordEdit,
-  domEditSaveTimestampRef,
   pendingTimelineEditPathRef,
 }: SetElementAttributeInput): Promise<string[]> {
   const targetPath = element.sourceFile || activeCompPath || "index.html";
@@ -72,7 +70,6 @@ async function setElementAttribute({
     label,
     writeProjectFile,
     recordEdit,
-    domEditSaveTimestampRef,
     pendingTimelineEditPathRef,
     patchLive: (v) => patchLiveElementAttribute(previewIframe, element, attr, v, activeCompPath),
   });
@@ -84,7 +81,6 @@ export function useSetElementAttribute({
   showToast,
   writeProjectFile,
   recordEdit,
-  domEditSaveTimestampRef,
   previewIframeRef,
   pendingTimelineEditPathRef,
   isRecordingRef,
@@ -122,7 +118,6 @@ export function useSetElementAttribute({
           previewIframe: previewIframeRef.current,
           writeProjectFile,
           recordEdit,
-          domEditSaveTimestampRef,
           pendingTimelineEditPathRef,
         });
       } catch (error) {
@@ -136,7 +131,6 @@ export function useSetElementAttribute({
       previewIframeRef,
       writeProjectFile,
       recordEdit,
-      domEditSaveTimestampRef,
       pendingTimelineEditPathRef,
       isRecordingRef,
       showToast,

package/src/hooks/timelineTrackVisibility.test.ts

@@ -65,7 +65,6 @@ describe("toggleTimelineTrackHidden", () => {
 
     const writes = new Map<string, string>();
     const recordEdit = vi.fn();
-    const timestampRef = { current: 0 };
     const pendingRef = { current: new Set<string>() };
 
     await toggleTimelineTrackHidden({
@@ -83,7 +82,6 @@ describe("toggleTimelineTrackHidden", () => {
         writes.set(path, content);
       },
       recordEdit,
-      domEditSaveTimestampRef: timestampRef,
       pendingTimelineEditPathRef: pendingRef,
     });
 
@@ -96,7 +94,6 @@ describe("toggleTimelineTrackHidden", () => {
     expect(writes.get("index.html")).toContain('id="skip" data-start="0" data-duration="2"');
     expect(writes.get("scene.html")).toContain('data-hidden=""');
     expect(pendingRef.current).toEqual(new Set(["index.html", "scene.html"]));
-    expect(timestampRef.current).toBeGreaterThan(0);
     expect(recordEdit).toHaveBeenCalledTimes(1);
     // Display row, not the raw key: track 0 is the first row, so it reads "1",
     // the same number the track header announces for that row.
@@ -133,7 +130,6 @@ describe("toggleTimelineTrackHidden", () => {
         writes.set(path, content);
       },
       recordEdit: vi.fn(),
-      domEditSaveTimestampRef: { current: 0 },
       pendingTimelineEditPathRef: { current: new Set() },
     });
 
@@ -164,7 +160,6 @@ describe("toggleTimelineTrackHidden", () => {
       previewIframe: null,
       writeProjectFile: async () => {},
       recordEdit,
-      domEditSaveTimestampRef: { current: 0 },
       pendingTimelineEditPathRef: { current: new Set() },
     });
 
@@ -191,7 +186,6 @@ describe("toggleTimelineTrackHidden", () => {
       previewIframe: null,
       writeProjectFile: async () => {},
       recordEdit,
-      domEditSaveTimestampRef: { current: 0 },
       pendingTimelineEditPathRef: { current: new Set() },
     });
 
@@ -215,7 +209,6 @@ describe("toggleTimelineTrackHidden", () => {
       previewIframe: null,
       writeProjectFile: async () => {},
       recordEdit,
-      domEditSaveTimestampRef: { current: 0 },
       pendingTimelineEditPathRef: { current: new Set() },
     });
 
@@ -246,7 +239,6 @@ describe("toggleTimelineTrackHidden", () => {
       previewIframe: null,
       writeProjectFile: async () => {},
       recordEdit,
-      domEditSaveTimestampRef: { current: 0 },
       pendingTimelineEditPathRef: { current: new Set() },
     });
 
@@ -272,7 +264,6 @@ describe("toggleTimelineTrackHidden", () => {
       previewIframe: null,
       writeProjectFile: async () => {},
       recordEdit,
-      domEditSaveTimestampRef: { current: 0 },
       pendingTimelineEditPathRef: { current: new Set() },
     });
 
@@ -303,7 +294,6 @@ describe("toggleTimelineTrackHidden", () => {
       previewIframe: null,
       writeProjectFile: async () => {},
       recordEdit,
-      domEditSaveTimestampRef: { current: 0 },
       pendingTimelineEditPathRef: { current: new Set() },
     });
 
@@ -359,7 +349,6 @@ describe("toggleTimelineElementHidden", () => {
         writes.set(path, content);
       },
       recordEdit,
-      domEditSaveTimestampRef: { current: 0 },
       pendingTimelineEditPathRef: { current: new Set() },
     });
 
@@ -417,7 +406,6 @@ describe("toggleTimelineElementHidden", () => {
         writes.push({ path, content });
       },
       recordEdit,
-      domEditSaveTimestampRef: { current: 0 },
       pendingTimelineEditPathRef: { current: new Set() },
     });
 
@@ -484,7 +472,6 @@ describe("createAudioGroupAndAssignMembers", () => {
         writes.set(path, content);
       },
       recordEdit,
-      domEditSaveTimestampRef: { current: 0 },
       pendingTimelineEditPathRef: { current: new Set() },
     });
 
@@ -557,7 +544,6 @@ describe("createAudioGroupAndAssignMembers", () => {
         writes.set(path, content);
       },
       recordEdit: vi.fn(),
-      domEditSaveTimestampRef: { current: 0 },
       pendingTimelineEditPathRef: { current: new Set() },
     });
 
@@ -592,7 +578,6 @@ describe("createAudioGroupAndAssignMembers", () => {
         previewIframe: null,
         writeProjectFile: async () => {},
         recordEdit,
-        domEditSaveTimestampRef: { current: 0 },
         pendingTimelineEditPathRef: { current: new Set() },
       }),
     ).rejects.toThrow("a group needs at least two");
@@ -612,7 +597,6 @@ describe("createAudioGroupAndAssignMembers", () => {
         previewIframe: null,
         writeProjectFile: async () => {},
         recordEdit: vi.fn(),
-        domEditSaveTimestampRef: { current: 0 },
         pendingTimelineEditPathRef: { current: new Set() },
       }),
     ).rejects.toThrow("Invalid audio group id");
@@ -641,7 +625,6 @@ describe("createAudioGroupAndAssignMembers", () => {
         previewIframe: iframe,
         writeProjectFile: async () => {},
         recordEdit: vi.fn(),
-        domEditSaveTimestampRef: { current: 0 },
         pendingTimelineEditPathRef: { current: new Set() },
       }),
     ).rejects.toThrow();

package/src/hooks/timelineTrackVisibility.ts

@@ -39,7 +39,6 @@ interface ToggleTimelineTrackHiddenInput {
   previewIframe: HTMLIFrameElement | null;
   writeProjectFile: (path: string, content: string) => Promise<void>;
   recordEdit: (input: RecordEditInput) => Promise<void>;
-  domEditSaveTimestampRef: MutableRef<number>;
   pendingTimelineEditPathRef: MutableRef<Set<string>>;
 }
 
@@ -57,7 +56,6 @@ interface SetElementsHiddenInput {
   previewIframe: HTMLIFrameElement | null;
   writeProjectFile: (path: string, content: string) => Promise<void>;
   recordEdit: (input: RecordEditInput) => Promise<void>;
-  domEditSaveTimestampRef: MutableRef<number>;
   pendingTimelineEditPathRef: MutableRef<Set<string>>;
 }
 
@@ -140,7 +138,6 @@ async function setElementsHidden({
   previewIframe,
   writeProjectFile,
   recordEdit,
-  domEditSaveTimestampRef,
   pendingTimelineEditPathRef,
 }: SetElementsHiddenInput): Promise<string[]> {
   if (elements.length === 0) return [];
@@ -176,7 +173,6 @@ async function setElementsHidden({
       pendingTimelineEditPathRef.current.add(targetPath);
     }
 
-    domEditSaveTimestampRef.current = Date.now();
     const changedPaths = await saveProjectFilesWithHistory({
       projectId,
       label,
@@ -190,7 +186,6 @@ async function setElementsHidden({
       writeFile: writeProjectFile,
       recordEdit,
     });
-    domEditSaveTimestampRef.current = Date.now();
     for (const element of elements) {
       usePlayerStore.getState().updateElement(element.key ?? element.id, { hidden });
     }
@@ -215,7 +210,6 @@ export async function toggleTimelineTrackHidden({
   previewIframe,
   writeProjectFile,
   recordEdit,
-  domEditSaveTimestampRef,
   pendingTimelineEditPathRef,
 }: ToggleTimelineTrackHiddenInput): Promise<string[]> {
   // `track` is the fractional sort key the callback needs; the history entry is
@@ -245,7 +239,6 @@ export async function toggleTimelineTrackHidden({
     previewIframe,
     writeProjectFile,
     recordEdit,
-    domEditSaveTimestampRef,
     pendingTimelineEditPathRef,
   });
 }
@@ -259,7 +252,6 @@ export async function toggleTimelineElementHidden({
   previewIframe,
   writeProjectFile,
   recordEdit,
-  domEditSaveTimestampRef,
   pendingTimelineEditPathRef,
 }: ToggleTimelineElementHiddenInput): Promise<string[]> {
   const keys = new Set(typeof elementKey === "string" ? [elementKey] : elementKey);
@@ -280,7 +272,6 @@ export async function toggleTimelineElementHidden({
     previewIframe,
     writeProjectFile,
     recordEdit,
-    domEditSaveTimestampRef,
     pendingTimelineEditPathRef,
   });
 }
@@ -291,7 +282,6 @@ export function useTimelineTrackVisibilityEditing({
   showToast,
   writeProjectFile,
   recordEdit,
-  domEditSaveTimestampRef,
   previewIframeRef,
   pendingTimelineEditPathRef,
   isRecordingRef,
@@ -325,7 +315,6 @@ export function useTimelineTrackVisibilityEditing({
           previewIframe: previewIframeRef.current,
           writeProjectFile,
           recordEdit,
-          domEditSaveTimestampRef,
           pendingTimelineEditPathRef,
         });
         forceReloadSdkSession?.();
@@ -342,7 +331,6 @@ export function useTimelineTrackVisibilityEditing({
       previewIframeRef,
       writeProjectFile,
       recordEdit,
-      domEditSaveTimestampRef,
       pendingTimelineEditPathRef,
       isRecordingRef,
       showToast,
@@ -358,7 +346,6 @@ export function useTimelineElementVisibilityEditing({
   showToast,
   writeProjectFile,
   recordEdit,
-  domEditSaveTimestampRef,
   previewIframeRef,
   pendingTimelineEditPathRef,
   isRecordingRef,
@@ -394,7 +381,6 @@ export function useTimelineElementVisibilityEditing({
           previewIframe: previewIframeRef.current,
           writeProjectFile,
           recordEdit,
-          domEditSaveTimestampRef,
           pendingTimelineEditPathRef,
         });
         forceReloadSdkSession?.();
@@ -411,7 +397,6 @@ export function useTimelineElementVisibilityEditing({
       previewIframeRef,
       writeProjectFile,
       recordEdit,
-      domEditSaveTimestampRef,
       pendingTimelineEditPathRef,
       isRecordingRef,
       showToast,

package/src/hooks/useAppHotkeys.previewForwarding.test.tsx

@@ -43,7 +43,6 @@ function Harness() {
     readOptionalProjectFile: vi.fn(async () => ""),
     readProjectFile: vi.fn(async () => ""),
     writeProjectFile: vi.fn(async () => undefined),
-    domEditSaveTimestampRef: useRef(0),
     showToast: vi.fn(),
     syncHistoryPreviewAfterApply: vi.fn(async () => undefined),
     waitForPendingDomEditSaves: vi.fn(async () => undefined),

package/src/hooks/useAppHotkeys.textEditing.test.tsx

@@ -70,7 +70,6 @@ function Harness() {
   const [selectionRefreshed, setSelectionRefreshed] = useState(false);
   const selectionRef = useRef<DomEditSelection | null>(parentWithTextChild());
   const clearSelectionRef = useRef<() => void>(() => undefined);
-  const saveTimestampRef = useRef(0);
   const leftSidebarRef = useRef<LeftSidebarHandle | null>(null);
 
   useAppHotkeys({
@@ -87,7 +86,6 @@ function Harness() {
     readOptionalProjectFile: vi.fn(async () => ""),
     readProjectFile: vi.fn(async () => ""),
     writeProjectFile: vi.fn(async () => undefined),
-    domEditSaveTimestampRef: saveTimestampRef,
     showToast: vi.fn(),
     syncHistoryPreviewAfterApply: vi.fn(async () => undefined),
     waitForPendingDomEditSaves: vi.fn(async () => undefined),

package/src/hooks/useAppHotkeys.ts

@@ -118,7 +118,6 @@ interface UseAppHotkeysParams {
   readOptionalProjectFile: (path: string) => Promise<string>;
   readProjectFile: (path: string) => Promise<string>;
   writeProjectFile: (path: string, content: string) => Promise<void>;
-  domEditSaveTimestampRef: React.MutableRefObject<number>;
   showToast: (message: string, tone?: "error" | "info") => void;
   syncHistoryPreviewAfterApply: (restore: {
     paths?: string[];
@@ -377,7 +376,6 @@ export function useAppHotkeys({
   readOptionalProjectFile,
   readProjectFile,
   writeProjectFile,
-  domEditSaveTimestampRef,
   showToast,
   syncHistoryPreviewAfterApply,
   waitForPendingDomEditSaves,
@@ -405,10 +403,9 @@ export function useAppHotkeys({
   );
   const writeHistoryFile = useCallback(
     async (path: string, content: string): Promise<void> => {
-      domEditSaveTimestampRef.current = Date.now();
       await writeProjectFile(path, content);
     },
-    [domEditSaveTimestampRef, writeProjectFile],
+    [writeProjectFile],
   );
   const serializeHistoryFiles = useCallback(
     <T>(paths: readonly string[], task: () => Promise<T>) =>
@@ -455,9 +452,6 @@ export function useAppHotkeys({
         onAfterUndoRedo?.();
         // If the active composition was among the written files, force-reload
         // the SDK session so its in-memory doc matches the reverted content.
-        // writeHistoryFile sets domEditSaveTimestampRef which activates the
-        // 2 s suppress window — without this call the file-change event would
-        // be swallowed and the SDK session would stay on stale pre-undo content.
         if (activeCompPath && result.paths?.includes(activeCompPath)) {
           forceReloadSdkSession?.();
         }

package/src/hooks/useAudioGroupCarveAssignment.test.tsx

@@ -72,7 +72,6 @@ function renderAssign(writeProjectFile: (path: string, content: string) => Promi
       showToast,
       writeProjectFile,
       recordEdit: async () => {},
-      domEditSaveTimestampRef: { current: 0 },
       pendingTimelineEditPathRef: { current: new Set() },
       previewIframeRef: { current: null },
     });

package/src/hooks/useClipboard.ts

@@ -25,7 +25,6 @@ interface UseClipboardOptions {
   showToast: (message: string, tone?: "error" | "info") => void;
   writeProjectFile: (path: string, content: string) => Promise<void>;
   recordEdit: (input: RecordEditInput) => Promise<void>;
-  domEditSaveTimestampRef: React.MutableRefObject<number>;
   reloadPreview: () => void;
   handleTimelineElementDelete: (element: TimelineElement) => Promise<void>;
   handleDomEditElementDelete: (selection: DomEditSelection) => Promise<void>;
@@ -55,7 +54,6 @@ export function useClipboard({
   showToast,
   writeProjectFile,
   recordEdit,
-  domEditSaveTimestampRef,
   reloadPreview,
   handleTimelineElementDelete,
   handleDomEditElementDelete,
@@ -171,7 +169,6 @@ export function useClipboard({
         );
       }
 
-      domEditSaveTimestampRef.current = Date.now();
       await saveProjectFilesWithHistory({
         projectId: pid,
         label: payload.kind === "timeline-clip" ? "Paste clip" : "Paste element",
@@ -188,14 +185,7 @@ export function useClipboard({
       const message = error instanceof Error ? error.message : "Failed to paste";
       showToast(message);
     }
-  }, [
-    activeCompPath,
-    domEditSaveTimestampRef,
-    recordEdit,
-    reloadPreview,
-    showToast,
-    writeProjectFile,
-  ]);
+  }, [activeCompPath, recordEdit, reloadPreview, showToast, writeProjectFile]);
 
   const handleCut = useCallback(async (): Promise<boolean> => {
     const copied = handleCopy();

package/src/hooks/useDomEditCommits.test.tsx

@@ -209,7 +209,6 @@ function renderDomEditCommits(
   const recordEdit = vi.fn(async () => {});
   const previewIframeRef: MutableRefObject<HTMLIFrameElement | null> = { current: iframe };
   const projectIdRef: MutableRefObject<string | null> = options.projectIdRef ?? { current: "p1" };
-  const domEditSaveTimestampRef: MutableRefObject<number> = { current: 0 };
   const reloadPreview = vi.fn();
 
   function Probe() {
@@ -219,7 +218,6 @@ function renderDomEditCommits(
       showToast,
       queueDomEditSave: options.queueDomEditSave ?? (async (save) => save()),
       writeProjectFile: options.writeProjectFile ?? (async () => {}),
-      domEditSaveTimestampRef,
       editHistory: { recordEdit },
       fileTree: [],
       importedFontAssetsRef: { current: options.importedFontAssets ?? [] },

package/src/hooks/useDomEditCommits.ts

@@ -50,7 +50,6 @@ export interface UseDomEditCommitsParams {
   showToast: (message: string, tone?: "error" | "info") => void;
   queueDomEditSave: <T>(save: () => Promise<T>) => Promise<T>;
   writeProjectFile: (path: string, content: string, expectedContent?: string) => Promise<void>;
-  domEditSaveTimestampRef: React.MutableRefObject<number>;
   editHistory: { recordEdit: (entry: RecordEditInput) => Promise<void> };
   fileTree: string[];
   importedFontAssetsRef: React.MutableRefObject<ImportedFontAsset[]>;
@@ -98,7 +97,6 @@ export function useDomEditCommits({
   showToast,
   queueDomEditSave,
   writeProjectFile,
-  domEditSaveTimestampRef,
   editHistory,
   fileTree,
   importedFontAssetsRef,
@@ -214,11 +212,6 @@ export function useDomEditCommits({
         }
       }
 
-      // Mark the save timestamp before the file write so the SSE file-change
-      // handler suppresses the reload even if the event arrives before the
-      // response (the server writes the file and emits SSE during the fetch).
-      domEditSaveTimestampRef.current = Date.now();
-
       const patchResponse = await fetch(
         buildProjectApiPath(pid, `/file-mutations/patch-element/${encodeURIComponent(targetPath)}`),
         {
@@ -315,7 +308,6 @@ export function useDomEditCommits({
       editHistory,
       writeProjectFile,
       projectIdRef,
-      domEditSaveTimestampRef,
       reloadPreview,
       showToast,
       forceReloadSdkSession,
@@ -359,7 +351,6 @@ export function useDomEditCommits({
             );
           }
 
-          domEditSaveTimestampRef.current = Date.now();
           const atomicResult = await patchElementBatches(pid, batches);
           const allMatched =
             atomicResult.durable && atomicResult.files.every((result) => result.allMatched);
@@ -385,8 +376,7 @@ export function useDomEditCommits({
           // produces a visible blink. Skip the reload when the caller asked for it
           // AND the persist is provably in sync: style-only ops, every target
           // matched. Any unmatched patch means the live DOM now shows state disk
-          // doesn't hold — reload so the preview reconverges. (The SSE/file-watcher
-          // reload is independently suppressed by domEditSaveTimestampRef above.)
+          // doesn't hold — reload so the preview reconverges.
           const skipSafe =
             options.skipReload === true && batchesAreInlineStyleOnly(batches) && durable;
           if (!durable || (changed && !skipSafe)) reloadPreview();
@@ -411,15 +401,7 @@ export function useDomEditCommits({
         throw error;
       });
     },
-    [
-      domEditSaveTimestampRef,
-      editHistory,
-      forceReloadSdkSession,
-      projectIdRef,
-      queueDomEditSave,
-      reloadPreview,
-      showToast,
-    ],
+    [editHistory, forceReloadSdkSession, projectIdRef, queueDomEditSave, reloadPreview, showToast],
   );
 
   // ── Text & style commits (delegated to useDomEditTextCommits) ──
@@ -479,7 +461,6 @@ export function useDomEditCommits({
       activeCompPath,
       showToast,
       writeProjectFile,
-      domEditSaveTimestampRef,
       editHistory,
       projectIdRef,
       reloadPreview,

package/src/hooks/useDomEditSession.test.tsx

@@ -84,7 +84,6 @@ function createSessionParams(
     readProjectFile: async () => "",
     writeProjectFile: async () => {},
     updateEditingFileContent: vi.fn(),
-    domEditSaveTimestampRef: { current: 0 },
     editHistory: { recordEdit: async () => {} },
     fileTree: [],
     importedFontAssetsRef: { current: [] },

package/src/hooks/useDomEditSession.ts

@@ -47,7 +47,6 @@ export interface UseDomEditSessionParams {
   readProjectFile: (path: string) => Promise<string>;
   writeProjectFile: (path: string, content: string, expectedContent?: string) => Promise<void>;
   updateEditingFileContent: (path: string, content: string) => void;
-  domEditSaveTimestampRef: React.MutableRefObject<number>;
   editHistory: { recordEdit: (entry: RecordEditInput) => Promise<void> };
   fileTree: string[];
   importedFontAssetsRef: React.MutableRefObject<ImportedFontAsset[]>;
@@ -91,7 +90,6 @@ export function useDomEditSession({
   readProjectFile,
   writeProjectFile,
   updateEditingFileContent,
-  domEditSaveTimestampRef,
   editHistory,
   fileTree,
   importedFontAssetsRef,
@@ -211,7 +209,6 @@ export function useDomEditSession({
     activeCompPath,
     previewIframeRef,
     editHistory,
-    domEditSaveTimestampRef,
     reloadPreview,
     onCacheInvalidate: bumpGsapCache,
     onFileContentChanged: updateEditingFileContent,
@@ -249,7 +246,6 @@ export function useDomEditSession({
     showToast,
     queueDomEditSave,
     writeProjectFile,
-    domEditSaveTimestampRef,
     editHistory,
     fileTree,
     importedFontAssetsRef,
@@ -283,7 +279,6 @@ export function useDomEditSession({
               editHistory,
               writeProjectFile,
               reloadPreview,
-              domEditSaveTimestampRef,
               compositionPath: activeCompPath,
               readProjectFile,
               publishSession: publishSdkSession,
@@ -298,7 +293,6 @@ export function useDomEditSession({
             editHistory,
             writeProjectFile,
             reloadPreview,
-            domEditSaveTimestampRef,
             compositionPath: activeCompPath,
             readProjectFile,
             publishSession: publishSdkSession,
@@ -327,7 +321,6 @@ export function useDomEditSession({
     activeCompPath,
     showToast,
     writeProjectFile,
-    domEditSaveTimestampRef,
     editHistory,
     projectIdRef,
     reloadPreview,

package/src/hooks/useEditorSave.test.tsx

@@ -27,7 +27,6 @@ async function mountEditorSave(writeProjectFile: WriteProjectFile) {
       readProjectFile: vi.fn(async () => "before"),
       writeProjectFile,
       recordEdit: vi.fn(async () => undefined),
-      domEditSaveTimestampRef: { current: 0 },
       setRefreshKey: vi.fn(),
       showToast,
     });

package/src/hooks/useEditorSave.ts

@@ -23,7 +23,6 @@ interface UseEditorSaveOptions {
   readProjectFile: (path: string) => Promise<string>;
   writeProjectFile: (path: string, content: string, expectedContent?: string) => Promise<void>;
   recordEdit: (input: RecordEditInput) => Promise<void>;
-  domEditSaveTimestampRef: React.MutableRefObject<number>;
   setRefreshKey: React.Dispatch<React.SetStateAction<number>>;
   showToast: (message: string, tone?: "error" | "info") => void;
 }
@@ -53,7 +52,6 @@ export function useEditorSave({
   readProjectFile,
   writeProjectFile,
   recordEdit,
-  domEditSaveTimestampRef,
   setRefreshKey,
   showToast,
 }: UseEditorSaveOptions): EditorSaveHandle {
@@ -156,11 +154,10 @@ export function useEditorSave({
       if (saveRafRef.current != null) cancelAnimationFrame(saveRafRef.current);
       saveRafRef.current = requestAnimationFrame(() => {
         saveRafRef.current = null;
-        domEditSaveTimestampRef.current = Date.now();
         void persistCandidate(candidate);
       });
     },
-    [domEditSaveTimestampRef, editingPathRef, projectIdRef, persistCandidate],
+    [editingPathRef, projectIdRef, persistCandidate],
   );
 
   const flushPendingSave = useCallback(async (): Promise<EditorSaveDrainResult> => {
@@ -173,11 +170,10 @@ export function useEditorSave({
       return inFlightRef.current;
     }
     if (candidate) {
-      domEditSaveTimestampRef.current = Date.now();
       return persistCandidate(candidate);
     }
     return (await inFlightRef.current) ?? { status: "clean" };
-  }, [domEditSaveTimestampRef, persistCandidate]);
+  }, [persistCandidate]);
 
   const discardPendingSave = useCallback(() => {
     if (saveRafRef.current != null) cancelAnimationFrame(saveRafRef.current);

package/src/hooks/useElementLifecycleOps.ts

@@ -75,7 +75,6 @@ export function useElementLifecycleOps({
   activeCompPath,
   showToast,
   writeProjectFile,
-  domEditSaveTimestampRef,
   editHistory,
   projectIdRef,
   reloadPreview,
@@ -147,7 +146,6 @@ export function useElementLifecycleOps({
           }
         }
 
-        domEditSaveTimestampRef.current = Date.now();
         // One request for the whole selection. Removing members one at a time
         // cost a round trip and a rewrite of the file EACH, and a canvas
         // selection runs to hundreds of members — the file ended up correct, but
@@ -220,7 +218,6 @@ export function useElementLifecycleOps({
     [
       activeCompPath,
       clearDomSelection,
-      domEditSaveTimestampRef,
       editHistory.recordEdit,
       onTrySdkDelete,
       onElementDeleted,