@hyperframes/studio 0.8.116 → 0.8.117

package/dist/assets/{index-BWHt0-ir.js → index-XJSawwYe.js}

@@ -1 +1 @@
-import{g as P}from"./index-DYNaXPVf.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-C5qKdpgl.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/assets/{index-Dr3hNpvS.js → index-tg2LXUeu.js}

@@ -1,4 +1,4 @@
-import{n as Qi}from"./index-DYNaXPVf.js";/*!
+import{n as Qi}from"./index-C5qKdpgl.js";/*!
  * Copyright (c) 2026-present, Vanilagy and contributors
  *
  * This Source Code Form is subject to the terms of the Mozilla Public

package/dist/index.d.ts

@@ -823,6 +823,17 @@ interface TimelineRangeSelection {
     anchorY: number;
 }
 
+interface RecordEditInput$5 {
+    label: string;
+    coalesceKey?: string;
+    coalesceMs?: number;
+    files: Record<string, {
+        before: string;
+        after: string;
+    }>;
+    created?: string[];
+}
+
 interface ImportedFontAsset {
     family: string;
     path: string;
@@ -856,7 +867,7 @@ type CommitDomAttributeBatch = (selection: DomEditSelection, operations: PatchOp
     prepareContent?: (html: string) => string;
 }) => Promise<boolean>;
 
-interface RecordEditInput$5 {
+interface RecordEditInput$4 {
     label: string;
     coalesceKey?: string;
     files: Record<string, {
@@ -880,7 +891,7 @@ interface UseTimelineEditingOptions {
     showToast: (message: string, tone?: "error" | "info") => void;
     writeProjectFile: (path: string, content: string, expectedContent?: string) => Promise<void>;
     observeProjectFileVersion?: (path: string, version: string | null) => void;
-    recordEdit: (input: RecordEditInput$5) => Promise<void>;
+    recordEdit: (input: RecordEditInput$4) => Promise<void>;
     reloadPreview: () => void;
     previewIframeRef: RefObject<HTMLIFrameElement | null>;
     pendingTimelineEditPathRef: MutableRefObject<Set<string>>;
@@ -968,7 +979,7 @@ interface CommitMutationOptions {
      * error handling — a failed write still throws.
      */
     deferPreviewSync?: boolean;
-    /** Shares an in-place patch miss with the final render of one multi-write action. */
+    /** Carries a deferred write not yet on screen (no patch, or a missed one) to the final render. */
     previewFallbackLatch?: {
         pending: boolean;
     };
@@ -2767,15 +2778,6 @@ interface UndoRestoreFile {
 }
 type RestoreFiles = Record<string, UndoRestoreFile>;
 
-interface RecordEditInput$4 {
-    label: string;
-    coalesceKey?: string;
-    coalesceMs?: number;
-    files: Record<string, {
-        before: string;
-        after: string;
-    }>;
-}
 interface ApplyCallbacks {
     readFile: (path: string) => Promise<string>;
     serialize?: <T>(paths: readonly string[], task: () => Promise<T>) => Promise<T>;
@@ -2811,7 +2813,7 @@ declare function usePersistentEditHistory({ projectId }: UsePersistentEditHistor
             createdAt: number;
         }[];
     };
-    recordEdit: ({ label, coalesceKey, coalesceMs, files }: RecordEditInput$4) => Promise<void>;
+    recordEdit: ({ label, coalesceKey, coalesceMs, files, created }: RecordEditInput$5) => Promise<void>;
     undo: (callbacks: ApplyCallbacks) => Promise<ApplyResult>;
     redo: (callbacks: ApplyCallbacks) => Promise<ApplyResult>;
     predict: (direction: "undo" | "redo") => {
@@ -3132,9 +3134,10 @@ interface CssRotationTarget {
     /** An inline box does not transform, so the turn makes it inline-block. */
     inline: boolean;
 }
+type PressChoseGsap = null;
 type RotationCommit = {
     angle: number;
-    plain?: CssRotationTarget;
+    plain?: CssRotationTarget | PressChoseGsap;
 };
 
 declare const SNAP_THRESHOLD_PX = 6;
@@ -3446,7 +3449,9 @@ declare function useDomEditSession({ projectId, activeCompPath, compIdToSrc, cap
     }, offset?: {
         x: number;
         y: number;
-    }, restore?: () => void) => Promise<GeometryCommitResult>;
+    }, restore?: () => void, route?: {
+        plainTranslate: boolean;
+    }) => Promise<GeometryCommitResult>;
     handleDomRotationCommit: (selection: DomEditSelection, next: RotationCommit) => Promise<GeometryCommitResult | undefined>;
     handleDomManualEditsReset: (selection: DomEditSelection) => Promise<DomEditPersistOutcome | undefined>;
     handleDomTextCommit: (value: string, fieldKey?: string) => Promise<DomEditCommitOutcome>;
