hyperframes 0.8.114 → 0.8.116

package/dist/{chunk-LYNBNESS.js → chunk-SXV67HVP.js}

@@ -12,13 +12,15 @@ import {
   parseSourceDocument,
   patchElementInHtml,
   probeElementInSource,
+  probeElementsInSource,
   relinkSplitHalves,
   relinkSplitHalvesInHtml,
   removeElementFromHtml,
+  removeElementsFromHtml,
   splitElementInHtml,
   unwrapElementsFromHtml,
   wrapElementsInHtml
-} from "./chunk-XFJXFNJF.js";
+} from "./chunk-34AE4KPB.js";
 import {
   atomicTempPath,
   createFileAtomically,
@@ -31,7 +33,7 @@ import {
   measureAudio,
   requiredFfmpeg,
   resolveLocalAudioPath
-} from "./chunk-GDJ74GHW.js";
+} from "./chunk-23KZNTIV.js";
 import {
   PROXY_PARAMS_VERSION,
   PROXY_PENDING_RETRY_AFTER_SECONDS,
@@ -57,11 +59,11 @@ import {
   shouldPrewarmProxy,
   waitForProxy,
   walkDir
-} from "./chunk-LMC46FK5.js";
+} from "./chunk-TY76XMMP.js";
 import {
   findTimelineScript,
   parseGsapScriptAcorn
-} from "./chunk-RDMAU7AJ.js";
+} from "./chunk-TRLP3CSL.js";
 import {
   STUDIO_MANUAL_EDITS_PATH
 } from "./chunk-KC5XXX3X.js";
