hyperframes 0.8.115 → 0.8.116

package/dist/studio/assets/{index-CVuorIMv.js → index-Dr3hNpvS.js}

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

package/dist/studio/{chunk-TXZMMOMA.js → chunk-3F47EFCT.js}

@@ -19,13 +19,104 @@ import {
   querySelectorAllSafely,
   withSelectorIndexPass
 } from "./chunk-5EKWJZLM.js";
+import {
+  __export
+} from "./chunk-PZ5AY32C.js";
+
+// 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
 var pending = /* @__PURE__ */ new Map();
 async function sendBatch(projectId, sourceFile, probes) {
   let exists = [];
   try {
-    const response = await fetch(
+    const response = await studioApiFetch(
       buildProjectApiPath(
         projectId,
         `/file-mutations/probe-elements/${encodeURIComponent(sourceFile)}`
@@ -800,6 +891,13 @@ 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,
@@ -830,4 +928,4 @@ export {
   readHfId,
   buildDomEditPatchTarget
 };
-//# sourceMappingURL=chunk-TXZMMOMA.js.map
+//# sourceMappingURL=chunk-3F47EFCT.js.map

package/dist/studio/chunk-3F47EFCT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/editor/manualEditingAvailability.ts","../src/utils/sdkCutoverPolicy.ts","../src/utils/studioApiFetch.ts","../src/components/editor/probeSourceElement.ts","../src/components/editor/domEditingLayers.ts","../src/components/editor/domEditingGroups.ts","../src/components/editor/domEditingElement.ts","../src/components/editor/domEditingRootLayer.ts","../src/components/editor/domEditLayerWalkCache.ts"],"sourcesContent":["export type StudioFeatureFlagEnv = Record<string, boolean | string | undefined>;\n\nconst TRUTHY_ENV_VALUES = new Set([\"1\", \"true\", \"yes\", \"on\", \"enabled\"]);\nconst FALSY_ENV_VALUES = new Set([\"0\", \"false\", \"no\", \"off\", \"disabled\"]);\n\nexport function resolveStudioBooleanEnvFlag(\n  env: StudioFeatureFlagEnv,\n  names: string[],\n  fallback: boolean,\n): boolean {\n  for (const name of names) {\n    const value = env[name];\n    if (typeof value === \"boolean\") return value;\n    if (typeof value !== \"string\") continue;\n\n    const normalized = value.trim().toLowerCase();\n    if (!normalized) continue;\n    if (TRUTHY_ENV_VALUES.has(normalized)) return true;\n    if (FALSY_ENV_VALUES.has(normalized)) return false;\n  }\n\n  return fallback;\n}\n\n// `import.meta.env` is a Vite-only extension. In non-Vite ESM hosts\n// (Next.js / Turbopack, Node, jest in some configs) it's undefined,\n// and downstream `env[name]` reads would crash. Fall back to `{}` so\n// every flag resolves to its declared default outside Vite. Direct\n// property access keeps Vite's compile-time transform happy.\n//\n// When the studio is served as a pre-built SPA by the embedded Hono server,\n// `import.meta.env` values were baked at build time. The server injects\n// `window.__HF_STUDIO_ENV__` with any `VITE_STUDIO_*` env vars from the\n// user's shell, so runtime overrides take precedence over baked defaults.\nconst runtimeEnv =\n  typeof window !== \"undefined\"\n    ? ((window as Window & { __HF_STUDIO_ENV__?: StudioFeatureFlagEnv }).__HF_STUDIO_ENV__ ?? {})\n    : {};\nconst env = { ...(import.meta.env ?? {}), ...runtimeEnv } as StudioFeatureFlagEnv;\n\n// Stage 7 SDK cutover — routes Studio edits through SDK dispatch instead of the\n// server patch/mutation routes. Default TRUE as of the flip release (spec:\n// 2026-09-17-studio-sdk-cutover-flip-design.md). Kill switch:\n// VITE_STUDIO_SDK_CUTOVER_ENABLED=false (works at runtime via __HF_STUDIO_ENV__).\nexport const STUDIO_SDK_CUTOVER_ENABLED = resolveStudioBooleanEnvFlag(\n  env,\n  [\"VITE_STUDIO_SDK_CUTOVER_ENABLED\"],\n  true,\n);\n\n/**\n * Per-family selection. Unset = every family (the master alone enables all).\n * Set `VITE_STUDIO_SDK_CUTOVER_FAMILIES=dom,timing` to RESTRICT to a subset.\n */\nexport const STUDIO_SDK_CUTOVER_FAMILIES = resolveEnabledSdkFamilies(\n  env,\n  STUDIO_SDK_CUTOVER_ENABLED,\n);\n\n// Resolver-parity tripwire (telemetry-only, decoupled from cutover).\n// Runs the SDK resolver alongside any edit and emits sdk_resolver_shadow on\n// divergence. Default true; disable via VITE_STUDIO_SDK_RESOLVER_SHADOW_ENABLED=false.\n// Soak gate: retire once zero element_not_found divergences over a clean window.\nexport const STUDIO_SDK_RESOLVER_SHADOW_ENABLED = resolveStudioBooleanEnvFlag(\n  env,\n  [\"VITE_STUDIO_SDK_RESOLVER_SHADOW_ENABLED\"],\n  true,\n);\n\n// Studio inspector redesign (\"Ledger, flat\" — design_handoff_studio_inspector):\n// flat identity header/footer/groups. Default true as of v0.7.59+ bug-fix pass\n// (right-aligned values, Stroke select-only, promote-badge overlap, Layout/\n// Style section gating); disable via VITE_STUDIO_FLAT_INSPECTOR_ENABLED=false\n// to fall back to the legacy panel.\nexport const STUDIO_FLAT_INSPECTOR_ENABLED = resolveStudioBooleanEnvFlag(\n  env,\n  [\"VITE_STUDIO_ENABLE_FLAT_INSPECTOR\", \"VITE_STUDIO_FLAT_INSPECTOR_ENABLED\"],\n  true,\n);\n\n// A host whose mounted API authenticates with same-origin cookies sets this; studioApiFetch then sends them, and its\n// requests share the preview media's sockets again.\nexport const STUDIO_API_SAME_ORIGIN_CREDENTIALS = resolveStudioBooleanEnvFlag(\n  env,\n  [\"VITE_STUDIO_API_SAME_ORIGIN_CREDENTIALS\"],\n  false,\n);\n\nimport { resolveEnabledSdkFamilies } from \"../../utils/sdkCutoverPolicy\";\n","export const STUDIO_SDK_OPERATION_FAMILIES = [\n  \"dom\",\n  \"timing\",\n  \"gsap-animation\",\n  \"gsap-keyframe\",\n  \"lifecycle\",\n] as const;\n\nexport type StudioSdkOperationFamily = (typeof STUDIO_SDK_OPERATION_FAMILIES)[number];\n\ninterface StudioSdkFamilyStatus {\n  owner: string;\n  deadline: string;\n  parityEvidence: string;\n  graduated: boolean;\n}\n\nconst STUDIO_SDK_FAMILY_STATUS = {\n  dom: {\n    owner: \"studio-foundations\",\n    deadline: \"2026-09-30\",\n    parityEvidence: \"sdkCutoverParity.test.ts\",\n    graduated: false,\n  },\n  timing: {\n    owner: \"studio-foundations\",\n    deadline: \"2026-10-15\",\n    parityEvidence: \"sdkCutover.test.ts timing corpus\",\n    graduated: false,\n  },\n  \"gsap-animation\": {\n    owner: \"studio-foundations\",\n    deadline: \"2026-10-31\",\n    parityEvidence: \"sdkCutover.test.ts GSAP animation corpus\",\n    graduated: false,\n  },\n  \"gsap-keyframe\": {\n    owner: \"studio-foundations\",\n    deadline: \"2026-11-15\",\n    parityEvidence: \"sdkCutover.test.ts GSAP keyframe corpus\",\n    graduated: false,\n  },\n  lifecycle: {\n    owner: \"studio-foundations\",\n    deadline: \"2026-11-30\",\n    parityEvidence: \"sdkCutover.test.ts lifecycle corpus\",\n    graduated: false,\n  },\n} as const satisfies Record<StudioSdkOperationFamily, StudioSdkFamilyStatus>;\n\nexport function resolveEnabledSdkFamilies(\n  env: Record<string, boolean | string | undefined>,\n  masterEnabled: boolean,\n): ReadonlySet<StudioSdkOperationFamily> {\n  if (!masterEnabled) return new Set();\n  const raw = env[\"VITE_STUDIO_SDK_CUTOVER_FAMILIES\"];\n  // Unset/blank = every family. The list exists to RESTRICT (kill switch per family).\n  if (typeof raw !== \"string\" || raw.trim() === \"\") return new Set(STUDIO_SDK_OPERATION_FAMILIES);\n  const requested = raw\n    .split(\",\")\n    .map((family) => family.trim())\n    .filter(Boolean);\n  const known = new Set<string>(STUDIO_SDK_OPERATION_FAMILIES);\n  const unknown = requested.filter((family) => !known.has(family));\n  if (unknown.length > 0) {\n    throw new Error(`Unknown Studio SDK cutover families: ${unknown.join(\", \")}`);\n  }\n  return new Set(requested as StudioSdkOperationFamily[]);\n}\n\nexport function isSdkFamilyEnabled(\n  masterEnabled: boolean,\n  configured: ReadonlySet<StudioSdkOperationFamily> | undefined,\n  family: StudioSdkOperationFamily,\n): boolean {\n  // `undefined` preserves compatibility for isolated tests/embedders that mock\n  // only the historical master flag. Production always supplies an explicit set.\n  return masterEnabled && (configured?.has(family) ?? true);\n}\n\nexport function renderStudioSdkCutoverReport(): string {\n  const rows = STUDIO_SDK_OPERATION_FAMILIES.map((family) => {\n    const status = STUDIO_SDK_FAMILY_STATUS[family];\n    return `| ${family} | ${status.owner} | ${status.deadline} | ${status.parityEvidence} | ${status.graduated ? \"yes\" : \"no\"} |`;\n  });\n  return [\n    \"# Studio SDK cutover report\",\n    \"\",\n    \"Default: SDK persist ON for every family. Kill switches:\",\n    \"  `VITE_STUDIO_SDK_CUTOVER_ENABLED=false` (all families → server path)\",\n    \"  `VITE_STUDIO_SDK_CUTOVER_FAMILIES=dom,timing` (only listed families → SDK; rest → server)\",\n    \"\",\n    \"A family graduates only after zero unexplained resolver/serialization divergences over its agreed corpus and soak window.\",\n    \"\",\n    \"| Family | Owner | Deadline | Parity evidence | Graduated |\",\n    \"| --- | --- | --- | --- | --- |\",\n    ...rows,\n    \"\",\n  ].join(\"\\n\");\n}\n","import { STUDIO_API_SAME_ORIGIN_CREDENTIALS } from \"../components/editor/manualEditingAvailability\";\n\nconst LOOPBACK_HOSTS = new Set([\"localhost\", \"127.0.0.1\", \"[::1]\"]);\n\nfunction studioApiCredentials(): RequestCredentials {\n  if (STUDIO_API_SAME_ORIGIN_CREDENTIALS) return \"same-origin\";\n  const host = globalThis.location?.hostname;\n  return !host || LOOPBACK_HOSTS.has(host) ? \"omit\" : \"same-origin\";\n}\n\nexport function studioApiFetch(input: RequestInfo | URL, init?: RequestInit): Promise<Response> {\n  return globalThis.fetch(input, { ...init, credentials: studioApiCredentials() });\n}\n","import { buildProjectApiPath } from \"../../utils/projectRouting\";\nimport { studioApiFetch } from \"../../utils/studioApiFetch\";\n\ntype ProbeTarget = { id?: string; hfId?: string; selector?: string; selectorIndex?: number };\n\ninterface PendingProbe {\n  target: ProbeTarget;\n  resolve: (exists: boolean) => void;\n}\n\nconst pending = new Map<string, PendingProbe[]>();\n\nasync function sendBatch(projectId: string, sourceFile: string, probes: PendingProbe[]) {\n  let exists: boolean[] = [];\n  try {\n    const response = await studioApiFetch(\n      buildProjectApiPath(\n        projectId,\n        `/file-mutations/probe-elements/${encodeURIComponent(sourceFile)}`,\n      ),\n      {\n        method: \"POST\",\n        headers: { \"Content-Type\": \"application/json\" },\n        body: JSON.stringify({ targets: probes.map((probe) => probe.target) }),\n      },\n    );\n    if (response.ok) {\n      const data = await response.json();\n      if (Array.isArray(data?.exists)) exists = data.exists;\n    }\n  } catch {}\n  probes.forEach((probe, index) => probe.resolve(exists[index] !== false));\n}\n\nexport function probeSourceElement(\n  projectId: string,\n  sourceFile: string,\n  target: ProbeTarget,\n): Promise<boolean> {\n  return new Promise((resolve) => {\n    const key = `${projectId}\\0${sourceFile}`;\n    let probes = pending.get(key);\n    if (!probes) {\n      const batch: PendingProbe[] = [];\n      probes = batch;\n      pending.set(key, batch);\n      setTimeout(() => {\n        pending.delete(key);\n        void sendBatch(projectId, sourceFile, batch);\n      }, 0);\n    }\n    probes.push({ target, resolve });\n  });\n}\n","import { probeSourceElement } from \"./probeSourceElement\";\nimport { isAudibleVideoNode } from \"../../player/lib/timelineElementHelpers\";\nimport type { PatchOperation } from \"../../utils/sourcePatcher\";\nimport {\n  resolveEditingAffordances,\n  resolveEditingSections,\n  type EditableElementFacts,\n} from \"@hyperframes/core/editing\";\nimport { groupScopedLayerRoots, resolveGroupCapture } from \"./domEditingGroups\";\nimport type {\n  DomEditCapabilities,\n  DomEditContextOptions,\n  DomEditLayerItem,\n  DomEditSelection,\n  DomEditTextField,\n} from \"./domEditingTypes\";\nimport {\n  buildElementLabel,\n  buildStableSelector,\n  findClosestByAttribute,\n  getCuratedComputedStyles,\n  getDataAttributes,\n  getInlineStyles,\n  getSelectorIndex,\n  getSourceFileForElement,\n  isEditableTextLeaf,\n  isHtmlElement,\n} from \"./domEditingDom\";\nimport {\n  findElementForSelection,\n  getSelectionCandidate,\n  isDomLayerElement,\n} from \"./domEditingElement\";\nimport { isCompositionRootLayer } from \"./domEditingRootLayer\";\nimport { withSelectorIndexPass } from \"../../utils/sourceScopedSelectorIndex\";\nimport { type DomEditLayerWalkCache, readDomEditLayerWalkEntry } from \"./domEditLayerWalkCache\";\n\nfunction sameTagChildIndex(el: HTMLElement): number {\n  let index = 0;\n  let sibling = el.previousElementSibling;\n  while (sibling) {\n    if (sibling.tagName === el.tagName) index += 1;\n    sibling = sibling.previousElementSibling;\n  }\n  return index;\n}\n\nfunction getTextFieldLabel(\n  _tagName: string,\n  index: number,\n  total: number,\n  source: \"self\" | \"child\",\n): string {\n  if (source === \"self\" || total === 1) return \"Content\";\n  return `Text ${index + 1}`;\n}\n\nfunction buildTextField(\n  el: HTMLElement,\n  index: number,\n  total: number,\n  source: \"self\" | \"child\",\n  sourceChildIndex?: number,\n): DomEditTextField {\n  const tagName = el.tagName.toLowerCase();\n  const key = el.getAttribute(\"data-hf-text-key\") ?? `${source}:${index}:${tagName}`;\n  return {\n    key,\n    label: getTextFieldLabel(tagName, index, total, source),\n    value: el.textContent ?? \"\",\n    tagName,\n    attributes: Array.from(el.attributes)\n      .filter((attribute) => attribute.name !== \"style\")\n      .map((attribute) => ({\n        name: attribute.name,\n        value: attribute.value,\n      })),\n    inlineStyles: getInlineStyles(el),\n    computedStyles: getCuratedComputedStyles(el),\n    source,\n    ...(sourceChildIndex == null ? {} : { sourceChildIndex }),\n  };\n}\n\n// fallow-ignore-next-line complexity\nexport function collectDomEditTextFields(el: HTMLElement): DomEditTextField[] {\n  const childElements = Array.from(el.children).filter(isHtmlElement).filter(isEditableTextLeaf);\n\n  if (childElements.length > 0) {\n    const hasMixedContent = Array.from(el.childNodes).some(\n      (node) => node.nodeType === 3 && node.textContent?.trim(),\n    );\n\n    if (hasMixedContent) {\n      const fields: DomEditTextField[] = [];\n      let childIdx = 0;\n      for (const node of el.childNodes) {\n        if (node.nodeType === 3) {\n          const text = node.textContent ?? \"\";\n          if (!text.trim()) continue;\n          fields.push({\n            key: `text-node:${childIdx}`,\n            label: `Text ${childIdx + 1}`,\n            value: text,\n            tagName: \"#text\",\n            attributes: [],\n            inlineStyles: {},\n            computedStyles: {},\n            source: \"text-node\",\n          });\n          childIdx++;\n        } else if (isHtmlElement(node) && isEditableTextLeaf(node)) {\n          fields.push(\n            buildTextField(node, childIdx, childElements.length, \"child\", sameTagChildIndex(node)),\n          );\n          childIdx++;\n        }\n      }\n      return fields;\n    }\n\n    return childElements.map((child, index) =>\n      buildTextField(child, index, childElements.length, \"child\", sameTagChildIndex(child)),\n    );\n  }\n\n  if (isEditableTextLeaf(el)) {\n    return [buildTextField(el, 0, 1, \"self\")];\n  }\n\n  return [];\n}\n\nfunction escapeHtmlText(value: string): string {\n  return value.replace(/&/g, \"&amp;\").replace(/</g, \"&lt;\").replace(/>/g, \"&gt;\");\n}\n\nfunction serializeTextFieldStyle(field: DomEditTextField): string {\n  const entries = Object.entries(field.inlineStyles).filter(([, value]) => Boolean(value));\n  if (entries.length === 0) return \"\";\n  return entries.map(([key, value]) => `${key}: ${value}`).join(\"; \");\n}\n\nexport function serializeDomEditTextFields(fields: DomEditTextField[]): string {\n  return fields\n    .filter((field) => field.source === \"child\" || field.source === \"text-node\")\n    .map((field) => {\n      if (field.source === \"text-node\") {\n        return escapeHtmlText(field.value);\n      }\n      const attrs = [\n        ...field.attributes.filter((attribute) => attribute.name !== \"data-hf-text-key\"),\n        { name: \"data-hf-text-key\", value: field.key },\n      ]\n        .map((attribute) => ` ${attribute.name}=\"${attribute.value.replace(/\"/g, \"&quot;\")}\"`)\n        .join(\"\");\n      const style = serializeTextFieldStyle(field);\n      const styleAttr = style ? ` style=\"${style.replace(/\"/g, \"&quot;\")}\"` : \"\";\n      return `<${field.tagName}${attrs}${styleAttr}>${escapeHtmlText(field.value)}</${field.tagName}>`;\n    })\n    .join(\"\");\n}\n\nexport function buildDefaultDomEditTextField(base?: Partial<DomEditTextField>): DomEditTextField {\n  return {\n    key: `child:new:${Date.now()}`,\n    label: \"Text\",\n    value: \"New text\",\n    tagName: \"span\",\n    attributes: [],\n    inlineStyles: {\n      \"font-family\": base?.computedStyles?.[\"font-family\"] ?? \"inherit\",\n      \"font-size\": base?.computedStyles?.[\"font-size\"] ?? \"16px\",\n      \"font-weight\": base?.computedStyles?.[\"font-weight\"] ?? \"400\",\n      color: base?.computedStyles?.color ?? \"inherit\",\n    },\n    computedStyles: {},\n    source: \"child\",\n  };\n}\n\nexport interface DomEditChildLocator {\n  childSelector: string;\n  childIndex: number;\n}\n\nexport function buildTextFieldChildLocator(\n  fields: DomEditTextField[],\n  fieldKey: string,\n): DomEditChildLocator | null {\n  const field = fields.find((candidate) => candidate.key === fieldKey);\n  if (!field || field.source !== \"child\") return null;\n  // sourceChildIndex is only absent for a synthetic field that was never read\n  // back from the live DOM (e.g. one built by buildDefaultDomEditTextField).\n  // Guessing its position by counting same-tag \"child\" fields elsewhere in\n  // the array is unreliable and can silently locate the wrong element — fail\n  // closed instead so the caller falls back to the unsupported-structure path.\n  if (field.sourceChildIndex == null) return null;\n\n  return {\n    childSelector: `:scope > ${field.tagName}`,\n    childIndex: field.sourceChildIndex,\n  };\n}\n\nfunction capabilityFacts(geometry: {\n  hasStableTarget: boolean;\n  tag: string;\n  inlineStyles: Record<string, string>;\n  computedStyles: Record<string, string>;\n  isCompositionHost: boolean;\n  isCompositionRoot: boolean;\n  isInsideLockedComposition: boolean;\n  isMasterView: boolean;\n  existsInSource: boolean;\n}): EditableElementFacts {\n  return {\n    ...geometry,\n    hasEditableText: false,\n    hasTimingStart: false,\n    animationCount: 0,\n  };\n}\n\n/**\n * Build core EditableElementFacts from a fully-resolved DomEditSelection.\n * `animationCount` is supplied by the caller because live GSAP tweens arrive on\n * a separate channel (the PropertyPanel `gsapAnimations` prop), not on the\n * selection — `selection.gsapAnimations` is never populated.\n */\nexport function domEditSelectionToFacts(\n  selection: DomEditSelection,\n  animationCount = selection.gsapAnimations?.length ?? 0,\n): EditableElementFacts {\n  return {\n    hasStableTarget: Boolean(selection.selector || selection.hfId),\n    tag: selection.tagName,\n    inlineStyles: selection.inlineStyles,\n    computedStyles: selection.computedStyles,\n    isCompositionHost: selection.isCompositionHost,\n    isCompositionRoot: false,\n    isInsideLockedComposition: selection.isInsideLockedComposition,\n    isMasterView: false,\n    existsInSource: true,\n    hasEditableText: selection.textFields.length > 0,\n    hasTimingStart: selection.dataAttributes.start != null,\n    animationCount,\n    hasAudio: isAudibleVideoNode(selection.element),\n  };\n}\n\n/**\n * Resolve DOM edit capabilities for a given element.\n * Thin wrapper over core resolveEditingAffordances — kept for backward\n * compatibility (tests and the barrel import this signature directly).\n */\nexport function resolveDomEditCapabilities(args: {\n  selector?: string;\n  hfId?: string;\n  tagName?: string;\n  inlineStyles: Record<string, string>;\n  computedStyles: Record<string, string>;\n  isCompositionHost: boolean;\n  isCompositionRoot?: boolean;\n  isInsideLockedComposition: boolean;\n  isMasterView: boolean;\n  existsInSource?: boolean;\n}): DomEditCapabilities {\n  return resolveEditingAffordances(\n    capabilityFacts({\n      hasStableTarget: Boolean(args.selector || args.hfId),\n      tag: (args.tagName ?? \"div\").toLowerCase(),\n      inlineStyles: args.inlineStyles,\n      computedStyles: args.computedStyles,\n      isCompositionHost: args.isCompositionHost,\n      isCompositionRoot: args.isCompositionRoot ?? false,\n      isInsideLockedComposition: args.isInsideLockedComposition ?? false,\n      isMasterView: args.isMasterView,\n      existsInSource: args.existsInSource ?? true,\n    }),\n  ).capabilities;\n}\n\n// fallow-ignore-next-line complexity\nexport async function resolveDomEditSelection(\n  startEl: HTMLElement | null,\n  options: DomEditContextOptions & {\n    projectId?: string | null;\n    skipSourceProbe?: boolean;\n    exactTarget?: boolean;\n  },\n): Promise<DomEditSelection | null> {\n  if (!startEl) return null;\n  const doc = startEl.ownerDocument;\n\n  let capture = options.exactTarget\n    ? ({ kind: \"unit\", element: startEl } as const)\n    : resolveGroupCapture(startEl, options.activeGroupElement ?? null);\n  if (capture.kind === \"out-of-scope\") {\n    // Drill-in is non-sticky: clicking/hovering OUTSIDE the drilled-into group\n    // exits it and resolves the target normally, rather than selecting nothing\n    // (which felt like \"can't select anything\" once you'd drilled in).\n    capture = resolveGroupCapture(startEl, null);\n  }\n  let current: HTMLElement | null =\n    capture.kind === \"unit\" ? capture.element : getSelectionCandidate(startEl, options);\n  while (current && current !== doc.body && current !== doc.documentElement) {\n    const selector = buildStableSelector(current);\n    const hfId = readHfId(current);\n    if (!selector && !hfId) {\n      current = current.parentElement;\n      continue;\n    }\n\n    const { sourceFile, compositionPath } = getSourceFileForElement(\n      current,\n      options.activeCompositionPath,\n    );\n    const selectorIndex = selector\n      ? getSelectorIndex(doc, current, selector, sourceFile, options.activeCompositionPath)\n      : undefined;\n    const compositionSrc =\n      current.getAttribute(\"data-composition-src\") ??\n      current.getAttribute(\"data-composition-file\") ??\n      undefined;\n    const inlineStyles = getInlineStyles(current);\n    const computedStyles = getCuratedComputedStyles(current);\n    const isCompositionRoot =\n      (current.hasAttribute(\"data-composition-id\") && !compositionSrc) ||\n      isCompositionRootLayer(current, doc, computedStyles);\n    const textFields = collectDomEditTextFields(current);\n    const isInsideLocked = Boolean(findClosestByAttribute(current, [\"data-timeline-locked\"]));\n    let existsInSource: boolean | undefined;\n    if (!options.skipSourceProbe && options.projectId && (current.id || selector || hfId)) {\n      const probeTarget: { id?: string; hfId?: string; selector?: string; selectorIndex?: number } =\n        {};\n      if (current.id) probeTarget.id = current.id;\n      if (hfId) probeTarget.hfId = hfId;\n      if (selector) probeTarget.selector = selector;\n      if (selectorIndex != null) probeTarget.selectorIndex = selectorIndex;\n      existsInSource = await probeSourceElement(options.projectId, sourceFile, probeTarget);\n    }\n    const capabilities = resolveEditingAffordances(\n      capabilityFacts({\n        hasStableTarget: Boolean(selector || hfId),\n        tag: current.tagName.toLowerCase(),\n        inlineStyles,\n        computedStyles,\n        isCompositionHost: Boolean(compositionSrc),\n        isCompositionRoot,\n        isInsideLockedComposition: isInsideLocked,\n        isMasterView: options.isMasterView,\n        existsInSource: existsInSource ?? true,\n      }),\n    ).capabilities;\n    const rect = current.getBoundingClientRect();\n\n    return {\n      element: current,\n      id: current.id || undefined,\n      hfId,\n      selector,\n      selectorIndex,\n      sourceFile,\n      compositionPath,\n      compositionSrc,\n      isCompositionHost: Boolean(compositionSrc),\n      isInsideLockedComposition: isInsideLocked,\n      label: buildElementLabel(current),\n      tagName: current.tagName.toLowerCase(),\n      boundingBox: {\n        x: rect.left,\n        y: rect.top,\n        width: rect.width,\n        height: rect.height,\n      },\n      textContent: current.textContent?.trim() || null,\n      dataAttributes: getDataAttributes(current),\n      inlineStyles,\n      computedStyles,\n      textFields,\n      capabilities,\n    };\n  }\n\n  return null;\n}\n\nexport async function refreshDomEditSelection(\n  selection: DomEditSelection,\n  activeCompositionPath: string | null,\n): Promise<DomEditSelection | null> {\n  const doc = selection.element.ownerDocument;\n  const nextElement = findElementForSelection(doc, selection, activeCompositionPath);\n  return nextElement\n    ? resolveDomEditSelection(nextElement, {\n        activeCompositionPath,\n        isMasterView: !activeCompositionPath || activeCompositionPath === \"index.html\",\n      })\n    : null;\n}\n\n// ─── Layer items ─────────────────────────────────────────────────────────────\n\nexport function getDomEditLayerKey(\n  target: Pick<DomEditSelection, \"id\" | \"selector\" | \"selectorIndex\" | \"sourceFile\">,\n): string {\n  const selectorIndex = target.selectorIndex ?? 0;\n  return `${target.sourceFile}:${target.id ?? target.selector ?? \"layer\"}:${selectorIndex}`;\n}\n\nexport function countDomEditChildLayers(\n  root: HTMLElement | null | undefined,\n  options: DomEditContextOptions,\n  maxCount = 99,\n): number {\n  if (!root) return 0;\n\n  let count = 0;\n  const visit = (el: HTMLElement) => {\n    for (const child of Array.from(el.children)) {\n      if (!isHtmlElement(child)) continue;\n      if (isDomLayerElement(child)) {\n        count += 1;\n        if (count >= maxCount) return;\n      }\n      visit(child);\n      if (count >= maxCount) return;\n    }\n  };\n\n  visit(root);\n  return count;\n}\n\n// Every editable element under `root`, in document order. `maxItems` is a\n// caller's rendering budget, not a property of the document: hit-testing\n// callers (marquee, off-canvas indicators) must see all of it, and sharing a\n// truncated list left everything past the cut unselectable however far you drag.\nexport function collectDomEditLayerItems(\n  root: HTMLElement | null | undefined,\n  options: DomEditContextOptions,\n  maxItems = Number.POSITIVE_INFINITY,\n  cache?: DomEditLayerWalkCache,\n): DomEditLayerItem[] {\n  if (!root) return [];\n  cache?.beginWalk(options.activeCompositionPath);\n\n  const items: DomEditLayerItem[] = [];\n  // fallow-ignore-next-line complexity\n  const visit = (el: HTMLElement, depth: number) => {\n    if (items.length >= maxItems) return;\n\n    const entry = readDomEditLayerWalkEntry(el, options.activeCompositionPath, cache);\n    if (entry) {\n      const { target } = entry;\n      items.push({\n        key: getDomEditLayerKey(target),\n        element: el,\n        label: entry.label,\n        tagName: el.tagName.toLowerCase(),\n        depth,\n        childCount: entry.childCount,\n        id: target.id ?? undefined,\n        hfId: target.hfId ?? undefined,\n        selector: target.selector ?? undefined,\n        selectorIndex: target.selectorIndex,\n        sourceFile: target.sourceFile,\n      });\n    }\n\n    const nextDepth = entry ? depth + 1 : depth;\n    for (const child of Array.from(el.children)) {\n      if (!isHtmlElement(child)) continue;\n      visit(child, nextDepth);\n      if (items.length >= maxItems) return;\n    }\n  };\n\n  // Every item resolves its selector's occurrence index, and unshared that is a\n  // whole-document query per element — quadratic once a composition repeats a\n  // card or tile class. The walk is one synchronous read of a document it does\n  // not mutate, so one index per selector serves the whole of it. The pass lives\n  // here rather than in each caller because this function owns the loop.\n  withSelectorIndexPass(root.ownerDocument, () => {\n    // Drilled into a group → show only its members; otherwise the whole tree.\n    for (const el of groupScopedLayerRoots(root, options.activeGroupElement ?? null)) visit(el, 0);\n  });\n  return items;\n}\n\nexport function liveLayerElement(\n  layer: DomEditLayerItem,\n  doc: Document | null | undefined,\n  activeCompositionPath: string | null,\n): HTMLElement {\n  if (layer.element.isConnected || !doc) return layer.element;\n  return findElementForSelection(doc, layer, activeCompositionPath) ?? layer.element;\n}\n\n// ─── Patch operations ────────────────────────────────────────────────────────\n\nexport function buildDomEditStylePatchOperation(\n  property: string,\n  value: string | null,\n  childLocator?: DomEditChildLocator,\n): PatchOperation {\n  return {\n    type: \"inline-style\",\n    property,\n    value,\n    ...childLocator,\n  };\n}\n\nexport function buildDomEditTextPatchOperation(\n  value: string,\n  childLocator?: DomEditChildLocator,\n): PatchOperation {\n  return { type: \"text-content\", property: \"text\", value, ...childLocator };\n}\n\n/** Replace an element's contents with markup, for a change no per-child operation\n * can express (a text layer added, removed or reordered). Sanitized at both ends. */\nexport function buildDomEditRichTextPatchOperation(value: string): PatchOperation {\n  return { type: \"rich-text\", property: \"\", value };\n}\n\n// ─── Non-editable reason ─────────────────────────────────────────────────────\n\nfunction hasSupportedDirectEdit(capabilities: DomEditCapabilities): boolean {\n  return (\n    capabilities.canEditStyles ||\n    capabilities.canMove ||\n    capabilities.canResize ||\n    capabilities.canApplyManualOffset ||\n    capabilities.canApplyManualSize ||\n    capabilities.canApplyManualRotation\n  );\n}\n\nexport function getDomEditNonEditableReason(\n  element: HTMLElement,\n  selection: DomEditSelection | null,\n): string | null {\n  if (!selection) {\n    return \"No stable source target\";\n  }\n\n  if (selection.element !== element) {\n    return selection.isCompositionHost\n      ? \"Nested composition boundary\"\n      : `Selection resolves to ${selection.label}`;\n  }\n\n  if (!hasSupportedDirectEdit(selection.capabilities)) {\n    return selection.capabilities.reasonIfDisabled ?? \"No supported direct edits\";\n  }\n\n  return null;\n}\n\nexport function getDomEditTargetKey(\n  selection: Pick<DomEditSelection, \"id\" | \"hfId\" | \"selector\" | \"selectorIndex\" | \"sourceFile\">,\n): string {\n  return [\n    selection.sourceFile || \"index.html\",\n    selection.hfId ?? \"\",\n    selection.id ?? \"\",\n    selection.selector ?? \"\",\n    selection.selectorIndex ?? \"\",\n  ].join(\"|\");\n}\n\nexport function isTextEditableSelection(selection: DomEditSelection): boolean {\n  return resolveEditingSections(domEditSelectionToFacts(selection)).text;\n}\n\n// buildElementAgentPrompt is in domEditingAgentPrompt.ts\n\nexport function readHfId(element: Element): string | undefined {\n  return element.getAttribute(\"data-hf-id\")?.trim() || undefined;\n}\n\nexport function buildDomEditPatchTarget(\n  selection: Pick<DomEditSelection, \"id\" | \"hfId\" | \"selector\" | \"selectorIndex\">,\n): { id?: string | null; hfId?: string; selector?: string; selectorIndex?: number } {\n  return {\n    id: selection.id,\n    hfId: selection.hfId,\n    selector: selection.selector,\n    selectorIndex: selection.selectorIndex,\n  };\n}\n","import { isHtmlElement } from \"./domEditingDom\";\n\n// `data-hf-group` selection semantics: a group wrapper is selected as one unit\n// until the user drills into it; once drilled in, clicks resolve to its children\n// (or to the next nested group inside it). One level of drill-in at a time keeps\n// nested groups navigable.\n\nexport type GroupCapture =\n  | { kind: \"unit\"; element: HTMLElement } // select this group wrapper as one unit\n  | { kind: \"child\" } // resolve the clicked element normally\n  | { kind: \"out-of-scope\" }; // clicked outside the drilled-into group → select nothing\n\n// Layer-tree roots: the drilled-into group's element children, else the doc root.\nexport function groupScopedLayerRoots(\n  root: HTMLElement,\n  activeGroupElement: HTMLElement | null,\n): HTMLElement[] {\n  const els = activeGroupElement?.isConnected ? Array.from(activeGroupElement.children) : [root];\n  return els.filter(isHtmlElement);\n}\n\nexport function resolveGroupCapture(\n  startEl: HTMLElement,\n  activeGroupElement: HTMLElement | null,\n): GroupCapture {\n  const groups: HTMLElement[] = [];\n  for (let n: HTMLElement | null = startEl; n; n = n.parentElement) {\n    if (n.hasAttribute(\"data-hf-group\")) groups.push(n);\n  }\n  const result = ((): GroupCapture => {\n    if (!activeGroupElement) {\n      const outermost = groups[groups.length - 1];\n      return outermost ? { kind: \"unit\", element: outermost } : { kind: \"child\" };\n    }\n    const idx = groups.indexOf(activeGroupElement);\n    if (idx === -1) return { kind: \"out-of-scope\" };\n    const nestedInside = groups[idx - 1];\n    return nestedInside ? { kind: \"unit\", element: nestedInside } : { kind: \"child\" };\n  })();\n  return result;\n}\n","/**\n * Element visibility, visual scoring, layer patch targets, element finders,\n * and the `findElementForSelection` / `findElementForTimelineElement` lookups.\n */\nimport type {\n  DomEditContextOptions,\n  DomEditSelection,\n  DomEditViewport,\n  TimelineElementDomTarget,\n  TimelineElementDomTargetOptions,\n} from \"./domEditingTypes\";\nimport {\n  buildStableSelector,\n  escapeCssString,\n  getSelectorIndex,\n  getSourceFileForElement,\n  isHtmlElement,\n  isElementVisibleThroughAncestors,\n  normalizeTimelineCompositionSource,\n  querySelectorAllSafely,\n} from \"./domEditingDom\";\n\n// ─── Visibility ──────────────────────────────────────────────────────────────\n\nexport function isElementComputedVisible(\n  el: HTMLElement,\n  memo?: Map<HTMLElement, boolean>,\n): boolean {\n  return isElementVisibleThroughAncestors(el, memo);\n}\n\nconst VISUAL_LEAF_TAGS = new Set([\"img\", \"video\", \"canvas\", \"svg\", \"audio\"]);\n\n// fallow-ignore-next-line complexity\nfunction hasVisualPresence(el: HTMLElement): boolean {\n  const win = el.ownerDocument.defaultView;\n  if (!win) return false;\n  const cs = win.getComputedStyle(el);\n  if (cs.backgroundImage !== \"none\") return true;\n  if (\n    cs.backgroundColor &&\n    cs.backgroundColor !== \"transparent\" &&\n    cs.backgroundColor !== \"rgba(0, 0, 0, 0)\"\n  )\n    return true;\n  if (cs.borderWidth && parseFloat(cs.borderWidth) > 0 && cs.borderStyle !== \"none\") return true;\n  if (cs.boxShadow && cs.boxShadow !== \"none\") return true;\n  return false;\n}\n\nfunction isEmptyVisualContainer(el: HTMLElement): boolean {\n  const tag = el.tagName.toLowerCase();\n  if (VISUAL_LEAF_TAGS.has(tag)) return false;\n  if (hasVisualPresence(el)) return false;\n\n  const { children } = el;\n  if (children.length === 0) {\n    return (el.textContent ?? \"\").trim().length === 0;\n  }\n\n  for (let i = 0; i < children.length; i += 1) {\n    const child = children[i];\n    if (!isHtmlElement(child)) continue;\n    if (VISUAL_LEAF_TAGS.has(child.tagName.toLowerCase())) return false;\n    if (isElementComputedVisible(child)) return false;\n  }\n\n  return true;\n}\n\nfunction hasRenderedBox(el: HTMLElement): boolean {\n  const rect = el.getBoundingClientRect();\n  if (rect.width <= 1 || rect.height <= 1) return false;\n  if (!isElementComputedVisible(el)) return false;\n  if (isEmptyVisualContainer(el)) return false;\n  return true;\n}\n\n// ─── Visual scoring ──────────────────────────────────────────────────────────\n\n// ─── Layer patch target ──────────────────────────────────────────────────────\n\nconst DOM_LAYER_IGNORED_TAGS = new Set([\n  \"base\",\n  \"br\",\n  \"canvas\",\n  \"link\",\n  \"meta\",\n  \"script\",\n  \"source\",\n  \"style\",\n  \"template\",\n  \"track\",\n  \"wbr\",\n]);\n\n/**\n * Is the element rendered at all? The half of `getDomLayerPatchTarget` that a\n * plain style write can flip, and the only half that reads computed style.\n * Exported so a caller memoizing a layer walk can give it its own (short)\n * cache lifetime — see `domEditLayerWalkCache`.\n */\nexport function isInspectableLayerElement(el: HTMLElement): boolean {\n  const tagName = el.tagName.toLowerCase();\n  if (DOM_LAYER_IGNORED_TAGS.has(tagName)) return false;\n\n  const computed = el.ownerDocument.defaultView?.getComputedStyle(el);\n  if (computed?.display === \"none\" || computed?.visibility === \"hidden\") return false;\n\n  return true;\n}\n\n/**\n * How the element is ADDRESSED — its selector, that selector's occurrence index\n * within the source file, and the file itself. Independent of whether the\n * element currently renders, so it survives every style write and moves only\n * when an identity attribute changes or the document's population of elements\n * sharing the selector does.\n */\n/**\n * The selector an element is addressed by, or undefined when it cannot be a\n * layer at all. Sole owner of that rule: `isDomLayerElement` answers the same\n * question without paying for the occurrence index, and a second copy of the\n * conditions would go stale the first time one of them changed.\n */\nfunction resolveLayerSelector(el: HTMLElement): string | undefined {\n  if (el.hasAttribute(\"data-composition-id\")) return undefined;\n  return buildStableSelector(el);\n}\n\nexport function resolveDomLayerIdentity(\n  el: HTMLElement,\n  activeCompositionPath: string | null,\n): Pick<DomEditSelection, \"id\" | \"hfId\" | \"selector\" | \"selectorIndex\" | \"sourceFile\"> | null {\n  const selector = resolveLayerSelector(el);\n  if (!selector) return null;\n\n  const { sourceFile } = getSourceFileForElement(el, activeCompositionPath);\n  return {\n    id: el.id || undefined,\n    hfId: el.getAttribute(\"data-hf-id\") || undefined,\n    selector,\n    selectorIndex: getSelectorIndex(\n      el.ownerDocument,\n      el,\n      selector,\n      sourceFile,\n      activeCompositionPath,\n    ),\n    sourceFile,\n  };\n}\n\nexport function getDomLayerPatchTarget(\n  el: HTMLElement,\n  activeCompositionPath: string | null,\n): Pick<DomEditSelection, \"id\" | \"hfId\" | \"selector\" | \"selectorIndex\" | \"sourceFile\"> | null {\n  return isInspectableLayerElement(el) ? resolveDomLayerIdentity(el, activeCompositionPath) : null;\n}\n\n/**\n * Is `el` a layer at all? Exactly the condition under which\n * `getDomLayerPatchTarget` returns non-null, for callers that want the yes/no\n * and throw the target away.\n *\n * Worth its own function because the target carries the selector's OCCURRENCE\n * INDEX, and resolving that is a whole-document query — which the yes/no does\n * not depend on. Counting an element's layer children asked for one per child.\n */\nexport function isDomLayerElement(el: HTMLElement): boolean {\n  return isInspectableLayerElement(el) && resolveLayerSelector(el) !== undefined;\n}\n\n// ─── Clip ancestor / selection candidate ─────────────────────────────────────\n\nfunction getPreferredClipAncestor(startEl: HTMLElement): HTMLElement | null {\n  let current: HTMLElement | null = startEl;\n  while (current) {\n    if (current.classList.contains(\"clip\")) {\n      const isCompositionHost =\n        current.hasAttribute(\"data-composition-src\") ||\n        current.hasAttribute(\"data-composition-file\");\n      if (!isCompositionHost || current === startEl) return current;\n    }\n    current = current.parentElement;\n  }\n  return null;\n}\n\nexport function getSelectionCandidate(\n  startEl: HTMLElement,\n  options: DomEditContextOptions,\n): HTMLElement {\n  if (options.preferClipAncestor) {\n    const clipAncestor = getPreferredClipAncestor(startEl);\n    if (clipAncestor) {\n      return clipAncestor;\n    }\n  }\n\n  return startEl;\n}\n\n// ─── Visual target resolution ─────────────────────────────────────────────────\n\nexport function resolveVisualDomEditSelectionTarget(\n  elementsFromPoint: Iterable<Element | null | undefined>,\n  options: Pick<DomEditContextOptions, \"activeCompositionPath\">,\n): HTMLElement | null {\n  const candidates = resolveAllVisualDomEditTargets(elementsFromPoint, options);\n  return candidates[0] ?? null;\n}\n\n/**\n * Returns all independently-selectable elements at the given point, in paint\n * order (topmost first). Used for click-cycling through stacked layers.\n *\n * Each entry in the returned array is an independent \"layer\" — an element\n * that is not an ancestor of an earlier entry. This gives one result per\n * z-stacked element rather than one per DOM node.\n */\nexport function resolveAllVisualDomEditTargets(\n  elementsFromPoint: Iterable<Element | null | undefined>,\n  options: Pick<DomEditContextOptions, \"activeCompositionPath\">,\n): HTMLElement[] {\n  const raw: HTMLElement[] = [];\n\n  for (const entry of elementsFromPoint) {\n    if (!isHtmlElement(entry)) continue;\n    if (hasRenderedBox(entry) && getDomLayerPatchTarget(entry, options.activeCompositionPath)) {\n      raw.push(entry);\n    }\n  }\n\n  if (raw.length === 0) return [];\n\n  // First pass: for each contiguous ancestor-descendant run, keep only the\n  // deepest (most specific) element, matching the original single-pick logic.\n  const layers: HTMLElement[] = [];\n  let best = raw[0];\n  for (let i = 1; i < raw.length; i++) {\n    const el = raw[i];\n    if (best.contains(el)) {\n      best = el; // go deeper in this subtree\n    } else {\n      layers.push(best);\n      best = el;\n    }\n  }\n  layers.push(best);\n\n  return layers;\n}\n\n// ─── Raster detection ────────────────────────────────────────────────────────\n\nfunction hasRasterBackground(selection: Pick<DomEditSelection, \"computedStyles\">): boolean {\n  const backgroundImage = selection.computedStyles[\"background-image\"]?.trim();\n  return Boolean(backgroundImage && backgroundImage !== \"none\");\n}\n\nexport function isLargeRasterDomEditSelection(\n  selection: Pick<DomEditSelection, \"boundingBox\" | \"computedStyles\" | \"tagName\">,\n  viewport?: DomEditViewport | null,\n): boolean {\n  const tagName = selection.tagName.toLowerCase();\n  const isRasterLike = tagName === \"img\" || hasRasterBackground(selection);\n  if (!isRasterLike) return false;\n\n  const { width, height } = selection.boundingBox;\n  if (width <= 1 || height <= 1) return false;\n  if (!viewport || viewport.width <= 1 || viewport.height <= 1) {\n    return width >= 960 && height >= 540;\n  }\n\n  const areaRatio = (width * height) / (viewport.width * viewport.height);\n  const widthRatio = width / viewport.width;\n  const heightRatio = height / viewport.height;\n  return areaRatio >= 0.4 || (widthRatio >= 0.7 && heightRatio >= 0.5);\n}\n\n// ─── Element finders ──────────────────────────────────────────────────────────\n\ntype FindElementSelection = Pick<DomEditSelection, \"id\" | \"hfId\" | \"selector\" | \"selectorIndex\"> & {\n  sourceFile?: string;\n};\n\nexport function findElementForSelection(\n  doc: Document,\n  selection: FindElementSelection,\n  activeCompositionPath: string | null = null,\n): HTMLElement | null {\n  const sourceMatches = (candidate: Element): candidate is HTMLElement =>\n    isHtmlElement(candidate) &&\n    (!selection.sourceFile ||\n      getSourceFileForElement(candidate, activeCompositionPath).sourceFile ===\n        selection.sourceFile);\n  const findAll = (selector: string): HTMLElement[] =>\n    querySelectorAllSafely(doc, selector).filter(sourceMatches);\n\n  if (selection.hfId) {\n    const byHfId = findAll(`[data-hf-id=\"${escapeCssString(selection.hfId)}\"]`)[0];\n    if (byHfId) return byHfId;\n  }\n\n  if (selection.id) {\n    // Flattened sub-compositions can repeat authored ids. getElementById returns\n    // only the first document match, so filter every id match by source first.\n    const byId = findAll(`[id=\"${escapeCssString(selection.id)}\"]`)[0];\n    if (byId) return byId;\n  }\n\n  if (!selection.selector) return null;\n  return findAll(selection.selector)[selection.selectorIndex ?? 0] ?? null;\n}\n\n// The selected node while mounted, else its copy in the selection's own file (ids repeat across files), else any copy.\nexport function findPreviewNode(\n  doc: Document | null | undefined,\n  el: DomEditSelection,\n): Element | null {\n  if (!doc) return null;\n  if (el.element?.isConnected && el.element.ownerDocument === doc) return el.element;\n  return (\n    findElementForSelection(doc, el) ??\n    findElementForSelection(doc, { ...el, sourceFile: undefined })\n  );\n}\n\n// fallow-ignore-next-line complexity\nexport function findElementForTimelineElement(\n  doc: Document,\n  element: TimelineElementDomTarget,\n  options: TimelineElementDomTargetOptions,\n): HTMLElement | null {\n  const elementId = typeof element.id === \"string\" ? element.id : \"\";\n  const compositionSource =\n    normalizeTimelineCompositionSource(element.compositionSrc) ??\n    options.compIdToSrc?.get(elementId);\n  const sourceFile =\n    compositionSource ??\n    normalizeTimelineCompositionSource(element.sourceFile) ??\n    options.activeCompositionPath ??\n    \"index.html\";\n  const escapedElementId = escapeCssString(elementId);\n  const escapedCompositionSource = compositionSource ? escapeCssString(compositionSource) : null;\n  const selector =\n    element.selector ??\n    (compositionSource\n      ? `[data-composition-src=\"${escapedCompositionSource}\"],[data-composition-file=\"${escapedCompositionSource}\"],[data-composition-id=\"${escapedElementId}\"]`\n      : escapedElementId\n        ? `[data-composition-id=\"${escapedElementId}\"]`\n        : undefined);\n\n  if (selector || element.domId) {\n    const targetElement = findElementForSelection(\n      doc,\n      {\n        id: element.domId ?? undefined,\n        selector,\n        selectorIndex: element.selectorIndex,\n        sourceFile,\n      },\n      options.activeCompositionPath,\n    );\n    if (targetElement) return targetElement;\n  }\n\n  const hasExplicitDomTarget = Boolean(element.domId || element.selector || compositionSource);\n  if (options.isMasterView || hasExplicitDomTarget || !options.activeCompositionPath) {\n    return null;\n  }\n\n  const root = doc.querySelector(\"[data-composition-id]\");\n  if (!isHtmlElement(root)) return null;\n  return getSourceFileForElement(root, options.activeCompositionPath).sourceFile === sourceFile\n    ? root\n    : null;\n}\n\n// ─── Layer children ───────────────────────────────────────────────────────────\n\n/** `el`'s direct children that are layers. No longer takes the context options:\n *  layer-ness does not depend on the active composition path. */\nexport function getDirectLayerChildren(el: HTMLElement): HTMLElement[] {\n  return Array.from(el.children).filter(\n    (child): child is HTMLElement => isHtmlElement(child) && isDomLayerElement(child),\n  );\n}\n","import { parsePx } from \"./domEditingDom\";\n\nconst COMPOSITION_ROOT_LAYER_EPSILON_PX = 1;\n\nfunction readPositiveDimension(value: string | null): number | null {\n  if (!value) return null;\n  const parsed = Number.parseFloat(value);\n  return Number.isFinite(parsed) && parsed > 0 ? parsed : null;\n}\n\nfunction approximatelyEqual(a: number, b: number) {\n  return Math.abs(a - b) <= COMPOSITION_ROOT_LAYER_EPSILON_PX;\n}\n\nfunction getCompositionRootBounds(doc: Document) {\n  const root =\n    doc.querySelector<HTMLElement>(\"[data-composition-id]\") ?? doc.documentElement ?? null;\n  const rootWidth = readPositiveDimension(root?.getAttribute(\"data-width\") ?? null);\n  const rootHeight = readPositiveDimension(root?.getAttribute(\"data-height\") ?? null);\n  if (!root || !rootWidth || !rootHeight) return null;\n  return { rect: root.getBoundingClientRect(), width: rootWidth, height: rootHeight };\n}\n\nfunction getRenderedLayerSize(element: HTMLElement, computedStyles: Record<string, string>) {\n  const rect = element.getBoundingClientRect();\n  const width = rect.width || parsePx(computedStyles.width);\n  const height = rect.height || parsePx(computedStyles.height);\n  return width && height ? { width, height } : null;\n}\n\nfunction matchesCompositionRootBounds(\n  elementRect: DOMRect,\n  elementSize: { width: number; height: number },\n  rootBounds: { rect: DOMRect; width: number; height: number },\n) {\n  return (\n    approximatelyEqual(elementRect.left, rootBounds.rect.left) &&\n    approximatelyEqual(elementRect.top, rootBounds.rect.top) &&\n    approximatelyEqual(elementSize.width, rootBounds.width) &&\n    approximatelyEqual(elementSize.height, rootBounds.height)\n  );\n}\n\nfunction isExplicitFullBleedLayer(computedStyles: Record<string, string>) {\n  return computedStyles.position === \"absolute\" || computedStyles.position === \"fixed\";\n}\n\nexport function isCompositionRootLayer(\n  element: HTMLElement,\n  doc: Document,\n  computedStyles: Record<string, string>,\n) {\n  if (element.parentElement !== doc.body) return false;\n  if (element.hasAttribute(\"data-hf-allow-root-edit\")) return false;\n  if (isExplicitFullBleedLayer(computedStyles)) return false;\n\n  const rootBounds = getCompositionRootBounds(doc);\n  const elementSize = getRenderedLayerSize(element, computedStyles);\n  return Boolean(\n    rootBounds &&\n    elementSize &&\n    matchesCompositionRootBounds(element.getBoundingClientRect(), elementSize, rootBounds),\n  );\n}\n","/**\n * Incremental memory for `collectDomEditLayerItems`.\n *\n * The layer walk is re-run from scratch every time a MutationObserver says the\n * preview changed, and the observer's loudest source is inline `style` — which\n * is exactly what animation writes. So a paused-looking editor re-derived every\n * element's patch target, label and child count several times a second, and each\n * derivation costs two `getComputedStyle` reads (its own plus one per direct\n * child), two ancestor walks for the source file, and a `textContent` read whose\n * cost is the element's whole subtree.\n *\n * None of that depends on the traversal — only on the element. So the traversal\n * stays live (it is pointer-chasing, and `depth` genuinely is positional) and the\n * per-element half is memoized, with the mutation records deciding what to drop.\n *\n * WHAT MAKES A CACHED ENTRY WRONG, and how each is caught:\n *\n *   - the element's own attributes (`style` -> computed display, `class`/`id`/\n *     `data-hf-group` -> selector and label)        -> attribute record on it\n *   - an ancestor's `visibility`, the ONLY inherited input to the\n *     display/visibility gate (`display:none` on an ancestor does not change a\n *     descendant's own computed `display`)          -> attribute record on the\n *                                                      ancestor, whose subtree is\n *                                                      dropped only when the\n *                                                      style declares visibility\n *   - a direct child appearing or disappearing from the layer list, which moves\n *     the parent's `childCount`                     -> the parent is dropped\n *                                                      alongside every element\n *   - descendant text, which moves an ancestor's label -> characterData record,\n *                                                      ancestors dropped\n *   - selector occurrence indices, which shift for EVERY element sharing a\n *     selector when one element's identity changes  -> whole cache dropped\n *   - nodes added or removed, which shift indices, order, labels and counts at\n *     once and cannot be attributed to one element  -> whole cache dropped\n *   - a different active composition path, or a new composition-id -> source-file\n *     map, both of which re-scope every source file -> checked per walk\n *\n * The bias is deliberate and matches the duration cache in the runtime: a\n * redundant recomputation is a missed optimisation, a missed one is a wrong\n * layer tree.\n */\n\nimport { buildElementLabel, getCompositionSourceMapRevision, isHtmlElement } from \"./domEditingDom\";\nimport {\n  getDirectLayerChildren,\n  isInspectableLayerElement,\n  resolveDomLayerIdentity,\n} from \"./domEditingElement\";\nimport type { DomEditSelection } from \"./domEditingTypes\";\n\n/** How an element is addressed. Survives style writes; see `readIdentity`. */\nexport type DomEditLayerIdentity = Pick<\n  DomEditSelection,\n  \"id\" | \"hfId\" | \"selector\" | \"selectorIndex\" | \"sourceFile\"\n>;\n\n/** Whether the element renders, and how many of its direct children are layers.\n *  Both are computed style reads, and both a style write can flip. Filled\n *  lazily: `childCount` is only asked for once an element is known to be one. */\ninterface PresenceMemo {\n  inspectable?: boolean;\n  childCount?: number;\n}\n\ninterface IdentityMemo {\n  identity?: DomEditLayerIdentity | null;\n  label?: string;\n}\n\n/**\n * Attributes that decide an element's SELECTOR, and therefore the occurrence\n * index of every other element sharing that selector. One of these changing\n * renumbers elements the record does not mention, so the only sound response is\n * to drop everything. `class` is here because `buildStableSelector` falls back\n * to the preferred class.\n */\nconst SELECTOR_IDENTITY_ATTRIBUTES = new Set([\n  \"id\",\n  \"class\",\n  \"data-hf-group\",\n  \"data-composition-id\",\n  \"data-composition-file\",\n  \"data-composition-src\",\n  \"data-hf-original-composition-id\",\n]);\n\n/**\n * The observer configuration the cache's invalidation is written against.\n * Exported so the refresh loop and the tests cannot drift from it.\n *\n * No `attributeFilter`: an unlisted attribute is one the cache would never learn\n * about, and serving a stale entry is worse than the extra records.\n */\nexport const DOM_EDIT_LAYER_OBSERVER_INIT: MutationObserverInit = {\n  attributes: true,\n  characterData: true,\n  childList: true,\n  subtree: true,\n};\n\n/**\n * The inline `visibility` each element last presented. Deliberately NOT cleared\n * by `invalidateAll`: it records what the DOM said, not a value derived from it.\n */\nconst lastInlineVisibility = new WeakMap<HTMLElement, string>();\n\n/**\n * Did this style write move the element's inline `visibility`?\n *\n * `visibility` is inherited, so changing it changes the layer-list membership of\n * the element's whole subtree, and only then is the subtree worth dropping.\n *\n * The comparison is on the PARSED value, remembered per element. Testing the\n * attribute TEXT for \"visibility\" looks equivalent and is not: the standard\n * GSAP fade (`autoAlpha`) writes `visibility: visible` once and leaves it in the\n * attribute for the rest of the clip, so a text test stays true for every\n * transform tick afterwards. That is a whole-subtree walk per animation frame,\n * in the observer callback rather than behind the rebuild throttle, on exactly\n * the elements a composition animates most.\n *\n * An element seen for the first time reports changed, which costs one drop and\n * is the safe answer: its entries were derived before this write.\n */\nfunction inlineVisibilityChanged(el: HTMLElement): boolean {\n  const next = el.style.visibility;\n  if (lastInlineVisibility.get(el) === next) return false;\n  lastInlineVisibility.set(el, next);\n  return true;\n}\n\nexport interface DomEditLayerWalkCache {\n  /**\n   * Start a walk. Drops everything when the scoping inputs the entries were\n   * built under no longer hold. Call once per `collectDomEditLayerItems`.\n   */\n  beginWalk(activeCompositionPath: string | null): void;\n  /**\n   * Does `el` render? Cheap to invalidate and invalidated often: any attribute\n   * write on the element, on its parent, or a `visibility` write on an ancestor\n   * drops it, because all three can flip the answer.\n   */\n  readInspectable(el: HTMLElement, compute: () => boolean): boolean;\n  /** How many of `el`'s direct children are layers. Same lifetime as\n   *  `readInspectable`: it is a sum over their answers. */\n  readChildCount(el: HTMLElement, compute: () => number): number;\n  /**\n   * `el`'s selector, occurrence index and source file. A SEPARATE, much longer\n   * lifetime than presence: a style write cannot renumber a selector, so this\n   * survives one, and it is the only part of the walk that queries the\n   * document. That split is what makes an ordinary animation frame cost no\n   * document queries at all.\n   */\n  readIdentity(\n    el: HTMLElement,\n    compute: () => DomEditLayerIdentity | null,\n  ): DomEditLayerIdentity | null;\n  /** `el`'s display label. Shares the identity lifetime, plus descendant text. */\n  readLabel(el: HTMLElement, compute: () => string): string;\n  /** Apply mutation records. Safe to call with an empty array. */\n  ingest(records: MutationRecord[]): void;\n  /** Forget every entry — the fallback for anything not attributable. */\n  invalidateAll(): void;\n}\n\nexport function createDomEditLayerWalkCache(): DomEditLayerWalkCache {\n  let presence = new WeakMap<HTMLElement, PresenceMemo>();\n  let identities = new WeakMap<HTMLElement, IdentityMemo>();\n  let scope: string | null = null;\n\n  const invalidateAll = () => {\n    presence = new WeakMap();\n    identities = new WeakMap();\n  };\n\n  const drop = (el: HTMLElement | null) => {\n    if (el) presence.delete(el);\n  };\n\n  const dropSubtree = (el: HTMLElement) => {\n    for (const descendant of el.querySelectorAll(\"*\")) {\n      if (isHtmlElement(descendant)) presence.delete(descendant);\n    }\n  };\n\n  const ingestOne = (record: MutationRecord): boolean => {\n    // Structural change: order, occurrence indices, labels and child counts all\n    // move at once, and the record names the parent rather than everything\n    // affected. This is the documented full-rebuild fallback.\n    if (record.type === \"childList\") return false;\n\n    if (record.type === \"characterData\") {\n      // `buildElementLabel` falls back to `textContent`, so edited text changes\n      // the label of every ancestor that contains it.\n      for (\n        let ancestor = record.target.parentElement;\n        ancestor;\n        ancestor = ancestor.parentElement\n      ) {\n        identities.delete(ancestor);\n      }\n      return true;\n    }\n\n    const target = record.target;\n    if (!isHtmlElement(target)) return true;\n    if (record.attributeName && SELECTOR_IDENTITY_ATTRIBUTES.has(record.attributeName))\n      return false;\n\n    drop(target);\n    // The parent counts its layer children, and this element may have just\n    // joined or left that count.\n    drop(target.parentElement);\n    if (record.attributeName === \"style\" && inlineVisibilityChanged(target)) dropSubtree(target);\n    return true;\n  };\n\n  return {\n    beginWalk(activeCompositionPath) {\n      const nextScope = `${activeCompositionPath ?? \"\"}|${getCompositionSourceMapRevision()}`;\n      if (nextScope === scope) return;\n      scope = nextScope;\n      invalidateAll();\n    },\n    readInspectable(el, compute) {\n      const memo = presence.get(el) ?? {};\n      if (memo.inspectable === undefined) {\n        memo.inspectable = compute();\n        presence.set(el, memo);\n      }\n      return memo.inspectable;\n    },\n    readChildCount(el, compute) {\n      const memo = presence.get(el) ?? {};\n      if (memo.childCount === undefined) {\n        memo.childCount = compute();\n        presence.set(el, memo);\n      }\n      return memo.childCount;\n    },\n    readIdentity(el, compute) {\n      const memo = identities.get(el) ?? {};\n      if (memo.identity === undefined) {\n        memo.identity = compute();\n        identities.set(el, memo);\n      }\n      return memo.identity;\n    },\n    readLabel(el, compute) {\n      const memo = identities.get(el) ?? {};\n      if (memo.label === undefined) {\n        memo.label = compute();\n        identities.set(el, memo);\n      }\n      return memo.label;\n    },\n    ingest(records) {\n      for (const record of records) {\n        if (!ingestOne(record)) {\n          invalidateAll();\n          return;\n        }\n      }\n    },\n    invalidateAll,\n  };\n}\n\n/** One element's contribution to a layer walk. `depth` is absent on purpose: it\n *  belongs to the traversal, not to the element. */\nexport interface DomEditLayerWalkEntry {\n  target: DomEditLayerIdentity;\n  label: string;\n  childCount: number;\n}\n\n/**\n * Everything `collectDomEditLayerItems` needs about ONE element, served from\n * `cache` where it is still valid. Null when the element is not a layer.\n *\n * The four reads go through the cache separately rather than as one record\n * because they do not go stale together: a style write flips whether an element\n * renders without touching how it is addressed. Without a cache this is exactly\n * the original per-element derivation, which is what every other caller of the\n * walk still gets.\n *\n * Lives here rather than in the walk so the two halves of the memoization —\n * what is stored and what is read — sit in one file.\n */\nexport function readDomEditLayerWalkEntry(\n  el: HTMLElement,\n  activeCompositionPath: string | null,\n  cache?: DomEditLayerWalkCache,\n): DomEditLayerWalkEntry | null {\n  const inspectable = cache\n    ? cache.readInspectable(el, () => isInspectableLayerElement(el))\n    : isInspectableLayerElement(el);\n  if (!inspectable) return null;\n\n  const identity = () => resolveDomLayerIdentity(el, activeCompositionPath);\n  const target = cache ? cache.readIdentity(el, identity) : identity();\n  if (!target) return null;\n\n  const label = () => buildElementLabel(el);\n  const childCount = () => getDirectLayerChildren(el).length;\n  return {\n    target,\n    label: cache ? cache.readLabel(el, label) : label(),\n    childCount: cache ? cache.readChildCount(el, childCount) : childCount(),\n  };\n}\n\n/**\n * Apply the records the observer has taken in but not yet delivered.\n *\n * Records arrive in a microtask, so an edit made earlier in THIS task would\n * otherwise be read back against entries that predate it. Taking them suppresses\n * the observer's own callback for them, which is equivalent here: that callback\n * only ingests and marks a rebuild owed, and a caller draining is rebuilding\n * regardless. A caller with no observer yet has nothing pending.\n */\nexport function drainPendingLayerMutations(\n  observer: MutationObserver | null,\n  cache: DomEditLayerWalkCache,\n): void {\n  if (!observer) return;\n  cache.ingest(observer.takeRecords());\n}\n"],"mappings":"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","names":["env","env"]}

package/dist/studio/{domEditingLayers-D7VYFJJD.js → domEditingLayers-OL7GLSS4.js}

@@ -19,7 +19,7 @@ import {
   resolveDomEditCapabilities,
   resolveDomEditSelection,
   serializeDomEditTextFields
-} from "./chunk-TXZMMOMA.js";
+} from "./chunk-3F47EFCT.js";
 import "./chunk-5EKWJZLM.js";
 import "./chunk-PZ5AY32C.js";
 export {
@@ -44,4 +44,4 @@ export {
   resolveDomEditSelection,
   serializeDomEditTextFields
 };
-//# sourceMappingURL=domEditingLayers-D7VYFJJD.js.map
+//# sourceMappingURL=domEditingLayers-OL7GLSS4.js.map

package/dist/studio/index.d.ts

@@ -2032,9 +2032,31 @@ interface PreviewCompositionSize {
     height: number;
 }
 
-interface NLEPreviewProps {
+interface CompositionLevel {
+    /** Unique id — "master" or composition file path */
+    id: string;
+    /** Display label — "Master" or filename without extension */
+    label: string;
+    /** Preview URL for this composition level */
+    previewUrl: string;
+}
+interface CompositionBreadcrumbProps {
+    stack: CompositionLevel[];
+    onNavigate: (index: number) => void;
+}
+declare function CompositionBreadcrumb({ stack, onNavigate }: CompositionBreadcrumbProps): react_jsx_runtime.JSX.Element | null;
+
+interface NLEContextValue {
     projectId: string;
-    iframeRef: RefObject<HTMLIFrameElement | null>;
+    iframeRef: React.MutableRefObject<HTMLIFrameElement | null>;
+    play: () => void;
+    pause: () => void;
+    togglePlay: () => void;
+    seek: (time: number, options?: {
+        keepPlaying?: boolean;
+        follow?: boolean;
+    }) => boolean;
+    refreshPlayer: () => void;
     onIframeLoad: () => void;
     previewSlots: PreviewIframeSlot[];
     onShadowIframeLoad: (gen: number) => void;
@@ -2042,6 +2064,29 @@ interface NLEPreviewProps {
     onShadowError: (gen: number, message: string) => void;
     setShadowIframeNode: (node: HTMLIFrameElement | null) => void;
     resetPreviewSlots: () => void;
+    containerRef: React.MutableRefObject<HTMLDivElement | null>;
+    compositionStack: CompositionLevel[];
+    updateCompositionStack: React.Dispatch<React.SetStateAction<CompositionLevel[]>>;
+    handleNavigateComposition: (index: number) => void;
+    handleDrillDown: (element: TimelineElement) => void;
+    compIdToSrc: Map<string, string>;
+    compositionLoading: boolean;
+    setCompositionLoading: (loading: boolean) => void;
+    timelineDisabled: boolean;
+    timelineSessionEpoch: number;
+    hasLoadedOnceRef: React.MutableRefObject<boolean>;
+    previewCompositionSize: {
+        width: number;
+        height: number;
+    } | null;
+    setPreviewCompositionSize: (size: {
+        width: number;
+        height: number;
+    } | null) => void;
+}
+
+interface NLEPreviewProps extends Pick<NLEContextValue, "projectId" | "onIframeLoad" | "previewSlots" | "onShadowIframeLoad" | "onShadowReadyChange" | "onShadowError" | "setShadowIframeNode" | "resetPreviewSlots"> {
+    iframeRef: RefObject<HTMLIFrameElement | null>;
     onCompositionLoadingChange?: (loading: boolean) => void;
     portrait?: boolean;
     directUrl?: string;
@@ -2061,20 +2106,6 @@ interface ShortcutsButtonProps {
 }
 declare function ShortcutsButton({ sections, disabled, onSeek }: ShortcutsButtonProps): react_jsx_runtime.JSX.Element;
 
-interface CompositionLevel {
-    /** Unique id — "master" or composition file path */
-    id: string;
-    /** Display label — "Master" or filename without extension */
-    label: string;
-    /** Preview URL for this composition level */
-    previewUrl: string;
-}
-interface CompositionBreadcrumbProps {
-    stack: CompositionLevel[];
-    onNavigate: (index: number) => void;
-}
-declare function CompositionBreadcrumb({ stack, onNavigate }: CompositionBreadcrumbProps): react_jsx_runtime.JSX.Element | null;
-
 interface UseCompositionStackOptions {
     projectId: string;
     activeCompositionPath?: string | null;
@@ -2243,6 +2274,21 @@ declare function useRenderClipContent({ projectIdRef, compIdToSrc, activePreview
     label: string;
 }, context?: TimelineClipRenderContext) => ReactNode;
 
+interface UseThumbnailStillOptions {
+    sessionEpoch?: number;
+    priority?: ThumbnailPriority;
+}
+type ThumbnailStill = {
+    status: "loading";
+} | {
+    status: "ready";
+    url: string;
+} | {
+    status: "failed";
+};
+/** A host picture's server still through the thumbnail scheduler, so it yields to a preview reload. */
+declare function useThumbnailStill(url: string | null, projectId: string, { sessionEpoch, priority }?: UseThumbnailStillOptions): ThumbnailStill;
+
 interface DomEditCompositionRect {
     left: number;
     top: number;
@@ -2733,6 +2779,7 @@ interface RecordEditInput$4 {
 interface ApplyCallbacks {
     readFile: (path: string) => Promise<string>;
     serialize?: <T>(paths: readonly string[], task: () => Promise<T>) => Promise<T>;
+    claimedAfter?: number;
 }
 interface UsePersistentEditHistoryOptions {
     projectId: string | null;
@@ -2771,6 +2818,7 @@ declare function usePersistentEditHistory({ projectId }: UsePersistentEditHistor
         id: string;
         files: RestoreFiles;
     } | null;
+    claims: () => number;
     noteOutsideChange: () => void;
 };
 
@@ -2852,7 +2900,9 @@ type StudioSaveDrainResult<Failure = unknown> = {
 
 type StudioPendingEditsDrainResult = StudioSaveDrainResult;
 declare function revertNewestStudioPendingEdit(): (() => void) | null;
-declare function flushStudioPendingEdits(): Promise<StudioPendingEditsDrainResult>;
+declare function flushStudioPendingEdits({ onlyCurrent, }?: {
+    onlyCurrent?: boolean | undefined;
+}): Promise<StudioPendingEditsDrainResult>;
 
 interface HistoryResult {
     ok: boolean;
@@ -2867,6 +2917,7 @@ interface HistoryResult {
 interface HistoryFileCallbacks {
     readFile: (path: string) => Promise<string>;
     serialize?: <T>(paths: readonly string[], task: () => Promise<T>) => Promise<T>;
+    claimedAfter?: number;
 }
 interface EditHistoryHandle {
     undo: (cb: HistoryFileCallbacks) => Promise<HistoryResult>;
@@ -2875,6 +2926,7 @@ interface EditHistoryHandle {
         id: string;
         files: RestoreFiles;
     } | null;
+    claims?: () => number;
     state: {
         undo: ReadonlyArray<{
             createdAt: number;
@@ -2885,7 +2937,7 @@ interface EditHistoryHandle {
     };
 }
 interface UseEditHistoryActionsOptions {
-    editHistory: Pick<EditHistoryHandle, "undo" | "redo" | "predict">;
+    editHistory: Pick<EditHistoryHandle, "undo" | "redo" | "predict" | "claims">;
     readOptionalProjectFile: (path: string) => Promise<string>;
     readProjectFile: (path: string) => Promise<string>;
     writeProjectFile: (path: string, content: string) => Promise<void>;
@@ -3300,6 +3352,15 @@ interface RecordEditInput$2 {
     }>;
 }
 
+interface DomGroupMove {
+    selection: DomEditSelection;
+    /** Composition px: the element's box moves by exactly this in the film. */
+    delta: {
+        x: number;
+        y: number;
+    };
+}
+
 interface UseDomEditSessionParams extends DomEditTimelineParams {
     compositionLoading: boolean;
     showToast: (message: string, tone?: "error" | "info") => void;
@@ -3353,7 +3414,7 @@ declare function useDomEditSession({ projectId, activeCompPath, compIdToSrc, cap
     clearDomSelection: () => void;
     refreshDomEditSelectionFromPreview: (selection: DomEditSelection) => Promise<void>;
     handleDomStyleCommit: (property: string, value: string) => Promise<DomEditCommitOutcome>;
-    handleDomStyleCommitForSelection: (selection: DomEditSelection, property: string, value: string) => Promise<DomEditCommitOutcome>;
+    handleDomStyleCommitForSelection: (selection: DomEditSelection, propertyOrStylesAsOnePatch: string | Record<string, string>, value?: string) => Promise<DomEditCommitOutcome>;
     handleDomAttributeCommit: (attr: string, value: string) => Promise<void>;
     handleDomAttributeLiveCommit: (attr: string, value: string | null, onSettled?: (ok: boolean) => void, live?: {
         previewOnly?: boolean;
@@ -3366,7 +3427,10 @@ declare function useDomEditSession({ projectId, activeCompPath, compIdToSrc, cap
         x: number;
         y: number;
     }, modifiers?: MoveCommitOptions) => Promise<GeometryCommitResult | undefined>;
-    handleDomGroupPathOffsetCommit: (updates: DomEditGroupPathOffsetCommit[]) => Promise<GeometryCommitResult>;
+    handleDomGroupPathOffsetCommit: (updates: DomEditGroupPathOffsetCommit[], options?: {
+        refusalToast?: boolean;
+    }) => Promise<GeometryCommitResult>;
+    handleDomGroupMoveBy: (moves: DomGroupMove[]) => Promise<void>;
     handleDomZIndexReorderCommit: (entries: Array<{
         element: HTMLElement;
         zIndex: number;
@@ -3544,7 +3608,7 @@ type DomEditValue = ReturnType<typeof useDomEditSession>;
 interface DomEditSelectionValue extends Pick<DomEditValue, "domEditSelection" | "domEditGroupSelections" | "domEditHoverSelection" | "activeGroupElement" | "domEditSelectionRef" | "selectedGsapAnimations" | "gsapMultipleTimelines" | "gsapUnsupportedTimelinePattern" | "agentModalOpen" | "agentModalAnchorPoint" | "copiedAgentPrompt" | "agentPromptSelectionContext"> {
 }
 declare function useDomEditSelectionContext(): DomEditSelectionValue;
-declare function DomEditProvider({ value: { domEditSelection, domEditGroupSelections, domEditHoverSelection, agentModalOpen, agentModalAnchorPoint, copiedAgentPrompt, agentPromptSelectionContext, domEditSelectionRef, handleTimelineElementSelect, handlePreviewCanvasMouseDown, handlePreviewCanvasPointerMove, handlePreviewCanvasPointerLeave, applyDomSelection, clearDomSelection, refreshDomEditSelectionFromPreview, handleDomStyleCommit, handleDomStyleCommitForSelection, handleDomAttributeCommit, handleDomAttributeLiveCommit, handleDomAttributeQuietCommit, handleDomHtmlAttributeCommit, handleDomAttributesCommit, handleDomAttributeBatchCommit, handleDomPathOffsetCommit, handleDomGroupPathOffsetCommit, handleDomZIndexReorderCommit, handleDomBoxSizeCommit, handleDomRotationCommit, handleDomManualEditsReset, handleDomTextCommit, handleDomTextCommitForSelection, handleDomRichTextCommit, handleDomTextFieldStyleCommit, handleDomAddTextField, handleDomRemoveTextField, getGsapAnimationsForSelection, handleAskAgent, handleAgentModalSubmit, handleBlockedDomMove, handleDomManualDragStart, handleDomEditElementDelete, handleGroupSelection, handleUngroupSelection, setActiveGroupElement, activeGroupElement, buildDomSelectionFromTarget, buildDomSelectionForTimelineElement, updateDomEditHoverSelection, resolveImportedFontAsset, setAgentModalOpen, setAgentPromptSelectionContext, setAgentModalAnchorPoint, selectedGsapAnimations, gsapMultipleTimelines, gsapUnsupportedTimelinePattern, handleGsapUpdateProperty, handleGsapUpdateMeta, handleGsapDeleteAnimation, handleGsapDeleteAllForElement, handleGsapAddAnimation, handleGsapAddProperty, handleGsapRemoveProperty, handleGsapUpdateFromProperty, handleGsapAddFromProperty, handleGsapRemoveFromProperty, handleGsapAddKeyframe, handleGsapAddKeyframeBatch, handleGsapRemoveKeyframe, handleGsapMoveKeyframeToPlayhead, handleGsapMoveKeyframe, handleGsapResizeKeyframedTween, handleGsapConvertToKeyframes, handleGsapRemoveAllKeyframes, handleResetSelectedElementKeyframes, commitAnimatedProperty, commitAnimatedProperties, handleSetArcPath, handleUpdateArcSegment, handleUnroll, invalidateGsapCache, previewIframeRef, commitMutation, applyMarqueeSelection, handleUpdateKeyframeEase, handleUpdateSegmentEase, handleSetAllKeyframeEases, }, children, }: {
+declare function DomEditProvider({ value: { domEditSelection, domEditGroupSelections, domEditHoverSelection, agentModalOpen, agentModalAnchorPoint, copiedAgentPrompt, agentPromptSelectionContext, domEditSelectionRef, handleTimelineElementSelect, handlePreviewCanvasMouseDown, handlePreviewCanvasPointerMove, handlePreviewCanvasPointerLeave, applyDomSelection, clearDomSelection, refreshDomEditSelectionFromPreview, handleDomStyleCommit, handleDomStyleCommitForSelection, handleDomAttributeCommit, handleDomAttributeLiveCommit, handleDomAttributeQuietCommit, handleDomHtmlAttributeCommit, handleDomAttributesCommit, handleDomAttributeBatchCommit, handleDomPathOffsetCommit, handleDomGroupPathOffsetCommit, handleDomGroupMoveBy, handleDomZIndexReorderCommit, handleDomBoxSizeCommit, handleDomRotationCommit, handleDomManualEditsReset, handleDomTextCommit, handleDomTextCommitForSelection, handleDomRichTextCommit, handleDomTextFieldStyleCommit, handleDomAddTextField, handleDomRemoveTextField, getGsapAnimationsForSelection, handleAskAgent, handleAgentModalSubmit, handleBlockedDomMove, handleDomManualDragStart, handleDomEditElementDelete, handleGroupSelection, handleUngroupSelection, setActiveGroupElement, activeGroupElement, buildDomSelectionFromTarget, buildDomSelectionForTimelineElement, updateDomEditHoverSelection, resolveImportedFontAsset, setAgentModalOpen, setAgentPromptSelectionContext, setAgentModalAnchorPoint, selectedGsapAnimations, gsapMultipleTimelines, gsapUnsupportedTimelinePattern, handleGsapUpdateProperty, handleGsapUpdateMeta, handleGsapDeleteAnimation, handleGsapDeleteAllForElement, handleGsapAddAnimation, handleGsapAddProperty, handleGsapRemoveProperty, handleGsapUpdateFromProperty, handleGsapAddFromProperty, handleGsapRemoveFromProperty, handleGsapAddKeyframe, handleGsapAddKeyframeBatch, handleGsapRemoveKeyframe, handleGsapMoveKeyframeToPlayhead, handleGsapMoveKeyframe, handleGsapResizeKeyframedTween, handleGsapConvertToKeyframes, handleGsapRemoveAllKeyframes, handleResetSelectedElementKeyframes, commitAnimatedProperty, commitAnimatedProperties, handleSetArcPath, handleUpdateArcSegment, handleUnroll, invalidateGsapCache, previewIframeRef, commitMutation, applyMarqueeSelection, handleUpdateKeyframeEase, handleUpdateSegmentEase, handleSetAllKeyframeEases, }, children, }: {
     value: DomEditValue;
     children: ReactNode;
 }): react_jsx_runtime.JSX.Element;
@@ -3712,6 +3776,24 @@ declare function useDomStyleCommit({ projectId, iframeRef, writeProjectFile, rec
     waitForPendingSaves: () => Promise<DomEditSaveDrainResult>;
 };
 
+declare function ColorField({ label, value, disabled, onReset, flat, mixed, onPreview, onCommit, }: {
+    label: string;
+    value: string;
+    disabled?: boolean;
+    onReset?: () => void;
+    flat?: boolean;
+    mixed?: boolean;
+    onPreview?: (nextValue: string) => void;
+    onCommit: (nextValue: string) => void;
+}): react_jsx_runtime.JSX.Element;
+
+declare function GradientField({ value, fallbackColor, disabled, onCommit, }: {
+    value: string;
+    fallbackColor: string | undefined;
+    disabled?: boolean;
+    onCommit: (nextValue: string) => void;
+}): react_jsx_runtime.JSX.Element;
+
 /**
  * Studio's `Player` must show the project, with `beginTimelineSession(projectId)` run before it
  * mounts; drain `waitForPendingSaves` before switching projects.
@@ -4119,4 +4201,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, 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, GridOverlay, ImageThumbnail, type ImageThumbnailProps, 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, 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 UseTimelineEditingOptions, VideoThumbnail, type ZOrderAction, applyPatch, buildCompositionSnapTarget, buildGridSnapEdges, buildPickerAgentContextPreview, buildPickerAgentPrompt, buildStudioTools, collectSnapContext, collectStudioLookScene, 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, useTimelineContext, useTimelineEditing, useTimelinePlayer };
+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, 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, collectSnapContext, collectStudioLookScene, 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 };

package/dist/studio/index.html

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