hyperframes 0.8.139 → 0.8.141

package/dist/{chunk-OENM2JVZ.js → chunk-34TXESM7.js}

@@ -7,7 +7,7 @@ var __dirname = __hf_dirname(__filename);
 import {
   getMimeType,
   injectMediaCodecMapIntoHtml
-} from "./chunk-Z67RZ4XO.js";
+} from "./chunk-6Q6FR4KH.js";
 import {
   PROXY_VARIANT_CONFIG,
   ProxyCapacityError,
@@ -18,10 +18,10 @@ import {
   recordProxyRequest,
   resolveProxy,
   resolveProxyVariantRequest
-} from "./chunk-A4X2YWNQ.js";
+} from "./chunk-4BB7V6AI.js";
 import {
   resolveAutoProxy
-} from "./chunk-XOZ3J3LB.js";
+} from "./chunk-AVWEIOEN.js";
 
 // src/utils/staticProjectServer.ts
 import { createServer } from "http";

package/dist/{chunk-GWV2Y36Q.js → chunk-35RSNI77.js}

@@ -4,6 +4,9 @@ import { dirname as __hf_dirname } from "node:path";
 var require = __hf_createRequire(import.meta.url);
 var __filename = __hf_fileURLToPath(import.meta.url);
 var __dirname = __hf_dirname(__filename);
+import {
+  ensureHfIds
+} from "./chunk-A4KQZXZI.js";
 import {
   HF_COLOR_GRADING_ATTR,
   INLINED_FILE_ATTR,
@@ -32,7 +35,7 @@ import {
   stripEmbeddedRuntimeScripts,
   styleElementsFor,
   warnUnknownEnumValues
-} from "./chunk-HYYSJI5D.js";
+} from "./chunk-SYKKFAUW.js";
 import {
   cssVariableName
 } from "./chunk-VC76R6W2.js";
@@ -42,7 +45,7 @@ import {
 } from "./chunk-OFQWTKPW.js";
 import {
   lintHyperframeHtml
-} from "./chunk-STA43FMY.js";
+} from "./chunk-WY5OODN5.js";
 import {
   CSS_URL_RE,
   checkSubCompositionUsability,
@@ -1810,106 +1813,6 @@ function inlineSubCompositions(document, hosts, options) {
   };
 }
 
