@hyperframes/studio-server 0.8.119 → 0.8.121

package/dist/{chunk-G4YB7Q2Q.js → chunk-CLWFZQUU.js}

@@ -207,7 +207,7 @@ function stampNewChildIds(parent) {
     el.setAttribute("data-hf-id", mintHfId(el, assigned));
   }
 }
-function patchElementInHtml(source, target, operations) {
+function patchElementInHtml(source, target, operations, takenIds) {
   const { document, wrappedFragment } = parseSourceDocument(source);
   const el = findTargetElement(document, target);
   if (!el || !isHTMLElement(el)) return { html: source, matched: false };
@@ -247,6 +247,10 @@ function patchElementInHtml(source, target, operations) {
           opTarget.removeAttribute(op.property);
         }
         break;
+      case "ensure-id":
+        if (opTarget.getAttribute("id") || !op.value) break;
+        opTarget.setAttribute("id", nextUniqueId(document, op.value, takenIds));
+        break;
       case "text-content":
         if (op.value != null) {
           const inner = opTarget.children.length === 1 ? opTarget.firstElementChild : null;
@@ -268,8 +272,15 @@ function patchElementInHtml(source, target, operations) {
     }
   }
   const html = wrappedFragment ? document.body.innerHTML || "" : document.toString();
-  if (html === originalHtml) return { html: source, matched: true };
-  return { html: ensureHfIds(html), matched: true };
+  const elementId = htmlEl.getAttribute("id");
+  if (html === originalHtml) return { html: source, matched: true, elementId };
+  return { html: ensureHfIds(html), matched: true, elementId };
+}
+function nextUniqueId(document, base, takenIds) {
+  let id = base;
+  let suffix = 2;
+  while (document.getElementById(id) || takenIds?.has(id)) id = `${base}-${suffix++}`;
+  return id;
 }
 function probeElementsInSource(source, targets) {
   const { document } = parseSourceDocument(source);
@@ -306,13 +317,7 @@ function splitElementInHtml(source, target, splitTime, newId, fallbackTiming) {
   if (duration <= 0 || splitTime <= start || splitTime >= start + duration) {
     return { html: source, matched: false, newId: null };
   }
-  if (document.getElementById(newId)) {
-    let suffix = 2;
-    const base = newId;
-    while (document.getElementById(newId)) {
-      newId = `${base}-${suffix++}`;
-    }
-  }
+  newId = nextUniqueId(document, newId);
   const firstDuration = splitTime - start;
   const secondDuration = duration - firstDuration;
   const clone = el.cloneNode(true);
@@ -370,13 +375,7 @@ function setInlineLeftTop(el, left, top) {
 }
 function uniqueGroupDomId(document, groupId) {
   const base = groupId.trim().toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "") || "group";
-  let id = base;
-  let n = 2;
-  while (document.getElementById(id)) {
-    id = `${base}-${n}`;
-    n += 1;
-  }
-  return id;
+  return nextUniqueId(document, base);
 }
 function wrapElementsInHtml(source, targets, groupId, bbox, rebases) {
   const { document, wrappedFragment } = parseSourceDocument(source);
@@ -512,6 +511,7 @@ export {
   isHTMLElement,
   dedupeClonedCompositionId,
   patchElementInHtml,
+  nextUniqueId,
   probeElementsInSource,
   probeElementInSource,
   splitElementInHtml,
@@ -519,4 +519,4 @@ export {
   unwrapElementsFromHtml,
   relinkSplitHalvesInHtml
 };
-//# sourceMappingURL=chunk-G4YB7Q2Q.js.map
+//# sourceMappingURL=chunk-CLWFZQUU.js.map

package/dist/chunk-CLWFZQUU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/helpers/sourceMutation.ts","../src/helpers/sourceStyleMutation.ts"],"sourcesContent":["import { parseHTML } from \"linkedom\";\nimport { removeElementWithGsapCascade } from \"@hyperframes/parsers\";\nimport { readMediaOffsetSeconds, readPlaybackRate } from \"@hyperframes/parsers/media-duration\";\nimport postcss from \"postcss\";\nimport selectorParser from \"postcss-selector-parser\";\nimport { isAllowedHtmlAttribute, isSafeAttributeValue } from \"@hyperframes/core/html-attr-safety\";\nimport { sanitizeRichTextChildren } from \"@hyperframes/core/rich-text-sanitize\";\nimport {\n  EXCLUDED_TAGS,\n  ensureHfIds,\n  mintHfId,\n  walkCompositionDescendants,\n} from \"@hyperframes/parsers/hf-ids\";\nimport { readClipTiming, writeClipTiming } from \"@hyperframes/core/composition-contract\";\nimport { relinkSplitHalves } from \"@hyperframes/core/media-link\";\nimport { parseStyleDecls, patchStyleAttrString } from \"./sourceStyleMutation.js\";\n\nexport interface SourceMutationTarget {\n  id?: string | null;\n  hfId?: string;\n  selector?: string;\n  selectorIndex?: number;\n}\n\nexport function parseSourceDocument(raw: string): {\n  document: Document;\n  wrappedFragment: boolean;\n} {\n  const source = ensureHfIds(raw);\n  const hasDocumentShell = /<!doctype|<html[\\s>]/i.test(source);\n  if (hasDocumentShell) {\n    return { document: parseHTML(source).document, wrappedFragment: false };\n  }\n  return {\n    document: parseHTML(`<!DOCTYPE html><html><head></head><body>${source}</body></html>`).document,\n    wrappedFragment: true,\n  };\n}\n\nfunction duplicateCssRulesForId(document: Document, originalId: string, newId: string): void {\n  const idToken = `#${originalId}`;\n  const transform = selectorParser((selectors) => {\n    selectors.walkIds((node) => {\n      if (node.value === originalId) node.value = newId;\n    });\n  });\n  for (const styleEl of document.querySelectorAll(\"style\")) {\n    const css = styleEl.textContent ?? \"\";\n    let root: postcss.Root;\n    try {\n      root = postcss.parse(css);\n    } catch {\n      continue;\n    }\n    const clones: postcss.Rule[] = [];\n    root.walkRules((rule) => {\n      if (!rule.selector.includes(idToken)) return;\n      const newSelector = transform.processSync(rule.selector);\n      if (newSelector === rule.selector) return;\n      const clone = rule.clone({ selector: newSelector });\n      clones.push(clone);\n    });\n    if (clones.length > 0) {\n      for (const c of clones) root.append(c);\n      styleEl.textContent = root.toString();\n    }\n  }\n}\n\nfunction querySelectorAllWithTemplates(root: Document | Element, selector: string): Element[] {\n  const matches = Array.from(root.querySelectorAll(selector));\n  if (matches.length > 0) return matches;\n  // querySelectorAll doesn't traverse <template> content in linkedom.\n  // Search directly on each template element (NOT .content — removing from\n  // .content's DocumentFragment doesn't update the serialized output).\n  // Recurse so NESTED templates resolve too — ensureHfIds and the SDK's\n  // querySelectorAllDeep descend nested composition templates, so ids exist at\n  // any template depth; a one-level search here would silently no-op\n  // server-side ops on those ids while the SDK resolves them.\n  const templates = Array.from(root.querySelectorAll(\"template\"));\n  for (const tmpl of templates) {\n    const inner = querySelectorAllWithTemplates(tmpl, selector);\n    if (inner.length > 0) return inner;\n  }\n  return [];\n}\n\n// Prevent CSS attribute-selector injection via a crafted hfId: escape\n// backslashes first, then double-quotes. Keeps a malformed/hostile value from\n// breaking out of the `[data-hf-id=\"…\"]` selector once callers beyond the\n// internal mint contract (R2+ user flows) pass values here.\nfunction escapeCssAttrValue(value: string): string {\n  return value.replace(/\\\\/g, \"\\\\\\\\\").replace(/\"/g, '\\\\\"');\n}\n\nfunction findByHfId(document: Document, hfId: string): Element | null {\n  try {\n    const matches = querySelectorAllWithTemplates(\n      document,\n      `[data-hf-id=\"${escapeCssAttrValue(hfId)}\"]`,\n    );\n    if (matches.length > 1) {\n      // The mint contract guarantees uniqueness; a duplicate means upstream\n      // id drift. Don't silently patch an arbitrary one — surface it.\n      // eslint-disable-next-line no-console\n      console.warn(\n        `sourceMutation: data-hf-id \"${hfId}\" matched ${matches.length} elements; using the first. ids must be unique per document.`,\n      );\n    }\n    return matches[0] ?? null;\n  } catch {\n    // Malformed selector despite escaping — let the caller fall back.\n    return null;\n  }\n}\n\nexport function findTargetElement(\n  document: Document,\n  target: SourceMutationTarget,\n): Element | null {\n  if (target.hfId) {\n    const el = findByHfId(document, target.hfId);\n    if (el) return el;\n  }\n\n  if (target.id) {\n    const byId = document.getElementById(target.id);\n    if (byId) return byId;\n  }\n\n  if (!target.selector) return null;\n  try {\n    const matches = querySelectorAllWithTemplates(document, target.selector);\n    return matches[target.selectorIndex ?? 0] ?? null;\n  } catch {\n    return null;\n  }\n}\n\n/**\n * Removes every target in one parse and one serialization. A target nested inside one already\n * removed no longer matches, which is a normal outcome rather than a failure.\n */\nexport function removeElementsFromHtml(\n  source: string,\n  targets: readonly SourceMutationTarget[],\n): string {\n  const { document, wrappedFragment } = parseSourceDocument(source);\n  let removed = false;\n  for (const target of targets) {\n    const element = findTargetElement(document, target);\n    if (!element) continue;\n    removeElementWithGsapCascade(document, element);\n    removed = true;\n  }\n  if (!removed) return source;\n  return wrappedFragment ? document.body.innerHTML || \"\" : document.toString();\n}\n\nexport function removeElementFromHtml(source: string, target: SourceMutationTarget): string {\n  return removeElementsFromHtml(source, [target]);\n}\n\nexport function isHTMLElement(el: Node): el is HTMLElement {\n  const HTMLEl = el.ownerDocument?.defaultView?.HTMLElement;\n  return HTMLEl ? el instanceof HTMLEl : el.nodeType === 1 && \"style\" in el;\n}\n\nexport function dedupeClonedCompositionId(document: Document, clone: Element): void {\n  const compositionId = clone.getAttribute(\"data-composition-id\");\n  if (!compositionId) return;\n  const usedCompositionIds = new Set(\n    querySelectorAllWithTemplates(document, \"[data-composition-id]\").map((node) =>\n      node.getAttribute(\"data-composition-id\"),\n    ),\n  );\n  const base = `${compositionId}-split`;\n  let nextCompositionId = base;\n  let suffix = 2;\n  while (usedCompositionIds.has(nextCompositionId)) nextCompositionId = `${base}-${suffix++}`;\n  clone.setAttribute(\"data-composition-id\", nextCompositionId);\n}\n\nexport interface PatchOperation {\n  /** `ensure-id` keeps the element's id, else writes `value` made unique in this file and `takenIds`. */\n  type:\n    | \"inline-style\"\n    | \"attribute\"\n    | \"html-attribute\"\n    | \"text-content\"\n    | \"rich-text\"\n    | \"ensure-id\";\n  property: string;\n  value: string | null;\n  childSelector?: string;\n  childIndex?: number;\n}\n\ninterface ResolvedPatchOperation {\n  op: PatchOperation;\n  target: HTMLElement;\n}\n\nfunction resolveOperationTarget(parent: HTMLElement, op: PatchOperation): HTMLElement | null {\n  if (op.childSelector === undefined) return parent;\n  try {\n    const child = parent.querySelectorAll(op.childSelector)[op.childIndex ?? 0] ?? null;\n    return child && isHTMLElement(child) ? child : null;\n  } catch {\n    return null;\n  }\n}\n\n/**\n * Give the elements a rich-text patch just introduced their stable ids, here,\n * in the bytes about to be written and handed back.\n *\n * Otherwise the next preview request mints them and writes the file a second\n * time, after Studio has already recorded the edit in its history. The recorded\n * \"after\" stops matching disk, the content check refuses, and undo reports the\n * file as changed outside Studio — for every colour applied to a run of\n * characters and every text layer added. The clip split stamps its own clone\n * for exactly this reason.\n *\n * Minted one element at a time with the same function `ensureHfIds` uses, so\n * these ids are the ones the next pass would have assigned. Not `ensureHfIds`\n * itself: it takes a whole document, and handing it this element's markup would\n * put the markup back as one.\n */\nfunction stampNewChildIds(parent: Element): void {\n  const assigned = new Set<string>();\n  const root = parent.ownerDocument?.body ?? parent;\n  walkCompositionDescendants(root, (el) => {\n    const id = el.getAttribute(\"data-hf-id\");\n    if (id) assigned.add(id);\n  });\n  for (const el of parent.querySelectorAll(\"*\")) {\n    if (el.getAttribute(\"data-hf-id\")) continue;\n    if (EXCLUDED_TAGS.has(el.tagName.toLowerCase())) continue;\n    el.setAttribute(\"data-hf-id\", mintHfId(el, assigned));\n  }\n}\n\n// fallow-ignore-next-line complexity\nexport function patchElementInHtml(\n  source: string,\n  target: SourceMutationTarget,\n  operations: PatchOperation[],\n  takenIds?: ReadonlySet<string>,\n): { html: string; matched: boolean; elementId?: string | null } {\n  const { document, wrappedFragment } = parseSourceDocument(source);\n  const el = findTargetElement(document, target);\n  if (!el || !isHTMLElement(el)) return { html: source, matched: false };\n  const htmlEl = el;\n  const originalHtml = wrappedFragment ? document.body.innerHTML || \"\" : document.toString();\n\n  const resolved: ResolvedPatchOperation[] = [];\n  for (const op of operations) {\n    const opTarget = resolveOperationTarget(htmlEl, op);\n    if (!opTarget) return { html: source, matched: false };\n    resolved.push({ op, target: opTarget });\n  }\n\n  for (const { op, target: opTarget } of resolved) {\n    switch (op.type) {\n      case \"inline-style\":\n        // linkedom's CSSStyleDeclaration does not support CSS custom properties\n        // (--foo) or newer individual transform properties (translate, rotate,\n        // scale) via style.setProperty(). Manipulate the style attribute string\n        // directly so all property names survive the round-trip.\n        {\n          const raw = opTarget.getAttribute(\"style\") ?? \"\";\n          const patched = patchStyleAttrString(raw, op.property, op.value);\n          opTarget.setAttribute(\"style\", patched);\n        }\n        break;\n      case \"attribute\":\n        {\n          const fullAttr = op.property.startsWith(\"data-\") ? op.property : `data-${op.property}`;\n          if (op.value != null) {\n            opTarget.setAttribute(fullAttr, op.value);\n          } else {\n            opTarget.removeAttribute(fullAttr);\n          }\n        }\n        break;\n      case \"html-attribute\":\n        if (!isAllowedHtmlAttribute(op.property)) break;\n        if (op.value != null) {\n          if (!isSafeAttributeValue(op.property, op.value)) break;\n          opTarget.setAttribute(op.property, op.value);\n        } else {\n          opTarget.removeAttribute(op.property);\n        }\n        break;\n      case \"ensure-id\":\n        if (opTarget.getAttribute(\"id\") || !op.value) break;\n        opTarget.setAttribute(\"id\", nextUniqueId(document, op.value, takenIds));\n        break;\n      case \"text-content\":\n        if (op.value != null) {\n          const inner = opTarget.children.length === 1 ? opTarget.firstElementChild : null;\n          const textTarget = inner && isHTMLElement(inner) ? inner : opTarget;\n          textTarget.textContent = op.value;\n        }\n        break;\n      // The one operation that can write markup, so the one that has to check\n      // it. Assigned first and sanitised after, rather than sanitising a\n      // string: parsing is what turns a payload into the tree the allowlist\n      // can actually judge, and linkedom never runs anything it parses.\n      case \"rich-text\":\n        if (op.value != null) {\n          opTarget.innerHTML = op.value;\n          sanitizeRichTextChildren(opTarget);\n          stampNewChildIds(opTarget);\n        }\n        break;\n    }\n  }\n\n  const html = wrappedFragment ? document.body.innerHTML || \"\" : document.toString();\n  const elementId = htmlEl.getAttribute(\"id\");\n  if (html === originalHtml) return { html: source, matched: true, elementId };\n  return { html: ensureHfIds(html), matched: true, elementId };\n}\n\nexport function nextUniqueId(\n  document: Document,\n  base: string,\n  takenIds?: ReadonlySet<string>,\n): string {\n  let id = base;\n  let suffix = 2;\n  while (document.getElementById(id) || takenIds?.has(id)) id = `${base}-${suffix++}`;\n  return id;\n}\n\n/** Whether each target exists in `source`; the document is parsed once however many targets ask. */\nexport function probeElementsInSource(\n  source: string,\n  targets: readonly SourceMutationTarget[],\n): boolean[] {\n  const { document } = parseSourceDocument(source);\n  return targets.map((target) => {\n    if (!target.id && !target.hfId && !target.selector) return false;\n    const el = findTargetElement(document, target);\n    return el != null && isHTMLElement(el);\n  });\n}\n\nexport function probeElementInSource(source: string, target: SourceMutationTarget): boolean {\n  return probeElementsInSource(source, [target])[0] ?? false;\n}\n\nexport interface SplitElementResult {\n  html: string;\n  matched: boolean;\n  newId: string | null;\n}\n\nfunction resolveElementTiming(el: Element): {\n  start: number;\n  duration: number;\n} {\n  const timing = readClipTiming(el);\n  return { start: timing.start ?? 0, duration: timing.duration ?? 0 };\n}\n\nfunction setElementDuration(\n  el: Element,\n  start: number,\n  duration: number,\n  trackIndex?: number,\n): void {\n  writeClipTiming(el, {\n    start: Math.round(start * 1000) / 1000,\n    duration: Math.round(duration * 1000) / 1000,\n    ...(trackIndex != null ? { trackIndex } : {}),\n  });\n}\n\n// fallow-ignore-next-line complexity\nexport function splitElementInHtml(\n  source: string,\n  target: SourceMutationTarget,\n  splitTime: number,\n  newId: string,\n  fallbackTiming?: {\n    start: number;\n    duration: number;\n    playbackStart?: number;\n    playbackRate?: number;\n    stampPlaybackStart?: boolean;\n    // The element's current resolved track (authored, or the runtime's\n    // positional-index fallback when unauthored). Stamped onto both halves so\n    // inserting the clone can't shift either one to a different row — see\n    // parseAuthoredTrack's fallback in core/runtime/timeline.ts.\n    track?: number;\n  },\n): SplitElementResult {\n  const { document, wrappedFragment } = parseSourceDocument(source);\n  const el = findTargetElement(document, target);\n  if (!el || !isHTMLElement(el)) return { html: source, matched: false, newId: null };\n\n  const timing = resolveElementTiming(el);\n  let { start, duration } = timing;\n  // GSAP-animated elements carry their timing in the script, not in data-* attrs,\n  // so the source has no authored duration. Fall back to the store's (GSAP-derived)\n  // range — the runtime windows visibility off data-start/data-duration regardless\n  // of class, so stamping both halves below makes each half show only in its window.\n  if (duration <= 0 && fallbackTiming && fallbackTiming.duration > 0) {\n    start = fallbackTiming.start;\n    duration = fallbackTiming.duration;\n  }\n  if (duration <= 0 || splitTime <= start || splitTime >= start + duration) {\n    return { html: source, matched: false, newId: null };\n  }\n\n  newId = nextUniqueId(document, newId);\n\n  const firstDuration = splitTime - start;\n  const secondDuration = duration - firstDuration;\n\n  const clone = el.cloneNode(true);\n  if (!isHTMLElement(clone)) return { html: source, matched: false, newId: null };\n  clone.setAttribute(\"id\", newId);\n  dedupeClonedCompositionId(document, clone);\n  clone.removeAttribute(\"data-hf-id\");\n  // Descendants carry their own data-hf-id; leaving them duplicates the id of\n  // every nested node (e.g. an inner <span>), so strip them on the clone too.\n  for (const node of clone.querySelectorAll(\"[data-hf-id]\")) node.removeAttribute(\"data-hf-id\");\n  setElementDuration(clone, splitTime, secondDuration, fallbackTiming?.track);\n\n  // Keep the \"clip\" class — the runtime uses it to control visibility\n  // based on data-start/data-duration timing.\n\n  // A split creates two views over the same media source. Even an untrimmed\n  // audio/video element needs an explicit zero in-point stamped on the first\n  // half so the second half can advance from it instead of restarting at zero.\n  const playbackStartAttr = el.hasAttribute(\"data-playback-start\")\n    ? \"data-playback-start\"\n    : el.hasAttribute(\"data-media-start\")\n      ? \"data-media-start\"\n      : fallbackTiming?.stampPlaybackStart\n        ? \"data-playback-start\"\n        : el.matches(\"audio, video\")\n          ? \"data-media-start\"\n          : null;\n  if (playbackStartAttr) {\n    const readAttr = (name: string) => el.getAttribute(name);\n    const authoredTrim = el.getAttribute(playbackStartAttr);\n    const currentTrim =\n      authoredTrim !== null\n        ? readMediaOffsetSeconds(readAttr)\n        : (fallbackTiming?.playbackStart ?? 0);\n    const rate = readPlaybackRate(readAttr, fallbackTiming?.playbackRate);\n    if (authoredTrim === null || Number(authoredTrim) !== currentTrim)\n      el.setAttribute(playbackStartAttr, String(Math.round(currentTrim * 1000) / 1000));\n    clone.setAttribute(\n      playbackStartAttr,\n      String(Math.round((currentTrim + firstDuration * rate) * 1000) / 1000),\n    );\n  }\n\n  // Duplicate CSS rules targeting the original ID so the clone inherits the same styles.\n  const originalId = el.getAttribute(\"id\");\n  if (originalId) {\n    duplicateCssRulesForId(document, originalId, newId);\n  }\n\n  // Trim the original element's duration. A GSAP element had no data-start; stamp\n  // it so the runtime windows the first half (visibility selects on [data-start]).\n  setElementDuration(el, start, firstDuration, fallbackTiming?.track);\n\n  // Insert clone after original\n  if (el.nextSibling) {\n    el.parentElement!.insertBefore(clone, el.nextSibling);\n  } else {\n    el.parentElement!.appendChild(clone);\n  }\n\n  const html = wrappedFragment ? document.body.innerHTML || \"\" : document.toString();\n  return {\n    // The split owns its new nodes' stable ids. Leaving the clone unstamped makes\n    // the next preview request persist different bytes after history is recorded.\n    html: ensureHfIds(html),\n    matched: true,\n    newId,\n  };\n}\n\n// --- Element grouping -------------------------------------------------------\n// A group is a real `<div data-hf-group=\"…\">` wrapping its members in the DOM.\n// Wrapping rebases each member's left/top so its absolute position is unchanged:\n// the wrapper sits at the selection bbox top-left, and each child's new left/top\n// is its old left/top minus the wrapper origin (computed client-side, where live\n// layout is available, and passed in via `rebases`). GSAP x/y, CSS translate and\n// --hf-studio-offset vars are deltas relative to flow position and stay untouched.\n\nexport interface WrapElementsResult {\n  html: string;\n  matched: boolean;\n  groupId: string | null;\n  error?: string;\n}\n\nexport interface UnwrapElementsResult {\n  html: string;\n  unwrapped: boolean;\n  /** The unwrapped wrapper's id, so callers can strip GSAP that targeted it\n   *  (the wrapper is gone; a leftover `gsap.set(\"#id\")` would throw at runtime). */\n  unwrappedGroupId?: string;\n  /** Members (id'd children) with their absolute layout centres (post un-rebase),\n   *  so the caller can BAKE the group's GSAP transform into each member before\n   *  stripping it — otherwise the group's moves are lost on ungroup. */\n  members?: Array<{ id: string; cx: number; cy: number }>;\n  /** The wrapper's layout centre — the pivot for baking the group's rotation/scale. */\n  groupCenter?: { cx: number; cy: number };\n}\n\nexport interface ElementRebase {\n  target: SourceMutationTarget;\n  left: number;\n  top: number;\n  /** The member's current resolved track (authored, or the runtime's\n   * positional-index fallback). Stamped explicitly so moving it into the\n   * wrapper can't shift its computed row — same hazard split closes. */\n  track?: number;\n}\n\nfunction getInlineStylePx(el: Element, property: string): number {\n  const style = (isHTMLElement(el) ? el.getAttribute(\"style\") : null) ?? \"\";\n  const { props } = parseStyleDecls(style);\n  const raw = props.get(property);\n  if (!raw) return 0;\n  const n = parseFloat(raw);\n  return Number.isFinite(n) ? n : 0;\n}\n\nfunction setInlineLeftTop(el: HTMLElement, left: number, top: number): void {\n  let style = el.getAttribute(\"style\") ?? \"\";\n  style = patchStyleAttrString(style, \"left\", `${left}px`);\n  style = patchStyleAttrString(style, \"top\", `${top}px`);\n  el.setAttribute(\"style\", style);\n}\n\n// Slug the group name (\"Group 1\" → \"group-1\") into a unique, valid element id.\nfunction uniqueGroupDomId(document: Document, groupId: string): string {\n  const base =\n    groupId\n      .trim()\n      .toLowerCase()\n      .replace(/[^a-z0-9]+/g, \"-\")\n      // Normalization above leaves at most one hyphen at either edge.\n      .replace(/^-|-$/g, \"\") || \"group\";\n  return nextUniqueId(document, base);\n}\n\n// fallow-ignore-next-line complexity\nexport function wrapElementsInHtml(\n  source: string,\n  targets: SourceMutationTarget[],\n  groupId: string,\n  bbox: { left: number; top: number; width: number; height: number },\n  rebases: ElementRebase[],\n): WrapElementsResult {\n  const { document, wrappedFragment } = parseSourceDocument(source);\n  if (targets.length === 0) {\n    return { html: source, matched: false, groupId: null, error: \"no targets\" };\n  }\n\n  // Resolve + dedupe by element ref (two targets may point at the same node).\n  const els: HTMLElement[] = [];\n  const seen = new Set<Element>();\n  for (const target of targets) {\n    const el = findTargetElement(document, target);\n    if (!el || !isHTMLElement(el) || seen.has(el)) continue;\n    seen.add(el);\n    els.push(el);\n  }\n  if (els.length === 0) {\n    return { html: source, matched: false, groupId: null, error: \"no targets matched\" };\n  }\n\n  // P1: require a single common parent (LCA multi-parent wrapping is P2).\n  const parent = els[0]?.parentElement;\n  if (!parent || els.some((el) => el.parentElement !== parent)) {\n    return {\n      html: source,\n      matched: false,\n      groupId: null,\n      error: \"grouped elements must share a single parent\",\n    };\n  }\n\n  // Order members by their position in the parent (= z-order / stacking order).\n  const memberSet = new Set<Element>(els);\n  const ordered = Array.from(parent.children).filter((c): c is HTMLElement => memberSet.has(c));\n\n  // Map each member to its rebased left/top and track (resolved against the same document).\n  const rebaseByEl = new Map<Element, { left: number; top: number; track?: number }>();\n  for (const rebase of rebases) {\n    const el = findTargetElement(document, rebase.target);\n    if (el) rebaseByEl.set(el, { left: rebase.left, top: rebase.top, track: rebase.track });\n  }\n\n  const wrapper = document.createElement(\"div\");\n  wrapper.setAttribute(\"data-hf-group\", groupId);\n  // A real `id` (slug of the group name) makes the wrapper a first-class node in the\n  // clip manifest / timeline parent-map (both keyed by id) and a clean GSAP target —\n  // without it the wrapper is invisible to the timeline and breaks child enumeration.\n  wrapper.setAttribute(\"id\", uniqueGroupDomId(document, groupId));\n  // Adopt the topmost member's stacking level. A group is one stacking unit, so a\n  // non-member interleaved between two selected members can't stay \"between\" them\n  // once they unify. Matching Figma/Sketch, the group lifts to the topmost selected\n  // layer: the wrapper goes at the LAST member's slot and carries the max member\n  // z-index — so an interleaved non-member falls below the group instead of hoisting\n  // above it, and explicit member z-indexes are honored.\n  const memberZIndexes = ordered\n    .map((el) =>\n      Number.parseInt(\n        parseStyleDecls(el.getAttribute(\"style\") ?? \"\").props.get(\"z-index\") ?? \"\",\n        10,\n      ),\n    )\n    .filter((z) => Number.isFinite(z));\n  const maxZ = memberZIndexes.length > 0 ? Math.max(...memberZIndexes) : null;\n  wrapper.setAttribute(\n    \"style\",\n    `position: absolute; left: ${bbox.left}px; top: ${bbox.top}px; width: ${bbox.width}px; height: ${bbox.height}px` +\n      (maxZ !== null ? `; z-index: ${maxZ}` : \"\"),\n  );\n\n  // Insert the wrapper at the topmost member's slot, then move members into it.\n  parent.insertBefore(wrapper, ordered[ordered.length - 1] ?? null);\n  for (const el of ordered) {\n    const rebase = rebaseByEl.get(el);\n    if (rebase) setInlineLeftTop(el, rebase.left, rebase.top);\n    if (rebase?.track != null) writeClipTiming(el, { trackIndex: Math.round(rebase.track) });\n    wrapper.appendChild(el); // appendChild moves the node, preserving order\n  }\n\n  return {\n    html: wrappedFragment ? document.body.innerHTML || \"\" : document.toString(),\n    matched: true,\n    groupId,\n  };\n}\n\nexport interface UnwrapChildTrack {\n  target: SourceMutationTarget;\n  /** The child's current resolved track, same hazard and fix as wrap's members. */\n  track?: number;\n}\n\n// Only children actually inside the group and given a resolved track qualify —\n// same hazard and fix as wrap's members, scoped to this group's own children.\nfunction buildChildTrackMap(\n  document: Document,\n  group: Element,\n  childTracks: UnwrapChildTrack[],\n): Map<Element, number> {\n  const trackByEl = new Map<Element, number>();\n  for (const entry of childTracks) {\n    const el = findTargetElement(document, entry.target);\n    if (el && group.contains(el) && entry.track != null) trackByEl.set(el, entry.track);\n  }\n  return trackByEl;\n}\n\n// Undoes the wrap-side rebase (child absolute = child rebased + wrapper\n// origin), stamps each child's resolved track where one was given, and moves\n// every child back into the parent ahead of the wrapper — preserving order.\nfunction relocateGroupChildren(\n  group: Element,\n  parent: Element,\n  wLeft: number,\n  wTop: number,\n  trackByEl: Map<Element, number>,\n): Array<{ id: string; cx: number; cy: number }> {\n  const members: Array<{ id: string; cx: number; cy: number }> = [];\n  for (const child of Array.from(group.children)) {\n    if (isHTMLElement(child)) {\n      const newLeft = getInlineStylePx(child, \"left\") + wLeft;\n      const newTop = getInlineStylePx(child, \"top\") + wTop;\n      setInlineLeftTop(child, newLeft, newTop);\n      const track = trackByEl.get(child);\n      if (track != null) writeClipTiming(child, { trackIndex: Math.round(track) });\n      if (child.id) {\n        members.push({\n          id: child.id,\n          cx: newLeft + getInlineStylePx(child, \"width\") / 2,\n          cy: newTop + getInlineStylePx(child, \"height\") / 2,\n        });\n      }\n    }\n    parent.insertBefore(child, group);\n  }\n  return members;\n}\n\nexport function unwrapElementsFromHtml(\n  source: string,\n  groupTarget: SourceMutationTarget,\n  childTracks: UnwrapChildTrack[] = [],\n): UnwrapElementsResult {\n  const { document, wrappedFragment } = parseSourceDocument(source);\n  const group = findTargetElement(document, groupTarget);\n  if (!group || !isHTMLElement(group)) return { html: source, unwrapped: false };\n  // Shape guard mirroring the wrap-side contract: only ever dissolve an actual\n  // group wrapper. A stale/desynced selection that resolves to a plain <div>\n  // would otherwise be unwrapped — rebasing its children by the parent's origin\n  // (silent corruption). Wrap enforces invariants; unwrap must too.\n  if (!group.hasAttribute(\"data-hf-group\")) return { html: source, unwrapped: false };\n\n  const parent = group.parentElement;\n  if (!parent) return { html: source, unwrapped: false };\n\n  const trackByEl = buildChildTrackMap(document, group, childTracks);\n\n  // Undo the rebase: child absolute position = child (rebased) + wrapper origin.\n  const wLeft = getInlineStylePx(group, \"left\");\n  const wTop = getInlineStylePx(group, \"top\");\n  const groupCenter = {\n    cx: wLeft + getInlineStylePx(group, \"width\") / 2,\n    cy: wTop + getInlineStylePx(group, \"height\") / 2,\n  };\n\n  const members = relocateGroupChildren(group, parent, wLeft, wTop, trackByEl);\n  const groupId = group.id || undefined;\n  group.remove();\n\n  return {\n    html: wrappedFragment ? document.body.innerHTML || \"\" : document.toString(),\n    unwrapped: true,\n    unwrappedGroupId: groupId,\n    members,\n    groupCenter,\n  };\n}\n\n/** After a cut, give each linked group's right halves their own `data-link` and `data-sync-origin`. */\nexport function relinkSplitHalvesInHtml(source: string, rightHalfIds: readonly string[]): string {\n  const { document, wrappedFragment } = parseSourceDocument(source);\n  const carriesPairing = (id: string) => {\n    const el = document.getElementById(id);\n    return Boolean(el?.hasAttribute(\"data-link\") || el?.hasAttribute(\"data-sync-origin\"));\n  };\n  if (!rightHalfIds.some(carriesPairing)) {\n    return source;\n  }\n  relinkSplitHalves(document, rightHalfIds);\n  return wrappedFragment ? document.body.innerHTML || \"\" : document.toString();\n}\n","// fallow-ignore-next-line complexity\nexport function parseStyleDecls(style: string): { props: Map<string, string>; order: string[] } {\n  const props = new Map<string, string>();\n  const order: string[] = [];\n  let i = 0;\n  while (i < style.length) {\n    let depth = 0;\n    let inSingle = false;\n    let inDouble = false;\n    const start = i;\n    while (i < style.length) {\n      const ch = style[i];\n      if (ch === \"'\" && !inDouble) inSingle = !inSingle;\n      else if (ch === '\"' && !inSingle) inDouble = !inDouble;\n      else if (!inSingle && !inDouble) {\n        if (ch === \"(\") depth++;\n        else if (ch === \")\") depth = Math.max(0, depth - 1);\n        else if (ch === \";\" && depth === 0) break;\n      }\n      i++;\n    }\n    const decl = style.slice(start, i).trim();\n    i++;\n    if (!decl) continue;\n    const colon = decl.indexOf(\":\");\n    if (colon < 0) continue;\n    const key = decl.slice(0, colon).trim();\n    const val = decl.slice(colon + 1).trim();\n    if (!key) continue;\n    if (!props.has(key)) order.push(key);\n    props.set(key, val);\n  }\n  return { props, order };\n}\n\nfunction serializeStyleDecls(props: Map<string, string>, order: string[]): string {\n  return order\n    .map((k) => `${k}: ${props.get(k) ?? \"\"}`)\n    .filter((d) => d.trim())\n    .join(\"; \");\n}\n\nexport function patchStyleAttrString(\n  style: string,\n  property: string,\n  value: string | null,\n): string {\n  const { props, order } = parseStyleDecls(style);\n  if (value === null) {\n    props.delete(property);\n    const idx = order.indexOf(property);\n    if (idx >= 0) order.splice(idx, 1);\n  } else {\n    if (!props.has(property)) order.push(property);\n    props.set(property, value);\n  }\n  return serializeStyleDecls(props, order);\n}\n"],"mappings":";AAAA,SAAS,iBAAiB;AAC1B,SAAS,oCAAoC;AAC7C,SAAS,wBAAwB,wBAAwB;AACzD,OAAO,aAAa;AACpB,OAAO,oBAAoB;AAC3B,SAAS,wBAAwB,4BAA4B;AAC7D,SAAS,gCAAgC;AACzC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gBAAgB,uBAAuB;AAChD,SAAS,yBAAyB;;;ACb3B,SAAS,gBAAgB,OAAgE;AAC9F,QAAM,QAAQ,oBAAI,IAAoB;AACtC,QAAM,QAAkB,CAAC;AACzB,MAAI,IAAI;AACR,SAAO,IAAI,MAAM,QAAQ;AACvB,QAAI,QAAQ;AACZ,QAAI,WAAW;AACf,QAAI,WAAW;AACf,UAAM,QAAQ;AACd,WAAO,IAAI,MAAM,QAAQ;AACvB,YAAM,KAAK,MAAM,CAAC;AAClB,UAAI,OAAO,OAAO,CAAC,SAAU,YAAW,CAAC;AAAA,eAChC,OAAO,OAAO,CAAC,SAAU,YAAW,CAAC;AAAA,eACrC,CAAC,YAAY,CAAC,UAAU;AAC/B,YAAI,OAAO,IAAK;AAAA,iBACP,OAAO,IAAK,SAAQ,KAAK,IAAI,GAAG,QAAQ,CAAC;AAAA,iBACzC,OAAO,OAAO,UAAU,EAAG;AAAA,MACtC;AACA;AAAA,IACF;AACA,UAAM,OAAO,MAAM,MAAM,OAAO,CAAC,EAAE,KAAK;AACxC;AACA,QAAI,CAAC,KAAM;AACX,UAAM,QAAQ,KAAK,QAAQ,GAAG;AAC9B,QAAI,QAAQ,EAAG;AACf,UAAM,MAAM,KAAK,MAAM,GAAG,KAAK,EAAE,KAAK;AACtC,UAAM,MAAM,KAAK,MAAM,QAAQ,CAAC,EAAE,KAAK;AACvC,QAAI,CAAC,IAAK;AACV,QAAI,CAAC,MAAM,IAAI,GAAG,EAAG,OAAM,KAAK,GAAG;AACnC,UAAM,IAAI,KAAK,GAAG;AAAA,EACpB;AACA,SAAO,EAAE,OAAO,MAAM;AACxB;AAEA,SAAS,oBAAoB,OAA4B,OAAyB;AAChF,SAAO,MACJ,IAAI,CAAC,MAAM,GAAG,CAAC,KAAK,MAAM,IAAI,CAAC,KAAK,EAAE,EAAE,EACxC,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,EACtB,KAAK,IAAI;AACd;AAEO,SAAS,qBACd,OACA,UACA,OACQ;AACR,QAAM,EAAE,OAAO,MAAM,IAAI,gBAAgB,KAAK;AAC9C,MAAI,UAAU,MAAM;AAClB,UAAM,OAAO,QAAQ;AACrB,UAAM,MAAM,MAAM,QAAQ,QAAQ;AAClC,QAAI,OAAO,EAAG,OAAM,OAAO,KAAK,CAAC;AAAA,EACnC,OAAO;AACL,QAAI,CAAC,MAAM,IAAI,QAAQ,EAAG,OAAM,KAAK,QAAQ;AAC7C,UAAM,IAAI,UAAU,KAAK;AAAA,EAC3B;AACA,SAAO,oBAAoB,OAAO,KAAK;AACzC;;;ADjCO,SAAS,oBAAoB,KAGlC;AACA,QAAM,SAAS,YAAY,GAAG;AAC9B,QAAM,mBAAmB,wBAAwB,KAAK,MAAM;AAC5D,MAAI,kBAAkB;AACpB,WAAO,EAAE,UAAU,UAAU,MAAM,EAAE,UAAU,iBAAiB,MAAM;AAAA,EACxE;AACA,SAAO;AAAA,IACL,UAAU,UAAU,2CAA2C,MAAM,gBAAgB,EAAE;AAAA,IACvF,iBAAiB;AAAA,EACnB;AACF;AAEA,SAAS,uBAAuB,UAAoB,YAAoB,OAAqB;AAC3F,QAAM,UAAU,IAAI,UAAU;AAC9B,QAAM,YAAY,eAAe,CAAC,cAAc;AAC9C,cAAU,QAAQ,CAAC,SAAS;AAC1B,UAAI,KAAK,UAAU,WAAY,MAAK,QAAQ;AAAA,IAC9C,CAAC;AAAA,EACH,CAAC;AACD,aAAW,WAAW,SAAS,iBAAiB,OAAO,GAAG;AACxD,UAAM,MAAM,QAAQ,eAAe;AACnC,QAAI;AACJ,QAAI;AACF,aAAO,QAAQ,MAAM,GAAG;AAAA,IAC1B,QAAQ;AACN;AAAA,IACF;AACA,UAAM,SAAyB,CAAC;AAChC,SAAK,UAAU,CAAC,SAAS;AACvB,UAAI,CAAC,KAAK,SAAS,SAAS,OAAO,EAAG;AACtC,YAAM,cAAc,UAAU,YAAY,KAAK,QAAQ;AACvD,UAAI,gBAAgB,KAAK,SAAU;AACnC,YAAM,QAAQ,KAAK,MAAM,EAAE,UAAU,YAAY,CAAC;AAClD,aAAO,KAAK,KAAK;AAAA,IACnB,CAAC;AACD,QAAI,OAAO,SAAS,GAAG;AACrB,iBAAW,KAAK,OAAQ,MAAK,OAAO,CAAC;AACrC,cAAQ,cAAc,KAAK,SAAS;AAAA,IACtC;AAAA,EACF;AACF;AAEA,SAAS,8BAA8B,MAA0B,UAA6B;AAC5F,QAAM,UAAU,MAAM,KAAK,KAAK,iBAAiB,QAAQ,CAAC;AAC1D,MAAI,QAAQ,SAAS,EAAG,QAAO;AAQ/B,QAAM,YAAY,MAAM,KAAK,KAAK,iBAAiB,UAAU,CAAC;AAC9D,aAAW,QAAQ,WAAW;AAC5B,UAAM,QAAQ,8BAA8B,MAAM,QAAQ;AAC1D,QAAI,MAAM,SAAS,EAAG,QAAO;AAAA,EAC/B;AACA,SAAO,CAAC;AACV;AAMA,SAAS,mBAAmB,OAAuB;AACjD,SAAO,MAAM,QAAQ,OAAO,MAAM,EAAE,QAAQ,MAAM,KAAK;AACzD;AAEA,SAAS,WAAW,UAAoB,MAA8B;AACpE,MAAI;AACF,UAAM,UAAU;AAAA,MACd;AAAA,MACA,gBAAgB,mBAAmB,IAAI,CAAC;AAAA,IAC1C;AACA,QAAI,QAAQ,SAAS,GAAG;AAItB,cAAQ;AAAA,QACN,+BAA+B,IAAI,aAAa,QAAQ,MAAM;AAAA,MAChE;AAAA,IACF;AACA,WAAO,QAAQ,CAAC,KAAK;AAAA,EACvB,QAAQ;AAEN,WAAO;AAAA,EACT;AACF;AAEO,SAAS,kBACd,UACA,QACgB;AAChB,MAAI,OAAO,MAAM;AACf,UAAM,KAAK,WAAW,UAAU,OAAO,IAAI;AAC3C,QAAI,GAAI,QAAO;AAAA,EACjB;AAEA,MAAI,OAAO,IAAI;AACb,UAAM,OAAO,SAAS,eAAe,OAAO,EAAE;AAC9C,QAAI,KAAM,QAAO;AAAA,EACnB;AAEA,MAAI,CAAC,OAAO,SAAU,QAAO;AAC7B,MAAI;AACF,UAAM,UAAU,8BAA8B,UAAU,OAAO,QAAQ;AACvE,WAAO,QAAQ,OAAO,iBAAiB,CAAC,KAAK;AAAA,EAC/C,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAMO,SAAS,uBACd,QACA,SACQ;AACR,QAAM,EAAE,UAAU,gBAAgB,IAAI,oBAAoB,MAAM;AAChE,MAAI,UAAU;AACd,aAAW,UAAU,SAAS;AAC5B,UAAM,UAAU,kBAAkB,UAAU,MAAM;AAClD,QAAI,CAAC,QAAS;AACd,iCAA6B,UAAU,OAAO;AAC9C,cAAU;AAAA,EACZ;AACA,MAAI,CAAC,QAAS,QAAO;AACrB,SAAO,kBAAkB,SAAS,KAAK,aAAa,KAAK,SAAS,SAAS;AAC7E;AAEO,SAAS,sBAAsB,QAAgB,QAAsC;AAC1F,SAAO,uBAAuB,QAAQ,CAAC,MAAM,CAAC;AAChD;AAEO,SAAS,cAAc,IAA6B;AACzD,QAAM,SAAS,GAAG,eAAe,aAAa;AAC9C,SAAO,SAAS,cAAc,SAAS,GAAG,aAAa,KAAK,WAAW;AACzE;AAEO,SAAS,0BAA0B,UAAoB,OAAsB;AAClF,QAAM,gBAAgB,MAAM,aAAa,qBAAqB;AAC9D,MAAI,CAAC,cAAe;AACpB,QAAM,qBAAqB,IAAI;AAAA,IAC7B,8BAA8B,UAAU,uBAAuB,EAAE;AAAA,MAAI,CAAC,SACpE,KAAK,aAAa,qBAAqB;AAAA,IACzC;AAAA,EACF;AACA,QAAM,OAAO,GAAG,aAAa;AAC7B,MAAI,oBAAoB;AACxB,MAAI,SAAS;AACb,SAAO,mBAAmB,IAAI,iBAAiB,EAAG,qBAAoB,GAAG,IAAI,IAAI,QAAQ;AACzF,QAAM,aAAa,uBAAuB,iBAAiB;AAC7D;AAsBA,SAAS,uBAAuB,QAAqB,IAAwC;AAC3F,MAAI,GAAG,kBAAkB,OAAW,QAAO;AAC3C,MAAI;AACF,UAAM,QAAQ,OAAO,iBAAiB,GAAG,aAAa,EAAE,GAAG,cAAc,CAAC,KAAK;AAC/E,WAAO,SAAS,cAAc,KAAK,IAAI,QAAQ;AAAA,EACjD,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAkBA,SAAS,iBAAiB,QAAuB;AAC/C,QAAM,WAAW,oBAAI,IAAY;AACjC,QAAM,OAAO,OAAO,eAAe,QAAQ;AAC3C,6BAA2B,MAAM,CAAC,OAAO;AACvC,UAAM,KAAK,GAAG,aAAa,YAAY;AACvC,QAAI,GAAI,UAAS,IAAI,EAAE;AAAA,EACzB,CAAC;AACD,aAAW,MAAM,OAAO,iBAAiB,GAAG,GAAG;AAC7C,QAAI,GAAG,aAAa,YAAY,EAAG;AACnC,QAAI,cAAc,IAAI,GAAG,QAAQ,YAAY,CAAC,EAAG;AACjD,OAAG,aAAa,cAAc,SAAS,IAAI,QAAQ,CAAC;AAAA,EACtD;AACF;AAGO,SAAS,mBACd,QACA,QACA,YACA,UAC+D;AAC/D,QAAM,EAAE,UAAU,gBAAgB,IAAI,oBAAoB,MAAM;AAChE,QAAM,KAAK,kBAAkB,UAAU,MAAM;AAC7C,MAAI,CAAC,MAAM,CAAC,cAAc,EAAE,EAAG,QAAO,EAAE,MAAM,QAAQ,SAAS,MAAM;AACrE,QAAM,SAAS;AACf,QAAM,eAAe,kBAAkB,SAAS,KAAK,aAAa,KAAK,SAAS,SAAS;AAEzF,QAAM,WAAqC,CAAC;AAC5C,aAAW,MAAM,YAAY;AAC3B,UAAM,WAAW,uBAAuB,QAAQ,EAAE;AAClD,QAAI,CAAC,SAAU,QAAO,EAAE,MAAM,QAAQ,SAAS,MAAM;AACrD,aAAS,KAAK,EAAE,IAAI,QAAQ,SAAS,CAAC;AAAA,EACxC;AAEA,aAAW,EAAE,IAAI,QAAQ,SAAS,KAAK,UAAU;AAC/C,YAAQ,GAAG,MAAM;AAAA,MACf,KAAK;AAKH;AACE,gBAAM,MAAM,SAAS,aAAa,OAAO,KAAK;AAC9C,gBAAM,UAAU,qBAAqB,KAAK,GAAG,UAAU,GAAG,KAAK;AAC/D,mBAAS,aAAa,SAAS,OAAO;AAAA,QACxC;AACA;AAAA,MACF,KAAK;AACH;AACE,gBAAM,WAAW,GAAG,SAAS,WAAW,OAAO,IAAI,GAAG,WAAW,QAAQ,GAAG,QAAQ;AACpF,cAAI,GAAG,SAAS,MAAM;AACpB,qBAAS,aAAa,UAAU,GAAG,KAAK;AAAA,UAC1C,OAAO;AACL,qBAAS,gBAAgB,QAAQ;AAAA,UACnC;AAAA,QACF;AACA;AAAA,MACF,KAAK;AACH,YAAI,CAAC,uBAAuB,GAAG,QAAQ,EAAG;AAC1C,YAAI,GAAG,SAAS,MAAM;AACpB,cAAI,CAAC,qBAAqB,GAAG,UAAU,GAAG,KAAK,EAAG;AAClD,mBAAS,aAAa,GAAG,UAAU,GAAG,KAAK;AAAA,QAC7C,OAAO;AACL,mBAAS,gBAAgB,GAAG,QAAQ;AAAA,QACtC;AACA;AAAA,MACF,KAAK;AACH,YAAI,SAAS,aAAa,IAAI,KAAK,CAAC,GAAG,MAAO;AAC9C,iBAAS,aAAa,MAAM,aAAa,UAAU,GAAG,OAAO,QAAQ,CAAC;AACtE;AAAA,MACF,KAAK;AACH,YAAI,GAAG,SAAS,MAAM;AACpB,gBAAM,QAAQ,SAAS,SAAS,WAAW,IAAI,SAAS,oBAAoB;AAC5E,gBAAM,aAAa,SAAS,cAAc,KAAK,IAAI,QAAQ;AAC3D,qBAAW,cAAc,GAAG;AAAA,QAC9B;AACA;AAAA;AAAA;AAAA;AAAA;AAAA,MAKF,KAAK;AACH,YAAI,GAAG,SAAS,MAAM;AACpB,mBAAS,YAAY,GAAG;AACxB,mCAAyB,QAAQ;AACjC,2BAAiB,QAAQ;AAAA,QAC3B;AACA;AAAA,IACJ;AAAA,EACF;AAEA,QAAM,OAAO,kBAAkB,SAAS,KAAK,aAAa,KAAK,SAAS,SAAS;AACjF,QAAM,YAAY,OAAO,aAAa,IAAI;AAC1C,MAAI,SAAS,aAAc,QAAO,EAAE,MAAM,QAAQ,SAAS,MAAM,UAAU;AAC3E,SAAO,EAAE,MAAM,YAAY,IAAI,GAAG,SAAS,MAAM,UAAU;AAC7D;AAEO,SAAS,aACd,UACA,MACA,UACQ;AACR,MAAI,KAAK;AACT,MAAI,SAAS;AACb,SAAO,SAAS,eAAe,EAAE,KAAK,UAAU,IAAI,EAAE,EAAG,MAAK,GAAG,IAAI,IAAI,QAAQ;AACjF,SAAO;AACT;AAGO,SAAS,sBACd,QACA,SACW;AACX,QAAM,EAAE,SAAS,IAAI,oBAAoB,MAAM;AAC/C,SAAO,QAAQ,IAAI,CAAC,WAAW;AAC7B,QAAI,CAAC,OAAO,MAAM,CAAC,OAAO,QAAQ,CAAC,OAAO,SAAU,QAAO;AAC3D,UAAM,KAAK,kBAAkB,UAAU,MAAM;AAC7C,WAAO,MAAM,QAAQ,cAAc,EAAE;AAAA,EACvC,CAAC;AACH;AAEO,SAAS,qBAAqB,QAAgB,QAAuC;AAC1F,SAAO,sBAAsB,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK;AACvD;AAQA,SAAS,qBAAqB,IAG5B;AACA,QAAM,SAAS,eAAe,EAAE;AAChC,SAAO,EAAE,OAAO,OAAO,SAAS,GAAG,UAAU,OAAO,YAAY,EAAE;AACpE;AAEA,SAAS,mBACP,IACA,OACA,UACA,YACM;AACN,kBAAgB,IAAI;AAAA,IAClB,OAAO,KAAK,MAAM,QAAQ,GAAI,IAAI;AAAA,IAClC,UAAU,KAAK,MAAM,WAAW,GAAI,IAAI;AAAA,IACxC,GAAI,cAAc,OAAO,EAAE,WAAW,IAAI,CAAC;AAAA,EAC7C,CAAC;AACH;AAGO,SAAS,mBACd,QACA,QACA,WACA,OACA,gBAYoB;AACpB,QAAM,EAAE,UAAU,gBAAgB,IAAI,oBAAoB,MAAM;AAChE,QAAM,KAAK,kBAAkB,UAAU,MAAM;AAC7C,MAAI,CAAC,MAAM,CAAC,cAAc,EAAE,EAAG,QAAO,EAAE,MAAM,QAAQ,SAAS,OAAO,OAAO,KAAK;AAElF,QAAM,SAAS,qBAAqB,EAAE;AACtC,MAAI,EAAE,OAAO,SAAS,IAAI;AAK1B,MAAI,YAAY,KAAK,kBAAkB,eAAe,WAAW,GAAG;AAClE,YAAQ,eAAe;AACvB,eAAW,eAAe;AAAA,EAC5B;AACA,MAAI,YAAY,KAAK,aAAa,SAAS,aAAa,QAAQ,UAAU;AACxE,WAAO,EAAE,MAAM,QAAQ,SAAS,OAAO,OAAO,KAAK;AAAA,EACrD;AAEA,UAAQ,aAAa,UAAU,KAAK;AAEpC,QAAM,gBAAgB,YAAY;AAClC,QAAM,iBAAiB,WAAW;AAElC,QAAM,QAAQ,GAAG,UAAU,IAAI;AAC/B,MAAI,CAAC,cAAc,KAAK,EAAG,QAAO,EAAE,MAAM,QAAQ,SAAS,OAAO,OAAO,KAAK;AAC9E,QAAM,aAAa,MAAM,KAAK;AAC9B,4BAA0B,UAAU,KAAK;AACzC,QAAM,gBAAgB,YAAY;AAGlC,aAAW,QAAQ,MAAM,iBAAiB,cAAc,EAAG,MAAK,gBAAgB,YAAY;AAC5F,qBAAmB,OAAO,WAAW,gBAAgB,gBAAgB,KAAK;AAQ1E,QAAM,oBAAoB,GAAG,aAAa,qBAAqB,IAC3D,wBACA,GAAG,aAAa,kBAAkB,IAChC,qBACA,gBAAgB,qBACd,wBACA,GAAG,QAAQ,cAAc,IACvB,qBACA;AACV,MAAI,mBAAmB;AACrB,UAAM,WAAW,CAAC,SAAiB,GAAG,aAAa,IAAI;AACvD,UAAM,eAAe,GAAG,aAAa,iBAAiB;AACtD,UAAM,cACJ,iBAAiB,OACb,uBAAuB,QAAQ,IAC9B,gBAAgB,iBAAiB;AACxC,UAAM,OAAO,iBAAiB,UAAU,gBAAgB,YAAY;AACpE,QAAI,iBAAiB,QAAQ,OAAO,YAAY,MAAM;AACpD,SAAG,aAAa,mBAAmB,OAAO,KAAK,MAAM,cAAc,GAAI,IAAI,GAAI,CAAC;AAClF,UAAM;AAAA,MACJ;AAAA,MACA,OAAO,KAAK,OAAO,cAAc,gBAAgB,QAAQ,GAAI,IAAI,GAAI;AAAA,IACvE;AAAA,EACF;AAGA,QAAM,aAAa,GAAG,aAAa,IAAI;AACvC,MAAI,YAAY;AACd,2BAAuB,UAAU,YAAY,KAAK;AAAA,EACpD;AAIA,qBAAmB,IAAI,OAAO,eAAe,gBAAgB,KAAK;AAGlE,MAAI,GAAG,aAAa;AAClB,OAAG,cAAe,aAAa,OAAO,GAAG,WAAW;AAAA,EACtD,OAAO;AACL,OAAG,cAAe,YAAY,KAAK;AAAA,EACrC;AAEA,QAAM,OAAO,kBAAkB,SAAS,KAAK,aAAa,KAAK,SAAS,SAAS;AACjF,SAAO;AAAA;AAAA;AAAA,IAGL,MAAM,YAAY,IAAI;AAAA,IACtB,SAAS;AAAA,IACT;AAAA,EACF;AACF;AAyCA,SAAS,iBAAiB,IAAa,UAA0B;AAC/D,QAAM,SAAS,cAAc,EAAE,IAAI,GAAG,aAAa,OAAO,IAAI,SAAS;AACvE,QAAM,EAAE,MAAM,IAAI,gBAAgB,KAAK;AACvC,QAAM,MAAM,MAAM,IAAI,QAAQ;AAC9B,MAAI,CAAC,IAAK,QAAO;AACjB,QAAM,IAAI,WAAW,GAAG;AACxB,SAAO,OAAO,SAAS,CAAC,IAAI,IAAI;AAClC;AAEA,SAAS,iBAAiB,IAAiB,MAAc,KAAmB;AAC1E,MAAI,QAAQ,GAAG,aAAa,OAAO,KAAK;AACxC,UAAQ,qBAAqB,OAAO,QAAQ,GAAG,IAAI,IAAI;AACvD,UAAQ,qBAAqB,OAAO,OAAO,GAAG,GAAG,IAAI;AACrD,KAAG,aAAa,SAAS,KAAK;AAChC;AAGA,SAAS,iBAAiB,UAAoB,SAAyB;AACrE,QAAM,OACJ,QACG,KAAK,EACL,YAAY,EACZ,QAAQ,eAAe,GAAG,EAE1B,QAAQ,UAAU,EAAE,KAAK;AAC9B,SAAO,aAAa,UAAU,IAAI;AACpC;AAGO,SAAS,mBACd,QACA,SACA,SACA,MACA,SACoB;AACpB,QAAM,EAAE,UAAU,gBAAgB,IAAI,oBAAoB,MAAM;AAChE,MAAI,QAAQ,WAAW,GAAG;AACxB,WAAO,EAAE,MAAM,QAAQ,SAAS,OAAO,SAAS,MAAM,OAAO,aAAa;AAAA,EAC5E;AAGA,QAAM,MAAqB,CAAC;AAC5B,QAAM,OAAO,oBAAI,IAAa;AAC9B,aAAW,UAAU,SAAS;AAC5B,UAAM,KAAK,kBAAkB,UAAU,MAAM;AAC7C,QAAI,CAAC,MAAM,CAAC,cAAc,EAAE,KAAK,KAAK,IAAI,EAAE,EAAG;AAC/C,SAAK,IAAI,EAAE;AACX,QAAI,KAAK,EAAE;AAAA,EACb;AACA,MAAI,IAAI,WAAW,GAAG;AACpB,WAAO,EAAE,MAAM,QAAQ,SAAS,OAAO,SAAS,MAAM,OAAO,qBAAqB;AAAA,EACpF;AAGA,QAAM,SAAS,IAAI,CAAC,GAAG;AACvB,MAAI,CAAC,UAAU,IAAI,KAAK,CAAC,OAAO,GAAG,kBAAkB,MAAM,GAAG;AAC5D,WAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,EACF;AAGA,QAAM,YAAY,IAAI,IAAa,GAAG;AACtC,QAAM,UAAU,MAAM,KAAK,OAAO,QAAQ,EAAE,OAAO,CAAC,MAAwB,UAAU,IAAI,CAAC,CAAC;AAG5F,QAAM,aAAa,oBAAI,IAA4D;AACnF,aAAW,UAAU,SAAS;AAC5B,UAAM,KAAK,kBAAkB,UAAU,OAAO,MAAM;AACpD,QAAI,GAAI,YAAW,IAAI,IAAI,EAAE,MAAM,OAAO,MAAM,KAAK,OAAO,KAAK,OAAO,OAAO,MAAM,CAAC;AAAA,EACxF;AAEA,QAAM,UAAU,SAAS,cAAc,KAAK;AAC5C,UAAQ,aAAa,iBAAiB,OAAO;AAI7C,UAAQ,aAAa,MAAM,iBAAiB,UAAU,OAAO,CAAC;AAO9D,QAAM,iBAAiB,QACpB;AAAA,IAAI,CAAC,OACJ,OAAO;AAAA,MACL,gBAAgB,GAAG,aAAa,OAAO,KAAK,EAAE,EAAE,MAAM,IAAI,SAAS,KAAK;AAAA,MACxE;AAAA,IACF;AAAA,EACF,EACC,OAAO,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;AACnC,QAAM,OAAO,eAAe,SAAS,IAAI,KAAK,IAAI,GAAG,cAAc,IAAI;AACvE,UAAQ;AAAA,IACN;AAAA,IACA,6BAA6B,KAAK,IAAI,YAAY,KAAK,GAAG,cAAc,KAAK,KAAK,eAAe,KAAK,MAAM,QACzG,SAAS,OAAO,cAAc,IAAI,KAAK;AAAA,EAC5C;AAGA,SAAO,aAAa,SAAS,QAAQ,QAAQ,SAAS,CAAC,KAAK,IAAI;AAChE,aAAW,MAAM,SAAS;AACxB,UAAM,SAAS,WAAW,IAAI,EAAE;AAChC,QAAI,OAAQ,kBAAiB,IAAI,OAAO,MAAM,OAAO,GAAG;AACxD,QAAI,QAAQ,SAAS,KAAM,iBAAgB,IAAI,EAAE,YAAY,KAAK,MAAM,OAAO,KAAK,EAAE,CAAC;AACvF,YAAQ,YAAY,EAAE;AAAA,EACxB;AAEA,SAAO;AAAA,IACL,MAAM,kBAAkB,SAAS,KAAK,aAAa,KAAK,SAAS,SAAS;AAAA,IAC1E,SAAS;AAAA,IACT;AAAA,EACF;AACF;AAUA,SAAS,mBACP,UACA,OACA,aACsB;AACtB,QAAM,YAAY,oBAAI,IAAqB;AAC3C,aAAW,SAAS,aAAa;AAC/B,UAAM,KAAK,kBAAkB,UAAU,MAAM,MAAM;AACnD,QAAI,MAAM,MAAM,SAAS,EAAE,KAAK,MAAM,SAAS,KAAM,WAAU,IAAI,IAAI,MAAM,KAAK;AAAA,EACpF;AACA,SAAO;AACT;AAKA,SAAS,sBACP,OACA,QACA,OACA,MACA,WAC+C;AAC/C,QAAM,UAAyD,CAAC;AAChE,aAAW,SAAS,MAAM,KAAK,MAAM,QAAQ,GAAG;AAC9C,QAAI,cAAc,KAAK,GAAG;AACxB,YAAM,UAAU,iBAAiB,OAAO,MAAM,IAAI;AAClD,YAAM,SAAS,iBAAiB,OAAO,KAAK,IAAI;AAChD,uBAAiB,OAAO,SAAS,MAAM;AACvC,YAAM,QAAQ,UAAU,IAAI,KAAK;AACjC,UAAI,SAAS,KAAM,iBAAgB,OAAO,EAAE,YAAY,KAAK,MAAM,KAAK,EAAE,CAAC;AAC3E,UAAI,MAAM,IAAI;AACZ,gBAAQ,KAAK;AAAA,UACX,IAAI,MAAM;AAAA,UACV,IAAI,UAAU,iBAAiB,OAAO,OAAO,IAAI;AAAA,UACjD,IAAI,SAAS,iBAAiB,OAAO,QAAQ,IAAI;AAAA,QACnD,CAAC;AAAA,MACH;AAAA,IACF;AACA,WAAO,aAAa,OAAO,KAAK;AAAA,EAClC;AACA,SAAO;AACT;AAEO,SAAS,uBACd,QACA,aACA,cAAkC,CAAC,GACb;AACtB,QAAM,EAAE,UAAU,gBAAgB,IAAI,oBAAoB,MAAM;AAChE,QAAM,QAAQ,kBAAkB,UAAU,WAAW;AACrD,MAAI,CAAC,SAAS,CAAC,cAAc,KAAK,EAAG,QAAO,EAAE,MAAM,QAAQ,WAAW,MAAM;AAK7E,MAAI,CAAC,MAAM,aAAa,eAAe,EAAG,QAAO,EAAE,MAAM,QAAQ,WAAW,MAAM;AAElF,QAAM,SAAS,MAAM;AACrB,MAAI,CAAC,OAAQ,QAAO,EAAE,MAAM,QAAQ,WAAW,MAAM;AAErD,QAAM,YAAY,mBAAmB,UAAU,OAAO,WAAW;AAGjE,QAAM,QAAQ,iBAAiB,OAAO,MAAM;AAC5C,QAAM,OAAO,iBAAiB,OAAO,KAAK;AAC1C,QAAM,cAAc;AAAA,IAClB,IAAI,QAAQ,iBAAiB,OAAO,OAAO,IAAI;AAAA,IAC/C,IAAI,OAAO,iBAAiB,OAAO,QAAQ,IAAI;AAAA,EACjD;AAEA,QAAM,UAAU,sBAAsB,OAAO,QAAQ,OAAO,MAAM,SAAS;AAC3E,QAAM,UAAU,MAAM,MAAM;AAC5B,QAAM,OAAO;AAEb,SAAO;AAAA,IACL,MAAM,kBAAkB,SAAS,KAAK,aAAa,KAAK,SAAS,SAAS;AAAA,IAC1E,WAAW;AAAA,IACX,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,EACF;AACF;AAGO,SAAS,wBAAwB,QAAgB,cAAyC;AAC/F,QAAM,EAAE,UAAU,gBAAgB,IAAI,oBAAoB,MAAM;AAChE,QAAM,iBAAiB,CAAC,OAAe;AACrC,UAAM,KAAK,SAAS,eAAe,EAAE;AACrC,WAAO,QAAQ,IAAI,aAAa,WAAW,KAAK,IAAI,aAAa,kBAAkB,CAAC;AAAA,EACtF;AACA,MAAI,CAAC,aAAa,KAAK,cAAc,GAAG;AACtC,WAAO;AAAA,EACT;AACA,oBAAkB,UAAU,YAAY;AACxC,SAAO,kBAAkB,SAAS,KAAK,aAAa,KAAK,SAAS,SAAS;AAC7E;","names":[]}

package/dist/helpers/sourceMutation.d.ts

@@ -18,16 +18,19 @@ declare function removeElementFromHtml(source: string, target: SourceMutationTar
 declare function isHTMLElement(el: Node): el is HTMLElement;
 declare function dedupeClonedCompositionId(document: Document, clone: Element): void;
 interface PatchOperation {
-    type: "inline-style" | "attribute" | "html-attribute" | "text-content" | "rich-text";
+    /** `ensure-id` keeps the element's id, else writes `value` made unique in this file and `takenIds`. */
+    type: "inline-style" | "attribute" | "html-attribute" | "text-content" | "rich-text" | "ensure-id";
     property: string;
     value: string | null;
     childSelector?: string;
     childIndex?: number;
 }
-declare function patchElementInHtml(source: string, target: SourceMutationTarget, operations: PatchOperation[]): {
+declare function patchElementInHtml(source: string, target: SourceMutationTarget, operations: PatchOperation[], takenIds?: ReadonlySet<string>): {
     html: string;
     matched: boolean;
+    elementId?: string | null;
 };
+declare function nextUniqueId(document: Document, base: string, takenIds?: ReadonlySet<string>): string;
 /** Whether each target exists in `source`; the document is parsed once however many targets ask. */
 declare function probeElementsInSource(source: string, targets: readonly SourceMutationTarget[]): boolean[];
 declare function probeElementInSource(source: string, target: SourceMutationTarget): boolean;
@@ -94,4 +97,4 @@ declare function unwrapElementsFromHtml(source: string, groupTarget: SourceMutat
 /** After a cut, give each linked group's right halves their own `data-link` and `data-sync-origin`. */
 declare function relinkSplitHalvesInHtml(source: string, rightHalfIds: readonly string[]): string;
 
-export { type ElementRebase, type PatchOperation, type SourceMutationTarget, type SplitElementResult, type UnwrapChildTrack, type UnwrapElementsResult, type WrapElementsResult, dedupeClonedCompositionId, findTargetElement, isHTMLElement, parseSourceDocument, patchElementInHtml, probeElementInSource, probeElementsInSource, relinkSplitHalvesInHtml, removeElementFromHtml, removeElementsFromHtml, splitElementInHtml, unwrapElementsFromHtml, wrapElementsInHtml };
+export { type ElementRebase, type PatchOperation, type SourceMutationTarget, type SplitElementResult, type UnwrapChildTrack, type UnwrapElementsResult, type WrapElementsResult, dedupeClonedCompositionId, findTargetElement, isHTMLElement, nextUniqueId, parseSourceDocument, patchElementInHtml, probeElementInSource, probeElementsInSource, relinkSplitHalvesInHtml, removeElementFromHtml, removeElementsFromHtml, splitElementInHtml, unwrapElementsFromHtml, wrapElementsInHtml };

package/dist/helpers/sourceMutation.js

@@ -2,6 +2,7 @@ import {
   dedupeClonedCompositionId,
   findTargetElement,
   isHTMLElement,
+  nextUniqueId,
   parseSourceDocument,
   patchElementInHtml,
   probeElementInSource,
@@ -12,11 +13,12 @@ import {
   splitElementInHtml,
   unwrapElementsFromHtml,
   wrapElementsInHtml
-} from "../chunk-G4YB7Q2Q.js";
+} from "../chunk-CLWFZQUU.js";
 export {
   dedupeClonedCompositionId,
   findTargetElement,
   isHTMLElement,
+  nextUniqueId,
   parseSourceDocument,
   patchElementInHtml,
   probeElementInSource,

package/dist/index.js

@@ -6,6 +6,7 @@ import {
   dedupeClonedCompositionId,
   findTargetElement,
   isHTMLElement,
+  nextUniqueId,
   parseSourceDocument,
   patchElementInHtml,
   probeElementInSource,
@@ -16,7 +17,7 @@ import {
   splitElementInHtml,
   unwrapElementsFromHtml,
   wrapElementsInHtml
-} from "./chunk-G4YB7Q2Q.js";
+} from "./chunk-CLWFZQUU.js";
 import {
   isCompositionSource,
   stampProjectHfIds
@@ -1002,6 +1003,21 @@ function foldElementPatches(originalContent, patches) {
   return { content, matched };
 }
 var PATCH_CONFLICT_ATTEMPTS = 3;
+var ID_ATTRIBUTE = /[\s"'/]id\s*=\s*(?=(?:"([^"]*)"|'([^']*)'|([^\s"'=<>`]+)))/gi;
+function projectHtmlIds(projectDir) {
+  const ids = /* @__PURE__ */ new Set();
+  for (const rel of walkDir(projectDir)) {
+    if (!rel.endsWith(".html") || isInHiddenOrVendorDir(rel)) continue;
+    let html;
+    try {
+      html = readFileSync3(join5(projectDir, rel), "utf-8");
+    } catch {
+      continue;
+    }
+    for (const m of html.matchAll(ID_ATTRIBUTE)) ids.add(m[1] ?? m[2] ?? m[3] ?? "");
+  }
+  return ids;
+}
 function commitElementPatchBatches(projectDir, batches, writeFile = (path, content) => replaceFileAtomically2(path, content, statSync3(path).mode), requestToken) {
   for (let attempt = 1; ; attempt += 1) {
     try {
@@ -2893,7 +2909,13 @@ function registerFileRoutes(api, adapter) {
       } catch {
         return c.json({ error: "not found" }, 404);
       }
-      const element = patchElementInHtml(originalContent, parsed.target, parsed.body.operations);
+      const takenIds = parsed.body.operations.some((op) => op.type === "ensure-id") ? projectHtmlIds(ctx.project.dir) : void 0;
+      const element = patchElementInHtml(
+        originalContent,
+        parsed.target,
+        parsed.body.operations,
+        takenIds
+      );
       const { matched } = element;
       const patched = matched && isStudioFontFaceCss(fontFaceCss) ? ensureStudioFontFaceCss(element.html, fontFaceCss) : element.html;
       if (patched === originalContent) {
@@ -2903,6 +2925,7 @@ function registerFileRoutes(api, adapter) {
           ok: true,
           changed: false,
           matched,
+          elementId: element.elementId,
           content: originalContent,
           path: ctx.filePath,
           version: version2
@@ -2926,6 +2949,7 @@ function registerFileRoutes(api, adapter) {
         ok: true,
         changed: true,
         matched,
+        elementId: element.elementId,
         content: patched,
         path: ctx.filePath,
         version,
@@ -4977,11 +5001,6 @@ function spans(el, time) {
   if (start === null || duration === null) return false;
   return time > start + EPSILON && time < start + duration - EPSILON;
 }
-function uniqueId(document, base) {
-  let id = base;
-  for (let n = 2; document.getElementById(id); n++) id = `${base}-${n}`;
-  return id;
-}
 function shiftTracks(document, tracks, from, by) {
   for (const el of document.querySelectorAll("[data-start]")) {
     if (el.hasAttribute("data-composition-id") || !tracks.has(trackOf(el))) continue;
@@ -5065,7 +5084,7 @@ function applyFreezeFrameToHtml(html, input) {
   shiftTracks(document, tracks, input.playhead, hold);
   const leftHalf = findTargetElement(document, input.target);
   if (!leftHalf?.parentElement) return null;
-  const freezeId = uniqueId(document, `${video.getAttribute("id") || "clip"}-freeze`);
+  const freezeId = nextUniqueId(document, `${video.getAttribute("id") || "clip"}-freeze`);
   const still = buildStill(document, leftHalf, {
     id: freezeId,
     imageSrc: input.imageSrc,
@@ -6145,23 +6164,17 @@ function duplicateElementInHtml(source, target, newId, at) {
   if (duration === null || numericAttribute(element, "data-start") === null) {
     return { html: source, matched: false, newId: null };
   }
-  const uniqueId2 = nextUniqueId(document, newId);
+  const uniqueId = nextUniqueId(document, newId);
   rippleElements(document, element, at, duration, track);
   const clone = element.cloneNode(true);
   if (!isHTMLElement(clone)) return { html: source, matched: false, newId: null };
-  clone.setAttribute("id", uniqueId2);
+  clone.setAttribute("id", uniqueId);
   dedupeClonedCompositionId(document, clone);
   stripStableIds(clone);
   clone.setAttribute("data-start", String(at));
   element.parentElement.insertBefore(clone, element.nextSibling);
   const html = wrappedFragment ? document.body.innerHTML || "" : document.toString();
-  return { html: ensureHfIds4(html), matched: true, newId: uniqueId2 };
-}
-function nextUniqueId(document, newId) {
-  let uniqueId2 = newId;
-  let suffix = 2;
-  while (document.getElementById(uniqueId2)) uniqueId2 = `${newId}-${suffix++}`;
-  return uniqueId2;
+  return { html: ensureHfIds4(html), matched: true, newId: uniqueId };
 }
 function rippleElements(document, element, at, duration, track) {
   for (const candidate of Array.from(document.querySelectorAll("[data-start][data-duration]"))) {