@hyperframes/studio 0.8.144 → 0.8.146

package/dist/assets/{index-DyH9dT7b.js → index-Dllxg4aU.js}

@@ -1 +1 @@
-import{h as P}from"./index-BVM9NuWl.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 h=e[o+x]-t,_=r.some(function(g){if(g.interval===h)return g.count+=1});_||r.push({interval:h,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{h as P}from"./index-Cg48BxAo.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 h=e[o+x]-t,_=r.some(function(g){if(g.interval===h)return g.count+=1});_||r.push({interval:h,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/{chunk-EEXSYY5F.js → chunk-C5BDT7NG.js}

@@ -187,4 +187,3 @@ function HyperframesLogo() {
 export {
   HyperframesLogo
 };
-//# sourceMappingURL=chunk-EEXSYY5F.js.map

package/dist/{chunk-PEAKCOUW.js → chunk-HZDCMUG4.js}

@@ -17,103 +17,13 @@ import {
   normalizeTimelineCompositionSource,
   parsePx,
   querySelectorAllSafely,
+  studioApiFetch,
   withSelectorIndexPass
-} from "./chunk-3GHTHPZD.js";
-import {
-  __export
-} from "./chunk-PZ5AY32C.js";
+} from "./chunk-T43DM7Q6.js";
 
 // src/components/editor/domEditingLayers.ts
 import { PREVIEW_ONLY_ATTRS } from "@hyperframes/core/studio-preview-mark";
 
-// src/components/editor/manualEditingAvailability.ts
-var manualEditingAvailability_exports = {};
-__export(manualEditingAvailability_exports, {
-  STUDIO_API_SAME_ORIGIN_CREDENTIALS: () => STUDIO_API_SAME_ORIGIN_CREDENTIALS,
-  STUDIO_FLAT_INSPECTOR_ENABLED: () => STUDIO_FLAT_INSPECTOR_ENABLED,
-  STUDIO_SDK_CUTOVER_ENABLED: () => STUDIO_SDK_CUTOVER_ENABLED,
-  STUDIO_SDK_CUTOVER_FAMILIES: () => STUDIO_SDK_CUTOVER_FAMILIES,
-  STUDIO_SDK_RESOLVER_SHADOW_ENABLED: () => STUDIO_SDK_RESOLVER_SHADOW_ENABLED,
-  resolveStudioBooleanEnvFlag: () => resolveStudioBooleanEnvFlag
-});
-
-// src/utils/sdkCutoverPolicy.ts
-var STUDIO_SDK_OPERATION_FAMILIES = [
-  "dom",
-  "timing",
-  "gsap-animation",
-  "gsap-keyframe",
-  "lifecycle"
-];
-function resolveEnabledSdkFamilies(env2, masterEnabled) {
-  if (!masterEnabled) return /* @__PURE__ */ new Set();
-  const raw = env2["VITE_STUDIO_SDK_CUTOVER_FAMILIES"];
-  if (typeof raw !== "string" || raw.trim() === "") return new Set(STUDIO_SDK_OPERATION_FAMILIES);
-  const requested = raw.split(",").map((family) => family.trim()).filter(Boolean);
-  const known = new Set(STUDIO_SDK_OPERATION_FAMILIES);
-  const unknown = requested.filter((family) => !known.has(family));
-  if (unknown.length > 0) {
-    throw new Error(`Unknown Studio SDK cutover families: ${unknown.join(", ")}`);
-  }
-  return new Set(requested);
-}
-function isSdkFamilyEnabled(masterEnabled, configured, family) {
-  return masterEnabled && (configured?.has(family) ?? true);
-}
-
-// src/components/editor/manualEditingAvailability.ts
-var TRUTHY_ENV_VALUES = /* @__PURE__ */ new Set(["1", "true", "yes", "on", "enabled"]);
-var FALSY_ENV_VALUES = /* @__PURE__ */ new Set(["0", "false", "no", "off", "disabled"]);
-function resolveStudioBooleanEnvFlag(env2, names, fallback) {
-  for (const name of names) {
-    const value = env2[name];
-    if (typeof value === "boolean") return value;
-    if (typeof value !== "string") continue;
-    const normalized = value.trim().toLowerCase();
-    if (!normalized) continue;
-    if (TRUTHY_ENV_VALUES.has(normalized)) return true;
-    if (FALSY_ENV_VALUES.has(normalized)) return false;
-  }
-  return fallback;
-}
-var runtimeEnv = typeof window !== "undefined" ? window.__HF_STUDIO_ENV__ ?? {} : {};
-var env = { ...import.meta.env ?? {}, ...runtimeEnv };
-var STUDIO_SDK_CUTOVER_ENABLED = resolveStudioBooleanEnvFlag(
-  env,
-  ["VITE_STUDIO_SDK_CUTOVER_ENABLED"],
-  true
-);
-var STUDIO_SDK_CUTOVER_FAMILIES = resolveEnabledSdkFamilies(
-  env,
-  STUDIO_SDK_CUTOVER_ENABLED
-);
-var STUDIO_SDK_RESOLVER_SHADOW_ENABLED = resolveStudioBooleanEnvFlag(
-  env,
-  ["VITE_STUDIO_SDK_RESOLVER_SHADOW_ENABLED"],
-  true
-);
-var STUDIO_FLAT_INSPECTOR_ENABLED = resolveStudioBooleanEnvFlag(
-  env,
-  ["VITE_STUDIO_ENABLE_FLAT_INSPECTOR", "VITE_STUDIO_FLAT_INSPECTOR_ENABLED"],
-  true
-);
-var STUDIO_API_SAME_ORIGIN_CREDENTIALS = resolveStudioBooleanEnvFlag(
-  env,
-  ["VITE_STUDIO_API_SAME_ORIGIN_CREDENTIALS"],
-  false
-);
-
-// src/utils/studioApiFetch.ts
-var LOOPBACK_HOSTS = /* @__PURE__ */ new Set(["localhost", "127.0.0.1", "[::1]"]);
-function studioApiCredentials() {
-  if (STUDIO_API_SAME_ORIGIN_CREDENTIALS) return "same-origin";
-  const host = globalThis.location?.hostname;
-  return !host || LOOPBACK_HOSTS.has(host) ? "omit" : "same-origin";
-}
-function studioApiFetch(input, init) {
-  return globalThis.fetch(input, { ...init, credentials: studioApiCredentials() });
-}
-
 // src/components/editor/probeSourceElement.ts
 function knownSourceAnswer(previous, element, sourceFile, target) {
   if (!previous || previous.element !== element || previous.sourceFile !== sourceFile) return;
@@ -902,13 +812,6 @@ function buildDomEditPatchTarget(selection) {
 }
 
 export {
-  isSdkFamilyEnabled,
-  STUDIO_SDK_CUTOVER_ENABLED,
-  STUDIO_SDK_CUTOVER_FAMILIES,
-  STUDIO_SDK_RESOLVER_SHADOW_ENABLED,
-  STUDIO_FLAT_INSPECTOR_ENABLED,
-  manualEditingAvailability_exports,
-  studioApiFetch,
   isElementComputedVisible,
   getDomLayerPatchTarget,
   resolveAllVisualDomEditTargets,
@@ -939,4 +842,3 @@ export {
   readHfId,
   buildDomEditPatchTarget
 };
-//# sourceMappingURL=chunk-PEAKCOUW.js.map

package/dist/{chunk-PZ5AY32C.js → chunk-MLKGABMK.js}

@@ -7,4 +7,3 @@ var __export = (target, all) => {
 export {
   __export
 };
-//# sourceMappingURL=chunk-PZ5AY32C.js.map

package/dist/{chunk-G3EDKRZH.js → chunk-PHGBG7OG.js}

@@ -1,10 +1,11 @@
 import {
   HyperframesLoader
-} from "./chunk-Y2OHHNM2.js";
+} from "./chunk-PVFBY7KR.js";
 import {
   buildProjectApiPath,
-  splitTimelineElementKey
-} from "./chunk-3GHTHPZD.js";
+  splitTimelineElementKey,
+  studioApiFetch
+} from "./chunk-T43DM7Q6.js";
 
 // src/player/lib/time.ts
 var STUDIO_PREVIEW_FPS = 30;
@@ -959,6 +960,87 @@ function whenPreviewBooted(projectId) {
   });
 }
 
+// src/player/sceneSwap.ts
+var SCENES_SWAPPED = "hf-scenes-swapped";
+var SCENE_SWAP_MS = 5e3;
+var PREVIEW_DOCUMENT_LOADED = "hf-preview-document-loaded";
+function announcePreviewDocumentLoaded(iframe) {
+  iframe.dispatchEvent(new Event(PREVIEW_DOCUMENT_LOADED));
+}
+function onPreviewDocumentLoaded(iframe, onLoaded) {
+  iframe.addEventListener(PREVIEW_DOCUMENT_LOADED, onLoaded);
+  return () => iframe.removeEventListener(PREVIEW_DOCUMENT_LOADED, onLoaded);
+}
+function onPreviewContentReplaced(iframe, onReplaced) {
+  const stopLoaded = onPreviewDocumentLoaded(iframe, onReplaced);
+  iframe.addEventListener(SCENES_SWAPPED, onReplaced);
+  return () => {
+    stopLoaded();
+    iframe.removeEventListener(SCENES_SWAPPED, onReplaced);
+  };
+}
+var PREVIEW_PROMOTED = "hf-preview-promoted";
+function announcePreviewPromoted(promotion) {
+  promotion.live.ownerDocument.dispatchEvent(
+    new CustomEvent(PREVIEW_PROMOTED, { detail: promotion })
+  );
+}
+function onPreviewPromoted(doc, listener) {
+  const handle = (event) => listener(event.detail);
+  doc.addEventListener(PREVIEW_PROMOTED, handle);
+  return () => doc.removeEventListener(PREVIEW_PROMOTED, handle);
+}
+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;
+  if (typeof swap !== "function") return null;
+  return async (url, isCurrent, cancel) => {
+    if (cancel?.aborted) throw cancel.reason;
+    const deadline = new AbortController();
+    const timer = setTimeout(
+      () => deadline.abort(new Error("the preview took too long to swap")),
+      SCENE_SWAP_MS
+    );
+    cancel?.addEventListener("abort", () => deadline.abort(cancel.reason), { once: true });
+    const swapping = (async () => {
+      const response = await studioApiFetch(url, { signal: deadline.signal });
+      if (!response.ok) throw new Error(`preview request failed with ${response.status}`);
+      const html = await response.text();
+      if (!isCurrent()) throw new Error("superseded by a newer reload");
+      await swap.call(win, html, deadline.signal);
+    })();
+    const expired = new Promise(
+      (_resolve, reject) => deadline.signal.addEventListener("abort", () => reject(deadline.signal.reason))
+    );
+    try {
+      await Promise.race([swapping, expired]);
+    } finally {
+      clearTimeout(timer);
+    }
+    iframe.dispatchEvent(new Event(SCENES_SWAPPED));
+  };
+}
+
 // src/player/components/Player.tsx
 import { forwardRef, useEffect as useEffect2, useRef, useState } from "react";
 import { isLottieAnimationLoaded } from "@hyperframes/core/runtime/lottie-readiness";
