@popcraft/cli 0.43.1 → 0.44.0

package/dist/popcraft.mjs

@@ -1196,7 +1196,7 @@ function operations(spec = openapi) {
 }
 async function call(target2, method, path, opts = {}) {
   const qs = new URLSearchParams(opts.query ?? {}).toString();
-  const headers = { "user-agent": `popcraft-cli/${"0.43.1"}`, ...opts.headers };
+  const headers = { "user-agent": `popcraft-cli/${"0.44.0"}`, ...opts.headers };
   if (target2.token) headers.authorization = `Bearer ${target2.token}`;
   if (opts.contentType) headers["content-type"] = opts.contentType;
   try {
@@ -2258,10 +2258,10 @@ function substituteTokens(node2, pattern, resolve7) {
     return out;
   });
   if (!edits.length) return node2;
-  const patch = { characters };
-  if (n.styledSegments) patch.styledSegments = shiftRanges(n.styledSegments, edits);
-  if (n.paragraphs) patch.paragraphs = shiftRanges(n.paragraphs, edits);
-  return { ...node2, ...patch };
+  const patch2 = { characters };
+  if (n.styledSegments) patch2.styledSegments = shiftRanges(n.styledSegments, edits);
+  if (n.paragraphs) patch2.paragraphs = shiftRanges(n.paragraphs, edits);
+  return { ...node2, ...patch2 };
 }
 var init_text_tokens = __esm({
   "lib/document/text-tokens.ts"() {
@@ -5577,9 +5577,9 @@ function instanceChildPatch(nodes, virtualId, props) {
     if (norm3(rest[k2]) === norm3(child[k2])) delete rest[k2];
   }
   if (Object.keys(rest).length) overrides2[v.childId] = { ...overrides2[v.childId] || {}, ...rest };
-  const patch = { overrides: overrides2 };
-  if (componentProperties !== host.componentProperties) patch.componentProperties = componentProperties;
-  return { hostId: v.hostId, patch };
+  const patch2 = { overrides: overrides2 };
+  if (componentProperties !== host.componentProperties) patch2.componentProperties = componentProperties;
+  return { hostId: v.hostId, patch: patch2 };
 }
 var NO_DEFS, defaultsMemo, boundTracks, BOUND;
 var init_instances = __esm({
@@ -5652,7 +5652,7 @@ function materialise(nodes, hostId, root2) {
     }
     return ids2;
   };
-  const frame2 = {
+  const frame3 = {
     ...root2,
     id: hostId,
     parentId: null,
@@ -5663,8 +5663,8 @@ function materialise(nodes, hostId, root2) {
     layoutSizingHorizontal: host.layoutSizingHorizontal ?? root2.layoutSizingHorizontal,
     layoutSizingVertical: root2.layoutSizingVertical
   };
-  out[hostId] = frame2;
-  frame2.childIds = walk4(hostId, host, root2.childIds ?? []);
+  out[hostId] = frame3;
+  frame3.childIds = walk4(hostId, host, root2.childIds ?? []);
   return out;
 }
 function layoutOf(nodes, hostId) {
@@ -6879,9 +6879,9 @@ function foldGuides(preset, width, height) {
   const span3 = preset.folds.axis === "X" ? width : height;
   return preset.folds.at.map((t3) => ({ id: v4_default(), axis: preset.folds.axis, pos: Math.round(t3 * span3), kind: "FOLD" }));
 }
-function foldGuidesAt(preset, frame2) {
+function foldGuidesAt(preset, frame3) {
   if (!preset?.folds) return [];
-  return foldGuides(preset, frame2.width, frame2.height).map((g) => ({ ...g, pos: g.pos + (g.axis === "X" ? frame2.x : frame2.y) }));
+  return foldGuides(preset, frame3.width, frame3.height).map((g) => ({ ...g, pos: g.pos + (g.axis === "X" ? frame3.x : frame3.y) }));
 }
 function createPrintPage(doc2, pageId2, opts = {}) {
   const existing = listPrintPages(doc2, pageId2);
@@ -6889,7 +6889,7 @@ function createPrintPage(doc2, pageId2, opts = {}) {
   const size6 = preset ? presetPx(preset) : { width: doc2.settings?.pageSize?.width ?? 816, height: doc2.settings?.pageSize?.height ?? 1056 };
   const index2 = existing.length;
   const last3 = existing[existing.length - 1];
-  const frame2 = createFrame({
+  const frame3 = createFrame({
     name: opts.name ?? `Page ${index2 + 1}`,
     ...pagePositions([...existing, size6], basePageSize(doc2, existing.length ? existing : [size6]), doc2.settings?.facingPages)[index2],
     width: size6.width,
@@ -6898,15 +6898,15 @@ function createPrintPage(doc2, pageId2, opts = {}) {
     clipsContent: true,
     print: { isPrintPage: true, index: index2, ...last3?.print?.masterId ? { masterId: last3.print.masterId } : {} }
   });
-  frame2.parentId = pageId2;
-  return frame2;
+  frame3.parentId = pageId2;
+  return frame3;
 }
 function createMasterPage(doc2, pageId2, opts = {}) {
   const masters = listMasterPages(doc2, pageId2);
   const preset = presetById(doc2.settings?.pageSize?.presetId);
   const size6 = preset ? presetPx(preset) : { width: doc2.settings?.pageSize?.width ?? 816, height: doc2.settings?.pageSize?.height ?? 1056 };
   const index2 = masters.length;
-  const frame2 = createFrame({
+  const frame3 = createFrame({
     name: opts.name ?? `${MASTER_NAMES[index2 % MASTER_NAMES.length]}-Master`,
     ...masterPosition(index2, size6),
     width: size6.width,
@@ -6915,8 +6915,8 @@ function createMasterPage(doc2, pageId2, opts = {}) {
     clipsContent: true,
     print: { isPrintPage: true, isMaster: true, index: index2 }
   });
-  frame2.parentId = pageId2;
-  return frame2;
+  frame3.parentId = pageId2;
+  return frame3;
 }
 function assignMaster(doc2, pageIds, masterId) {
   const patches = {};
@@ -6929,11 +6929,11 @@ function assignMaster(doc2, pageIds, masterId) {
   }
   return patches;
 }
-function effectiveMasterId(doc2, frame2) {
-  const print2 = frame2.print;
-  if (!print2 || print2.isMaster || !frame2.parentId) return void 0;
-  const pages2 = listPrintPages(doc2, frame2.parentId);
-  const index2 = pages2.findIndex((p2) => p2.id === frame2.id);
+function effectiveMasterId(doc2, frame3) {
+  const print2 = frame3.print;
+  if (!print2 || print2.isMaster || !frame3.parentId) return void 0;
+  const pages2 = listPrintPages(doc2, frame3.parentId);
+  const index2 = pages2.findIndex((p2) => p2.id === frame3.id);
   if (index2 < 0) return print2.masterId;
   if (index2 === 0 && print2.masterIdFirst && isMasterPage(doc2.nodes[print2.masterIdFirst])) return print2.masterIdFirst;
   if (doc2.settings?.facingPages && index2 >= 0) {
@@ -7018,7 +7018,7 @@ var init_print_pages = __esm({
       x: index2 * (size6.width + gutter(size6.width)),
       y: -(size6.height + 2 * gutter(size6.width))
     });
-    foldsOn = (guides, frame2) => (guides ?? []).filter((g) => g.kind === "FOLD" && (g.axis === "X" ? g.pos >= frame2.x && g.pos <= frame2.x + frame2.width : g.pos >= frame2.y && g.pos <= frame2.y + frame2.height));
+    foldsOn = (guides, frame3) => (guides ?? []).filter((g) => g.kind === "FOLD" && (g.axis === "X" ? g.pos >= frame3.x && g.pos <= frame3.x + frame3.width : g.pos >= frame3.y && g.pos <= frame3.y + frame3.height));
     MASTER_NAMES = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
   }
 });
@@ -7086,12 +7086,12 @@ function virtualRootOf(host, doc2) {
   if (!host) return void 0;
   if (host.type === "INSTANCE") return host.mainComponentId || void 0;
   if (host.type === "FRAME") {
-    const frame2 = host;
+    const frame3 = host;
     if (doc2) {
       const { effectiveMasterId: effectiveMasterId2 } = (init_print_pages(), __toCommonJS(print_pages_exports));
-      return effectiveMasterId2(doc2, frame2);
+      return effectiveMasterId2(doc2, frame3);
     }
-    return frame2.print?.masterId;
+    return frame3.print?.masterId;
   }
   return void 0;
 }
@@ -7986,13 +7986,13 @@ function createResolver(nodes, scrollState, roots) {
     const cached3 = frames.get(containerId);
     if (cached3) return cached3;
     const c2 = placementOf(containerId);
-    let frame2 = ROOT;
+    let frame3 = ROOT;
     if (c2 && c2.node.type !== "PAGE") {
       const scroll = scrollState?.[c2.node.id];
-      frame2 = scroll ? place(outerOf(c2.node), c2.node, scroll) : c2.p;
+      frame3 = scroll ? place(outerOf(c2.node), c2.node, scroll) : c2.p;
     }
-    frames.set(containerId, frame2);
-    return frame2;
+    frames.set(containerId, frame3);
+    return frame3;
   }
   return {
     matrixOf: (id3) => placementOf(id3)?.p.m ?? IDENTITY,
@@ -8275,8 +8275,8 @@ function getWorldRenderBounds(document2, nodeId2) {
     if (clips2 || node2.type === "BOOLEAN") return;
     const scene2 = scene3dOf(node2);
     if (scene2) {
-      const frame2 = sceneFrame(scene2, node2.width, node2.height);
-      const toWorld = mul4(mul4(fromAffine(m), frame2.projection), frame2.view);
+      const frame3 = sceneFrame(scene2, node2.width, node2.height);
+      const toWorld = mul4(mul4(fromAffine(m), frame3.projection), frame3.view);
       for (const card of sceneLayers(document2.nodes, id3)) {
         const pad = bleedFor(card.node);
         for (const [x2, y] of projectRect(mul4(toWorld, card.model), -pad, -pad, card.node.width + pad, card.node.height + pad)) {
@@ -33419,6 +33419,19 @@ var init_en2 = __esm({
       "docsSearch.placeholder": "Search guides, reference and file formats\u2026",
       "docsSearch.title": "Search the docs",
       "docsSearch.unavailable": "Search isn\u2019t available right now. Reload the page to try again.",
+      "documentLoader.close": "Close",
+      "documentLoader.errorFailed": "Something went wrong while opening this file. Nothing was lost \u2014 try again.",
+      "documentLoader.errorTimeout": "This is taking much longer than it should. Check your connection and try again.",
+      "documentLoader.errorTitle": "Couldn\u2019t open",
+      "documentLoader.opening": "Opening {name}",
+      "documentLoader.openingLabel": "Opening",
+      "documentLoader.progress": "Progress",
+      "documentLoader.retry": "Retry",
+      "documentLoader.stageDownload": "Downloading",
+      "documentLoader.stageFirstFrame": "First frame",
+      "documentLoader.stageMedia": "Fonts and media",
+      "documentLoader.stagePrepare": "Preparing",
+      "documentLoader.untitled": "Your file",
       "dopesheet.keyframe": "{n} keyframe{value} \xB7 {formatTime}",
       "dopesheet.keyInspector": "Key inspector",
       "dopesheet.keyMenu": "Key menu",
@@ -34547,7 +34560,6 @@ var init_en2 = __esm({
       "newFileDialog.manageTemplate": "Manage template",
       "newFileDialog.newFile": "New file",
       "newFileDialog.noTemplatesMatch": "No templates match.",
-      "newFileDialog.openingName": "Opening {name}\u2026",
       "newFileDialog.pageSizes": "Page sizes",
       "newFileDialog.public": "Public",
       "newFileDialog.publishToMarketplace": "Publish to marketplace",
@@ -39325,7 +39337,6 @@ var require_es = __commonJS({
       "newFileDialog.manageTemplate": "Administrar plantilla",
       "newFileDialog.newFile": "Nuevo archivo",
       "newFileDialog.noTemplatesMatch": "Ninguna plantilla coincide.",
-      "newFileDialog.openingName": "Abriendo {name}\u2026",
       "newFileDialog.pageSizes": "Tama\xF1os de p\xE1gina",
       "newFileDialog.public": "P\xFAblico",
       "newFileDialog.publishToMarketplace": "Publicar en el marketplace",
@@ -44103,7 +44114,6 @@ var require_fr = __commonJS({
       "newFileDialog.manageTemplate": "G\xE9rer le mod\xE8le",
       "newFileDialog.newFile": "Nouveau fichier",
       "newFileDialog.noTemplatesMatch": "Aucun mod\xE8le ne correspond.",
-      "newFileDialog.openingName": "Ouverture de {name}\u2026",
       "newFileDialog.pageSizes": "Tailles de page",
       "newFileDialog.public": "Public",
       "newFileDialog.publishToMarketplace": "Publier sur la place de march\xE9",
@@ -48881,7 +48891,6 @@ var require_de = __commonJS({
       "newFileDialog.manageTemplate": "Vorlage verwalten",
       "newFileDialog.newFile": "Neue Datei",
       "newFileDialog.noTemplatesMatch": "Keine Vorlagen gefunden.",
-      "newFileDialog.openingName": "{name} wird ge\xF6ffnet\u2026",
       "newFileDialog.pageSizes": "Seitengr\xF6\xDFen",
       "newFileDialog.public": "\xD6ffentlich",
       "newFileDialog.publishToMarketplace": "Auf dem Marktplatz ver\xF6ffentlichen",
@@ -53659,7 +53668,6 @@ var require_it = __commonJS({
       "newFileDialog.manageTemplate": "Gestisci modello",
       "newFileDialog.newFile": "Nuovo file",
       "newFileDialog.noTemplatesMatch": "Nessun modello corrispondente.",
-      "newFileDialog.openingName": "Apertura di {name}\u2026",
       "newFileDialog.pageSizes": "Dimensioni pagina",
       "newFileDialog.public": "Pubblico",
       "newFileDialog.publishToMarketplace": "Pubblica sul marketplace",
@@ -58437,7 +58445,6 @@ var require_pt_BR = __commonJS({
       "newFileDialog.manageTemplate": "Gerenciar modelo",
       "newFileDialog.newFile": "Novo arquivo",
       "newFileDialog.noTemplatesMatch": "Nenhum modelo corresponde.",
-      "newFileDialog.openingName": "Abrindo {name}\u2026",
       "newFileDialog.pageSizes": "Tamanhos de p\xE1gina",
       "newFileDialog.public": "P\xFAblico",
       "newFileDialog.publishToMarketplace": "Publicar no marketplace",
@@ -63215,7 +63222,6 @@ var require_ja = __commonJS({
       "newFileDialog.manageTemplate": "\u30C6\u30F3\u30D7\u30EC\u30FC\u30C8\u3092\u7BA1\u7406",
       "newFileDialog.newFile": "\u65B0\u898F\u30D5\u30A1\u30A4\u30EB",
       "newFileDialog.noTemplatesMatch": "\u4E00\u81F4\u3059\u308B\u30C6\u30F3\u30D7\u30EC\u30FC\u30C8\u306F\u3042\u308A\u307E\u305B\u3093\u3002",
-      "newFileDialog.openingName": "{name}\u3092\u958B\u3044\u3066\u3044\u307E\u3059\u2026",
       "newFileDialog.pageSizes": "\u30DA\u30FC\u30B8\u30B5\u30A4\u30BA",
       "newFileDialog.public": "\u516C\u958B",
       "newFileDialog.publishToMarketplace": "\u30DE\u30FC\u30B1\u30C3\u30C8\u30D7\u30EC\u30A4\u30B9\u306B\u516C\u958B",
@@ -67993,7 +67999,6 @@ var require_ko = __commonJS({
       "newFileDialog.manageTemplate": "\uD15C\uD50C\uB9BF \uAD00\uB9AC",
       "newFileDialog.newFile": "\uC0C8 \uD30C\uC77C",
       "newFileDialog.noTemplatesMatch": "\uC77C\uCE58\uD558\uB294 \uD15C\uD50C\uB9BF\uC774 \uC5C6\uC2B5\uB2C8\uB2E4.",
-      "newFileDialog.openingName": "{name} \uC5EC\uB294 \uC911\u2026",
       "newFileDialog.pageSizes": "\uD398\uC774\uC9C0 \uD06C\uAE30",
       "newFileDialog.public": "\uACF5\uAC1C",
       "newFileDialog.publishToMarketplace": "\uB9C8\uCF13\uD50C\uB808\uC774\uC2A4\uC5D0 \uAC8C\uC2DC",
@@ -72771,7 +72776,6 @@ var require_zh_CN = __commonJS({
       "newFileDialog.manageTemplate": "\u7BA1\u7406\u6A21\u677F",
       "newFileDialog.newFile": "\u65B0\u5EFA\u6587\u4EF6",
       "newFileDialog.noTemplatesMatch": "\u6CA1\u6709\u5339\u914D\u7684\u6A21\u677F\u3002",
-      "newFileDialog.openingName": "\u6B63\u5728\u6253\u5F00 {name}\u2026",
       "newFileDialog.pageSizes": "\u9875\u9762\u5C3A\u5BF8",
       "newFileDialog.public": "\u516C\u5F00",
       "newFileDialog.publishToMarketplace": "\u53D1\u5E03\u5230\u5E02\u573A",
@@ -77549,7 +77553,6 @@ var require_zh_TW = __commonJS({
       "newFileDialog.manageTemplate": "\u7BA1\u7406\u7BC4\u672C",
       "newFileDialog.newFile": "\u65B0\u589E\u6A94\u6848",
       "newFileDialog.noTemplatesMatch": "\u7121\u7B26\u5408\u7684\u7BC4\u672C\u3002",
-      "newFileDialog.openingName": "\u6B63\u5728\u958B\u555F{name}\u2026",
       "newFileDialog.pageSizes": "\u9801\u9762\u5C3A\u5BF8",
       "newFileDialog.public": "\u516C\u958B",
       "newFileDialog.publishToMarketplace": "\u767C\u4F48\u81F3\u5E02\u96C6",
@@ -82327,7 +82330,6 @@ var require_ru = __commonJS({
       "newFileDialog.manageTemplate": "\u0423\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u0435 \u0448\u0430\u0431\u043B\u043E\u043D\u043E\u043C",
       "newFileDialog.newFile": "\u041D\u043E\u0432\u044B\u0439 \u0444\u0430\u0439\u043B",
       "newFileDialog.noTemplatesMatch": "\u0428\u0430\u0431\u043B\u043E\u043D\u044B \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u044B.",
-      "newFileDialog.openingName": "\u041E\u0442\u043A\u0440\u044B\u0442\u0438\u0435 {name}\u2026",
       "newFileDialog.pageSizes": "\u0420\u0430\u0437\u043C\u0435\u0440\u044B \u0441\u0442\u0440\u0430\u043D\u0438\u0446",
       "newFileDialog.public": "\u041F\u0443\u0431\u043B\u0438\u0447\u043D\u044B\u0439",
       "newFileDialog.publishToMarketplace": "\u041E\u043F\u0443\u0431\u043B\u0438\u043A\u043E\u0432\u0430\u0442\u044C \u043D\u0430 \u0442\u043E\u0440\u0433\u043E\u0432\u043E\u0439 \u043F\u043B\u043E\u0449\u0430\u0434\u043A\u0435",
@@ -87105,7 +87107,6 @@ var require_ar = __commonJS({
       "newFileDialog.manageTemplate": "\u0625\u062F\u0627\u0631\u0629 \u0627\u0644\u0642\u0627\u0644\u0628",
       "newFileDialog.newFile": "\u0645\u0644\u0641 \u062C\u062F\u064A\u062F",
       "newFileDialog.noTemplatesMatch": "\u0644\u0627 \u062A\u0648\u062C\u062F \u0642\u0648\u0627\u0644\u0628 \u0645\u0637\u0627\u0628\u0642\u0629.",
-      "newFileDialog.openingName": "\u062C\u0627\u0631\u064D \u0641\u062A\u062D {name}\u2026",
       "newFileDialog.pageSizes": "\u0623\u062D\u062C\u0627\u0645 \u0627\u0644\u0635\u0641\u062D\u0627\u062A",
       "newFileDialog.public": "\u0639\u0627\u0645",
       "newFileDialog.publishToMarketplace": "\u0627\u0644\u0646\u0634\u0631 \u0625\u0644\u0649 \u0627\u0644\u0645\u062A\u062C\u0631",
@@ -91883,7 +91884,6 @@ var require_hi = __commonJS({
       "newFileDialog.manageTemplate": "\u091F\u0947\u092E\u094D\u092A\u0932\u0947\u091F \u092A\u094D\u0930\u092C\u0902\u0927\u093F\u0924 \u0915\u0930\u0947\u0902",
       "newFileDialog.newFile": "\u0928\u0908 \u092B\u093C\u093E\u0907\u0932",
       "newFileDialog.noTemplatesMatch": "\u0915\u094B\u0908 \u091F\u0947\u092E\u094D\u092A\u0932\u0947\u091F \u092E\u0947\u0932 \u0928\u0939\u0940\u0902 \u0916\u093E\u0924\u093E\u0964",
-      "newFileDialog.openingName": "{name} \u0916\u094B\u0932\u093E \u091C\u093E \u0930\u0939\u093E \u0939\u0948\u2026",
       "newFileDialog.pageSizes": "\u092A\u0943\u0937\u094D\u0920 \u0906\u0915\u093E\u0930",
       "newFileDialog.public": "\u0938\u093E\u0930\u094D\u0935\u091C\u0928\u093F\u0915",
       "newFileDialog.publishToMarketplace": "\u092E\u093E\u0930\u094D\u0915\u0947\u091F\u092A\u094D\u0932\u0947\u0938 \u092A\u0930 \u092A\u094D\u0930\u0915\u093E\u0936\u093F\u0924 \u0915\u0930\u0947\u0902",
@@ -94485,6 +94485,7 @@ function hasMessage(key5) {
 var current2, loading, listeners, formats, asts;
 var init_runtime = __esm({
   "lib/i18n/runtime.ts"() {
+    "use strict";
     init_intl_messageformat();
     init_icu_messageformat_parser();
     init_catalogs();
@@ -97294,10 +97295,10 @@ function detachInstances(nodes, ids2) {
       into[newId3] = node2;
       return newId3;
     };
-    const frame2 = { ...inst, type: "FRAME" };
-    for (const k2 of INSTANCE_ONLY) delete frame2[k2];
-    frame2.childIds = (nodes[inst.mainComponentId].childIds ?? []).map((c2) => copy2(`${id3}::${c2}`, id3)).filter((c2) => !!c2);
-    into[id3] = frame2;
+    const frame3 = { ...inst, type: "FRAME" };
+    for (const k2 of INSTANCE_ONLY) delete frame3[k2];
+    frame3.childIds = (nodes[inst.mainComponentId].childIds ?? []).map((c2) => copy2(`${id3}::${c2}`, id3)).filter((c2) => !!c2);
+    into[id3] = frame3;
   }
   return out ?? nodes;
 }
@@ -97397,22 +97398,22 @@ function diffDocuments(before, after) {
   }
   return { nodes, fields };
 }
-function isEmptyPatch(patch) {
-  return patch.nodes.size === 0 && patch.fields.size === 0;
+function isEmptyPatch(patch2) {
+  return patch2.nodes.size === 0 && patch2.fields.size === 0;
 }
-function applyPatch(doc2, patch, side) {
-  if (isEmptyPatch(patch)) return doc2;
+function applyPatch(doc2, patch2, side) {
+  if (isEmptyPatch(patch2)) return doc2;
   let nodes = doc2.nodes;
-  if (patch.nodes.size > 0) {
+  if (patch2.nodes.size > 0) {
     nodes = { ...doc2.nodes };
-    for (const [id3, change2] of patch.nodes) {
+    for (const [id3, change2] of patch2.nodes) {
       const value3 = change2[side];
       if (value3 === void 0) delete nodes[id3];
       else nodes[id3] = value3;
     }
   }
   const out = { ...doc2, nodes };
-  for (const [k2, change2] of patch.fields) {
+  for (const [k2, change2] of patch2.fields) {
     const value3 = change2[side];
     if (value3 === void 0) delete out[k2];
     else out[k2] = value3;
@@ -97850,36 +97851,36 @@ function applyAutoLayout(doc2) {
     const clampedWidth = (w, c2) => Math.max(c2.minWidth ?? 1, Math.min(c2.maxWidth ?? Infinity, w));
     const clampedHeight = (h, c2) => Math.max(c2.minHeight ?? 1, Math.min(c2.maxHeight ?? Infinity, h));
     if (isAutoLayout(node2)) {
-      const frame2 = cloneNode(nodeId2);
+      const frame3 = cloneNode(nodeId2);
       let totalChildrenPrimary = 0;
       let maxChildrenCounter = 0;
-      const isHorizontal = frame2.layoutMode === "HORIZONTAL";
-      const isGrid2 = frame2.layoutMode === "GRID";
-      const paddingX = frame2.padding.left + frame2.padding.right;
-      const paddingY = frame2.padding.top + frame2.padding.bottom;
-      const itemSpacing = frame2.itemSpacing;
-      const counterSpacing = frame2.counterAxisSpacing ?? itemSpacing;
+      const isHorizontal = frame3.layoutMode === "HORIZONTAL";
+      const isGrid2 = frame3.layoutMode === "GRID";
+      const paddingX = frame3.padding.left + frame3.padding.right;
+      const paddingY = frame3.padding.top + frame3.padding.bottom;
+      const itemSpacing = frame3.itemSpacing;
+      const counterSpacing = frame3.counterAxisSpacing ?? itemSpacing;
       let fillChildrenCount = 0;
-      const childIds = frame2.childIds.filter((id3) => {
+      const childIds = frame3.childIds.filter((id3) => {
         const child = newNodes[id3];
         return child && child.visible && child.layoutPositioning !== "ABSOLUTE";
       });
-      for (const id3 of frame2.childIds) {
+      for (const id3 of frame3.childIds) {
         const child = newNodes[id3];
         if (child && child.visible && child.layoutPositioning === "ABSOLUTE") measureNode(id3);
       }
       let intrinsicW = 0;
       let intrinsicH = 0;
       if (isGrid2) {
-        const cols = frame2.layoutGridColumns ?? "AUTO";
-        const rows = frame2.layoutGridRows ?? "AUTO";
-        const minColW = frame2.layoutGridMinColumnWidth ?? 100;
-        const minRowH = frame2.layoutGridMinRowHeight ?? 100;
+        const cols = frame3.layoutGridColumns ?? "AUTO";
+        const rows = frame3.layoutGridRows ?? "AUTO";
+        const minColW = frame3.layoutGridMinColumnWidth ?? 100;
+        const minRowH = frame3.layoutGridMinRowHeight ?? 100;
         let actualCols = 1;
-        let colSizes = frame2.layoutGridColumnSizes || [];
+        let colSizes = frame3.layoutGridColumnSizes || [];
         if (cols === "AUTO") {
-          if (frame2.layoutSizingHorizontal === "FIXED" || frame2.layoutSizingHorizontal === "FILL") {
-            const availW = frame2.width - paddingX;
+          if (frame3.layoutSizingHorizontal === "FIXED" || frame3.layoutSizingHorizontal === "FILL") {
+            const availW = frame3.width - paddingX;
             actualCols = Math.max(1, Math.floor((availW + itemSpacing) / (minColW + itemSpacing)));
           } else {
             actualCols = Math.max(1, childIds.length);
@@ -97892,7 +97893,7 @@ function applyAutoLayout(doc2) {
           }
         }
         let actualRows = 1;
-        let rowSizes = frame2.layoutGridRowSizes || [];
+        let rowSizes = frame3.layoutGridRowSizes || [];
         if (rows === "AUTO") {
           actualRows = Math.max(1, Math.ceil(childIds.length / actualCols));
           rowSizes = Array.from({ length: actualRows }).map(() => ({ sizing: "HUG", value: "113", min: minRowH }));
@@ -97952,18 +97953,18 @@ function applyAutoLayout(doc2) {
         const totalSpacing = Math.max(0, childIds.length - 1) * itemSpacing;
         intrinsicW = isHorizontal ? totalChildrenPrimary + totalSpacing + paddingX : maxChildrenCounter + paddingX;
         intrinsicH = isHorizontal ? maxChildrenCounter + paddingY : totalChildrenPrimary + totalSpacing + paddingY;
-        if (wraps(frame2)) {
-          const lines2 = wrapLines(frame2, childIds, (id3) => measureNode(id3));
+        if (wraps(frame3)) {
+          const lines2 = wrapLines(frame3, childIds, (id3) => measureNode(id3));
           const counter = lines2.reduce((a, l) => a + l.counter, 0) + Math.max(0, lines2.length - 1) * counterSpacing;
           if (isHorizontal) intrinsicH = counter + paddingY;
           else intrinsicW = counter + paddingX;
         }
       }
-      if (frame2.layoutSizingHorizontal === "HUG") frame2.width = clampedWidth(intrinsicW, frame2);
-      if (frame2.layoutSizingVertical === "HUG") frame2.height = clampedHeight(intrinsicH, frame2);
+      if (frame3.layoutSizingHorizontal === "HUG") frame3.width = clampedWidth(intrinsicW, frame3);
+      if (frame3.layoutSizingVertical === "HUG") frame3.height = clampedHeight(intrinsicH, frame3);
       return {
-        intrinsicWidth: clampedWidth(frame2.layoutSizingHorizontal === "HUG" ? intrinsicW : frame2.width, frame2),
-        intrinsicHeight: clampedHeight(frame2.layoutSizingVertical === "HUG" ? intrinsicH : frame2.height, frame2)
+        intrinsicWidth: clampedWidth(frame3.layoutSizingHorizontal === "HUG" ? intrinsicW : frame3.width, frame3),
+        intrinsicHeight: clampedHeight(frame3.layoutSizingVertical === "HUG" ? intrinsicH : frame3.height, frame3)
       };
     } else {
       let height = node2.height;
@@ -97989,18 +97990,18 @@ function applyAutoLayout(doc2) {
   function layoutNode(nodeId2) {
     const node2 = newNodes[nodeId2];
     if (!isAutoLayout(node2)) return;
-    const frame2 = node2;
-    const isHorizontal = frame2.layoutMode === "HORIZONTAL";
-    const isGrid2 = frame2.layoutMode === "GRID";
-    const paddingX = frame2.padding.left + frame2.padding.right;
-    const paddingY = frame2.padding.top + frame2.padding.bottom;
-    const itemSpacing = frame2.itemSpacing;
-    const counterSpacing = frame2.counterAxisSpacing ?? itemSpacing;
-    const childIds = frame2.childIds.filter((id3) => {
+    const frame3 = node2;
+    const isHorizontal = frame3.layoutMode === "HORIZONTAL";
+    const isGrid2 = frame3.layoutMode === "GRID";
+    const paddingX = frame3.padding.left + frame3.padding.right;
+    const paddingY = frame3.padding.top + frame3.padding.bottom;
+    const itemSpacing = frame3.itemSpacing;
+    const counterSpacing = frame3.counterAxisSpacing ?? itemSpacing;
+    const childIds = frame3.childIds.filter((id3) => {
       const child = newNodes[id3];
       return child && child.visible && child.layoutPositioning !== "ABSOLUTE";
     });
-    const absoluteChildIds = frame2.childIds.filter((id3) => {
+    const absoluteChildIds = frame3.childIds.filter((id3) => {
       const child = newNodes[id3];
       return child && child.visible && child.layoutPositioning === "ABSOLUTE";
     });
@@ -98012,14 +98013,14 @@ function applyAutoLayout(doc2) {
     const clampedWidth = (w, c2) => Math.max(c2.minWidth ?? 1, Math.min(c2.maxWidth ?? Infinity, w));
     const clampedHeight = (h, c2) => Math.max(c2.minHeight ?? 1, Math.min(c2.maxHeight ?? Infinity, h));
     if (isGrid2) {
-      const cols = frame2.layoutGridColumns ?? "AUTO";
-      const rows = frame2.layoutGridRows ?? "AUTO";
-      const minColW = frame2.layoutGridMinColumnWidth ?? 100;
-      const minRowH = frame2.layoutGridMinRowHeight ?? 100;
+      const cols = frame3.layoutGridColumns ?? "AUTO";
+      const rows = frame3.layoutGridRows ?? "AUTO";
+      const minColW = frame3.layoutGridMinColumnWidth ?? 100;
+      const minRowH = frame3.layoutGridMinRowHeight ?? 100;
       let actualCols = 1;
-      let colSizes = frame2.layoutGridColumnSizes || [];
+      let colSizes = frame3.layoutGridColumnSizes || [];
       if (cols === "AUTO") {
-        const availW = frame2.width - paddingX;
+        const availW = frame3.width - paddingX;
         actualCols = Math.max(1, Math.floor((availW + itemSpacing) / (minColW + itemSpacing)));
         colSizes = Array.from({ length: actualCols }).map(() => ({ sizing: "FILL", value: "1fr" }));
       } else {
@@ -98029,7 +98030,7 @@ function applyAutoLayout(doc2) {
         }
       }
       let actualRows = 1;
-      let rowSizes = frame2.layoutGridRowSizes || [];
+      let rowSizes = frame3.layoutGridRowSizes || [];
       if (rows === "AUTO") {
         actualRows = Math.max(1, Math.ceil(childIds.length / actualCols));
         rowSizes = Array.from({ length: actualRows }).map(() => ({ sizing: "HUG", value: "113", min: minRowH }));
@@ -98057,7 +98058,7 @@ function applyAutoLayout(doc2) {
         else if (s.sizing === "HUG") fixedColW += colMaxHugs[c2];
         else if (s.sizing === "FILL") totalColFr += parseFloat(s.value) || 1;
       });
-      const availColW = Math.max(0, frame2.width - paddingX - Math.max(0, actualCols - 1) * itemSpacing - fixedColW);
+      const availColW = Math.max(0, frame3.width - paddingX - Math.max(0, actualCols - 1) * itemSpacing - fixedColW);
       const colW = new Array(actualCols).fill(0);
       colSizes.forEach((s, c2) => {
         if (s.sizing === "FIXED") colW[c2] = parseFloat(s.value) || 0;
@@ -98071,7 +98072,7 @@ function applyAutoLayout(doc2) {
         else if (s.sizing === "HUG") fixedRowH += Math.max(s.min ?? 0, rowMaxHugs[r]);
         else if (s.sizing === "FILL") totalRowFr += parseFloat(s.value) || 1;
       });
-      const availRowH = Math.max(0, frame2.height - paddingY - Math.max(0, actualRows - 1) * counterSpacing - fixedRowH);
+      const availRowH = Math.max(0, frame3.height - paddingY - Math.max(0, actualRows - 1) * counterSpacing - fixedRowH);
       const rowH = new Array(actualRows).fill(0);
       rowSizes.forEach((s, r) => {
         if (s.sizing === "FIXED") rowH[r] = parseFloat(s.value) || 0;
@@ -98079,13 +98080,13 @@ function applyAutoLayout(doc2) {
         else if (s.sizing === "FILL") rowH[r] = totalRowFr > 0 ? availRowH * ((parseFloat(s.value) || 1) / totalRowFr) : 0;
       });
       const colX = new Array(actualCols).fill(0);
-      let currX = frame2.padding.left;
+      let currX = frame3.padding.left;
       for (let c2 = 0; c2 < actualCols; c2++) {
         colX[c2] = currX;
         currX += colW[c2] + itemSpacing;
       }
       const rowY = new Array(actualRows).fill(0);
-      let currY = frame2.padding.top;
+      let currY = frame3.padding.top;
       for (let r = 0; r < actualRows; r++) {
         rowY[r] = currY;
         currY += rowH[r] + counterSpacing;
@@ -98100,10 +98101,10 @@ function applyAutoLayout(doc2) {
         const cellY = rowY[r];
         child.x = cellX;
         child.y = cellY;
-        if (frame2.counterAxisAlignItems === "CENTER") {
+        if (frame3.counterAxisAlignItems === "CENTER") {
           child.x = cellX + (colW[c2] - child.width) / 2;
           child.y = cellY + (rowH[r] - child.height) / 2;
-        } else if (frame2.counterAxisAlignItems === "MAX") {
+        } else if (frame3.counterAxisAlignItems === "MAX") {
           child.x = cellX + (colW[c2] - child.width);
           child.y = cellY + (rowH[r] - child.height);
         }
@@ -98123,34 +98124,34 @@ function applyAutoLayout(doc2) {
         }
       });
       const totalSpacing = Math.max(0, childIds.length - 1) * itemSpacing;
-      const availablePrimary = (isHorizontal ? frame2.width - paddingX : frame2.height - paddingY) - totalSpacing - usedPrimarySpace;
+      const availablePrimary = (isHorizontal ? frame3.width - paddingX : frame3.height - paddingY) - totalSpacing - usedPrimarySpace;
       const fillPrimarySize = fillPrimaryCount > 0 ? Math.max(0, availablePrimary / fillPrimaryCount) : 0;
       childIds.forEach((childId) => {
         const child = cloneNode(childId);
         if (isHorizontal) {
           if (child.layoutSizingHorizontal === "FILL") child.width = clampedWidth(fillPrimarySize, child);
-          if (child.layoutSizingVertical === "FILL") child.height = clampedHeight(Math.max(0, frame2.height - paddingY), child);
+          if (child.layoutSizingVertical === "FILL") child.height = clampedHeight(Math.max(0, frame3.height - paddingY), child);
         } else {
           if (child.layoutSizingVertical === "FILL") child.height = clampedHeight(fillPrimarySize, child);
-          if (child.layoutSizingHorizontal === "FILL") child.width = clampedWidth(Math.max(0, frame2.width - paddingX), child);
+          if (child.layoutSizingHorizontal === "FILL") child.width = clampedWidth(Math.max(0, frame3.width - paddingX), child);
         }
       });
-      if (wraps(frame2)) {
-        const lines2 = wrapLines(frame2, childIds, (id3) => ({ intrinsicWidth: newNodes[id3].width, intrinsicHeight: newNodes[id3].height }));
-        let counterPos = isHorizontal ? frame2.padding.top : frame2.padding.left;
-        const availPrimaryTotal = isHorizontal ? frame2.width - paddingX : frame2.height - paddingY;
+      if (wraps(frame3)) {
+        const lines2 = wrapLines(frame3, childIds, (id3) => ({ intrinsicWidth: newNodes[id3].width, intrinsicHeight: newNodes[id3].height }));
+        let counterPos = isHorizontal ? frame3.padding.top : frame3.padding.left;
+        const availPrimaryTotal = isHorizontal ? frame3.width - paddingX : frame3.height - paddingY;
         for (const line of lines2) {
           const used = line.ids.reduce((a, id3) => a + (isHorizontal ? newNodes[id3].width : newNodes[id3].height), 0) + Math.max(0, line.ids.length - 1) * itemSpacing;
-          let primary = isHorizontal ? frame2.padding.left : frame2.padding.top;
+          let primary = isHorizontal ? frame3.padding.left : frame3.padding.top;
           let extra = 0;
           const free2 = Math.max(0, availPrimaryTotal - used);
-          if (frame2.primaryAxisAlignItems === "SPACE_BETWEEN" && line.ids.length > 1) extra = free2 / (line.ids.length - 1);
-          else if (frame2.primaryAxisAlignItems === "CENTER") primary += free2 / 2;
-          else if (frame2.primaryAxisAlignItems === "MAX") primary += free2;
+          if (frame3.primaryAxisAlignItems === "SPACE_BETWEEN" && line.ids.length > 1) extra = free2 / (line.ids.length - 1);
+          else if (frame3.primaryAxisAlignItems === "CENTER") primary += free2 / 2;
+          else if (frame3.primaryAxisAlignItems === "MAX") primary += free2;
           for (const id3 of line.ids) {
             const child = newNodes[id3];
             const size6 = isHorizontal ? child.height : child.width;
-            const off = frame2.counterAxisAlignItems === "CENTER" ? (line.counter - size6) / 2 : frame2.counterAxisAlignItems === "MAX" ? line.counter - size6 : 0;
+            const off = frame3.counterAxisAlignItems === "CENTER" ? (line.counter - size6) / 2 : frame3.counterAxisAlignItems === "MAX" ? line.counter - size6 : 0;
             if (isHorizontal) {
               child.x = primary;
               child.y = counterPos + off;
@@ -98166,13 +98167,13 @@ function applyAutoLayout(doc2) {
         }
         return;
       }
-      let currentPrimary = isHorizontal ? frame2.padding.left : frame2.padding.top;
+      let currentPrimary = isHorizontal ? frame3.padding.left : frame3.padding.top;
       let extraSpacing = 0;
-      if (frame2.primaryAxisAlignItems === "SPACE_BETWEEN" && fillPrimaryCount === 0 && childIds.length > 1) {
+      if (frame3.primaryAxisAlignItems === "SPACE_BETWEEN" && fillPrimaryCount === 0 && childIds.length > 1) {
         extraSpacing = availablePrimary / (childIds.length - 1);
-      } else if (frame2.primaryAxisAlignItems === "CENTER" && fillPrimaryCount === 0) {
+      } else if (frame3.primaryAxisAlignItems === "CENTER" && fillPrimaryCount === 0) {
         currentPrimary += availablePrimary / 2;
-      } else if (frame2.primaryAxisAlignItems === "MAX" && fillPrimaryCount === 0) {
+      } else if (frame3.primaryAxisAlignItems === "MAX" && fillPrimaryCount === 0) {
         currentPrimary += availablePrimary;
       }
       childIds.forEach((childId) => {
@@ -98180,22 +98181,22 @@ function applyAutoLayout(doc2) {
         if (isHorizontal) {
           child.x = currentPrimary;
           currentPrimary += child.width + itemSpacing + extraSpacing;
-          if (frame2.counterAxisAlignItems === "CENTER") {
-            child.y = frame2.padding.top + (frame2.height - paddingY - child.height) / 2;
-          } else if (frame2.counterAxisAlignItems === "MAX") {
-            child.y = frame2.height - frame2.padding.bottom - child.height;
+          if (frame3.counterAxisAlignItems === "CENTER") {
+            child.y = frame3.padding.top + (frame3.height - paddingY - child.height) / 2;
+          } else if (frame3.counterAxisAlignItems === "MAX") {
+            child.y = frame3.height - frame3.padding.bottom - child.height;
           } else {
-            child.y = frame2.padding.top;
+            child.y = frame3.padding.top;
           }
         } else {
           child.y = currentPrimary;
           currentPrimary += child.height + itemSpacing + extraSpacing;
-          if (frame2.counterAxisAlignItems === "CENTER") {
-            child.x = frame2.padding.left + (frame2.width - paddingX - child.width) / 2;
-          } else if (frame2.counterAxisAlignItems === "MAX") {
-            child.x = frame2.width - frame2.padding.right - child.width;
+          if (frame3.counterAxisAlignItems === "CENTER") {
+            child.x = frame3.padding.left + (frame3.width - paddingX - child.width) / 2;
+          } else if (frame3.counterAxisAlignItems === "MAX") {
+            child.x = frame3.width - frame3.padding.right - child.width;
           } else {
-            child.x = frame2.padding.left;
+            child.x = frame3.padding.left;
           }
         }
         layoutNode(childId);
@@ -98215,27 +98216,27 @@ function applyAutoLayout(doc2) {
   }
   return { ...doc2, nodes: newNodes };
 }
-function wraps(frame2) {
-  if (frame2.layoutWrap !== "WRAP" || frame2.layoutMode === "GRID") return false;
-  return frame2.layoutMode === "HORIZONTAL" ? frame2.layoutSizingHorizontal !== "HUG" : frame2.layoutSizingVertical !== "HUG";
+function wraps(frame3) {
+  if (frame3.layoutWrap !== "WRAP" || frame3.layoutMode === "GRID") return false;
+  return frame3.layoutMode === "HORIZONTAL" ? frame3.layoutSizingHorizontal !== "HUG" : frame3.layoutSizingVertical !== "HUG";
 }
-function wrapLines(frame2, childIds, size6) {
-  const isHorizontal = frame2.layoutMode === "HORIZONTAL";
-  const avail = isHorizontal ? frame2.width - frame2.padding.left - frame2.padding.right : frame2.height - frame2.padding.top - frame2.padding.bottom;
+function wrapLines(frame3, childIds, size6) {
+  const isHorizontal = frame3.layoutMode === "HORIZONTAL";
+  const avail = isHorizontal ? frame3.width - frame3.padding.left - frame3.padding.right : frame3.height - frame3.padding.top - frame3.padding.bottom;
   const lines2 = [];
   let cur = { ids: [], counter: 0 }, used = 0;
   for (const id3 of childIds) {
     const sz = size6(id3);
     const primary = isHorizontal ? sz.intrinsicWidth : sz.intrinsicHeight;
     const counter = isHorizontal ? sz.intrinsicHeight : sz.intrinsicWidth;
-    const needed = cur.ids.length ? used + frame2.itemSpacing + primary : primary;
+    const needed = cur.ids.length ? used + frame3.itemSpacing + primary : primary;
     if (cur.ids.length && needed > avail + 1e-3) {
       lines2.push(cur);
       cur = { ids: [], counter: 0 };
       used = 0;
     }
     cur.ids.push(id3);
-    used = cur.ids.length === 1 ? primary : used + frame2.itemSpacing + primary;
+    used = cur.ids.length === 1 ? primary : used + frame3.itemSpacing + primary;
     cur.counter = Math.max(cur.counter, counter);
   }
   if (cur.ids.length) lines2.push(cur);
@@ -98777,10 +98778,10 @@ function scaleTree(nodes, id3, s, isRoot) {
   if (!n) return;
   if (!isRoot) {
     const t3 = n;
-    const patch = { x: n.x * s, y: n.y * s, width: n.width * s, height: n.height * s };
-    if (typeof t3.fontSize === "number") patch.fontSize = Math.max(12, t3.fontSize * s);
-    if (typeof t3.cornerRadius === "number") patch.cornerRadius = t3.cornerRadius * s;
-    nodes[id3] = { ...n, ...patch };
+    const patch2 = { x: n.x * s, y: n.y * s, width: n.width * s, height: n.height * s };
+    if (typeof t3.fontSize === "number") patch2.fontSize = Math.max(12, t3.fontSize * s);
+    if (typeof t3.cornerRadius === "number") patch2.cornerRadius = t3.cornerRadius * s;
+    nodes[id3] = { ...n, ...patch2 };
   }
   for (const c2 of n.childIds) scaleTree(nodes, c2, s, false);
 }
@@ -100039,11 +100040,11 @@ function addAudioClip(comp, o) {
   const clip = { id: id3, mediaHash: o.mediaHash, name: o.name, start: Math.max(0, Math.round(o.start ?? 0)), in: 0, out: Math.max(1, Math.round(o.duration)), lane: o.lane ?? 0 };
   return { composition: withAudio(comp, placeAudio(audio, clip)), id: id3 };
 }
-function editAudioClip(comp, id3, patch) {
+function editAudioClip(comp, id3, patch2) {
   const audio = comp.audio ?? [];
   const cur = audio.find((c2) => c2.id === id3);
   if (!cur) return comp;
-  const next2 = { ...cur, ...patch };
+  const next2 = { ...cur, ...patch2 };
   next2.start = Math.max(0, Math.round(next2.start));
   next2.in = Math.max(0, Math.round(next2.in));
   next2.out = Math.max(next2.in + 1, Math.round(next2.out));
@@ -100486,7 +100487,7 @@ function sampleNode(node2, t3, nodes, inputs) {
   const outer = linkNodes;
   if (nodes) linkNodes = nodes;
   let posed2 = node2;
-  let patch = null;
+  let patch2 = null;
   let values3 = inputs ? inputs.values : null;
   try {
     for (const key5 in tracks) {
@@ -100517,7 +100518,7 @@ function sampleNode(node2, t3, nodes, inputs) {
         if (prop.valueType === "color") posed2 = unbindItemColor(posed2, path);
         continue;
       }
-      if (prop.field) (patch ??= {})[prop.field] = v;
+      if (prop.field) (patch2 ??= {})[prop.field] = v;
       else posed2 = prop.valueType === "color" ? unbindItemColor(prop.write(posed2, path, v), path) : prop.write(posed2, path, v);
     }
     for (const pair of PAIRS) {
@@ -100525,7 +100526,7 @@ function sampleNode(node2, t3, nodes, inputs) {
       if (!tx2 || inputs && (isInputPath(node2, pair[0], inputs.set) || isInputPath(node2, pair[1], inputs.set)) || hasBinding2(tx2) || ty && hasBinding2(ty)) continue;
       const d = spatialDelta(tx2, ty, t3);
       if (!d) continue;
-      const p2 = patch ??= {};
+      const p2 = patch2 ??= {};
       for (let axis = 0; axis < 2; axis++) {
         const f2 = pair[axis];
         const cur = f2 in p2 ? p2[f2] : propertyFor(f2)?.read(node2, f2);
@@ -100535,7 +100536,7 @@ function sampleNode(node2, t3, nodes, inputs) {
   } finally {
     linkNodes = outer;
   }
-  return patch ? { ...posed2, ...patch } : posed2;
+  return patch2 ? { ...posed2, ...patch2 } : posed2;
 }
 function motionNodes(nodes, rootId) {
   let memo5 = motionMemo.get(nodes);
@@ -100661,7 +100662,7 @@ var init_layer_time_edit = __esm({
   "lib/motion/layer-time-edit.ts"() {
     "use strict";
     init_time();
-    withMotion = (motion, patch) => ({ tracks: {}, ...motion, ...patch });
+    withMotion = (motion, patch2) => ({ tracks: {}, ...motion, ...patch2 });
   }
 });
 
@@ -100676,12 +100677,12 @@ function videoClipOf(nodes, id3, frameId, duration3) {
   const speed = clampSpeed(paint.videoSpeed);
   return { nodeId: id3, fill, paint, start: bar.start, end: bar.end, zero, speed, in: sourceMsAt(paint, bar.start - zero), out: sourceMsAt(paint, bar.end - zero) };
 }
-function withVideoPaint(node2, index2, patch) {
+function withVideoPaint(node2, index2, patch2) {
   const fills = fillsOf(node2);
   const cur = fills[index2];
   if (!cur) return node2;
-  const next2 = { ...cur, ...patch };
-  for (const k2 of Object.keys(patch)) if (next2[k2] === void 0) delete next2[k2];
+  const next2 = { ...cur, ...patch2 };
+  for (const k2 of Object.keys(patch2)) if (next2[k2] === void 0) delete next2[k2];
   if (Object.keys(next2).every((k2) => next2[k2] === cur[k2]) && Object.keys(next2).length === Object.keys(cur).length) return node2;
   return { ...node2, fills: fills.map((f2, i2) => i2 === index2 ? next2 : f2) };
 }
@@ -101605,16 +101606,16 @@ function resolveTextNodeStyles(node2, styles) {
   if (paragraphs) out.paragraphs = paragraphs;
   return out;
 }
-function withParagraphFormat(node2, range3, patch) {
+function withParagraphFormat(node2, range3, patch2) {
   const ranges = paragraphRanges(node2.characters || "");
   const targets = range3 && range3.end > range3.start ? ranges.filter((r) => r.start <= range3.end && r.end >= range3.start) : ranges;
   const existing = new Map((node2.paragraphs ?? []).map((p2) => [p2.start, p2]));
   for (const r of targets) {
     const cur = existing.get(r.start) ?? { start: r.start };
     const next2 = { ...cur };
-    for (const k2 of Object.keys(patch)) {
-      if (patch[k2] === void 0) delete next2[k2];
-      else next2[k2] = patch[k2];
+    for (const k2 of Object.keys(patch2)) {
+      if (patch2[k2] === void 0) delete next2[k2];
+      else next2[k2] = patch2[k2];
     }
     existing.set(r.start, next2);
   }
@@ -244638,6 +244639,23 @@ function trackLoad(p2) {
   p2.then(done, done);
   return p2;
 }
+function loadsSettled(timeoutMs = 1e4) {
+  return new Promise((resolve7) => {
+    let timer = null;
+    const finish3 = (ok2) => {
+      waiters.delete(onIdle);
+      if (timer) clearTimeout(timer);
+      setTimeout(() => resolve7(ok2), 0);
+    };
+    const onIdle = () => finish3(true);
+    if (inflight === 0) {
+      finish3(true);
+      return;
+    }
+    waiters.add(onIdle);
+    timer = setTimeout(() => finish3(false), timeoutMs);
+  });
+}
 var inflight, waiters;
 var init_readiness = __esm({
   "lib/engine/readiness.ts"() {
@@ -246899,9 +246917,9 @@ function rescaleTextEffect(node2) {
   const preset = node2.textEffectPreset;
   const at4 = node2.textEffectSize;
   if (!preset || !DEFAULTS[preset] || !at4 || at4 === node2.fontSize) return null;
-  const patch = textEffectPatch(node2, preset);
-  if (preset !== "HOLLOW") delete patch.fills;
-  return patch;
+  const patch2 = textEffectPatch(node2, preset);
+  if (preset !== "HOLLOW") delete patch2.fills;
+  return patch2;
 }
 var DEFAULTS, BLACK5, WHITE5, fillPaint, fillColor, shadow, round, OUTLINED;
 var init_effect_presets = __esm({
@@ -246942,12 +246960,12 @@ function addMarker(tl, t3, label3) {
   const marker = { id: id3, t: at4, ...label3 ? { label: label3 } : {} };
   return { timeline: withMarkers(tl, sortMarkers([...markers, marker])), id: id3 };
 }
-function updateMarker(tl, id3, patch) {
+function updateMarker(tl, id3, patch2) {
   const markers = tl.markers ?? [];
   const i2 = markers.findIndex((m2) => m2.id === id3);
   if (i2 < 0) return tl;
-  const m = { ...markers[i2], ...patch };
-  if (patch.t !== void 0) m.t = Math.max(0, Math.round(patch.t));
+  const m = { ...markers[i2], ...patch2 };
+  if (patch2.t !== void 0) m.t = Math.max(0, Math.round(patch2.t));
   if (!m.label) delete m.label;
   if (m.kind === "marker" || m.kind === void 0) delete m.kind;
   const was = markers[i2];
@@ -247936,8 +247954,8 @@ function applyInvariants(doc2, touched) {
 function rescaleTextEffects(doc2, id3) {
   const n = doc2.nodes[id3];
   if (!n || n.type !== "TEXT") return doc2;
-  const patch = rescaleTextEffect(n);
-  return patch ? updateNode(doc2, id3, patch) : doc2;
+  const patch2 = rescaleTextEffect(n);
+  return patch2 ? updateNode(doc2, id3, patch2) : doc2;
 }
 function repairDocumentCompositions(doc2) {
   const comps = repairCompositions(doc2.compositions, doc2.nodes);
@@ -248592,9 +248610,9 @@ function writeSoundtrack(doc2, sound) {
   const compositions = { ...doc2.compositions, [built.composition.id]: built.composition };
   return repairDocumentCompositions({ ...doc2, compositions });
 }
-function configure(doc2, pageId2, patch) {
+function configure(doc2, pageId2, patch2) {
   const sound = soundOf(doc2, pageId2);
-  return writeSoundtrack(doc2, { ...sound, settings: repairSettings({ ...sound.settings, ...patch }) });
+  return writeSoundtrack(doc2, { ...sound, settings: repairSettings({ ...sound.settings, ...patch2 }) });
 }
 function retime(doc2, pageId2, o = {}) {
   const sound = soundOf(doc2, pageId2);
@@ -252419,7 +252437,6 @@ function resizeWindow(doc2, target2, rect) {
 }
 var init_crop = __esm({
   "lib/editor/crop.ts"() {
-    "use strict";
     init_dist_node();
     init_scene_graph();
     init_photo_frames();
@@ -253178,8 +253195,8 @@ async function bakeStroke(dabs, color4, opacity, hardness, wetMix = 0, backdrop,
   scale = Math.min(scale, Math.sqrt(MAX_STROKE_PIXELS / (worldW * worldH)));
   const pxW = Math.max(1, Math.round(worldW * scale));
   const pxH = Math.max(1, Math.round(worldH * scale));
-  const frame2 = { cx: minX + worldW / 2, cy: minY + worldH / 2, rotationRad: 0, flipX: false, flipY: false, width: worldW, height: worldH, pixelWidth: pxW, pixelHeight: pxH };
-  const batch = packDabs(dabs, frame2, { color: color4, alpha: Math.max(0, Math.min(1, opacity)), hardness, tip, stamp: !!stamp, secondaryColor });
+  const frame3 = { cx: minX + worldW / 2, cy: minY + worldH / 2, rotationRad: 0, flipX: false, flipY: false, width: worldW, height: worldH, pixelWidth: pxW, pixelHeight: pxH };
+  const batch = packDabs(dabs, frame3, { color: color4, alpha: Math.max(0, Math.min(1, opacity)), hardness, tip, stamp: !!stamp, secondaryColor });
   const grainTile = grain && grain.depth > 0 ? grain.image ?? getGrainTile(grain.type) : null;
   const wet = backdrop && !stamp ? Math.max(0, Math.min(1, wetMix)) : 0;
   const pixels = await layers2.bake(pxW, pxH, batch, {
@@ -253236,9 +253253,9 @@ function worldToLayer(f2, wx, wy) {
 function layerDensity(f2) {
   return f2.pixelWidth / Math.max(1e-6, f2.width);
 }
-function packDabs(dabs, frame2, paint, prev) {
+function packDabs(dabs, frame3, paint, prev) {
   const data = new Float32Array(dabs.length * DAB_STRIDE);
-  const k2 = layerDensity(frame2);
+  const k2 = layerDensity(frame3);
   const base = paint.color;
   const baseHsl = rgbToHsl(base.r ?? 0, base.g ?? 0, base.b ?? 0);
   const sec = paint.secondaryColor;
@@ -253246,7 +253263,7 @@ function packDabs(dabs, frame2, paint, prev) {
   let n = 0;
   let last3 = prev ?? null;
   for (const d of dabs) {
-    const p2 = worldToLayer(frame2, d.cx, d.cy);
+    const p2 = worldToLayer(frame3, d.cx, d.cy);
     const round5 = Math.max(0.1, d.roundness ?? 1);
     let rx = d.r * k2, ry = d.r * round5 * k2;
     let mode = 0;
@@ -253262,14 +253279,14 @@ function packDabs(dabs, frame2, paint, prev) {
       mode = 1;
       ry *= 0.5;
     }
-    const angle2 = d.angle - frame2.rotationRad;
+    const angle2 = d.angle - frame3.rotationRad;
     const o = n * DAB_STRIDE;
     data[o] = p2.x;
     data[o + 1] = p2.y;
     data[o + 2] = rx;
     data[o + 3] = ry;
     data[o + 12] = d.charge ?? 1;
-    data[o + 13] = (d.travel ?? 0) - frame2.rotationRad;
+    data[o + 13] = (d.travel ?? 0) - frame3.rotationRad;
     data[o + 4] = angle2;
     data[o + 5] = (paint.smudgeStrength !== void 0 || paint.liquify) && mode === 0 ? 0.6 : d.hardness ?? paint.hardness;
     data[o + 6] = mode;
@@ -253282,7 +253299,7 @@ function packDabs(dabs, frame2, paint, prev) {
         last3 = d;
         continue;
       }
-      const q = worldToLayer(frame2, last3.cx, last3.cy);
+      const q = worldToLayer(frame3, last3.cx, last3.cy);
       last3 = d;
       data[o + 8] = p2.x - q.x;
       data[o + 9] = p2.y - q.y;
@@ -253293,7 +253310,7 @@ function packDabs(dabs, frame2, paint, prev) {
         last3 = d;
         continue;
       }
-      const q = worldToLayer(frame2, last3.cx, last3.cy);
+      const q = worldToLayer(frame3, last3.cx, last3.cy);
       last3 = d;
       data[o + 8] = p2.x - q.x;
       data[o + 9] = p2.y - q.y;
@@ -253378,8 +253395,8 @@ function imageEditGroupOf(nodes, nodeId2) {
 function wrapTargetFor(doc2, nodeId2) {
   const node2 = doc2.nodes[nodeId2];
   if (!node2) return null;
-  const frame2 = photoFrameOf(doc2.nodes, nodeId2);
-  return frame2 ? frame2.id : nodeId2;
+  const frame3 = photoFrameOf(doc2.nodes, nodeId2);
+  return frame3 ? frame3.id : nodeId2;
 }
 function prepareImageEdit(doc2, nodeId2) {
   const existing = imageEditGroupOf(doc2.nodes, nodeId2);
@@ -253939,8 +253956,8 @@ function createDrawPaletteSlice(set4, get4) {
       commit([...palette2(), tool2], "Add to palette", { activeDrawToolId: tool2.id, editingDrawToolId: tool2.id });
       return tool2.id;
     },
-    updateDrawTool: (id3, patch) => {
-      const next2 = palette2().map((t3) => t3.id === id3 ? { ...t3, ...patch } : t3);
+    updateDrawTool: (id3, patch2) => {
+      const next2 = palette2().map((t3) => t3.id === id3 ? { ...t3, ...patch2 } : t3);
       commit(next2, "Edit palette");
     },
     removeDrawTool: (id3) => {
@@ -254307,17 +254324,17 @@ function createModeSlice(set4, get4) {
       saveTabSides(tabSides);
       const from2 = side === "left" ? "right" : "left";
       const fromKey = from2 === "left" ? "leftTab" : "rightTab";
-      const patch = { tabSides, tabOrder };
+      const patch2 = { tabSides, tabOrder };
       if (state[fromKey] === tab) {
         const next2 = tabsOn(tabSides, from2, tabOrder).find((t3) => !ACTION_TABS.has(t3));
-        if (next2) patch[fromKey] = next2;
-        else patch[from2 === "left" ? "leftPanelOpen" : "rightPanelOpen"] = false;
+        if (next2) patch2[fromKey] = next2;
+        else patch2[from2 === "left" ? "leftPanelOpen" : "rightPanelOpen"] = false;
       }
       if (!action3) {
-        patch[side === "left" ? "leftTab" : "rightTab"] = tab;
-        patch[side === "left" ? "leftPanelOpen" : "rightPanelOpen"] = true;
+        patch2[side === "left" ? "leftTab" : "rightTab"] = tab;
+        patch2[side === "left" ? "leftPanelOpen" : "rightPanelOpen"] = true;
       }
-      set4(patch);
+      set4(patch2);
     },
     setStageView: (on, mode) => {
       const state = get4();
@@ -254471,24 +254488,24 @@ var init_pixel_layers = __esm({
 });
 
 // lib/engine/pixel/pixel-texture.ts
-function setWorkingPixels(nodeId2, frame2, rgba, version7 = 0) {
+function setWorkingPixels(nodeId2, frame3, rgba, version7 = 0) {
   if (!rgba) working.delete(nodeId2);
-  else working.set(nodeId2, { frame: frame2, rgba, version: version7 });
+  else working.set(nodeId2, { frame: frame3, rgba, version: version7 });
   if (typeof window !== "undefined") window.dispatchEvent(new CustomEvent("popcraft-render"));
 }
 function frameRGBA(node2, frameIndex) {
-  const frame2 = node2.frames[Math.max(0, Math.min(node2.frames.length - 1, frameIndex))];
+  const frame3 = node2.frames[Math.max(0, Math.min(node2.frames.length - 1, frameIndex))];
   const w = node2.pixelWidth, h = node2.pixelHeight;
-  if (!frame2) return new Uint32Array(w * h);
-  const key5 = [frame2.cels, node2.palette, node2.colorMode, node2.transparentIndex, node2.tileset, w, h];
-  const holder = frame2;
+  if (!frame3) return new Uint32Array(w * h);
+  const key5 = [frame3.cels, node2.palette, node2.colorMode, node2.transparentIndex, node2.tileset, w, h];
+  const holder = frame3;
   const hit = rgbaCache.get(holder);
   if (hit && hit.key.length === key5.length && hit.key.every((k2, i2) => k2 === key5[i2])) return hit.rgba;
   let rgba;
   if (node2.tileset) {
     const { tileW, tileH, tiles } = node2.tileset;
     const cols = Math.max(1, Math.floor(w / tileW)), rows = Math.max(1, Math.floor(h / tileH));
-    const map2 = decodeCels(frame2.cels, cols * rows);
+    const map2 = decodeCels(frame3.cels, cols * rows);
     rgba = new Uint32Array(w * h);
     const tileRGBA = tiles.map((t3) => celsToRGBA(decodeCels(t3, tileW * tileH), node2.colorMode, node2.palette, node2.transparentIndex));
     for (let ty = 0; ty < rows; ty++) for (let tx2 = 0; tx2 < cols; tx2++) {
@@ -254501,7 +254518,7 @@ function frameRGBA(node2, frameIndex) {
       }
     }
   } else {
-    rgba = celsToRGBA(decodeCels(frame2.cels, w * h), node2.colorMode, node2.palette, node2.transparentIndex);
+    rgba = celsToRGBA(decodeCels(frame3.cels, w * h), node2.colorMode, node2.palette, node2.transparentIndex);
   }
   rgbaCache.set(holder, { key: key5, rgba });
   return rgba;
@@ -254509,8 +254526,8 @@ function frameRGBA(node2, frameIndex) {
 function setPixelEditingNode(id3) {
   editingNodeId = id3;
 }
-function setPixelPreviewFrame(nodeId2, frame2 = 0) {
-  previewFrame = nodeId2 ? { nodeId: nodeId2, frame: frame2 } : null;
+function setPixelPreviewFrame(nodeId2, frame3 = 0) {
+  previewFrame = nodeId2 ? { nodeId: nodeId2, frame: frame3 } : null;
   if (typeof window !== "undefined") window.dispatchEvent(new CustomEvent("popcraft-render"));
 }
 var working, rgbaCache, editingNodeId, previewFrame;
@@ -254635,14 +254652,14 @@ function createPixelSlice(set4, get4) {
       const empty2 = new Uint32Array(count2);
       if (n.tileset) empty2.fill(EMPTY_INDEX);
       else if (n.colorMode === "INDEXED") empty2.fill(n.transparentIndex);
-      const frame2 = { id: v4_default(), cels: opts.duplicate && src ? src.cels : encodeCels(empty2), duration: src?.duration ?? 100 };
-      const frames = [...n.frames.slice(0, at4), frame2, ...n.frames.slice(at4)];
+      const frame3 = { id: v4_default(), cels: opts.duplicate && src ? src.cels : encodeCels(empty2), duration: src?.duration ?? 100 };
+      const frames = [...n.frames.slice(0, at4), frame3, ...n.frames.slice(at4)];
       const tags = n.tags.map((t3) => ({ ...t3, from: t3.from >= at4 ? t3.from + 1 : t3.from, to: t3.to >= at4 ? t3.to + 1 : t3.to }));
       let doc2 = updateNode(get4().document, id3, { frames, tags, activeFrame: at4 });
       if (opts.duplicate && src) {
         for (const l of layersOf(doc2, n)) {
           const ids2 = frameIdsOf(l);
-          if (ids2 && ids2.includes(src.id)) doc2 = updateNode(doc2, l.id, { pixelFrameIds: [...ids2, frame2.id] });
+          if (ids2 && ids2.includes(src.id)) doc2 = updateNode(doc2, l.id, { pixelFrameIds: [...ids2, frame3.id] });
         }
       }
       commitDoc(doc2, opts.duplicate ? "Duplicate frame" : "New frame");
@@ -254686,10 +254703,10 @@ function createPixelSlice(set4, get4) {
       const tag2 = { id: v4_default(), name: `Tag ${n.tags.length + 1}`, from: clampFrame(n, Math.min(from2, to)), to: clampFrame(n, Math.max(from2, to)), direction: "FORWARD", color: colors2[n.tags.length % colors2.length] };
       commit(id3, { tags: [...n.tags, tag2] }, "Add tag");
     },
-    pixelUpdateTag: (id3, tagId, patch) => {
+    pixelUpdateTag: (id3, tagId, patch2) => {
       const n = node2(id3);
       if (!n) return;
-      commit(id3, { tags: n.tags.map((t3) => t3.id === tagId ? { ...t3, ...patch } : t3) }, "Edit tag");
+      commit(id3, { tags: n.tags.map((t3) => t3.id === tagId ? { ...t3, ...patch2 } : t3) }, "Edit tag");
     },
     pixelDeleteTag: (id3, tagId) => {
       const n = node2(id3);
@@ -254697,9 +254714,9 @@ function createPixelSlice(set4, get4) {
       commit(id3, { tags: n.tags.filter((t3) => t3.id !== tagId) }, "Delete tag");
     },
     /** Generic pixel-node property change (onion skin, tiled mode, reference…) as one undo step. */
-    pixelUpdate: (id3, patch, description = "Pixel canvas settings") => {
+    pixelUpdate: (id3, patch2, description = "Pixel canvas settings") => {
       if (!node2(id3)) return;
-      commit(id3, patch, description);
+      commit(id3, patch2, description);
     },
     /**
      * Bake layers into pixels as one undo step. Default: the active frame — its layers are merged into its
@@ -254826,14 +254843,14 @@ function createPixelSlice(set4, get4) {
         palette2 = extractPalette(all4, 256).map(packedToHex);
       }
       const conv = (b64, cellCount) => encodeCels(convertCels(decodeCels(b64, cellCount), n.colorMode, mode, n.palette, palette2, n.transparentIndex));
-      const patch = { colorMode: mode, palette: palette2 };
+      const patch2 = { colorMode: mode, palette: palette2 };
       if (n.tileset) {
         const tc = n.tileset.tileW * n.tileset.tileH;
-        patch.tileset = { ...n.tileset, tiles: n.tileset.tiles.map((t3) => conv(t3, tc)) };
+        patch2.tileset = { ...n.tileset, tiles: n.tileset.tiles.map((t3) => conv(t3, tc)) };
       } else {
-        patch.frames = n.frames.map((f2) => ({ ...f2, cels: conv(f2.cels, count2) }));
+        patch2.frames = n.frames.map((f2) => ({ ...f2, cels: conv(f2.cels, count2) }));
       }
-      commit(id3, patch, `Color mode: ${mode.toLowerCase()}`);
+      commit(id3, patch2, `Color mode: ${mode.toLowerCase()}`);
     },
     /** Dedupe the canvas into a tileset + per-frame tile maps (Aseprite "convert to tilemap"). */
     pixelConvertToTilemap: (id3, tileW, tileH) => {
@@ -255947,7 +255964,6 @@ fn shade(uv: vec2<f32>, res: vec2<f32>, tm: f32) -> vec4<f32> {
 var SHADER_PRESETS, shaderPreset, legacyPresetOf, DEFAULT_SHADER_PRESET, DEFAULT_TEXTURE_PARAMS, f, vec4, NOISE_LIB;
 var init_shader_presets = __esm({
   "lib/engine/shader-presets.ts"() {
-    "use strict";
     init_shader_graph();
     init_shader_graph_presets();
     init_shader_presets_legacy();
@@ -256300,20 +256316,20 @@ function createWashiTape(a, b, styleId, edge = "SPIKY", width = 32, seed2 = Date
     ...{ washiStyle: style.id, washiEdge: edge, washiSeed: shortSeed }
   });
 }
-function restyleWashiTape(node2, patch) {
+function restyleWashiTape(node2, patch2) {
   const n = node2;
   if (!n.washiStyle) return node2;
-  const style = washiStyle(patch.styleId ?? n.washiStyle);
-  const edge = patch.edge ?? n.washiEdge ?? "SPIKY";
+  const style = washiStyle(patch2.styleId ?? n.washiStyle);
+  const edge = patch2.edge ?? n.washiEdge ?? "SPIKY";
   const seed2 = n.washiSeed ?? 1;
   return {
     ...n,
-    name: patch.styleId ? `Washi tape \xB7 ${style.label}` : n.name,
+    name: patch2.styleId ? `Washi tape \xB7 ${style.label}` : n.name,
     washiStyle: style.id,
     washiEdge: edge,
     washiSeed: seed2,
     paths: [{ closed: true, points: washiOutline(n.width, n.height, seed2, edge) }],
-    fills: patch.styleId ? [washiFill(style, n.height, seed2)] : n.fills
+    fills: patch2.styleId ? [washiFill(style, n.height, seed2)] : n.fills
   };
 }
 var PLAIN, PATTERNED, WASHI_TAPES, washiStyle;
@@ -256534,21 +256550,24 @@ function freshIdMap(t3) {
   return map2;
 }
 function addTree(document2, t3, map2, rootId, parentId, ox, oy) {
-  const walk4 = (id3, parent, isRoot) => {
+  const parent = document2.nodes[parentId];
+  if (!parent || !t3.payload.nodes[rootId]) return document2;
+  const nodes = { ...document2.nodes };
+  const walk4 = (id3, parent2, isRoot) => {
     const src = t3.payload.nodes[id3];
     if (!src) return;
-    const n = rewriteIds(JSON.parse(JSON.stringify(src)), map2);
-    const kids = src.childIds ?? [];
-    n.childIds = [];
+    const n = rewriteIds(src, map2);
     if (isRoot) {
       n.x += ox;
       n.y += oy;
     }
-    document2 = addNode(document2, { ...n, parentId: parent }, parent);
-    for (const k2 of kids) walk4(k2, n.id, false);
+    nodes[n.id] = { ...n, childIds: [], parentId: parent2 };
+    const p2 = nodes[parent2];
+    nodes[parent2] = { ...p2, childIds: [...p2.childIds, n.id] };
+    for (const k2 of src.childIds ?? []) walk4(k2, n.id, false);
   };
   walk4(rootId, parentId, true);
-  return document2;
+  return { ...document2, nodes };
 }
 function mergeRecords(doc2, t3, map2, roots) {
   const p2 = t3.payload;
@@ -256797,11 +256816,11 @@ function colorFor(id3) {
   for (let i2 = 0; i2 < id3.length; i2++) h = h * 31 + id3.charCodeAt(i2) >>> 0;
   return PALETTE[h % PALETTE.length];
 }
-function updateLocal(patch) {
+function updateLocal(patch2) {
   if (!awareness) return;
   const cur = awareness.getLocalState();
   if (!cur) return;
-  awareness.setLocalState({ ...cur, ...patch });
+  awareness.setLocalState({ ...cur, ...patch2 });
 }
 function sendCursor() {
   cursorTimer = null;
@@ -256954,12 +256973,12 @@ function createPopcornSlice(set4, get4) {
     const state = get4();
     set4({ document: after, ...extra, history: pushCommand(state.history, createCommand("POPCORN", description, state.document, after)) });
   };
-  const restyleSelectedTapes = (patch, description) => {
+  const restyleSelectedTapes = (patch2, description) => {
     const state = get4();
     let doc2 = state.document;
     for (const id3 of state.selection) {
       const n = doc2.nodes[id3];
-      if (n?.washiStyle) doc2 = { ...doc2, nodes: { ...doc2.nodes, [id3]: restyleWashiTape(n, patch) } };
+      if (n?.washiStyle) doc2 = { ...doc2, nodes: { ...doc2.nodes, [id3]: restyleWashiTape(n, patch2) } };
     }
     if (doc2 !== state.document) commit(doc2, description);
   };
@@ -257605,16 +257624,16 @@ async function listDocMetas() {
 async function getDocMeta(id3) {
   return (await readIndex()).find((m) => m.id === id3) ?? null;
 }
-async function upsertDocMeta(patch, { create: create8 = false } = {}) {
-  if (deletedHere.has(patch.id)) return;
+async function upsertDocMeta(patch2, { create: create8 = false } = {}) {
+  if (deletedHere.has(patch2.id)) return;
   await update2(INDEX_KEY, (idx) => {
     const list2 = Array.isArray(idx) ? [...idx] : [];
-    const i2 = list2.findIndex((m) => m.id === patch.id);
+    const i2 = list2.findIndex((m) => m.id === patch2.id);
     if (i2 < 0 && !create8) return list2;
     if (i2 >= 0) {
       const { thumbnail: inline, ...rest } = list2[i2];
-      list2[i2] = { ...rest, ...typeof inline === "string" ? { thumbnail: inline } : {}, ...patch };
-    } else list2.push({ id: patch.id, name: patch.name || "Untitled", updatedAt: patch.updatedAt || Date.now(), thumbAt: patch.thumbAt });
+      list2[i2] = { ...rest, ...typeof inline === "string" ? { thumbnail: inline } : {}, ...patch2 };
+    } else list2.push({ id: patch2.id, name: patch2.name || "Untitled", updatedAt: patch2.updatedAt || Date.now(), thumbAt: patch2.thumbAt });
     return list2;
   });
 }
@@ -258007,8 +258026,8 @@ function openFramingIds(nodes, pageId2) {
   const page = nodes[pageId2];
   if (!page) return [];
   const children = (page.childIds ?? []).filter((id3) => nodes[id3] && nodes[id3].visible !== false);
-  const frame2 = children.find((id3) => nodes[id3].type === "FRAME");
-  return frame2 ? [frame2] : children;
+  const frame3 = children.find((id3) => nodes[id3].type === "FRAME");
+  return frame3 ? [frame3] : children;
 }
 function isSavedCamera(camera2) {
   if (!camera2 || !Number.isFinite(camera2.x) || !Number.isFinite(camera2.y) || !(camera2.zoom > 0)) return false;
@@ -258074,14 +258093,14 @@ function withCounter(node2, counter) {
   }
   return { ...node2, textCounter: counter, characters: formatCounter(counter, counterRest(counter)) };
 }
-function editCounter(node2, patch) {
+function editCounter(node2, patch2) {
   const c2 = node2.textCounter;
   if (!c2) return node2;
-  const next2 = { ...c2, ...patch };
+  const next2 = { ...c2, ...patch2 };
   let motion = node2.motion;
   const track2 = motion?.tracks[COUNTER_PATH];
-  if (track2?.keys.length && (patch.from !== void 0 || patch.to !== void 0)) {
-    const keys4 = track2.keys.map((k2, i2, all4) => i2 === 0 && patch.from !== void 0 ? { ...k2, v: next2.from } : i2 === all4.length - 1 && patch.to !== void 0 ? { ...k2, v: next2.to } : k2);
+  if (track2?.keys.length && (patch2.from !== void 0 || patch2.to !== void 0)) {
+    const keys4 = track2.keys.map((k2, i2, all4) => i2 === 0 && patch2.from !== void 0 ? { ...k2, v: next2.from } : i2 === all4.length - 1 && patch2.to !== void 0 ? { ...k2, v: next2.to } : k2);
     motion = withTrack(motion, COUNTER_PATH, { ...track2, keys: keys4 });
   }
   return { ...withCounter(node2, next2), motion };
@@ -258348,9 +258367,9 @@ function frameSound(nodes, frameId, lengths2 = NO_LENGTHS) {
   let list2 = frameMemo.get(nodes);
   const hit = list2?.find((m) => m.frameId === frameId && m.lengths === lengths2);
   if (hit) return hit.sound;
-  const frame2 = nodes[frameId];
-  const sound = frame2 ? [...frame2.timeline?.audio ?? []] : [];
-  if (frame2) {
+  const frame3 = nodes[frameId];
+  const sound = frame3 ? [...frame3.timeline?.audio ?? []] : [];
+  if (frame3) {
     const duration3 = timelineDuration(nodes, frameId);
     for (const id3 of videoNodeIds(nodes)) {
       if (id3 === frameId || localTime(nodes, id3, frameId, 0) === void 0) continue;
@@ -258538,7 +258557,7 @@ function compositionPose(base, target2, time4, clock2, runtime, compositions, au
   });
   if (!stage) return pose;
   const moment = compositionAt(comp, time4);
-  let patch = null;
+  let patch2 = null;
   const ids2 = /* @__PURE__ */ new Set();
   let live = time4 < compositionDuration(comp);
   for (const a of [moment.previous, moment.current]) {
@@ -258546,7 +258565,7 @@ function compositionPose(base, target2, time4, clock2, runtime, compositions, au
     const fp = evaluatePose(base, { kind: "frame", frameId: a.clip.frameId }, a.local, { clock: clock2, runtime, driveVideo: true, ...audio ? { audio } : {} });
     if (fp.live) live = true;
     for (const id3 of fp.animatedIds) {
-      (patch ??= {})[id3] = fp.nodes[id3];
+      (patch2 ??= {})[id3] = fp.nodes[id3];
       ids2.add(id3);
     }
   }
@@ -258554,8 +258573,8 @@ function compositionPose(base, target2, time4, clock2, runtime, compositions, au
     const t3 = placed2(id3), n = base[id3];
     return t3 && n ? { width: n.width, height: n.height, cx: t3.cx, cy: t3.cy } : null;
   });
-  const posed2 = patch ? { ...base, ...patch } : base;
-  if (patch) noteChanged(base, posed2, Object.keys(patch));
+  const posed2 = patch2 ? { ...base, ...patch2 } : base;
+  if (patch2) noteChanged(base, posed2, Object.keys(patch2));
   return {
     ...pose,
     nodes: posed2,
@@ -258597,17 +258616,17 @@ function withOrbits(pose, orbits) {
   const hit = orbitMemo.get(pose);
   if (hit && hit.orbits === orbits) return hit.pose;
   const nodes = pose.nodes;
-  const patch = {};
+  const patch2 = {};
   const visit2 = (id3) => {
     const n = nodes[id3];
     if (!n) return;
     const o = orbits.turns[n.name];
-    if (o) patch[id3] = { ...n, rotateX: (n.rotateX ?? 0) + o.rotateX, rotateY: (n.rotateY ?? 0) + o.rotateY };
+    if (o) patch2[id3] = { ...n, rotateX: (n.rotateX ?? 0) + o.rotateX, rotateY: (n.rotateY ?? 0) + o.rotateY };
     for (const c2 of n.childIds ?? []) visit2(c2);
   };
   for (const r of orbits.roots) visit2(r);
-  const ids2 = Object.keys(patch);
-  const shown2 = ids2.length ? { ...nodes, ...patch } : nodes;
+  const ids2 = Object.keys(patch2);
+  const shown2 = ids2.length ? { ...nodes, ...patch2 } : nodes;
   noteChanged(nodes, shown2, ids2);
   const out = { ...pose, nodes: shown2, animatedIds: ids2.length ? /* @__PURE__ */ new Set([...pose.animatedIds, ...ids2]) : pose.animatedIds, orbits };
   orbitMemo.set(pose, { orbits, pose: out });
@@ -258623,7 +258642,7 @@ function withSolo(pose, solo) {
   const on = new Set(solo.filter((id3) => nodes[id3]));
   const onTheWay = /* @__PURE__ */ new Set();
   for (const id3 of on) for (let n = nodes[nodes[id3]?.parentId ?? ""]; n; n = n.parentId ? nodes[n.parentId] : void 0) onTheWay.add(n.id);
-  const patch = {};
+  const patch2 = {};
   const visit2 = (id3) => {
     const n = nodes[id3];
     if (!n || on.has(id3)) return;
@@ -258631,11 +258650,11 @@ function withSolo(pose, solo) {
       for (const c2 of n.childIds) visit2(c2);
       return;
     }
-    if (n.visible !== false) patch[id3] = { ...n, visible: false };
+    if (n.visible !== false) patch2[id3] = { ...n, visible: false };
   };
   if (on.size) for (const c2 of nodes[frameId]?.childIds ?? []) visit2(c2);
-  const ids2 = Object.keys(patch);
-  const shown2 = ids2.length ? { ...nodes, ...patch } : nodes;
+  const ids2 = Object.keys(patch2);
+  const shown2 = ids2.length ? { ...nodes, ...patch2 } : nodes;
   noteChanged(nodes, shown2, ids2);
   const out = { ...pose, nodes: shown2, animatedIds: ids2.length ? /* @__PURE__ */ new Set([...pose.animatedIds, ...ids2]) : pose.animatedIds, solo };
   soloMemo.set(pose, { solo: key5, pose: out });
@@ -260439,7 +260458,6 @@ function retuneShaderAudio(node2, fillId) {
 }
 var init_shader_audio = __esm({
   "lib/motion/shader-audio.ts"() {
-    "use strict";
     init_shader_params();
     init_modifier_edit();
     init_keys();
@@ -260624,8 +260642,8 @@ function timeBoundsOf(s) {
   const width = s.timeViewWidth;
   const soundEnd = (audio) => Math.max(0, ...(audio ?? []).map(audioClipEnd));
   if (t3?.kind === "frame") {
-    const frame2 = s.document.nodes[t3.frameId];
-    return frame2 ? { duration: frameDuration(s.document.nodes, t3.frameId), fps: timelineFps(frame2.timeline), width, content: soundEnd(frame2.timeline?.audio) } : null;
+    const frame3 = s.document.nodes[t3.frameId];
+    return frame3 ? { duration: frameDuration(s.document.nodes, t3.frameId), fps: timelineFps(frame3.timeline), width, content: soundEnd(frame3.timeline?.audio) } : null;
   }
   const comp = t3?.kind === "composition" ? s.document.compositions?.[t3.compositionId] : void 0;
   return comp ? { duration: compositionDuration(comp), fps: comp.fps, width, content: soundEnd(comp.audio) } : null;
@@ -260652,7 +260670,7 @@ function snapTime(tr, t3) {
   return snapToFrame(at4, tr.fps);
 }
 function createMotionSlice(set4, get4) {
-  const put3 = (patch) => set4({ transport: { ...get4().transport, ...patch } });
+  const put3 = (patch2) => set4({ transport: { ...get4().transport, ...patch2 } });
   const clock2 = (now2) => now2 ?? transportNow();
   const frameId = () => {
     const s = get4();
@@ -260814,9 +260832,9 @@ function createMotionSlice(set4, get4) {
       set4({ solo: cur.includes(id3) ? cur.filter((x2) => x2 !== id3) : [...cur, id3] });
     },
     onion: { on: false, count: 2, stepFrames: 3 },
-    setOnion: (patch) => {
+    setOnion: (patch2) => {
       const cur = get4().onion;
-      const next2 = { ...cur, ...patch, count: Math.max(1, Math.min(8, Math.round(patch.count ?? cur.count))), stepFrames: Math.max(1, Math.min(30, Math.round(patch.stepFrames ?? cur.stepFrames))) };
+      const next2 = { ...cur, ...patch2, count: Math.max(1, Math.min(8, Math.round(patch2.count ?? cur.count))), stepFrames: Math.max(1, Math.min(30, Math.round(patch2.stepFrames ?? cur.stepFrames))) };
       if (next2.on !== cur.on || next2.count !== cur.count || next2.stepFrames !== cur.stepFrames) set4({ onion: next2 });
     },
     timeViews: {},
@@ -261081,8 +261099,8 @@ function foldVariant(doc2, masterId, variantId, id3) {
       if ((k2 === "fontSize" || k2 === "lineHeight") && restyled) continue;
       props[k2] = value3;
     }
-    const patch = breakpointPatch(master, doc2, id3, props);
-    if ("responsive" in patch && !same2(patch.responsive, master.responsive)) nodes[m] = { ...master, responsive: patch.responsive };
+    const patch2 = breakpointPatch(master, doc2, id3, props);
+    if ("responsive" in patch2 && !same2(patch2.responsive, master.responsive)) nodes[m] = { ...master, responsive: patch2.responsive };
     const a = master.childIds ?? [], b = variant.childIds ?? [];
     if (a.length === b.length) a.forEach((c2, i2) => walk4(c2, b[i2], false));
   };
@@ -261350,11 +261368,11 @@ function shownRecordOf(nodes, doc2, id3) {
   const own2 = pinnedRecord(doc2, nodes[id3]);
   if (own2) return own2;
   for (let at4 = nodes[id3]?.parentId, hops = 0; at4 && hops < 64; at4 = nodes[at4]?.parentId, hops++) {
-    const frame2 = nodes[at4];
-    const pinned = pinnedRecord(doc2, frame2);
+    const frame3 = nodes[at4];
+    const pinned = pinnedRecord(doc2, frame3);
     if (pinned) return pinned;
-    if (frame2?.repeat) return repeatRecords(doc2, frame2.repeat)[0] ?? null;
-    const of = frame2?.route?.collectionId;
+    if (frame3?.repeat) return repeatRecords(doc2, frame3.repeat)[0] ?? null;
+    const of = frame3?.route?.collectionId;
     if (of && doc2.collections?.[of]) return repeatRecords(doc2, { collectionId: of })[0] ?? null;
   }
   return null;
@@ -261640,11 +261658,11 @@ var init_scroll = __esm({
 
 // lib/runtime/actions.ts
 function layerCenterIn(doc2, id3, frameId) {
-  const frame2 = doc2.nodes[frameId];
+  const frame3 = doc2.nodes[frameId];
   const real = doc2.nodes[id3] ? id3 : id3.includes("::") ? id3.slice(0, id3.indexOf("::")) : id3;
-  if (!frame2 || !doc2.nodes[real] || frame2.width <= 0 || frame2.height <= 0) return null;
+  if (!frame3 || !doc2.nodes[real] || frame3.width <= 0 || frame3.height <= 0) return null;
   const f2 = getWorldTransform(doc2, frameId), l = getWorldTransform(doc2, real);
-  return { x: (l.cx - (f2.cx - frame2.width / 2)) / frame2.width, y: (l.cy - (f2.cy - frame2.height / 2)) / frame2.height };
+  return { x: (l.cx - (f2.cx - frame3.width / 2)) / frame3.width, y: (l.cy - (f2.cy - frame3.height / 2)) / frame3.height };
 }
 function begin(state, ctx2, id3, arrive) {
   const nodes = state.document.nodes;
@@ -262003,17 +262021,17 @@ var init_present_driver = __esm({
 // lib/runtime/store-adapter.ts
 function storePatch(prev, next2) {
   if (next2 === prev) return null;
-  const patch = {};
-  if (next2.document !== prev.document) patch.document = next2.document;
-  if (next2.screen !== prev.screen) patch.activePrototypeFrameId = next2.screen;
-  if (next2.overlays !== prev.overlays) patch.prototypeOverlays = next2.overlays;
-  if (next2.history !== prev.history) patch.prototypeHistory = next2.history;
-  if (next2.transition !== prev.transition) patch.prototypeTransition = next2.transition;
-  if (next2.playback !== prev.playback) patch.presentPlayback = next2.playback;
-  if (next2.varBackup !== prev.varBackup) patch.prototypeVarBackup = next2.varBackup;
-  if (next2.varGlides !== prev.varGlides) patch.prototypeVarGlides = next2.varGlides;
-  if (next2.scroll !== prev.scroll) patch.prototypeScrollState = next2.scroll;
-  return Object.keys(patch).length ? patch : null;
+  const patch2 = {};
+  if (next2.document !== prev.document) patch2.document = next2.document;
+  if (next2.screen !== prev.screen) patch2.activePrototypeFrameId = next2.screen;
+  if (next2.overlays !== prev.overlays) patch2.prototypeOverlays = next2.overlays;
+  if (next2.history !== prev.history) patch2.prototypeHistory = next2.history;
+  if (next2.transition !== prev.transition) patch2.prototypeTransition = next2.transition;
+  if (next2.playback !== prev.playback) patch2.presentPlayback = next2.playback;
+  if (next2.varBackup !== prev.varBackup) patch2.prototypeVarBackup = next2.varBackup;
+  if (next2.varGlides !== prev.varGlides) patch2.prototypeVarGlides = next2.varGlides;
+  if (next2.scroll !== prev.scroll) patch2.prototypeScrollState = next2.scroll;
+  return Object.keys(patch2).length ? patch2 : null;
 }
 var runtimeOf;
 var init_store_adapter = __esm({
@@ -262312,7 +262330,7 @@ var init_plugin_store = __esm({
       setInstalled: (installed3) => set4({ installed: installed3 }),
       setManagerOpen: (managerOpen) => set4({ managerOpen }),
       upsertSession: (s) => set4((st) => ({ sessions: [...st.sessions.filter((x2) => x2.sessionId !== s.sessionId), s] })),
-      patchSession: (sessionId, patch) => set4((st) => ({ sessions: st.sessions.map((x2) => x2.sessionId === sessionId ? { ...x2, ...patch } : x2) })),
+      patchSession: (sessionId, patch2) => set4((st) => ({ sessions: st.sessions.map((x2) => x2.sessionId === sessionId ? { ...x2, ...patch2 } : x2) })),
       removeSession: (sessionId) => set4((st) => ({ sessions: st.sessions.filter((x2) => x2.sessionId !== sessionId) })),
       toast: (message, opts = {}) => {
         announce(opts.source ? `${opts.source}: ${message}` : message, opts.error ? "assertive" : "polite");
@@ -262409,6 +262427,7 @@ function formatLimit(key5, max3) {
 var formatBytes;
 var init_limits2 = __esm({
   "lib/billing/limits.ts"() {
+    "use strict";
     init_format();
     init_plans();
     formatBytes = formatFileSize;
@@ -270781,9 +270800,9 @@ var init_yjs = __esm({
         }
       }
       const nextClock = getState(store6, ownClientID);
-      const nextId3 = createID(ownClientID, nextClock);
+      const nextId4 = createID(ownClientID, nextClock);
       const redoneItem = new Item(
-        nextId3,
+        nextId4,
         left,
         left && left.lastId,
         right,
@@ -270792,7 +270811,7 @@ var init_yjs = __esm({
         item.parentSub,
         item.content.copy()
       );
-      item.redone = nextId3;
+      item.redone = nextId4;
       keepItem(redoneItem, true);
       redoneItem.integrate(transaction, 0);
       return redoneItem;
@@ -272062,11 +272081,11 @@ function createReassembler(maxBytes = MAX_MESSAGE_BYTES) {
   let buf = null;
   let filled2 = 0;
   return {
-    push(frame2) {
-      const dec = createDecoder(frame2);
+    push(frame3) {
+      const dec = createDecoder(frame3);
       if (readVarUint(dec) !== MSG_CHUNK) {
         if (buf) throw new Error("Message interrupted mid-chunk");
-        return frame2;
+        return frame3;
       }
       const total2 = readVarUint(dec);
       const part = readVarUint8Array(dec);
@@ -272209,7 +272228,7 @@ var init_client = __esm({
       send(msg) {
         const ws = this.ws;
         if (!ws || ws.readyState !== WebSocket.OPEN) return;
-        for (const frame2 of toFrames(msg)) ws.send(frame2);
+        for (const frame3 of toFrames(msg)) ws.send(frame3);
       }
       canWrite() {
         return this.role === "owner" || this.role === "editor";
@@ -272841,6 +272860,96 @@ var init_binding = __esm({
   }
 });
 
+// lib/client/open-progress.ts
+function withDeadline(p2, ms2) {
+  let timer;
+  const deadline = new Promise((_, reject) => {
+    timer = setTimeout(() => reject(new OpenTimeoutError()), ms2);
+  });
+  return Promise.race([p2, deadline]).finally(() => clearTimeout(timer));
+}
+async function trackOpen(run4, opts = {}) {
+  const current4 = useOpenProgress.getState().open;
+  if (current4 && !current4.error) {
+    const joined = { stage: (s) => patch(current4.id, { stage: s }) };
+    return run4(joined);
+  }
+  const id3 = nextId++;
+  useOpenProgress.setState({ open: { id: id3, name: opts.name, still: opts.still, stage: "download" } });
+  const handle = { stage: (s) => patch(id3, { stage: s }) };
+  let result;
+  try {
+    result = await withDeadline(run4(handle), opts.timeoutMs ?? OPEN_TIMEOUT_MS);
+  } catch (e) {
+    const timedOut = e instanceof OpenTimeoutError || e instanceof Error && e.name === "TimeoutError";
+    if (timedOut || (opts.showError?.(e) ?? true)) patch(id3, { error: timedOut ? "timeout" : "failed", retry: opts.retry });
+    else finishOpen(id3);
+    throw e;
+  }
+  if (opts.failed?.(result)) {
+    patch(id3, { error: "failed", retry: opts.retry });
+    return result;
+  }
+  const settling = opts.settle?.(result) ?? null;
+  if (!settling) {
+    finishOpen(id3);
+    return result;
+  }
+  handle.stage("first-frame");
+  void withDeadline(Promise.resolve(settling), FIRST_FRAME_CAP_MS).catch(() => {
+  }).then(() => finishOpen(id3));
+  return result;
+}
+function finishOpen(id3) {
+  useOpenProgress.setState((s) => s.open?.id === id3 && !s.open.error ? { open: null } : s);
+}
+function reportOpenStage(stage) {
+  const open4 = useOpenProgress.getState().open;
+  if (open4 && !open4.error) patch(open4.id, { stage });
+}
+var useOpenProgress, OPEN_TIMEOUT_MS, FIRST_FRAME_CAP_MS, OpenTimeoutError, nextId, patch;
+var init_open_progress = __esm({
+  "lib/client/open-progress.ts"() {
+    init_esm();
+    useOpenProgress = create2(() => ({ open: null }));
+    OPEN_TIMEOUT_MS = 45e3;
+    FIRST_FRAME_CAP_MS = 2e4;
+    OpenTimeoutError = class extends Error {
+      constructor() {
+        super("Opening took too long");
+        this.name = "OpenTimeoutError";
+      }
+    };
+    nextId = 1;
+    patch = (id3, p2) => useOpenProgress.setState((s) => s.open?.id === id3 ? { open: { ...s.open, ...p2 } } : s);
+  }
+});
+
+// lib/client/first-frame.ts
+async function firstFrameOf(docId) {
+  if (useEditorStore.getState().document.id !== docId) {
+    await new Promise((resolve7) => {
+      const stop2 = useEditorStore.subscribe((s) => {
+        if (s.document.id === docId) {
+          stop2();
+          resolve7();
+        }
+      });
+    });
+  }
+  await frame();
+  await frame();
+  await loadsSettled(6e3);
+}
+var frame;
+var init_first_frame = __esm({
+  "lib/client/first-frame.ts"() {
+    init_editor_store();
+    init_readiness();
+    frame = () => new Promise((r) => typeof requestAnimationFrame === "undefined" ? setTimeout(r, 16) : requestAnimationFrame(() => r()));
+  }
+});
+
 // lib/storage/media-refs.ts
 function mediaHashes(value3) {
   const text = JSON.stringify(value3);
@@ -272985,6 +273094,8 @@ var init_capture = __esm({
 // lib/templates/use.ts
 var use_exports = {};
 __export(use_exports, {
+  MEDIA_FETCH_TIMEOUT_MS: () => MEDIA_FETCH_TIMEOUT_MS2,
+  PREPARE_BUDGET_MS: () => PREPARE_BUDGET_MS,
   ensureTemplateFonts: () => ensureTemplateFonts,
   ensureTemplateMedia: () => ensureTemplateMedia,
   prepareTemplate: () => prepareTemplate,
@@ -273000,27 +273111,33 @@ async function ensureTemplateFonts(t3) {
   }
   for (const family of fontsIn(t3.payload.nodes)) for (const w of weights.get(family) ?? [400]) ensureFontLoaded2(family, w, "normal");
 }
-async function ensureTemplateMedia(t3) {
-  if (typeof window === "undefined" || !t3.payload.media.length) return;
+async function fetchOne(t3, hash3) {
   const { getMediaBlob: getMediaBlob2, putMedia: putMedia2 } = await Promise.resolve().then(() => (init_media_store(), media_store_exports));
-  await Promise.all(t3.payload.media.map(async (hash3) => {
-    if (await getMediaBlob2(hash3)) return;
-    for (const url4 of templateMediaSources(t3, hash3)) {
-      try {
-        const res = await fetch(url4, { credentials: "same-origin" });
-        if (res.ok) {
-          await putMedia2(await res.blob());
-          return;
-        }
-      } catch {
+  if (await timeoutOf(getMediaBlob2(hash3).catch(() => null), 5e3, null)) return;
+  for (const url4 of templateMediaSources(t3, hash3)) {
+    try {
+      const res = await fetch(url4, { credentials: "same-origin", signal: AbortSignal.timeout(MEDIA_FETCH_TIMEOUT_MS2) });
+      if (res.ok) {
+        await putMedia2(await res.blob());
+        return;
       }
+    } catch {
     }
-  }));
+  }
+}
+async function ensureTemplateMedia(t3) {
+  if (typeof window === "undefined" || !t3.payload.media.length) return;
+  const queue2 = [...t3.payload.media];
+  const worker2 = async () => {
+    for (let h = queue2.shift(); h; h = queue2.shift()) await fetchOne(t3, h);
+  };
+  await Promise.all(Array.from({ length: Math.min(MEDIA_CONCURRENCY, queue2.length) }, worker2));
 }
 async function prepareTemplate(t3) {
-  await Promise.all([ensureTemplateFonts(t3), ensureTemplateMedia(t3)]);
+  await timeoutOf(Promise.all([ensureTemplateFonts(t3), ensureTemplateMedia(t3)]).then(() => {
+  }), PREPARE_BUDGET_MS, void 0);
 }
-var templateMediaSources;
+var templateMediaSources, MEDIA_FETCH_TIMEOUT_MS2, PREPARE_BUDGET_MS, MEDIA_CONCURRENCY, timeoutOf;
 var init_use = __esm({
   "lib/templates/use.ts"() {
     "use strict";
@@ -273029,6 +273146,15 @@ var init_use = __esm({
       `/templates/media/${hash3}`,
       ...t3.meta.source !== "builtin" && t3.meta.id && !t3.meta.id.startsWith("user-") ? [`/api/templates/${encodeURIComponent(t3.meta.id)}/media/${hash3}`] : []
     ];
+    MEDIA_FETCH_TIMEOUT_MS2 = 15e3;
+    PREPARE_BUDGET_MS = 2e4;
+    MEDIA_CONCURRENCY = 4;
+    timeoutOf = (p2, ms2, fallback2) => {
+      let timer;
+      return Promise.race([p2, new Promise((r) => {
+        timer = setTimeout(() => r(fallback2), ms2);
+      })]).finally(() => clearTimeout(timer));
+    };
   }
 });
 
@@ -288143,11 +288269,11 @@ var init_flac_demuxer = __esm({
         assert2(this.lastLoadedPos !== null);
         assert2(this.audioInfo);
         const startPos = this.lastLoadedPos;
-        const frame2 = await this.readNextFlacFrame({
+        const frame3 = await this.readNextFlacFrame({
           startPos,
           isFirstPacket: this.loadedSamples.length === 0
         });
-        if (!frame2) {
+        if (!frame3) {
           this.lastSampleLoaded = true;
           return;
         }
@@ -288155,13 +288281,13 @@ var init_flac_demuxer = __esm({
         const blockOffset = lastSample ? lastSample.blockOffset + lastSample.blockSize : 0;
         const sample = {
           blockOffset,
-          blockSize: frame2.blockSize,
+          blockSize: frame3.blockSize,
           byteOffset: startPos,
-          byteSize: frame2.size
+          byteSize: frame3.size
         };
-        this.lastLoadedPos = this.lastLoadedPos + frame2.size;
+        this.lastLoadedPos = this.lastLoadedPos + frame3.size;
         this.loadedSamples.push(sample);
-        if (frame2.isLastFrame) {
+        if (frame3.isLastFrame) {
           this.lastSampleLoaded = true;
           return;
         }
@@ -296171,14 +296297,14 @@ var init_encode = __esm({
               });
               encoder.configure(config2);
               const frameData = new Uint8Array(width * height * 4);
-              const frame2 = new VideoFrame(frameData, {
+              const frame3 = new VideoFrame(frameData, {
                 format: "RGBA",
                 codedWidth: width,
                 codedHeight: height,
                 timestamp: 0
               });
-              encoder.encode(frame2, quantizer !== null ? buildQuantizerEncodeOptions(codec2, quantizer) : void 0);
-              frame2.close();
+              encoder.encode(frame3, quantizer !== null ? buildQuantizerEncodeOptions(codec2, quantizer) : void 0);
+              frame3.close();
               await encoder.flush();
               resolve7(true);
             } catch {
@@ -298589,30 +298715,30 @@ var init_id3 = __esm({
         }
       }
       while (reader.pos <= reader.bytes.length - reader.frameHeaderSize()) {
-        const frame2 = reader.readId3V2Frame();
-        if (!frame2) {
+        const frame3 = reader.readId3V2Frame();
+        if (!frame3) {
           break;
         }
         const frameStartPos = reader.pos;
-        const frameEndPos = reader.pos + frame2.size;
+        const frameEndPos = reader.pos + frame3.size;
         let frameEncrypted = false;
         let frameCompressed = false;
         let frameUnsynchronized = false;
         if (header.majorVersion === 3) {
-          frameEncrypted = !!(frame2.flags & 1 << 6);
-          frameCompressed = !!(frame2.flags & 1 << 7);
+          frameEncrypted = !!(frame3.flags & 1 << 6);
+          frameCompressed = !!(frame3.flags & 1 << 7);
         } else if (header.majorVersion === 4) {
-          frameEncrypted = !!(frame2.flags & 1 << 2);
-          frameCompressed = !!(frame2.flags & 1 << 3);
-          frameUnsynchronized = !!(frame2.flags & 1 << 1) || !!(header.flags & Id3V2HeaderFlags.Unsynchronisation);
+          frameEncrypted = !!(frame3.flags & 1 << 2);
+          frameCompressed = !!(frame3.flags & 1 << 3);
+          frameUnsynchronized = !!(frame3.flags & 1 << 1) || !!(header.flags & Id3V2HeaderFlags.Unsynchronisation);
         }
         if (frameEncrypted) {
-          Logging._warn(`Skipping encrypted ID3v2 frame ${frame2.id}`);
+          Logging._warn(`Skipping encrypted ID3v2 frame ${frame3.id}`);
           reader.pos = frameEndPos;
           continue;
         }
         if (frameCompressed) {
-          Logging._warn(`Skipping compressed ID3v2 frame ${frame2.id}`);
+          Logging._warn(`Skipping compressed ID3v2 frame ${frame3.id}`);
           reader.pos = frameEndPos;
           continue;
         }
@@ -298620,19 +298746,19 @@ var init_id3 = __esm({
           reader.ununsynchronizeRegion(reader.pos, frameEndPos);
         }
         tags.raw ??= {};
-        if (frame2.id === "TXXX") {
+        if (frame3.id === "TXXX") {
           const txxx = tags.raw["TXXX"] ??= {};
           const encoding = reader.readId3V2TextEncoding();
           const description = reader.readId3V2Text(encoding, frameEndPos);
           const value3 = reader.readId3V2Text(encoding, frameEndPos);
           txxx[description] ??= value3;
-        } else if (frame2.id[0] === "T") {
-          tags.raw[frame2.id] ??= reader.readId3V2EncodingAndText(frameEndPos);
+        } else if (frame3.id[0] === "T") {
+          tags.raw[frame3.id] ??= reader.readId3V2EncodingAndText(frameEndPos);
         } else {
-          tags.raw[frame2.id] ??= reader.readBytes(frame2.size);
+          tags.raw[frame3.id] ??= reader.readBytes(frame3.size);
         }
         reader.pos = frameStartPos;
-        switch (frame2.id) {
+        switch (frame3.id) {
           case "TIT2":
           case "TT2":
             {
@@ -298807,7 +298933,7 @@ var init_id3 = __esm({
             break;
           default:
             {
-              reader.pos += frame2.size;
+              reader.pos += frame3.size;
             }
             ;
             break;
@@ -298918,8 +299044,8 @@ var init_id3 = __esm({
             }
             if (nextPos <= this.bytes.length - this.frameHeaderSize()) {
               this.pos += size7;
-              const nextId3 = this.readAscii(4);
-              if (nextId3 !== "\0\0\0\0" && !/[0-9A-Z]{4}/.test(nextId3)) {
+              const nextId4 = this.readAscii(4);
+              if (nextId4 !== "\0\0\0\0" && !/[0-9A-Z]{4}/.test(nextId4)) {
                 return false;
               }
             }
@@ -304773,8 +304899,8 @@ var init_media_source = __esm({
         const { numberOfChannels, numberOfFrames, sampleRate, timestamp } = audioSample;
         const CHUNK_SIZE = 2048;
         const outputs = [];
-        for (let frame2 = 0; frame2 < numberOfFrames; frame2 += CHUNK_SIZE) {
-          const frameCount2 = Math.min(CHUNK_SIZE, audioSample.numberOfFrames - frame2);
+        for (let frame3 = 0; frame3 < numberOfFrames; frame3 += CHUNK_SIZE) {
+          const frameCount2 = Math.min(CHUNK_SIZE, audioSample.numberOfFrames - frame3);
           const outputSize2 = frameCount2 * numberOfChannels * this.outputSampleSize;
           const outputBuffer = new ArrayBuffer(outputSize2);
           const outputView = new DataView(outputBuffer);
@@ -306088,9 +306214,9 @@ async function measure2(codec2, sampleRate, numberOfChannels) {
   const total2 = PROBE + MAX_LAG + 2048;
   const data = new Float32Array(total2 * numberOfChannels);
   for (let ch = 0; ch < numberOfChannels; ch++) data.set(signal, ch * total2);
-  const frame2 = new AudioData({ format: "f32-planar", sampleRate, numberOfFrames: total2, numberOfChannels, timestamp: 0, data });
-  enc2.encode(frame2);
-  frame2.close();
+  const frame3 = new AudioData({ format: "f32-planar", sampleRate, numberOfFrames: total2, numberOfChannels, timestamp: 0, data });
+  enc2.encode(frame3);
+  frame3.close();
   await enc2.flush();
   enc2.close();
   if (failed2 || !config2) throw failed2 ?? new Error("no decoder config");
@@ -308978,7 +309104,7 @@ function viaWorker(channels, sampleRate) {
     };
     worker.onmessageerror = () => breakWorker("the analysis worker sent something that could not be read");
   }
-  const id3 = nextId++;
+  const id3 = nextId2++;
   const answer2 = new Promise((resolve7, reject) => {
     waiting.set(id3, { resolve: resolve7, reject });
     worker.postMessage({ id: id3, channels: channels.map((c2) => c2.slice()), sampleRate });
@@ -309047,7 +309173,7 @@ async function ensureAnalyses(sound) {
   const hashes = new Set(sound.filter((c2) => !c2.muted).map((c2) => c2.mediaHash));
   await Promise.all([...hashes].map((h) => loadAnalysis(h)));
 }
-var pending5, failed, RETRY_MS3, now, WORKER_TIMEOUT_MS, worker, workerBroken, nextId, waiting, warned;
+var pending5, failed, RETRY_MS3, now, WORKER_TIMEOUT_MS, worker, workerBroken, nextId2, waiting, warned;
 var init_audio_analysis_store = __esm({
   "lib/motion/audio-analysis-store.ts"() {
     "use strict";
@@ -309062,7 +309188,7 @@ var init_audio_analysis_store = __esm({
     WORKER_TIMEOUT_MS = 2e4;
     worker = null;
     workerBroken = false;
-    nextId = 1;
+    nextId2 = 1;
     waiting = /* @__PURE__ */ new Map();
     warned = /* @__PURE__ */ new Set();
     if (typeof window !== "undefined") {
@@ -310449,28 +310575,28 @@ async function renderTemplateDetail(node2, doc2) {
   if (!img?.width || !img?.height) return null;
   return { bytes: thumbnailWebp(img), type: DETAIL_TYPE, width: img.width, height: img.height };
 }
-async function render(frame2, doc2) {
-  const bytes2 = await renderThumbnailJpeg(frame2, doc2);
+async function render(frame3, doc2) {
+  const bytes2 = await renderThumbnailJpeg(frame3, doc2);
   return bytes2 ? URL.createObjectURL(new Blob([bytes2], { type: "image/jpeg" })) : null;
 }
-function usePageThumbnail(frame2, doc2) {
-  const cached3 = cache8.get(frame2);
+function usePageThumbnail(frame3, doc2) {
+  const cached3 = cache8.get(frame3);
   const [url4, setUrl] = (0, import_react4.useState)(cached3?.url ?? null);
   (0, import_react4.useEffect)(() => {
     let cancelled = false;
-    const hit = cache8.get(frame2);
+    const hit = cache8.get(frame3);
     if (hit && hit.doc === doc2) {
       setUrl(hit.url);
       return;
     }
     const run4 = async () => {
-      const next2 = await render(frame2, doc2);
+      const next2 = await render(frame3, doc2);
       if (cancelled) {
         if (next2) URL.revokeObjectURL(next2);
         return;
       }
-      const prev = cache8.get(frame2)?.url;
-      cache8.set(frame2, { doc: doc2, url: next2 });
+      const prev = cache8.get(frame3)?.url;
+      cache8.set(frame3, { doc: doc2, url: next2 });
       if (prev && prev !== next2) URL.revokeObjectURL(prev);
       setUrl(next2);
     };
@@ -310483,7 +310609,7 @@ function usePageThumbnail(frame2, doc2) {
       cancelled = true;
       clearTimeout(timer);
     };
-  }, [frame2, doc2]);
+  }, [frame3, doc2]);
   return url4;
 }
 var import_react4, THUMB_PX, SETTLE_MS, cache8;
@@ -310588,7 +310714,7 @@ async function deleteCloudTemplate(id3) {
   useCloudTemplates.setState((s) => ({ available: s.available.filter((x2) => x2.id !== id3) }));
 }
 async function fetchCloudTemplate(id3) {
-  const { template: template2, payload } = await api(`/api/templates/${encodeURIComponent(id3)}`, { cache: "no-store" });
+  const { template: template2, payload } = await api(`/api/templates/${encodeURIComponent(id3)}`, { cache: "no-store", signal: AbortSignal.timeout(3e4) });
   return { meta: template2, payload };
 }
 async function searchTemplates(o = {}) {
@@ -310648,7 +310774,10 @@ async function documentFromSeed(seed2) {
   let template2 = seed2.template;
   if (!template2 && seed2.templateId) template2 = await (await Promise.resolve().then(() => (init_templates(), templates_exports))).fetchCloudTemplate(seed2.templateId);
   if (template2) {
+    reportOpenStage("media");
     await prepareTemplate(template2);
+    reportOpenStage("prepare");
+    await new Promise((r) => setTimeout(r, 0));
     const doc2 = documentFromTemplate(template2, seed2.name ?? template2.meta.name, seed2.sizeId);
     if ((await Promise.resolve().then(() => (init_library_link(), library_link_exports))).libraryLink() !== "unlinked") return doc2;
     const { unlinkLibrary: unlinkLibrary2 } = await Promise.resolve().then(() => (init_libraries(), libraries_exports));
@@ -310698,6 +310827,7 @@ async function createNewCloudFile(place4 = {}, seed2 = {}) {
   const doc2 = await documentFromSeed(seed2);
   const body = { name: doc2.name, localDocId: doc2.id, workspaceId: activeTeamWorkspaceId(), pageCount: doc2.pages.length, ...place4 };
   let key5;
+  reportOpenStage("create");
   try {
     ;
     ({ key: key5 } = await cloudApi.createFile(body));
@@ -310725,7 +310855,8 @@ function countTemplateUse(id3) {
 }
 async function createNewFileOrExplain(place4 = {}, seed2 = {}) {
   const result = await createNewFile(place4, seed2);
-  if (!result.ok && result.reason !== "plan") reportNewFileBlocked(result.reason);
+  const loaderShows = result.ok === false && result.reason === "failed" && !!useOpenProgress.getState().open;
+  if (!result.ok && result.reason !== "plan" && !loaderShows) reportNewFileBlocked(result.reason);
   return result;
 }
 async function createFreshFileOrExplain(place4 = {}, seed2 = {}) {
@@ -310744,6 +310875,7 @@ var init_new_file = __esm({
     init_page_presets();
     init_apply2();
     init_use();
+    init_open_progress();
     init_editor_store();
     init_document_library();
     init_tab_mode();
@@ -310961,7 +311093,17 @@ async function openCloudFile(key5, opts = {}) {
   const run4 = (async () => {
     opening++;
     try {
-      await loadCloudFile(key5, opts);
+      await trackOpen(async () => {
+        await loadCloudFile(key5, opts);
+      }, {
+        retry: () => {
+          void openCloudFile(key5, opts).catch(() => {
+          });
+        },
+        // A refusal or a failed request: the file's page explains it (sign in, ask the owner). A timeout is the loader's.
+        showError: () => false,
+        settle: () => firstFrameOf(useEditorStore.getState().document.id)
+      });
     } finally {
       opening--;
     }
@@ -310990,6 +311132,7 @@ async function loadCloudFile(key5, opts) {
     fetch(`/api/files/${key5}/snapshot`, { headers: { ...await authHeaders(), ...haveLocal ? { "x-have-snapshot-version": String(existing.version) } : {} } })
   ]);
   if (!res.ok) throw new ApiError(res.status, "Could not load file", "load_failed");
+  reportOpenStage("open");
   const version7 = Number(res.headers.get("x-snapshot-version") ?? "0");
   if (res.status === 204 && haveLocal) {
     await useEditorStore.getState().openDocument(existing.docId);
@@ -311279,6 +311422,7 @@ function startCloudSync() {
 var status, readOnlyDoc, activeLink, statusListeners, notice, urlArmed, opening, syncStatus, canEdit, uploaded, MEDIA_UPLOAD_PARALLEL, pushTimer, pushing, dirty, pendingMedia, collab, collabSession, collabAnonymous, uploadedThumbs, thumbCheckedAt, THUMB_EVERY_MS, THUMB_MIN_GAP_MS, putThumbnail, openingFiles, mediaHealed, started2;
 var init_sync2 = __esm({
   "lib/client/cloud/sync.ts"() {
+    "use strict";
     init_paint_repair();
     init_migrate();
     init_view();
@@ -311295,6 +311439,8 @@ var init_sync2 = __esm({
     init_private();
     init_tab_mode();
     init_editor_store();
+    init_open_progress();
+    init_first_frame();
     init_new_file();
     init_new_file_block();
     init_dist_node();
@@ -311738,8 +311884,8 @@ function tagFrameOrder(node2, tag2) {
   if (tag2.direction === "REVERSE") return fwd.reverse();
   return fwd.length > 2 ? [...fwd, ...fwd.slice(1, -1).reverse()] : fwd;
 }
-function pixelFrameSVGBody(node2, frame2) {
-  const rgba = frameRGBA2(node2, frame2);
+function pixelFrameSVGBody(node2, frame3) {
+  const rgba = frameRGBA2(node2, frame3);
   const cw = node2.width / node2.pixelWidth, ch = node2.height / node2.pixelHeight;
   const parts = [];
   for (const r of mergeRects(rgba, node2.pixelWidth, node2.pixelHeight)) {
@@ -311749,12 +311895,12 @@ function pixelFrameSVGBody(node2, frame2) {
   }
   return `<g shape-rendering="crispEdges">${parts.join("")}</g>`;
 }
-function pixelFrameSVG(node2, frame2) {
-  return `<svg xmlns="http://www.w3.org/2000/svg" width="${fmt(node2.width)}" height="${fmt(node2.height)}" viewBox="0 0 ${fmt(node2.width)} ${fmt(node2.height)}">${pixelFrameSVGBody(node2, frame2)}</svg>`;
+function pixelFrameSVG(node2, frame3) {
+  return `<svg xmlns="http://www.w3.org/2000/svg" width="${fmt(node2.width)}" height="${fmt(node2.height)}" viewBox="0 0 ${fmt(node2.width)} ${fmt(node2.height)}">${pixelFrameSVGBody(node2, frame3)}</svg>`;
 }
-async function pixelFramePNG(node2, frame2, scale = 1) {
+async function pixelFramePNG(node2, frame3, scale = 1) {
   const s = Math.max(1, Math.round(scale));
-  return pngBlob(scaleRGBA(frameRGBA2(node2, frame2), node2.pixelWidth, node2.pixelHeight, s), node2.pixelWidth * s, node2.pixelHeight * s);
+  return pngBlob(scaleRGBA(frameRGBA2(node2, frame3), node2.pixelWidth, node2.pixelHeight, s), node2.pixelWidth * s, node2.pixelHeight * s);
 }
 function spriteSheetLayout(node2, layout2, scale, imageName) {
   const s = Math.max(1, Math.round(scale));
@@ -311859,7 +312005,7 @@ var init_pixel_export = __esm({
     init_pixel_layers();
     init_cells();
     init_algorithms();
-    frameRGBA2 = (node2, frame2) => withPixelLayers(frameRGBA(node2, frame2), getPixelLayers(node2, frame2));
+    frameRGBA2 = (node2, frame3) => withPixelLayers(frameRGBA(node2, frame3), getPixelLayers(node2, frame3));
     fmt = (v) => (Math.round(v * 1e3) / 1e3).toString();
     pngBlob = async (bytes2, w, h) => new Blob([await encodePng(w, h, bytes2)], { type: "image/png" });
   }
@@ -316926,17 +317072,17 @@ async function runPixelExport(node2, setting, doc2) {
   const grid = node2;
   const px5 = await Promise.resolve().then(() => (init_pixel_export(), pixel_export_exports));
   const layers2 = await Promise.resolve().then(() => (init_pixel_layers(), pixel_layers_exports));
-  const frame2 = Math.max(0, Math.min(grid.frames.length - 1, grid.activeFrame || 0));
+  const frame3 = Math.max(0, Math.min(grid.frames.length - 1, grid.activeFrame || 0));
   const scale = Math.max(1, Math.round(setting.scale || 1));
   const name2 = exportFilename(node2, setting);
   switch (setting.format) {
     case "PNG":
-      await layers2.ensurePixelLayers(grid, doc2, frame2);
-      downloadBlob(await px5.pixelFramePNG(grid, frame2, scale), name2);
+      await layers2.ensurePixelLayers(grid, doc2, frame3);
+      downloadBlob(await px5.pixelFramePNG(grid, frame3, scale), name2);
       return true;
     case "SVG":
-      await layers2.ensurePixelLayers(grid, doc2, frame2);
-      downloadBlob(new Blob([px5.pixelFrameSVG(grid, frame2)], { type: "image/svg+xml" }), name2);
+      await layers2.ensurePixelLayers(grid, doc2, frame3);
+      downloadBlob(new Blob([px5.pixelFrameSVG(grid, frame3)], { type: "image/svg+xml" }), name2);
       return true;
     case "GIF": {
       await layers2.ensureAllPixelLayers(grid, doc2);
@@ -317738,9 +317884,9 @@ async function generateVideoFile(req, opts = {}) {
   if (req.startFrameIds?.length) {
     if (!model.startImage) throw new AiClientError(`${model.label} can\u2019t start from an image. Pick a Seedance or Veo 3.1 Fast model, or turn the start frame off.`, "bad_request", 0);
     if (!req.doc) throw new AiClientError("The start frame needs the document.", "not_ready", 0);
-    const frame2 = await renderStartFrame(req.doc, req.startFrameIds);
-    if (!frame2) throw new AiClientError("Could not render the start frame \u2014 the canvas may not be ready, or the layers have no visible area.", "not_ready", 0);
-    image = frame2;
+    const frame3 = await renderStartFrame(req.doc, req.startFrameIds);
+    if (!frame3) throw new AiClientError("Could not render the start frame \u2014 the canvas may not be ready, or the layers have no visible area.", "not_ready", 0);
+    image = frame3;
   }
   const result = await requestVideo({
     model: model.id,
@@ -317813,9 +317959,9 @@ async function renderDocument(doc2, nodeIds, options) {
   if (options?.at !== void 0) {
     const { bakeMotion: bakeMotion3 } = await Promise.resolve().then(() => (init_pose(), pose_exports));
     for (const id3 of nodeIds) {
-      let frame2 = doc2.nodes[id3];
-      while (frame2 && !frame2.timeline && frame2.parentId && doc2.nodes[frame2.parentId]?.type !== "PAGE") frame2 = doc2.nodes[frame2.parentId];
-      if (frame2) doc2 = { ...doc2, nodes: bakeMotion3(doc2.nodes, frame2.id, options.at) };
+      let frame3 = doc2.nodes[id3];
+      while (frame3 && !frame3.timeline && frame3.parentId && doc2.nodes[frame3.parentId]?.type !== "PAGE") frame3 = doc2.nodes[frame3.parentId];
+      if (frame3) doc2 = { ...doc2, nodes: bakeMotion3(doc2.nodes, frame3.id, options.at) };
     }
   }
   return selectionReferenceImages2(doc2, [...nodeIds], { maxEdge: options?.maxEdge, max: 8, format: "JPG", ...options?.bands ? { bands: options.bands } : {} });
@@ -317941,7 +318087,6 @@ function agentToolList() {
 var AGENT_CAPABILITIES, legacyCommandId, legacyTools, blobToDataUrl3, provided, legacyTool, legacyToolList;
 var init_agent = __esm({
   "lib/commands/agent.ts"() {
-    "use strict";
     init_types5();
     init_registry();
     init_errors();
@@ -318175,7 +318320,7 @@ function bbox2(boxes) {
   const maxX = Math.max(...boxes.map((b) => b.x + b.width)), maxY = Math.max(...boxes.map((b) => b.y + b.height));
   return { x: minX, y: minY, width: maxX - minX, height: maxY - minY };
 }
-function inferAutoLayout(frame2, children) {
+function inferAutoLayout(frame3, children) {
   const kids = children.filter((c3) => c3.width >= 0 && c3.height >= 0);
   const empty2 = {
     layoutMode: "VERTICAL",
@@ -318195,7 +318340,7 @@ function inferAutoLayout(frame2, children) {
   const sepV = separation(kids, "VERTICAL");
   const sepH = separation(kids, "HORIZONTAL");
   let dir;
-  if (kids.length === 1) dir = frame2.width > frame2.height ? "HORIZONTAL" : "VERTICAL";
+  if (kids.length === 1) dir = frame3.width > frame3.height ? "HORIZONTAL" : "VERTICAL";
   else if (rowsV.length !== colsH.length) dir = rowsV.length > colsH.length ? "VERTICAL" : "HORIZONTAL";
   else if (Math.abs(sepV - sepH) > 0.01) dir = sepV > sepH ? "VERTICAL" : "HORIZONTAL";
   else {
@@ -318227,8 +318372,8 @@ function inferAutoLayout(frame2, children) {
   const padding3 = {
     top: Math.max(0, Math.round(bb.y)),
     left: Math.max(0, Math.round(bb.x)),
-    bottom: Math.max(0, Math.round(frame2.height - (bb.y + bb.height))),
-    right: Math.max(0, Math.round(frame2.width - (bb.x + bb.width)))
+    bottom: Math.max(0, Math.round(frame3.height - (bb.y + bb.height))),
+    right: Math.max(0, Math.round(frame3.width - (bb.x + bb.width)))
   };
   const before = dir === "HORIZONTAL" ? padding3.left : padding3.top;
   const after = dir === "HORIZONTAL" ? padding3.right : padding3.bottom;
@@ -318270,7 +318415,7 @@ function applyLayoutSuggestion(doc2, nodeId2, s) {
   const nodes = { ...doc2.nodes };
   let host = original;
   if (host.type === "GROUP") {
-    const frame2 = createFrame({
+    const frame3 = createFrame({
       id: host.id,
       name: host.name,
       x: host.x,
@@ -318287,7 +318432,7 @@ function applyLayoutSuggestion(doc2, nodeId2, s) {
       backgroundColor: { r: 1, g: 1, b: 1, a: 0 },
       clipsContent: false
     });
-    host = frame2;
+    host = frame3;
   }
   const flow = new Set(flowChildren(doc2, host).map((c2) => c2.id));
   const rest = host.childIds.filter((id3) => !flow.has(id3));
@@ -318433,8 +318578,8 @@ function applyOverride(doc2, virtualId, props) {
 }
 function commitUpdates(ctx2, doc2, updates) {
   let next2 = doc2;
-  for (const [id3, patch] of updates) {
-    next2 = isVirtualId2(id3) ? applyOverride(next2, id3, patch) : updateNode(next2, id3, patch);
+  for (const [id3, patch2] of updates) {
+    next2 = isVirtualId2(id3) ? applyOverride(next2, id3, patch2) : updateNode(next2, id3, patch2);
   }
   next2 = applyInvariants(next2, updates.keys());
   ctx2.commit(next2);
@@ -318708,14 +318853,14 @@ function isSvgMarkup(text) {
 }
 function placeSvgLayers(doc2, parentId, svg, place4) {
   if (!doc2.nodes[parentId] || svg.length > MAX_SVG_LAYER_BYTES) return null;
-  const frame2 = createFrame({ name: place4.name, x: place4.cx, y: place4.cy, width: 1, height: 1, fills: [], backgroundColor: { r: 1, g: 1, b: 1, a: 0 }, clipsContent: false });
-  let next2 = addNode(doc2, frame2, parentId);
+  const frame3 = createFrame({ name: place4.name, x: place4.cx, y: place4.cy, width: 1, height: 1, fills: [], backgroundColor: { r: 1, g: 1, b: 1, a: 0 }, clipsContent: false });
+  let next2 = addNode(doc2, frame3, parentId);
   try {
-    next2 = importSVG(svg, next2, frame2.id);
+    next2 = importSVG(svg, next2, frame3.id);
   } catch {
     return null;
   }
-  const kids = next2.nodes[frame2.id].childIds.map((id3) => next2.nodes[id3]).filter(Boolean);
+  const kids = next2.nodes[frame3.id].childIds.map((id3) => next2.nodes[id3]).filter(Boolean);
   if (!kids.length) return null;
   const nodes = { ...next2.nodes };
   if (place4.intern) {
@@ -318728,8 +318873,8 @@ function placeSvgLayers(doc2, parentId, svg, place4) {
   const maxX = Math.max(...kids.map((k2) => k2.x + k2.width)), maxY = Math.max(...kids.map((k2) => k2.y + k2.height));
   for (const k2 of kids) nodes[k2.id] = { ...nodes[k2.id], x: k2.x - minX, y: k2.y - minY };
   const w = Math.max(1, maxX - minX), h = Math.max(1, maxY - minY);
-  nodes[frame2.id] = { ...nodes[frame2.id], x: Math.round(place4.cx - w / 2), y: Math.round(place4.cy - h / 2), width: w, height: h };
-  return { doc: { ...next2, nodes }, id: frame2.id };
+  nodes[frame3.id] = { ...nodes[frame3.id], x: Math.round(place4.cx - w / 2), y: Math.round(place4.cy - h / 2), width: w, height: h };
+  return { doc: { ...next2, nodes }, id: frame3.id };
 }
 var MAX_SVG_LAYER_BYTES;
 var init_svg_place = __esm({
@@ -319095,15 +319240,15 @@ var init_node = __esm({
         const changedKeys = /* @__PURE__ */ new Set();
         for (const u of args2.updates) {
           resolvedNodeOrThrow(doc2, u.id);
-          const patch = {};
+          const patch2 = {};
           for (const [k2, v] of Object.entries(u.props)) {
             if (args2.strict && FORBIDDEN_PROPS.has(k2)) throw new ToolError(`update_nodes cannot change "${k2}". Use reparent, delete_nodes or create_node instead.`);
             if (FORBIDDEN_PROPS.has(k2) || v === void 0) continue;
-            patch[k2] = v;
+            patch2[k2] = v;
             changedKeys.add(k2);
           }
-          if (args2.strict && !Object.keys(patch).length) throw new ToolError(`No properties given for "${u.id}".`);
-          patches.set(u.id, patch);
+          if (args2.strict && !Object.keys(patch2).length) throw new ToolError(`No properties given for "${u.id}".`);
+          patches.set(u.id, patch2);
         }
         commitUpdates(ctx2, doc2, patches);
         return { summary: `Updated ${plural2(patches.size, "layer")} (${[...changedKeys].slice(0, 6).join(", ")})`, data: { ids: [...patches.keys()] } };
@@ -319804,7 +319949,7 @@ var init_node = __esm({
 
 // lib/commands/text.ts
 function applyTypeStyle(node2, styles) {
-  const patch = { ...styles };
+  const patch2 = { ...styles };
   const segments = node2.styledSegments;
   if (segments?.length) {
     const keys4 = Object.keys(styles);
@@ -319813,9 +319958,9 @@ function applyTypeStyle(node2, styles) {
       for (const k2 of keys4) delete next2[k2];
       return next2;
     }).filter((seg) => Object.keys(seg).length > 2);
-    patch.styledSegments = stripped;
+    patch2.styledSegments = stripped;
   }
-  return patch;
+  return patch2;
 }
 var textSet, TYPE_FIELDS, textSetTypography, textSearchFonts, textSetEffect;
 var init_text = __esm({
@@ -320186,8 +320331,8 @@ var init_text_path2 = __esm({
         if (!isClosedOutline(shape2) || shapeId === textId) throw new ToolError(`"${shape2.name}" (${shapeId}) has no closed outline to flow text into. Use an ellipse, rectangle, polygon, star, frame or a closed vector.`);
         const t3 = text;
         const area4 = { shapeId, ...args2.inset !== void 0 ? { inset: args2.inset } : t3.textArea?.inset !== void 0 ? { inset: t3.textArea.inset } : {} };
-        const patch = { textArea: area4, textPath: void 0, textAutoResize: "NONE", ...args2.fit ? { textFit: args2.fit } : {}, ...areaBoxPatch(doc2.nodes, t3, shapeId) };
-        commitUpdates(ctx2, doc2, /* @__PURE__ */ new Map([[textId, patch]]));
+        const patch2 = { textArea: area4, textPath: void 0, textAutoResize: "NONE", ...args2.fit ? { textFit: args2.fit } : {}, ...areaBoxPatch(doc2.nodes, t3, shapeId) };
+        commitUpdates(ctx2, doc2, /* @__PURE__ */ new Map([[textId, patch2]]));
         return { summary: `Flowed "${text.name}" into "${shape2.name}"`, data: { id: textId, shapeId } };
       }
     });
@@ -320550,7 +320695,7 @@ var init_paint = __esm({
           if (!n) continue;
           stack.push(...n.childIds ?? []);
           const rec = n;
-          const patch = {};
+          const patch2 = {};
           let hit = 0;
           const paints = rec.fills;
           if (paints?.length) {
@@ -320579,7 +320724,7 @@ var init_paint = __esm({
               }
               return out;
             });
-            if (changed) patch.fills = next2;
+            if (changed) patch2.fills = next2;
           }
           const strokes = rec.strokes;
           if (strokes?.length) {
@@ -320591,7 +320736,7 @@ var init_paint = __esm({
               hit++;
               return { ...s, color: c2 };
             });
-            if (changed) patch.strokes = next2;
+            if (changed) patch2.strokes = next2;
           }
           const effects = effectsOf(n);
           if (effects.length) {
@@ -320605,18 +320750,18 @@ var init_paint = __esm({
               return { ...e, color: c2 };
             });
             if (changed) {
-              patch.effects = next2;
-              patch.shadows = void 0;
-              patch.blurs = void 0;
+              patch2.effects = next2;
+              patch2.shadows = void 0;
+              patch2.blurs = void 0;
             }
           }
           const bg = swapColor(rec.backgroundColor);
           if (bg) {
-            patch.backgroundColor = bg;
+            patch2.backgroundColor = bg;
             hit++;
           }
           if (hit) {
-            nodes[id3] = { ...n, ...patch };
+            nodes[id3] = { ...n, ...patch2 };
             touched.push(id3);
             swaps += hit;
           }
@@ -321980,9 +322125,9 @@ function clipOr(doc2, id3, frameId) {
   if (!c2) throw new Error(`"${doc2.nodes[id3]?.name ?? id3}" is not a video layer.`);
   return c2;
 }
-function withSound(node2, fill, patch) {
+function withSound(node2, fill, patch2) {
   const cur = fillsOf(node2)[fill]?.videoSound ?? { muted: true };
-  const next2 = { ...cur, ...patch };
+  const next2 = { ...cur, ...patch2 };
   for (const k2 of Object.keys(next2)) if (next2[k2] === void 0) delete next2[k2];
   if (next2.muted === false) delete next2.muted;
   if (next2.offset !== void 0) {
@@ -322000,10 +322145,10 @@ function withSound(node2, fill, patch) {
   if (next2.fadeCurve !== "equalPower") delete next2.fadeCurve;
   return withVideoPaint(node2, fill, { videoSound: next2 });
 }
-function editVideoSound(doc2, id3, frameId, patch) {
+function editVideoSound(doc2, id3, frameId, patch2) {
   const c2 = clipOr(doc2, id3, frameId);
   const len3 = c2.end - c2.start;
-  const p2 = { ...patch };
+  const p2 = { ...patch2 };
   for (const k2 of ["fadeIn", "fadeOut"]) if (p2[k2] !== void 0) p2[k2] = Math.min(len3, p2[k2]);
   return withNode(doc2, withSound(doc2.nodes[id3], c2.fill, p2));
 }
@@ -322108,9 +322253,9 @@ function setVideoSpeed(doc2, id3, frameId, speed) {
   }
   return withNode(doc2, next2);
 }
-function editVideoPaint(doc2, id3, frameId, patch) {
+function editVideoPaint(doc2, id3, frameId, patch2) {
   const c2 = clipOr(doc2, id3, frameId);
-  return withNode(doc2, withVideoPaint(doc2.nodes[id3], c2.fill, patch));
+  return withNode(doc2, withVideoPaint(doc2.nodes[id3], c2.fill, patch2));
 }
 function splitVideo(doc2, id3, frameId, at4) {
   const c2 = clipOr(doc2, id3, frameId);
@@ -322216,7 +322361,7 @@ function crossfadeAudio(holder, aId, bId, ms2, sourceMs) {
   const aEnd = audioClipEnd(a);
   let overlap = aEnd - b.start;
   let next2 = holder;
-  const patch = (id3, p2) => {
+  const patch2 = (id3, p2) => {
     next2 = editAudioClip(next2, id3, p2);
   };
   if (overlap < d) {
@@ -322226,13 +322371,13 @@ function crossfadeAudio(holder, aId, bId, ms2, sourceMs) {
     const fileLen = sourceMs?.(a.mediaHash);
     const tailRoom = fileLen !== void 0 ? Math.max(0, Math.floor((fileLen - a.out) / sa)) : Infinity;
     const tail = Math.min(need - head2, tailRoom);
-    if (tail > 0) patch(a.id, { out: Math.round(a.out + tail * sa) });
-    if (head2 > 0) patch(b.id, { start: b.start - head2, in: Math.round(b.in - head2 * sb) });
+    if (tail > 0) patch2(a.id, { out: Math.round(a.out + tail * sa) });
+    if (head2 > 0) patch2(b.id, { start: b.start - head2, in: Math.round(b.in - head2 * sb) });
     overlap = Math.max(0, overlap) + head2 + tail;
   }
   const fade = Math.max(1, Math.round(overlap));
-  patch(a.id, { fadeOut: fade, fadeCurve: "equalPower" });
-  patch(b.id, { fadeIn: fade, fadeCurve: "equalPower" });
+  patch2(a.id, { fadeOut: fade, fadeCurve: "equalPower" });
+  patch2(b.id, { fadeIn: fade, fadeCurve: "equalPower" });
   return next2;
 }
 function clipUnder(doc2, id3, frameId) {
@@ -322288,9 +322433,9 @@ var init_video_edit = __esm({
     init_time();
     init_video_clip();
     withNode = (doc2, node2) => doc2.nodes[node2.id] === node2 ? doc2 : { ...doc2, nodes: { ...doc2.nodes, [node2.id]: node2 } };
-    motionWith = (m, patch) => {
-      const next2 = { tracks: {}, ...m, ...patch };
-      for (const k2 of Object.keys(patch)) if (next2[k2] === void 0) delete next2[k2];
+    motionWith = (m, patch2) => {
+      const next2 = { tracks: {}, ...m, ...patch2 };
+      for (const k2 of Object.keys(patch2)) if (next2[k2] === void 0) delete next2[k2];
       return !Object.keys(next2.tracks).length && next2.timeOffset === void 0 && next2.span === void 0 && next2.stagger === void 0 ? void 0 : next2;
     };
     videoNodeIdsOn = (doc2, frameId) => videoNodeIds(doc2.nodes).filter((id3) => id3 !== frameId && localTime(doc2.nodes, id3, frameId, 0) !== void 0);
@@ -322365,9 +322510,9 @@ function applyAudioOp(holder, op4, label3) {
       return { holder: made.composition, clip: made.id };
     }
     case "audio": {
-      const { kind: _k, clip, ...patch } = op4;
+      const { kind: _k, clip, ...patch2 } = op4;
       void _k;
-      return { holder: editAudioClip(holder, audioOr(clip), patch) };
+      return { holder: editAudioClip(holder, audioOr(clip), patch2) };
     }
     case "trimAudio":
       return { holder: trimAudioClip(holder, audioOr(op4.clip), op4.edge, op4.delta, op4.sourceMs) };
@@ -323219,10 +323364,10 @@ function constrained(kind, pos, size6, parentSize, start2, end, sizeProp) {
       return { place: { [start2]: px2(pos) }, style: {} };
   }
 }
-function placedChild(node2, parent, frame2 = parent) {
+function placedChild(node2, parent, frame3 = parent) {
   const c2 = node2.constraints ?? { horizontal: "MIN", vertical: "MIN" };
-  const x2 = constrained(c2.horizontal, node2.x, node2.width, frame2.width, "left", "right", "width");
-  const y = constrained(c2.vertical, node2.y, node2.height, frame2.height, "top", "bottom", "height");
+  const x2 = constrained(c2.horizontal, node2.x, node2.width, frame3.width, "left", "right", "width");
+  const y = constrained(c2.vertical, node2.y, node2.height, frame3.height, "top", "bottom", "height");
   return { style: { ...limits(node2), ...x2.style, ...y.style }, place: { position: "absolute", ...x2.place, ...y.place } };
 }
 function siteLayout(node2, parent, layout2) {
@@ -323430,8 +323575,8 @@ var init_tokens2 = __esm({
 // lib/io/web/timeline.ts
 function frameWebMotion(doc2, frameId, style) {
   const nodes = doc2.nodes;
-  const frame2 = nodes[frameId];
-  if (!frame2 || !hasFrameMotion(nodes, frameId)) return null;
+  const frame3 = nodes[frameId];
+  if (!frame3 || !hasFrameMotion(nodes, frameId)) return null;
   const len3 = timelineDuration(nodes, frameId);
   if (!(len3 > 0)) return null;
   const steps = Math.max(1, Math.ceil(len3 / 1e3 * SAMPLE_RATE));
@@ -327805,7 +327950,7 @@ var init_package = __esm({
   "packages/runtime/package.json"() {
     package_default = {
       name: "@popcraft/runtime",
-      version: "0.43.1",
+      version: "0.44.0",
       description: "What code exported from PopCraft shares: the meaning of expressions (operators and functions) and, as it grows, the parts of a design's behaviour that are common code rather than generated React.",
       license: "MIT",
       homepage: "https://popcraft.app/docs/exporting/nextjs",
@@ -352471,6 +352616,7 @@ function exportsOf(source3) {
 var CODE_LIMITS, packageOf;
 var init_source2 = __esm({
   "lib/code/source.ts"() {
+    "use strict";
     CODE_LIMITS = { modules: 100, sourceLength: 2e5, packages: 12 };
     packageOf = (spec) => spec.split("/").slice(0, spec.startsWith("@") ? 2 : 1).join("/");
   }
@@ -353431,13 +353577,13 @@ async function drawShareFrame(doc2, frameId) {
     Promise.resolve().then(() => (init_export_fills(), export_fills_exports))
   ]);
   const renderer = getActiveRenderer2();
-  const frame2 = doc2.nodes[frameId];
-  if (!renderer || !frame2) return null;
+  const frame3 = doc2.nodes[frameId];
+  if (!renderer || !frame3) return null;
   const shown2 = documentForExport2(doc2);
-  const box2 = uprightBounds(getWorldTransform(shown2, frameId), frame2.width, frame2.height);
+  const box2 = uprightBounds(getWorldTransform(shown2, frameId), frame3.width, frame3.height);
   const crop = shareCrop(box2.maxX - box2.minX, box2.maxY - box2.minY);
   const bounds2 = { minX: box2.minX + crop.x, minY: box2.minY + crop.y, maxX: box2.minX + crop.x + crop.w, maxY: box2.minY + crop.y + crop.h };
-  const pixels = await renderer.exportRegion([shown2.nodes[frameId] ?? frame2], bounds2, crop.scale, shown2, shown2.styles, void 0, true);
+  const pixels = await renderer.exportRegion([shown2.nodes[frameId] ?? frame3], bounds2, crop.scale, shown2, shown2.styles, void 0, true);
   if (!pixels) return null;
   const png = await encodeImageData2(pixels, "PNG");
   if (png && png.size <= SHARE_MAX_BYTES) return { bytes: new Uint8Array(await png.arrayBuffer()), ext: "png" };
@@ -356351,8 +356497,8 @@ var init_vision = __esm({
         if (args2.parts) {
           if (ids2.length !== 1) throw new ToolError("Look at one frame part by part at a time.");
           if (args2.at && args2.at.length > 1) throw new ToolError("Look at a page part by part at one moment at a time.");
-          const frame2 = doc2.nodes[ids2[0]];
-          const parts = (frame2.childIds ?? []).map((c2) => doc2.nodes[c2]).filter((n) => !!n && n.visible !== false && n.layoutPositioning !== "ABSOLUTE" && n.height > 1);
+          const frame3 = doc2.nodes[ids2[0]];
+          const parts = (frame3.childIds ?? []).map((c2) => doc2.nodes[c2]).filter((n) => !!n && n.visible !== false && n.layoutPositioning !== "ABSOLUTE" && n.height > 1);
           const FOOT = 1e5;
           const tops = parts.map((n) => Math.max(0, n.y)).sort((a, b) => a - b);
           const bands = tops.length ? tops.map((y, i2) => {
@@ -356615,16 +356761,16 @@ function placeAudioClip(ctx2, compositionId2, o) {
 }
 function placeFrameAudioClip(ctx2, frameId, o) {
   const latest = ctx2.doc();
-  const frame2 = latest.nodes[frameId];
-  if (!frame2 || frame2.type !== "FRAME" && frame2.type !== "COMPONENT") throw new ToolError(`"${frameId}" is not a frame.`);
-  const made = addAudioClip(frameTimeline(latest.nodes, frame2.id), { mediaHash: o.mediaHash, name: o.name, duration: o.duration, start: o.start, lane: o.lane });
+  const frame3 = latest.nodes[frameId];
+  if (!frame3 || frame3.type !== "FRAME" && frame3.type !== "COMPONENT") throw new ToolError(`"${frameId}" is not a frame.`);
+  const made = addAudioClip(frameTimeline(latest.nodes, frame3.id), { mediaHash: o.mediaHash, name: o.name, duration: o.duration, start: o.start, lane: o.lane });
   let next2 = made.composition;
   if (o.fadeIn !== void 0 || o.fadeOut !== void 0) next2 = editAudioClip(next2, made.id, { fadeIn: o.fadeIn, fadeOut: o.fadeOut });
   if (o.gain !== void 0) next2 = setGainKey(next2, made.id, 0, o.gain);
   if (o.loop) next2 = editAudioClip(next2, made.id, { loop: true });
-  ctx2.commit({ ...latest, nodes: { ...latest.nodes, [frame2.id]: { ...frame2, timeline: next2 } } });
+  ctx2.commit({ ...latest, nodes: { ...latest.nodes, [frame3.id]: { ...frame3, timeline: next2 } } });
   const clip = next2.audio?.find((a) => a.id === made.id);
-  return { summary: `Added "${o.name}" (${(o.duration / 1e3).toFixed(1)} s) to "${frame2.name}"`, data: { frame: frame2.id, clip: made.id, mediaHash: o.mediaHash, duration: o.duration, lane: clip?.lane, start: clip?.start } };
+  return { summary: `Added "${o.name}" (${(o.duration / 1e3).toFixed(1)} s) to "${frame3.name}"`, data: { frame: frame3.id, clip: made.id, mediaHash: o.mediaHash, duration: o.duration, lane: clip?.lane, start: clip?.start } };
 }
 var ORDERS2, order, orderIds, seed, pickOf, presetList, motionApplyPreset, motionStagger, motionCreateComponent, SCENE_TYPES, motionNewComposition, center, compositionOp, OP_LABELS, motionEditComposition, motionDetectOnsets, motionGetCompositions, motionCutToBeat, motionAddAudio, AUDIO_USE_IDS, motionGenerateAudio;
 var init_motion2 = __esm({
@@ -356929,10 +357075,10 @@ var init_motion2 = __esm({
             break;
           case "frame": {
             const clip = comp.clips.find((c2) => c2.id === clipOr2(op4.clip));
-            const [frame2] = scenesOf(doc2, [op4.frame]);
-            if (!frame2) throw new ToolError(`"${op4.frame}" is not a frame (or a layer in one).`);
+            const [frame3] = scenesOf(doc2, [op4.frame]);
+            if (!frame3) throw new ToolError(`"${op4.frame}" is not a frame (or a layer in one).`);
             const wholeOld = clip.in === 0 && Math.abs(clip.out - timelineDuration(doc2.nodes, clip.frameId)) < 1;
-            next2 = setClipFrame(comp, clip.id, frame2.id, timelineDuration(doc2.nodes, frame2.id), wholeOld);
+            next2 = setClipFrame(comp, clip.id, frame3.id, timelineDuration(doc2.nodes, frame3.id), wholeOld);
             break;
           }
           case "rename":
@@ -357356,14 +357502,14 @@ var init_motion_av = __esm({
           }
           case "timing": {
             if (op4.speed !== void 0) next2 = wrap2(() => setVideoSpeed(next2, id3, frameId, op4.speed));
-            const patch = { ...op4.loop !== void 0 ? { videoLoop: op4.loop } : {}, ...op4.poster !== void 0 ? { videoPosterTime: op4.poster } : {}, ...op4.playback ? { videoPlayback: op4.playback } : {} };
-            if (Object.keys(patch).length) next2 = wrap2(() => editVideoPaint(next2, id3, frameId, patch));
+            const patch2 = { ...op4.loop !== void 0 ? { videoLoop: op4.loop } : {}, ...op4.poster !== void 0 ? { videoPosterTime: op4.poster } : {}, ...op4.playback ? { videoPlayback: op4.playback } : {} };
+            if (Object.keys(patch2).length) next2 = wrap2(() => editVideoPaint(next2, id3, frameId, patch2));
             break;
           }
           case "sound": {
-            const { kind: _k, ...patch } = op4;
+            const { kind: _k, ...patch2 } = op4;
             void _k;
-            next2 = wrap2(() => editVideoSound(doc2, id3, frameId, patch));
+            next2 = wrap2(() => editVideoSound(doc2, id3, frameId, patch2));
             break;
           }
           case "gainKey":
@@ -357405,13 +357551,13 @@ var init_motion_av = __esm({
       },
       run: (args2, ctx2) => {
         const doc2 = ctx2.doc();
-        const frame2 = doc2.nodes[args2.frame];
-        if (!frame2 || frame2.type !== "FRAME" && frame2.type !== "COMPONENT") throw new ToolError(`"${args2.frame}" is not a frame.`);
-        const tl = frameTimeline(doc2.nodes, frame2.id);
-        const r = applyAudioOp(tl, args2.op, `"${frame2.name}"`);
-        if (r.holder === tl) return { summary: "Nothing to change", data: { frame: frame2.id } };
-        ctx2.commit({ ...doc2, nodes: { ...doc2.nodes, [frame2.id]: { ...frame2, timeline: r.holder } } });
-        return { summary: `${args2.op.kind === "addAudio" ? "Added audio to" : "Edited audio of"} "${frame2.name}"`, data: { frame: frame2.id, ...r.clip ? { clip: r.clip } : {} } };
+        const frame3 = doc2.nodes[args2.frame];
+        if (!frame3 || frame3.type !== "FRAME" && frame3.type !== "COMPONENT") throw new ToolError(`"${args2.frame}" is not a frame.`);
+        const tl = frameTimeline(doc2.nodes, frame3.id);
+        const r = applyAudioOp(tl, args2.op, `"${frame3.name}"`);
+        if (r.holder === tl) return { summary: "Nothing to change", data: { frame: frame3.id } };
+        ctx2.commit({ ...doc2, nodes: { ...doc2.nodes, [frame3.id]: { ...frame3, timeline: r.holder } } });
+        return { summary: `${args2.op.kind === "addAudio" ? "Added audio to" : "Edited audio of"} "${frame3.name}"`, data: { frame: frame3.id, ...r.clip ? { clip: r.clip } : {} } };
       }
     });
   }
@@ -357935,9 +358081,9 @@ var init_motion_keys = __esm({
               delete motion.stagger;
             }
           }
-          const patch = { ...patches.get(node2.id) ?? {}, motion: tidy(motion) };
-          if (l.label !== void 0) patch.timelineColor = l.label ?? void 0;
-          patches.set(node2.id, patch);
+          const patch2 = { ...patches.get(node2.id) ?? {}, motion: tidy(motion) };
+          if (l.label !== void 0) patch2.timelineColor = l.label ?? void 0;
+          patches.set(node2.id, patch2);
         }
         commitUpdates(ctx2, doc2, patches);
         return { summary: `Timed ${plural2(patches.size, "layer")}`, data: { ids: [...patches.keys()] } };
@@ -358052,7 +358198,7 @@ var init_motion_rich = __esm({
     MS2 = 36e5;
     colorIn = external_exports.union([external_exports.string(), external_exports.object({ r: external_exports.number().min(0).max(1), g: external_exports.number().min(0).max(1), b: external_exports.number().min(0).max(1), a: external_exports.number().min(0).max(1).optional() })]).describe('"#rrggbb[aa]" or {r,g,b,a} (0\u20131).');
     colorOf = (c2) => typeof c2 === "string" ? parseHex(c2) : { a: 1, ...c2 };
-    put2 = (patches, id3, patch) => patches.set(id3, { ...patches.get(id3) ?? {}, ...patch });
+    put2 = (patches, id3, patch2) => patches.set(id3, { ...patches.get(id3) ?? {}, ...patch2 });
     UNITS2 = ["letter", "word", "line"];
     ORDERS3 = ["forward", "reverse", "center", "random"];
     animatorFields = external_exports.object({
@@ -358312,12 +358458,12 @@ var init_motion_rich = __esm({
           case "place": {
             for (const l of op4.layers) {
               const layer2 = nodeOrThrow(doc2, l.id);
-              const patch = {};
-              if (l.rotateX !== void 0) patch.rotateX = l.rotateX;
-              if (l.rotateY !== void 0) patch.rotateY = l.rotateY;
-              if (l.z !== void 0) patch.z = l.z;
-              if (l.material) patch.material3d = { ...layer2.material3d, ...clean3(l.material) };
-              put2(patches, layer2.id, patch);
+              const patch2 = {};
+              if (l.rotateX !== void 0) patch2.rotateX = l.rotateX;
+              if (l.rotateY !== void 0) patch2.rotateY = l.rotateY;
+              if (l.z !== void 0) patch2.z = l.z;
+              if (l.material) patch2.material3d = { ...layer2.material3d, ...clean3(l.material) };
+              put2(patches, layer2.id, patch2);
             }
             commitUpdates(ctx2, doc2, patches);
             return { summary: `Placed ${plural2(op4.layers.length, "layer")} in 3D`, data: { ids: op4.layers.map((l) => l.id) } };
@@ -358379,8 +358525,8 @@ var init_motion_rich = __esm({
               playback.range = e.range;
             } else delete playback.range;
           }
-          const patch = {};
-          if (touchesPlayback) patch.playback = Object.keys(playback).length ? playback : void 0;
+          const patch2 = {};
+          if (touchesPlayback) patch2.playback = Object.keys(playback).length ? playback : void 0;
           if (e.properties) {
             const defs = componentDefinitions(doc2.nodes, comp);
             const values3 = { ...inst.componentProperties ?? {} };
@@ -358390,9 +358536,9 @@ var init_motion_rich = __esm({
               values3[name2] = def.type === "COLOR" ? colorOf(raw) : raw;
               if (def.type === "NUMBER" && typeof raw !== "number" || def.type === "BOOLEAN" && typeof raw !== "boolean" || def.type === "TEXT" && typeof raw !== "string") throw new ToolError(`${name2} is a ${def.type} property.`);
             }
-            patch.componentProperties = values3;
+            patch2.componentProperties = values3;
           }
-          put2(patches, inst.id, patch);
+          put2(patches, inst.id, patch2);
         }
         commitUpdates(ctx2, doc2, patches);
         return { summary: `Playback on ${plural2(patches.size, "instance")}`, data: { ids: [...patches.keys()] } };
@@ -358587,19 +358733,19 @@ var init_motion_rich = __esm({
 function frameOrThrow(doc2, id3) {
   nodeOrThrow(doc2, id3);
   const host = hostOrThrow(doc2, id3);
-  const frame2 = doc2.nodes[host];
-  if (frame2.type !== "FRAME") throw new ToolError(`"${frame2.name}" is a component: state machines belong to top-level frames.`);
-  return frame2;
+  const frame3 = doc2.nodes[host];
+  if (frame3.type !== "FRAME") throw new ToolError(`"${frame3.name}" is a component: state machines belong to top-level frames.`);
+  return frame3;
 }
 function pick4(rec, key5, what) {
   const hit = rec[key5] ?? Object.values(rec).find((e) => e.name.toLowerCase() === key5.toLowerCase());
   if (!hit) throw new ToolError(`The machine has no ${what} "${key5}". It has: ${sortedValues(rec).map((e) => `${e.name} (${e.id})`).join(", ") || "none"}.`);
   return hit;
 }
-function markerOrThrow(frame2, key5) {
-  const markers = frameTimelineOf(frame2).markers ?? [];
+function markerOrThrow(frame3, key5) {
+  const markers = frameTimelineOf(frame3).markers ?? [];
   const m = markers.find((x2) => x2.id === key5) ?? markers.find((x2) => (x2.label ?? "").toLowerCase() === key5.toLowerCase());
-  if (!m) throw new ToolError(`"${frame2.name}" has no marker "${key5}". Add one with set_timeline (addMarkers).`);
+  if (!m) throw new ToolError(`"${frame3.name}" has no marker "${key5}". Add one with set_timeline (addMarkers).`);
   return m.id;
 }
 function valueFor(input2, v, what) {
@@ -358628,21 +358774,21 @@ function guardsFor(sm, list2) {
     return { input: input2.id, ...op4 && op4 !== "eq" ? { op: op4 } : {}, ...g.value !== void 0 ? { value: valueFor(input2, g.value, "A guard") } : {} };
   });
 }
-function applyOp(frame2, sm, op4) {
+function applyOp(frame3, sm, op4) {
   if (op4.kind === "create") {
-    if (sm) throw new ToolError(`"${frame2.name}" already has a state machine ("${sm.name}"). Edit it, or remove it first.`);
-    return { next: createStateMachine(frame2.timeline, op4.name) };
+    if (sm) throw new ToolError(`"${frame3.name}" already has a state machine ("${sm.name}"). Edit it, or remove it first.`);
+    return { next: createStateMachine(frame3.timeline, op4.name) };
   }
-  if (!sm) throw new ToolError(`"${frame2.name}" has no state machine. Create one first (op kind "create").`);
+  if (!sm) throw new ToolError(`"${frame3.name}" has no state machine. Create one first (op kind "create").`);
   const stretchOf = (o, s) => {
     const out = { ...s };
     if (o.from !== void 0) {
       if (o.from === null) delete out.from;
-      else out.from = markerOrThrow(frame2, o.from);
+      else out.from = markerOrThrow(frame3, o.from);
     }
     if (o.to !== void 0) {
       if (o.to === null) delete out.to;
-      else out.to = markerOrThrow(frame2, o.to);
+      else out.to = markerOrThrow(frame3, o.to);
     }
     if (o.loop !== void 0) {
       if (o.loop) out.loop = true;
@@ -358824,7 +358970,7 @@ var init_motion_machine = __esm({
     };
     opsOf = (p2) => p2.ops ?? (p2.op ? [p2.op] : []);
     opsLabel = (ops2) => ops2.length && ops2.every((o) => o.kind === ops2[0].kind) ? OP_LABELS2[ops2[0].kind] : "Edit state machine";
-    frameTimelineOf = (frame2) => frame2.timeline ?? { duration: 0 };
+    frameTimelineOf = (frame3) => frame3.timeline ?? { duration: 0 };
     stateRef = (sm, key5, allowAny = false) => allowAny && key5 === ANY_STATE ? ANY_STATE : pick4(sm.states, key5, "state").id;
     motionEditStateMachine = defineCommand({
       id: "motion.editStateMachine",
@@ -358851,22 +358997,22 @@ var init_motion_machine = __esm({
         const doc2 = ctx2.doc();
         const at4 = args2.id ?? ctx2.selection()[0];
         if (!at4) throw new ToolError("edit_state_machine needs the frame (id) or a selection.");
-        const frame2 = frameOrThrow(doc2, at4);
+        const frame3 = frameOrThrow(doc2, at4);
         if (!!args2.op === !!args2.ops) throw new ToolError("edit_state_machine takes op or ops (not both).");
         const ops2 = opsOf(args2);
-        let next2 = machineOf(frame2);
+        let next2 = machineOf(frame3);
         const added = [];
         for (const op4 of ops2) {
-          const r = applyOp(frame2, next2 ?? void 0, op4);
+          const r = applyOp(frame3, next2 ?? void 0, op4);
           next2 = r.next;
           if (r.added) added.push(r.added);
         }
-        commitUpdates(ctx2, doc2, /* @__PURE__ */ new Map([[frame2.id, { stateMachine: next2 ?? void 0 }]]));
-        const sm = machineOf(ctx2.doc().nodes[frame2.id]);
+        commitUpdates(ctx2, doc2, /* @__PURE__ */ new Map([[frame3.id, { stateMachine: next2 ?? void 0 }]]));
+        const sm = machineOf(ctx2.doc().nodes[frame3.id]);
         const label3 = opsLabel(ops2);
         return {
           summary: next2 && sm ? `${label3} \u2014 "${sm.name}": ${plural2(Object.keys(sm.states).length, "state")}, ${plural2(Object.keys(sm.transitions).length, "transition")}` : label3,
-          data: { id: frame2.id, ...added.length ? { added: added[added.length - 1], addedAll: added } : {}, ...sm ? { stateMachine: sm } : {} }
+          data: { id: frame3.id, ...added.length ? { added: added[added.length - 1], addedAll: added } : {}, ...sm ? { stateMachine: sm } : {} }
         };
       }
     });
@@ -358888,16 +359034,16 @@ var init_motion_machine = __esm({
         const doc2 = ctx2.doc();
         const at4 = args2.id ?? ctx2.selection()[0];
         if (!at4) throw new ToolError("get_state_machine needs the frame (id) or a selection.");
-        const frame2 = frameOrThrow(doc2, at4);
-        const sm = machineOf(frame2);
-        const tl = frameTimeline(doc2.nodes, frame2.id);
+        const frame3 = frameOrThrow(doc2, at4);
+        const sm = machineOf(frame3);
+        const tl = frameTimeline(doc2.nodes, frame3.id);
         const markers = (tl.markers ?? []).map((m) => ({ id: m.id, t: m.t, ...m.label ? { label: m.label } : {} }));
-        if (!sm) return { summary: `"${frame2.name}" has no state machine`, data: { id: frame2.id, stateMachine: null, markers } };
-        const duration3 = timelineDuration(doc2.nodes, frame2.id);
+        if (!sm) return { summary: `"${frame3.name}" has no state machine`, data: { id: frame3.id, stateMachine: null, markers } };
+        const duration3 = timelineDuration(doc2.nodes, frame3.id);
         const states = sortedValues(sm.states).map((s) => ({ ...s, stretch: stateStretch(s, tl, duration3) }));
         return {
           summary: `"${sm.name}": ${plural2(states.length, "state")}, ${plural2(Object.keys(sm.inputs).length, "input")}, ${plural2(Object.keys(sm.listeners).length, "listener")}`,
-          data: { id: frame2.id, stateMachine: { ...sm, states, transitions: sortedValues(sm.transitions), inputs: sortedValues(sm.inputs), listeners: sortedValues(sm.listeners) }, markers }
+          data: { id: frame3.id, stateMachine: { ...sm, states, transitions: sortedValues(sm.transitions), inputs: sortedValues(sm.inputs), listeners: sortedValues(sm.listeners) }, markers }
         };
       }
     });
@@ -359266,7 +359412,7 @@ function placeVideoScene(doc2, pageId2, compositionId2, file2, intoId) {
   if (!comp || !doc2.nodes[pageId2]) return null;
   const durationMs = Math.max(1, Math.round(file2.durationMs));
   const at4 = nextScenePosition(doc2, pageId2);
-  const frame2 = createFrame({
+  const frame3 = createFrame({
     name: file2.name,
     ...at4,
     width: comp.width,
@@ -359274,26 +359420,26 @@ function placeVideoScene(doc2, pageId2, compositionId2, file2, intoId) {
     fills: [{ type: "SOLID", color: comp.background ?? { r: 0, g: 0, b: 0, a: 1 }, visible: true }],
     timeline: { duration: durationMs, fps: comp.fps }
   });
-  let next2 = addNode(doc2, frame2, pageId2);
+  let next2 = addNode(doc2, frame3, pageId2);
   let nodeId2;
   const existing = intoId ? next2.nodes[intoId] : void 0;
   if (existing) {
     const oldParent = existing.parentId ? next2.nodes[existing.parentId] : void 0;
     const nodes = { ...next2.nodes };
     if (oldParent) nodes[oldParent.id] = { ...oldParent, childIds: oldParent.childIds.filter((c2) => c2 !== existing.id) };
-    nodes[frame2.id] = { ...nodes[frame2.id], childIds: [...nodes[frame2.id].childIds, existing.id] };
-    nodes[existing.id] = { ...existing, parentId: frame2.id, x: 0, y: 0, width: comp.width, height: comp.height, rotation: 0 };
+    nodes[frame3.id] = { ...nodes[frame3.id], childIds: [...nodes[frame3.id].childIds, existing.id] };
+    nodes[existing.id] = { ...existing, parentId: frame3.id, x: 0, y: 0, width: comp.width, height: comp.height, rotation: 0 };
     next2 = fillWithVideo({ ...next2, nodes }, existing.id, file2);
     nodeId2 = existing.id;
   } else {
-    const placed2 = placeVideoLayer(next2, frame2.id, file2, { cx: comp.width / 2, cy: comp.height / 2, width: comp.width, height: comp.height });
+    const placed2 = placeVideoLayer(next2, frame3.id, file2, { cx: comp.width / 2, cy: comp.height / 2, width: comp.width, height: comp.height });
     next2 = placed2.doc;
     nodeId2 = placed2.nodeId;
   }
-  const withClip = addClip(comp, frame2.id, durationMs);
+  const withClip = addClip(comp, frame3.id, durationMs);
   const clipId = withClip.clips.find((c2) => !comp.clips.some((o) => o.id === c2.id))?.id ?? "";
   next2 = repairDocumentCompositions({ ...next2, compositions: { ...next2.compositions, [comp.id]: withClip } });
-  return { doc: next2, frameId: frame2.id, nodeId: nodeId2, clipId };
+  return { doc: next2, frameId: frame3.id, nodeId: nodeId2, clipId };
 }
 var init_media_placement = __esm({
   "lib/ai/media-placement.ts"() {
@@ -360289,10 +360435,10 @@ async function placePicture(imported, opts = {}) {
     Promise.resolve().then(() => (init_media_tool(), media_tool_exports))
   ]);
   const st = useEditorStore2.getState();
-  const frame2 = photoFrameOf2(st.document.nodes, opts.targetId !== void 0 ? opts.targetId : st.selection[0] ?? null);
-  if (frame2) {
-    st.fillPhotoFrame(frame2.id, imported.ref, { width: imported.width, height: imported.height }, imported.name, imported.credit);
-    return frame2.id;
+  const frame3 = photoFrameOf2(st.document.nodes, opts.targetId !== void 0 ? opts.targetId : st.selection[0] ?? null);
+  if (frame3) {
+    st.fillPhotoFrame(frame3.id, imported.ref, { width: imported.width, height: imported.height }, imported.name, imported.credit);
+    return frame3.id;
   }
   const point2 = opts.at ?? { x: st.camera.x, y: st.camera.y };
   return placeImage2(imported.ref, { w: imported.width, h: imported.height }, { kind: "point", ...point2 }, { name: imported.name, ...imported.credit ? { credit: imported.credit } : {} });
@@ -360322,10 +360468,10 @@ async function placeImportedPicture(ctx2, imported, at4, what, extra = {}) {
   if (at4.fillLayerId) {
     const doc2 = ctx2.doc();
     const target2 = nodeOrThrow(doc2, at4.fillLayerId);
-    const frame2 = photoFrameOf(doc2.nodes, target2.id);
-    if (frame2) {
-      ctx2.commit(fillPhotoFrame(doc2, frame2.id, imported.ref, { width: imported.width, height: imported.height }, imported.name, imported.credit));
-      return { summary: `Filled photo frame \u201C${frame2.name}\u201D with ${what}`, data: { id: frame2.id, ...extra } };
+    const frame3 = photoFrameOf(doc2.nodes, target2.id);
+    if (frame3) {
+      ctx2.commit(fillPhotoFrame(doc2, frame3.id, imported.ref, { width: imported.width, height: imported.height }, imported.name, imported.credit));
+      return { summary: `Filled photo frame \u201C${frame3.name}\u201D with ${what}`, data: { id: frame3.id, ...extra } };
     }
     if (!("fills" in target2)) throw new ToolError(`\u201C${target2.name}\u201D has no fills to put a picture in.`);
     const fill = client.photoFill({ type: "IMAGE", visible: true, opacity: 1 }, imported);
@@ -360808,11 +360954,11 @@ var init_prototype = __esm({
         const patches = /* @__PURE__ */ new Map();
         for (const id3 of ids2) {
           const node2 = doc2.nodes[id3];
-          const patch = {};
+          const patch2 = {};
           if (replace || add3.length || args2.removeInteractions) {
             const drop = new Set(args2.removeInteractions ?? []);
             const next2 = [...(replace ?? node2.interactions ?? []).filter((ix) => !drop.has(ix.id)), ...add3];
-            patch.interactions = next2.length ? next2 : void 0;
+            patch2.interactions = next2.length ? next2 : void 0;
           }
           if (args2.liveValues) {
             if ("characters" in args2.liveValues && node2.type !== "TEXT" && args2.liveValues.characters) throw new ToolError(`\u201C${node2.name}\u201D is not text, so it has no characters to bind.`);
@@ -360821,10 +360967,10 @@ var init_prototype = __esm({
               if (src) bound[prop] = src;
               else delete bound[prop];
             }
-            patch.boundExpressions = Object.keys(bound).length ? bound : void 0;
+            patch2.boundExpressions = Object.keys(bound).length ? bound : void 0;
           }
-          if (args2.sharedElement !== void 0) patch.sharedElement = args2.sharedElement || void 0;
-          patches.set(id3, patch);
+          if (args2.sharedElement !== void 0) patch2.sharedElement = args2.sharedElement || void 0;
+          patches.set(id3, patch2);
         }
         commitUpdates(ctx2, doc2, patches);
         return { summary: `Edited the prototype on ${ids2.length === 1 ? "1 layer" : `${ids2.length} layers`}`, data: { ids: ids2 } };
@@ -361026,6 +361172,7 @@ function publishSite(key5, files, opts = {}) {
 var siteStatus, setSiteVersion, workspaceSites, deleteSite, renameSite;
 var init_sites = __esm({
   "lib/client/cloud/sites.ts"() {
+    "use strict";
     init_files();
     init_upload2();
     init_api4();
@@ -367423,8 +367570,8 @@ function libraryMotionPreviews(libraryId, version7) {
   }
   return p2;
 }
-async function updateLibraryListing(libraryId, patch) {
-  await api(`/api/libraries/${libraryId}`, { method: "PATCH", json: patch });
+async function updateLibraryListing(libraryId, patch2) {
+  await api(`/api/libraries/${libraryId}`, { method: "PATCH", json: patch2 });
   await refreshLibraries();
 }
 async function unpublishLibrary(libraryId) {
@@ -367847,8 +367994,8 @@ function widgetCommands(id3) {
         const after = layoutWidget(tree);
         const sx = node2.widgetTree ? node2.width / before.width : 1;
         const sy = node2.widgetTree ? node2.height / before.height : 1;
-        const patch = { widgetTree: tree, widgetState: next2, width: after.width * sx, height: after.height * sy };
-        ctx2.commit(updateNode(ctx2.doc(), node2.id, patch), ctx2.actor.label ?? "Update widget");
+        const patch2 = { widgetTree: tree, widgetState: next2, width: after.width * sx, height: after.height * sy };
+        ctx2.commit(updateNode(ctx2.doc(), node2.id, patch2), ctx2.actor.label ?? "Update widget");
         return { summary: "Widget updated" };
       }
     }),
@@ -368757,7 +368904,7 @@ async function applyLayoutIr(ir, document2, pageId2, opts = {}) {
   let cursorX = siblings.reduce((m, n) => Math.max(m, n.x + n.width), 0) + (siblings.length ? 120 : 0);
   const cursorY = siblings.length ? Math.min(...siblings.map((n) => n.y)) : 0;
   for (const p2 of ir.pages) {
-    const frame2 = createFrame({
+    const frame3 = createFrame({
       name: p2.name || name2,
       x: cursorX,
       y: cursorY,
@@ -368766,9 +368913,9 @@ async function applyLayoutIr(ir, document2, pageId2, opts = {}) {
       fills: [createSolidPaint(createColor(1, 1, 1))],
       clipsContent: true
     });
-    doc2 = addNode(doc2, frame2, pageId2);
-    added.push(frame2.id);
-    cursorX += frame2.width + 120;
+    doc2 = addNode(doc2, frame3, pageId2);
+    added.push(frame3.id);
+    cursorX += frame3.width + 120;
     const items = [...p2.items || []].sort((a, b) => {
       const rank = (k2) => k2 === "rect" ? 0 : k2 === "image" ? 1 : 2;
       return rank(a.kind) - rank(b.kind);
@@ -368815,7 +368962,7 @@ async function applyLayoutIr(ir, document2, pageId2, opts = {}) {
           fills: [createSolidPaint(createColor(c2.r, c2.g, c2.b, c2.a))]
         });
       }
-      if (child) doc2 = addNode(doc2, child, frame2.id);
+      if (child) doc2 = addNode(doc2, child, frame3.id);
     }
   }
   return { document: doc2, added };
@@ -368837,7 +368984,7 @@ var init_import_layout_ir = __esm({
 
 // lib/client/import/import-status.ts
 function beginImport(name2) {
-  const id3 = ++nextId2;
+  const id3 = ++nextId3;
   useImportStatus.setState((s) => ({ jobs: [...s.jobs, { id: id3, name: name2, startedAt: Date.now() }] }));
   let ended = false;
   return () => {
@@ -368854,13 +369001,13 @@ async function trackImport(name2, task) {
     end();
   }
 }
-var useImportStatus, nextId2;
+var useImportStatus, nextId3;
 var init_import_status = __esm({
   "lib/client/import/import-status.ts"() {
     "use strict";
     init_esm();
     useImportStatus = create2(() => ({ jobs: [], dismissed: [] }));
-    nextId2 = 0;
+    nextId3 = 0;
   }
 });
 
@@ -368930,26 +369077,26 @@ function importLottie(input2, opts = {}) {
   const fps = nearestFps(anim.fr);
   if (Math.abs(fps - anim.fr) > 0.01) imp.notes.add(`The timeline runs at ${fps} fps (the file is ${anim.fr} fps; key times are kept exactly).`);
   const duration3 = Math.max(1, imp.ms(anim.op - anim.ip));
-  const frame2 = createFrame({ name: name2, x: 0, y: 0, width: anim.w, height: anim.h, fills: [], clipsContent: true });
-  frame2.timeline = {
+  const frame3 = createFrame({ name: name2, x: 0, y: 0, width: anim.w, height: anim.h, fills: [], clipsContent: true });
+  frame3.timeline = {
     duration: duration3,
     fps,
     ...anim.markers?.length ? { markers: anim.markers.map((m, i2) => ({ id: `lm${i2}`, t: Math.max(0, imp.ms(m.tm - anim.ip)), label: m.cm })) } : {}
   };
-  imp.add(frame2, null);
-  imp.layers(anim.layers ?? [], frame2.id, anim.ip, "", { w: anim.w, h: anim.h });
-  frame2.parentId = pageId2;
+  imp.add(frame3, null);
+  imp.layers(anim.layers ?? [], frame3.id, anim.ip, "", { w: anim.w, h: anim.h });
+  frame3.parentId = pageId2;
   if (read6.stateMachines.length) {
     const byName = /* @__PURE__ */ new Map();
-    for (const n of Object.values(imp.nodes)) if (n.name && n.id !== frame2.id && !byName.has(n.name)) byName.set(n.name, n.id);
+    for (const n of Object.values(imp.nodes)) if (n.name && n.id !== frame3.id && !byName.has(n.name)) byName.set(n.name, n.id);
     const first2 = read6.stateMachines[0];
     const { machine, notes } = stateMachineFromDotLottie({ raw: first2.raw, markers: anim.markers ?? [], ip: anim.ip, fr: anim.fr, nodeByName: (name3) => byName.get(name3) }, "sm1", first2.id);
     for (const n of notes) imp.notes.add(n);
-    if (machine) imp.nodes[frame2.id].stateMachine = machine;
+    if (machine) imp.nodes[frame3.id].stateMachine = machine;
     if (read6.stateMachines.length > 1) imp.notes.add(`The file has ${read6.stateMachines.length} state machines: the first, \u201C${first2.id}\u201D, is imported.`);
   }
   const page = doc2.nodes[pageId2];
-  const nodes = { ...doc2.nodes, ...imp.nodes, [pageId2]: { ...page, childIds: [...page.childIds, frame2.id] } };
+  const nodes = { ...doc2.nodes, ...imp.nodes, [pageId2]: { ...page, childIds: [...page.childIds, frame3.id] } };
   let pages2 = doc2.pages;
   if (imp.components.size) {
     const comps = createPage("Components");
@@ -368963,7 +369110,7 @@ function importLottie(input2, opts = {}) {
     nodes[comps.id] = comps;
     pages2 = [...pages2, comps.id];
   }
-  return { document: { ...doc2, pages: pages2, nodes }, frameId: frame2.id, notes: [...imp.notes], layerNodes: imp.layerNodes };
+  return { document: { ...doc2, pages: pages2, nodes }, frameId: frame3.id, notes: [...imp.notes], layerNodes: imp.layerNodes };
 }
 var GEOMETRY, BLENDS, nearestFps, first, clamp013, Importer;
 var init_import = __esm({
@@ -397523,10 +397670,10 @@ async function importPdf(bytes2, document2, pageId2, opts = {}) {
     const page = await pdf.getPage(p2);
     const vp = page.getViewport({ scale: PX_PER_PT });
     const base = vp.transform;
-    const frame2 = createFrame({ name: pdf.numPages > 1 ? `${opts.name ?? "PDF"} ${p2}` : opts.name ?? "PDF", x: cursorX, y: cursorY, width: Math.round(vp.width), height: Math.round(vp.height), fills: [createSolidPaint(createColor(1, 1, 1))], strokes: [], clipsContent: true });
-    doc2 = addNode(doc2, frame2, pageId2);
-    added.push(frame2.id);
-    cursorX += frame2.width + 120;
+    const frame3 = createFrame({ name: pdf.numPages > 1 ? `${opts.name ?? "PDF"} ${p2}` : opts.name ?? "PDF", x: cursorX, y: cursorY, width: Math.round(vp.width), height: Math.round(vp.height), fills: [createSolidPaint(createColor(1, 1, 1))], strokes: [], clipsContent: true });
+    doc2 = addNode(doc2, frame3, pageId2);
+    added.push(frame3.id);
+    cursorX += frame3.width + 120;
     const children = [];
     const textRuns2 = [];
     const ops2 = await page.getOperatorList();
@@ -397646,7 +397793,7 @@ async function importPdf(bytes2, document2, pageId2, opts = {}) {
         textAutoResize: "WIDTH_AND_HEIGHT"
       }));
     }
-    for (const c2 of children) doc2 = addNode(doc2, c2, frame2.id);
+    for (const c2 of children) doc2 = addNode(doc2, c2, frame3.id);
     page.cleanup();
   }
   await pdf.cleanup();
@@ -397865,8 +398012,8 @@ async function buildImportedDocument(file2) {
     const pageId2 = base.pages[0];
     const placed2 = placeSvgLayers2(base, pageId2, await file2.text(), { name: seedName, cx: 0, cy: 0, intern: (url4) => internDataUrl2(url4) });
     if (!placed2) return null;
-    const frame2 = placed2.doc.nodes[placed2.id];
-    const document2 = { ...placed2.doc, nodes: { ...placed2.doc.nodes, [placed2.id]: { ...frame2, x: 0, y: 0 } } };
+    const frame3 = placed2.doc.nodes[placed2.id];
+    const document2 = { ...placed2.doc, nodes: { ...placed2.doc.nodes, [placed2.id]: { ...frame3, x: 0, y: 0 } } };
     return { document: document2, frameIds: [placed2.id] };
   }
   if (ext === ".json" || ext === ".popcraft" || ext === ".vizpops") {
@@ -400603,7 +400750,7 @@ __export(sandbox_exports, {
   recordInSandbox: () => recordInSandbox
 });
 function onMessage(e) {
-  if (!frame || e.source !== frame.contentWindow) return;
+  if (!frame2 || e.source !== frame2.contentWindow) return;
   const d = e.data;
   if (d?.kind !== "recorded" || typeof d.id !== "number") return;
   const done = pending6.get(d.id);
@@ -400616,7 +400763,7 @@ function onMessage(e) {
   }
 }
 function ensureFrame() {
-  if (ready2 && frame?.isConnected) return ready2;
+  if (ready2 && frame2?.isConnected) return ready2;
   window.removeEventListener("message", onMessage);
   window.addEventListener("message", onMessage);
   const el = document.createElement("iframe");
@@ -400624,7 +400771,7 @@ function ensureFrame() {
   el.setAttribute("aria-hidden", "true");
   el.tabIndex = -1;
   el.style.cssText = "position:fixed;width:0;height:0;border:0;opacity:0;pointer-events:none;inset-inline-start:-9999px";
-  frame = el;
+  frame2 = el;
   ready2 = new Promise((resolve7) => {
     const hello = (e) => {
       if (e.source !== el.contentWindow || e.data?.kind !== "ready") return;
@@ -400638,8 +400785,8 @@ function ensureFrame() {
   return ready2;
 }
 function resetFrame() {
-  frame?.remove();
-  frame = null;
+  frame2?.remove();
+  frame2 = null;
   ready2 = null;
 }
 async function recordInSandbox(source3, namespaces2, globals) {
@@ -400655,10 +400802,10 @@ async function recordInSandbox(source3, namespaces2, globals) {
       clearTimeout(backstop);
       resolve7(r);
     });
-    frame.contentWindow.postMessage({ kind: "record", id: id3, source: source3, namespaces: [...namespaces2], globals: { ...globals }, limits: { ...RECORD_LIMITS2 } }, "*");
+    frame2.contentWindow.postMessage({ kind: "record", id: id3, source: source3, namespaces: [...namespaces2], globals: { ...globals }, limits: { ...RECORD_LIMITS2 } }, "*");
   });
 }
-var FRAME_SOURCE, frame, ready2, next, pending6;
+var FRAME_SOURCE, frame2, ready2, next, pending6;
 var init_sandbox = __esm({
   "lib/agent/design-script/sandbox.ts"() {
     "use strict";
@@ -400682,7 +400829,7 @@ window.addEventListener('message', e => {
 })
 parent.postMessage({ kind: 'ready' }, '*')
 </script>`;
-    frame = null;
+    frame2 = null;
     ready2 = null;
     next = 0;
     pending6 = /* @__PURE__ */ new Map();
@@ -401749,8 +401896,8 @@ function createLoupe() {
       el.style.left = `${x2}px`;
       el.style.top = `${y}px`;
     },
-    show(patch, hex10) {
-      for (let i2 = 0; i2 < cells.length; i2++) cells[i2].style.background = patch.cells[i2] ?? "transparent";
+    show(patch2, hex10) {
+      for (let i2 = 0; i2 < cells.length; i2++) cells[i2].style.background = patch2.cells[i2] ?? "transparent";
       label3.textContent = hex10 ?? "transparent";
       el.style.opacity = "1";
     },
@@ -401789,10 +401936,10 @@ function beginEyedrop(onPreview) {
       busy = true;
       last3 = now2;
       const { x: x2, y } = worldAt(e);
-      void samplePatchAtWorld(x2, y, LOUPE_RADIUS).then((patch) => {
-        if (patch) {
-          loupe.show(patch, hexOf2(patch.center));
-          onPreview?.(patch.center);
+      void samplePatchAtWorld(x2, y, LOUPE_RADIUS).then((patch2) => {
+        if (patch2) {
+          loupe.show(patch2, hexOf2(patch2.center));
+          onPreview?.(patch2.center);
         }
       }).catch(() => {
       }).finally(() => {
@@ -403153,24 +403300,24 @@ function checkDesign(doc2, roots) {
   const issues = [];
   const kind = doc2.settings?.kind ?? "CANVAS";
   for (const id3 of roots) {
-    const frame2 = doc2.nodes[id3];
-    if (!frame2 || frame2.type !== "FRAME") continue;
-    const size6 = `${Math.round(frame2.width)}\xD7${Math.round(frame2.height)}`;
-    const preset = frame2.print?.presetId ?? presetOf(doc2, Math.round(frame2.width), Math.round(frame2.height));
+    const frame3 = doc2.nodes[id3];
+    if (!frame3 || frame3.type !== "FRAME") continue;
+    const size6 = `${Math.round(frame3.width)}\xD7${Math.round(frame3.height)}`;
+    const preset = frame3.print?.presetId ?? presetOf(doc2, Math.round(frame3.width), Math.round(frame3.height));
     const min2 = preset && PAGE_PRESETS.find((p2) => p2.id === preset)?.category === "SOCIAL" ? MIN_TEXT_PX.SOCIAL : MIN_TEXT_PX[kind];
     const texts = paintedTexts(doc2, [id3]);
-    const box2 = { x: 0, y: 0, width: frame2.width, height: frame2.height };
-    const safe2 = preset ? presetSafeRect(preset, frame2.width, frame2.height) : null;
+    const box2 = { x: 0, y: 0, width: frame3.width, height: frame3.height };
+    const safe2 = preset ? presetSafeRect(preset, frame3.width, frame3.height) : null;
     const add3 = (i2) => {
       if (issues.length < MAX_ISSUES) issues.push({ size: size6, ...i2 });
     };
-    if (frame2.height > MAX_FRAME_PX || frame2.width > MAX_FRAME_PX) add3({ kind: "too-tall", layer: frame2.name, message: `The frame is ${Math.round(frame2.width)}\xD7${Math.round(frame2.height)}: past ${MAX_FRAME_PX} px it renders blank in thumbnails and exports. Tighten spacing, condense lists and drop repeated sections at this size.` });
+    if (frame3.height > MAX_FRAME_PX || frame3.width > MAX_FRAME_PX) add3({ kind: "too-tall", layer: frame3.name, message: `The frame is ${Math.round(frame3.width)}\xD7${Math.round(frame3.height)}: past ${MAX_FRAME_PX} px it renders blank in thumbnails and exports. Tighten spacing, condense lists and drop repeated sections at this size.` });
     const moving = (textId) => animatedUp(doc2, textId.split("::")[0], id3);
     const tilted = (textId) => tiltedUp(doc2, textId.split("::")[0], id3);
     const visibleTexts = texts.filter((t3) => !clippedAway(doc2, t3, id3));
     for (const t3 of visibleTexts) {
-      const r = { x: t3.x - frame2.x, y: t3.y - frame2.y, width: t3.width, height: t3.height };
-      const at4 = t3.x >= frame2.x - 1 && t3.y >= frame2.y - 1 ? r : { x: t3.x, y: t3.y, width: t3.width, height: t3.height };
+      const r = { x: t3.x - frame3.x, y: t3.y - frame3.y, width: t3.width, height: t3.height };
+      const at4 = t3.x >= frame3.x - 1 && t3.y >= frame3.y - 1 ? r : { x: t3.x, y: t3.y, width: t3.width, height: t3.height };
       if (t3.contrast < t3.required) add3({ kind: "contrast", layer: t3.name, message: `${label2(t3)} reads at ${t3.contrast.toFixed(1)}:1 against what is behind it; it needs ${t3.required}:1. Darken or lighten it, or give it a plate.` });
       if (t3.fontSize < min2) add3({ kind: "small-text", layer: t3.name, message: `${label2(t3)} is ${t3.fontSize}px; at this size text should be at least ${min2}px.` });
       const partly = overlaps2(box2, at4) && !contains(box2, at4);
@@ -403191,21 +403338,21 @@ function checkDesign(doc2, roots) {
       n.childIds.forEach(walkInst);
     };
     walkInst(id3);
-    const seam = seamJump(doc2, frame2);
+    const seam = seamJump(doc2, frame3);
     if (seam) add3({ kind: "seam", layer: seam.layer, message: seam.message });
-    const band = emptyBand(doc2, frame2);
-    if (band) add3({ kind: "empty-band", layer: frame2.name, message: band });
+    const band = emptyBand(doc2, frame3);
+    if (band) add3({ kind: "empty-band", layer: frame3.name, message: band });
   }
   return issues;
 }
-function seamJump(doc2, frame2) {
-  const tl = frame2.timeline;
-  if (!tl || tl.audio?.length || tl.duration <= 0 || frame2.print?.transition || doc2.settings?.kind === "PRESENTATION") return null;
-  if (Object.values(doc2.compositions ?? {}).some((c2) => c2.clips.some((clip) => clip.frameId === frame2.id))) return null;
-  const end = tl.workArea ? tl.workArea[1] : timelineDuration(doc2.nodes, frame2.id);
+function seamJump(doc2, frame3) {
+  const tl = frame3.timeline;
+  if (!tl || tl.audio?.length || tl.duration <= 0 || frame3.print?.transition || doc2.settings?.kind === "PRESENTATION") return null;
+  if (Object.values(doc2.compositions ?? {}).some((c2) => c2.clips.some((clip) => clip.frameId === frame3.id))) return null;
+  const end = tl.workArea ? tl.workArea[1] : timelineDuration(doc2.nodes, frame3.id);
   const start2 = tl.workArea ? tl.workArea[0] : 0;
   const shown2 = (ms2) => {
-    const posed2 = evaluatePose(doc2.nodes, { kind: "frame", frameId: frame2.id }, ms2).nodes;
+    const posed2 = evaluatePose(doc2.nodes, { kind: "frame", frameId: frame3.id }, ms2).nodes;
     const out = /* @__PURE__ */ new Map();
     const walk4 = (id3, alpha2, maskedIn = false) => {
       let hidden2 = maskedIn;
@@ -403227,7 +403374,7 @@ function seamJump(doc2, frame2) {
         walk4(c2, a2, hidden2);
       }
     };
-    walk4(frame2.id, 1);
+    walk4(frame3.id, 1);
     return out;
   };
   const a = shown2(start2), b = shown2(end);
@@ -403268,8 +403415,8 @@ function animatedUp(doc2, id3, frameId) {
   }
   return false;
 }
-function emptyBand(doc2, frame2) {
-  const H = Math.round(frame2.height), W = frame2.width;
+function emptyBand(doc2, frame3) {
+  const H = Math.round(frame3.height), W = frame3.width;
   if (H < 200) return null;
   const filled2 = new Uint8Array(H);
   const walk4 = (id3, ox, oy, depth) => {
@@ -403282,7 +403429,7 @@ function emptyBand(doc2, frame2) {
     }
     for (const c2 of n.childIds) walk4(c2, x2, y, depth + 1);
   };
-  walk4(frame2.id, 0, 0, 0);
+  walk4(frame3.id, 0, 0, 0);
   let best = 0, at4 = 0, run4 = 0;
   for (let r = 0; r <= H; r++) {
     if (r < H && !filled2[r]) {
@@ -404195,13 +404342,13 @@ var init_site3 = __esm({
         const patches = /* @__PURE__ */ new Map();
         for (const id3 of ids2) {
           let node2 = doc2.nodes[id3];
-          let patch = {};
+          let patch2 = {};
           if (args2.reset) {
-            patch = resetOverrides(node2, args2.breakpoint, args2.reset === "all" ? void 0 : args2.reset);
-            node2 = { ...node2, ...patch };
+            patch2 = resetOverrides(node2, args2.breakpoint, args2.reset === "all" ? void 0 : args2.reset);
+            node2 = { ...node2, ...patch2 };
           }
-          if (args2.set) patch = { ...patch, ...breakpointPatch(node2, doc2, args2.breakpoint, args2.set) };
-          patches.set(id3, patch);
+          if (args2.set) patch2 = { ...patch2, ...breakpointPatch(node2, doc2, args2.breakpoint, args2.set) };
+          patches.set(id3, patch2);
         }
         commitUpdates(ctx2, doc2, patches);
         const names = ids2.map((id3) => doc2.nodes[id3].name).slice(0, 3).join(", ");
@@ -404354,14 +404501,14 @@ var init_site3 = __esm({
       run: (args2, ctx2) => {
         const { doc: doc2, ids: ids2 } = resolveTargets(ctx2, args2.id ? [args2.id] : void 0, "set_route");
         const id3 = ids2[0];
-        const frame2 = doc2.nodes[id3];
-        if (frame2.type !== "FRAME" || doc2.nodes[frame2.parentId ?? ""]?.type !== "PAGE") throw new ToolError(`"${frame2.name}" is not a top-level frame: only a screen has an address.`);
+        const frame3 = doc2.nodes[id3];
+        if (frame3.type !== "FRAME" || doc2.nodes[frame3.parentId ?? ""]?.type !== "PAGE") throw new ToolError(`"${frame3.name}" is not a top-level frame: only a screen has an address.`);
         const path = args2.path ? cleanPath(args2.path) : args2.path;
         if (path) {
-          const other = Object.values(doc2.nodes).find((n) => n.id !== id3 && n.parentId === frame2.parentId && n.route?.path && cleanPath(n.route.path) === path);
+          const other = Object.values(doc2.nodes).find((n) => n.id !== id3 && n.parentId === frame3.parentId && n.route?.path && cleanPath(n.route.path) === path);
           if (other) throw new ToolError(`${path} is already "${other.name}".`);
         }
-        const next2 = { ...frame2.route };
+        const next2 = { ...frame3.route };
         const put3 = (key5, value3) => {
           if (value3 === void 0) return;
           if (value3 === null || value3 === false || value3 === "") delete next2[key5];
@@ -404377,7 +404524,7 @@ var init_site3 = __esm({
         put3("access", args2.access);
         put3("collectionId", args2.collectionId);
         commitUpdates(ctx2, doc2, /* @__PURE__ */ new Map([[id3, { route: Object.keys(next2).length ? next2 : void 0 }]]));
-        return { summary: `${frame2.name}: ${path ?? "automatic address"}`, data: { id: id3, route: next2 } };
+        return { summary: `${frame3.name}: ${path ?? "automatic address"}`, data: { id: id3, route: next2 } };
       }
     });
     breakpoint = external_exports.object({
@@ -405476,8 +405623,8 @@ var init_presentation_audio = __esm({
       run: async (args2, ctx2) => {
         const page = pageOf3(ctx2, args2.pageId);
         let base = ctx2.doc();
-        const patch = settingsOf(args2);
-        if (Object.keys(patch).length || !soundtrackOf(base, page)) base = doc(() => configure(base, page, patch));
+        const patch2 = settingsOf(args2);
+        if (Object.keys(patch2).length || !soundtrackOf(base, page)) base = doc(() => configure(base, page, patch2));
         const view2 = readDeck(base, page);
         const what = args2.what ?? "all";
         let frameIds = args2.slides;
@@ -405493,7 +405640,7 @@ var init_presentation_audio = __esm({
           throw new ToolError(result.errors[0]?.message ?? "Nothing was made.");
         }
         let latest = ctx2.doc();
-        if (Object.keys(patch).length || !soundtrackOf(latest, page)) latest = doc(() => configure(latest, page, patch));
+        if (Object.keys(patch2).length || !soundtrackOf(latest, page)) latest = doc(() => configure(latest, page, patch2));
         const applied = doc(() => applyGeneration(latest, page, result));
         const { doc: next2, mix: mix4 } = await withMixTrim(applied, page);
         ctx2.commit(next2);
@@ -406566,7 +406713,7 @@ function generateStressDocument(opts = {}) {
   for (let f2 = 0; f2 < frames; f2++) {
     const col3 = f2 % cols;
     const row2 = Math.floor(f2 / cols);
-    const frame2 = createFrame({
+    const frame3 = createFrame({
       name: `Screen ${f2 + 1}`,
       x: col3 * (FRAME_W + GAP),
       y: row2 * (FRAME_H + GAP),
@@ -406585,7 +406732,7 @@ function generateStressDocument(opts = {}) {
         width: 156,
         height: 88,
         cornerRadius: 12,
-        parentId: frame2.id,
+        parentId: frame3.id,
         fills: [{ type: "SOLID", visible: true, opacity: 1, color: hslToRgb2(hue, 0.55, 0.62) }]
       });
       nodes[r.id] = r;
@@ -406598,7 +406745,7 @@ function generateStressDocument(opts = {}) {
         y: 24 + Math.floor(i2 / 2) * 100,
         width: 40,
         height: 40,
-        parentId: frame2.id
+        parentId: frame3.id
       });
       nodes[e.id] = e;
       childIds.push(e.id);
@@ -406614,14 +406761,14 @@ function generateStressDocument(opts = {}) {
         width: 140,
         height: i2 === 0 ? 30 : 18,
         textAutoResize: "HEIGHT",
-        parentId: frame2.id
+        parentId: frame3.id
       });
       nodes[t3.id] = t3;
       childIds.push(t3.id);
     }
-    frame2.childIds = childIds;
-    nodes[frame2.id] = frame2;
-    page.childIds.push(frame2.id);
+    frame3.childIds = childIds;
+    nodes[frame3.id] = frame3;
+    page.childIds.push(frame3.id);
   }
   return { ...doc2, nodes };
 }
@@ -407419,9 +407566,9 @@ var init_editor_store = __esm({
               set4((st) => ({ document: { ...st.document, thumbnailNodeId: nodeId2 || void 0 } }));
               if (typeof window !== "undefined") window.dispatchEvent(new CustomEvent("popcraft-thumbnail-now"));
             },
-            setDocumentSettings: (patch) => {
+            setDocumentSettings: (patch2) => {
               const { document: document2, recordState, commitState } = get4();
-              const settings = { ...document2.settings, ...patch };
+              const settings = { ...document2.settings, ...patch2 };
               for (const k2 of Object.keys(settings)) if (settings[k2] === void 0) delete settings[k2];
               recordState("property", "Document settings");
               set4({ document: { ...document2, settings: Object.keys(settings).length ? settings : void 0 } });
@@ -407435,13 +407582,13 @@ var init_editor_store = __esm({
               set4({ document: next2 });
               commitState("Page setup");
             },
-            applyParagraphFormat: (nodeId2, patch) => {
+            applyParagraphFormat: (nodeId2, patch2) => {
               const state = get4();
               const node2 = state.document.nodes[nodeId2];
               if (!node2 || node2.type !== "TEXT") return;
               const te2 = state.textEditState;
               const range3 = te2 && te2.nodeId === nodeId2 ? { start: Math.min(te2.cursor, te2.anchor), end: Math.max(te2.cursor, te2.anchor) } : null;
-              state.updateNodeProps(nodeId2, { paragraphs: withParagraphFormat(node2, range3, patch) });
+              state.updateNodeProps(nodeId2, { paragraphs: withParagraphFormat(node2, range3, patch2) });
             },
             linkTextFrames: (fromId, toId) => {
               const state = get4();
@@ -407516,11 +407663,11 @@ var init_editor_store = __esm({
                 const id3 = s.activePrototypeFrameId;
                 if (!id3) return;
                 s.focusOnNode(id3);
-                const frame2 = s.document.nodes[id3];
-                const cell = frame2?.pixelPerfect ? screenPixelCell(s.document, id3) : null;
-                if (frame2 && cell) {
+                const frame3 = s.document.nodes[id3];
+                const cell = frame3?.pixelPerfect ? screenPixelCell(s.document, id3) : null;
+                if (frame3 && cell) {
                   const t3 = getWorldTransform(s.document, id3);
-                  set4({ camera: pixelPerfectCamera(canvasViewport(), { x: t3.cx - frame2.width / 2, y: t3.cy - frame2.height / 2, width: frame2.width, height: frame2.height }, cell) });
+                  set4({ camera: pixelPerfectCamera(canvasViewport(), { x: t3.cx - frame3.width / 2, y: t3.cy - frame3.height / 2, width: frame3.width, height: frame3.height }, cell) });
                 }
                 return;
               }
@@ -407643,10 +407790,10 @@ var init_editor_store = __esm({
                 let document2 = st.document;
                 targets.forEach((t3, i2) => {
                   const p2 = pasted[i2 % pasted.length];
-                  const patch = { x: t3.x, y: t3.y, width: t3.width, height: t3.height, rotation: t3.rotation };
-                  document2 = updateNode(document2, p2.id, patch);
+                  const patch2 = { x: t3.x, y: t3.y, width: t3.width, height: t3.height, rotation: t3.rotation };
+                  document2 = updateNode(document2, p2.id, patch2);
                   if (t3.parentId && p2.parentId !== t3.parentId) document2 = reparentNode(document2, p2.id, t3.parentId, (document2.nodes[t3.parentId]?.childIds.indexOf(t3.id) ?? -1) + 1);
-                  if (i2 >= pasted.length) document2 = updateNode(document2, p2.id, patch);
+                  if (i2 >= pasted.length) document2 = updateNode(document2, p2.id, patch2);
                 });
                 for (const t3 of targets) document2 = removeNode(document2, t3.id);
                 return { document: document2, selection: pasted.map((p2) => p2.id) };
@@ -407666,8 +407813,8 @@ var init_editor_store = __esm({
             navigatePrototype: (action3, firedOn, key5) => {
               const before = runtimeOf(get4());
               const step3 = runAction(before, action3, { driver: presentDriver, now: performance.now(), firedOn, key: key5, reducedMotion: prefersReducedMotion() });
-              const patch = storePatch(before, step3.state);
-              if (patch) set4(patch);
+              const patch2 = storePatch(before, step3.state);
+              if (patch2) set4(patch2);
               const run4 = (effects) => {
                 for (const e of effects) {
                   if (e.kind === "arrived") {
@@ -407690,16 +407837,16 @@ var init_editor_store = __esm({
             },
             setPrototypeScroll: (nodeId2, deltaX, deltaY) => {
               const before = runtimeOf(get4());
-              const patch = storePatch(before, scrollBy(before, nodeId2, deltaX, deltaY));
-              if (patch) set4(patch);
+              const patch2 = storePatch(before, scrollBy(before, nodeId2, deltaX, deltaY));
+              if (patch2) set4(patch2);
             },
             // Comment actions
             addComment: (comment) => set4((state) => ({
               comments: [...state.comments, comment]
             })),
-            updateComment: (commentId, patch) => set4((state) => ({
+            updateComment: (commentId, patch2) => set4((state) => ({
               comments: state.comments.map(
-                (c2) => c2.id === commentId ? { ...c2, ...patch, updatedAt: Date.now() } : c2
+                (c2) => c2.id === commentId ? { ...c2, ...patch2, updatedAt: Date.now() } : c2
               )
             })),
             deleteComment: (commentId) => set4((state) => ({
@@ -408811,10 +408958,10 @@ var init_editor_store = __esm({
               set4((st) => {
                 let document2 = st.document;
                 for (let i2 = 0; i2 < count2; i2++) {
-                  const frame2 = createPrintPage(document2, st.currentPageId, { preset });
-                  document2 = addNode(document2, frame2, st.currentPageId);
-                  made.push(frame2.id);
-                  const folds = foldGuidesAt(preset, frame2);
+                  const frame3 = createPrintPage(document2, st.currentPageId, { preset });
+                  document2 = addNode(document2, frame3, st.currentPageId);
+                  made.push(frame3.id);
+                  const folds = foldGuidesAt(preset, frame3);
                   if (folds.length) {
                     const page = document2.nodes[st.currentPageId];
                     document2 = { ...document2, nodes: { ...document2.nodes, [st.currentPageId]: { ...page, guides: [...page.guides ?? [], ...folds] } } };
@@ -408836,10 +408983,10 @@ var init_editor_store = __esm({
                 let document2 = st.document;
                 const pageId2 = st.currentPageId;
                 for (const id3 of ids2) {
-                  const frame2 = document2.nodes[id3];
-                  if (!frame2 || frame2.type !== "FRAME") continue;
+                  const frame3 = document2.nodes[id3];
+                  if (!frame3 || frame3.type !== "FRAME") continue;
                   const page = document2.nodes[pageId2];
-                  const stale = new Set(foldsOn(page.guides, frame2).map((g) => g.id));
+                  const stale = new Set(foldsOn(page.guides, frame3).map((g) => g.id));
                   document2 = updateNode(document2, id3, { width: size6.width, height: size6.height });
                   const resized = document2.nodes[id3];
                   const guides = [...(page.guides ?? []).filter((g) => !stale.has(g.id)), ...foldGuidesAt(preset, resized)];
@@ -408865,12 +409012,12 @@ var init_editor_store = __esm({
             },
             addMasterPage: () => {
               const state = get4();
-              const frame2 = createMasterPage(state.document, state.currentPageId);
+              const frame3 = createMasterPage(state.document, state.currentPageId);
               state.recordState("add", "Add master");
-              set4((st) => ({ document: addNode(st.document, frame2, st.currentPageId), selection: [frame2.id] }));
+              set4((st) => ({ document: addNode(st.document, frame3, st.currentPageId), selection: [frame3.id] }));
               state.commitState("Add master");
-              get4().zoomToNodes([frame2.id], 0.1);
-              return frame2.id;
+              get4().zoomToNodes([frame3.id], 0.1);
+              return frame3.id;
             },
             setPageMaster: (pageIds, masterId) => {
               const state = get4();
@@ -410185,14 +410332,14 @@ var init_editor_store = __esm({
               const textEdit = state.textEditState;
               const charsLength = (node2.characters ?? "").length;
               const isFullSelection = !textEdit || textEdit.nodeId !== nodeId2 || textEdit.cursor === textEdit.anchor || Math.min(textEdit.cursor, textEdit.anchor) === 0 && Math.max(textEdit.cursor, textEdit.anchor) === charsLength;
-              let patch;
+              let patch2;
               if (isFullSelection) {
                 const segments = (node2.styledSegments ?? []).map((seg) => {
                   const next2 = { ...seg };
                   for (const key5 of Object.keys(styles)) delete next2[key5];
                   return next2;
                 }).filter((seg) => Object.keys(seg).length > 2);
-                patch = { ...styles, ...node2.styledSegments ? { styledSegments: segments } : {} };
+                patch2 = { ...styles, ...node2.styledSegments ? { styledSegments: segments } : {} };
               } else {
                 const start2 = Math.min(textEdit.cursor, textEdit.anchor);
                 const end = Math.max(textEdit.cursor, textEdit.anchor);
@@ -410213,9 +410360,9 @@ var init_editor_store = __esm({
                 });
                 if (gapStart < end) punched.push({ start: gapStart, end, ...styles });
                 punched.sort((a, b) => a.start - b.start);
-                patch = { styledSegments: punched };
+                patch2 = { styledSegments: punched };
               }
-              get4().updateNodeProps(nodeId2, patch);
+              get4().updateNodeProps(nodeId2, patch2);
               get4().recordState("APPLY_TEXT_STYLE", "Apply text style");
               if (typeof window !== "undefined") {
                 window.dispatchEvent(new CustomEvent("popcraft-resync-text", { detail: { nodeId: nodeId2 } }));
@@ -410231,12 +410378,12 @@ var init_editor_store = __esm({
                 return { document: updateNode(state.document, nodeId2, { interactions }) };
               });
             },
-            updateInteraction: (nodeId2, interactionId, patch) => {
+            updateInteraction: (nodeId2, interactionId, patch2) => {
               set4((state) => {
                 const node2 = state.document.nodes[nodeId2];
                 if (!node2) return {};
                 const interactions = (node2.interactions ?? []).map(
-                  (ix) => ix.id === interactionId ? { ...ix, ...patch } : ix
+                  (ix) => ix.id === interactionId ? { ...ix, ...patch2 } : ix
                 );
                 return { document: updateNode(state.document, nodeId2, { interactions }) };
               });
@@ -410300,7 +410447,7 @@ var init_editor_store = __esm({
               const command = createCommand("CREATE_VARIABLE", "Create variable", documentBefore, documentAfter);
               set4({ document: documentAfter, history: pushCommand(state.history, command) });
             },
-            updateVariable: (variableId, patch) => {
+            updateVariable: (variableId, patch2) => {
               const state = get4();
               if (!state.document.variables?.[variableId]) return;
               const documentBefore = state.document;
@@ -410310,7 +410457,7 @@ var init_editor_store = __esm({
                   ...state.document.variables,
                   [variableId]: {
                     ...state.document.variables[variableId],
-                    ...patch
+                    ...patch2
                   }
                 }
               };
@@ -413357,7 +413504,7 @@ init_resources();
 init_desktop();
 init_hypery();
 import { createInterface } from "node:readline";
-var VERSION2 = "0.43.1";
+var VERSION2 = "0.44.0";
 var HELP = `popcraft ${VERSION2} \u2014 the PopCraft command line
 
 Files (headless, on .popcraft files):