@@ -3703,7 +3708,9 @@ interface DomEditOverlayProps {
     }, offset?: {
         x: number;
         y: number;
-    }, restore?: () => void) => Promise<unknown> | void;
+    }, restore?: () => void, route?: {
+        plainTranslate: boolean;
+    }) => Promise<unknown> | void;
     onRotationCommit: (selection: DomEditSelection, next: RotationCommit) => Promise<unknown> | void;
     onStyleCommit?: (property: string, value: string) => Promise<unknown> | void;
     recordingState?: GestureRecordingState;
@@ -3799,8 +3806,8 @@ declare function GradientField({ value, fallbackColor, disabled, onCommit, }: {
  * 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;
+    /** Reloads the host's preview when a save cannot patch it in place. */
+    reloadPreview: () => void;
 }
 interface DomGeometryCommits {
     commitPathOffset: (selection: DomEditSelection, next: {
@@ -3814,7 +3821,9 @@ interface DomGeometryCommits {
     }, offset?: {
         x: number;
         y: number;
-    }, restore?: () => void) => Promise<DomEditCommitOutcome>;
+    }, restore?: () => void, route?: {
+        plainTranslate: boolean;
+    }) => Promise<DomEditCommitOutcome>;
     commitRotation: (selection: DomEditSelection, next: RotationCommit) => Promise<DomEditCommitOutcome>;
     waitForPendingSaves: () => Promise<void>;
 }

package/dist/index.html

@@ -14,7 +14,7 @@
         document.documentElement.dataset.theme = "paper";
       }
     </script>
-    <script type="module" crossorigin src="/assets/index-DYNaXPVf.js"></script>
+    <script type="module" crossorigin src="/assets/index-C5qKdpgl.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-t1LH6H5H.css">
   </head>
   <body>

package/dist/index.js

@@ -16941,6 +16941,28 @@ function applyAuthoredInlineOpacity(style, authored) {
   else style.setProperty("opacity", authored);
 }
 