-// ../parsers/dist/hfIds.js
-var EXCLUDED_TAGS = /* @__PURE__ */ new Set([
-  "script",
-  "style",
-  "template",
-  "meta",
-  "link",
-  "noscript",
-  "base"
-]);
-function fnv1a(str) {
-  let h = 2166136261;
-  for (let i = 0; i < str.length; i++) {
-    h ^= str.charCodeAt(i);
-    h = Math.imul(h, 16777619);
-  }
-  return h >>> 0;
-}
-function toHfId(hash2) {
-  const s = (hash2 >>> 0).toString(36);
-  const four = s.length >= 4 ? s.slice(-4) : s.padStart(4, "0");
-  return `hf-${four}`;
-}
-function ownText(el) {
-  let text = "";
-  el.childNodes.forEach((n) => {
-    if (n.nodeType === 3) text += n.nodeValue ?? "";
-  });
-  return text.trim();
-}
-function getContractAttribute(el, name) {
-  return Array.from(el.attributes).find((attr) => attr.name.toLowerCase() === name)?.value ?? null;
-}
-function contentKey(el) {
-  const attrs = Array.from(el.attributes).filter((a) => !a.name.toLowerCase().startsWith("data-hf-")).map((a) => `${a.name.toLowerCase()}\0${a.value}`).sort().join("
");
-  return `${el.tagName.toLowerCase()}|${attrs}|${ownText(el)}`;
-}
-function mintHfId(el, assigned) {
-  const key = contentKey(el);
-  let id = toHfId(fnv1a(key));
-  let dup = 0;
-  while (assigned.has(id)) {
-    dup += 1;
-    if (dup > 1e4) {
-      id = `hf-${(fnv1a(key) >>> 0).toString(36)}-${dup}`;
-      break;
-    }
-    id = toHfId(fnv1a(`${key}#${dup}`));
-  }
-  assigned.add(id);
-  return id;
-}
-function getChildElements(parent) {
-  const directChildren = Array.from(parent.children);
-  if (directChildren.length || parent.tagName.toLowerCase() !== "template") return directChildren;
-  const content = parent.content;
-  if (content?.children.length) return Array.from(content.children);
-  return directChildren;
-}
-function isCompositionTemplate(el) {
-  if (el.tagName.toLowerCase() !== "template") return false;
-  if (getContractAttribute(el, "data-composition-id") !== null) return true;
-  for (const child of getChildElements(el)) {
-    if (getContractAttribute(child, "data-composition-id") !== null) return true;
-  }
-  return false;
-}
-function walkCompositionDescendants(root, visit) {
-  const rootElement = root.nodeType === 9 ? root.documentElement : root;
-  if (!rootElement) return;
-  const walk = (parent) => {
-    for (const child of getChildElements(parent)) {
-      const isTemplate = child.tagName.toLowerCase() === "template";
-      if (isTemplate && !isCompositionTemplate(child)) continue;
-      visit(child);
-      walk(child);
-    }
-  };
-  walk(rootElement);
-}
-function assignHfIds(body) {
-  const assigned = /* @__PURE__ */ new Set();
-  walkCompositionDescendants(body, (el) => {
-    const existing = getContractAttribute(el, "data-hf-id");
-    if (existing) assigned.add(existing);
-  });
-  walkCompositionDescendants(body, (el) => {
-    if (EXCLUDED_TAGS.has(el.tagName.toLowerCase())) return;
-    if (getContractAttribute(el, "data-hf-id")) return;
-    el.setAttribute("data-hf-id", mintHfId(el, assigned));
-  });
-}
-function ensureHfIds(html) {
-  const wrapped = !/<!doctype|<html[\s>]/i.test(html);
-  const { document } = wrapped ? parseHTML(`<!DOCTYPE html><html><head></head><body>${html}</body></html>`) : parseHTML(html);
-  if (!document.body) return html;
-  assignHfIds(document.body);
-  return wrapped ? document.body.innerHTML || "" : document.toString();
-}
-
 // ../core/dist/compiler/htmlBundler.js
 var DEFAULT_RUNTIME_SCRIPT_URL = "";
 function getRuntimeScriptUrl() {
@@ -3122,10 +3025,6 @@ export {
   validateHyperframeHtmlContract,
   ensureExternalLinkTag,
   inlineSubCompositions,
-  EXCLUDED_TAGS,
-  mintHfId,
-  walkCompositionDescendants,
-  ensureHfIds,
   assignBundledRuntimeCompositionIds,
   prepareFlattenedInnerRoot,
   bundleToSingleHtml,

package/dist/{chunk-BC3OY2ED.js → chunk-3A5AAPMP.js}

@@ -6,7 +6,7 @@ var __filename = __hf_fileURLToPath(import.meta.url);
 var __dirname = __hf_dirname(__filename);
 import {
   setHostHandlesSigint
-} from "./chunk-QXOFUKBF.js";
+} from "./chunk-E6SDW5FV.js";
 import {
   processAncestorSnapshot,
   processIdentity,

package/dist/{chunk-U3HX7WE6.js → chunk-3NBKW2QJ.js}

@@ -14,7 +14,7 @@ import {
 } from "./chunk-AWDFDFI3.js";
 import {
   isBlockedNetworkHost
-} from "./chunk-QXOFUKBF.js";
+} from "./chunk-E6SDW5FV.js";
 import {
   DOMParser,
   parseHTML

package/dist/{chunk-A4X2YWNQ.js → chunk-4BB7V6AI.js}

@@ -4,19 +4,16 @@ import { dirname as __hf_dirname } from "node:path";
 var require = __hf_createRequire(import.meta.url);
 var __filename = __hf_fileURLToPath(import.meta.url);
 var __dirname = __hf_dirname(__filename);
-import {
-  STUDIO_MANUAL_EDITS_PATH
-} from "./chunk-KC5XXX3X.js";
 import {
   firstFrameColourArgs,
+  formatPreviewProxyBox,
   hdrToSdrToneMapFilter,
   parseFirstFrameColour
-} from "./chunk-EJ7OWYF2.js";
+} from "./chunk-6E6CM7WS.js";
 import {
   mkdirWithinProject,
   realProjectRoot,
-  realpath,
-  resolveWithinProject
+  realpath
 } from "./chunk-OFQWTKPW.js";
 import {
   cleanAssetUrl,
@@ -24,7 +21,7 @@ import {
   isUnresolvedAssetPlaceholder,
   maskNonScannableRanges,
   resolveLocalAssetCandidates
-} from "./chunk-STA43FMY.js";
+} from "./chunk-JFKL3WAE.js";
 import {
   findFfBinary
 } from "./chunk-PJ3HDUCY.js";
@@ -32,267 +29,9 @@ import {
   rewriteAssetPath
 } from "./chunk-TQFG7HTI.js";
 
-// ../studio-server/dist/chunk-4ETS2LXI.js
-var STUDIO_MOTION_PATH = ".hyperframes/studio-motion.json";
-function hasStudioMotionEntries(manifestContent) {
-  try {
-    const parsed = JSON.parse(manifestContent);
-    return Array.isArray(parsed.motions) && parsed.motions.length > 0;
-  } catch {
-    return false;
-  }
-}
-function createStudioMotionRenderBodyScript(manifestContent, options = {}) {
-  if (!manifestContent.trim() || !hasStudioMotionEntries(manifestContent)) return null;
-  return `(${studioMotionRenderRuntime.toString()})(${JSON.stringify(manifestContent)}, ${JSON.stringify(options.activeCompositionPath ?? null)});`;
-}
-function studioMotionRenderRuntime(manifestContent, activeCompositionPath) {
-  const STUDIO_MOTION_TIMELINE_ID = "studio-motion";
-  const STUDIO_MOTION_ATTR = "data-hf-studio-motion";
-  const ORIGINAL_TRANSFORM_ATTR = "data-hf-studio-motion-original-transform";
-  const ORIGINAL_OPACITY_ATTR = "data-hf-studio-motion-original-opacity";
-  const ORIGINAL_VISIBILITY_ATTR = "data-hf-studio-motion-original-visibility";
-  const objectRecord = (value) => value && typeof value === "object" ? value : null;
-  const finiteNumber = (value) => typeof value === "number" && Number.isFinite(value) ? value : null;
-  const runtimeWindow = window;
-  const parseMotionValues = (value) => {
-    const record = objectRecord(value);
-    if (!record) return null;
-    const parsed = {};
-    for (const key of ["x", "y", "scale", "rotation", "opacity", "autoAlpha"]) {
-      const next = finiteNumber(record[key]);
-      if (next != null) parsed[key] = next;
-    }
-    return Object.keys(parsed).length > 0 ? parsed : null;
-  };
-  const parseCustomEase = (value) => {
-    const record = objectRecord(value);
-    if (!record) return null;
-    const id = typeof record.id === "string" ? record.id.trim() : "";
-    const data = typeof record.data === "string" ? record.data.trim() : "";
-    if (!id || !data) return null;
-    return { id, data };
-  };
-  const parsedManifest = (() => {
-    try {
-      return objectRecord(JSON.parse(manifestContent));
-    } catch {
-      return null;
-    }
-  })();
-  const manifestMotions = Array.isArray(parsedManifest?.motions) ? parsedManifest.motions : [];
-  const sourceFileForElement = (element) => {
-    let current = element;
-    while (current) {
-      const sourceFile = current.getAttribute("data-composition-file") ?? current.getAttribute("data-composition-src");
-      if (sourceFile) return sourceFile;
-      current = current.parentElement;
-    }
-    return activeCompositionPath ?? "index.html";
-  };
-  const elementMatchesSourceFile = (element, sourceFile) => sourceFileForElement(element) === sourceFile;
-  const isHTMLElement = (element) => element instanceof HTMLElement;
-  const querySelectorCandidates = (selector) => {
-    const className = selector.match(/^\.([A-Za-z0-9_-]+)$/)?.[1];
-    if (className) {
-      return Array.from(document.getElementsByTagName("*")).filter(
-        (element) => isHTMLElement(element) && element.classList.contains(className)
-      );
-    }
-    if (/^[A-Za-z][A-Za-z0-9-]*$/.test(selector)) {
-      return Array.from(document.getElementsByTagName(selector)).filter(isHTMLElement);
-    }
-    return Array.from(document.querySelectorAll(selector)).filter(isHTMLElement);
-  };
-  const resolveTarget = (targetRecord) => {
-    const sourceFile = typeof targetRecord.sourceFile === "string" ? targetRecord.sourceFile : "";
-    if (!sourceFile) return null;
-    const id = typeof targetRecord.id === "string" ? targetRecord.id : "";
-    if (id) {
-      const byId = document.getElementById(id);
-      if (isHTMLElement(byId) && elementMatchesSourceFile(byId, sourceFile)) return byId;
-    }
-    const selector = typeof targetRecord.selector === "string" ? targetRecord.selector : "";
-    if (!selector) return null;
-    try {
-      const selectorIndex = Math.max(0, Math.floor(finiteNumber(targetRecord.selectorIndex) ?? 0));
-      return querySelectorCandidates(selector).filter(
-        (element) => elementMatchesSourceFile(element, sourceFile)
-      )[selectorIndex] ?? null;
-    } catch {
-      return null;
-    }
-  };
-  const restoreElement = (element) => {
-    runtimeWindow.gsap?.set?.(element, { clearProps: "transform,opacity,visibility" });
-    element.style.transform = element.getAttribute(ORIGINAL_TRANSFORM_ATTR) ?? "";
-    element.style.opacity = element.getAttribute(ORIGINAL_OPACITY_ATTR) ?? "";
-    element.style.visibility = element.getAttribute(ORIGINAL_VISIBILITY_ATTR) ?? "";
-    element.removeAttribute(STUDIO_MOTION_ATTR);
-    element.removeAttribute(ORIGINAL_TRANSFORM_ATTR);
-    element.removeAttribute(ORIGINAL_OPACITY_ATTR);
-    element.removeAttribute(ORIGINAL_VISIBILITY_ATTR);
-  };
-  const restoreStudioMotionElements = () => {
-    for (const element of Array.from(document.querySelectorAll(`[${STUDIO_MOTION_ATTR}]`))) {
-      if (isHTMLElement(element)) restoreElement(element);
-    }
-  };
-  const readCurrentTime = () => {
-    try {
-      const playerTime = runtimeWindow.__player?.getTime?.();
-      if (typeof playerTime === "number" && Number.isFinite(playerTime)) {
-        return Math.max(0, playerTime);
-      }
-    } catch {
-    }
-    try {
-      const timelineTime = runtimeWindow.__timeline?.time?.();
-      if (typeof timelineTime === "number" && Number.isFinite(timelineTime)) {
-        return Math.max(0, timelineTime);
-      }
-    } catch {
-    }
-    return 0;
-  };
-  const resolveEase = (motion) => {
-    const fallback = typeof motion.ease === "string" && motion.ease.trim() ? motion.ease.trim() : "none";
-    const customEase = parseCustomEase(motion.customEase);
-    const customEasePlugin = runtimeWindow.CustomEase;
-    if (!customEase || typeof customEasePlugin?.create !== "function") return fallback;
-    try {
-      runtimeWindow.gsap?.registerPlugin?.(customEasePlugin);
-      customEasePlugin.create(customEase.id, customEase.data);
-      return customEase.id;
-    } catch {
-      return fallback;
-    }
-  };
-  const applyManifest = () => {
-    runtimeWindow.__timelines = runtimeWindow.__timelines ?? {};
-    runtimeWindow.__timelines[STUDIO_MOTION_TIMELINE_ID]?.kill?.();
-    delete runtimeWindow.__timelines[STUDIO_MOTION_TIMELINE_ID];
-    restoreStudioMotionElements();
-    const gsap = runtimeWindow.gsap;
-    if (!gsap?.timeline || manifestMotions.length === 0) return 0;
-    const timeline = gsap.timeline({ paused: true, defaults: { overwrite: "auto" } });
-    let applied = 0;
-    for (const motionValue of manifestMotions) {
-      const motion = objectRecord(motionValue);
-      if (!motion || motion.kind !== "gsap-motion") continue;
-      const targetRecord = objectRecord(motion.target);
-      if (!targetRecord) continue;
-      const target = resolveTarget(targetRecord);
-      if (!target || typeof timeline.fromTo !== "function") continue;
-      const start = finiteNumber(motion.start);
-      const duration = finiteNumber(motion.duration);
-      if (start == null || duration == null || start < 0 || duration <= 0) continue;
-      const from = parseMotionValues(motion.from);
-      const to = parseMotionValues(motion.to);
-      if (!from || !to) continue;
-      if (!target.hasAttribute(STUDIO_MOTION_ATTR)) {
-        target.setAttribute(ORIGINAL_TRANSFORM_ATTR, target.style.transform);
-        target.setAttribute(ORIGINAL_OPACITY_ATTR, target.style.opacity);
-        target.setAttribute(ORIGINAL_VISIBILITY_ATTR, target.style.visibility);
-      }
-      target.setAttribute(STUDIO_MOTION_ATTR, "true");
-      timeline.fromTo(
-        target,
-        from,
-        { ...to, duration, ease: resolveEase(motion), overwrite: "auto", immediateRender: false },
-        start
-      );
-      applied += 1;
-    }
-    if (applied === 0) {
-      timeline.kill?.();
-      return 0;
-    }
-    runtimeWindow.__timelines[STUDIO_MOTION_TIMELINE_ID] = timeline;
-    timeline.pause?.();
-    const currentTime = readCurrentTime();
-    if (typeof timeline.totalTime === "function") timeline.totalTime(currentTime, false);
-    else timeline.time?.(currentTime);
-    return applied;
-  };
-  runtimeWindow.__hfStudioMotionApply = applyManifest;
-  applyManifest();
-}
-
-// ../studio-server/dist/chunk-DTKK7TKL.js
-import { basename, dirname, isAbsolute, join, relative, sep } from "path";
-import { readdirSync } from "fs";
-function resolveWithinProject2(base, relativePath) {
-  const resolved = resolveWithinProject(base, relativePath);
-  return resolved && !isPrivateProjectFile(base, resolved) ? resolved : null;
-}
-function realFilePath(filePath) {
-  try {
-    return realpath(filePath);
-  } catch {
-    const dir = dirname(filePath);
-    return dir === filePath ? filePath : join(realFilePath(dir), basename(filePath));
-  }
-}
-var STUDIO_FILES = /* @__PURE__ */ new Set([STUDIO_MOTION_PATH, STUDIO_MANUAL_EDITS_PATH]);
-var STUDIO_FOLDERS = [".hyperframes/prepared-assets", ".hyperframes/requests"];
-function isPrivateProjectPath(relPath) {
-  const path = relPath.toLowerCase();
-  return (path === ".hyperframes" || path.startsWith(".hyperframes/")) && !STUDIO_FILES.has(path) && !STUDIO_FOLDERS.some((folder) => path === folder || path.startsWith(`${folder}/`));
-}
-function isPrivateProjectFile(projectDir, filePath) {
-  const rel = (from, to) => relative(from, to).split(sep).join("/");
-  return [rel(projectDir, filePath), rel(realFilePath(projectDir), realFilePath(filePath))].some(
-    isPrivateProjectPath
-  );
-}
-function pinWithinProject(base, relativePath) {
-  const checked = resolveWithinProject2(base, relativePath);
-  if (!checked) return null;
-  const inside = relative(realFilePath(base), realFilePath(checked));
-  const escapes = inside === ".." || inside.startsWith(`..${sep}`) || isAbsolute(inside);
-  return escapes ? null : join(base, inside);
-}
-var IGNORE_DIRS = /* @__PURE__ */ new Set([
-  ".thumbnails",
-  ".transcode-cache",
-  ".waveform-cache",
-  "node_modules",
-  ".git"
-]);
-function shouldIgnoreDir(rel) {
-  return rel === ".hyperframes/backup";
-}
-function isInHiddenOrVendorDir(relPath) {
-  const segments = relPath.split("/");
-  return segments.slice(0, -1).some((seg) => seg.startsWith(".") || seg === "node_modules");
-}
-var UNREADABLE_DIR_CODES = /* @__PURE__ */ new Set(["EACCES", "EPERM", "ENOENT", "ENOTDIR"]);
-function walkDir(dir, prefix = "") {
-  let entries;
-  try {
-    entries = readdirSync(dir, { withFileTypes: true });
-  } catch (err) {
-    const code = err.code;
-    if (!prefix || !code || !UNREADABLE_DIR_CODES.has(code)) throw err;
-    return [];
-  }
-  const files = [];
-  for (const entry of entries) {
-    const rel = prefix ? `${prefix}/${entry.name}` : entry.name;
-    if (IGNORE_DIRS.has(entry.name) || shouldIgnoreDir(rel)) continue;
-    if (entry.isDirectory()) {
-      files.push(...walkDir(join(dir, entry.name), rel));
-    } else {
-      files.push(rel);
-    }
-  }
-  return files;
-}
-
 // ../studio-server/dist/chunk-74JVVCWL.js
 import { existsSync, statSync } from "fs";
-import { relative as relative2, resolve, sep as sep2 } from "path";
+import { relative, resolve, sep } from "path";
 import { execFile } from "child_process";
 import { extname } from "path";
 var execFileRunner = (command, args, options) => new Promise((resolvePromise) => {
@@ -547,7 +286,7 @@ function resolveExistingLocalAsset(projectDir, url) {
     (candidate) => existsSync(candidate)
   );
   if (!resolvedPath) return null;
-  const rootRelative = relative2(projectRoot, resolvedPath).split(sep2).join("/");
+  const rootRelative = relative(projectRoot, resolvedPath).split(sep).join("/");
   return { resolvedPath, rootRelativePathname: `/${rootRelative}` };
 }
 function collectLocalVideoAssets(projectDir, htmlSources) {
@@ -596,13 +335,13 @@ async function scanProjectMediaCodecMap(projectDir, htmlSources, options = {}) {
   return map;
 }
 
-// ../studio-server/dist/chunk-6RFZWPPN.js
+// ../studio-server/dist/chunk-QP7LKFU2.js
 import { spawn } from "child_process";
 import { createHash, randomUUID } from "crypto";
 import { existsSync as existsSync2, renameSync, statSync as statSync2, unlinkSync as unlinkSync2, utimesSync } from "fs";
-import { basename as basename2, dirname as dirname2, isAbsolute as isAbsolute2, join as join2, relative as relative3, resolve as resolve2, sep as sep3 } from "path";
-import { existsSync as existsSync3, readdirSync as readdirSync2, statSync as statSync3, unlinkSync } from "fs";
-import { extname as extname2, join as join3 } from "path";
+import { basename, dirname, isAbsolute, join as join2, relative as relative2, resolve as resolve2, sep as sep2 } from "path";
+import { existsSync as existsSync3, readdirSync, statSync as statSync3, unlinkSync } from "fs";
+import { extname as extname2, join } from "path";
 var DEFAULT_MAX_BYTES = 10 * 1024 * 1024 * 1024;
 var DEFAULT_STALE_TEMP_MS = 60 * 60 * 1e3;
 var DEFAULT_MIN_SWEEP_INTERVAL_MS = 5 * 60 * 1e3;
@@ -636,9 +375,9 @@ function shouldSkipSweep(cacheDir, now, minSweepIntervalMs) {
 function readCacheInventory(cacheDir, protectedPaths, now, staleTempMs) {
   const entries = [];
   const staleTemps = [];
-  for (const dirent of readdirSync2(cacheDir, { withFileTypes: true })) {
+  for (const dirent of readdirSync(cacheDir, { withFileTypes: true })) {
     if (!dirent.isFile()) continue;
-    const path = join3(cacheDir, dirent.name);
+    const path = join(cacheDir, dirent.name);
     const stat = statSync3(path);
     const entry = {
       path,
@@ -775,14 +514,14 @@ async function waitForProxy(promise, timeoutMs = DEFAULT_PROXY_WAIT_TIMEOUT_MS)
 function canonicalizeProxySource(projectDir, absoluteSourcePath) {
   const requestedProjectDir = resolve2(projectDir);
   const requestedSourcePath = resolve2(absoluteSourcePath);
-  const requestedRelativePath = relative3(requestedProjectDir, requestedSourcePath);
-  if (requestedRelativePath === ".." || requestedRelativePath.startsWith(`..${sep3}`) || isAbsolute2(requestedRelativePath)) {
+  const requestedRelativePath = relative2(requestedProjectDir, requestedSourcePath);
+  if (requestedRelativePath === ".." || requestedRelativePath.startsWith(`..${sep2}`) || isAbsolute(requestedRelativePath)) {
     throw new ProxySourceOutsideProjectError();
   }
   const canonicalProjectDir = realProjectRoot(projectDir);
   const canonicalSourcePath = realpath(absoluteSourcePath);
-  const canonicalRelativePath = relative3(canonicalProjectDir, canonicalSourcePath);
-  const sourceIsInsideCanonicalProject = canonicalRelativePath !== ".." && !canonicalRelativePath.startsWith(`..${sep3}`) && !isAbsolute2(canonicalRelativePath);
+  const canonicalRelativePath = relative2(canonicalProjectDir, canonicalSourcePath);
+  const sourceIsInsideCanonicalProject = canonicalRelativePath !== ".." && !canonicalRelativePath.startsWith(`..${sep2}`) && !isAbsolute(canonicalRelativePath);
   return {
     projectDir: canonicalProjectDir,
     sourcePath: canonicalSourcePath,
@@ -792,14 +531,15 @@ function canonicalizeProxySource(projectDir, absoluteSourcePath) {
     cacheIdentity: (sourceIsInsideCanonicalProject ? canonicalRelativePath : canonicalSourcePath).normalize("NFC")
   };
 }
-function buildProxyCacheKey(source, variant) {
+function buildProxyCacheKey(source, variant, box) {
   const stat = statSync2(source.sourcePath);
+  const size = box ? `\0${formatPreviewProxyBox(box)}` : "";
   return createHash("sha256").update(
-    `${source.relativePath}\0${source.cacheIdentity}\0${stat.mtimeMs}\0${stat.size}\0${PROXY_PARAMS_VERSION}\0${variant}`
+    `${source.relativePath}\0${source.cacheIdentity}\0${stat.mtimeMs}\0${stat.size}\0${PROXY_PARAMS_VERSION}\0${variant}${size}`
   ).digest("hex");
 }
-function getCanonicalProxyCachePath(source, variant) {
-  const key = buildProxyCacheKey(source, variant);
+function getCanonicalProxyCachePath(source, variant, box) {
+  const key = buildProxyCacheKey(source, variant, box);
   return join2(
     source.projectDir,
     CACHE_DIR_NAME,
@@ -882,7 +622,13 @@ function rememberFailure(cachePath, error) {
     failedTranscodes.delete(oldest);
   }
 }
-async function runFfmpeg(sourcePath, outputPath, variant) {
+function proxyScaleFilter(box) {
+  if (!box) return "scale=trunc(iw/2)*2:trunc(ih/2)*2";
+  const factor = `min(1\\,max(${box.width}/iw\\,${box.height}/ih))`;
+  const side = (d) => `min(trunc(${d}/2)*2\\,ceil(${d}*${factor}/2)*2)`;
+  return `scale=${side("iw")}:${side("ih")}`;
+}
+async function runFfmpeg(sourcePath, outputPath, variant, box) {
   const metadata = await probeMediaMetadata(sourcePath);
   const ffmpegPath = findFfBinary("ffmpeg", { configuredMustExist: true });
   if (!ffmpegPath) {
@@ -893,7 +639,7 @@ async function runFfmpeg(sourcePath, outputPath, variant) {
   const toneMap = (hdrTransfer === "pq" || hdrTransfer === "hlg") && !keepsAlpha;
   if (toneMap) await ensureHdrFilters(ffmpegPath);
   const firstFrame = toneMap ? await probeFirstFrameColour(sourcePath) : {};
-  const evenScale = "scale=trunc(iw/2)*2:trunc(ih/2)*2";
+  const evenScale = proxyScaleFilter(box);
   const pixelFormat = keepsAlpha ? "yuva420p" : "yuv420p";
   const videoFilter = toneMap ? [
     hdrToSdrToneMapFilter(metadata.color, firstFrame),
@@ -983,15 +729,15 @@ async function runFfmpeg(sourcePath, outputPath, variant) {
     });
   });
 }
-async function transcodeToCache(projectDir, absoluteSourcePath, cachePath, variant) {
+async function transcodeToCache(projectDir, absoluteSourcePath, cachePath, variant, box) {
   await acquireSlot();
   try {
     if (existsSync2(cachePath)) return cachePath;
-    const cacheDir = dirname2(cachePath);
+    const cacheDir = dirname(cachePath);
     mkdirWithinProject(projectDir, cacheDir);
-    const tempPath = join2(cacheDir, `.tmp-${randomUUID()}-${basename2(cachePath)}`);
+    const tempPath = join2(cacheDir, `.tmp-${randomUUID()}-${basename(cachePath)}`);
     try {
-      await runFfmpeg(absoluteSourcePath, tempPath, variant);
+      await runFfmpeg(absoluteSourcePath, tempPath, variant, box);
       renameSync(tempPath, cachePath);
       maintainProxyCache(cacheDir);
       return cachePath;
@@ -1005,16 +751,16 @@ async function transcodeToCache(projectDir, absoluteSourcePath, cachePath, varia
 var settledProxyCount = 0;
 function proxyActivityMark(projectDir) {
   if (!existsSync2(projectDir)) return String(settledProxyCount);
-  const cacheDir = join2(realpath(projectDir), CACHE_DIR_NAME) + sep3;
+  const cacheDir = join2(realpath(projectDir), CACHE_DIR_NAME) + sep2;
   for (const cachePath of inFlight.keys()) if (cachePath.startsWith(cacheDir)) return null;
   return String(settledProxyCount);
 }
-async function resolveProxy(projectDir, absoluteSourcePath, variant = "h264") {
+async function resolveProxy(projectDir, absoluteSourcePath, variant = "h264", box) {
   const source = canonicalizeProxySource(projectDir, absoluteSourcePath);
-  const cachePath = getCanonicalProxyCachePath(source, variant);
+  const cachePath = getCanonicalProxyCachePath(source, variant, box);
   if (existsSync2(cachePath)) {
     markCacheEntryUsed(cachePath);
-    maintainProxyCache(dirname2(cachePath));
+    maintainProxyCache(dirname(cachePath));
     return cachePath;
   }
   const rememberedFailure = failedTranscodes.get(cachePath);
@@ -1024,7 +770,7 @@ async function resolveProxy(projectDir, absoluteSourcePath, variant = "h264") {
   }
   const existing = inFlight.get(cachePath);
   if (existing) return existing;
-  const promise = transcodeToCache(source.projectDir, source.sourcePath, cachePath, variant).catch((err) => {
+  const promise = transcodeToCache(source.projectDir, source.sourcePath, cachePath, variant, box).catch((err) => {
     if (!(err instanceof ProxyCapacityError)) rememberFailure(cachePath, err);
     throw err;
   }).finally(() => {
@@ -1036,15 +782,6 @@ async function resolveProxy(projectDir, absoluteSourcePath, variant = "h264") {
 }
 
 export {
-  STUDIO_MOTION_PATH,
-  createStudioMotionRenderBodyScript,
-  resolveWithinProject2 as resolveWithinProject,
-  realFilePath,
-  isPrivateProjectPath,
-  isPrivateProjectFile,
-  pinWithinProject,
-  isInHiddenOrVendorDir,
-  walkDir,
   probeMediaMetadata,
   shouldPrewarmProxy,
   recordProxyPrewarm,