@@ -1052,6 +1134,7 @@ function hasUnloadedAssets(iframe, lastResult) {
     return lastResult;
   }
 }
+var runtimeBootedIn = (iframe) => iframe.contentWindow?.__playerReady === true;
 var Player = forwardRef(
   ({
     projectId,
@@ -1130,9 +1213,11 @@ var Player = forwardRef(
           const loading = getShaderTransitionLoading(event);
           if (loading !== null) setShaderTransitionLoading(loading);
         };
+        let loadedDocument = null;
         const handleReady = () => {
           setPreviewError(null);
           setCompositionLoading(false);
+          if (iframe.contentDocument && runtimeBootedIn(iframe)) handleLoad();
         };
         const handlePainted = () => {
           setPainted(true);
@@ -1145,6 +1230,9 @@ var Player = forwardRef(
           setCompositionLoading(false);
         };
         const handleLoad = () => {
+          const doc = iframe.contentDocument;
+          if (doc && doc === loadedDocument) return;
+          loadedDocument = doc;
           loadCountRef.current++;
           setLoaded(true);
           setPreviewError(null);
@@ -1159,6 +1247,7 @@ var Player = forwardRef(
             container.addEventListener("animationend", onEnd, { once: true });
           }
           onLoadRef.current();
+          announcePreviewDocumentLoaded(iframe);
           if (assetPollRef.current) clearInterval(assetPollRef.current);
           const isContentRefresh = loadCountRef.current > 1;
           let lastUnloaded = isContentRefresh ? false : hasUnloadedAssets(iframe, false);
@@ -1171,7 +1260,7 @@ var Player = forwardRef(
               if (!lastUnloaded || attempts > 100) {
                 if (lastUnloaded && attempts > 100) {
                   console.debug(
-                    "[studio] asset readiness poll hit the 10s cap \u2014 continuing with unloaded assets"
+                    "[studio] asset readiness poll hit the 10s cap, continuing with unloaded assets"
                   );
                 }
                 if (assetPollRef.current) clearInterval(assetPollRef.current);
@@ -1437,6 +1526,12 @@ export {
   usePlayerStore,
   isPreviewBooted,
   whenPreviewBooted,
+  announcePreviewDocumentLoaded,
+  onPreviewDocumentLoaded,
+  onPreviewContentReplaced,
+  announcePreviewPromoted,
+  onPreviewPromoted,
+  markScenesStale,
+  sceneSwapFor,
   Player
 };
-//# sourceMappingURL=chunk-G3EDKRZH.js.map

package/dist/{chunk-Y2OHHNM2.js → chunk-PVFBY7KR.js}

@@ -967,4 +967,3 @@ export {
   Slider,
   Toggle
 };
-//# sourceMappingURL=chunk-Y2OHHNM2.js.map

package/dist/{chunk-3GHTHPZD.js → chunk-T43DM7Q6.js}

@@ -1,3 +1,7 @@
+import {
+  __export
+} from "./chunk-MLKGABMK.js";
+
 // src/utils/sourceScopedSelectorIndex.ts
 var activePass = null;
 function withSelectorIndexPass(doc, run) {
@@ -615,7 +619,7 @@ function resolveStaticSeekFallback(opts) {
   if (!warned.current) {
     warned.current = true;
     console.warn(
-      `[useTimelinePlayer] Selected adapter duration (${getAdapterDuration(bestAdapter)}s) does not cover the document duration (${docDuration}s); falling back to seek-driven playback, which never starts media elements or WebAudio. Audio will not play in preview \u2014 extend the GSAP timeline to cover the declared data-duration.`
+      `[useTimelinePlayer] Selected adapter duration (${getAdapterDuration(bestAdapter)}s) does not cover the document duration (${docDuration}s); falling back to seek-driven playback, which never starts media elements or WebAudio. Audio will not play in preview. Extend the GSAP timeline to cover the declared data-duration.`
     );
   }
   const adapter = createStaticSeekPlaybackAdapter(
@@ -1032,6 +1036,94 @@ function buildProjectApiPath(projectId, suffix = "") {
   return `/api/projects/${encodeProjectId(projectId)}${normalizedSuffix}`;
 }
 
+// src/components/editor/manualEditingAvailability.ts
+var manualEditingAvailability_exports = {};
+__export(manualEditingAvailability_exports, {
+  STUDIO_API_SAME_ORIGIN_CREDENTIALS: () => STUDIO_API_SAME_ORIGIN_CREDENTIALS,
+  STUDIO_FLAT_INSPECTOR_ENABLED: () => STUDIO_FLAT_INSPECTOR_ENABLED,
+  STUDIO_SDK_CUTOVER_ENABLED: () => STUDIO_SDK_CUTOVER_ENABLED,
+  STUDIO_SDK_CUTOVER_FAMILIES: () => STUDIO_SDK_CUTOVER_FAMILIES,
+  STUDIO_SDK_RESOLVER_SHADOW_ENABLED: () => STUDIO_SDK_RESOLVER_SHADOW_ENABLED,
+  resolveStudioBooleanEnvFlag: () => resolveStudioBooleanEnvFlag
+});
+
+// src/utils/sdkCutoverPolicy.ts
+var STUDIO_SDK_OPERATION_FAMILIES = [
+  "dom",
+  "timing",
+  "gsap-animation",
+  "gsap-keyframe",
+  "lifecycle"
+];
+function resolveEnabledSdkFamilies(env2, masterEnabled) {
+  if (!masterEnabled) return /* @__PURE__ */ new Set();
+  const raw = env2["VITE_STUDIO_SDK_CUTOVER_FAMILIES"];
+  if (typeof raw !== "string" || raw.trim() === "") return new Set(STUDIO_SDK_OPERATION_FAMILIES);
+  const requested = raw.split(",").map((family) => family.trim()).filter(Boolean);
+  const known = new Set(STUDIO_SDK_OPERATION_FAMILIES);
+  const unknown = requested.filter((family) => !known.has(family));
+  if (unknown.length > 0) {
+    throw new Error(`Unknown Studio SDK cutover families: ${unknown.join(", ")}`);
+  }
+  return new Set(requested);
+}
+function isSdkFamilyEnabled(masterEnabled, configured, family) {
+  return masterEnabled && (configured?.has(family) ?? true);
+}
+
+// src/components/editor/manualEditingAvailability.ts
+var TRUTHY_ENV_VALUES = /* @__PURE__ */ new Set(["1", "true", "yes", "on", "enabled"]);
+var FALSY_ENV_VALUES = /* @__PURE__ */ new Set(["0", "false", "no", "off", "disabled"]);
+function resolveStudioBooleanEnvFlag(env2, names, fallback) {
+  for (const name of names) {
+    const value = env2[name];
+    if (typeof value === "boolean") return value;
+    if (typeof value !== "string") continue;
+    const normalized = value.trim().toLowerCase();
+    if (!normalized) continue;
+    if (TRUTHY_ENV_VALUES.has(normalized)) return true;
+    if (FALSY_ENV_VALUES.has(normalized)) return false;
+  }
+  return fallback;
+}
+var runtimeEnv = typeof window !== "undefined" ? window.__HF_STUDIO_ENV__ ?? {} : {};
+var env = { ...import.meta.env ?? {}, ...runtimeEnv };
+var STUDIO_SDK_CUTOVER_ENABLED = resolveStudioBooleanEnvFlag(
+  env,
+  ["VITE_STUDIO_SDK_CUTOVER_ENABLED"],
+  true
+);
+var STUDIO_SDK_CUTOVER_FAMILIES = resolveEnabledSdkFamilies(
+  env,
+  STUDIO_SDK_CUTOVER_ENABLED
+);
+var STUDIO_SDK_RESOLVER_SHADOW_ENABLED = resolveStudioBooleanEnvFlag(
+  env,
+  ["VITE_STUDIO_SDK_RESOLVER_SHADOW_ENABLED"],
+  true
+);
+var STUDIO_FLAT_INSPECTOR_ENABLED = resolveStudioBooleanEnvFlag(
+  env,
+  ["VITE_STUDIO_ENABLE_FLAT_INSPECTOR", "VITE_STUDIO_FLAT_INSPECTOR_ENABLED"],
+  true
+);
+var STUDIO_API_SAME_ORIGIN_CREDENTIALS = resolveStudioBooleanEnvFlag(
+  env,
+  ["VITE_STUDIO_API_SAME_ORIGIN_CREDENTIALS"],
+  false
+);
+
+// src/utils/studioApiFetch.ts
+var LOOPBACK_HOSTS = /* @__PURE__ */ new Set(["localhost", "127.0.0.1", "[::1]"]);
+function studioApiCredentials() {
+  if (STUDIO_API_SAME_ORIGIN_CREDENTIALS) return "same-origin";
+  const host = globalThis.location?.hostname;
+  return !host || LOOPBACK_HOSTS.has(host) ? "omit" : "same-origin";
+}
+function studioApiFetch(input, init) {
+  return globalThis.fetch(input, { ...init, credentials: studioApiCredentials() });
+}
+
 export {
   buildProjectHash,
   parseProjectHashRoute,
@@ -1100,6 +1192,12 @@ export {
   deriveTimelineStoreKeyForDomId,
   previewElementFinder,
   findClipElementById,
-  createTimelineDomNodeResolver
+  createTimelineDomNodeResolver,
+  isSdkFamilyEnabled,
+  STUDIO_SDK_CUTOVER_ENABLED,
+  STUDIO_SDK_CUTOVER_FAMILIES,
+  STUDIO_SDK_RESOLVER_SHADOW_ENABLED,
+  STUDIO_FLAT_INSPECTOR_ENABLED,
+  manualEditingAvailability_exports,
+  studioApiFetch
 };
-//# sourceMappingURL=chunk-3GHTHPZD.js.map

package/dist/{domEditingLayers-PYST4G45.js → domEditingLayers-SMVA3FEW.js}

@@ -19,9 +19,9 @@ import {
   resolveDomEditCapabilities,
   resolveDomEditSelection,
   serializeDomEditTextFields
-} from "./chunk-PEAKCOUW.js";
-import "./chunk-3GHTHPZD.js";
-import "./chunk-PZ5AY32C.js";
+} from "./chunk-HZDCMUG4.js";
+import "./chunk-T43DM7Q6.js";
+import "./chunk-MLKGABMK.js";
 export {
   buildDefaultDomEditTextField,
   buildDomEditPatchTarget,
@@ -44,4 +44,3 @@ export {
   resolveDomEditSelection,
   serializeDomEditTextFields
 };
-//# sourceMappingURL=domEditingLayers-PYST4G45.js.map

package/dist/index.css

@@ -162,4 +162,3 @@
     animation: none;
   }
 }
-/*# sourceMappingURL=index.css.map */

package/dist/index.d.ts

@@ -2692,6 +2692,7 @@ interface StartRenderOptions {
     format?: "mp4" | "webm" | "mov";
     /** `"auto"` (default) renders at the composition's authored dimensions. */
     resolution?: ResolutionPreset | "auto";
+    gpu?: boolean;
     /**
      * Render a specific composition file. Omit it to render the composition the
      * user currently has open — only the sidebar's per-composition Render button
@@ -2728,7 +2729,7 @@ interface CompositionDimensions {
     width: number;
     height: number;
 }
-type StartRenderHandler = (format: "mp4" | "webm" | "mov", quality: "draft" | "standard" | "high", resolution: ResolutionPreset | "auto", fps: 24 | 30 | 60) => void | Promise<void>;
+type StartRenderHandler = (format: "mp4" | "webm" | "mov", quality: "draft" | "standard" | "high", resolution: ResolutionPreset | "auto", fps: 24 | 30 | 60, gpu?: boolean) => void | Promise<void>;
 interface RenderQueueProps {
     jobs: RenderJob[];
     projectId: string;
@@ -2764,9 +2765,10 @@ interface PersistedRenderSettings {
     format: "mp4" | "webm" | "mov";
     quality: "draft" | "standard" | "high";
     fps: 24 | 30 | 60;
+    gpu: boolean;
 }
 declare function getPersistedRenderSettings(): PersistedRenderSettings;
-declare function persistRenderSettings(format: PersistedRenderSettings["format"], quality: PersistedRenderSettings["quality"], fps: PersistedRenderSettings["fps"]): void;
+declare function persistRenderSettings(format: PersistedRenderSettings["format"], quality: PersistedRenderSettings["quality"], fps: PersistedRenderSettings["fps"], gpu?: boolean): void;
 
 interface PickedElement {
     id: string | null;
@@ -3590,6 +3592,7 @@ declare function useDomEditSession({ projectId, activeCompPath, compIdToSrc, cap
 /** The one source for which preview is on screen: the host's iframe, then each reload promoted in its place. */
 declare function useLivePreviewIframe(host: HTMLIFrameElement | null): HTMLIFrameElement | null;
 
+declare function announcePreviewDocumentLoaded(iframe: HTMLIFrameElement): void;
 type PreviewPromotion = {
     retired: HTMLIFrameElement | null;
     live: HTMLIFrameElement;
@@ -3842,8 +3845,8 @@ interface StudioPlaybackValue {
     refreshPreviewDocumentVersion: () => void;
 }
 
-/** Studio state the panel reads; passed by hosts outside Studio's providers. Keep previewIframeRef stable,
- * and bump refreshKey when the preview document is rebuilt without an iframe load. */
+/** Studio state the panel reads; passed by hosts outside Studio's providers. Keep previewIframeRef stable;
+ * a host with its own player calls announcePreviewDocumentLoaded on each new page, or bumps refreshKey. */
 type LayersPanelHost = Pick<StudioShellValue, "previewIframeRef" | "activeCompPath" | "showToast"> & Pick<StudioPlaybackValue, "timelineElements" | "isPlaying"> & Partial<Pick<StudioPlaybackValue, "refreshKey" | "compositionLoading">>;
 declare const LayersPanel: react.NamedExoticComponent<{
     host?: LayersPanelHost;
@@ -4312,4 +4315,4 @@ declare function buildStudioTools(depsRef: {
     readonly current: StudioAgentToolsDeps;
 }): ModelContextTool[];
 
-export { type AgentModalAnchorPoint, type AgentPromptElementInfo, AskAgentModal, type AskAgentModalProps, AudioMeterStrip, type AudioMeterStripProps, AudioWaveform, type AudioWaveformProps, type BlockedTimelineEditIntent, type CanEditTimelineElement, ColorField, CompositionBreadcrumb, type CompositionDimensions, type CompositionLevel, CompositionThumbnail, ConnectedDomEditOverlay, type ConnectedDomEditOverlayProps, DEFAULT_SHORTCUT_SECTIONS, Dock, type DockController, type DomEditCapabilities, type DomEditCommitDeclineReason, type DomEditCommitOutcome, type DomEditGroupPathOffsetCommit, DomEditOverlay, type DomEditOverlayProps, DomEditProvider, type DomEditSelection, type DomEditZOrder, type DomGeometryCommits, type EditHistoryHandle, EditorShell, type EditorShellProps, type ExternalFileChangeBlockedState, type ExternalFileChangeCoordinatorHandle, ExternalFileConflictBanner, type FadeEdge, type FadeHandleBox, type FadeHandleClipBox, type FfmpegStatus, FileTree, GradientField, GridOverlay, ImageThumbnail, type ImageThumbnailProps, LayersPanel, type LayersPanelHost, type LinkShortcutCallbacks, type MarqueeGestures, type MarqueeGesturesDeps, MarqueeOverlay, type MarqueeOverlayProps, type Rect$1 as MarqueeRect, type ModelContextTool, NLEPreview, type PanelId, type PatchOperation, type PersistedRenderSettings, type PickedElement, PlayerControls, type PlayerHandle, type PlayerHandleElement, type PlayerHandleListener, type PlayerHandleTimeListener, type DomEditCompositionRect as PreviewCompositionRect, PreviewGuides, PreviewOverlayProvider, type PreviewOverlayProviderProps, type PreviewPromotion, PreviewReadOnlyProvider, type PreviewSnapPreferences, PropertyPanel, type RenderJob, RenderQueue, type RenderQueueProps, type ResolutionPreset, SNAP_THRESHOLD_PX, type ShortcutHint, type ShortcutSection, ShortcutsButton, type ShortcutsButtonProps, 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, type StudioAgentToolsDeps, StudioApp, StudioFileConflictError, type StudioLookSnapshot, type StudioPendingEditsDrainResult, TRACK_H, type ThumbnailPriority, type ThumbnailStill, Timeline, TimelineClipMenu, type TimelineClipMenuItem, 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 TimelineTrackPadding, type TimelineZIndexReorderCommit, type ToolResult, type UseClipboardOptions, type UseDomEditSessionParams, type UseDomGeometryCommitOptions, type UseDomStyleCommitOptions, type UseEditHistoryActionsOptions, type UsePersistentEditHistoryOptions, type UsePreviewPersistenceParams, type UseProjectFileWriterOptions, type UseRenderClipContentOptions, type UseThumbnailStillOptions, type UseTimelineEditingOptions, VideoThumbnail, type ZOrderAction, applyPatch, buildCompositionSnapTarget, buildGridSnapEdges, buildPickerAgentContextPreview, buildPickerAgentPrompt, buildStudioTools, cancelNewestStudioWaitingPress, collectSnapContext, collectStudioLookScene, currentTimelineRange, dispatchLinkShortcut, displayTrackOrder, extractSnapTargets, fadeHandleBoxes, findElementBlock, flushStudioPendingEdits, formatTime, getPersistedRenderSettings, liveTime, mergeStyleIntoTag, openAudioGainDialog, parseStyleString, persistRenderSettings, resolveDomEditSelection, resolveEquidistanceGuides, resolveGuideLineRect, resolveIframe, resolveSnapAdjustment, resolveSourceFile, revertNewestStudioPendingEdit, snapEngagedForTravel, useAudioGainDialogStore, useAudioMetersVisible, useClipboard, useCompositionStack, useDockLayoutStore, useDomEditSelectionContext, useDomEditSession, useDomEditZOrder, useDomGeometryCommit, useDomStyleCommit, useEditHistoryActions, useElementPicker, useLivePreviewIframe, useMarqueeGestures, usePersistentEditHistory, usePlayerHandle, usePlayerStore, usePreviewCompositionRect, usePreviewGuidesStore, usePreviewIframeStore, usePreviewOverlayContext, usePreviewPersistence, useProjectFileWriter, useRenderClipContent, useRenderQueue, useThumbnailStill, useTimelineContext, useTimelineEditing, useTimelinePlayer, zoomTimelineToRange };
+export { type AgentModalAnchorPoint, type AgentPromptElementInfo, AskAgentModal, type AskAgentModalProps, AudioMeterStrip, type AudioMeterStripProps, AudioWaveform, type AudioWaveformProps, type BlockedTimelineEditIntent, type CanEditTimelineElement, ColorField, CompositionBreadcrumb, type CompositionDimensions, type CompositionLevel, CompositionThumbnail, ConnectedDomEditOverlay, type ConnectedDomEditOverlayProps, DEFAULT_SHORTCUT_SECTIONS, Dock, type DockController, type DomEditCapabilities, type DomEditCommitDeclineReason, type DomEditCommitOutcome, type DomEditGroupPathOffsetCommit, DomEditOverlay, type DomEditOverlayProps, DomEditProvider, type DomEditSelection, type DomEditZOrder, type DomGeometryCommits, type EditHistoryHandle, EditorShell, type EditorShellProps, type ExternalFileChangeBlockedState, type ExternalFileChangeCoordinatorHandle, ExternalFileConflictBanner, type FadeEdge, type FadeHandleBox, type FadeHandleClipBox, type FfmpegStatus, FileTree, GradientField, GridOverlay, ImageThumbnail, type ImageThumbnailProps, LayersPanel, type LayersPanelHost, type LinkShortcutCallbacks, type MarqueeGestures, type MarqueeGesturesDeps, MarqueeOverlay, type MarqueeOverlayProps, type Rect$1 as MarqueeRect, type ModelContextTool, NLEPreview, type PanelId, type PatchOperation, type PersistedRenderSettings, type PickedElement, PlayerControls, type PlayerHandle, type PlayerHandleElement, type PlayerHandleListener, type PlayerHandleTimeListener, type DomEditCompositionRect as PreviewCompositionRect, PreviewGuides, PreviewOverlayProvider, type PreviewOverlayProviderProps, type PreviewPromotion, PreviewReadOnlyProvider, type PreviewSnapPreferences, PropertyPanel, type RenderJob, RenderQueue, type RenderQueueProps, type ResolutionPreset, SNAP_THRESHOLD_PX, type ShortcutHint, type ShortcutSection, ShortcutsButton, type ShortcutsButtonProps, 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, type StudioAgentToolsDeps, StudioApp, StudioFileConflictError, type StudioLookSnapshot, type StudioPendingEditsDrainResult, TRACK_H, type ThumbnailPriority, type ThumbnailStill, Timeline, TimelineClipMenu, type TimelineClipMenuItem, 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 TimelineTrackPadding, type TimelineZIndexReorderCommit, type ToolResult, type UseClipboardOptions, type UseDomEditSessionParams, type UseDomGeometryCommitOptions, type UseDomStyleCommitOptions, type UseEditHistoryActionsOptions, type UsePersistentEditHistoryOptions, type UsePreviewPersistenceParams, type UseProjectFileWriterOptions, type UseRenderClipContentOptions, type UseThumbnailStillOptions, type UseTimelineEditingOptions, VideoThumbnail, type ZOrderAction, announcePreviewDocumentLoaded, applyPatch, buildCompositionSnapTarget, buildGridSnapEdges, buildPickerAgentContextPreview, buildPickerAgentPrompt, buildStudioTools, cancelNewestStudioWaitingPress, collectSnapContext, collectStudioLookScene, currentTimelineRange, dispatchLinkShortcut, displayTrackOrder, extractSnapTargets, fadeHandleBoxes, findElementBlock, flushStudioPendingEdits, formatTime, getPersistedRenderSettings, liveTime, mergeStyleIntoTag, openAudioGainDialog, parseStyleString, persistRenderSettings, resolveDomEditSelection, resolveEquidistanceGuides, resolveGuideLineRect, resolveIframe, resolveSnapAdjustment, resolveSourceFile, revertNewestStudioPendingEdit, snapEngagedForTravel, useAudioGainDialogStore, useAudioMetersVisible, useClipboard, useCompositionStack, useDockLayoutStore, useDomEditSelectionContext, useDomEditSession, useDomEditZOrder, useDomGeometryCommit, useDomStyleCommit, useEditHistoryActions, useElementPicker, useLivePreviewIframe, useMarqueeGestures, usePersistentEditHistory, usePlayerHandle, usePlayerStore, usePreviewCompositionRect, usePreviewGuidesStore, usePreviewIframeStore, usePreviewOverlayContext, usePreviewPersistence, useProjectFileWriter, useRenderClipContent, useRenderQueue, useThumbnailStill, useTimelineContext, useTimelineEditing, useTimelinePlayer, zoomTimelineToRange };

package/dist/index.html

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