@popcraft/cli 0.53.0 → 0.53.2

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.53.0"}`, ...opts.headers };
+  const headers = { "user-agent": `popcraft-cli/${"0.53.2"}`, ...opts.headers };
   if (target2.token) headers.authorization = `Bearer ${target2.token}`;
   if (opts.contentType) headers["content-type"] = opts.contentType;
   try {
@@ -6786,8 +6786,8 @@ function currentPrintPage(doc2, pageId2, o = {}) {
   }
   const c2 = o.centre;
   if (c2) {
-    const inside2 = pages2.find((p2) => c2.x >= p2.x && c2.x <= p2.x + p2.width && c2.y >= p2.y && c2.y <= p2.y + p2.height);
-    if (inside2) return inside2;
+    const inside3 = pages2.find((p2) => c2.x >= p2.x && c2.x <= p2.x + p2.width && c2.y >= p2.y && c2.y <= p2.y + p2.height);
+    if (inside3) return inside3;
     let best = pages2[0], bestD = Infinity;
     for (const p2 of pages2) {
       const dx = Math.max(p2.x - c2.x, 0, c2.x - (p2.x + p2.width));
@@ -94509,6 +94509,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();
@@ -97385,7 +97386,6 @@ function selectionWorldBounds(nodes, ids2, scrollState) {
 }
 var init_selection_bounds = __esm({
   "lib/editor/selection-bounds.ts"() {
-    "use strict";
     init_scene_graph();
     init_transform();
   }
@@ -97577,7 +97577,6 @@ function relinkCopies(doc2, copies) {
 var TEXT_PATH_SOURCE_TYPES, isPathSource;
 var init_text_links = __esm({
   "lib/document/text-links.ts"() {
-    "use strict";
     init_transform();
     TEXT_PATH_SOURCE_TYPES = ["VECTOR", "ELLIPSE", "RECTANGLE", "POLYGON", "STAR", "LINE", "ARROW", "FRAME"];
     isPathSource = (n) => !!n && TEXT_PATH_SOURCE_TYPES.includes(n.type);
@@ -248026,7 +248025,6 @@ function repairCompositions(comps, nodes) {
 var isObj5, finite6, optFinite, isVec2, TIMELINE_COLOR_IDS, TIMELINE_COLORS, UNITS, ORDERS, PROP_KEYS, ANIMATOR_ID, MOTION_TYPES, TRANSITIONS, isFraction, MEDIA_HASH;
 var init_invariants = __esm({
   "lib/motion/invariants.ts"() {
-    "use strict";
     init_easing();
     init_properties();
     init_markers();
@@ -249149,7 +249147,6 @@ function beforeWrite() {
 var leave;
 var init_read_only = __esm({
   "lib/editor/modes/read-only.ts"() {
-    "use strict";
     leave = null;
   }
 });
@@ -251994,12 +251991,65 @@ var require_polygon_clipping_cjs = __commonJS({
   }
 });
 
+// lib/engine/geometry/winding.ts
+function interiorPoint(r) {
+  let cx = 0, cy = 0;
+  for (const [x2, y] of r) {
+    cx += x2;
+    cy += y;
+  }
+  const centroid2 = [cx / r.length, cy / r.length];
+  if (inside(centroid2, r)) return centroid2;
+  const [a, b, c2] = [r[0], r[1], r[2] ?? r[0]];
+  return [(a[0] + b[0] + c2[0]) / 3, (a[1] + b[1] + c2[1]) / 3];
+}
+function nonzeroMultiPoly(rings) {
+  const usable = rings.filter((r) => r.length >= 3);
+  if (!usable.length) return [];
+  const polys = usable.map((r) => [r]);
+  if (usable.length === 1) return import_polygon_clipping.default.union(polys[0]);
+  const areas = usable.map(signedArea);
+  const add3 = [], sub2 = [];
+  usable.forEach((r, i2) => {
+    const p2 = interiorPoint(r);
+    let w = Math.sign(areas[i2]);
+    usable.forEach((o, j) => {
+      if (j !== i2 && Math.abs(areas[j]) > Math.abs(areas[i2]) && inside(p2, o)) w += Math.sign(areas[j]);
+    });
+    (w === 0 ? sub2 : add3).push(polys[i2]);
+  });
+  if (!add3.length) return [];
+  const filled2 = import_polygon_clipping.default.union(add3[0], ...add3.slice(1));
+  return sub2.length ? import_polygon_clipping.default.difference(filled2, ...sub2) : filled2;
+}
+var import_polygon_clipping, signedArea, inside;
+var init_winding = __esm({
+  "lib/engine/geometry/winding.ts"() {
+    "use strict";
+    import_polygon_clipping = __toESM(require_polygon_clipping_cjs());
+    signedArea = (r) => {
+      let a = 0;
+      for (let i2 = 0, j = r.length - 1; i2 < r.length; j = i2++) a += (r[j][0] - r[i2][0]) * (r[j][1] + r[i2][1]);
+      return a / 2;
+    };
+    inside = ([x2, y], r) => {
+      let c2 = false;
+      for (let i2 = 0, j = r.length - 1; i2 < r.length; j = i2++) {
+        const [xi, yi] = r[i2], [xj, yj] = r[j];
+        if (yi > y !== yj > y && x2 < (xj - xi) * (y - yi) / (yj - yi) + xi) c2 = !c2;
+      }
+      return c2;
+    };
+  }
+});
+
 // lib/engine/geometry/triangulate.ts
-var import_polygon_clipping;
+var import_polygon_clipping2;
 var init_triangulate = __esm({
   "lib/engine/geometry/triangulate.ts"() {
     "use strict";
-    import_polygon_clipping = __toESM(require_polygon_clipping_cjs());
+    import_polygon_clipping2 = __toESM(require_polygon_clipping_cjs());
+    init_winding();
   }
 });
 
@@ -252023,7 +252073,7 @@ function computeBooleanMultiPoly(node2, allNodes) {
     const asPolys = rings.map((r) => [r]);
     let mp;
     try {
-      mp = asPolys.length > 1 ? import_polygon_clipping2.default.union(asPolys[0], ...asPolys.slice(1)) : asPolys;
+      mp = asPolys.length > 1 ? import_polygon_clipping3.default.union(asPolys[0], ...asPolys.slice(1)) : asPolys;
     } catch {
       mp = asPolys;
     }
@@ -252035,25 +252085,25 @@ function computeBooleanMultiPoly(node2, allNodes) {
   try {
     const rest = operands.slice(1);
     if (rest.length > 0) {
-      if (op4 === "SUBTRACT") result = import_polygon_clipping2.default.difference(operands[0], ...rest);
-      else if (op4 === "INTERSECT") result = import_polygon_clipping2.default.intersection(operands[0], ...rest);
-      else if (op4 === "EXCLUDE") result = import_polygon_clipping2.default.xor(operands[0], ...rest);
-      else result = import_polygon_clipping2.default.union(operands[0], ...rest);
+      if (op4 === "SUBTRACT") result = import_polygon_clipping3.default.difference(operands[0], ...rest);
+      else if (op4 === "INTERSECT") result = import_polygon_clipping3.default.intersection(operands[0], ...rest);
+      else if (op4 === "EXCLUDE") result = import_polygon_clipping3.default.xor(operands[0], ...rest);
+      else result = import_polygon_clipping3.default.union(operands[0], ...rest);
     }
   } catch {
     try {
-      result = import_polygon_clipping2.default.union(operands[0], ...operands.slice(1));
+      result = import_polygon_clipping3.default.union(operands[0], ...operands.slice(1));
     } catch {
       result = operands[0];
     }
   }
   return result;
 }
-var import_polygon_clipping2;
+var import_polygon_clipping3;
 var init_vector_geometry_cache = __esm({
   "lib/engine/vector-geometry-cache.ts"() {
     "use strict";
-    import_polygon_clipping2 = __toESM(require_polygon_clipping_cjs());
+    import_polygon_clipping3 = __toESM(require_polygon_clipping_cjs());
     init_flatten();
     init_triangulate();
     init_shape_outline();
@@ -252072,11 +252122,11 @@ function arrangementFaces(shapes) {
     const next2 = [];
     let rest = shape2;
     for (const f2 of faces2) {
-      const inside2 = op2(import_polygon_clipping3.default.intersection, f2.mp, shape2);
-      if (solid(inside2)) next2.push({ mp: inside2, sources: [...f2.sources, i2] });
-      const outside = op2(import_polygon_clipping3.default.difference, f2.mp, shape2);
+      const inside3 = op2(import_polygon_clipping4.default.intersection, f2.mp, shape2);
+      if (solid(inside3)) next2.push({ mp: inside3, sources: [...f2.sources, i2] });
+      const outside = op2(import_polygon_clipping4.default.difference, f2.mp, shape2);
       if (solid(outside)) next2.push({ mp: outside, sources: f2.sources });
-      if (solid(inside2)) rest = op2(import_polygon_clipping3.default.difference, rest, f2.mp);
+      if (solid(inside3)) rest = op2(import_polygon_clipping4.default.difference, rest, f2.mp);
     }
     if (solid(rest)) next2.push({ mp: rest, sources: [i2] });
     faces2 = next2;
@@ -252085,15 +252135,15 @@ function arrangementFaces(shapes) {
 }
 function pointInMultiPoly(mp, x2, y) {
   for (const poly of mp) {
-    let inside2 = false;
+    let inside3 = false;
     for (const ring of poly) {
       for (let i2 = 0, j = ring.length - 1; i2 < ring.length; j = i2++) {
         const [xi, yi] = ring[i2];
         const [xj, yj] = ring[j];
-        if (yi > y !== yj > y && x2 < (xj - xi) * (y - yi) / (yj - yi) + xi) inside2 = !inside2;
+        if (yi > y !== yj > y && x2 < (xj - xi) * (y - yi) / (yj - yi) + xi) inside3 = !inside3;
       }
     }
-    if (inside2) return true;
+    if (inside3) return true;
   }
   return false;
 }
@@ -252105,16 +252155,16 @@ function unionFaces(faces2, picked) {
   const parts = picked.map((i2) => faces2[i2]?.mp).filter(solid);
   if (parts.length === 0) return [];
   try {
-    return parts.length > 1 ? import_polygon_clipping3.default.union(parts[0], ...parts.slice(1)) : parts[0];
+    return parts.length > 1 ? import_polygon_clipping4.default.union(parts[0], ...parts.slice(1)) : parts[0];
   } catch {
     return parts[0];
   }
 }
-var import_polygon_clipping3, MAX_SHAPE_BUILDER_SHAPES, area2, MIN_FACE_AREA, solid, op2;
+var import_polygon_clipping4, MAX_SHAPE_BUILDER_SHAPES, area2, MIN_FACE_AREA, solid, op2;
 var init_regions = __esm({
   "lib/engine/geometry/regions.ts"() {
     "use strict";
-    import_polygon_clipping3 = __toESM(require_polygon_clipping_cjs());
+    import_polygon_clipping4 = __toESM(require_polygon_clipping_cjs());
     MAX_SHAPE_BUILDER_SHAPES = 12;
     area2 = (mp) => {
       let a = 0;
@@ -252216,7 +252266,7 @@ function bufferPolylines(lines2, width) {
   }
   if (pieces.length === 0) return [];
   try {
-    return pieces.length > 1 ? import_polygon_clipping4.default.union(pieces[0], ...pieces.slice(1)) : [pieces[0]];
+    return pieces.length > 1 ? import_polygon_clipping5.default.union(pieces[0], ...pieces.slice(1)) : [pieces[0]];
   } catch {
     return pieces.map((p2) => [p2[0]]);
   }
@@ -252225,7 +252275,7 @@ function combineRings(rings, mode2) {
   const polys = rings.filter((r) => r.length >= 3).map((r) => [r]);
   if (polys.length === 0) return [];
   try {
-    return polys.length > 1 ? import_polygon_clipping4.default[mode2](polys[0], ...polys.slice(1)) : [polys[0]];
+    return polys.length > 1 ? import_polygon_clipping5.default[mode2](polys[0], ...polys.slice(1)) : [polys[0]];
   } catch {
     return polys.map((p2) => [p2[0]]);
   }
@@ -252239,8 +252289,15 @@ function nodeWorldMultiPoly(doc2, id3) {
     return mp.map((poly) => poly.map((ring) => ring.map(([x2, y]) => place4(x2, y))));
   }
   const rings = nodeWorldRings(doc2, id3);
-  const mode2 = node2.type === "VECTOR" && node2.fillRule === "EVENODD" ? "xor" : "union";
-  return combineRings(rings, mode2);
+  if (node2.type === "VECTOR") {
+    if (node2.fillRule === "EVENODD") return combineRings(rings, "xor");
+    try {
+      return nonzeroMultiPoly(rings);
+    } catch {
+      return combineRings(rings, "union");
+    }
+  }
+  return combineRings(rings, "union");
 }
 function nodeAreaMultiPoly(doc2, id3) {
   if (!doc2.nodes[id3]) return [];
@@ -252250,13 +252307,23 @@ function nodeAreaMultiPoly(doc2, id3) {
 }
 function flattenNodesMultiPoly(doc2, ids2) {
   const operands = [];
-  for (const id3 of ids2) {
-    const mp = nodeAreaMultiPoly(doc2, id3);
-    if (mp.length > 0) operands.push(mp);
-  }
+  const visit2 = (id3) => {
+    const n = doc2.nodes[id3];
+    if (!n || n.visible === false) return;
+    if (n.type !== "GROUP") {
+      const mp = n.type === "FRAME" || n.type === "COMPONENT" || n.type === "INSTANCE" || n.type === "SECTION" ? (n.fills ?? []).some((f2) => f2.visible !== false) ? nodeWorldMultiPoly(doc2, id3) : [] : nodeAreaMultiPoly(doc2, id3);
+      if (mp.length > 0) operands.push(mp);
+    }
+    if (n.type !== "BOOLEAN") for (const c2 of n.childIds ?? []) visit2(c2);
+  };
+  ids2.forEach(visit2);
+  return unionAll(operands);
+}
+function unionAll(mps) {
+  const operands = mps.filter((mp) => mp.length > 0);
   if (operands.length === 0) return [];
   try {
-    return operands.length > 1 ? import_polygon_clipping4.default.union(operands[0], ...operands.slice(1)) : operands[0];
+    return operands.length > 1 ? import_polygon_clipping5.default.union(operands[0], ...operands.slice(1)) : operands[0];
   } catch {
     return operands[0];
   }
@@ -252282,7 +252349,7 @@ function outlineStrokeMultiPoly(doc2, id3) {
   const buffer2 = bufferPolylines(lines2, width * 2);
   if (fill.length === 0 || buffer2.length === 0) return bufferPolylines(lines2, width);
   try {
-    return alignment === "INSIDE" ? import_polygon_clipping4.default.intersection(buffer2, fill) : import_polygon_clipping4.default.difference(buffer2, fill);
+    return alignment === "INSIDE" ? import_polygon_clipping5.default.intersection(buffer2, fill) : import_polygon_clipping5.default.difference(buffer2, fill);
   } catch {
     return bufferPolylines(lines2, width);
   }
@@ -252314,16 +252381,17 @@ function shapeBuilderFaces(doc2, ids2) {
   facesCache = { nodes: doc2.nodes, key: key5, faces: faces2 };
   return faces2;
 }
-var import_polygon_clipping4, JOIN_CIRCLE_SEGMENTS, facesCache;
+var import_polygon_clipping5, JOIN_CIRCLE_SEGMENTS, facesCache;
 var init_vector_ops = __esm({
   "lib/engine/geometry/vector-ops.ts"() {
     "use strict";
-    import_polygon_clipping4 = __toESM(require_polygon_clipping_cjs());
+    import_polygon_clipping5 = __toESM(require_polygon_clipping_cjs());
     init_scene_graph();
     init_transform();
     init_shape_outline();
     init_flatten();
     init_vector_geometry_cache();
+    init_winding();
     init_regions();
     JOIN_CIRCLE_SEGMENTS = 16;
     facesCache = null;
@@ -252377,15 +252445,15 @@ var init_brush_along_path = __esm({
 
 // lib/engine/geometry/polygon.ts
 function pointInPolygon(p2, poly) {
-  let inside2 = false;
+  let inside3 = false;
   for (let i2 = 0, j = poly.length - 1; i2 < poly.length; j = i2++) {
     const a = poly[i2], b = poly[j];
     if (a.y > p2.y !== b.y > p2.y) {
       const xCross = a.x + (p2.y - a.y) * (b.x - a.x) / (b.y - a.y);
-      if (p2.x < xCross) inside2 = !inside2;
+      if (p2.x < xCross) inside3 = !inside3;
     }
   }
-  return inside2;
+  return inside3;
 }
 var init_polygon = __esm({
   "lib/engine/geometry/polygon.ts"() {
@@ -252425,8 +252493,8 @@ function enclosedRegion(shapes, pt, view2) {
   }
   try {
     let region = rectMP(view2);
-    for (const c2 of containing) region = import_polygon_clipping5.default.intersection(region, c2);
-    if (subtract.length) region = import_polygon_clipping5.default.difference(region, ...subtract);
+    for (const c2 of containing) region = import_polygon_clipping6.default.intersection(region, c2);
+    if (subtract.length) region = import_polygon_clipping6.default.difference(region, ...subtract);
     const hit = region.find((p2) => pointInPoly(pt, p2));
     if (!hit) return { ok: false, reason: "EMPTY" };
     if (!containing.length && touchesRect(hit, view2)) return { ok: false, reason: "OPEN" };
@@ -252477,11 +252545,11 @@ function findEnclosedRegion(doc2, pageId2, pt, view2) {
   walk4(pageId2);
   return enclosedRegion(shapes, pt, view2);
 }
-var import_polygon_clipping5, ringPts, pointInMP, rectMP;
+var import_polygon_clipping6, ringPts, pointInMP, rectMP;
 var init_bucket = __esm({
   "lib/engine/geometry/bucket.ts"() {
     "use strict";
-    import_polygon_clipping5 = __toESM(require_polygon_clipping_cjs());
+    import_polygon_clipping6 = __toESM(require_polygon_clipping_cjs());
     init_scene_graph();
     init_vector_ops();
     init_polygon();
@@ -252591,7 +252659,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();
@@ -256124,7 +256191,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();
@@ -257088,7 +257154,6 @@ function followPeers(peers) {
 var PALETTE, usePresence, awareness, CURSOR_SEND_MS, VIEWPORT_SEND_MS, cursorTimer, pendingCursor, sentCursor, EMOTE_MS, lastFollowCamera;
 var init_presence = __esm({
   "lib/collab/presence.ts"() {
-    "use strict";
     init_esm();
     init_editor_store();
     init_status_announcements();
@@ -257645,10 +257710,10 @@ function collapse(doc2) {
     else groups.set(h, [id3]);
   }
   const chosen = [];
-  const inside2 = /* @__PURE__ */ new Set();
+  const inside3 = /* @__PURE__ */ new Set();
   const sorted = [...groups.values()].filter((g) => g.length >= MIN_COPIES).sort((a, b) => (size6.get(b[0]) ?? 0) - (size6.get(a[0]) ?? 0));
   const within3 = (id3) => {
-    for (let p2 = nodes[id3]?.parentId, guard2 = 0; p2 && guard2 < 200; p2 = nodes[p2]?.parentId, guard2++) if (inside2.has(p2)) return true;
+    for (let p2 = nodes[id3]?.parentId, guard2 = 0; p2 && guard2 < 200; p2 = nodes[p2]?.parentId, guard2++) if (inside3.has(p2)) return true;
     return false;
   };
   for (const g of sorted) {
@@ -257656,7 +257721,7 @@ function collapse(doc2) {
     const copies = g.filter((id3) => !within3(id3) && (id3 === rep || sameContents(nodes, rep, id3)));
     if (copies.length < MIN_COPIES || !copies.includes(rep)) continue;
     chosen.push(copies);
-    for (const id3 of copies) inside2.add(id3);
+    for (const id3 of copies) inside3.add(id3);
   }
   if (!chosen.length) return doc2;
   const out = { ...nodes };
@@ -258001,7 +258066,6 @@ function onTabMessage(fn) {
 var EDITOR_HOME, localDocPath, cloudFilePath, CHANNEL2, channel2;
 var init_tab_mode = __esm({
   "lib/desktop/tab-mode.ts"() {
-    "use strict";
     EDITOR_HOME = "/home";
     localDocPath = (docId) => `${EDITOR_HOME}?doc=${encodeURIComponent(docId)}`;
     cloudFilePath = (key5) => `/pop/${encodeURIComponent(key5)}`;
@@ -258018,6 +258082,64 @@ function scaleVectorPaths(paths, sx, sy, rebuild) {
     return { ...path, points, data: rebuild(points, path.closed) };
   });
 }
+function scaledChildProps(orig, sx, sy, rebuild) {
+  return {
+    x: orig.x * sx,
+    y: orig.y * sy,
+    width: orig.width * sx,
+    height: orig.height * sy,
+    ...orig.type === "VECTOR" ? { paths: scaleVectorPaths(orig.paths, sx, sy, rebuild) } : {}
+  };
+}
+function rebuildVectorData(points, closed) {
+  if (points.length < 2) return [];
+  const data = [];
+  data.push("M", points[0].x, points[0].y);
+  for (let i2 = 1; i2 < points.length; i2++) {
+    const prev = points[i2 - 1];
+    const curr = points[i2];
+    if (prev.handleOut && curr.handleIn) {
+      data.push("C", prev.handleOut.x, prev.handleOut.y, curr.handleIn.x, curr.handleIn.y, curr.x, curr.y);
+    } else if (prev.handleOut) {
+      data.push("Q", prev.handleOut.x, prev.handleOut.y, curr.x, curr.y);
+    } else if (curr.handleIn) {
+      data.push("Q", curr.handleIn.x, curr.handleIn.y, curr.x, curr.y);
+    } else {
+      data.push("L", curr.x, curr.y);
+    }
+  }
+  if (closed) {
+    const prev = points[points.length - 1];
+    const curr = points[0];
+    if (prev.handleOut && curr.handleIn) {
+      data.push("C", prev.handleOut.x, prev.handleOut.y, curr.handleIn.x, curr.handleIn.y, curr.x, curr.y);
+    } else if (prev.handleOut) {
+      data.push("Q", prev.handleOut.x, prev.handleOut.y, curr.x, curr.y);
+    } else if (curr.handleIn) {
+      data.push("Q", curr.handleIn.x, curr.handleIn.y, curr.x, curr.y);
+    }
+    data.push("Z");
+  }
+  return data;
+}
+function scaleSubtreePatches(nodes, id3, sx, sy, includeSelf = true) {
+  const out = /* @__PURE__ */ new Map();
+  const root2 = nodes[id3];
+  if (!root2 || sx === 1 && sy === 1) return out;
+  if (includeSelf && root2.type === "VECTOR") out.set(id3, { paths: scaleVectorPaths(root2.paths, sx, sy, rebuildVectorData) });
+  const walk4 = (parent) => {
+    for (const cid of parent.childIds ?? []) {
+      const c2 = nodes[cid];
+      if (!c2) continue;
+      const patch2 = { ...scaledChildProps(c2, sx, sy, rebuildVectorData) };
+      if (c2.type === "TEXT") patch2.fontSize = (c2.fontSize ?? 16) * Math.min(sx, sy);
+      out.set(cid, patch2);
+      walk4(c2);
+    }
+  };
+  if (root2.type === "GROUP" || root2.type === "BOOLEAN" || !includeSelf) walk4(root2);
+  return out;
+}
 var scalePoint;
 var init_scale_geometry = __esm({
   "lib/document/scale-geometry.ts"() {
@@ -260624,7 +260746,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();
@@ -262658,7 +262779,6 @@ function formatLimit(key5, max3) {
 var formatBytes;
 var init_limits2 = __esm({
   "lib/billing/limits.ts"() {
-    "use strict";
     init_format();
     init_plans();
     formatBytes = formatFileSize;
@@ -306875,7 +306995,6 @@ function decodeSource(key5, label3) {
 var DECODE_CACHE_BYTES, cache7, pending4, held, sizeOf, lengths, decodedLengths, DECODE_TIMEOUT_MS, decodedAudio, decodedSource, pcmOf;
 var init_audio_decode = __esm({
   "lib/motion/audio-decode.ts"() {
-    "use strict";
     init_media_store();
     init_audio_plan();
     init_time_stretch();
@@ -311656,6 +311775,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();
@@ -312926,7 +313046,6 @@ function applyTextPath(layout2, path, tp, rebase = true) {
 var defaultCircleRadius, ownsPath, mapPoint;
 var init_text_path = __esm({
   "lib/engine/text/text-path.ts"() {
-    "use strict";
     init_scene_graph();
     init_transform();
     init_shape_to_path();
@@ -313044,7 +313163,6 @@ function areaBounds(rings) {
 }
 var init_text_area = __esm({
   "lib/engine/text/text-area.ts"() {
-    "use strict";
   }
 });
 
@@ -315582,12 +315700,12 @@ function textStrokeSVG(node2) {
   const w = Array.isArray(stroke3.width) ? Math.max(...stroke3.width) : stroke3.width;
   if (!(w > 0)) return null;
   const behind = strokeBehindFill(node2) || stroke3.alignment === "OUTSIDE";
-  const inside2 = stroke3.alignment === "INSIDE";
-  if (inside2 && behind) return null;
+  const inside3 = stroke3.alignment === "INSIDE";
+  if (inside3 && behind) return null;
   const alpha2 = (stroke3.color.a ?? 1) * (stroke3.opacity ?? 1);
   const join13 = stroke3.join === "ROUND" ? "round" : stroke3.join === "BEVEL" ? "bevel" : "miter";
   const attrs = `stroke="${colorToSVG(stroke3.color)}"${alpha2 < 1 ? ` stroke-opacity="${fmt2(alpha2)}"` : ""} stroke-width="${fmt2(stroke3.alignment === "CENTER" ? w : w * 2)}" stroke-linejoin="${join13}"${behind ? ' paint-order="stroke fill"' : ""}`;
-  return { attrs, behind, inside: inside2 };
+  return { attrs, behind, inside: inside3 };
 }
 function textFillAttr(resolved, node2, ctx2) {
   const fill0 = resolved.fills?.[0];
@@ -316511,12 +316629,12 @@ Q
         };
         const paintStrokes = () => {
           for (const s of item.strokes) {
-            const inside2 = s.alignment === "INSIDE";
-            const wdt = inside2 ? s.width * 2 : s.width;
+            const inside3 = s.alignment === "INSIDE";
+            const wdt = inside3 ? s.width * 2 : s.width;
             this.w(`q /${this.gs(1, opacity * s.alpha, blend2)} gs ${this.res.color.stroke(s.color)} ${num7(wdt)} w ${CAP2[s.cap]} J ${JOIN2[s.join]} j`);
             this.w(s.dash ? ` [${num7(s.dash[0])} ${num7(s.dash[1])}] 0 d
 ` : " [] 0 d\n");
-            if (inside2) this.w(`${ops2}${clipOp} n
+            if (inside3) this.w(`${ops2}${clipOp} n
 `);
             this.w(`${ops2}S
 Q
@@ -316689,8 +316807,8 @@ function removeOverlaps(cmds) {
     break;
   }
   if (!touching) return cmds;
-  const pos = rings.filter((r) => signedArea(r) > 0).map((r) => [r]), neg = rings.filter((r) => signedArea(r) < 0).map((r) => [r]);
-  const clip = import_polygon_clipping6.default;
+  const pos = rings.filter((r) => signedArea2(r) > 0).map((r) => [r]), neg = rings.filter((r) => signedArea2(r) < 0).map((r) => [r]);
+  const clip = import_polygon_clipping7.default;
   let result;
   try {
     const a = pos.length ? clip.union(...pos) : [], b = neg.length ? clip.union(...neg) : [];
@@ -316803,12 +316921,12 @@ function buildCFF(name2, unitsPerEm, glyphs) {
   }
   return out;
 }
-var import_polygon_clipping6, signedArea, bbox, intersects;
+var import_polygon_clipping7, signedArea2, bbox, intersects;
 var init_cff = __esm({
   "lib/io/pdf/cff.ts"() {
     "use strict";
-    import_polygon_clipping6 = __toESM(require_polygon_clipping_cjs());
-    signedArea = (p2) => p2.reduce((a, [x2, y], i2) => {
+    import_polygon_clipping7 = __toESM(require_polygon_clipping_cjs());
+    signedArea2 = (p2) => p2.reduce((a, [x2, y], i2) => {
       const [nx, ny] = p2[(i2 + 1) % p2.length];
       return a + x2 * ny - nx * y;
     }, 0) / 2;
@@ -318323,6 +318441,7 @@ 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();
@@ -318360,6 +318479,7 @@ __export(tools_exports, {
   allTools: () => allTools,
   defineTool: () => defineTool,
   getTool: () => getTool,
+  parseToolArgs: () => parseToolArgs,
   registerTools: () => registerTools,
   runTool: () => runTool,
   toolSpecs: () => toolSpecs
@@ -318380,14 +318500,53 @@ function toolSpecs(names) {
     function: { name: t3.name, description: t3.description, parameters: toolParameters(t3.parameters) }
   }));
 }
+function parseToolArgs(text) {
+  try {
+    return JSON.parse(text);
+  } catch {
+  }
+  let depth = 0, inStr = false, esc3 = false;
+  const stack = [];
+  for (let i2 = 0; i2 < text.length; i2++) {
+    const c2 = text[i2];
+    if (inStr) {
+      if (esc3) esc3 = false;
+      else if (c2 === "\\") esc3 = true;
+      else if (c2 === '"') inStr = false;
+      continue;
+    }
+    if (c2 === '"') inStr = true;
+    else if (c2 === "{" || c2 === "[") {
+      stack.push(c2 === "{" ? "}" : "]");
+      depth++;
+    } else if (c2 === "}" || c2 === "]") {
+      stack.pop();
+      depth--;
+      if (depth === 0) {
+        try {
+          return JSON.parse(text.slice(0, i2 + 1));
+        } catch {
+          return void 0;
+        }
+      }
+    }
+  }
+  if (!stack.length) return void 0;
+  try {
+    return JSON.parse(text + (inStr ? '"' : "") + stack.reverse().join(""));
+  } catch {
+    return void 0;
+  }
+}
 async function runTool(name2, argsText, ctx2) {
   let raw = {};
   if (argsText.trim()) {
-    try {
-      raw = JSON.parse(argsText);
-    } catch {
-      throw new ToolError(`The arguments for ${name2} were not valid JSON.`, "invalid_params");
+    const parsed2 = parseToolArgs(argsText);
+    if (parsed2 === void 0) {
+      console.warn(`[agent] unparseable arguments for ${name2}:`, argsText.slice(0, 500));
+      throw new ToolError(`The arguments for ${name2} were not valid JSON. Send one JSON object.`, "invalid_params");
     }
+    raw = parsed2;
   }
   return dispatch2(name2, {
     surface: "agent",
@@ -319105,16 +319264,28 @@ function placeSvgLayers(doc2, parentId, svg, place4) {
       if (n.type === "IMAGE" && !doc2.nodes[n.id] && url4?.startsWith("data:")) nodes[n.id] = { ...n, imageUrl: place4.intern(url4) };
     }
   }
-  const minX = Math.min(...kids.map((k2) => k2.x)), minY = Math.min(...kids.map((k2) => k2.y));
-  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[frame3.id] = { ...nodes[frame3.id], x: Math.round(place4.cx - w / 2), y: Math.round(place4.cy - h / 2), width: w, height: h };
+  const minX = Math.min(...kids.map((k3) => k3.x)), minY = Math.min(...kids.map((k3) => k3.y));
+  const maxX = Math.max(...kids.map((k3) => k3.x + k3.width)), maxY = Math.max(...kids.map((k3) => k3.y + k3.height));
+  for (const k3 of kids) nodes[k3.id] = { ...nodes[k3.id], x: k3.x - minX, y: k3.y - minY };
+  let w = Math.max(1, maxX - minX), h = Math.max(1, maxY - minY);
+  const f2 = place4.fit;
+  const k2 = f2 && (f2.width || f2.height) ? Math.min(f2.width ? f2.width / w : Infinity, f2.height ? f2.height / h : Infinity) : 1;
+  if (k2 !== 1 && Number.isFinite(k2) && k2 > 0) {
+    const wrapper = { childIds: kids.map((c2) => c2.id) };
+    for (const [id3, patch2] of scaleSubtreePatches({ ...nodes, [frame3.id]: { ...nodes[frame3.id], ...wrapper } }, frame3.id, k2, k2, false)) {
+      nodes[id3] = { ...nodes[id3], ...patch2 };
+    }
+    w *= k2;
+    h *= k2;
+  }
+  const topLeft = place4.anchor === "top-left";
+  nodes[frame3.id] = { ...nodes[frame3.id], x: Math.round(topLeft ? place4.cx : place4.cx - w / 2), y: Math.round(topLeft ? place4.cy : 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({
   "lib/io/svg-place.ts"() {
+    init_scale_geometry();
     init_scene_graph();
     init_svg_import();
     MAX_SVG_LAYER_BYTES = 8 * 1024 * 1024;
@@ -319134,6 +319305,31 @@ function descendants(doc2, rootId, skipRoot = true) {
   }
   return out;
 }
+function normalizeColor(c2, key5) {
+  if (typeof c2 === "string") return parseHex(c2);
+  const o = c2;
+  const ch = o && ["r", "g", "b"].map((k2) => o[k2]);
+  if (!ch || !ch.every((v) => typeof v === "number" && Number.isFinite(v))) {
+    throw new ToolError(`${key5} has a colour without numeric r, g and b. Give 0\u20131 channels, or use set_fills with a hex colour.`);
+  }
+  const nums2 = ch;
+  const scale = nums2.some((v) => v > 1) ? 255 : 1;
+  const a = typeof o.a === "number" && Number.isFinite(o.a) ? o.a > 1 ? o.a / 255 : o.a : 1;
+  return createColor(nums2[0] / scale, nums2[1] / scale, nums2[2] / scale, a);
+}
+function normalizePaints(v, key5) {
+  if (!Array.isArray(v)) throw new ToolError(`${key5} must be an array of paints.`);
+  return v.map((p2) => {
+    const paint = p2;
+    if (!paint || typeof paint !== "object") throw new ToolError(`${key5} must be an array of paint objects.`);
+    const out = { ...paint };
+    if ("color" in paint) out.color = normalizeColor(paint.color, key5);
+    if (Array.isArray(paint.gradientStops)) {
+      out.gradientStops = paint.gradientStops.map((s) => ({ ...s, color: normalizeColor(s.color, key5) }));
+    }
+    return out;
+  });
+}
 var nodeFind, nodeGet, nodeMeasure, docOutline, CREATABLE, nodeCreate, FORBIDDEN_PROPS, nodeUpdate, nodeDelete, nodeMove, nodeResize, nodeReparent, nodeGroup, nodeUngroup, nodeOrder, nodeAlign, nodeDistribute, nodeRename, nodeDuplicate, nodeImportSvg, nodeApplyAutoLayout, nodeSetLock, nodeSetVisibility, nodeFlip, nodeRotate;
 var init_node = __esm({
   "lib/commands/node.ts"() {
@@ -319146,6 +319342,7 @@ var init_node = __esm({
     init_scene_graph();
     init_types();
     init_errors();
+    init_scale_geometry();
     init_plugin_shim();
     init_types5();
     init_ui();
@@ -319480,7 +319677,7 @@ var init_node = __esm({
           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;
-            patch2[k2] = v;
+            patch2[k2] = k2 === "fills" || k2 === "strokes" ? normalizePaints(v, k2) : v;
             changedKeys.add(k2);
           }
           if (args2.strict && !Object.keys(patch2).length) throw new ToolError(`No properties given for "${u.id}".`);
@@ -319595,9 +319792,21 @@ var init_node = __esm({
           const n = doc2.nodes[id3];
           const w = args2.width ?? (args2.scale ? n.width * args2.scale : n.width);
           const h = args2.height ?? (args2.scale ? n.height * args2.scale : n.height);
-          patches.set(id3, { width: Math.max(AI_LIMITS.minSize, w), height: Math.max(AI_LIMITS.minSize, h) });
+          const width = Math.max(AI_LIMITS.minSize, w), height = Math.max(AI_LIMITS.minSize, h);
+          patches.set(id3, { width, height });
+          if (n.width <= 0 || n.height <= 0) continue;
+          for (const [pid, patch2] of scaleSubtreePatches(doc2.nodes, id3, width / n.width, height / n.height)) {
+            patches.set(pid, { ...patches.get(pid), ...patch2 });
+          }
         }
-        commitUpdates(ctx2, doc2, patches);
+        let next2 = doc2;
+        for (const id3 of ids2) {
+          const n = doc2.nodes[id3], p2 = patches.get(id3);
+          if (n.type === "FRAME" || n.type === "COMPONENT" || n.type === "SECTION") {
+            next2 = applyConstraints(next2, id3, n.width, n.height, p2.width, p2.height);
+          }
+        }
+        commitUpdates(ctx2, next2, patches);
         return { summary: `Resized ${plural2(ids2.length, "layer")}`, data: { ids: ids2 } };
       }
     });
@@ -319934,6 +320143,9 @@ var init_node = __esm({
         svg: external_exports.string().min(8).optional().describe("The full <svg>\u2026</svg> markup."),
         parentId: external_exports.string().optional(),
         at: external_exports.object({ x: external_exports.number(), y: external_exports.number() }).optional().describe("Place the layers in one frame centred on this point (parent coordinates) instead of at the SVG's own coordinates."),
+        anchor: external_exports.enum(["center", "top-left"]).optional().describe("Whether `at` is the frame's centre (default) or its top-left corner."),
+        width: external_exports.number().positive().optional().describe("With `at`: scale the artwork to fit this width (keeps proportions)."),
+        height: external_exports.number().positive().optional().describe("With `at`: scale the artwork to fit this height (keeps proportions)."),
         name: external_exports.string().max(200).optional().describe("Name of that frame (with `at`)."),
         more: external_exports.array(external_exports.object({ svg: external_exports.string().min(8), name: external_exports.string().max(200).optional() })).max(50).optional().describe("Further SVGs placed in the same step (with `at`), each 24 px further down and right.")
       }),
@@ -319941,7 +320153,7 @@ var init_node = __esm({
         plugin: { method: "importSvg" },
         agent: {
           name: "import_svg",
-          description: "Import SVG markup as editable layers under a parent (default: the current page). Pass `at` to place them in one frame centred on a point. Returns the ids of the new top-level layers."
+          description: 'Import SVG markup as editable layers under a parent (default: the current page). Pass `at` (in the PARENT\'s coordinates) to place them in one frame centred on that point, or with its top-left there when anchor is "top-left"; add width and/or height to scale the artwork to fit that box. Returns the ids of the new top-level layers.'
         },
         // Paste, drop and File › Import: one undo step, and the ones that would not convert reported back so the
         // caller can place them as pictures instead (lib/editor/svg-paste.ts).
@@ -319959,7 +320171,7 @@ var init_node = __esm({
           const added2 = [];
           const failed2 = [];
           items.forEach((item, i2) => {
-            const placed2 = placeSvgLayers2(next3, parentId, item.svg, { name: item.name || "SVG", cx: args2.at.x + i2 * 24, cy: args2.at.y + i2 * 24, intern: (url4) => internDataUrl2(url4) });
+            const placed2 = placeSvgLayers2(next3, parentId, item.svg, { name: item.name || "SVG", cx: args2.at.x + i2 * 24, cy: args2.at.y + i2 * 24, anchor: args2.anchor, fit: { width: args2.width, height: args2.height }, intern: (url4) => internDataUrl2(url4) });
             if (placed2) {
               next3 = placed2.doc;
               added2.push(placed2.id);
@@ -320954,7 +321166,8 @@ var init_paint = __esm({
           const rec = n;
           const patch2 = {};
           let hit = 0;
-          const paints = rec.fills;
+          const fillStyle = rec.fillStyleId ? doc2.styles?.[rec.fillStyleId] : void 0;
+          const paints = fillStyle?.type === "PAINT" ? fillStyle.paints : rec.fills;
           if (paints?.length) {
             let changed = false;
             const next2 = paints.map((p2) => {
@@ -320981,7 +321194,10 @@ var init_paint = __esm({
               }
               return out;
             });
-            if (changed) patch2.fills = next2;
+            if (changed) {
+              patch2.fills = next2;
+              if (rec.fillStyleId) patch2.fillStyleId = void 0;
+            }
           }
           const strokes = rec.strokes;
           if (strokes?.length) {
@@ -320993,7 +321209,10 @@ var init_paint = __esm({
               hit++;
               return { ...s, color: c2 };
             });
-            if (changed) patch2.strokes = next2;
+            if (changed) {
+              patch2.strokes = next2;
+              if (rec.strokeStyleId) patch2.strokeStyleId = void 0;
+            }
           }
           const effects = effectsOf(n);
           if (effects.length) {
@@ -321024,7 +321243,7 @@ var init_paint = __esm({
           }
         }
         if (!swaps) throw new ToolError(`No ${args2.from} found under ${args2.rootId ?? "the selection"}. Check the color with get_node, or raise "tolerance".`);
-        ctx2.commit({ ...doc2, nodes });
+        ctx2.commit(applyInvariants({ ...doc2, nodes }, touched));
         return { summary: `Replaced ${args2.from} with ${args2.to} in ${plural2(touched.length, "layer")} (${swaps} paints)`, data: { ids: touched.slice(0, 50), swaps } };
       }
     });
@@ -328477,7 +328696,7 @@ var init_package = __esm({
   "packages/runtime/package.json"() {
     package_default = {
       name: "@popcraft/runtime",
-      version: "0.53.0",
+      version: "0.53.2",
       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",
@@ -353143,7 +353362,6 @@ 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("/");
   }
@@ -355192,7 +355410,7 @@ function reading(doc2, ids2) {
 }
 function boardColumns(doc2, roots, looseTitle, within3) {
   const areas = within3?.map((n) => boxOf(doc2, n));
-  const wanted = (p2) => !areas || areas.some((a) => inside(p2, a));
+  const wanted = (p2) => !areas || areas.some((a) => inside2(p2, a));
   const cards = [];
   const boxes = [];
   const texts = [];
@@ -355223,7 +355441,7 @@ function boardColumns(doc2, roots, looseTitle, within3) {
     const band = b.box.minY + (b.box.maxY - b.box.minY) * 0.25;
     const top = texts.filter((t3) => {
       const c2 = centre(t3.box);
-      return inside(c2, b.box) && c2.y <= band;
+      return inside2(c2, b.box) && c2.y <= band;
     }).sort((x2, y) => x2.box.minY - y.box.minY)[0];
     if (top) titles.set(b.node.id, { text: top.text, id: top.id });
     else if (!DEFAULT_NAMES.test(b.node.name.trim())) titles.set(b.node.id, { text: b.node.name });
@@ -355231,7 +355449,7 @@ function boardColumns(doc2, roots, looseTitle, within3) {
   const columnAt = (p2) => {
     let best = null;
     for (const b of boxes) {
-      if (!inside(p2, b.box)) continue;
+      if (!inside2(p2, b.box)) continue;
       if (!best) {
         best = b;
         continue;
@@ -355274,7 +355492,7 @@ function boardCsv(columns) {
   const rows = Math.max(0, ...columns.map((c2) => c2.items.length));
   return toCsv([columns.map((c2) => c2.title), ...Array.from({ length: rows }, (_, i2) => columns.map((c2) => c2.items[i2] ?? ""))]);
 }
-var MARGIN, MAX_BOARD_EXPORT_PX, textOf, boxOf, centre, inside, area3, textLayer, COLUMN_TYPES;
+var MARGIN, MAX_BOARD_EXPORT_PX, textOf, boxOf, centre, inside2, area3, textLayer, COLUMN_TYPES;
 var init_board_export = __esm({
   "lib/popcorn/board-export.ts"() {
     init_scene_graph();
@@ -355284,7 +355502,7 @@ var init_board_export = __esm({
     textOf = (n) => (n.text ?? "").replace(/\s+/g, " ").trim();
     boxOf = (doc2, n) => uprightBounds(getWorldTransform(doc2, n.id), n.width, n.height);
     centre = (b) => ({ x: (b.minX + b.maxX) / 2, y: (b.minY + b.maxY) / 2 });
-    inside = (p2, b) => p2.x >= b.minX && p2.x <= b.maxX && p2.y >= b.minY && p2.y <= b.maxY;
+    inside2 = (p2, b) => p2.x >= b.minX && p2.x <= b.maxX && p2.y >= b.minY && p2.y <= b.maxY;
     area3 = (b) => (b.maxX - b.minX) * (b.maxY - b.minY);
     textLayer = (n) => n.type === "TEXT" ? (n.characters ?? "").replace(/\s+/g, " ").trim() : "";
     COLUMN_TYPES = /* @__PURE__ */ new Set(["FRAME", "SECTION", "GROUP", "RECTANGLE", "INSTANCE", "COMPONENT", "ELLIPSE"]);
@@ -358633,11 +358851,11 @@ function mapCompilerMessages(messages, offset, lines2) {
   for (const m of messages) {
     if (m.type !== "error" && m.type !== "warning") continue;
     const line = m.lineNum - offset;
-    const inside2 = m.lineNum > 0 && line >= 1 && line <= lines2;
+    const inside3 = m.lineNum > 0 && line >= 1 && line <= lines2;
     out.push({
-      line: inside2 ? line : null,
-      column: inside2 && m.linePos > 0 ? m.linePos : null,
-      message: inside2 ? m.message : harnessMessage(m.message),
+      line: inside3 ? line : null,
+      column: inside3 && m.linePos > 0 ? m.linePos : null,
+      message: inside3 ? m.message : harnessMessage(m.message),
       severity: m.type === "error" ? "error" : "warning"
     });
   }
@@ -359152,9 +359370,9 @@ var init_motion_rich = __esm({
             if (def.type !== "NUMBER" && def.type !== "COLOR" && def.type !== "IMAGE") throw new ToolError("Only a NUMBER, COLOR or IMAGE property feeds a layer input.");
             const layer2 = nodeOrThrow(doc2, op4.layer);
             const owner = target2.type === "COMPONENT_SET" ? target2.id : target2.id;
-            let inside2 = false;
-            for (let n = layer2; n; n = n.parentId ? doc2.nodes[n.parentId] : void 0) if (n.id === owner) inside2 = true;
-            if (!inside2 || layer2.id === owner) throw new ToolError(`"${layer2.name}" is not a layer inside "${target2.name}".`);
+            let inside3 = false;
+            for (let n = layer2; n; n = n.parentId ? doc2.nodes[n.parentId] : void 0) if (n.id === owner) inside3 = true;
+            if (!inside3 || layer2.id === owner) throw new ToolError(`"${layer2.name}" is not a layer inside "${target2.name}".`);
             const props = layerInputPatch(layer2, op4.name, op4.path);
             if (!props) throw new ToolError(`"${layer2.name}" has no ${op4.path}.`);
             commitUpdates(ctx2, doc2, /* @__PURE__ */ new Map([[layer2.id, props]]));
@@ -361284,7 +361502,14 @@ var init_media = __esm({
       },
       run: async (args2) => {
         const { listLibraryMedia: listLibraryMedia2 } = await Promise.resolve().then(() => (init_client5(), client_exports3));
-        const page = await listLibraryMedia2(args2);
+        const q = { ...args2 };
+        if (!q.workspace) {
+          const { syncStatus: syncStatus2 } = await Promise.resolve().then(() => (init_sync2(), sync_exports2));
+          const link2 = syncStatus2().link;
+          if (!link2) throw new ToolError("This document is not saved to the cloud, so it has no team media library. Pass workspace.");
+          q.workspace = (await listLibraryMedia2({ file: link2.key, limit: 1 })).workspaceId;
+        }
+        const page = await listLibraryMedia2(q);
         return { summary: `${page.items.length} media item${page.items.length === 1 ? "" : "s"}${page.nextCursor ? " (more)" : ""}`, data: { workspaceId: page.workspaceId, items: page.items.map(brief3), nextCursor: page.nextCursor } };
       }
     });
@@ -401284,7 +401509,6 @@ function placeDesign(doc2, built, source3, size6, name2, at4) {
 var DESIGN_NAMESPACES, DERIVED2, templateOfBuild;
 var init_build3 = __esm({
   "lib/agent/design-script/build.ts"() {
-    "use strict";
     init_hash();
     init_scene_graph();
     init_libraries();
@@ -401314,7 +401538,6 @@ function designFrameOf(doc2, id3) {
 }
 var init_locate = __esm({
   "lib/agent/design-script/locate.ts"() {
-    "use strict";
   }
 });
 
@@ -401861,6 +402084,10 @@ async function drive(meta3, start2) {
           return [...notes, ...runtime.drainParentNotifications()];
         },
         maxParallel: MAX_PARALLEL_TOOLS,
+        // The loop's default cut every result at 8000 characters AFTER the tool had honoured its own limit, so
+        // export_svg with maxChars 40000 still came back without its last paths and the model could not
+        // rebuild the artwork. Tools bound their own output; this is only the backstop.
+        maxResultChars: MAX_TOOL_RESULT_CHARS,
         maxRounds: TURN_MAX_ROUNDS,
         modelRetries: 3,
         isRecoverable: (err2) => !abort.signal.aborted && isInterruption(err2),
@@ -401986,7 +402213,7 @@ async function drive(meta3, start2) {
     useAgentStore.setState({ running: false, resuming: false, abort: null });
   }
 }
-var ALWAYS_ALLOWED, MAX_HISTORY_MESSAGES, MAX_PARALLEL_TOOLS, TURN_MAX_ROUNDS, registerTurnTools, specsFor, loopTools, runs, agentRuns, setAgentRuns, RESUME_WINDOW_MS, MAX_INTERRUPTIONS, SUSPEND_RESTART_MS, STOPPED_MESSAGE;
+var ALWAYS_ALLOWED, MAX_HISTORY_MESSAGES, MAX_PARALLEL_TOOLS, MAX_TOOL_RESULT_CHARS, TURN_MAX_ROUNDS, registerTurnTools, specsFor, loopTools, runs, agentRuns, setAgentRuns, RESUME_WINDOW_MS, MAX_INTERRUPTIONS, SUSPEND_RESTART_MS, STOPPED_MESSAGE;
 var init_runner = __esm({
   "lib/agent/runner.ts"() {
     init_editor_store();
@@ -402012,6 +402239,7 @@ var init_runner = __esm({
     ALWAYS_ALLOWED = ["list_skills", "read_skill", "manage_todos", "notify", "get_selection", "task", "await_job", "send_message", "stop_agent", "list_agents", "list_profiles", "read_profile", "ask_user"];
     MAX_HISTORY_MESSAGES = 24;
     MAX_PARALLEL_TOOLS = 4;
+    MAX_TOOL_RESULT_CHARS = 48e3;
     TURN_MAX_ROUNDS = 500;
     registerTurnTools = (deps) => {
       registerBuiltinTools();
@@ -407377,7 +407605,6 @@ __export(editor_store_exports, {
   rebuildVectorData: () => rebuildVectorData,
   recoverPointsFromData: () => recoverPointsFromData,
   resetLibraryDocuments: () => resetLibraryDocuments,
-  scaleChildrenRecursively: () => scaleChildrenRecursively,
   tabPrefsOnly: () => tabPrefsOnly,
   useActiveTool: () => useActiveTool,
   useCamera: () => useCamera,
@@ -407550,37 +407777,6 @@ function stripImagePlaceholderFills(nodes, prevNodes, changed) {
   }
   return out ?? nodes;
 }
-function rebuildVectorData(points, closed) {
-  if (points.length < 2) return [];
-  const data = [];
-  data.push("M", points[0].x, points[0].y);
-  for (let i2 = 1; i2 < points.length; i2++) {
-    const prev = points[i2 - 1];
-    const curr = points[i2];
-    if (prev.handleOut && curr.handleIn) {
-      data.push("C", prev.handleOut.x, prev.handleOut.y, curr.handleIn.x, curr.handleIn.y, curr.x, curr.y);
-    } else if (prev.handleOut) {
-      data.push("Q", prev.handleOut.x, prev.handleOut.y, curr.x, curr.y);
-    } else if (curr.handleIn) {
-      data.push("Q", curr.handleIn.x, curr.handleIn.y, curr.x, curr.y);
-    } else {
-      data.push("L", curr.x, curr.y);
-    }
-  }
-  if (closed) {
-    const prev = points[points.length - 1];
-    const curr = points[0];
-    if (prev.handleOut && curr.handleIn) {
-      data.push("C", prev.handleOut.x, prev.handleOut.y, curr.handleIn.x, curr.handleIn.y, curr.x, curr.y);
-    } else if (prev.handleOut) {
-      data.push("Q", prev.handleOut.x, prev.handleOut.y, curr.x, curr.y);
-    } else if (curr.handleIn) {
-      data.push("Q", curr.handleIn.x, curr.handleIn.y, curr.x, curr.y);
-    }
-    data.push("Z");
-  }
-  return data;
-}
 function fixCorruptedVectors(doc2) {
   let changed = false;
   const newNodes = { ...doc2.nodes };
@@ -407730,30 +407926,6 @@ function recoverPointsFromData(data) {
   }
   return points;
 }
-function scaleChildrenRecursively(doc2, parentId, scaleX, scaleY) {
-  const parent = doc2.nodes[parentId];
-  if (!parent || !parent.childIds) return doc2;
-  const newDoc = { ...doc2, nodes: { ...doc2.nodes } };
-  const processNode = (nodeId2) => {
-    const node2 = newDoc.nodes[nodeId2];
-    if (!node2) return;
-    const updates = {
-      x: node2.x * scaleX,
-      y: node2.y * scaleY,
-      width: node2.width * scaleX,
-      height: node2.height * scaleY
-    };
-    if (node2.type === "TEXT") {
-      updates.fontSize = (node2.fontSize ?? 16) * Math.min(scaleX, scaleY);
-    }
-    newDoc.nodes[nodeId2] = { ...node2, ...updates };
-    if (node2.childIds) {
-      node2.childIds.forEach(processNode);
-    }
-  };
-  parent.childIds.forEach(processNode);
-  return newDoc;
-}
 function placeInstance(document2, mainComponentId, pageId2, x2, y) {
   const main2 = document2.nodes[mainComponentId];
   if (!main2 || main2.type !== "COMPONENT") return null;
@@ -409360,10 +409532,10 @@ var init_editor_store = __esm({
                 if ("childIds" in node2 && node2.childIds.length > 0) {
                   newDoc = applyConstraints(newDoc, id3, node2.width, node2.height, newWidth, newHeight);
                 }
-                if (node2.type === "GROUP" && node2.width > 0 && node2.height > 0) {
-                  const scaleX = newWidth / node2.width;
-                  const scaleY = newHeight / node2.height;
-                  newDoc = scaleChildrenRecursively(newDoc, id3, scaleX, scaleY);
+                if ((node2.type === "GROUP" || node2.type === "VECTOR") && node2.width > 0 && node2.height > 0) {
+                  for (const [pid, patch2] of scaleSubtreePatches(newDoc.nodes, id3, newWidth / node2.width, newHeight / node2.height)) {
+                    newDoc = updateNode(newDoc, pid, patch2);
+                  }
                 } else if (node2.type === "TABLE" && node2.width > 0 && node2.height > 0) {
                   const table3 = node2;
                   const totalW = (table3.colWidths || []).reduce((a, b) => a + b, 0) || 1;
@@ -410372,23 +410544,35 @@ var init_editor_store = __esm({
                 const geo = multiPolyToVectorGeometry(mp);
                 if (!geo) return;
                 const first2 = doc2.nodes[state.selection[0]];
+                const firstFills = (id3) => {
+                  const n = doc2.nodes[id3];
+                  if (!n) return void 0;
+                  if (n.fills?.length && n.type !== "GROUP") return n.fills;
+                  for (const c2 of n.childIds ?? []) {
+                    const f2 = firstFills(c2);
+                    if (f2) return f2;
+                  }
+                  return void 0;
+                };
+                const fills = state.selection.map(firstFills).find(Boolean);
                 const vectorNode = createVector({
                   ...geo,
-                  fills: first2?.fills?.length ? first2.fills : [{ type: "SOLID", color: { r: 0.85, g: 0.85, b: 0.85, a: 1 }, visible: true }],
+                  fills: fills ?? [{ type: "SOLID", color: { r: 0.85, g: 0.85, b: 0.85, a: 1 }, visible: true }],
                   strokes: [],
                   fillRule: "EVENODD",
                   name: state.selection.length > 1 ? "Flattened" : `${first2?.name ?? "Vector"} (flattened)`
                 });
                 doc2 = addNode(doc2, vectorNode, state.currentPageId);
+                const parentId = first2?.parentId;
+                if (parentId && parentId !== state.currentPageId && doc2.nodes[parentId]) {
+                  const placed2 = placementUnder(doc2, vectorNode.id, parentId);
+                  if (placed2) doc2 = reparentNode(updateNode(doc2, vectorNode.id, placed2), vectorNode.id, parentId);
+                }
                 state.selection.forEach((id3) => {
                   if (doc2.nodes[id3]) doc2 = removeNode(doc2, id3);
                 });
-                const command = createCommand("FLATTEN", "Flatten selection", documentBefore, doc2);
-                set4({
-                  document: doc2,
-                  history: pushCommand(state.history, command),
-                  selection: [vectorNode.id]
-                });
+                if (documentBefore !== doc2) get4().commitDocument(doc2, "Flatten selection");
+                set4({ selection: [vectorNode.id] });
               },
               joinPaths: () => {
                 const state = get4();
@@ -414100,7 +414284,7 @@ init_resources();
 init_desktop();
 init_hypery();
 import { createInterface } from "node:readline";
-var VERSION2 = "0.53.0";
+var VERSION2 = "0.53.2";
 var HELP = `popcraft ${VERSION2} \u2014 the PopCraft command line
 
 Files (headless, on .popcraft files):

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@popcraft/cli",
-  "version": "0.53.0",
+  "version": "0.53.2",
   "description": "The PopCraft command line: edit .popcraft files headlessly, call the REST API, publish to the marketplace and manage the desktop app's local plugins, themes, fonts, skills and agents.",
   "license": "MIT",
   "homepage": "https://popcraft.app/docs/api/cli",
@@ -34,7 +34,7 @@
     "esbuild": "0.28.2"
   },
   "dependencies": {
-    "@popcraft/kit": "0.53.0"
+    "@popcraft/kit": "0.53.2"
   },
   "scripts": {
     "build": "node build.mjs",