hyperframes 0.8.88 → 0.8.90

package/dist/studio/assets/{index-B6PGJTzp.js → index-CVsCxnlz.js}

@@ -1 +1 @@
-import{g as P}from"./index-DE6cZYR5.js";function j(c,d){for(var s=0;s<d.length;s++){const a=d[s];if(typeof a!="string"&&!Array.isArray(a)){for(const i in a)if(i!=="default"&&!(i in c)){const l=Object.getOwnPropertyDescriptor(a,i);l&&Object.defineProperty(c,i,l.get?l:{enumerable:!0,get:()=>a[i]})}}}return Object.freeze(Object.defineProperty(c,Symbol.toStringTag,{value:"Module"}))}var v={},w;function k(){if(w)return v;w=1,Object.defineProperty(v,"__esModule",{value:!0}),v.default=d;var c=window.OfflineAudioContext||window.webkitOfflineAudioContext;function d(e){var r=a(e);return r.start(0),[i,y,O(e.sampleRate),s].reduce(function(t,o){return o(t)},r.buffer.getChannelData(0))}function s(e){return e.sort(function(r,t){return t.count-r.count}).splice(0,5)[0].tempo}function a(e){var r=e.length,t=e.numberOfChannels,o=e.sampleRate,n=new c(t,r,o),u=n.createBufferSource();u.buffer=e;var f=n.createBiquadFilter();return f.type="lowpass",u.connect(f),f.connect(n.destination),u}function i(e){for(var r=[],t=.9,o=.3,n=15;r.length<n&&t>=o;)r=l(e,t),t-=.05;if(r.length<n)throw new Error("Could not find enough samples for a reliable detection.");return r}function l(e,r){for(var t=[],o=0,n=e.length;o<n;o+=1)e[o]>r&&(t.push(o),o+=1e4);return t}function y(e){var r=[];return e.forEach(function(t,o){for(var n=function(x){var g=e[o+x]-t,_=r.some(function(h){if(h.interval===g)return h.count+=1});_||r.push({interval:g,count:1})},u=0;u<10;u+=1)n(u)}),r}function O(e){return function(r){var t=[];return r.forEach(function(o){if(o.interval!==0){for(var n=60/(o.interval/e);n<90;)n*=2;for(;n>180;)n/=2;n=Math.round(n);var u=t.some(function(f){if(f.tempo===n)return f.count+=o.count});u||t.push({tempo:n,count:o.count})}}),t}}return v}var p,b;function q(){return b||(b=1,p=k().default),p}var m=q();const A=P(m),D=j({__proto__:null,default:A},[m]);export{D as i};
+import{g as P}from"./index-BKE3_N4v.js";function j(c,d){for(var s=0;s<d.length;s++){const a=d[s];if(typeof a!="string"&&!Array.isArray(a)){for(const i in a)if(i!=="default"&&!(i in c)){const l=Object.getOwnPropertyDescriptor(a,i);l&&Object.defineProperty(c,i,l.get?l:{enumerable:!0,get:()=>a[i]})}}}return Object.freeze(Object.defineProperty(c,Symbol.toStringTag,{value:"Module"}))}var v={},w;function k(){if(w)return v;w=1,Object.defineProperty(v,"__esModule",{value:!0}),v.default=d;var c=window.OfflineAudioContext||window.webkitOfflineAudioContext;function d(e){var r=a(e);return r.start(0),[i,y,O(e.sampleRate),s].reduce(function(t,o){return o(t)},r.buffer.getChannelData(0))}function s(e){return e.sort(function(r,t){return t.count-r.count}).splice(0,5)[0].tempo}function a(e){var r=e.length,t=e.numberOfChannels,o=e.sampleRate,n=new c(t,r,o),u=n.createBufferSource();u.buffer=e;var f=n.createBiquadFilter();return f.type="lowpass",u.connect(f),f.connect(n.destination),u}function i(e){for(var r=[],t=.9,o=.3,n=15;r.length<n&&t>=o;)r=l(e,t),t-=.05;if(r.length<n)throw new Error("Could not find enough samples for a reliable detection.");return r}function l(e,r){for(var t=[],o=0,n=e.length;o<n;o+=1)e[o]>r&&(t.push(o),o+=1e4);return t}function y(e){var r=[];return e.forEach(function(t,o){for(var n=function(x){var g=e[o+x]-t,_=r.some(function(h){if(h.interval===g)return h.count+=1});_||r.push({interval:g,count:1})},u=0;u<10;u+=1)n(u)}),r}function O(e){return function(r){var t=[];return r.forEach(function(o){if(o.interval!==0){for(var n=60/(o.interval/e);n<90;)n*=2;for(;n>180;)n/=2;n=Math.round(n);var u=t.some(function(f){if(f.tempo===n)return f.count+=o.count});u||t.push({tempo:n,count:o.count})}}),t}}return v}var p,b;function q(){return b||(b=1,p=k().default),p}var m=q();const A=P(m),D=j({__proto__:null,default:A},[m]);export{D as i};