@@ -76,16 +78,16 @@ import {
   formatRenderOutputTimestamp,
   parseFps,
   sameInstant
-} from "./chunk-FCEFKWPM.js";
+} from "./chunk-AKZD7VWZ.js";
 import {
   MagicString,
   VALID_CANVAS_RESOLUTIONS,
   unrollComputedTimeline
-} from "./chunk-UUDQD62L.js";
+} from "./chunk-FSLYPQ5Z.js";
 import {
   addScenePartsManifest,
   ensureHfIds
-} from "./chunk-OCNCK5FQ.js";
+} from "./chunk-MZPMAU25.js";
 import {
   findStartTags,
   injectScriptsIntoHtml,
@@ -95,7 +97,7 @@ import {
   resolveRateSpec,
   sourceTimeAt,
   stripEmbeddedRuntimeScripts
-} from "./chunk-C6AIZOQN.js";
+} from "./chunk-WWL6YGYK.js";
 import {
   ProjectRootMissingError,
   folderGone,
@@ -108,7 +110,7 @@ import {
 import {
   isWithinProjectRoot,
   readProjectFile
-} from "./chunk-YJEGT5L6.js";
+} from "./chunk-NITBGIHR.js";
 import {
   FFPROBE_PATH_ENV,
   findFfBinary
@@ -213,7 +215,7 @@ function stampFileHfIds(filePath) {
   }
 }
 
-// ../studio-server/dist/chunk-EPL4YKGI.js
+// ../studio-server/dist/chunk-E3HLZKPI.js
 import { randomUUID as randomUUID6 } from "crypto";
 import { mkdir as mkdir2, readdir as readdir3, rm as rm3, rmdir, writeFile } from "fs/promises";
 import {
@@ -1015,6 +1017,7 @@ function ignoresCase(dir) {
   return self !== void 0 && other?.ino === self.ino && other.dev === self.dev;
 }
 var blocks = (removed, added) => added.startsWith(`${removed}/`) || removed.startsWith(`${added}/`);
+var MAX_TIMER_MS = 2 ** 31 - 1;
 var takesWrite = (window2, at) => window2.idleMs === void 0 || at - (window2.lastWriteAt ?? at) <= window2.idleMs;
 function chainBackFrom(byAfter, hash) {
   const chain = /* @__PURE__ */ new Map();
@@ -1170,7 +1173,7 @@ var Engine = class {
     this.windows.push({ id, who, label, startedAt, lastWriteAt, idleMs, changes: /* @__PURE__ */ new Map() });
   }
   async firstOpen() {
-    const sweptAt = Date.now();
+    const sweptAt = this.now();
     for (const file of listProjectFiles(this.dir)) {
       const hash = await this.storeIfPresent(file.path);
       if (this.whereFolder() !== "here") throw this.replaced();
@@ -1202,7 +1205,7 @@ var Engine = class {
    */
   async sweep() {
     if (this.whereFolder() !== "here") return;
-    const sweptAt = Date.now();
+    const sweptAt = this.now();
     const changedAt = (file) => Math.min(sweptAt, Math.max(file.mtimeMs, file.ctimeMs));
     const seen = listProjectFiles(this.dir);
     const heard = new Map(this.overwritten);
@@ -1477,7 +1480,7 @@ var Engine = class {
       await this.settle();
       const window2 = { ...this.newGroup(who, label), idleMs };
       this.windows.push(window2);
-      this.touch(window2, Date.now());
+      this.touch(window2, this.now());
       const close = () => this.queue(() => this.sweepAndEnd(window2));
       return { id: window2.id, startedAt: window2.startedAt, close };
     });
@@ -1485,11 +1488,19 @@ var Engine = class {
   /** A window with no write for its idleMs ends, so a close that never comes cannot hold every later write. */
   touch(window2, at) {
     window2.lastWriteAt = Math.max(window2.lastWriteAt ?? at, at);
+    this.endWhenIdle(window2, window2.idleMs);
+  }
+  endWhenIdle(window2, delay) {
     clearTimeout(window2.idleTimer);
-    if (window2.idleMs === void 0 || !Number.isFinite(window2.idleMs)) return;
+    if (window2.idleMs === void 0 || !Number.isFinite(window2.idleMs) || delay === void 0)
+      return;
     window2.idleTimer = setTimeout(
-      () => this.background(() => this.sweepAndEnd(window2)),
-      window2.idleMs
+      () => {
+        const left = window2.idleMs - (this.now() - (window2.lastWriteAt ?? this.now()));
+        if (left > 0) this.endWhenIdle(window2, left);
+        else this.background(() => this.sweepAndEnd(window2));
+      },
+      Math.min(delay, MAX_TIMER_MS)
     );
     window2.idleTimer.unref?.();
   }
@@ -1799,7 +1810,7 @@ function historyCache(open2) {
   };
 }
 
-// ../studio-server/dist/chunk-W2SBTCO2.js
+// ../studio-server/dist/chunk-IMG2GSY6.js
 function getElementScreenshotClip(selector, selectorIndex) {
   let matches;
   try {
@@ -1812,6 +1823,16 @@ function getElementScreenshotClip(selector, selectorIndex) {
   const safeIndex = Math.max(0, Math.min(matches.length - 1, Math.floor(selectorIndex ?? 0)));
   const el = matches[safeIndex] ?? null;
   if (!(el instanceof HTMLElement)) return void 0;
+  const page = window;
+  const faded = page.__hfThumbnailFaded ??= [];
+  for (let node = el; node.parentElement; node = node.parentElement) {
+    for (const sibling of Array.from(node.parentElement.children)) {
+      const style = sibling.style;
+      if (sibling === node || !style) continue;
+      faded.push([style, style.getPropertyValue("opacity"), style.getPropertyPriority("opacity")]);
+      style.setProperty("opacity", "0", "important");
+    }
+  }
   const rect = el.getBoundingClientRect();
   if (rect.width < 4 || rect.height < 4) return void 0;
   const pad = 8;
@@ -1826,6 +1847,14 @@ function getElementScreenshotClip(selector, selectorIndex) {
     height: Math.max(1, Math.min(rect.height + pad * 2, maxHeight))
   };
 }
+function clearElementScreenshotIsolation() {
+  const page = window;
+  for (const [style, value, priority] of (page.__hfThumbnailFaded ?? []).reverse()) {
+    if (value) style.setProperty("opacity", value, priority);
+    else style.removeProperty("opacity");
+  }
+  page.__hfThumbnailFaded = [];
+}
 
 // ../studio-server/dist/chunk-WK3ZL3SN.js
 import { resolve as resolve4 } from "path";
@@ -3349,6 +3378,41 @@ function resolveTimelinePositions(anims, labelDefs = []) {
   });
   while (labelIdx < sortedLabels.length) defineLabel(sortedLabels[labelIdx++]);
 }
+function collectAddLabelDefs(ast, ref, scope, sortedCalls) {
+  const callKeys = sortedCalls.map((c) => ({
+    site: callSiteStart(c),
+    order: c.node.__hfOrder
+  }));
+  const comesAfter = (site, order, labelSite, labelOrder) => {
+    if (site === void 0) return false;
+    if (site !== labelSite) return site > labelSite;
+    return (order ?? -Infinity) > (labelOrder ?? -Infinity);
+  };
+  const defs = [];
+  simple(ast, {
+    // fallow-ignore-next-line complexity
+    CallExpression(node) {
+      const callee = node.callee;
+      const objMatches = ref.kind === "identifier" ? callee.object?.type === "Identifier" && callee.object.name === ref.name : sameMemberAccess(callee.object, ref.node);
+      if (callee?.type !== "MemberExpression" || !objMatches || callee.property?.name !== "addLabel")
+        return;
+      const nameNode = node.arguments?.[0];
+      const name = typeof nameNode?.value === "string" ? nameNode.value : void 0;
+      if (!name) return;
+      const posVal = resolveNode(node.arguments?.[1], scope);
+      const position = typeof posVal === "number" || typeof posVal === "string" ? posVal : void 0;
+      const labelStart = node.__hfSiteStart ?? callee.property?.start;
+      const labelOrder = node.__hfOrder;
+      let order = sortedCalls.length;
+      if (labelStart !== void 0) {
+        order = callKeys.findIndex((k) => comesAfter(k.site, k.order, labelStart, labelOrder));
+        if (order === -1) order = sortedCalls.length;
+      }
+      defs.push({ name, position, order });
+    }
+  });
+  return defs;
+}
 function compareByLoc(a, b) {
   const aLoc = a.node.callee?.property?.loc?.start;
   const bLoc = b.node.callee?.property?.loc?.start;
@@ -3401,7 +3465,7 @@ function parseGsapScriptAcornForWrite(script) {
       (call) => tweenCallToAnimation(call, scope, script, identifierBindings)
     );
     applyTimelineDefaults(rawAnims, detection.defaults);
-    resolveTimelinePositions(rawAnims);
+    resolveTimelinePositions(rawAnims, collectAddLabelDefs(ast, ref, scope, calls));
     const animations = assignStableIds(rawAnims);
     const located = calls.map((call, i) => ({
       id: animations[i].id,
@@ -3675,7 +3739,8 @@ function overwritePosition(ms, call, position) {
   if (call.positionArg) {
     ms.overwrite(call.positionArg.start, call.positionArg.end, valueToCode(position));
   } else {
-    ms.appendLeft(call.node.end - 1, `, ${valueToCode(position)}`);
+    const last = call.node.arguments.at(-1);
+    ms.appendLeft(last ? last.end : call.node.end - 1, `, ${valueToCode(position)}`);
   }
 }
 function shiftPositionsInScript(script, targetSelector, delta, root) {
@@ -4397,6 +4462,33 @@ function materializeKeyframesFromScript(script, animationId, keyframes, easeEach
   }
   return ms.toString();
 }
+function replaceTweenWithKeyframesInScript(script, animationId, edit) {
+  const parsed = parseGsapScriptAcornForWrite(script);
+  const target = parsed?.located.find((l) => l.id === animationId);
+  const call = target?.call;
+  if (!target || call?.varsArg?.type !== "ObjectExpression") return null;
+  const { animation } = target;
+  if (animation.method !== "to" && animation.method !== "from" && animation.method !== "fromTo")
+    return null;
+  const ms = new MagicString(script);
+  const start = animation.resolvedStart ?? animation.position;
+  const moved = typeof start !== "number" || Math.abs(start - edit.position) > 5e-4;
+  const kept = preservedVarsEntries(call.varsArg, script).filter(
+    (e) => !/^\s*duration\s*:/.test(e) && !(moved && /^\s*delay\s*:/.test(e))
+  );
+  const sorted = [...edit.keyframes].sort((a, b) => a.percentage - b.percentage);
+  const parts = [`keyframes: ${buildKeyframeObjectCode(sorted, edit.easeEach)}`, ...kept];
+  parts.push(`duration: ${valueToCode(edit.duration)}`);
+  if (edit.ease) parts.push(`ease: ${JSON.stringify(edit.ease)}`);
+  if (animation.hasUnresolvedSelector || animation.targetSelector !== edit.targetSelector) {
+    const selectorArg = call.node.arguments[0];
+    ms.overwrite(selectorArg.start, selectorArg.end, JSON.stringify(edit.targetSelector));
+  }
+  convertMethodToTo(ms, animation, call, call.varsArg);
+  overwriteVarsArg(ms, call, `{ ${parts.join(", ")} }`);
+  if (moved) overwritePosition(ms, call, edit.position);
+  return ms.toString();
+}
 function addAnimationWithKeyframesToScript(script, targetSelector, position, duration, keyframes, ease, easeEach) {
   const parsed = parseGsapScriptAcornForWrite(script);
   if (!parsed) return { script, id: "" };
@@ -5122,14 +5214,15 @@ import {
   writeFileSync as writeFileSync42
 } from "fs";
 import { join as join11 } from "path";
-import { createHash as createHash32, randomUUID as randomUUID22 } from "crypto";
+import { createHash as createHash42, randomUUID as randomUUID22 } from "crypto";
 import { readFileSync as readFileSync8 } from "fs";
+import { createHash as createHash32 } from "crypto";
 import { existsSync as existsSync7, readFileSync as readFileSync10, statSync as statSync7 } from "fs";
 import { join as join12, resolve as resolve52 } from "path";
 import { execFile } from "child_process";
 import { existsSync as existsSync8, readFileSync as readFileSync11, statSync as statSync8 } from "fs";
 import { dirname as dirname52, join as join13, relative as relative4, sep as sep22 } from "path";
-import { createHash as createHash42, randomBytes } from "crypto";
+import { createHash as createHash5, randomBytes } from "crypto";
 import { existsSync as existsSync9 } from "fs";
 import { existsSync as existsSync10, readFileSync as readFileSync12, statSync as statSync9 } from "fs";
 import { join as join14, resolve as resolve6 } from "path";
@@ -5142,7 +5235,7 @@ import { basename as basename22, dirname as dirname6, extname as extname2, join
 import { existsSync as existsSync12, readFileSync as readFileSync13 } from "fs";
 import { homedir as homedir2 } from "os";
 import { join as join16 } from "path";
-import { createHash as createHash5 } from "crypto";
+import { createHash as createHash6 } from "crypto";
 import { readFileSync as readFileSync14, readdirSync as readdirSync5, rmSync as rmSync5 } from "fs";
 import { join as join17 } from "path";
 async function filterCompositionFiles(projectDir, files) {
@@ -6383,6 +6476,21 @@ function bakeVisibilityOnDelete(document2, anim) {
   } catch {
   }
 }
+function replaceInPlaceUnlessSetOrUnknown(scriptText, body) {
+  const edit = { ...body, easeEach: resolveReplacementEaseEach(scriptText, body) };
+  const inPlace = replaceTweenWithKeyframesInScript(scriptText, body.animationId, edit);
+  if (inPlace !== null) return inPlace;
+  const script = removeAnimationFromScript(scriptText, body.animationId);
+  return addAnimationWithKeyframesToScript(
+    script,
+    body.targetSelector,
+    body.position,
+    body.duration,
+    body.keyframes,
+    body.ease,
+    edit.easeEach
+  ).script;
+}
 function resolveReplacementEaseEach(scriptText, request) {
   if (request.easeEach !== void 0) return request.easeEach;
   const original = parseGsapScriptAcorn(scriptText).animations.find(
@@ -6454,7 +6562,7 @@ async function prepareGsapMutationScript(c, res, firstMutation) {
   let block = extractGsapScriptBlock(html);
   if (!block && (firstMutation.type === "add" || firstMutation.type === "add-with-keyframes")) {
     const compId = html.match(/data-composition-id="([^"]+)"/)?.[1] ?? "main";
-    const { GSAP_CDN } = await import("./dist-OKRUIHYU.js");
+    const { GSAP_CDN } = await import("./dist-XSSXGBRH.js");
     const bootstrap = [
       `<script src="${GSAP_CDN}"></script>`,
       "<script>",
@@ -6502,7 +6610,9 @@ async function applyGsapMutations(c, res, mutations) {
   } catch (error) {
     return c.json({ error: error instanceof Error ? error.message : String(error) }, 400);
   }
+  const mutationChanges = [];
   for (const mutation of mutations) {
+    const previousScript = block.scriptText;
     const result = await executeGsapMutation(mutation, block, respond, writer);
     if (result instanceof Response) return result;
     let newScript = typeof result === "string" ? result : result.script;
@@ -6512,6 +6622,7 @@ async function applyGsapMutations(c, res, mutations) {
     if (HOLD_SYNC_MUTATION_TYPES.has(mutation.type)) {
       newScript = writer === "acorn" ? syncPositionHoldsBeforeKeyframes(newScript) : (await loadGsapParser()).syncPositionHoldsBeforeKeyframes(newScript);
     }
+    mutationChanges.push(newScript !== previousScript);
     block.scriptText = newScript;
   }
   const changed = block.scriptText !== initialScript;
@@ -6536,6 +6647,7 @@ async function applyGsapMutations(c, res, mutations) {
     ok: true,
     changed,
     mutated: changed,
+    mutationChanges,
     parsed: parseGsapScriptAcorn(block.scriptText),
     before: beforeHtml,
     after: newHtml,
@@ -6785,17 +6897,7 @@ function executeGsapMutationAcorn(body, block, respond) {
       if (keyframesWritePosition(body.keyframes) || keyframesWriteRotation(body.keyframes)) {
         stripStudioEditsFromTarget(block.document, body.targetSelector);
       }
-      const script = removeAnimationFromScript(block.scriptText, body.animationId);
-      const added = addAnimationWithKeyframesToScript(
-        script,
-        body.targetSelector,
-        body.position,
-        body.duration,
-        body.keyframes,
-        body.ease,
-        resolveReplacementEaseEach(block.scriptText, body)
-      );
-      return added.script;
+      return replaceInPlaceUnlessSetOrUnknown(block.scriptText, body);
     }
     case "split-animations": {
       if (typeof body.originalId !== "string" || !body.originalId || typeof body.newId !== "string" || !body.newId || typeof body.splitTime !== "number" || !Number.isFinite(body.splitTime) || typeof body.elementStart !== "number" || !Number.isFinite(body.elementStart) || typeof body.elementDuration !== "number" || !Number.isFinite(body.elementDuration) || body.elementDuration <= 0) {
@@ -7117,17 +7219,7 @@ async function executeGsapMutationRecast(body, block, respond) {
       if (keyframesWritePosition(body.keyframes) || keyframesWriteRotation(body.keyframes)) {
         stripStudioEditsFromTarget(block.document, body.targetSelector);
       }
-      const script = removeAnimationFromScript2(block.scriptText, body.animationId);
-      const added = addAnimationWithKeyframesToScript2(
-        script,
-        body.targetSelector,
-        body.position,
-        body.duration,
-        body.keyframes,
-        body.ease,
-        resolveReplacementEaseEach(block.scriptText, body)
-      );
-      return added.script;
+      return replaceInPlaceUnlessSetOrUnknown(block.scriptText, body);
     }
     case "split-animations": {
       if (typeof body.originalId !== "string" || !body.originalId || typeof body.newId !== "string" || !body.newId || typeof body.splitTime !== "number" || !Number.isFinite(body.splitTime) || typeof body.elementStart !== "number" || !Number.isFinite(body.elementStart) || typeof body.elementDuration !== "number" || !Number.isFinite(body.elementDuration) || body.elementDuration <= 0) {
@@ -7595,11 +7687,14 @@ function registerFileRoutes(api, adapter) {
       return c.json({ error: "targets required" }, 400);
     }
     const originalContent = readFileSync32(ctx.absPath, "utf-8");
-    let next = originalContent;
-    for (const target of targets) {
-      next = removeElementFromHtml(next, target);
-    }
-    return writeIfChanged(c, ctx.project.dir, ctx.filePath, ctx.absPath, originalContent, next);
+    return writeIfChanged(
+      c,
+      ctx.project.dir,
+      ctx.filePath,
+      ctx.absPath,
+      originalContent,
+      removeElementsFromHtml(originalContent, targets)
+    );
   });
   api.post("/projects/:id/file-mutations/split-batch", async (c) => {
     const body = await c.req.json().catch(() => null);
@@ -8003,6 +8098,19 @@ function registerFileRoutes(api, adapter) {
     const exists = probeElementInSource(content, parsed.target);
     return c.json({ exists });
   });
+  api.post("/projects/:id/file-mutations/probe-elements/*", async (c) => {
+    const ctx = await resolveFileMutationContext(c, adapter, "probe-elements");
+    if ("error" in ctx) return ctx.error;
+    const body = await c.req.json().catch(() => null);
+    if (!Array.isArray(body?.targets)) return c.json({ error: "targets required" }, 400);
+    let content;
+    try {
+      content = readFileSync32(ctx.absPath, "utf-8");
+    } catch {
+      return c.json({ exists: body.targets.map(() => false) });
+    }
+    return c.json({ exists: probeElementsInSource(content, body.targets) });
+  });
   api.patch("/projects/:id/files/*", async (c) => {
     const res = await resolveProjectFile(c, adapter, { mustExist: true });
     if ("error" in res) return res.error;
@@ -8086,17 +8194,18 @@ function registerFileRoutes(api, adapter) {
     });
     if ("error" in res) return res.error;
     const html = readFileSync32(res.absPath, "utf-8");
+    const etag = `${fileContentVersion(html).slice(0, -1)}:gsap-animations:v1"`;
+    const headers = { ETag: etag, "Cache-Control": "no-cache" };
+    if (c.req.header("If-None-Match") === etag) return new Response(null, { status: 304, headers });
     const block = extractGsapScriptBlock(html);
     if (!block) {
-      return c.json({
-        animations: [],
-        timelineVar: "tl",
-        preamble: "",
-        postamble: ""
-      });
+      return c.json(
+        { animations: [], timelineVar: "tl", preamble: "", postamble: "" },
+        200,
+        headers
+      );
     }
-    const parsed = parseGsapScriptAcorn(block.scriptText);
-    return c.json(parsed);
+    return c.json(parseGsapScriptAcorn(block.scriptText), 200, headers);
   });
   api.get("/projects/:id/gsap-mutation-capabilities", async (c) => {
     const project = await adapter.resolveProject(c.req.param("id"));
@@ -8246,6 +8355,9 @@ function tagRootCompositionFile(bodyHtml, compPath) {
   if (bodyHtml.slice(match.index, tagEnd).includes("data-composition-file")) return bodyHtml;
   return bodyHtml.slice(0, tagEnd) + ` data-composition-file="${compPath}"` + bodyHtml.slice(tagEnd);
 }
+function rootHeadContent(rootHtml) {
+  return rootHtml.match(/<head[^>]*>([\s\S]*?)<\/head>/i)?.[1] ?? "";
+}
 function buildSubCompositionHtml(projectDir, compPath, runtimeUrl, baseHref, rawOverride) {
   const compFile = join62(projectDir, compPath);
   if (!existsSync42(compFile)) return null;
@@ -8281,11 +8393,7 @@ function buildSubCompositionHtml(projectDir, compPath, runtimeUrl, baseHref, raw
   rewrittenContent = tagRootCompositionFile(rewrittenContent, compPath);
   const indexPath = join62(projectDir, "index.html");
   let headContent = "";
-  if (existsSync42(indexPath)) {
-    const indexHtml = readFileSync42(indexPath, "utf-8");
-    const headMatch = indexHtml.match(/<head[^>]*>([\s\S]*?)<\/head>/i);
-    headContent = headMatch?.[1] ?? "";
-  }
+  if (existsSync42(indexPath)) headContent = rootHeadContent(readFileSync42(indexPath, "utf-8"));
   if (baseHref && !hasBaseElement(headContent)) {
     headContent = `<base href="${baseHref}">
 ${headContent}`;
@@ -9424,25 +9532,49 @@ function closureOf(read, compPath) {
   return closure;
 }
 var inputSignatures = /* @__PURE__ */ new Map();
+var rootMemos = /* @__PURE__ */ new Map();
+var sha1 = (text2) => createHash32("sha1").update(text2).digest("hex");
+function rootHashes(read) {
+  const source = read(ROOT_COMPOSITION) ?? "";
+  return { root: sha1(source), head: sha1(rootHeadContent(source)) };
+}
 function compositionInputSignature(projectDir, compPath, projectSignature) {
   const key = `${projectDir}\0${compPath}`;
   const known = inputSignatures.get(key);
   if (known?.projectSignature === projectSignature) return known.inputSignature;
   const read = projectReader(projectDir);
-  const inputs = closureOf(read, normalizeSource(compPath) ?? compPath).add(ROOT_COMPOSITION);
-  const siblings = [...closureOf(read, ROOT_COMPOSITION)].filter((path) => !inputs.has(path));
-  const inputSignature = createProjectSignature(projectDir, new Set(siblings));
+  const comp = normalizeSource(compPath) ?? compPath;
+  const inputs = closureOf(read, comp).add(ROOT_COMPOSITION);
+  const excluded = new Set(
+    [...closureOf(read, ROOT_COMPOSITION)].filter((path) => !inputs.has(path))
+  );
+  let inputSignature;
+  if (comp === ROOT_COMPOSITION) {
+    inputSignature = createProjectSignature(projectDir, excluded);
+  } else {
+    const hashes = rootHashes(read);
+    if (!rootMemos.has(projectDir)) rootMemos.set(projectDir, { ...hashes, affected: null });
+    inputSignature = `${createProjectSignature(projectDir, excluded.add(ROOT_COMPOSITION))}:${hashes.head}`;
+  }
   inputSignatures.set(key, { projectSignature, inputSignature });
   return inputSignature;
 }
 function compositionsAffectedBy(projectDir, changedPath) {
   const changed = changedPath.replace(/\\/g, "/");
   const read = projectReader(projectDir);
+  if (changed === ROOT_COMPOSITION) {
+    const now = rootHashes(read);
+    const memo = rootMemos.get(projectDir);
+    if (memo?.root === now.root) return memo.affected;
+    const affected = memo?.head === now.head ? [ROOT_COMPOSITION] : null;
+    rootMemos.set(projectDir, { ...now, affected });
+    return affected;
+  }
   const mounted = closureOf(read, ROOT_COMPOSITION);
-  if (changed === ROOT_COMPOSITION || !mounted.has(changed)) return null;
+  if (!mounted.has(changed)) return null;
   return [...mounted].filter((path) => closureOf(read, path).has(changed));
 }
-var THUMBNAIL_CACHE_VERSION = "v4";
+var THUMBNAIL_CACHE_VERSION = "v5";
 var THUMBNAIL_MAX_OUTPUT_WIDTH = 240;
 var THUMBNAIL_MAX_OUTPUT_HEIGHT = 135;
 var THUMBNAIL_CACHE_MAX_BYTES = 512 * 1024 * 1024;
@@ -9515,7 +9647,7 @@ function readFileOnce(file) {
 function manifestKey(file) {
   const manifest = readFileOnce(file);
   if (typeof manifest === "string") return { key: "", mtimeMs: -Infinity };
-  const hash = createHash32("sha1").update(manifest.data).digest("hex").slice(0, 16);
+  const hash = createHash42("sha1").update(manifest.data).digest("hex").slice(0, 16);
   return { key: `_${hash}`, mtimeMs: Math.round(manifest.mtimeMs) };
 }
 function registerThumbnailRoutes(api, adapter) {
@@ -9552,7 +9684,7 @@ function registerThumbnailRoutes(api, adapter) {
     let sourceKey = "";
     if (source !== "missing") {
       const html = source.data.toString("utf-8");
-      sourceKey = `_${createHash32("sha1").update(html).digest("hex").slice(0, 16)}`;
+      sourceKey = `_${createHash42("sha1").update(html).digest("hex").slice(0, 16)}`;
       sourceMtime = Math.round(source.mtimeMs);
       if (!vpWidth) {
         const wMatch = html.match(/data-width=["'](\d+)["']/);
@@ -9568,9 +9700,9 @@ function registerThumbnailRoutes(api, adapter) {
     const previewPath = compPath === "index.html" ? `${projectUrl}/preview` : `${projectUrl}/preview/comp/${compPath.split("/").map(encodeURIComponent).join("/")}`;
     const previewUrl = `${previewPath}?${PREVIEW_CAPTURE_PARAM}=1`;
     const cacheDir = join11(project.dir, ".thumbnails");
-    const selectorKey = selector ? `_${selector.replace(/[^a-zA-Z0-9_-]+/g, "_").slice(0, 80)}_${selectorIndex ?? 0}` : "";
+    const selectorKey = selector ? `_${createHash42("sha1").update(selector).digest("hex").slice(0, 16)}_${selectorIndex ?? 0}` : "";
     const urlVersionKey = urlVersion ? `_${urlVersion.replace(/[^a-zA-Z0-9_-]+/g, "_").slice(0, 32)}` : "";
-    const inputSignatureKey = `_${createHash32("sha1").update(inputSignature).digest("hex").slice(0, 16)}`;
+    const inputSignatureKey = `_${createHash42("sha1").update(inputSignature).digest("hex").slice(0, 16)}`;
     const outputScale = outputMode === "source" ? 1 : Math.min(1, THUMBNAIL_MAX_OUTPUT_WIDTH / compW, THUMBNAIL_MAX_OUTPUT_HEIGHT / compH);
     const outputWidth = Math.max(1, Math.round(compW * outputScale));
     const outputHeight = Math.max(1, Math.round(compH * outputScale));
@@ -9698,7 +9830,7 @@ function freezeExtractArgs(src, mediaTime, output) {
 var randomStillToken = () => randomBytes(4).toString("hex");
 function freezeStillFileName(clipId, playhead, token = randomStillToken()) {
   const stem = clipId.replace(/[^A-Za-z0-9_-]/g, "_").slice(0, 48) || "clip";
-  const idHash = createHash42("sha256").update(clipId).digest("hex").slice(0, 10);
+  const idHash = createHash5("sha256").update(clipId).digest("hex").slice(0, 10);
   return `${stem}-${idHash}-${Math.round(playhead * 1e3)}-${token}.png`;
 }
 function readFreezeSource(html, target, playhead) {
@@ -10857,7 +10989,7 @@ function numericAttribute(element, name) {
 }
 function createPreviewDocumentStore(projectDir, salt) {
   const dir = join17(projectDir, ".hyperframes", "preview");
-  const fileFor = (key) => join17(dir, `${createHash5("sha256").update(`${salt}
+  const fileFor = (key) => join17(dir, `${createHash6("sha256").update(`${salt}
 ${key}`).digest("hex").slice(0, 32)}.html`);
   return {
     read(key) {
@@ -10966,6 +11098,7 @@ export {
   openProjectHistory,
   historyCache,
   getElementScreenshotClip,
+  clearElementScreenshotIsolation,
   injectMediaCodecMapIntoHtml,
   STUDIO_MOTION_PATH,
   createStudioMotionRenderBodyScript,

package/dist/{chunk-4KGMIOMY.js → chunk-TEYBS6T3.js}

@@ -7,23 +7,26 @@ var __dirname = __hf_dirname(__filename);
 import {
   resolveCompositionViewportFromHtml
 } from "./chunk-5Z63TBTX.js";
+import {
+  launchManagedBrowser,
+  resolveManagedGpuMode
+} from "./chunk-WN62HDA7.js";
 import {
   windowsChromeCrashRemediation
 } from "./chunk-262C25DQ.js";
 import {
   resolveDiagnosticNavigationTimeoutMs
-} from "./chunk-3IUSKIZW.js";
+} from "./chunk-NCQV2NMY.js";
 import {
-  resolveCaptureBrowserGpuMode,
   resolveLocalBrowserGpuMode
-} from "./chunk-T3NMEYGM.js";
+} from "./chunk-6FRHKGRY.js";
 import {
   c
 } from "./chunk-ZTZA4UWZ.js";
 import {
   assertWebGpuAdapterAvailable,
   compositionRequiresWebGpu
-} from "./chunk-G2T2X6FZ.js";
+} from "./chunk-63O3AR5U.js";
 import {
   normalizeErrorMessage
 } from "./chunk-KNU5COPB.js";
@@ -99,12 +102,12 @@ async function openSettledCompositionPage(html, url, options) {
   const { ensureBrowser, findSystemBrowser } = await import("./manager-CT3D67CG.js");
   const browser = await ensureBrowser();
   const puppeteer = await import("puppeteer-core");
-  const { buildChromeArgs } = await import("./src-PJJ6NISA.js");
+  const { buildChromeArgs } = await import("./src-X6ACPJHG.js");
   const requestedGpuMode = options.browserGpuMode ?? resolveCliChromeGpuMode();
   const requiresWebGpu = compositionRequiresWebGpu(html);
   const launch = async (executablePath) => {
-    const resolvedGpuMode = await resolveCaptureBrowserGpuMode(requestedGpuMode, executablePath);
-    return puppeteer.default.launch({
+    const resolvedGpuMode = await resolveManagedGpuMode(requestedGpuMode, executablePath);
+    return launchManagedBrowser(puppeteer.default, {
       headless: true,
       executablePath,
       args: buildChromeArgs(

package/dist/{chunk-RDMAU7AJ.js → chunk-TRLP3CSL.js}

@@ -1793,7 +1793,7 @@ function parseGsapScriptAcornForWrite(script) {
       (call) => tweenCallToAnimation(call, scope, script, identifierBindings)
     );
     applyTimelineDefaults(rawAnims, detection.defaults);
-    resolveTimelinePositions(rawAnims);
+    resolveTimelinePositions(rawAnims, collectAddLabelDefs(ast, ref, scope, calls));
     const animations = assignStableIds(rawAnims);
     const located = calls.map((call, i) => ({
       id: animations[i].id,

package/dist/{chunk-LMC46FK5.js → chunk-TY76XMMP.js}

@@ -8,7 +8,7 @@ import {
   firstFrameColourArgs,
   hdrToSdrToneMapFilter,
   parseFirstFrameColour
-} from "./chunk-FCEFKWPM.js";
+} from "./chunk-AKZD7VWZ.js";
 import {
   mkdirWithinProject,
   realProjectRoot,
@@ -21,7 +21,7 @@ import {
   isUnresolvedAssetPlaceholder,
   maskNonScannableRanges,
   resolveLocalAssetCandidates
-} from "./chunk-YJEGT5L6.js";
+} from "./chunk-NITBGIHR.js";
 import {
   findFfBinary
 } from "./chunk-PJ3HDUCY.js";