fix(studio): batch shadow dispatch, rename runShadowDispatch, add PatchOperation import

Wrap the shadow dispatch loop in session.batch() so a mid-loop throw
cannot leave the SDK session in a partially-applied state. Without the
batch boundary, one failing op would update some elements but not
others, diverging the shadow session from the real one.

Rename reportShadowDispatch → runShadowDispatch to eliminate the
misleading 'report' prefix — the function mutates the SDK session, it
is not read-only. Update the only caller (useDomEditSession).

Add missing PatchOperation import to useDomEditCommits (the type was
already used in the onDomEditPersisted interface but never imported).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Co-authored-by: Miguel Ángel <miguel07alm@protonmail.com>

Author: vanceingalls

packages/studio/src/hooks/useDomEditCommits.ts

@@ -9,6 +9,7 @@ import { buildDomEditPatchTarget, type DomEditSelection } from "../components/ed
 import { fontFamilyFromAssetPath, type ImportedFontAsset } from "../components/editor/fontAssets";
 import type { EditHistoryKind } from "../utils/editHistory";
 import type { PersistDomEditOperations } from "./domEditCommitTypes";
+import type { PatchOperation } from "../utils/sourcePatcher";
 import { useDomEditPositionPatchCommit } from "./useDomEditPositionPatchCommit";
 import { useDomEditTextCommits } from "./useDomEditTextCommits";
 import { useDomGeometryCommits } from "./useDomGeometryCommits";

packages/studio/src/hooks/useDomEditSession.ts

@@ -9,7 +9,7 @@ import { useAskAgentModal } from "./useAskAgentModal";
 import { useDomSelection } from "./useDomSelection";
 import { usePreviewInteraction } from "./usePreviewInteraction";
 import { useDomEditCommits } from "./useDomEditCommits";
-import { reportShadowDispatch } from "../utils/sdkShadow";
+import { runShadowDispatch } from "../utils/sdkShadow";
 import { useGsapScriptCommits } from "./useGsapScriptCommits";
 import { useGsapCacheVersion } from "./useGsapTweenCache";
 import { useDomEditWiring } from "./useDomEditWiring";
@@ -233,7 +233,7 @@ export function useDomEditSession({
     refreshDomEditSelectionFromPreview,
     buildDomSelectionFromTarget,
     onDomEditPersisted: sdkSession
-      ? (sel, ops) => reportShadowDispatch(sdkSession, sel, ops)
+      ? (sel, ops) => runShadowDispatch(sdkSession, sel, ops)
       : undefined,
   });
 

packages/studio/src/utils/sdkShadow.ts

@@ -151,9 +151,10 @@ export function sdkShadowDispatch(
     return { dispatched: false, mismatches: [{ kind: "element_not_found", hfId }] };
   }
   try {
-    for (const op of patchOpsToSdkEditOps(hfId, ops)) {
-      session.dispatch(op);
-    }
+    const sdkOps = patchOpsToSdkEditOps(hfId, ops);
+    session.batch(() => {
+      for (const op of sdkOps) session.dispatch(op);
+    });
   } catch (err) {
     return {
       dispatched: false,
@@ -171,9 +172,10 @@ export function sdkShadowDispatch(
 
 /**
  * Shadow-dispatch ops to the SDK session and emit sdk_shadow_dispatch telemetry.
- * No-op when STUDIO_SDK_SHADOW_ENABLED is false.
+ * Despite the telemetry focus, this function does mutate the SDK session — it
+ * is not read-only. No-op when STUDIO_SDK_SHADOW_ENABLED is false.
  */
-export function reportShadowDispatch(
+export function runShadowDispatch(
   session: Composition,
   selection: DomEditSelection,
   ops: PatchOperation[],