package/dist/studio/index.d.ts

@@ -3348,18 +3348,18 @@ interface DomEditOverlayProps {
         y: number;
     }, modifiers?: {
         altKey?: boolean;
-    }) => Promise<void> | void;
-    onGroupPathOffsetCommit: (updates: DomEditGroupPathOffsetCommit[]) => Promise<void> | void;
+    }) => Promise<unknown> | void;
+    onGroupPathOffsetCommit: (updates: DomEditGroupPathOffsetCommit[]) => Promise<unknown> | void;
     onBoxSizeCommit: (selection: DomEditSelection, next: {
         width: number;
         height: number;
     }, offset?: {
         x: number;
         y: number;
-    }, restore?: () => void) => Promise<void> | void;
+    }, restore?: () => void) => Promise<unknown> | void;
     onRotationCommit: (selection: DomEditSelection, next: {
         angle: number;
-    }) => Promise<void> | void;
+    }) => Promise<unknown> | void;
     onStyleCommit?: (property: string, value: string) => Promise<unknown> | void;
     recordingState?: GestureRecordingState;
     onToggleRecording?: () => void;
@@ -3421,6 +3421,40 @@ declare function useDomStyleCommit({ projectId, iframeRef, writeProjectFile, rec
     waitForPendingSaves: () => Promise<DomEditSaveDrainResult>;
 };
 
+/**
+ * Studio's `Player` must show the project, with `beginTimelineSession(projectId)` run before it
+ * mounts; drain `waitForPendingSaves` before switching projects.
+ */
+interface UseDomGeometryCommitOptions extends UseDomStyleCommitOptions {
+    /** Called when a save cannot patch the preview in place; defaults to reloading the iframe. */
+    reloadPreview?: () => void;
+}
+interface DomGeometryCommits {
+    commitPathOffset: (selection: DomEditSelection, next: {
+        x: number;
+        y: number;
+    }, modifiers?: {
+        altKey?: boolean;
+    }) => Promise<DomEditCommitOutcome>;
+    commitGroupPathOffset: (updates: DomEditGroupPathOffsetCommit[]) => Promise<DomEditCommitOutcome>;
+    commitBoxSize: (selection: DomEditSelection, next: {
+        width: number;
+        height: number;
+    }, offset?: {
+        x: number;
+        y: number;
+    }, restore?: () => void) => Promise<DomEditCommitOutcome>;
+    commitRotation: (selection: DomEditSelection, next: {
+        angle: number;
+    }) => Promise<DomEditCommitOutcome>;
+    waitForPendingSaves: () => Promise<void>;
+}
+/**
+ * Saves canvas moves, resizes and rotations through Studio's own GSAP-aware commits, for a host
+ * without the editor. A failed save rejects, so DomEditOverlay undoes the live gesture.
+ */
+declare function useDomGeometryCommit({ projectId, iframeRef, writeProjectFile, recordEdit, activeCompPath, showToast, reloadPreview, }: UseDomGeometryCommitOptions): DomGeometryCommits;
+
 interface MarqueeGesturesDeps<T = DomEditSelection> {
     iframeRef: React.RefObject<HTMLIFrameElement | null>;
     overlayRef: React.RefObject<HTMLDivElement | null>;
@@ -3463,4 +3497,4 @@ interface MarqueeOverlayProps {
  */
 declare function MarqueeOverlay({ candidateRects, marqueeRect }: MarqueeOverlayProps): react_jsx_runtime.JSX.Element;
 
-export { type AgentModalAnchorPoint, type AgentPromptElementInfo, AskAgentModal, type AskAgentModalProps, AudioMeterStrip, type AudioMeterStripProps, AudioWaveform, type AudioWaveformProps, type BlockedTimelineEditIntent, type CanEditTimelineElement, CompositionBreadcrumb, type CompositionDimensions, type CompositionLevel, CompositionThumbnail, ConnectedDomEditOverlay, type ConnectedDomEditOverlayProps, DEFAULT_SHORTCUT_SECTIONS, type DomEditCapabilities, type DomEditCommitDeclineReason, type DomEditCommitOutcome, type DomEditGroupPathOffsetCommit, DomEditOverlay, type DomEditOverlayProps, DomEditProvider, type DomEditSelection, type EditHistoryHandle, EditorShell, type EditorShellProps, type ExternalFileChangeBlockedState, type ExternalFileChangeCoordinatorHandle, ExternalFileConflictBanner, type FfmpegStatus, FileTree, GridOverlay, ImageThumbnail, type ImageThumbnailProps, type MarqueeGestures, type MarqueeGesturesDeps, MarqueeOverlay, type MarqueeOverlayProps, type Rect$1 as MarqueeRect, NLEPreview, type PatchOperation, type PersistedRenderSettings, type PickedElement, PlayerControls, type PlayerHandle, type PlayerHandleElement, type PlayerHandleListener, type PlayerHandleTimeListener, type DomEditCompositionRect as PreviewCompositionRect, PreviewGuides, PreviewOverlayProvider, type PreviewOverlayProviderProps, PreviewReadOnlyProvider, type PreviewSnapPreferences, PropertyPanel, type RenderJob, RenderQueue, type RenderQueueProps, type ResolutionPreset, SNAP_THRESHOLD_PX, type ShortcutHint, type ShortcutSection, type SnapContext, type SnapEdge, type SnapGuide, SnapGuideOverlay, type SnapGuideOverlayProps, type SnapGuidesState, type Rect as SnapRect, type SnapResult, type SnapTarget, SnapToolbar, SourceEditor, type SpacingGuide, type StartRenderOptions, StudioApp, StudioFileConflictError, type StudioPendingEditsDrainResult, type ThumbnailPriority, Timeline, TimelineClipMenu, type TimelineClipRenderContext, type TimelineEditCallbacks, type TimelineEditOutcome, type TimelineEditPermission, TimelineEditPopover, TimelineEditProvider, type TimelineElement, TimelineEmptyStatePart, TimelineFrame, TimelineGapMenu, TimelineHistoryButtons, type TimelineHistoryButtonsProps, TimelineKeyframeMenu, TimelineLanes, TimelineOverlays, TimelinePane, type TimelinePaneProps, TimelinePlayhead, TimelineProvider, TimelineRazorGuide, TimelineRuler, TimelineShortcutHint, type TimelineTheme, type TimelineTimeRange$1 as TimelineTimeRange, TimelineToolbar, type TimelineToolbarProps, type TimelineZIndexReorderCommit, type UseClipboardOptions, type UseDomEditSessionParams, type UseDomStyleCommitOptions, type UseEditHistoryActionsOptions, type UsePersistentEditHistoryOptions, type UsePreviewPersistenceParams, type UseProjectFileWriterOptions, type UseRenderClipContentOptions, type UseTimelineEditingOptions, VideoThumbnail, applyPatch, buildCompositionSnapTarget, buildGridSnapEdges, buildPickerAgentContextPreview, buildPickerAgentPrompt, collectSnapContext, extractSnapTargets, findElementBlock, flushStudioPendingEdits, formatTime, getPersistedRenderSettings, liveTime, mergeStyleIntoTag, parseStyleString, persistRenderSettings, resolveDomEditSelection, resolveEquidistanceGuides, resolveGuideLineRect, resolveIframe, resolveSnapAdjustment, resolveSourceFile, snapEngagedForTravel, useClipboard, useCompositionStack, useDomEditSelectionContext, useDomEditSession, useDomStyleCommit, useEditHistoryActions, useElementPicker, useMarqueeGestures, usePersistentEditHistory, usePlayerHandle, usePlayerStore, usePreviewCompositionRect, usePreviewGuidesStore, usePreviewOverlayContext, usePreviewPersistence, useProjectFileWriter, useRenderClipContent, useRenderQueue, useTimelineContext, useTimelineEditing, useTimelinePlayer };
+export { type AgentModalAnchorPoint, type AgentPromptElementInfo, AskAgentModal, type AskAgentModalProps, AudioMeterStrip, type AudioMeterStripProps, AudioWaveform, type AudioWaveformProps, type BlockedTimelineEditIntent, type CanEditTimelineElement, CompositionBreadcrumb, type CompositionDimensions, type CompositionLevel, CompositionThumbnail, ConnectedDomEditOverlay, type ConnectedDomEditOverlayProps, DEFAULT_SHORTCUT_SECTIONS, type DomEditCapabilities, type DomEditCommitDeclineReason, type DomEditCommitOutcome, type DomEditGroupPathOffsetCommit, DomEditOverlay, type DomEditOverlayProps, DomEditProvider, type DomEditSelection, type DomGeometryCommits, type EditHistoryHandle, EditorShell, type EditorShellProps, type ExternalFileChangeBlockedState, type ExternalFileChangeCoordinatorHandle, ExternalFileConflictBanner, type FfmpegStatus, FileTree, GridOverlay, ImageThumbnail, type ImageThumbnailProps, type MarqueeGestures, type MarqueeGesturesDeps, MarqueeOverlay, type MarqueeOverlayProps, type Rect$1 as MarqueeRect, NLEPreview, type PatchOperation, type PersistedRenderSettings, type PickedElement, PlayerControls, type PlayerHandle, type PlayerHandleElement, type PlayerHandleListener, type PlayerHandleTimeListener, type DomEditCompositionRect as PreviewCompositionRect, PreviewGuides, PreviewOverlayProvider, type PreviewOverlayProviderProps, PreviewReadOnlyProvider, type PreviewSnapPreferences, PropertyPanel, type RenderJob, RenderQueue, type RenderQueueProps, type ResolutionPreset, SNAP_THRESHOLD_PX, type ShortcutHint, type ShortcutSection, type SnapContext, type SnapEdge, type SnapGuide, SnapGuideOverlay, type SnapGuideOverlayProps, type SnapGuidesState, type Rect as SnapRect, type SnapResult, type SnapTarget, SnapToolbar, SourceEditor, type SpacingGuide, type StartRenderOptions, StudioApp, StudioFileConflictError, type StudioPendingEditsDrainResult, type ThumbnailPriority, Timeline, TimelineClipMenu, type TimelineClipRenderContext, type TimelineEditCallbacks, type TimelineEditOutcome, type TimelineEditPermission, TimelineEditPopover, TimelineEditProvider, type TimelineElement, TimelineEmptyStatePart, TimelineFrame, TimelineGapMenu, TimelineHistoryButtons, type TimelineHistoryButtonsProps, TimelineKeyframeMenu, TimelineLanes, TimelineOverlays, TimelinePane, type TimelinePaneProps, TimelinePlayhead, TimelineProvider, TimelineRazorGuide, TimelineRuler, TimelineShortcutHint, type TimelineTheme, type TimelineTimeRange$1 as TimelineTimeRange, TimelineToolbar, type TimelineToolbarProps, type TimelineZIndexReorderCommit, type UseClipboardOptions, type UseDomEditSessionParams, type UseDomGeometryCommitOptions, type UseDomStyleCommitOptions, type UseEditHistoryActionsOptions, type UsePersistentEditHistoryOptions, type UsePreviewPersistenceParams, type UseProjectFileWriterOptions, type UseRenderClipContentOptions, type UseTimelineEditingOptions, VideoThumbnail, applyPatch, buildCompositionSnapTarget, buildGridSnapEdges, buildPickerAgentContextPreview, buildPickerAgentPrompt, collectSnapContext, extractSnapTargets, findElementBlock, flushStudioPendingEdits, formatTime, getPersistedRenderSettings, liveTime, mergeStyleIntoTag, parseStyleString, persistRenderSettings, resolveDomEditSelection, resolveEquidistanceGuides, resolveGuideLineRect, resolveIframe, resolveSnapAdjustment, resolveSourceFile, snapEngagedForTravel, useClipboard, useCompositionStack, useDomEditSelectionContext, useDomEditSession, useDomGeometryCommit, useDomStyleCommit, useEditHistoryActions, useElementPicker, useMarqueeGestures, usePersistentEditHistory, usePlayerHandle, usePlayerStore, usePreviewCompositionRect, usePreviewGuidesStore, usePreviewOverlayContext, usePreviewPersistence, useProjectFileWriter, useRenderClipContent, useRenderQueue, useTimelineContext, useTimelineEditing, useTimelinePlayer };

package/dist/studio/index.html

@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <title>HyperFrames Studio</title>
-    <script type="module" crossorigin src="/assets/index-DE6cZYR5.js"></script>
+    <script type="module" crossorigin src="/assets/index-BKE3_N4v.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-Dx79V1Se.css">
   </head>
   <body>

package/dist/studio/index.js

@@ -25709,6 +25709,26 @@ function onPreviewContentReplaced(iframe, onReplaced) {
     iframe.removeEventListener(SCENES_SWAPPED, onReplaced);
   };
 }
+function markScenesStale(iframe, files) {
+  const doc = iframe?.contentDocument;
+  const meta = doc?.querySelector('meta[name="hf-scene-parts"]');
+  if (!doc || !meta) return;
+  let parts;
+  try {
+    parts = JSON.parse(meta.content);
+  } catch {
+    return;
+  }
+  for (const file of files) {
+    const hosts = doc.querySelectorAll(`[data-composition-file="${CSS.escape(file)}"]`);
+    if (hosts.length === 0 && file.endsWith(".html")) parts.shared = "";
+    for (const host of hosts) {
+      const scene = host.closest("[data-hf-scene]")?.getAttribute("data-hf-scene");
+      if (scene && scene in parts.scenes) parts.scenes[scene] = "";
+    }
+  }
+  meta.content = JSON.stringify(parts);
+}
 function sceneSwapFor(iframe) {
   const win = iframe.contentWindow;
   const swap = win?.__hfSwapScenes;
@@ -29406,24 +29426,6 @@ function resolvePreviewLocalPointer(iframe, doc, win, clientX, clientY) {
     viewport: { width: rootWidth, height: rootHeight }
   };
 }
-var POINTER_EVENTS_OVERRIDE_ID = "__hf_studio_pointer_events_override__";
-function forcePointerEventsAuto(doc) {
-  try {
-    const style = doc.createElement("style");
-    style.id = POINTER_EVENTS_OVERRIDE_ID;
-    style.textContent = "* { pointer-events: auto !important; }";
-    doc.head.appendChild(style);
-    return style;
-  } catch {
-    return null;
-  }
-}
-function removePointerEventsOverride(style) {
-  try {
-    style?.remove();
-  } catch {
-  }
-}
 var pointerEventsInheritanceFallbackByDocument = /* @__PURE__ */ new WeakMap();
 function needsPointerEventsInheritanceFallback(doc, win) {
   const cached5 = pointerEventsInheritanceFallbackByDocument.get(doc);
@@ -29520,30 +29522,21 @@ function getPreviewTargetFromPointer(iframe, clientX, clientY, activeComposition
   if (!doc || !win) return null;
   const localPointer = resolvePreviewLocalPointer(iframe, doc, win, clientX, clientY);
   if (!localPointer) return null;
-  let overrideStyle = forcePointerEventsAuto(doc);
-  try {
-    if (typeof doc.elementsFromPoint === "function") {
-      const elements = doc.elementsFromPoint(localPointer.x, localPointer.y);
-      removePointerEventsOverride(overrideStyle);
-      overrideStyle = null;
-      const candidates = filterAuthorInteractiveTargets(elements, activeCompositionPath);
-      const visualTarget = candidates.find((el) => !isFullBleedTarget(el, localPointer.viewport)) ?? null;
-      if (visualTarget) return visualTarget;
-    }
-    removePointerEventsOverride(overrideStyle);
-    overrideStyle = null;
-    const groupHit = findGroupAtPoint(doc, localPointer.x, localPointer.y);
-    if (groupHit && !hasAuthorPointerEventsNone(groupHit) && getDomLayerPatchTarget(groupHit, activeCompositionPath))
-      return groupHit;
-    const fallback = getEventTargetElement(doc.elementFromPoint(localPointer.x, localPointer.y));
-    if (!fallback || !getDomLayerPatchTarget(fallback, activeCompositionPath)) return null;
-    if (hasAuthorPointerEventsNone(fallback)) return null;
-    if (!isElementComputedVisible(fallback)) return null;
-    if (isFullBleedTarget(fallback, localPointer.viewport)) return null;
-    return fallback;
-  } finally {
-    removePointerEventsOverride(overrideStyle);
-  }
+  if (typeof doc.elementsFromPoint === "function") {
+    const elements = doc.elementsFromPoint(localPointer.x, localPointer.y);
+    const candidates = filterAuthorInteractiveTargets(elements, activeCompositionPath);
+    const visualTarget = candidates.find((el) => !isFullBleedTarget(el, localPointer.viewport)) ?? null;
+    if (visualTarget) return visualTarget;
+  }
+  const groupHit = findGroupAtPoint(doc, localPointer.x, localPointer.y);
+  if (groupHit && !hasAuthorPointerEventsNone(groupHit) && getDomLayerPatchTarget(groupHit, activeCompositionPath))
+    return groupHit;
+  const fallback = getEventTargetElement(doc.elementFromPoint(localPointer.x, localPointer.y));
+  if (!fallback || !getDomLayerPatchTarget(fallback, activeCompositionPath)) return null;
+  if (hasAuthorPointerEventsNone(fallback)) return null;
+  if (!isElementComputedVisible(fallback)) return null;
+  if (isFullBleedTarget(fallback, localPointer.viewport)) return null;
+  return fallback;
 }
 function getAllPreviewTargetsFromPointer(iframe, clientX, clientY, activeCompositionPath) {
   let doc = null;
@@ -29557,27 +29550,18 @@ function getAllPreviewTargetsFromPointer(iframe, clientX, clientY, activeComposi
   if (!doc || !win) return [];
   const localPointer = resolvePreviewLocalPointer(iframe, doc, win, clientX, clientY);
   if (!localPointer) return [];
-  let overrideStyle = forcePointerEventsAuto(doc);
-  try {
-    if (typeof doc.elementsFromPoint === "function") {
-      const elements = doc.elementsFromPoint(localPointer.x, localPointer.y);
-      removePointerEventsOverride(overrideStyle);
-      overrideStyle = null;
-      return filterAuthorInteractiveTargets(elements, activeCompositionPath).filter(
-        (el) => !isFullBleedTarget(el, localPointer.viewport)
-      );
-    }
-    const fallback = getEventTargetElement(doc.elementFromPoint(localPointer.x, localPointer.y));
-    if (!fallback || !getDomLayerPatchTarget(fallback, activeCompositionPath)) return [];
-    removePointerEventsOverride(overrideStyle);
-    overrideStyle = null;
-    if (hasAuthorPointerEventsNone(fallback)) return [];
-    if (!isElementComputedVisible(fallback)) return [];
-    if (isFullBleedTarget(fallback, localPointer.viewport)) return [];
-    return [fallback];
-  } finally {
-    removePointerEventsOverride(overrideStyle);
+  if (typeof doc.elementsFromPoint === "function") {
+    const elements = doc.elementsFromPoint(localPointer.x, localPointer.y);
+    return filterAuthorInteractiveTargets(elements, activeCompositionPath).filter(
+      (el) => !isFullBleedTarget(el, localPointer.viewport)
+    );
   }
+  const fallback = getEventTargetElement(doc.elementFromPoint(localPointer.x, localPointer.y));
+  if (!fallback || !getDomLayerPatchTarget(fallback, activeCompositionPath)) return [];
+  if (hasAuthorPointerEventsNone(fallback)) return [];
+  if (!isElementComputedVisible(fallback)) return [];
+  if (isFullBleedTarget(fallback, localPointer.viewport)) return [];
+  return [fallback];
 }
 function objectLike(value) {
   return value && (typeof value === "object" || typeof value === "function") ? value : null;
@@ -68577,9 +68561,13 @@ function hasAmbiguousGsapScriptChange(previous, restored) {
   if (previousScripts.length <= 1 && restoredScripts.length <= 1) return false;
   return previousScripts.length !== restoredScripts.length || previousScripts.some((script, index) => script !== restoredScripts[index]);
 }
-function applyUndoRestoreToPreview(iframe, activeCompPath, files, currentTime, reloadPreview) {
+function applyUndoRestoreToPreview(iframe, activeCompPath, files, currentTime, reload) {
   const activeDocPath = activeCompPath ?? "index.html";
   const paths = files ? Object.keys(files) : [];
+  const reloadPreview = () => {
+    markScenesStale(iframe, paths);
+    reload();
+  };
   if (!iframe || !files || paths.length !== 1 || paths[0] !== activeDocPath) {
     reloadPreview();
     return "full";
@@ -77146,8 +77134,15 @@ function useGsapAwareEditing({
   );
   const handleGsapAwareBoxSizeCommit = useCallback135(
     async (selection, next, offset, restore = () => void 0) => {
-      const ownedAnimations = getGsapAnimationsForSelection(selection);
-      const targetAnimations = Array.isArray(ownedAnimations) ? ownedAnimations : await ownedAnimations;
+      let targetAnimations;
+      try {
+        const ownedAnimations = getGsapAnimationsForSelection(selection);
+        targetAnimations = Array.isArray(ownedAnimations) ? ownedAnimations : await ownedAnimations;
+      } catch (error) {
+        restore();
+        trackGsapInteractionFailure(error, selection, "resize", "Resize animated layer");
+        throw error;
+      }
       const scaleRoute = targetAnimations.some((anim) => anim.propertyGroup === "scale");
       const selector = selectorFromSelection(selection);
       const hasLivePositionTween = selector ? hasNonHoldTweenForElement(
@@ -91832,6 +91827,101 @@ function useDomStyleCommit({
   return { commitStyle, waitForPendingSaves: queue2.waitForIdle };
 }
 
+// src/hooks/useDomGeometryCommit.ts
+import { useCallback as useCallback185, useMemo as useMemo81, useRef as useRef183 } from "react";
+var noop2 = () => {
+};
+var NO_SELECTED_ANIMATIONS = [];
+var noDomBoxSizeRoute = () => Promise.reject(new Error("Resize has no DOM route here"));
+function useDomGeometryCommit({
+  projectId,
+  iframeRef,
+  writeProjectFile,
+  recordEdit,
+  activeCompPath = null,
+  showToast = noop2,
+  reloadPreview
+}) {
+  const projectIdRef = useRef183(projectId);
+  projectIdRef.current = projectId;
+  const pending2 = useRef183(/* @__PURE__ */ new Set()).current;
+  const editHistory = useMemo81(() => ({ recordEdit }), [recordEdit]);
+  const reload = useCallback185(
+    () => reloadPreview ? reloadPreview() : iframeRef.current?.contentWindow?.location.reload(),
+    [reloadPreview, iframeRef]
+  );
+  const { bump: bumpGsapCache } = useGsapCacheVersion();
+  const gsap3 = useGsapScriptCommits({
+    projectIdRef,
+    activeCompPath,
+    previewIframeRef: iframeRef,
+    editHistory,
+    reloadPreview: reload,
+    onCacheInvalidate: bumpGsapCache,
+    showToast,
+    writeProjectFile
+  });
+  const makeFetchFallback = useGsapAnimationFetchFallback(projectId);
+  const trackGsapInteractionFailure = useGsapInteractionFailureTelemetry(activeCompPath, showToast);
+  const {
+    handleGsapAwarePathOffsetCommit,
+    handleGsapAwareGroupPathOffsetCommit,
+    handleGsapAwareBoxSizeCommit,
+    handleGsapAwareRotationCommit
+  } = useGsapAwareEditing({
+    // The host owns selection, so every gesture reads its element's animations from the server.
+    domEditSelection: null,
+    selectedGsapAnimations: NO_SELECTED_ANIMATIONS,
+    gsapCommitMutation: gsap3.commitMutation,
+    previewIframeRef: iframeRef,
+    showToast,
+    bumpGsapCache,
+    makeFetchFallback,
+    trackGsapInteractionFailure,
+    handleDomBoxSizeCommit: noDomBoxSizeRoute,
+    addGsapAnimation: gsap3.addGsapAnimation,
+    convertToKeyframes: gsap3.convertToKeyframes,
+    setArcPath: gsap3.setArcPath,
+    updateArcSegment: gsap3.updateArcSegment
+  });
+  const saved2 = useCallback185(
+    async (commit, restore = noop2) => {
+      const refusal2 = !projectIdRef.current ? "No project is open" : !isPreviewBooted(projectIdRef.current) ? "The preview for this project has not loaded yet" : null;
+      if (refusal2) {
+        restore();
+        showToast(refusal2, "error");
+        throw new Error(refusal2);
+      }
+      const run = commit();
+      pending2.add(run);
+      try {
+        await run;
+      } finally {
+        pending2.delete(run);
+      }
+      return { ok: true };
+    },
+    [pending2, showToast]
+  );
+  return useMemo81(
+    () => ({
+      commitPathOffset: (selection, next, modifiers) => saved2(() => handleGsapAwarePathOffsetCommit(selection, next, modifiers)),
+      commitGroupPathOffset: (updates) => saved2(() => handleGsapAwareGroupPathOffsetCommit(updates)),
+      commitBoxSize: (selection, next, offset, restore) => saved2(() => handleGsapAwareBoxSizeCommit(selection, next, offset, restore), restore),
+      commitRotation: (selection, next) => saved2(() => handleGsapAwareRotationCommit(selection, next)),
+      waitForPendingSaves: () => Promise.allSettled([...pending2]).then(noop2)
+    }),
+    [
+      saved2,
+      pending2,
+      handleGsapAwarePathOffsetCommit,
+      handleGsapAwareGroupPathOffsetCommit,
+      handleGsapAwareBoxSizeCommit,
+      handleGsapAwareRotationCommit
+    ]
+  );
+}
+
 // src/index.ts
 import {
   playSeamTransitionLoop
@@ -91941,6 +92031,7 @@ export {
   useCompositionStack,
   useDomEditSelectionContext,
   useDomEditSession,
+  useDomGeometryCommit,
   useDomStyleCommit,
   useEditHistoryActions,
   useElementPicker,