+// src/utils/elementGsap.ts
+function gsapOf(element) {
+  return element.ownerDocument.defaultView?.gsap;
+}
+function setElementGsapPosition(element, x, y) {
+  const gsap3 = gsapOf(element);
+  if (!gsap3?.set) return false;
+  gsap3.set(element, { x, y });
+  return true;
+}
+function setElementGsapScale(element, x, y) {
+  const gsap3 = gsapOf(element);
+  if (!gsap3?.set) return false;
+  gsap3.set(element, { scaleX: x, scaleY: y });
+  return true;
+}
+function elementTargets(tween) {
+  return (tween.targets?.() ?? []).filter(
+    (t2) => Boolean(t2?.style && t2.nodeType)
+  );
+}
+
 // src/utils/softReloadTargets.ts
 var NESTED_VARS = /* @__PURE__ */ new Set(["css", "startAt", "keyframes"]);
 function tweenedProps(vars) {
@@ -16961,7 +16983,7 @@ function authoringFile(el) {
 }
 function addTweenTargets(tween, targets) {
   const props = tweenedProps(tween.vars);
-  for (const el of tween.targets?.() ?? []) {
+  for (const el of elementTargets(tween)) {
     const seen = targets.get(el) ?? /* @__PURE__ */ new Set();
     for (const prop of props) seen.add(prop);
     targets.set(el, seen);
@@ -16987,7 +17009,7 @@ function tweenTargetsIn(timelines) {
   for (const tl of timelines) {
     try {
       for (const tween of tl?.getChildren?.(true) ?? []) {
-        for (const el of tween.targets?.() ?? []) els.add(el);
+        for (const el of elementTargets(tween)) els.add(el);
       }
     } catch {
     }
@@ -17101,7 +17123,8 @@ function runSuppressed(win, reload) {
     if (win.__hfSuppressSceneMutations) win.__hfSuppressSceneMutations(reload);
     else reload();
     return true;
-  } catch {
+  } catch (error) {
+    console.error("[Studio] GSAP soft reload threw; falling back to a full reload", error);
     return false;
   }
 }
@@ -17173,15 +17196,10 @@ function applySoftReload(iframe, scriptText, options = {}) {
     }
     const allTargets = [...targets.keys()];
     if (allTargets.length > 0 && win.gsap?.set) {
-      const saved2 = [];
-      for (const el of allTargets) {
-        const styled = el;
-        if (styled.style?.cssText != null) saved2.push([styled, styled.style.cssText]);
-      }
-      try {
-        win.gsap.set(allTargets, { clearProps: "all" });
-      } catch {
-      }
+      const saved2 = allTargets.map(
+        (el) => [el, el.style.cssText]
+      );
+      win.gsap.set(allTargets, { clearProps: "all" });
       for (const [el, css2] of saved2) {
         const s = el.style;
         s.cssText = css2;
@@ -29411,6 +29429,14 @@ var BOX_CHANNELS = [
 function gsapWritesBox(el) {
   return gsapWritesPosition(el) || gsapWritesChannels(el, BOX_CHANNELS);
 }
+var GSAP_OWNS = {
+  move: gsapWritesPosition,
+  resize: gsapWritesBox,
+  rotate: gsapWritesRotation
+};
+function editsPlainCss(el, gesture) {
+  return !GSAP_OWNS[gesture](el);
+}
 function elementHasNonHoldTween(el, channels) {
   const win = el.ownerDocument.defaultView;
   return hasNonHoldTween(win?.__timelines ?? null, el, channels);
@@ -36716,11 +36742,11 @@ function writeTranslatePx(el, p) {
   }
   el.style.setProperty("translate", formatTranslatePx(p));
 }
-function readMoveOffset(el, plainTranslate = !gsapWritesPosition(el)) {
+function readMoveOffset(el, plainTranslate = editsPlainCss(el, "move")) {
   return plainTranslate ? readTranslatePx(el) : readStudioPathOffset(el);
 }
 function readShownRotation(el) {
-  return gsapWritesRotation(el) ? readStudioRotation(el) : { angle: roundTo3(readCssRotation(el)) };
+  return editsPlainCss(el, "rotate") ? { angle: roundTo3(readCssRotation(el)) } : readStudioRotation(el);
 }
 
 // src/components/editor/manualOffsetDrag.ts
@@ -36884,8 +36910,7 @@ function resolveManualOffsetForPointerDelta(input) {
   };
 }
 function createManualOffsetDragMember(input) {
-  const gsapOwns = input.gesture === "resize" ? gsapWritesBox : gsapWritesPosition;
-  const plainTranslate = !!input.gesture && !gsapOwns(input.element);
+  const plainTranslate = !!input.gesture && editsPlainCss(input.element, input.gesture === "resize" ? "resize" : "move");
   const initialOffset = plainTranslate ? readTranslatePx(input.element) : readAppliedStudioPathOffset(input.element);
   if (!finitePoint(initialOffset))
     return { ok: false, reason: UNREADABLE_TRANSLATE, selection: input.selection };
@@ -37886,7 +37911,7 @@ function startGesture(kind, e, opts, options) {
     }
   }
   try {
-    const plain = !!pathOffsetMember?.plainTranslate || !gsapWritesRotation(sel.element);
+    const plain = !!pathOffsetMember?.plainTranslate || editsPlainCss(sel.element, "rotate");
     const plainRotation = plain && kind === "rotate" ? readCssRotationTarget(sel.element) : null;
     const rotation = { angle: readRotationBase(sel.element, plain) };
     const overlayBounds = overlayEl?.getBoundingClientRect();
@@ -38419,7 +38444,7 @@ function createDomEditOverlayGestureHandlers(opts) {
         return;
       }
       applyRotationDraft(sel.element, finalRotation.angle, g.plainRotation);
-      const commit = g.plainRotation ? { ...finalRotation, plain: g.plainRotation } : finalRotation;
+      const commit = { ...finalRotation, plain: g.plainRotation };
       void Promise.resolve(opts.onRotationCommitRef.current(sel, commit)).then((result) => trackPreviewEditResult("rotate", "drag", result)).catch((error) => {
         logGestureCommitFailure("rotate commit failed", error);
         if (g.manualEditDragToken && isStudioManualEditGestureCurrent(sel.element, g.manualEditDragToken))
@@ -38485,7 +38510,7 @@ function createDomEditOverlayGestureHandlers(opts) {
         if (finalOffset) restoreStudioPathOffset(sel.element, g.initialPathOffset);
       };
       void Promise.resolve(
-        opts.onBoxSizeCommitRef.current(sel, finalSize, finalOffset ?? void 0, restore2)
+        opts.onBoxSizeCommitRef.current(sel, finalSize, finalOffset ?? void 0, restore2, member)
       ).then((result) => trackPreviewEditResult("resize", "drag", result)).catch((error) => {
         logGestureCommitFailure("resize commit failed", error);
       }).finally(() => {
@@ -46291,28 +46316,6 @@ function readAllAnimatedProperties(iframe, selector, anim, group) {
   return result;
 }
 
-// src/utils/elementGsap.ts
-function gsapOf(element) {
-  return element.ownerDocument.defaultView?.gsap;
-}
-function setElementGsapPosition(element, x, y) {
-  const gsap3 = gsapOf(element);
-  if (!gsap3?.set) return false;
-  gsap3.set(element, { x, y });
-  return true;
-}
-function setElementGsapScale(element, x, y) {
-  const gsap3 = gsapOf(element);
-  if (!gsap3?.set) return false;
-  gsap3.set(element, { scaleX: x, scaleY: y });
-  return true;
-}
-function elementTargets(tween) {
-  return (tween.targets?.() ?? []).filter(
-    (t2) => Boolean(t2?.style && t2.nodeType)
-  );
-}
-
 // src/hooks/gsapParsedTween.ts
 var PARSED_NAME = { scale: "scaleX", rotate: "rotation" };
 function findPropTween(pt, prop) {
@@ -51599,7 +51602,7 @@ function readGsapRuntimeValuesForPanel(gsapAnimId, gsapAnimations, element, prev
     const el = findPreviewNode(iframe.contentDocument, element);
     if (!el) return null;
     const propKeys = collectPanelPropKeys(gsapAnimations);
-    const readsTransform = gsapWritesPosition(el);
+    const readsTransform = !editsPlainCss(el, "move");
     const result = {};
     for (const prop of propKeys) {
       if (!readsTransform && GSAP_TRANSFORM_KEYS.has(prop)) continue;
@@ -52279,7 +52282,7 @@ function createTransformCommitHandlers({
       "This element's position can't be edited here yet \u2014 it is driven by its animation"
     ))
       return;
-    const plainTranslate = !gsapWritesPosition(element.element);
+    const plainTranslate = editsPlainCss(element.element, "move");
     const current = readMoveOffset(element.element, plainTranslate);
     if (!Number.isFinite(current.x) || !Number.isFinite(current.y))
       return void showToast?.(UNREADABLE_TRANSLATE);
@@ -72585,9 +72588,9 @@ function usePersistentEditHistory({ projectId }) {
     void refresh().finally(() => setLoaded(true));
   }, [refresh, own]);
   const recordEdit = useCallback99(
-    async ({ label, coalesceKey, coalesceMs, files }) => {
+    async ({ label, coalesceKey, coalesceMs, files, created = [] }) => {
       if (!projectId) return;
-      const paths = Object.keys(files);
+      const paths = [...Object.keys(files), ...created];
       own.overtake();
       const reply = await post(historyUrl(projectId, "/claim"), {
         label,
@@ -74088,7 +74091,7 @@ import { useCallback as useCallback107, useRef as useRef133 } from "react";
 function isFreezeFrameResponse(value) {
   if (typeof value !== "object" || value === null) return false;
   const body = value;
-  return typeof body.before === "string" && typeof body.after === "string" && typeof body.version === "string";
+  return typeof body.before === "string" && typeof body.after === "string" && typeof body.version === "string" && typeof body.stillPath === "string";
 }
 function errorOf(value) {
   if (typeof value !== "object" || value === null || !("error" in value)) return null;
@@ -74149,7 +74152,8 @@ function useFreezeFrame(options) {
         const result = await requestFreezeFrame({ projectId, path, element, playhead });
         await opts.recordEdit({
           label: "Freeze frame",
-          files: { [path]: { before: result.before, after: result.after } }
+          files: { [path]: { before: result.before, after: result.after } },
+          created: [result.stillPath]
         });
         opts.observeProjectFileVersion?.(path, result.version);
       });
@@ -79354,7 +79358,11 @@ function savePlainRotation({ commitPositionPatchToHtml, readOnlyPreview }, selec
   const before = captureStudioRotation(element);
   const patches = element.hasAttribute(STUDIO_ROTATION_ATTR) ? buildClearRotationPatches(element) : [];
   if (patches.length) clearStudioRotation(element);
-  const drawn = applyCssRotation(element, next.angle, patches.length ? void 0 : next.plain);
+  const drawn = applyCssRotation(
+    element,
+    next.angle,
+    patches.length ? void 0 : next.plain ?? void 0
+  );
   patches.push(...drawn);
   const turn = drawn.at(-1);
   return commitPositionPatchToHtml(selection, patches, {
@@ -81041,7 +81049,8 @@ function softReloadOrEscalate(iframe, scriptText, reloadPreview, origin2, author
 }
 function applyPreviewSync(iframe, result, options, reloadPreview, nestedFiles) {
   const patches = instantPatchesFor(options);
-  let needsFallback = options.previewFallbackLatch?.pending === true;
+  const writtenWithoutPatch = patches.length === 0;
+  let needsFallback = options.previewFallbackLatch?.pending === true || writtenWithoutPatch;
   if (patches.length > 0) {
     const deferSeek = options.deferPreviewSync === true;
     const missed = patches.find(
@@ -81161,9 +81170,12 @@ function useGsapScriptCommits({ projectIdRef, activeCompPath, previewIframeRef,
     if (!result) return;
     trackKeyframeCommit(mutations, result, options, calls.map((call) => call.options));
     options.onResult?.(result);
-    const instantPatches = calls.map(({ options: callOptions }) => callOptions.instantPatch).filter((patch) => patch !== void 0);
+    const instantPatches = calls.flatMap(
+      ({ options: callOptions }) => callOptions.instantPatch ? [callOptions.instantPatch] : []
+    );
     const { instantPatch: _instantPatch, ...batchOptions } = options;
-    await finalizeSuccessfulMutation(pid, compositionPath, last.selection, last.mutation, targetPath, result, instantPatches.length > 0 ? { ...batchOptions, instantPatches } : batchOptions);
+    const allPatched = instantPatches.length === calls.length;
+    await finalizeSuccessfulMutation(pid, compositionPath, last.selection, last.mutation, targetPath, result, allPatched ? { ...batchOptions, instantPatches } : batchOptions);
   }, [showToast, finalizeSuccessfulMutation]);
   const commitMutation = useMemo73(() => {
     const serializeFile = (file, task) => {
@@ -81963,7 +81975,7 @@ function useGsapAwareGroupMove({
       const offsetMembers = /* @__PURE__ */ new Map();
       const preflightResults = await Promise.allSettled(
         updates.map(async ({ selection, next, plainTranslate }) => {
-          if (plainTranslate ?? !gsapWritesPosition(selection.element)) {
+          if (plainTranslate ?? editsPlainCss(selection.element, "move")) {
             refuseGsapTakeover(selection.element, toastRefusal ? showToast : () => {
             });
             return void offsetMembers.set(selection, true);
@@ -82712,7 +82724,7 @@ function useGsapAwareEditing({
   const handleGsapAwarePathOffsetCommit = useCallback146(
     async (selection, next, modifiers) => {
       const writes = observeGsapGesture(gsapCommitMutation);
-      if (modifiers?.plainTranslate ?? !gsapWritesPosition(selection.element)) {
+      if (modifiers?.plainTranslate ?? editsPlainCss(selection.element, "move")) {
         const result = await stageElementPositionOffset(selection, next, true).save();
         return writes.finish(result?.changed === true);
       }
@@ -82759,9 +82771,9 @@ function useGsapAwareEditing({
     showToast
   });
   const handleGsapAwareBoxSizeCommit = useCallback146(
-    async (selection, next, offset, restore2 = () => void 0) => {
+    async (selection, next, offset, restore2 = () => void 0, route) => {
       const writes = observeGsapGesture(gsapCommitMutation);
-      if (!gsapWritesBox(selection.element)) {
+      if (route?.plainTranslate ?? editsPlainCss(selection.element, "resize")) {
         const result = await handleDomBoxSizeCommit(selection, next, offset, restore2);
         return writes.finish(result?.changed === true);
       }
@@ -82803,8 +82815,13 @@ function useGsapAwareEditing({
             makeFetchFallback(selection)
           );
           await saveMove(dragOutcome, async () => {
-            const plain = !gsapWritesPosition(selection.element);
-            anchorMove = stageElementPositionOffset(selection, offset, plain, coalesceKey);
+            const plainAfterSettle = editsPlainCss(selection.element, "move");
+            anchorMove = stageElementPositionOffset(
+              selection,
+              offset,
+              plainAfterSettle,
+              coalesceKey
+            );
           });
         }
       };
@@ -82896,7 +82913,7 @@ function useGsapAwareEditing({
   const handleGsapAwareRotationCommit = useCallback146(
     async (selection, next) => {
       const writes = observeGsapGesture(gsapCommitMutation);
-      if (next.plain || !gsapWritesRotation(selection.element)) {
+      if (next.plain === void 0 ? editsPlainCss(selection.element, "rotate") : next.plain) {
         const result = await handleDomRotationCommit(selection, next);
         return writes.finish(result?.changed === true);
       }
@@ -98060,17 +98077,13 @@ function useDomGeometryCommit({
   projectIdRef.current = projectId;
   const pending2 = useRef190(/* @__PURE__ */ new Set()).current;
   const editHistory = useMemo91(() => ({ recordEdit }), [recordEdit]);
-  const reload = useCallback197(
-    () => reloadPreview ? reloadPreview() : iframeRef.current?.contentWindow?.location.reload(),
-    [reloadPreview, iframeRef]
-  );
   const { bump: bumpGsapCache } = useGsapCacheVersion();
   const gsap3 = useGsapScriptCommits({
     projectIdRef,
     activeCompPath,
     previewIframeRef: iframeRef,
     editHistory,
-    reloadPreview: reload,
+    reloadPreview,
     onCacheInvalidate: bumpGsapCache,
     showToast,
     writeProjectFile
@@ -98153,7 +98166,7 @@ function useDomGeometryCommit({
     () => ({
       commitPathOffset: (selection, next, modifiers) => saved2(() => handleGsapAwarePathOffsetCommit(selection, next, modifiers)),
       commitGroupPathOffset: (updates) => saved2(() => handleGsapAwareGroupPathOffsetCommit(updates)),
-      commitBoxSize: (selection, next, offset, restore2) => saved2(() => handleGsapAwareBoxSizeCommit(selection, next, offset, restore2), restore2),
+      commitBoxSize: (selection, next, offset, restore2, route) => saved2(() => handleGsapAwareBoxSizeCommit(selection, next, offset, restore2, route), restore2),
       commitRotation: (selection, next) => saved2(() => handleGsapAwareRotationCommit(selection, next)),
       waitForPendingSaves: () => Promise.allSettled([...pending2]).then(noop2)
     }),