@pixerate/editor 0.202.0 → 0.204.0

package/dist/vector/index.cjs

@@ -9470,24 +9470,42 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
    * placed by position.
    */
   reorderNode(id, index) {
+    return this.moveNode(id, { index });
+  }
+  /**
+   * Moves a node into group `parentId` (null: the top level; left out: where it is) at `index`
+   * among its new siblings (bottom to top, 0 the bottom; left out: the top), as dragging it in a
+   * layers panel does. It stays where it is on the canvas. Clipping groups and blends keep their
+   * children: their mask and keys are placed by position.
+   */
+  moveNode(id, options = {}) {
     const node = this.getNode(id);
-    if (!node) return { ok: false, message: `No node "${id}".` };
-    let parent = null;
-    _chunkBRKVNXDZcjs.walkVectorNodes.call(void 0, this.doc.nodes, (n2, p) => {
-      if (n2.id === id) parent = p;
-    });
-    const group = parent;
-    if (group && (_chunkBRKVNXDZcjs.isVectorMaskGroup.call(void 0, group) || isVectorBlendGroup(group))) {
-      return { ok: false, message: "The order inside a clipping group or blend is fixed." };
-    }
-    const siblings = group ? group.children : this.doc.nodes;
-    const from = siblings.findIndex((n2) => n2.id === id);
-    const to = Math.max(0, Math.min(siblings.length - 1, Math.round(index)));
-    if (from === to) return { ok: true };
+    const at = node && _chunkBRKVNXDZcjs.locateVectorNode.call(void 0, this.doc.nodes, id);
+    if (!node || !at) return { ok: false, message: `No node "${id}".` };
+    const fixed = (g) => !!g && (_chunkBRKVNXDZcjs.isVectorMaskGroup.call(void 0, g) || isVectorBlendGroup(g));
+    if (fixed(at.parent)) return { ok: false, message: "The order inside a clipping group or blend is fixed." };
+    const parentId = options.parentId === void 0 ? _nullishCoalesce(_optionalChain([at, 'access', _390 => _390.parent, 'optionalAccess', _391 => _391.id]), () => ( null)) : options.parentId;
+    const target = parentId === null ? null : this.getNode(parentId);
+    if (parentId !== null) {
+      if (_optionalChain([target, 'optionalAccess', _392 => _392.type]) !== "group") return { ok: false, message: `"${parentId}" is not a group.` };
+      if (parentId === id || _chunkBRKVNXDZcjs.findVectorNode.call(void 0, [node], parentId)) return { ok: false, message: "A layer cannot go inside itself." };
+      if (fixed(target)) return { ok: false, message: "The order inside a clipping group or blend is fixed." };
+    }
+    const groupId = _nullishCoalesce(_optionalChain([target, 'optionalAccess', _393 => _393.id]), () => ( null));
+    const without = mapTree(this.doc.nodes, (n2) => n2.id === id ? null : n2);
+    const inGroup = groupId === null ? null : _chunkBRKVNXDZcjs.findVectorNode.call(void 0, without, groupId);
+    const siblings = _optionalChain([inGroup, 'optionalAccess', _394 => _394.type]) === "group" ? inGroup.children : without;
+    const to = Math.max(0, Math.min(siblings.length, Math.round(_nullishCoalesce(options.index, () => ( siblings.length)))));
+    if (groupId === (_nullishCoalesce(_optionalChain([at, 'access', _395 => _395.parent, 'optionalAccess', _396 => _396.id]), () => ( null))) && to === at.index) return { ok: true };
+    const from = _nullishCoalesce(_chunkBRKVNXDZcjs.vectorParentMatrix.call(void 0, this.doc.nodes, id), () => ( _chunkBRKVNXDZcjs.IDENTITY_MATRIX));
+    const into = groupId === null ? _chunkBRKVNXDZcjs.IDENTITY_MATRIX : _nullishCoalesce(_chunkBRKVNXDZcjs.vectorWorldMatrix.call(void 0, this.doc.nodes, groupId), () => ( _chunkBRKVNXDZcjs.IDENTITY_MATRIX));
+    const m = _chunkBRKVNXDZcjs.multiplyMatrices.call(void 0, from, _chunkBRKVNXDZcjs.invertMatrix.call(void 0, into));
     const next = [...siblings];
-    next.splice(from, 1);
-    next.splice(to, 0, node);
-    this.change("Move Layer", () => group ? this.replaceNode(group.id, { ...group, children: next }) : this.setDoc(next));
+    next.splice(to, 0, _chunkBRKVNXDZcjs.isIdentityMatrix.call(void 0, m) ? node : _chunkBRKVNXDZcjs.transformVectorNode.call(void 0, node, m));
+    this.change(
+      "Move Layer",
+      () => this.setDoc(groupId === null ? next : mapTree(without, (n2) => n2.id === groupId && n2.type === "group" ? { ...n2, children: next } : n2))
+    );
     return { ok: true };
   }
   /**
@@ -9543,7 +9561,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
       this.change(label2, () => this.replaceNode(lone.id, { ...lone, liveBoolean: op, children }));
       return lone.id;
     }
-    const parents = roots.map((id2) => _nullishCoalesce(_optionalChain([_chunkBRKVNXDZcjs.locateVectorNode.call(void 0, this.doc.nodes, id2), 'optionalAccess', _390 => _390.parent]), () => ( null)));
+    const parents = roots.map((id2) => _nullishCoalesce(_optionalChain([_chunkBRKVNXDZcjs.locateVectorNode.call(void 0, this.doc.nodes, id2), 'optionalAccess', _397 => _397.parent]), () => ( null)));
     if (parents.every((g) => _chunkBRKVNXDZcjs.isVectorLiveBoolean.call(void 0, g))) {
       const set = new Set(roots);
       this.change(
@@ -9564,8 +9582,8 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
       return parents[0].id;
     }
     if (nodes.length < 2) return null;
-    const parent = _nullishCoalesce(_optionalChain([parents, 'access', _391 => _391[0], 'optionalAccess', _392 => _392.id]), () => ( null));
-    if (parents.some((g) => (_nullishCoalesce(_optionalChain([g, 'optionalAccess', _393 => _393.id]), () => ( null))) !== parent)) return null;
+    const parent = _nullishCoalesce(_optionalChain([parents, 'access', _398 => _398[0], 'optionalAccess', _399 => _399.id]), () => ( null));
+    if (parents.some((g) => (_nullishCoalesce(_optionalChain([g, 'optionalAccess', _400 => _400.id]), () => ( null))) !== parent)) return null;
     const id = this.newId();
     this.change(label2, () => {
       const set = new Set(roots);
@@ -9613,7 +9631,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
   }
   /** Splits selected compound paths into one path per subpath. */
   breakApart(options = {}) {
-    const paths = (_nullishCoalesce(options.ids, () => ( this.selection))).map((id) => this.getNode(id)).filter((n2) => _optionalChain([n2, 'optionalAccess', _394 => _394.type]) === "path" && n2.subpaths.length > 1);
+    const paths = (_nullishCoalesce(options.ids, () => ( this.selection))).map((id) => this.getNode(id)).filter((n2) => _optionalChain([n2, 'optionalAccess', _401 => _401.type]) === "path" && n2.subpaths.length > 1);
     if (!paths.length) return { ok: false, message: "Select a compound path to break apart." };
     const created = [];
     const set = new Set(paths.map((p) => p.id));
@@ -9681,7 +9699,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
     const out = /* @__PURE__ */ new Map();
     for (const id of _nullishCoalesce(ids, () => ( this.selection))) {
       const node = this.getNode(id);
-      const group = isVectorBlendGroup(node) ? node : _optionalChain([_chunkBRKVNXDZcjs.locateVectorNode.call(void 0, this.doc.nodes, id), 'optionalAccess', _395 => _395.parent]);
+      const group = isVectorBlendGroup(node) ? node : _optionalChain([_chunkBRKVNXDZcjs.locateVectorNode.call(void 0, this.doc.nodes, id), 'optionalAccess', _402 => _402.parent]);
       if (isVectorBlendGroup(group)) out.set(group.id, group);
     }
     return [...out.values()];
@@ -9699,8 +9717,8 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
     });
     if (ids.length < 2) return null;
     const locs = ids.map((id2) => _chunkBRKVNXDZcjs.locateVectorNode.call(void 0, this.doc.nodes, id2));
-    const parent = _nullishCoalesce(_optionalChain([locs, 'access', _396 => _396[0], 'access', _397 => _397.parent, 'optionalAccess', _398 => _398.id]), () => ( null));
-    if (locs.some((l) => (_nullishCoalesce(_optionalChain([l, 'access', _399 => _399.parent, 'optionalAccess', _400 => _400.id]), () => ( null))) !== parent)) return null;
+    const parent = _nullishCoalesce(_optionalChain([locs, 'access', _403 => _403[0], 'access', _404 => _404.parent, 'optionalAccess', _405 => _405.id]), () => ( null));
+    if (locs.some((l) => (_nullishCoalesce(_optionalChain([l, 'access', _406 => _406.parent, 'optionalAccess', _407 => _407.id]), () => ( null))) !== parent)) return null;
     const order = input.keepOrder ? ids : ids.slice().sort((a, b) => locs[ids.indexOf(a)].index - locs[ids.indexOf(b)].index);
     const blend = blendOptionsOf({ ...this.blendDefaults, ...input });
     if (input.starts) {
@@ -9748,8 +9766,8 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
       if (n2.blendStep) return { ok: false, message: `"${id2}" is a blend step; select its blend instead.` };
     }
     const locs = ids.map((id2) => _chunkBRKVNXDZcjs.locateVectorNode.call(void 0, this.doc.nodes, id2));
-    const parent = _nullishCoalesce(_optionalChain([locs, 'access', _401 => _401[0], 'access', _402 => _402.parent, 'optionalAccess', _403 => _403.id]), () => ( null));
-    if (locs.some((l) => (_nullishCoalesce(_optionalChain([l, 'access', _404 => _404.parent, 'optionalAccess', _405 => _405.id]), () => ( null))) !== parent)) return { ok: false, message: "The objects must share a parent (group them, or pick objects at one level)." };
+    const parent = _nullishCoalesce(_optionalChain([locs, 'access', _408 => _408[0], 'access', _409 => _409.parent, 'optionalAccess', _410 => _410.id]), () => ( null));
+    if (locs.some((l) => (_nullishCoalesce(_optionalChain([l, 'access', _411 => _411.parent, 'optionalAccess', _412 => _412.id]), () => ( null))) !== parent)) return { ok: false, message: "The objects must share a parent (group them, or pick objects at one level)." };
     const order = ids.slice().sort((a, b) => locs[ids.indexOf(a)].index - locs[ids.indexOf(b)].index);
     const maskId = _nullishCoalesce(options.maskId, () => ( order[order.length - 1]));
     if (!order.includes(maskId)) return { ok: false, message: `The mask "${maskId}" must be one of the objects (${order.map((id2) => `"${id2}"`).join(", ")}).` };
@@ -9814,8 +9832,8 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
       if (n2.locked) return { ok: false, message: `"${id2}" is locked; unlock it first.` };
     }
     const locs = ids.map((id2) => _chunkBRKVNXDZcjs.locateVectorNode.call(void 0, this.doc.nodes, id2));
-    const parent = _nullishCoalesce(_optionalChain([locs, 'access', _406 => _406[0], 'optionalAccess', _407 => _407.parent]), () => ( null));
-    if (locs.some((l) => (_nullishCoalesce(_optionalChain([l, 'access', _408 => _408.parent, 'optionalAccess', _409 => _409.id]), () => ( null))) !== (_nullishCoalesce(_optionalChain([parent, 'optionalAccess', _410 => _410.id]), () => ( null))))) return { ok: false, message: "The objects must share a parent (pick objects at one level)." };
+    const parent = _nullishCoalesce(_optionalChain([locs, 'access', _413 => _413[0], 'optionalAccess', _414 => _414.parent]), () => ( null));
+    if (locs.some((l) => (_nullishCoalesce(_optionalChain([l, 'access', _415 => _415.parent, 'optionalAccess', _416 => _416.id]), () => ( null))) !== (_nullishCoalesce(_optionalChain([parent, 'optionalAccess', _417 => _417.id]), () => ( null))))) return { ok: false, message: "The objects must share a parent (pick objects at one level)." };
     const b = _chunkBRKVNXDZcjs.unionBounds.call(void 0, ids.map((id2) => _chunkBRKVNXDZcjs.vectorNodeBounds.call(void 0, this.getNode(id2))));
     const center = _nullishCoalesce(input.center, () => ( (b ? { x: b.x + b.width / 2, y: b.y + b.height / 2 } : { x: this.doc.width / 2, y: this.doc.height / 2 })));
     const id = this.newId();
@@ -9852,7 +9870,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
       const n2 = this.getNode(id);
       if (_chunkBRKVNXDZcjs.isVectorSymmetryGroup.call(void 0, n2)) out.set(n2.id, n2);
       else if (!ids) {
-        const p = _optionalChain([_chunkBRKVNXDZcjs.locateVectorNode.call(void 0, this.doc.nodes, id), 'optionalAccess', _411 => _411.parent]);
+        const p = _optionalChain([_chunkBRKVNXDZcjs.locateVectorNode.call(void 0, this.doc.nodes, id), 'optionalAccess', _418 => _418.parent]);
         if (_chunkBRKVNXDZcjs.isVectorSymmetryGroup.call(void 0, p)) out.set(p.id, p);
       }
     }
@@ -10021,8 +10039,8 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
     const plane = this.perspectivePlane;
     if (!grid || !plane || kind === "line" || !vectorPerspectivePlanes(grid).includes(plane)) return null;
     const toFlat = vectorPerspectivePlaneToFlat(grid, plane);
-    const a = _optionalChain([toFlat, 'optionalCall', _412 => _412(start)]);
-    const b = _optionalChain([toFlat, 'optionalCall', _413 => _413(end)]);
+    const a = _optionalChain([toFlat, 'optionalCall', _419 => _419(start)]);
+    const b = _optionalChain([toFlat, 'optionalCall', _420 => _420(end)]);
     if (!a || !b) return null;
     const flat = this.createShapeNode({ kind, ..._chunkBRKVNXDZcjs.boundsFromPoints.call(void 0, a, b) });
     const mapped = vectorPerspectiveMapPath(grid, plane, _chunkBRKVNXDZcjs.subpathsToBezier.call(void 0, flat.subpaths));
@@ -10207,7 +10225,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
   getShadingSelection() {
     const sel = this.shadingSel;
     const node = sel ? this.getNode(sel.nodeId) : void 0;
-    if (!sel || _optionalChain([node, 'optionalAccess', _414 => _414.type]) !== "path" || !_chunkBRKVNXDZcjs.isVectorShadedPaint.call(void 0, node.fill) || sel.index >= node.fill.points.length) return null;
+    if (!sel || _optionalChain([node, 'optionalAccess', _421 => _421.type]) !== "path" || !_chunkBRKVNXDZcjs.isVectorShadedPaint.call(void 0, node.fill) || sel.index >= node.fill.points.length) return null;
     return { ...sel, kind: node.fill.type };
   }
   /** The path `id` (or a message why it cannot take a mesh or freeform fill). */
@@ -10273,17 +10291,17 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
       const b = _chunkBRKVNXDZcjs.vectorPathLocalBounds.call(void 0, t);
       if (!b) return { ok: false, message: `"${id}" has no area to fill.` };
       let f;
-      if (_optionalChain([input, 'access', _415 => _415.points, 'optionalAccess', _416 => _416.length])) {
+      if (_optionalChain([input, 'access', _422 => _422.points, 'optionalAccess', _423 => _423.length])) {
         f = _chunkBRKVNXDZcjs.sanitizeVectorShadedPaint.call(void 0, { type: "freeform", points: input.points.map((q) => ({ ...q, ...this.toLocal(id, q) })), ...input.lines ? { lines: input.lines } : {} });
         if (!f) return { ok: false, message: "Each point needs x, y (numbers) and a colour." };
-        if (input.lines && (_nullishCoalesce(_optionalChain([f, 'access', _417 => _417.lines, 'optionalAccess', _418 => _418.length]), () => ( 0))) !== input.lines.length) return { ok: false, message: `Each line needs two or more point indices from 0 to ${input.points.length - 1}, none twice in a row.` };
+        if (input.lines && (_nullishCoalesce(_optionalChain([f, 'access', _424 => _424.lines, 'optionalAccess', _425 => _425.length]), () => ( 0))) !== input.lines.length) return { ok: false, message: `Each line needs two or more point indices from 0 to ${input.points.length - 1}, none twice in a row.` };
       } else {
         const bad = (_nullishCoalesce(input.colors, () => ( []))).find((c) => !_chunkBRKVNXDZcjs.parseVectorColor.call(void 0, c));
         if (bad !== void 0) return { ok: false, message: `"${bad}" is not a colour.` };
         const outline = _chunkBRKVNXDZcjs.subpathsToBezier.call(void 0, t.subpaths);
         const inside = (q) => _chunkGF2RBSDMcjs.pointInBezierPath.call(void 0, outline, [q.x, q.y], _nullishCoalesce(t.fillRule, () => ( "nonzero")));
         const base = typeof t.fill === "string" && _chunkBRKVNXDZcjs.parseVectorColor.call(void 0, t.fill) ? t.fill : "#000000";
-        f = _chunkBRKVNXDZcjs.autoVectorFreeformGradient.call(void 0, b, _optionalChain([input, 'access', _419 => _419.colors, 'optionalAccess', _420 => _420.length]) ? input.colors : [base, "#ffffff"], inside);
+        f = _chunkBRKVNXDZcjs.autoVectorFreeformGradient.call(void 0, b, _optionalChain([input, 'access', _426 => _426.colors, 'optionalAccess', _427 => _427.length]) ? input.colors : [base, "#ffffff"], inside);
       }
       fills.set(id, f);
     }
@@ -10293,7 +10311,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
   /** The mesh or freeform fill of path `id` with its points in document units, or null. */
   getShading(id) {
     const n2 = this.getNode(id);
-    if (_optionalChain([n2, 'optionalAccess', _421 => _421.type]) !== "path" || !_chunkBRKVNXDZcjs.isVectorShadedPaint.call(void 0, n2.fill)) return null;
+    if (_optionalChain([n2, 'optionalAccess', _428 => _428.type]) !== "path" || !_chunkBRKVNXDZcjs.isVectorShadedPaint.call(void 0, n2.fill)) return null;
     const world = this.worldOf(id);
     return _chunkBRKVNXDZcjs.mapVectorShadedPaint.call(void 0, n2.fill, (q) => _chunkBRKVNXDZcjs.applyMatrix.call(void 0, world, q));
   }
@@ -10400,7 +10418,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
     if (typeof t === "string") return { ok: false, message: t };
     if (!_chunkBRKVNXDZcjs.isVectorFreeformGradient.call(void 0, t.fill)) return { ok: false, message: `"${id}" has no freeform gradient fill (add one with vector.setFreeformGradient).` };
     const f = _chunkBRKVNXDZcjs.sanitizeVectorShadedPaint.call(void 0, { ...t.fill, lines });
-    if ((_nullishCoalesce(_optionalChain([f, 'access', _422 => _422.lines, 'optionalAccess', _423 => _423.length]), () => ( 0))) !== lines.length) return { ok: false, message: `Each line needs two or more point indices from 0 to ${t.fill.points.length - 1}, none twice in a row.` };
+    if ((_nullishCoalesce(_optionalChain([f, 'access', _429 => _429.lines, 'optionalAccess', _430 => _430.length]), () => ( 0))) !== lines.length) return { ok: false, message: `Each line needs two or more point indices from 0 to ${t.fill.points.length - 1}, none twice in a row.` };
     const { lines: _l, ...rest } = t.fill;
     this.setFills("Freeform Lines", /* @__PURE__ */ new Map([[id, lines.length ? { ...rest, lines: f.lines } : rest]]));
     return { ok: true };
@@ -10420,7 +10438,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
   penAngles() {
     if (!this.snap.polarRelative || !this.pen) return {};
     const node = this.getNode(this.pen.nodeId);
-    const sp = _optionalChain([node, 'optionalAccess', _424 => _424.subpaths, 'access', _425 => _425[this.pen.subpath]]);
+    const sp = _optionalChain([node, 'optionalAccess', _431 => _431.subpaths, 'access', _432 => _432[this.pen.subpath]]);
     if (!sp || sp.anchors.length < 2) return {};
     const n2 = sp.anchors.length;
     const a = getAnchorWorld(this.doc, { nodeId: this.pen.nodeId, subpath: this.pen.subpath, index: n2 - 2 });
@@ -10538,7 +10556,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
     const pen = this.pen;
     const node = pen ? this.getNode(pen.nodeId) : void 0;
     const sp = pen && node ? node.subpaths[pen.subpath] : void 0;
-    if (!pen || !node || !_optionalChain([sp, 'optionalAccess', _426 => _426.anchors, 'access', _427 => _427.length])) return { ok: false, message: "Start a path with the pen first: typed entry places its next point." };
+    if (!pen || !node || !_optionalChain([sp, 'optionalAccess', _433 => _433.anchors, 'access', _434 => _434.length])) return { ok: false, message: "Start a path with the pen first: typed entry places its next point." };
     const last = getAnchorWorld(this.doc, { nodeId: pen.nodeId, subpath: pen.subpath, index: sp.anchors.length - 1 });
     const num2 = "(-?(?:\\d+\\.?\\d*|\\.\\d+))";
     const t = text.replace(/\s+/g, "");
@@ -10547,7 +10565,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
     if (m = t.match(new RegExp(`^@${num2},${num2}$`))) target = { x: last.x + parseFloat(m[1]), y: last.y + parseFloat(m[2]) };
     else if (m = t.match(new RegExp(`^${num2},${num2}$`))) target = { x: parseFloat(m[1]), y: parseFloat(m[2]) };
     else if (m = t.match(new RegExp(`^${num2}<${num2}$`))) {
-      const base = this.snap.polarRelative ? (_nullishCoalesce(_nullishCoalesce(_optionalChain([this, 'access', _428 => _428.penAngles, 'call', _429 => _429(), 'access', _430 => _430.angles, 'optionalAccess', _431 => _431[0]]), () => ( this.snap.angles[0])), () => ( 0))) - (_nullishCoalesce(this.snap.angles[0], () => ( 0))) : 0;
+      const base = this.snap.polarRelative ? (_nullishCoalesce(_nullishCoalesce(_optionalChain([this, 'access', _435 => _435.penAngles, 'call', _436 => _436(), 'access', _437 => _437.angles, 'optionalAccess', _438 => _438[0]]), () => ( this.snap.angles[0])), () => ( 0))) - (_nullishCoalesce(this.snap.angles[0], () => ( 0))) : 0;
       const dir = vectorAngleDirection(parseFloat(m[2]) + base);
       const len2 = parseFloat(m[1]);
       target = { x: last.x + dir.x * len2, y: last.y + dir.y * len2 };
@@ -10575,7 +10593,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
    */
   addPathByDimensions(input) {
     if (!input.start || !Number.isFinite(input.start.x) || !Number.isFinite(input.start.y)) return { ok: false, message: "start must be { x, y } in document units." };
-    if (!_optionalChain([input, 'access', _432 => _432.steps, 'optionalAccess', _433 => _433.length])) return { ok: false, message: "Give at least one step." };
+    if (!_optionalChain([input, 'access', _439 => _439.steps, 'optionalAccess', _440 => _440.length])) return { ok: false, message: "Give at least one step." };
     const pts = [{ x: input.start.x, y: input.start.y }];
     for (const [i, step] of input.steps.entries()) {
       const at = pts[pts.length - 1];
@@ -10609,7 +10627,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
   downConnector(p) {
     const before = this.snapshot();
     const target = _chunkBRKVNXDZcjs.vectorConnectorTargetAt.call(void 0, this.doc.nodes, p, this.connectorRadius());
-    const at = _nullishCoalesce(_optionalChain([target, 'optionalAccess', _434 => _434.site]), () => ( p));
+    const at = _nullishCoalesce(_optionalChain([target, 'optionalAccess', _441 => _441.site]), () => ( p));
     const node = {
       id: this.newId(),
       type: "path",
@@ -10711,7 +10729,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
     const ids = _nullishCoalesce(options.ids, () => ( this.selection));
     if (!ids.length) return { ok: false, message: "Select a closed path to make a lens first." };
     if (lens && lens.type !== void 0 && !_chunkBRKVNXDZcjs.VECTOR_LENS_TYPES.includes(lens.type)) return { ok: false, message: `Unknown lens "${lens.type}": use ${_chunkBRKVNXDZcjs.VECTOR_LENS_TYPES.join(", ")}.` };
-    if (_optionalChain([lens, 'optionalAccess', _435 => _435.color]) !== void 0 && lens.color !== null && !_chunkBRKVNXDZcjs.parseVectorColor.call(void 0, lens.color)) return { ok: false, message: `"${lens.color}" is not a colour: use a CSS colour such as #ff0000.` };
+    if (_optionalChain([lens, 'optionalAccess', _442 => _442.color]) !== void 0 && lens.color !== null && !_chunkBRKVNXDZcjs.parseVectorColor.call(void 0, lens.color)) return { ok: false, message: `"${lens.color}" is not a colour: use a CSS colour such as #ff0000.` };
     const next = /* @__PURE__ */ new Map();
     for (const id of ids) {
       const n2 = this.getNode(id);
@@ -10722,7 +10740,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
         continue;
       }
       if (n2.type !== "path" || !n2.subpaths.some((sp) => sp.closed) || _chunkBRKVNXDZcjs.isVectorConnector.call(void 0, n2)) return { ok: false, message: `"${id}" is not a closed path: only closed paths can be lenses.` };
-      const type = _nullishCoalesce(lens.type, () => ( _optionalChain([n2, 'access', _436 => _436.lens, 'optionalAccess', _437 => _437.type])));
+      const type = _nullishCoalesce(lens.type, () => ( _optionalChain([n2, 'access', _443 => _443.lens, 'optionalAccess', _444 => _444.type])));
       if (!type) return { ok: false, message: `"${id}" is not a lens yet: pass a type (${_chunkBRKVNXDZcjs.VECTOR_LENS_TYPES.join(", ")}).` };
       const spec = _chunkBRKVNXDZcjs.VECTOR_LENS_SPECS[type];
       if (lens.amount !== void 0 && !(Number.isFinite(lens.amount) && lens.amount >= spec.min && lens.amount <= spec.max)) return { ok: false, message: `amount for a ${type} lens must be from ${spec.min} to ${spec.max} (${spec.unit}).` };
@@ -10799,8 +10817,8 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
       const r = _chunkBRKVNXDZcjs.routeVectorConnector.call(void 0, this.doc.nodes, n2.id);
       const world = _nullishCoalesce(_chunkBRKVNXDZcjs.vectorWorldMatrix.call(void 0, this.doc.nodes, n2.id), () => ( _chunkBRKVNXDZcjs.IDENTITY_MATRIX));
       const sp = n2.subpaths[0];
-      const first = _optionalChain([sp, 'optionalAccess', _438 => _438.anchors, 'access', _439 => _439[0]]);
-      const last = _optionalChain([sp, 'optionalAccess', _440 => _440.anchors, 'access', _441 => _441[sp.anchors.length - 1]]);
+      const first = _optionalChain([sp, 'optionalAccess', _445 => _445.anchors, 'access', _446 => _446[0]]);
+      const last = _optionalChain([sp, 'optionalAccess', _447 => _447.anchors, 'access', _448 => _448[sp.anchors.length - 1]]);
       const end = (e, side, a) => {
         const at = a ? _chunkBRKVNXDZcjs.applyMatrix.call(void 0, world, a) : null;
         return { ...e ? { nodeId: e.nodeId, side: _nullishCoalesce(e.side, () => ( "auto")), resolvedSide: side } : {}, ...at ? { x: at.x, y: at.y } : {} };
@@ -10810,8 +10828,8 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
         ...n2.name ? { name: n2.name } : {},
         route: _nullishCoalesce(n2.connector.route, () => ( "straight")),
         ...n2.connector.radius ? { radius: n2.connector.radius } : {},
-        start: end(n2.connector.start, _nullishCoalesce(_optionalChain([r, 'optionalAccess', _442 => _442.startSide]), () => ( null)), first),
-        end: end(n2.connector.end, _nullishCoalesce(_optionalChain([r, 'optionalAccess', _443 => _443.endSide]), () => ( null)), last)
+        start: end(n2.connector.start, _nullishCoalesce(_optionalChain([r, 'optionalAccess', _449 => _449.startSide]), () => ( null)), first),
+        end: end(n2.connector.end, _nullishCoalesce(_optionalChain([r, 'optionalAccess', _450 => _450.endSide]), () => ( null)), last)
       });
     });
     return out;
@@ -10878,9 +10896,9 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
   nextPageRect(master) {
     const frames = this.doc.nodes.filter(_chunkBRKVNXDZcjs.isVectorFrame);
     const pages = _chunkBRKVNXDZcjs.vectorPages.call(void 0, this.doc);
-    const like = _nullishCoalesce(_optionalChain([pages, 'access', _444 => _444[pages.length - 1], 'optionalAccess', _445 => _445.frame]), () => ( _optionalChain([frames, 'access', _446 => _446[frames.length - 1], 'optionalAccess', _447 => _447.frame])));
-    const width = _nullishCoalesce(_optionalChain([like, 'optionalAccess', _448 => _448.width]), () => ( this.doc.width));
-    const height = _nullishCoalesce(_optionalChain([like, 'optionalAccess', _449 => _449.height]), () => ( this.doc.height));
+    const like = _nullishCoalesce(_optionalChain([pages, 'access', _451 => _451[pages.length - 1], 'optionalAccess', _452 => _452.frame]), () => ( _optionalChain([frames, 'access', _453 => _453[frames.length - 1], 'optionalAccess', _454 => _454.frame])));
+    const width = _nullishCoalesce(_optionalChain([like, 'optionalAccess', _455 => _455.width]), () => ( this.doc.width));
+    const height = _nullishCoalesce(_optionalChain([like, 'optionalAccess', _456 => _456.height]), () => ( this.doc.height));
     if (!frames.length) return { x: 0, y: 0, width, height };
     const gap = Math.max(20, Math.round(width * 0.1));
     if (master) {
@@ -10905,7 +10923,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
     const first = !this.doc.nodes.some(_chunkBRKVNXDZcjs.isVectorFrame);
     const rect = this.nextPageRect(false);
     const id = this.newId();
-    const masterId = input.masterId === void 0 ? _nullishCoalesce(_optionalChain([pages, 'access', _450 => _450[pages.length - 1], 'optionalAccess', _451 => _451.frame, 'access', _452 => _452.masterId]), () => ( null)) : input.masterId;
+    const masterId = input.masterId === void 0 ? _nullishCoalesce(_optionalChain([pages, 'access', _457 => _457[pages.length - 1], 'optionalAccess', _458 => _458.frame, 'access', _459 => _459.masterId]), () => ( null)) : input.masterId;
     const adopted = first ? this.doc.nodes.filter((n2) => !n2.locked && n2.visible !== false && !n2.blendStep) : [];
     const page = {
       id,
@@ -11018,7 +11036,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
     }
     const locs = ids.map((id2) => _chunkBRKVNXDZcjs.locateVectorNode.call(void 0, this.doc.nodes, id2));
     const parent = _nullishCoalesce(locs[0].parent, () => ( null));
-    if (locs.some((l) => (_nullishCoalesce(_optionalChain([l, 'access', _453 => _453.parent, 'optionalAccess', _454 => _454.id]), () => ( null))) !== (_nullishCoalesce(_optionalChain([parent, 'optionalAccess', _455 => _455.id]), () => ( null))))) return { ok: false, message: "The objects must share a parent (pick objects at one level)." };
+    if (locs.some((l) => (_nullishCoalesce(_optionalChain([l, 'access', _460 => _460.parent, 'optionalAccess', _461 => _461.id]), () => ( null))) !== (_nullishCoalesce(_optionalChain([parent, 'optionalAccess', _462 => _462.id]), () => ( null))))) return { ok: false, message: "The objects must share a parent (pick objects at one level)." };
     const b = _chunkBRKVNXDZcjs.unionBounds.call(void 0, ids.map((id2) => _chunkBRKVNXDZcjs.vectorNodeBounds.call(void 0, this.getNode(id2))));
     if (!b) return { ok: false, message: "The objects have no extent to frame." };
     const id = this.newId();
@@ -11058,7 +11076,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
       const n2 = this.getNode(id);
       if (_chunkBRKVNXDZcjs.isVectorFrame.call(void 0, n2)) out.set(n2.id, n2);
       else if (!ids) {
-        const parent = _optionalChain([_chunkBRKVNXDZcjs.locateVectorNode.call(void 0, this.doc.nodes, id), 'optionalAccess', _456 => _456.parent]);
+        const parent = _optionalChain([_chunkBRKVNXDZcjs.locateVectorNode.call(void 0, this.doc.nodes, id), 'optionalAccess', _463 => _463.parent]);
         if (_chunkBRKVNXDZcjs.isVectorFrame.call(void 0, parent)) out.set(parent.id, parent);
       }
     }
@@ -11127,7 +11145,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
     if (!ids.length) return { ok: false, message: "Select objects inside a frame first." };
     for (const id of ids) {
       if (!this.getNode(id)) return { ok: false, message: `There is no node "${id}".` };
-      if (!_chunkBRKVNXDZcjs.isVectorFrame.call(void 0, _optionalChain([_chunkBRKVNXDZcjs.locateVectorNode.call(void 0, this.doc.nodes, id), 'optionalAccess', _457 => _457.parent]))) return { ok: false, message: `"${id}" is not directly inside a frame: resizing constraints only apply to a frame's children.` };
+      if (!_chunkBRKVNXDZcjs.isVectorFrame.call(void 0, _optionalChain([_chunkBRKVNXDZcjs.locateVectorNode.call(void 0, this.doc.nodes, id), 'optionalAccess', _464 => _464.parent]))) return { ok: false, message: `"${id}" is not directly inside a frame: resizing constraints only apply to a frame's children.` };
     }
     const set = new Set(ids);
     this.change("Constraints", () => {
@@ -11148,7 +11166,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
             artboard: parent === null,
             frame: n2.frame,
             bounds: _chunkBRKVNXDZcjs.vectorNodeBounds.call(void 0, n2, _nullishCoalesce(_chunkBRKVNXDZcjs.vectorParentMatrix.call(void 0, this.doc.nodes, n2.id), () => ( _chunkBRKVNXDZcjs.IDENTITY_MATRIX))),
-            children: n2.children.map((c) => ({ id: c.id, type: c.type, ...c.name ? { name: c.name } : {}, horizontal: _nullishCoalesce(_optionalChain([c, 'access', _458 => _458.resizing, 'optionalAccess', _459 => _459.horizontal]), () => ( "left")), vertical: _nullishCoalesce(_optionalChain([c, 'access', _460 => _460.resizing, 'optionalAccess', _461 => _461.vertical]), () => ( "top")) }))
+            children: n2.children.map((c) => ({ id: c.id, type: c.type, ...c.name ? { name: c.name } : {}, horizontal: _nullishCoalesce(_optionalChain([c, 'access', _465 => _465.resizing, 'optionalAccess', _466 => _466.horizontal]), () => ( "left")), vertical: _nullishCoalesce(_optionalChain([c, 'access', _467 => _467.resizing, 'optionalAccess', _468 => _468.vertical]), () => ( "top")) }))
           });
         }
         if (n2.type === "group") visit(n2.children, n2.id);
@@ -11169,7 +11187,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
       const n2 = this.getNode(id);
       if (_chunkBRKVNXDZcjs.isVectorMaskGroup.call(void 0, n2)) out.set(n2.id, n2);
       else {
-        const parent = _optionalChain([_chunkBRKVNXDZcjs.locateVectorNode.call(void 0, this.doc.nodes, id), 'optionalAccess', _462 => _462.parent]);
+        const parent = _optionalChain([_chunkBRKVNXDZcjs.locateVectorNode.call(void 0, this.doc.nodes, id), 'optionalAccess', _469 => _469.parent]);
         if (_chunkBRKVNXDZcjs.isVectorMaskGroup.call(void 0, parent)) out.set(parent.id, parent);
       }
     }
@@ -11191,7 +11209,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
         const children = [...contents, mask];
         released.push(...children.map((c) => c.id));
         const { mask: _m, ...rest } = g;
-        const keep = !!(_optionalChain([g, 'access', _463 => _463.filters, 'optionalAccess', _464 => _464.length]) || g.blendMode && g.blendMode !== "normal" || _optionalChain([g, 'access', _465 => _465.effects, 'optionalAccess', _466 => _466.length]));
+        const keep = !!(_optionalChain([g, 'access', _470 => _470.filters, 'optionalAccess', _471 => _471.length]) || g.blendMode && g.blendMode !== "normal" || _optionalChain([g, 'access', _472 => _472.effects, 'optionalAccess', _473 => _473.length]));
         if (keep) {
           this.replaceNode(g.id, { ...rest, children });
           continue;
@@ -11275,7 +11293,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
     const node = this.getNode(nodeId);
     if (!isVectorBlendGroup(group)) return { ok: false, message: `"${blendId}" is not a blend.` };
     if (!node || node.blendStep || node.locked || node.id === blendId) return { ok: false, message: `"${nodeId}" cannot be a key.` };
-    const parentOf = (id) => _nullishCoalesce(_optionalChain([_chunkBRKVNXDZcjs.locateVectorNode.call(void 0, this.doc.nodes, id), 'optionalAccess', _467 => _467.parent, 'optionalAccess', _468 => _468.id]), () => ( null));
+    const parentOf = (id) => _nullishCoalesce(_optionalChain([_chunkBRKVNXDZcjs.locateVectorNode.call(void 0, this.doc.nodes, id), 'optionalAccess', _474 => _474.parent, 'optionalAccess', _475 => _475.id]), () => ( null));
     if (parentOf(blendId) !== parentOf(nodeId)) return { ok: false, message: "The new key must sit beside the blend (same parent)." };
     const start = options.start;
     this.change("Blend", () => {
@@ -11345,7 +11363,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
   replaceBlendSpine(options = {}) {
     const roots = _nullishCoalesce(options.ids, () => ( this.selectedRoots()));
     const groups = this.blendTargets(roots);
-    const paths = roots.map((id) => this.getNode(id)).filter((n2) => _optionalChain([n2, 'optionalAccess', _469 => _469.type]) === "path" && !n2.blendStep && !isVectorBlendGroup(_optionalChain([_chunkBRKVNXDZcjs.locateVectorNode.call(void 0, this.doc.nodes, n2.id), 'optionalAccess', _470 => _470.parent])));
+    const paths = roots.map((id) => this.getNode(id)).filter((n2) => _optionalChain([n2, 'optionalAccess', _476 => _476.type]) === "path" && !n2.blendStep && !isVectorBlendGroup(_optionalChain([_chunkBRKVNXDZcjs.locateVectorNode.call(void 0, this.doc.nodes, n2.id), 'optionalAccess', _477 => _477.parent])));
     if (groups.length !== 1 || paths.length !== 1) return { ok: false, message: "Select one blend and one path to be its spine." };
     const group = groups[0];
     const path = paths[0];
@@ -11376,7 +11394,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
   shapeBuilderMap(ids) {
     const roots = _nullishCoalesce(ids, () => ( this.selectedRoots()));
     const key = roots.join("\0");
-    if (_optionalChain([this, 'access', _471 => _471.builderCache, 'optionalAccess', _472 => _472.doc]) === this.doc && this.builderCache.key === key) return this.builderCache.map;
+    if (_optionalChain([this, 'access', _478 => _478.builderCache, 'optionalAccess', _479 => _479.doc]) === this.doc && this.builderCache.key === key) return this.builderCache.map;
     const entries = roots.length ? vectorPathEntries(this.doc, roots, { expand: false }) : [];
     const map = entries.length ? vectorShapeBuilderMap(entries) : null;
     this.builderCache = { doc: this.doc, key, map };
@@ -11436,9 +11454,9 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
         const list = [];
         const r = plan.replace.get(i);
         if (r === void 0) list.push(node);
-        else if (_optionalChain([r, 'optionalAccess', _473 => _473.kind]) === "fill") list.push({ ...node, fillRule: "nonzero", subpaths: _chunkBRKVNXDZcjs.bezierToSubpaths.call(void 0, toLocal(r.path)) });
-        else if (_optionalChain([r, 'optionalAccess', _474 => _474.kind]) === "outline") list.push({ ...node, subpaths: _chunkBRKVNXDZcjs.bezierToSubpaths.call(void 0, toLocal(r.path)) });
-        else if (_optionalChain([r, 'optionalAccess', _475 => _475.kind]) === "pieces") {
+        else if (_optionalChain([r, 'optionalAccess', _480 => _480.kind]) === "fill") list.push({ ...node, fillRule: "nonzero", subpaths: _chunkBRKVNXDZcjs.bezierToSubpaths.call(void 0, toLocal(r.path)) });
+        else if (_optionalChain([r, 'optionalAccess', _481 => _481.kind]) === "outline") list.push({ ...node, subpaths: _chunkBRKVNXDZcjs.bezierToSubpaths.call(void 0, toLocal(r.path)) });
+        else if (_optionalChain([r, 'optionalAccess', _482 => _482.kind]) === "pieces") {
           r.paths.forEach(
             (path, k) => list.push({ ...node, id: k === 0 ? node.id : this.newId(), subpaths: _chunkBRKVNXDZcjs.bezierToSubpaths.call(void 0, toLocal(path)).map((sp) => ({ ...sp, closed: false })) })
           );
@@ -11472,7 +11490,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
   }
   /** The paint bucket's map of the visible outlines, cached per document and gap. */
   fillMap(gap) {
-    if (_optionalChain([this, 'access', _476 => _476.fillCache, 'optionalAccess', _477 => _477.doc]) === this.doc && this.fillCache.gap === gap) return this.fillCache.map;
+    if (_optionalChain([this, 'access', _483 => _483.fillCache, 'optionalAccess', _484 => _484.doc]) === this.doc && this.fillCache.gap === gap) return this.fillCache.map;
     const map = vectorFillMap(this.doc, gap);
     this.fillCache = { doc: this.doc, gap, map };
     return map;
@@ -11486,8 +11504,8 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
    */
   fillRegion(point, options = {}) {
     if (!Number.isFinite(point.x) || !Number.isFinite(point.y)) return null;
-    const region = _optionalChain([this, 'access', _478 => _478.fillMap, 'call', _479 => _479(_nullishCoalesce(options.gap, () => ( this.editing.fillGap))), 'optionalAccess', _480 => _480.regionAt, 'call', _481 => _481([point.x, point.y])]);
-    if (!_optionalChain([region, 'optionalAccess', _482 => _482.length])) return null;
+    const region = _optionalChain([this, 'access', _485 => _485.fillMap, 'call', _486 => _486(_nullishCoalesce(options.gap, () => ( this.editing.fillGap))), 'optionalAccess', _487 => _487.regionAt, 'call', _488 => _488([point.x, point.y])]);
+    if (!_optionalChain([region, 'optionalAccess', _489 => _489.length])) return null;
     let below = null;
     const roots = new Set(this.selectedRoots());
     _chunkBRKVNXDZcjs.walkVectorNodes.call(void 0, this.doc.nodes, (n2) => {
@@ -11513,7 +11531,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
   /** Updates the Shape Builder / paint bucket highlight for the pointer at `p`; true when it changed. */
   hoverBuilder(p, alt) {
     if (this.tool === "paintBucket") {
-      const region = _nullishCoalesce(_optionalChain([this, 'access', _483 => _483.fillMap, 'call', _484 => _484(this.editing.fillGap), 'optionalAccess', _485 => _485.regionAt, 'call', _486 => _486([p.x, p.y])]), () => ( null));
+      const region = _nullishCoalesce(_optionalChain([this, 'access', _490 => _490.fillMap, 'call', _491 => _491(this.editing.fillGap), 'optionalAccess', _492 => _492.regionAt, 'call', _493 => _493([p.x, p.y])]), () => ( null));
       const key2 = region ? _chunkGF2RBSDMcjs.bezierPathToSvg.call(void 0, region, { precision: 2 }) : null;
       if (key2 === this.builderHoverKey) return false;
       this.builderHoverKey = key2;
@@ -11621,7 +11639,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
   /** `doc` with anchor `ref` moved to document point `to` by a Curvature-tool move. */
   curvatureMoved(doc, ref, to) {
     const node = _chunkBRKVNXDZcjs.findVectorNode.call(void 0, doc.nodes, ref.nodeId);
-    if (_optionalChain([node, 'optionalAccess', _487 => _487.type]) !== "path" || node.locked || !node.subpaths[ref.subpath]) return doc;
+    if (_optionalChain([node, 'optionalAccess', _494 => _494.type]) !== "path" || node.locked || !node.subpaths[ref.subpath]) return doc;
     const q = this.toLocal(ref.nodeId, to, doc);
     const subpaths = node.subpaths.map((sp, i) => i === ref.subpath ? curvatureMoveAnchor(sp, ref.index, q) : sp);
     const nodes = mapTree(doc.nodes, (n2) => n2.id === ref.nodeId ? { ...node, subpaths } : n2);
@@ -11630,7 +11648,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
   /** `doc` with segment `ref` bent through document point `p` at parameter `t`. */
   bent(doc, ref, t, p) {
     const node = _chunkBRKVNXDZcjs.findVectorNode.call(void 0, doc.nodes, ref.nodeId);
-    if (_optionalChain([node, 'optionalAccess', _488 => _488.type]) !== "path" || node.locked || !node.subpaths[ref.subpath]) return doc;
+    if (_optionalChain([node, 'optionalAccess', _495 => _495.type]) !== "path" || node.locked || !node.subpaths[ref.subpath]) return doc;
     const q = this.toLocal(ref.nodeId, p, doc);
     const subpaths = node.subpaths.map((sp, i) => i === ref.subpath ? bendSegment(sp, ref.segment, t, q) : sp);
     return { ...doc, nodes: mapTree(doc.nodes, (n2) => n2.id === ref.nodeId ? { ...node, subpaths } : n2) };
@@ -11641,7 +11659,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
    */
   bendSegment(ref, to, t = 0.5) {
     const node = this.getNode(ref.nodeId);
-    const sp = _optionalChain([node, 'optionalAccess', _489 => _489.type]) === "path" ? node.subpaths[ref.subpath] : void 0;
+    const sp = _optionalChain([node, 'optionalAccess', _496 => _496.type]) === "path" ? node.subpaths[ref.subpath] : void 0;
     if (!sp || ref.segment < 0 || ref.segment >= (sp.closed ? sp.anchors.length : sp.anchors.length - 1) || sp.anchors.length < 2) return { ok: false, message: "There is no such segment." };
     if (node.locked) return { ok: false, message: "The path is locked." };
     this.change("Bend Segment", () => {
@@ -11676,7 +11694,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
   /** Adds an anchor on the nearest segment of `nodeId` to document point `point` (shape unchanged). */
   insertAnchorAt(nodeId, point) {
     const node = this.getNode(nodeId);
-    if (_optionalChain([node, 'optionalAccess', _490 => _490.type]) !== "path") return null;
+    if (_optionalChain([node, 'optionalAccess', _497 => _497.type]) !== "path") return null;
     const hit = _chunkBRKVNXDZcjs.nearestSegment.call(void 0, node, this.toLocal(nodeId, point));
     if (!hit) return null;
     const { subpath, index } = _chunkBRKVNXDZcjs.insertAnchor.call(void 0, node.subpaths[hit.subpath], hit.segment, hit.t);
@@ -11720,7 +11738,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
   setClosed(closed, nodeId) {
     const targets = nodeId ? (() => {
       const n2 = this.getNode(nodeId);
-      return _optionalChain([n2, 'optionalAccess', _491 => _491.type]) === "path" ? n2.subpaths.map((_, s) => ({ nodeId, subpath: s })) : [];
+      return _optionalChain([n2, 'optionalAccess', _498 => _498.type]) === "path" ? n2.subpaths.map((_, s) => ({ nodeId, subpath: s })) : [];
     })() : this.anchors.map((r) => ({ nodeId: r.nodeId, subpath: r.subpath }));
     if (!targets.length) return { ok: false, message: "Select a path or points." };
     this.change(closed ? "Close Path" : "Open Path", () => {
@@ -11741,7 +11759,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
       this.setDoc(
         mapTree(
           this.doc.nodes,
-          (n2) => n2.type === "path" && set.has(n2.id) ? { ...n2, subpaths: n2.subpaths.map(_chunkBRKVNXDZcjs.reverseSubpath), ..._optionalChain([n2, 'access', _492 => _492.strokeWidthProfile, 'optionalAccess', _493 => _493.length]) ? { strokeWidthProfile: _chunkBRKVNXDZcjs.reverseWidthProfile.call(void 0, n2.strokeWidthProfile) } : {} } : n2
+          (n2) => n2.type === "path" && set.has(n2.id) ? { ...n2, subpaths: n2.subpaths.map(_chunkBRKVNXDZcjs.reverseSubpath), ..._optionalChain([n2, 'access', _499 => _499.strokeWidthProfile, 'optionalAccess', _500 => _500.length]) ? { strokeWidthProfile: _chunkBRKVNXDZcjs.reverseWidthProfile.call(void 0, n2.strokeWidthProfile) } : {} } : n2
         )
       );
       this.anchors = [];
@@ -11879,7 +11897,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
    */
   cutPathAt(nodeId, point) {
     const node = this.getNode(nodeId);
-    if (_optionalChain([node, 'optionalAccess', _494 => _494.type]) !== "path" || node.locked) return null;
+    if (_optionalChain([node, 'optionalAccess', _501 => _501.type]) !== "path" || node.locked) return null;
     const local = this.toLocal(nodeId, point);
     const hit = _chunkBRKVNXDZcjs.nearestSegment.call(void 0, node, local);
     if (!hit) return null;
@@ -11929,7 +11947,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
       if (n2.visible === false || n2.locked || parent && blocked.has(parent.id)) blocked.add(n2.id);
     });
     const visible = (p) => !blocked.has(p.id);
-    if (_optionalChain([ids, 'optionalAccess', _495 => _495.length]) || this.selection.length) return this.pathTargets(_nullishCoalesce(ids, () => ( this.selection))).filter(visible);
+    if (_optionalChain([ids, 'optionalAccess', _502 => _502.length]) || this.selection.length) return this.pathTargets(_nullishCoalesce(ids, () => ( this.selection))).filter(visible);
     const box = _chunkBRKVNXDZcjs.polylineBounds.call(void 0, points.map(toPoint2), pad);
     if (!box) return [];
     const out = [];
@@ -11991,7 +12009,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
    */
   distortBrush(mode, points, options = {}) {
     if (!VECTOR_DISTORT_BRUSH_MODES.includes(mode)) return { ok: false, message: `Unknown brush "${mode}": use ${VECTOR_DISTORT_BRUSH_MODES.join(", ")}.` };
-    if (!points.length || points.some((q) => !Number.isFinite(_optionalChain([q, 'optionalAccess', _496 => _496.x])) || !Number.isFinite(_optionalChain([q, 'optionalAccess', _497 => _497.y])))) return { ok: false, message: "points must be one or more { x, y } numbers." };
+    if (!points.length || points.some((q) => !Number.isFinite(_optionalChain([q, 'optionalAccess', _503 => _503.x])) || !Number.isFinite(_optionalChain([q, 'optionalAccess', _504 => _504.y])))) return { ok: false, message: "points must be one or more { x, y } numbers." };
     if (mode === "smudge" && points.length < 2) return { ok: false, message: "Smudge needs two or more points: the stroke pushes the outlines along it." };
     const radius = _nullishCoalesce(options.radius, () => ( this.editing.distortSize));
     const strength = _nullishCoalesce(options.strength, () => ( this.editing.distortStrength));
@@ -12090,7 +12108,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
   finishPath() {
     if (!this.pen) return;
     const node = this.getNode(this.pen.nodeId);
-    const sp = _optionalChain([node, 'optionalAccess', _498 => _498.subpaths, 'access', _499 => _499[this.pen.subpath]]);
+    const sp = _optionalChain([node, 'optionalAccess', _505 => _505.subpaths, 'access', _506 => _506[this.pen.subpath]]);
     const pen = this.pen;
     this.pen = null;
     this.pointer = null;
@@ -12134,7 +12152,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
       if (trimmed.startsWith("{")) {
         try {
           const data = JSON.parse(trimmed);
-          if (_optionalChain([data, 'optionalAccess', _500 => _500.type]) === VECTOR_CLIPBOARD_TYPE && Array.isArray(data.nodes)) nodes = data.nodes;
+          if (_optionalChain([data, 'optionalAccess', _507 => _507.type]) === VECTOR_CLIPBOARD_TYPE && Array.isArray(data.nodes)) nodes = data.nodes;
         } catch (e8) {
           nodes = null;
         }
@@ -12146,7 +12164,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
         }
       }
     } else nodes = this.clipboard;
-    if (!_optionalChain([nodes, 'optionalAccess', _501 => _501.length])) return [];
+    if (!_optionalChain([nodes, 'optionalAccess', _508 => _508.length])) return [];
     const offset = _nullishCoalesce(options.offset, () => ( (text && !text.trim().startsWith("{") ? { x: 0, y: 0 } : { x: 10, y: 10 })));
     const copies = nodes.map((n2) => _chunkBRKVNXDZcjs.transformVectorNode.call(void 0, this.freshIds(n2), _chunkBRKVNXDZcjs.translateMatrix.call(void 0, offset.x, offset.y)));
     this.change("Paste", () => {
@@ -12197,7 +12215,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
   hitHandle(screen) {
     for (const ref of getVisibleHandles(this.view()).reverse()) {
       const a = getAnchorWorld(this.doc, ref);
-      const h = _optionalChain([a, 'optionalAccess', _502 => _502[ref.handle]]);
+      const h = _optionalChain([a, 'optionalAccess', _509 => _509[ref.handle]]);
       if (!h) continue;
       const s = this.documentToScreen(h);
       if (Math.hypot(s.x - screen.x, s.y - screen.y) <= this.hitRadius) return ref;
@@ -12350,7 +12368,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
     const shown = this.hitWidthHandleIn(screen, this.widthView());
     if (shown) return shown;
     const spot = this.strokeSpotAt(this.screenToDocument(screen));
-    return spot && spot.nodeId !== _optionalChain([this, 'access', _503 => _503.hover, 'optionalAccess', _504 => _504.nodeId]) ? this.hitWidthHandleIn(screen, { ...this.widthView(), hover: { nodeId: spot.nodeId } }) : null;
+    return spot && spot.nodeId !== _optionalChain([this, 'access', _510 => _510.hover, 'optionalAccess', _511 => _511.nodeId]) ? this.hitWidthHandleIn(screen, { ...this.widthView(), hover: { nodeId: spot.nodeId } }) : null;
   }
   hitWidthHandleIn(screen, view) {
     let best = null;
@@ -12405,9 +12423,9 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
   downWidth(screen, p, input) {
     const hit = this.hitWidthHandle(screen);
     const spot = hit ? null : this.strokeSpotAt(p);
-    const nodeId = _nullishCoalesce(_optionalChain([hit, 'optionalAccess', _505 => _505.ref, 'access', _506 => _506.nodeId]), () => ( _optionalChain([spot, 'optionalAccess', _507 => _507.nodeId])));
+    const nodeId = _nullishCoalesce(_optionalChain([hit, 'optionalAccess', _512 => _512.ref, 'access', _513 => _513.nodeId]), () => ( _optionalChain([spot, 'optionalAccess', _514 => _514.nodeId])));
     const node = nodeId ? this.getNode(nodeId) : void 0;
-    const g = _optionalChain([node, 'optionalAccess', _508 => _508.type]) === "path" ? vectorStrokeWidthGeometry(node) : null;
+    const g = _optionalChain([node, 'optionalAccess', _515 => _515.type]) === "path" ? vectorStrokeWidthGeometry(node) : null;
     if (this.widthEdit) this.widthEdit = null;
     if (!node || node.type !== "path" || !g) {
       if (!input.shift) this.widthPoints = [];
@@ -12427,7 +12445,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
     if (hit) {
       profile = _chunkBRKVNXDZcjs.sanitizeWidthProfile.call(void 0, node.strokeWidthProfile);
       ref = { nodeId: node.id, index: hit.ref.index, subpath: hit.ref.subpath };
-      t = _nullishCoalesce(_optionalChain([profile, 'access', _509 => _509[ref.index], 'optionalAccess', _510 => _510.t]), () => ( 0));
+      t = _nullishCoalesce(_optionalChain([profile, 'access', _516 => _516[ref.index], 'optionalAccess', _517 => _517.t]), () => ( 0));
       subpath = hit.ref.subpath;
       if (hit.ref.part === "center") mode = input.alt && profile.length < _chunkBRKVNXDZcjs.VECTOR_WIDTH_PROFILE_MAX_POINTS ? "copy" : "move";
       else if (input.alt) side = hit.ref.part;
@@ -12594,7 +12612,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
     let anchor = null;
     if (node.type === "path" && node.subpaths[0]) {
       const refs = node.subpaths[0].anchors.map((_, index) => ({ nodeId: node.id, subpath: 0, index }));
-      anchor = _nullishCoalesce(_optionalChain([this, 'access', _511 => _511.hitAnchor, 'call', _512 => _512(screen, refs), 'optionalAccess', _513 => _513.index]), () => ( null));
+      anchor = _nullishCoalesce(_optionalChain([this, 'access', _518 => _518.hitAnchor, 'call', _519 => _519(screen, refs), 'optionalAccess', _520 => _520.index]), () => ( null));
     }
     return { nodeId: node.id, anchor };
   }
@@ -12747,7 +12765,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
   }
   downPen(screen, p, input) {
     const before = this.snapshot();
-    const sp = this.pen ? _optionalChain([this, 'access', _514 => _514.getNode, 'call', _515 => _515(this.pen.nodeId), 'optionalAccess', _516 => _516.subpaths, 'access', _517 => _517[this.pen.subpath]]) : void 0;
+    const sp = this.pen ? _optionalChain([this, 'access', _521 => _521.getNode, 'call', _522 => _522(this.pen.nodeId), 'optionalAccess', _523 => _523.subpaths, 'access', _524 => _524[this.pen.subpath]]) : void 0;
     if (this.pen && sp) {
       const pen = this.pen;
       const first = { nodeId: pen.nodeId, subpath: pen.subpath, index: 0 };
@@ -12872,7 +12890,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
         return;
       case "textSelect": {
         const node = this.getNode(drag.nodeId);
-        if (_optionalChain([node, 'optionalAccess', _518 => _518.type]) === "text" && this.textEdit) {
+        if (_optionalChain([node, 'optionalAccess', _525 => _525.type]) === "text" && this.textEdit) {
           this.textEdit = { ...this.textEdit, focus: _chunkBRKVNXDZcjs.vectorTextIndexAt.call(void 0, node, this.toLocal(node.id, p)) };
           this.notify();
         }
@@ -13048,15 +13066,15 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
         if (!_chunkBRKVNXDZcjs.isVectorConnector.call(void 0, node)) return;
         const target = _chunkBRKVNXDZcjs.vectorConnectorTargetAt.call(void 0, this.doc.nodes, p, this.connectorRadius(), drag.nodeId);
         const startGlue = node.connector.start;
-        const end = target && target.nodeId !== _optionalChain([startGlue, 'optionalAccess', _519 => _519.nodeId]) ? { nodeId: target.nodeId, ...target.side && target.side !== "auto" ? { side: target.side } : {} } : null;
-        const first = _nullishCoalesce(_optionalChain([node, 'access', _520 => _520.subpaths, 'access', _521 => _521[0], 'optionalAccess', _522 => _522.anchors, 'access', _523 => _523[0]]), () => ( drag.start));
+        const end = target && target.nodeId !== _optionalChain([startGlue, 'optionalAccess', _526 => _526.nodeId]) ? { nodeId: target.nodeId, ...target.side && target.side !== "auto" ? { side: target.side } : {} } : null;
+        const first = _nullishCoalesce(_optionalChain([node, 'access', _527 => _527.subpaths, 'access', _528 => _528[0], 'optionalAccess', _529 => _529.anchors, 'access', _530 => _530[0]]), () => ( drag.start));
         this.replaceNode(drag.nodeId, { ...node, connector: { ...node.connector, end }, subpaths: [{ closed: false, anchors: [{ x: first.x, y: first.y }, { x: p.x, y: p.y }] }] });
         this.notify(true);
         return;
       }
       case "shape": {
         const node = this.getNode(drag.nodeId);
-        if (_optionalChain([node, 'optionalAccess', _524 => _524.type]) !== "path") return;
+        if (_optionalChain([node, 'optionalAccess', _531 => _531.type]) !== "path") return;
         const leave = { at: drag.start, constrain: input.shift ? drag.tool === "line" ? "angle" : "square" : null, curves: false };
         let end = this.snapDrawn(p, leave, input, () => drag.targets ??= this.drawingTargets(null));
         if (!this.snappedToObject && drag.tool !== "line" && !input.shift && !input.mod && this.snap.objects && drag.targets) end = this.matchShapeSize(drag.targets, drag.start, end, input.alt);
@@ -13132,14 +13150,14 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
         for (const q of drag.lazy.push([p.x, p.y])) {
           if (Math.hypot(q[0] - last[0], q[1] - last[1]) * this.viewport.zoom < 1.5) continue;
           drag.points.push(q);
-          _optionalChain([drag, 'access', _525 => _525.pressures, 'optionalAccess', _526 => _526.push, 'call', _527 => _527(drag.pressure)]);
+          _optionalChain([drag, 'access', _532 => _532.pressures, 'optionalAccess', _533 => _533.push, 'call', _534 => _534(drag.pressure)]);
           moved = true;
         }
         const string = drag.lazy.string();
         const node = this.getNode(drag.nodeId);
-        if (_optionalChain([node, 'optionalAccess', _528 => _528.type]) !== "path") return;
+        if (_optionalChain([node, 'optionalAccess', _535 => _535.type]) !== "path") return;
         if (!moved) {
-          if (string && _optionalChain([this, 'access', _529 => _529.interaction, 'optionalAccess', _530 => _530.type]) === "draw") {
+          if (string && _optionalChain([this, 'access', _536 => _536.interaction, 'optionalAccess', _537 => _537.type]) === "draw") {
             this.interaction = { ...this.interaction, string: [{ x: string[0][0], y: string[0][1] }, { x: string[1][0], y: string[1][1] }] };
             this.notify();
           }
@@ -13175,8 +13193,8 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
     }
     this.setGuides(res);
     return {
-      dx: _optionalChain([res, 'optionalAccess', _531 => _531.x]) ? dx + res.dx : axes.x ? this.gridValue(origin.x + dx) - origin.x : dx,
-      dy: _optionalChain([res, 'optionalAccess', _532 => _532.y]) ? dy + res.dy : axes.y ? this.gridValue(origin.y + dy) - origin.y : dy
+      dx: _optionalChain([res, 'optionalAccess', _538 => _538.x]) ? dx + res.dx : axes.x ? this.gridValue(origin.x + dx) - origin.x : dx,
+      dy: _optionalChain([res, 'optionalAccess', _539 => _539.y]) ? dy + res.dy : axes.y ? this.gridValue(origin.y + dy) - origin.y : dy
     };
   }
   /** The anchor a point drag snaps by, where it started: the grabbed one, else the moving one nearest the press. */
@@ -13266,7 +13284,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
         if (drag.moved) return this.commit("Corner Radius", drag.before);
         if (drag.alt) {
           const kind = _chunkBRKVNXDZcjs.nextVectorCornerKind.call(void 0, drag.widget.kind);
-          this.doc = this.updateAnchors(drag.base, drag.refs, (a) => _chunkBRKVNXDZcjs.setAnchorCorner.call(void 0, a, _nullishCoalesce(_optionalChain([a, 'access', _533 => _533.corner, 'optionalAccess', _534 => _534.radius]), () => ( 0)), kind));
+          this.doc = this.updateAnchors(drag.base, drag.refs, (a) => _chunkBRKVNXDZcjs.setAnchorCorner.call(void 0, a, _nullishCoalesce(_optionalChain([a, 'access', _540 => _540.corner, 'optionalAccess', _541 => _541.radius]), () => ( 0)), kind));
           return this.commit("Corner Kind", drag.before);
         }
         const ref = drag.widget.ref;
@@ -13281,7 +13299,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
           const several = drag.group.length > 0;
           if (drag.mode === "copy") this.widthPoints = [drag.ref];
           else if (drag.mode === "move" && several) {
-            this.widthPoints = [drag.source, ...drag.group].map((i) => ({ ...drag.ref, index: _nullishCoalesce(_optionalChain([drag, 'access', _535 => _535.renumber, 'optionalAccess', _536 => _536.get, 'call', _537 => _537(i)]), () => ( i)) }));
+            this.widthPoints = [drag.source, ...drag.group].map((i) => ({ ...drag.ref, index: _nullishCoalesce(_optionalChain([drag, 'access', _542 => _542.renumber, 'optionalAccess', _543 => _543.get, 'call', _544 => _544(i)]), () => ( i)) }));
           } else if (!several) this.widthPoints = [drag.ref];
           const label2 = drag.mode === "copy" ? "Copy Width Point" : drag.mode === "move" ? several ? "Move Width Points" : "Move Width Point" : several ? "Width Points" : "Width Point";
           return this.commit(label2, drag.before);
@@ -13359,14 +13377,14 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
       }
       case "pencil": {
         const node = this.getNode(drag.nodeId);
-        if (_optionalChain([node, 'optionalAccess', _538 => _538.type]) !== "path" || drag.points.length < 2) {
+        if (_optionalChain([node, 'optionalAccess', _545 => _545.type]) !== "path" || drag.points.length < 2) {
           this.doc = drag.before.doc;
           this.notify(true);
           return;
         }
         for (const q of drag.lazy.finish()) {
           drag.points.push(q);
-          _optionalChain([drag, 'access', _539 => _539.pressures, 'optionalAccess', _540 => _540.push, 'call', _541 => _541(drag.pressure)]);
+          _optionalChain([drag, 'access', _546 => _546.pressures, 'optionalAccess', _547 => _547.push, 'call', _548 => _548(drag.pressure)]);
         }
         const shape = this.editing.recognizeShapes ? recognizeInkShape(drag.points, { minSize: 6 / this.viewport.zoom }) : null;
         if (shape) {
@@ -13440,7 +13458,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
       if (text) {
         if (this.tool === "select") this.setTool("type");
         const index = _chunkBRKVNXDZcjs.vectorTextIndexAt.call(void 0, text, this.toLocal(text.id, p));
-        if (_optionalChain([this, 'access', _542 => _542.textEdit, 'optionalAccess', _543 => _543.nodeId]) === text.id) {
+        if (_optionalChain([this, 'access', _549 => _549.textEdit, 'optionalAccess', _550 => _550.nodeId]) === text.id) {
           const [a, b] = wordAt(text.text, index);
           this.textEdit = { ...this.textEdit, anchor: a, focus: b };
           this.notify();
@@ -13465,7 +13483,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
         this.convertAnchors(a.in || a.out ? "corner" : "smooth", [anchor]);
         return;
       }
-      const id = _nullishCoalesce(_optionalChain([this, 'access', _544 => _544.hover, 'optionalAccess', _545 => _545.segment, 'optionalAccess', _546 => _546.nodeId]), () => ( this.editingId));
+      const id = _nullishCoalesce(_optionalChain([this, 'access', _551 => _551.hover, 'optionalAccess', _552 => _552.segment, 'optionalAccess', _553 => _553.nodeId]), () => ( this.editingId));
       if (id) {
         const node = this.getNode(id);
         const seg = node ? _chunkBRKVNXDZcjs.nearestSegment.call(void 0, node, this.toLocal(id, p)) : null;
@@ -13572,7 +13590,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
       return { ok: false, message: e instanceof Error ? e.message : String(e) };
     }
     if (next === node) return { ok: true };
-    const pending = _optionalChain([this, 'access', _547 => _547.textEdit, 'optionalAccess', _548 => _548.nodeId]) === id ? this.textEdit.before : null;
+    const pending = _optionalChain([this, 'access', _554 => _554.textEdit, 'optionalAccess', _555 => _555.nodeId]) === id ? this.textEdit.before : null;
     const before = _nullishCoalesce(pending, () => ( this.snapshot()));
     if (pending && this.textEdit) this.textEdit.before = null;
     this.replaceNode(id, next);
@@ -13684,10 +13702,10 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
         frame = _chunkBRKVNXDZcjs.sanitizeVectorTextFrame.call(void 0, { kind: "point", x: _nullishCoalesce(patch.x, () => ( layout.origin.x + at.x)), y: _nullishCoalesce(patch.y, () => ( layout.origin.y + at.y)) });
       } else if (kind === "point") {
         const first = layout.lines[0];
-        const x = _nullishCoalesce(patch.x, () => ( (cur.kind === "point" ? cur.x : _nullishCoalesce(_optionalChain([first, 'optionalAccess', _549 => _549.x]), () => ( box.x)))));
-        const y = _nullishCoalesce(patch.y, () => ( (cur.kind === "point" ? cur.y : _nullishCoalesce(_optionalChain([first, 'optionalAccess', _550 => _550.baseline]), () => ( box.y)))));
+        const x = _nullishCoalesce(patch.x, () => ( (cur.kind === "point" ? cur.x : _nullishCoalesce(_optionalChain([first, 'optionalAccess', _556 => _556.x]), () => ( box.x)))));
+        const y = _nullishCoalesce(patch.y, () => ( (cur.kind === "point" ? cur.y : _nullishCoalesce(_optionalChain([first, 'optionalAccess', _557 => _557.baseline]), () => ( box.y)))));
         frame = _chunkBRKVNXDZcjs.sanitizeVectorTextFrame.call(void 0, { kind: "point", x, y });
-        if (cur.kind !== "point" && first && _optionalChain([n2, 'access', _551 => _551.paragraph, 'optionalAccess', _552 => _552.align]) && n2.paragraph.align !== "left") frame = _chunkBRKVNXDZcjs.sanitizeVectorTextFrame.call(void 0, { kind: "point", x: box.x, y });
+        if (cur.kind !== "point" && first && _optionalChain([n2, 'access', _558 => _558.paragraph, 'optionalAccess', _559 => _559.align]) && n2.paragraph.align !== "left") frame = _chunkBRKVNXDZcjs.sanitizeVectorTextFrame.call(void 0, { kind: "point", x: box.x, y });
       } else if (kind === "area") {
         const base = cur.kind === "area" ? cur : { x: box.x, y: box.y, width: Math.max(box.width, n2.font.fontSize), height: Math.max(box.height, n2.font.fontSize * 1.2) };
         frame = _chunkBRKVNXDZcjs.sanitizeVectorTextFrame.call(void 0, { kind: "area", x: _nullishCoalesce(patch.x, () => ( base.x)), y: _nullishCoalesce(patch.y, () => ( base.y)), width: _nullishCoalesce(patch.width, () => ( base.width)), height: _nullishCoalesce(patch.height, () => ( base.height)) });
@@ -13774,15 +13792,15 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
         ...t.locked ? { locked: true } : {},
         ...t.opacity !== void 0 ? { opacity: t.opacity } : {},
         ...t.blendMode ? { blendMode: t.blendMode } : {},
-        ..._optionalChain([t, 'access', _553 => _553.filters, 'optionalAccess', _554 => _554.length]) ? { filters: t.filters } : {},
-        ..._optionalChain([t, 'access', _555 => _555.effects, 'optionalAccess', _556 => _556.length]) ? { effects: t.effects } : {},
+        ..._optionalChain([t, 'access', _560 => _560.filters, 'optionalAccess', _561 => _561.length]) ? { filters: t.filters } : {},
+        ..._optionalChain([t, 'access', _562 => _562.effects, 'optionalAccess', _563 => _563.length]) ? { effects: t.effects } : {},
         ...t.booleanOperation ? { booleanOperation: t.booleanOperation } : {}
       };
       const pathOf = (fill, path, id) => {
         const { transform: _t, visible: _v, locked: _l, opacity: _o, blendMode: _b, filters: _f, effects: _e, booleanOperation: _bo, name: _n, ...style } = _chunkBRKVNXDZcjs.vectorTextPaintSource.call(void 0, t, fill, _chunkBRKVNXDZcjs.bezierToSubpaths.call(void 0, path));
         return { ...style, id };
       };
-      if (parts.length <= 1) replaced.set(t.id, { ...pathOf(_optionalChain([parts, 'access', _557 => _557[0], 'optionalAccess', _558 => _558.fill]), _nullishCoalesce(_optionalChain([parts, 'access', _559 => _559[0], 'optionalAccess', _560 => _560.path]), () => ( [])), t.id), ...keep });
+      if (parts.length <= 1) replaced.set(t.id, { ...pathOf(_optionalChain([parts, 'access', _564 => _564[0], 'optionalAccess', _565 => _565.fill]), _nullishCoalesce(_optionalChain([parts, 'access', _566 => _566[0], 'optionalAccess', _567 => _567.path]), () => ( [])), t.id), ...keep });
       else replaced.set(t.id, { id: t.id, type: "group", ...keep, children: parts.map((p) => ({ ...pathOf(p.fill, p.path, this.newId()), name: "Outlines" })) });
     }
     if (this.textEdit && replaced.has(this.textEdit.nodeId)) this.endTextEdit();
@@ -13792,7 +13810,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
   /** The layout of text node `id` (lines, glyphs, bounds, overflow), or null. */
   getTextLayout(id) {
     const node = this.getNode(id);
-    return _optionalChain([node, 'optionalAccess', _561 => _561.type]) === "text" ? _chunkBRKVNXDZcjs.layoutVectorText.call(void 0, node) : null;
+    return _optionalChain([node, 'optionalAccess', _568 => _568.type]) === "text" ? _chunkBRKVNXDZcjs.layoutVectorText.call(void 0, node) : null;
   }
   // --- Editing on the canvas ------------------------------------------------
   /**
@@ -13802,12 +13820,12 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
   editText(id, options = {}) {
     const node = this.textNode(id);
     if (typeof node === "string") return { ok: false, message: node };
-    if (_optionalChain([this, 'access', _562 => _562.textEdit, 'optionalAccess', _563 => _563.nodeId]) !== id) this.endTextEdit();
+    if (_optionalChain([this, 'access', _569 => _569.textEdit, 'optionalAccess', _570 => _570.nodeId]) !== id) this.endTextEdit();
     const n2 = node.text.length;
     const clamp = (v, d) => Math.max(0, Math.min(n2, _nullishCoalesce(v, () => ( d))));
     const focus = clamp(_nullishCoalesce(options.focus, () => ( options.index)), n2);
     const anchor = clamp(options.anchor, focus);
-    this.textEdit = { nodeId: id, anchor, focus, before: _optionalChain([this, 'access', _564 => _564.textEdit, 'optionalAccess', _565 => _565.nodeId]) === id ? this.textEdit.before : null, key: _optionalChain([this, 'access', _566 => _566.textEdit, 'optionalAccess', _567 => _567.nodeId]) === id ? this.textEdit.key : `text-edit:${id}:${++this.textEditCount}`, created: _optionalChain([this, 'access', _568 => _568.textEdit, 'optionalAccess', _569 => _569.nodeId]) === id ? this.textEdit.created : false };
+    this.textEdit = { nodeId: id, anchor, focus, before: _optionalChain([this, 'access', _571 => _571.textEdit, 'optionalAccess', _572 => _572.nodeId]) === id ? this.textEdit.before : null, key: _optionalChain([this, 'access', _573 => _573.textEdit, 'optionalAccess', _574 => _574.nodeId]) === id ? this.textEdit.key : `text-edit:${id}:${++this.textEditCount}`, created: _optionalChain([this, 'access', _575 => _575.textEdit, 'optionalAccess', _576 => _576.nodeId]) === id ? this.textEdit.created : false };
     this.selection = [id];
     this.anchors = [];
     this.notify();
@@ -13817,7 +13835,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
   selectText(anchor, focus = anchor) {
     const t = this.textEdit;
     const node = t ? this.getNode(t.nodeId) : null;
-    if (!t || _optionalChain([node, 'optionalAccess', _570 => _570.type]) !== "text") return;
+    if (!t || _optionalChain([node, 'optionalAccess', _577 => _577.type]) !== "text") return;
     const n2 = node.text.length;
     this.textEdit = { ...t, anchor: Math.max(0, Math.min(n2, anchor)), focus: Math.max(0, Math.min(n2, focus)) };
     this.notify();
@@ -13832,7 +13850,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
     this.textEdit = null;
     this.history.endGesture();
     const node = this.getNode(t.nodeId);
-    if (_optionalChain([node, 'optionalAccess', _571 => _571.type]) === "text" && !node.text) {
+    if (_optionalChain([node, 'optionalAccess', _578 => _578.type]) === "text" && !node.text) {
       if (t.before) {
         this.doc = t.before.doc;
         this.selection = t.before.selection.filter((id) => this.getNode(id));
@@ -13867,7 +13885,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
   textDelete(forward, word = false) {
     const t = this.textEdit;
     const node = t ? this.getNode(t.nodeId) : null;
-    if (!t || _optionalChain([node, 'optionalAccess', _572 => _572.type]) !== "text") return;
+    if (!t || _optionalChain([node, 'optionalAccess', _579 => _579.type]) !== "text") return;
     let a = Math.min(t.anchor, t.focus);
     let b = Math.max(t.anchor, t.focus);
     if (a === b) {
@@ -13884,7 +13902,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
   textKey(input) {
     const t = this.textEdit;
     const node = this.getNode(t.nodeId);
-    if (_optionalChain([node, 'optionalAccess', _573 => _573.type]) !== "text") {
+    if (_optionalChain([node, 'optionalAccess', _580 => _580.type]) !== "text") {
       this.textEdit = null;
       return false;
     }
@@ -13969,7 +13987,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
   getSelectedText() {
     const t = this.textEdit;
     const node = t ? this.getNode(t.nodeId) : null;
-    if (!t || _optionalChain([node, 'optionalAccess', _574 => _574.type]) !== "text") return null;
+    if (!t || _optionalChain([node, 'optionalAccess', _581 => _581.type]) !== "text") return null;
     return node.text.slice(Math.min(t.anchor, t.focus), Math.max(t.anchor, t.focus));
   }
   /** Cut while editing text: returns the selected characters and deletes them (null when not editing). */
@@ -14039,7 +14057,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
     const text = this.hitText(p);
     if (text) {
       const index = _chunkBRKVNXDZcjs.vectorTextIndexAt.call(void 0, text, this.toLocal(text.id, p));
-      if (_optionalChain([this, 'access', _575 => _575.textEdit, 'optionalAccess', _576 => _576.nodeId]) === text.id) {
+      if (_optionalChain([this, 'access', _582 => _582.textEdit, 'optionalAccess', _583 => _583.nodeId]) === text.id) {
         this.textEdit = { ...this.textEdit, focus: index, anchor: input.shift ? this.textEdit.anchor : index };
         this.notify();
       } else this.editText(text.id, { index });
@@ -14056,7 +14074,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
     }
     if (this.tool === "typePath") {
       const path = this.hitPath(p);
-      if (!path || _optionalChain([path, 'access', _577 => _577.subpaths, 'access', _578 => _578[0], 'optionalAccess', _579 => _579.anchors, 'access', _580 => _580.length]) < 2 || hiddenOrLocked(this.doc.nodes, path.id)) return;
+      if (!path || _optionalChain([path, 'access', _584 => _584.subpaths, 'access', _585 => _585[0], 'optionalAccess', _586 => _586.anchors, 'access', _587 => _587.length]) < 2 || hiddenOrLocked(this.doc.nodes, path.id)) return;
       let node;
       try {
         node = this.createTextNode({ text: "", path: path.subpaths[0] });
@@ -14084,16 +14102,16 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
   storedDocument() {
     const edit = this.symbolEdit;
     if (!edit) return this.doc;
-    const symbols = (_nullishCoalesce(edit.host.symbols, () => ( []))).map((s) => s.id === edit.symbolId ? { ...s, nodes: this.doc.nodes } : _nullishCoalesce(_optionalChain([this, 'access', _581 => _581.doc, 'access', _582 => _582.symbols, 'optionalAccess', _583 => _583.find, 'call', _584 => _584((x) => x.id === s.id)]), () => ( s)));
+    const symbols = (_nullishCoalesce(edit.host.symbols, () => ( []))).map((s) => s.id === edit.symbolId ? { ...s, nodes: this.doc.nodes } : _nullishCoalesce(_optionalChain([this, 'access', _588 => _588.doc, 'access', _589 => _589.symbols, 'optionalAccess', _590 => _590.find, 'call', _591 => _591((x) => x.id === s.id)]), () => ( s)));
     return _chunkBRKVNXDZcjs.resolveVectorSymbols.call(void 0, { ...edit.host, symbols });
   }
   symbolEditState() {
     const edit = this.symbolEdit;
     if (!edit) return null;
     const host = this.storedDocument();
-    const sym = _optionalChain([host, 'access', _585 => _585.symbols, 'optionalAccess', _586 => _586.find, 'call', _587 => _587((s) => s.id === edit.symbolId)]);
+    const sym = _optionalChain([host, 'access', _592 => _592.symbols, 'optionalAccess', _593 => _593.find, 'call', _594 => _594((s) => s.id === edit.symbolId)]);
     const hostTransform = edit.origin ? [1 / edit.scale, 0, 0, 1 / edit.scale, -edit.origin.x / edit.scale + 0, -edit.origin.y / edit.scale + 0] : null;
-    return { symbolId: edit.symbolId, name: _nullishCoalesce(_optionalChain([sym, 'optionalAccess', _588 => _588.name]), () => ( edit.symbolId)), instanceId: edit.instanceId, host, hostTransform };
+    return { symbolId: edit.symbolId, name: _nullishCoalesce(_optionalChain([sym, 'optionalAccess', _595 => _595.name]), () => ( edit.symbolId)), instanceId: edit.instanceId, host, hostTransform };
   }
   /** The document's symbols (the stored ones, also while one is being edited). */
   getSymbols() {
@@ -14129,8 +14147,8 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
     if (!ids.length) return { ok: false, message: "Select the objects to make a symbol from." };
     const locs = ids.map((id) => _chunkBRKVNXDZcjs.locateVectorNode.call(void 0, this.doc.nodes, id));
     if (locs.some((l) => !l)) return { ok: false, message: `There is no node "${ids[locs.findIndex((l) => !l)]}".` };
-    const parent = _nullishCoalesce(_optionalChain([locs, 'access', _589 => _589[0], 'access', _590 => _590.parent, 'optionalAccess', _591 => _591.id]), () => ( null));
-    if (locs.some((l) => (_nullishCoalesce(_optionalChain([l, 'access', _592 => _592.parent, 'optionalAccess', _593 => _593.id]), () => ( null))) !== parent)) return { ok: false, message: "The objects must share a parent (the same group) to make one symbol." };
+    const parent = _nullishCoalesce(_optionalChain([locs, 'access', _596 => _596[0], 'access', _597 => _597.parent, 'optionalAccess', _598 => _598.id]), () => ( null));
+    if (locs.some((l) => (_nullishCoalesce(_optionalChain([l, 'access', _599 => _599.parent, 'optionalAccess', _600 => _600.id]), () => ( null))) !== parent)) return { ok: false, message: "The objects must share a parent (the same group) to make one symbol." };
     if (ids.some((id) => hiddenOrLocked(this.doc.nodes, id))) return { ok: false, message: "Unlock and show the objects first." };
     const parentMatrix = parent ? this.worldOf(parent) : _chunkBRKVNXDZcjs.IDENTITY_MATRIX;
     const box = _chunkBRKVNXDZcjs.unionBounds.call(void 0, ids.map((id) => _chunkBRKVNXDZcjs.vectorNodeBounds.call(void 0, this.getNode(id), _chunkBRKVNXDZcjs.IDENTITY_MATRIX)));
@@ -14140,7 +14158,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
     const cy = box.y + box.height / 2;
     const symbolId = this.newSymbolId();
     const instanceId = this.newId();
-    const name = _optionalChain([options, 'access', _594 => _594.name, 'optionalAccess', _595 => _595.trim, 'call', _596 => _596()]) || `Symbol ${this.getSymbols().length + 1}`;
+    const name = _optionalChain([options, 'access', _601 => _601.name, 'optionalAccess', _602 => _602.trim, 'call', _603 => _603()]) || `Symbol ${this.getSymbols().length + 1}`;
     const set = new Set(ids);
     this.change("Make Symbol", () => {
       const replace = (list) => {
@@ -14221,7 +14239,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
         mapTree(this.doc.nodes, (n2) => {
           if (!set.has(n2.id) || n2.type !== "instance") return n2;
           const { art: _a, ...rest } = n2;
-          const hidden = _optionalChain([n2, 'access', _597 => _597.overrides, 'optionalAccess', _598 => _598.hidden]);
+          const hidden = _optionalChain([n2, 'access', _604 => _604.overrides, 'optionalAccess', _605 => _605.hidden]);
           const overrides = n2.overrides ? { ...n2.overrides } : null;
           if (overrides && hidden) delete overrides.hidden;
           return { ...rest, symbolId, ...overrides && Object.keys(overrides).length ? { overrides } : { overrides: void 0 } };
@@ -14252,7 +14270,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
         else o[key] = patch[key];
       }
       if (patch.hidden !== void 0) {
-        if (_optionalChain([patch, 'access', _599 => _599.hidden, 'optionalAccess', _600 => _600.length])) {
+        if (_optionalChain([patch, 'access', _606 => _606.hidden, 'optionalAccess', _607 => _607.length])) {
           const known = /* @__PURE__ */ new Set();
           _chunkBRKVNXDZcjs.walkVectorNodes.call(void 0, _nullishCoalesce(t.art, () => ( [])), (a) => known.add(a.id));
           const unknown = patch.hidden.filter((id) => !known.has(id));
@@ -14305,9 +14323,9 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
    */
   editSymbol(id) {
     const node = this.getNode(id);
-    const symbolId = _optionalChain([node, 'optionalAccess', _601 => _601.type]) === "instance" ? node.symbolId : id;
+    const symbolId = _optionalChain([node, 'optionalAccess', _608 => _608.type]) === "instance" ? node.symbolId : id;
     const host = this.storedDocument();
-    const sym = _optionalChain([host, 'access', _602 => _602.symbols, 'optionalAccess', _603 => _603.find, 'call', _604 => _604((s) => s.id === symbolId)]);
+    const sym = _optionalChain([host, 'access', _609 => _609.symbols, 'optionalAccess', _610 => _610.find, 'call', _611 => _611((s) => s.id === symbolId)]);
     if (!sym) return { ok: false, message: node ? `"${id}" is a ${node.type}, not a symbol instance.` : `There is no symbol or instance "${id}".` };
     if (this.symbolEdit) this.exitSymbolEdit();
     this.endTextEdit();
@@ -14315,7 +14333,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
     const fresh = this.storedDocument();
     let origin = null;
     let scale = 1;
-    const world = _optionalChain([node, 'optionalAccess', _605 => _605.type]) === "instance" ? _chunkBRKVNXDZcjs.vectorWorldMatrix.call(void 0, fresh.nodes, node.id) : null;
+    const world = _optionalChain([node, 'optionalAccess', _612 => _612.type]) === "instance" ? _chunkBRKVNXDZcjs.vectorWorldMatrix.call(void 0, fresh.nodes, node.id) : null;
     if (world) {
       const det = Math.abs(world[0] * world[3] - world[1] * world[2]);
       if (det > 1e-12) {
@@ -14389,7 +14407,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
       if (anchor === void 0) {
         if (r.subpath === void 0 || r.index === void 0) throw new VectorConstraintError(`refs[${i}]: give an anchor (subpath and index, or its id), or circle: true.`);
         const sp = node.subpaths[r.subpath];
-        if (!_optionalChain([sp, 'optionalAccess', _606 => _606.anchors, 'access', _607 => _607[r.index]])) throw new VectorConstraintError(`refs[${i}]: "${r.nodeId}" has no anchor ${r.index} on subpath ${r.subpath}.`);
+        if (!_optionalChain([sp, 'optionalAccess', _613 => _613.anchors, 'access', _614 => _614[r.index]])) throw new VectorConstraintError(`refs[${i}]: "${r.nodeId}" has no anchor ${r.index} on subpath ${r.subpath}.`);
         const withIds = withVectorAnchorIds(node);
         nodes.set(node.id, withIds);
         anchor = withIds.subpaths[r.subpath].anchors[r.index].id;
@@ -14604,7 +14622,7 @@ var VectorEditorController = (_class7 = class _VectorEditorController {
           this.finishPath();
           return true;
         }
-        if (this.tool === "select" && this.selection.length === 1 && _optionalChain([this, 'access', _608 => _608.getNode, 'call', _609 => _609(this.selection[0]), 'optionalAccess', _610 => _610.type]) === "path") {
+        if (this.tool === "select" && this.selection.length === 1 && _optionalChain([this, 'access', _615 => _615.getNode, 'call', _616 => _616(this.selection[0]), 'optionalAccess', _617 => _617.type]) === "path") {
           this.tool = "direct";
           this.editingId = this.selection[0];
           this.notify();
@@ -14848,7 +14866,7 @@ var PLANS = {
   },
   setTextStyle: (p, controller) => {
     const node = controller.getNode(p.id);
-    if (_optionalChain([node, 'optionalAccess', _611 => _611.type]) !== "text") return null;
+    if (_optionalChain([node, 'optionalAccess', _618 => _618.type]) !== "text") return null;
     const rect = createVectorPlaybackLocator(controller)({ kind: VECTOR_PLAYBACK_KIND, id: p.id });
     if (!rect) return null;
     const length = Math.max(1, node.text.length);
@@ -14862,7 +14880,7 @@ var PLANS = {
   },
   setMeshPoint: (p, controller) => {
     const shading = controller.getShading(p.id);
-    const point = _optionalChain([shading, 'optionalAccess', _612 => _612.points, 'access', _613 => _613[p.index]]);
+    const point = _optionalChain([shading, 'optionalAccess', _619 => _619.points, 'access', _620 => _620[p.index]]);
     if (!point) return null;
     return num(p.x) && num(p.y) ? dragOut(point, { x: p.x, y: p.y }) : click(point);
   }
@@ -14878,7 +14896,7 @@ function withVectorPlayback(controller, prefix, commands) {
   return commands.map((spec) => {
     if (!spec.id.startsWith(prefix)) return spec;
     const name = spec.id.slice(prefix.length);
-    const props = _nullishCoalesce(_optionalChain([spec, 'access', _614 => _614.params, 'optionalAccess', _615 => _615.properties]), () => ( {}));
+    const props = _nullishCoalesce(_optionalChain([spec, 'access', _621 => _621.params, 'optionalAccess', _622 => _622.properties]), () => ( {}));
     const planner = _nullishCoalesce(PLANS[name], () => ( (/Image$/.test(name) && "x" in props && "width" in props ? placeImage : void 0)));
     const surface = _nullishCoalesce(_nullishCoalesce(spec.playbackSurface, () => ( spec.scope)), () => ( "vector"));
     if (!planner || spec.plan) return { ...spec, playbackSurface: surface };
@@ -14933,9 +14951,9 @@ var BLEND_PROPS = {
   linear: { type: "boolean", description: "Move anchors in straight lines instead of the rotation-aware morph." }
 };
 var checkBlendOptions = (params) => {
-  if (_optionalChain([params, 'optionalAccess', _616 => _616.spacing]) !== void 0 && !_chunkBRKVNXDZcjs.VECTOR_BLEND_SPACINGS.includes(params.spacing)) fail(`Unknown blend spacing "${params.spacing}".`);
-  if (_optionalChain([params, 'optionalAccess', _617 => _617.steps]) !== void 0 && !(Number.isFinite(params.steps) && params.steps >= 1)) fail("steps must be at least 1.");
-  if (_optionalChain([params, 'optionalAccess', _618 => _618.distance]) !== void 0 && !(Number.isFinite(params.distance) && params.distance > 0)) fail("distance must be positive.");
+  if (_optionalChain([params, 'optionalAccess', _623 => _623.spacing]) !== void 0 && !_chunkBRKVNXDZcjs.VECTOR_BLEND_SPACINGS.includes(params.spacing)) fail(`Unknown blend spacing "${params.spacing}".`);
+  if (_optionalChain([params, 'optionalAccess', _624 => _624.steps]) !== void 0 && !(Number.isFinite(params.steps) && params.steps >= 1)) fail("steps must be at least 1.");
+  if (_optionalChain([params, 'optionalAccess', _625 => _625.distance]) !== void 0 && !(Number.isFinite(params.distance) && params.distance > 0)) fail("distance must be positive.");
 };
 var POINT = { type: "object", properties: { x: { type: "number" }, y: { type: "number" } }, required: ["x", "y"] };
 var GRADIENT_PROPS = {
@@ -15038,22 +15056,22 @@ function createVectorCommands(controller, options = {}) {
   const base = { group, ...options.scope ? { scope: options.scope } : {} };
   const parentOf = (parentId) => {
     if (parentId === void 0) return {};
-    if (_optionalChain([controller, 'access', _619 => _619.getNode, 'call', _620 => _620(parentId), 'optionalAccess', _621 => _621.type]) !== "group") fail(`"${parentId}" is not a group to add into.`);
+    if (_optionalChain([controller, 'access', _626 => _626.getNode, 'call', _627 => _627(parentId), 'optionalAccess', _628 => _628.type]) !== "group") fail(`"${parentId}" is not a group to add into.`);
     return { parentId };
   };
   const hasSelection = () => controller.getState().selection.length ? true : "Nothing is selected.";
   const ids = (params) => {
-    const list2 = _nullishCoalesce(_optionalChain([params, 'optionalAccess', _622 => _622.ids]), () => ( controller.getState().selection));
+    const list2 = _nullishCoalesce(_optionalChain([params, 'optionalAccess', _629 => _629.ids]), () => ( controller.getState().selection));
     for (const id of list2) if (!controller.getNode(id)) fail(`There is no node "${id}".`);
     if (!list2.length) fail("Nothing is selected; pass ids.");
     return list2;
   };
-  const enabledFor = (_, params) => _optionalChain([params, 'optionalAccess', _623 => _623.ids, 'optionalAccess', _624 => _624.length]) ? true : hasSelection();
+  const enabledFor = (_, params) => _optionalChain([params, 'optionalAccess', _630 => _630.ids, 'optionalAccess', _631 => _631.length]) ? true : hasSelection();
   const anchorsOf = (refs) => {
     if (!refs) return [...controller.getState().selectedAnchors];
     for (const r of refs) {
       const node = controller.getNode(r.nodeId);
-      if (_optionalChain([node, 'optionalAccess', _625 => _625.type]) !== "path" || !_optionalChain([node, 'access', _626 => _626.subpaths, 'access', _627 => _627[r.subpath], 'optionalAccess', _628 => _628.anchors, 'access', _629 => _629[r.index]])) fail(`There is no anchor ${r.index} on subpath ${r.subpath} of "${r.nodeId}".`);
+      if (_optionalChain([node, 'optionalAccess', _632 => _632.type]) !== "path" || !_optionalChain([node, 'access', _633 => _633.subpaths, 'access', _634 => _634[r.subpath], 'optionalAccess', _635 => _635.anchors, 'access', _636 => _636[r.index]])) fail(`There is no anchor ${r.index} on subpath ${r.subpath} of "${r.nodeId}".`);
     }
     return refs;
   };
@@ -15077,13 +15095,13 @@ function createVectorCommands(controller, options = {}) {
           ...n2.type === "path" ? { fill: _nullishCoalesce(n2.fill, () => ( null)), stroke: _nullishCoalesce(n2.stroke, () => ( null)), strokeWidth: _nullishCoalesce(n2.strokeWidth, () => ( 1)), d: _chunkBRKVNXDZcjs.vectorPathData.call(void 0, n2, 2) } : n2.type === "text" ? { fill: _nullishCoalesce(n2.fill, () => ( null)), stroke: _nullishCoalesce(n2.stroke, () => ( null)), strokeWidth: _nullishCoalesce(n2.strokeWidth, () => ( 1)), text: n2.text, frame: n2.frame.kind } : n2.type === "instance" ? { symbolId: n2.symbolId, ...n2.transform ? { transform: [...n2.transform] } : {}, ...n2.overrides ? { overrides: n2.overrides } : {} } : { children: n2.children.length },
           ...n2.type === "group" && n2.blend ? { blend: { ...resolveVectorBlendOptions(n2.blend), spine: !!n2.blend.spine, keys: vectorBlendKeys(n2).map((k) => k.id) } } : {},
           ...n2.blendStep ? { blendStep: true } : {},
-          ..._optionalChain([n2, 'access', _630 => _630.effects, 'optionalAccess', _631 => _631.length]) ? { effects: n2.effects } : {},
+          ..._optionalChain([n2, 'access', _637 => _637.effects, 'optionalAccess', _638 => _638.length]) ? { effects: n2.effects } : {},
           ...n2.type === "group" && n2.liveBoolean ? { liveBoolean: n2.liveBoolean } : {},
           ...n2.booleanOperation ? { booleanOperation: n2.booleanOperation } : {},
           ...(n2.type === "path" || n2.type === "text") && Array.isArray(n2.fills) ? { fills: n2.fills } : {},
           ...(n2.type === "path" || n2.type === "text") && Array.isArray(n2.strokes) ? { strokes: n2.strokes } : {},
           ...n2.blendMode && n2.blendMode !== "normal" ? { blendMode: n2.blendMode } : {},
-          ..._optionalChain([n2, 'access', _632 => _632.filters, 'optionalAccess', _633 => _633.length]) ? { filters: n2.filters } : {},
+          ..._optionalChain([n2, 'access', _639 => _639.filters, 'optionalAccess', _640 => _640.length]) ? { filters: n2.filters } : {},
           ..._chunkBRKVNXDZcjs.isVectorMaskGroup.call(void 0, n2) ? { mask: _chunkBRKVNXDZcjs.vectorMaskSummary.call(void 0, n2) } : {},
           ..._chunkBRKVNXDZcjs.isVectorFrame.call(void 0, n2) ? { frameRect: n2.frame } : {},
           ...n2.resizing ? { resizing: n2.resizing } : {},
@@ -15159,7 +15177,7 @@ function createVectorCommands(controller, options = {}) {
         enabled: enabledFor,
         run: (_ctx, params) => {
           const targets = ids(params);
-          check2(controller.addPaintLayer(kind, layerPatchOf(_nullishCoalesce(params, () => ( {})), keys), { ids: targets, index: _optionalChain([params, 'optionalAccess', _634 => _634.index]) }));
+          check2(controller.addPaintLayer(kind, layerPatchOf(_nullishCoalesce(params, () => ( {})), keys), { ids: targets, index: _optionalChain([params, 'optionalAccess', _641 => _641.index]) }));
           return { nodes: pathsUnder(targets).map((id) => stackResult(id, kind)) };
         }
       },
@@ -15232,17 +15250,17 @@ function createVectorCommands(controller, options = {}) {
     const allowed = _chunkBRKVNXDZcjs.vectorFilterParamKeys.call(void 0, type);
     for (const key of Object.keys(_nullishCoalesce(params, () => ( {})))) if (!allowed.includes(key)) fail(`${type} has no parameter "${key}"; it takes ${allowed.join(", ")}.`);
   };
-  const filtersResult = (id) => ({ id, filters: _nullishCoalesce(_optionalChain([controller, 'access', _635 => _635.getNode, 'call', _636 => _636(id), 'optionalAccess', _637 => _637.filters]), () => ( [])) });
+  const filtersResult = (id) => ({ id, filters: _nullishCoalesce(_optionalChain([controller, 'access', _642 => _642.getNode, 'call', _643 => _643(id), 'optionalAccess', _644 => _644.filters]), () => ( [])) });
   const filterOf = (nodeId, filterId) => {
     const node = _nullishCoalesce(controller.getNode(nodeId), () => ( fail(`There is no node "${nodeId}".`)));
-    return _nullishCoalesce(_optionalChain([node, 'access', _638 => _638.filters, 'optionalAccess', _639 => _639.find, 'call', _640 => _640((f) => f.id === filterId)]), () => ( fail(`Node "${nodeId}" has no filter "${filterId}"; it has ${(_nullishCoalesce(node.filters, () => ( []))).map((f) => `"${f.id}" (${f.type})`).join(", ") || "none"}.`)));
+    return _nullishCoalesce(_optionalChain([node, 'access', _645 => _645.filters, 'optionalAccess', _646 => _646.find, 'call', _647 => _647((f) => f.id === filterId)]), () => ( fail(`Node "${nodeId}" has no filter "${filterId}"; it has ${(_nullishCoalesce(node.filters, () => ( []))).map((f) => `"${f.id}" (${f.type})`).join(", ") || "none"}.`)));
   };
   const maskResult = (id) => ({ id, mask: _nullishCoalesce(_chunkBRKVNXDZcjs.vectorMaskSummary.call(void 0, controller.getNode(id)), () => ( fail(`"${id}" is not a mask group.`))) });
   const maskInputs = (params) => {
     const list2 = [...new Set(ids(params))];
     if (list2.length < 2) fail(`Masking needs at least two objects (the mask and what it masks); got ${list2.length}. Pass ids, or select more.`);
     for (const id of list2) if (controller.getNode(id).locked) fail(`"${id}" is locked; ask the user to unlock it, or leave it out of ids.`);
-    if (_optionalChain([params, 'optionalAccess', _641 => _641.maskId]) !== void 0 && !list2.includes(params.maskId)) fail(`maskId "${params.maskId}" must be one of ids (${list2.map((id) => `"${id}"`).join(", ")}).`);
+    if (_optionalChain([params, 'optionalAccess', _648 => _648.maskId]) !== void 0 && !list2.includes(params.maskId)) fail(`maskId "${params.maskId}" must be one of ids (${list2.map((id) => `"${id}"`).join(", ")}).`);
     return list2;
   };
   const maskTargets = (params) => {
@@ -15269,7 +15287,7 @@ function createVectorCommands(controller, options = {}) {
       enabled: enabledFor,
       run: (_ctx, params) => {
         const list2 = maskInputs(params);
-        const r = controller.makeMask("clip", { ids: list2, ..._optionalChain([params, 'optionalAccess', _642 => _642.maskId]) ? { maskId: params.maskId } : {}, invert: _optionalChain([params, 'optionalAccess', _643 => _643.invert]) });
+        const r = controller.makeMask("clip", { ids: list2, ..._optionalChain([params, 'optionalAccess', _649 => _649.maskId]) ? { maskId: params.maskId } : {}, invert: _optionalChain([params, 'optionalAccess', _650 => _650.invert]) });
         if (!r.ok) fail(r.message);
         return maskResult(r.id);
       }
@@ -15289,7 +15307,7 @@ function createVectorCommands(controller, options = {}) {
       enabled: enabledFor,
       run: (_ctx, params) => {
         const list2 = maskInputs(params);
-        const r = controller.makeMask(_nullishCoalesce(_optionalChain([params, 'optionalAccess', _644 => _644.type]), () => ( "luminance")), { ids: list2, ..._optionalChain([params, 'optionalAccess', _645 => _645.maskId]) ? { maskId: params.maskId } : {}, invert: _optionalChain([params, 'optionalAccess', _646 => _646.invert]) });
+        const r = controller.makeMask(_nullishCoalesce(_optionalChain([params, 'optionalAccess', _651 => _651.type]), () => ( "luminance")), { ids: list2, ..._optionalChain([params, 'optionalAccess', _652 => _652.maskId]) ? { maskId: params.maskId } : {}, invert: _optionalChain([params, 'optionalAccess', _653 => _653.invert]) });
         if (!r.ok) fail(r.message);
         return maskResult(r.id);
       }
@@ -15313,9 +15331,9 @@ function createVectorCommands(controller, options = {}) {
       undoable: true,
       enabled: enabledFor,
       run: (_ctx, params) => {
-        if (_optionalChain([params, 'optionalAccess', _647 => _647.type]) === void 0 && _optionalChain([params, 'optionalAccess', _648 => _648.invert]) === void 0 && _optionalChain([params, 'optionalAccess', _649 => _649.enabled]) === void 0) fail("Pass at least one of type, invert, enabled.");
+        if (_optionalChain([params, 'optionalAccess', _654 => _654.type]) === void 0 && _optionalChain([params, 'optionalAccess', _655 => _655.invert]) === void 0 && _optionalChain([params, 'optionalAccess', _656 => _656.enabled]) === void 0) fail("Pass at least one of type, invert, enabled.");
         const groups = maskTargets(params);
-        const patch = { ..._optionalChain([params, 'optionalAccess', _650 => _650.type]) ? { type: params.type } : {}, ..._optionalChain([params, 'optionalAccess', _651 => _651.invert]) !== void 0 ? { invert: params.invert } : {}, ..._optionalChain([params, 'optionalAccess', _652 => _652.enabled]) !== void 0 ? { enabled: params.enabled } : {} };
+        const patch = { ..._optionalChain([params, 'optionalAccess', _657 => _657.type]) ? { type: params.type } : {}, ..._optionalChain([params, 'optionalAccess', _658 => _658.invert]) !== void 0 ? { invert: params.invert } : {}, ..._optionalChain([params, 'optionalAccess', _659 => _659.enabled]) !== void 0 ? { enabled: params.enabled } : {} };
         check2(controller.setMaskOptions(patch, { ids: groups }));
         return { groups: groups.map(maskResult) };
       }
@@ -15366,7 +15384,7 @@ function createVectorCommands(controller, options = {}) {
       run: (_ctx, params) => {
         const targets = ids(params);
         check2(controller.setBlendMode(params.blendMode, { ids: targets }));
-        return { nodes: targets.map((id) => ({ id, blendMode: _nullishCoalesce(_optionalChain([controller, 'access', _653 => _653.getNode, 'call', _654 => _654(id), 'optionalAccess', _655 => _655.blendMode]), () => ( "normal")) })) };
+        return { nodes: targets.map((id) => ({ id, blendMode: _nullishCoalesce(_optionalChain([controller, 'access', _660 => _660.getNode, 'call', _661 => _661(id), 'optionalAccess', _662 => _662.blendMode]), () => ( "normal")) })) };
       }
     },
     {
@@ -15800,7 +15818,7 @@ function createVectorCommands(controller, options = {}) {
       keywords: ["symbol", "symbols", "library", "component", "reuse", "instance"],
       description: "Lists the document's symbols: id, name, the art's nodes (ids, types, names; use them for hidden overrides), its bounds in symbol space (around the registration point at 0, 0) and the ids of its instances. Also says which symbol is being edited in isolation, if any.",
       params: { type: "object", properties: {}, additionalProperties: false },
-      run: () => ({ symbols: controller.getSymbols().map((x) => symbolSummary(x.id)), editing: _nullishCoalesce(_optionalChain([controller, 'access', _656 => _656.getState, 'call', _657 => _657(), 'access', _658 => _658.symbolEdit, 'optionalAccess', _659 => _659.symbolId]), () => ( null)) })
+      run: () => ({ symbols: controller.getSymbols().map((x) => symbolSummary(x.id)), editing: _nullishCoalesce(_optionalChain([controller, 'access', _663 => _663.getState, 'call', _664 => _664(), 'access', _665 => _665.symbolEdit, 'optionalAccess', _666 => _666.symbolId]), () => ( null)) })
     },
     {
       ...base,
@@ -15813,7 +15831,7 @@ function createVectorCommands(controller, options = {}) {
       undoable: true,
       enabled: enabledFor,
       run: (_ctx, params) => {
-        const r = controller.makeSymbol({ ids: ids(params), ..._optionalChain([params, 'optionalAccess', _660 => _660.name]) ? { name: params.name } : {} });
+        const r = controller.makeSymbol({ ids: ids(params), ..._optionalChain([params, 'optionalAccess', _667 => _667.name]) ? { name: params.name } : {} });
         check2(r);
         return { symbolId: r.symbolId, instanceId: r.instanceId, symbol: symbolSummary(r.symbolId) };
       }
@@ -15870,10 +15888,10 @@ function createVectorCommands(controller, options = {}) {
       enabled: enabledFor,
       run: (_ctx, params) => {
         const patch = {
-          ..._optionalChain([params, 'optionalAccess', _661 => _661.scaleStrokes]) !== void 0 ? { scaleStrokes: params.scaleStrokes } : {},
-          ..._optionalChain([params, 'optionalAccess', _662 => _662.fill]) !== void 0 ? { fill: params.fill === null ? null : checkPaint(params.fill, "fill") } : {},
-          ..._optionalChain([params, 'optionalAccess', _663 => _663.stroke]) !== void 0 ? { stroke: params.stroke === null ? null : checkPaint(params.stroke, "stroke") } : {},
-          ..._optionalChain([params, 'optionalAccess', _664 => _664.hidden]) !== void 0 ? { hidden: params.hidden } : {}
+          ..._optionalChain([params, 'optionalAccess', _668 => _668.scaleStrokes]) !== void 0 ? { scaleStrokes: params.scaleStrokes } : {},
+          ..._optionalChain([params, 'optionalAccess', _669 => _669.fill]) !== void 0 ? { fill: params.fill === null ? null : checkPaint(params.fill, "fill") } : {},
+          ..._optionalChain([params, 'optionalAccess', _670 => _670.stroke]) !== void 0 ? { stroke: params.stroke === null ? null : checkPaint(params.stroke, "stroke") } : {},
+          ..._optionalChain([params, 'optionalAccess', _671 => _671.hidden]) !== void 0 ? { hidden: params.hidden } : {}
         };
         if (!Object.keys(patch).length) fail("Pass at least one of scaleStrokes, fill, stroke, hidden.");
         const targetIds = ids(params);
@@ -15958,7 +15976,7 @@ function createVectorCommands(controller, options = {}) {
       params: { type: "object", properties: {}, additionalProperties: false },
       enabled: () => controller.getState().symbolEdit ? true : "No symbol is being edited.",
       run: () => {
-        const id = _nullishCoalesce(_optionalChain([controller, 'access', _665 => _665.getState, 'call', _666 => _666(), 'access', _667 => _667.symbolEdit, 'optionalAccess', _668 => _668.symbolId]), () => ( null));
+        const id = _nullishCoalesce(_optionalChain([controller, 'access', _672 => _672.getState, 'call', _673 => _673(), 'access', _674 => _674.symbolEdit, 'optionalAccess', _675 => _675.symbolId]), () => ( null));
         controller.exitSymbolEdit();
         return { symbolId: id };
       }
@@ -16007,7 +16025,7 @@ function createVectorCommands(controller, options = {}) {
   };
   const symmetryResult = (id) => {
     const n2 = controller.getNode(id);
-    return _optionalChain([n2, 'optionalAccess', _669 => _669.type]) === "group" && n2.symmetry ? { id, symmetry: n2.symmetry, children: n2.children.map((c) => c.id) } : fail(`"${id}" is not a symmetry group.`);
+    return _optionalChain([n2, 'optionalAccess', _676 => _676.type]) === "group" && n2.symmetry ? { id, symmetry: n2.symmetry, children: n2.children.map((c) => c.id) } : fail(`"${id}" is not a symmetry group.`);
   };
   const symmetryCommands = () => [
     {
@@ -16037,8 +16055,8 @@ function createVectorCommands(controller, options = {}) {
         const { ids: list2, ...patch } = _nullishCoalesce(params, () => ( {}));
         if (!Object.keys(patch).length) fail("Pass at least one of mode, center, rotation, copies, mirror.");
         check2(controller.setSymmetry(patch, list2 ? { ids: list2 } : {}));
-        const ids2 = _nullishCoalesce(list2, () => ( controller.getState().selection.filter((id) => _optionalChain([controller, 'access', _670 => _670.getNode, 'call', _671 => _671(id), 'optionalAccess', _672 => _672.type]) === "group")));
-        return { groups: ids2.filter((id) => _optionalChain([controller, 'access', _673 => _673.getNode, 'call', _674 => _674(id), 'optionalAccess', _675 => _675.symmetry])).map(symmetryResult) };
+        const ids2 = _nullishCoalesce(list2, () => ( controller.getState().selection.filter((id) => _optionalChain([controller, 'access', _677 => _677.getNode, 'call', _678 => _678(id), 'optionalAccess', _679 => _679.type]) === "group")));
+        return { groups: ids2.filter((id) => _optionalChain([controller, 'access', _680 => _680.getNode, 'call', _681 => _681(id), 'optionalAccess', _682 => _682.symmetry])).map(symmetryResult) };
       }
     },
     {
@@ -16051,7 +16069,7 @@ function createVectorCommands(controller, options = {}) {
       undoable: true,
       enabled: enabledFor,
       run: (_ctx, params) => {
-        const r = controller.releaseSymmetry({ ..._optionalChain([params, 'optionalAccess', _676 => _676.ids]) ? { ids: params.ids } : {}, ..._optionalChain([params, 'optionalAccess', _677 => _677.expand]) ? { expand: true } : {} });
+        const r = controller.releaseSymmetry({ ..._optionalChain([params, 'optionalAccess', _683 => _683.ids]) ? { ids: params.ids } : {}, ..._optionalChain([params, 'optionalAccess', _684 => _684.expand]) ? { expand: true } : {} });
         check2(r);
         return { ids: _nullishCoalesce(r.ids, () => ( [])) };
       }
@@ -16119,7 +16137,7 @@ function createVectorCommands(controller, options = {}) {
       undoable: true,
       enabled: enabledFor,
       run: (_ctx, params) => {
-        const r = controller.setLens(null, _optionalChain([params, 'optionalAccess', _678 => _678.ids]) ? { ids: params.ids } : {});
+        const r = controller.setLens(null, _optionalChain([params, 'optionalAccess', _685 => _685.ids]) ? { ids: params.ids } : {});
         check2(r);
         return { ids: (_nullishCoalesce(r.lenses, () => ( []))).map((l) => l.id) };
       }
@@ -16300,7 +16318,7 @@ function createVectorCommands(controller, options = {}) {
         const paths = [];
         for (const id of targets) {
           const n2 = controller.getNode(id);
-          if (_optionalChain([n2, 'optionalAccess', _679 => _679.type]) === "path") paths.push(stackResult(id, "stroke"));
+          if (_optionalChain([n2, 'optionalAccess', _686 => _686.type]) === "path") paths.push(stackResult(id, "stroke"));
         }
         return { paths };
       }
@@ -16380,7 +16398,7 @@ function createVectorCommands(controller, options = {}) {
         additionalProperties: false
       },
       run: (_ctx, params) => {
-        if (_optionalChain([params, 'optionalAccess', _680 => _680.ids])) {
+        if (_optionalChain([params, 'optionalAccess', _687 => _687.ids])) {
           for (const id of params.ids) if (!controller.getNode(id)) fail(`There is no node "${id}".`);
         }
         return controller.toLottie(_nullishCoalesce(params, () => ( {})));
@@ -16743,7 +16761,7 @@ function createVectorCommands(controller, options = {}) {
       run: (_ctx, params) => {
         const { polarIncrement, additionalAngles, ...rest } = _nullishCoalesce(params, () => ( {}));
         if (!Object.keys(_nullishCoalesce(params, () => ( {}))).length) fail("Pass at least one option.");
-        if (_optionalChain([rest, 'access', _681 => _681.angles, 'optionalAccess', _682 => _682.some, 'call', _683 => _683((a) => !Number.isFinite(a))])) fail("angles must be numbers (degrees).");
+        if (_optionalChain([rest, 'access', _688 => _688.angles, 'optionalAccess', _689 => _689.some, 'call', _690 => _690((a) => !Number.isFinite(a))])) fail("angles must be numbers (degrees).");
         if (additionalAngles && polarIncrement === void 0) fail("additionalAngles go with polarIncrement.");
         const angles = _nullishCoalesce(rest.angles, () => ( (polarIncrement !== void 0 ? vectorPolarAngles(polarIncrement, additionalAngles) : void 0)));
         controller.setSnap({ ...rest, ...angles ? { angles } : {} });
@@ -17097,8 +17115,8 @@ function createVectorCommands(controller, options = {}) {
       enabled: enabledFor,
       run: (_ctx, params) => {
         const list2 = ids(params);
-        check2(controller.setResizing({ ..._optionalChain([params, 'optionalAccess', _684 => _684.horizontal]) ? { horizontal: params.horizontal } : {}, ..._optionalChain([params, 'optionalAccess', _685 => _685.vertical]) ? { vertical: params.vertical } : {} }, { ids: list2 }));
-        return { nodes: list2.map((id) => ({ id, horizontal: _nullishCoalesce(_optionalChain([controller, 'access', _686 => _686.getNode, 'call', _687 => _687(id), 'optionalAccess', _688 => _688.resizing, 'optionalAccess', _689 => _689.horizontal]), () => ( "left")), vertical: _nullishCoalesce(_optionalChain([controller, 'access', _690 => _690.getNode, 'call', _691 => _691(id), 'optionalAccess', _692 => _692.resizing, 'optionalAccess', _693 => _693.vertical]), () => ( "top")) })) };
+        check2(controller.setResizing({ ..._optionalChain([params, 'optionalAccess', _691 => _691.horizontal]) ? { horizontal: params.horizontal } : {}, ..._optionalChain([params, 'optionalAccess', _692 => _692.vertical]) ? { vertical: params.vertical } : {} }, { ids: list2 }));
+        return { nodes: list2.map((id) => ({ id, horizontal: _nullishCoalesce(_optionalChain([controller, 'access', _693 => _693.getNode, 'call', _694 => _694(id), 'optionalAccess', _695 => _695.resizing, 'optionalAccess', _696 => _696.horizontal]), () => ( "left")), vertical: _nullishCoalesce(_optionalChain([controller, 'access', _697 => _697.getNode, 'call', _698 => _698(id), 'optionalAccess', _699 => _699.resizing, 'optionalAccess', _700 => _700.vertical]), () => ( "top")) })) };
       }
     },
     {
@@ -17284,7 +17302,7 @@ function createVectorCommands(controller, options = {}) {
       run: (_ctx, params) => {
         const id = controller.addPath(params.d, { ...pickStyle(params), ...params.name ? { name: params.name } : {} }, parentOf(params.parentId));
         const node = controller.getNode(id);
-        if (_optionalChain([node, 'optionalAccess', _694 => _694.type]) === "path" && !node.subpaths.length) {
+        if (_optionalChain([node, 'optionalAccess', _701 => _701.type]) === "path" && !node.subpaths.length) {
           controller.undo();
           fail("The path data has no points.");
         }
@@ -17323,7 +17341,7 @@ function createVectorCommands(controller, options = {}) {
         check2(controller.setGradient(patch, { ids: ids(params), target: _nullishCoalesce(target, () => ( "fill")) }));
         const id = ids(params)[0];
         const node = id ? controller.getNode(id) : void 0;
-        const path = _optionalChain([node, 'optionalAccess', _695 => _695.type]) === "path" ? node : void 0;
+        const path = _optionalChain([node, 'optionalAccess', _702 => _702.type]) === "path" ? node : void 0;
         return { ok: true, ...path ? { gradient: path[_nullishCoalesce(target, () => ( "fill"))] } : {} };
       }
     },
@@ -17363,12 +17381,12 @@ function createVectorCommands(controller, options = {}) {
       },
       undoable: true,
       run: (_ctx, params) => {
-        const refs = _optionalChain([params, 'optionalAccess', _696 => _696.anchors]) ? anchorsOf(params.anchors) : void 0;
-        const target = { refs, ids: _optionalChain([params, 'optionalAccess', _697 => _697.ids]) ? ids(params) : void 0 };
-        if (_optionalChain([params, 'optionalAccess', _698 => _698.radius]) !== void 0) check2(controller.setCornerRadius(params.radius, { ...target, kind: params.kind, ...params.smoothing !== void 0 ? { smoothing: params.smoothing } : {} }));
-        else if (_optionalChain([params, 'optionalAccess', _699 => _699.kind])) check2(controller.setCornerKind(params.kind, target));
-        if (_optionalChain([params, 'optionalAccess', _700 => _700.radius]) === void 0 && _optionalChain([params, 'optionalAccess', _701 => _701.smoothing]) !== void 0) check2(controller.setCornerSmoothing(params.smoothing, target));
-        if (_optionalChain([params, 'optionalAccess', _702 => _702.radius]) === void 0 && !_optionalChain([params, 'optionalAccess', _703 => _703.kind]) && _optionalChain([params, 'optionalAccess', _704 => _704.smoothing]) === void 0) fail("Pass `radius`, `kind` and / or `smoothing`.");
+        const refs = _optionalChain([params, 'optionalAccess', _703 => _703.anchors]) ? anchorsOf(params.anchors) : void 0;
+        const target = { refs, ids: _optionalChain([params, 'optionalAccess', _704 => _704.ids]) ? ids(params) : void 0 };
+        if (_optionalChain([params, 'optionalAccess', _705 => _705.radius]) !== void 0) check2(controller.setCornerRadius(params.radius, { ...target, kind: params.kind, ...params.smoothing !== void 0 ? { smoothing: params.smoothing } : {} }));
+        else if (_optionalChain([params, 'optionalAccess', _706 => _706.kind])) check2(controller.setCornerKind(params.kind, target));
+        if (_optionalChain([params, 'optionalAccess', _707 => _707.radius]) === void 0 && _optionalChain([params, 'optionalAccess', _708 => _708.smoothing]) !== void 0) check2(controller.setCornerSmoothing(params.smoothing, target));
+        if (_optionalChain([params, 'optionalAccess', _709 => _709.radius]) === void 0 && !_optionalChain([params, 'optionalAccess', _710 => _710.kind]) && _optionalChain([params, 'optionalAccess', _711 => _711.smoothing]) === void 0) fail("Pass `radius`, `kind` and / or `smoothing`.");
         return { ok: true };
       }
     },
@@ -17402,12 +17420,12 @@ function createVectorCommands(controller, options = {}) {
       undoable: true,
       run: (_ctx, params) => {
         const target = { ids: ids(params) };
-        if (_optionalChain([params, 'optionalAccess', _705 => _705.preset])) check2(controller.setWidthProfile(params.preset, target));
-        else if (_optionalChain([params, 'optionalAccess', _706 => _706.points]) !== void 0) check2(controller.setWidthProfile(_nullishCoalesce(params.points, () => ( null)), target));
-        else if (_optionalChain([params, 'optionalAccess', _707 => _707.taper]) || _optionalChain([params, 'optionalAccess', _708 => _708.wave])) check2(controller.setWidthProfile({ taper: params.taper, wave: params.wave }, target));
+        if (_optionalChain([params, 'optionalAccess', _712 => _712.preset])) check2(controller.setWidthProfile(params.preset, target));
+        else if (_optionalChain([params, 'optionalAccess', _713 => _713.points]) !== void 0) check2(controller.setWidthProfile(_nullishCoalesce(params.points, () => ( null)), target));
+        else if (_optionalChain([params, 'optionalAccess', _714 => _714.taper]) || _optionalChain([params, 'optionalAccess', _715 => _715.wave])) check2(controller.setWidthProfile({ taper: params.taper, wave: params.wave }, target));
         else fail("Pass `preset`, `points`, `taper` or `wave`.");
         const node = controller.getNode(target.ids[0]);
-        return { ok: true, points: _optionalChain([node, 'optionalAccess', _709 => _709.type]) === "path" ? _nullishCoalesce(node.strokeWidthProfile, () => ( [])) : [] };
+        return { ok: true, points: _optionalChain([node, 'optionalAccess', _716 => _716.type]) === "path" ? _nullishCoalesce(node.strokeWidthProfile, () => ( [])) : [] };
       }
     },
     {
@@ -17429,10 +17447,10 @@ function createVectorCommands(controller, options = {}) {
       },
       undoable: true,
       run: (_ctx, params) => {
-        if (!_optionalChain([params, 'optionalAccess', _710 => _710.id])) fail("Pass the path `id`.");
+        if (!_optionalChain([params, 'optionalAccess', _717 => _717.id])) fail("Pass the path `id`.");
         check2(controller.setWidthPoint({ nodeId: params.id, index: _nullishCoalesce(params.index, () => ( null)) }, { t: params.t, left: params.left, right: params.right }));
         const node = controller.getNode(params.id);
-        return { ok: true, points: _optionalChain([node, 'optionalAccess', _711 => _711.type]) === "path" ? _nullishCoalesce(node.strokeWidthProfile, () => ( [])) : [] };
+        return { ok: true, points: _optionalChain([node, 'optionalAccess', _718 => _718.type]) === "path" ? _nullishCoalesce(node.strokeWidthProfile, () => ( [])) : [] };
       }
     },
     {
@@ -17445,7 +17463,7 @@ function createVectorCommands(controller, options = {}) {
       enabled: enabledFor,
       undoable: true,
       run: (_ctx, params) => {
-        const created = controller.outlineStroke({ ids: _optionalChain([params, 'optionalAccess', _712 => _712.ids]) ? ids(params) : void 0 });
+        const created = controller.outlineStroke({ ids: _optionalChain([params, 'optionalAccess', _719 => _719.ids]) ? ids(params) : void 0 });
         if (!created.length) fail("No selected path has a stroke.");
         return { ids: created };
       }
@@ -17530,7 +17548,7 @@ function createVectorCommands(controller, options = {}) {
         if (params.release) return { released: target, shapes: controller.releaseEnvelope({ ids: target }) };
         if (params.expand) return { expanded: controller.expandAppearance({ ids: target }) };
         if (params.topObject) {
-          const r = controller.makeEnvelopeWithTopObject({ ids: target, rows: _optionalChain([params, 'access', _713 => _713.mesh, 'optionalAccess', _714 => _714.rows]), columns: _optionalChain([params, 'access', _715 => _715.mesh, 'optionalAccess', _716 => _716.columns]) });
+          const r = controller.makeEnvelopeWithTopObject({ ids: target, rows: _optionalChain([params, 'access', _720 => _720.mesh, 'optionalAccess', _721 => _721.rows]), columns: _optionalChain([params, 'access', _722 => _722.mesh, 'optionalAccess', _723 => _723.columns]) });
           check2(r);
           return { nodeId: r.nodeId };
         }
@@ -17670,7 +17688,7 @@ function createVectorCommands(controller, options = {}) {
       run: (_ctx, params) => {
         if (params.params !== void 0 || params.enabled !== void 0) check2(controller.updateEffect(params.nodeId, params.effectId, { params: params.params, enabled: params.enabled }));
         if (params.index !== void 0) check2(controller.moveEffect(params.nodeId, params.effectId, params.index));
-        return { effects: _nullishCoalesce(_optionalChain([controller, 'access', _717 => _717.getNode, 'call', _718 => _718(params.nodeId), 'optionalAccess', _719 => _719.effects]), () => ( [])) };
+        return { effects: _nullishCoalesce(_optionalChain([controller, 'access', _724 => _724.getNode, 'call', _725 => _725(params.nodeId), 'optionalAccess', _726 => _726.effects]), () => ( [])) };
       }
     },
     {
@@ -17734,7 +17752,7 @@ function createVectorCommands(controller, options = {}) {
       undoable: true,
       run: (_ctx, params) => {
         checkBlendOptions(params);
-        const r = controller.setBlendOptions(_nullishCoalesce(params, () => ( {})), { ids: _optionalChain([params, 'optionalAccess', _720 => _720.ids]) });
+        const r = controller.setBlendOptions(_nullishCoalesce(params, () => ( {})), { ids: _optionalChain([params, 'optionalAccess', _727 => _727.ids]) });
         if (!r.ok) fail(r.message);
         return { ok: true };
       }
@@ -17748,7 +17766,7 @@ function createVectorCommands(controller, options = {}) {
       params: { type: "object", properties: { ids: IDS } },
       undoable: true,
       run: (_ctx, params) => {
-        const groups = controller.expandBlend({ ids: _optionalChain([params, 'optionalAccess', _721 => _721.ids]) });
+        const groups = controller.expandBlend({ ids: _optionalChain([params, 'optionalAccess', _728 => _728.ids]) });
         if (!groups.length) fail("Select a blend to expand.");
         return { ids: groups };
       }
@@ -17762,7 +17780,7 @@ function createVectorCommands(controller, options = {}) {
       params: { type: "object", properties: { ids: IDS } },
       undoable: true,
       run: (_ctx, params) => {
-        const released = controller.releaseBlend({ ids: _optionalChain([params, 'optionalAccess', _722 => _722.ids]) });
+        const released = controller.releaseBlend({ ids: _optionalChain([params, 'optionalAccess', _729 => _729.ids]) });
         if (!released.length) fail("Select a blend to release.");
         return { ids: released };
       }
@@ -17776,7 +17794,7 @@ function createVectorCommands(controller, options = {}) {
       params: { type: "object", properties: { ids: IDS } },
       undoable: true,
       run: (_ctx, params) => {
-        const r = controller.replaceBlendSpine({ ids: _optionalChain([params, 'optionalAccess', _723 => _723.ids]) });
+        const r = controller.replaceBlendSpine({ ids: _optionalChain([params, 'optionalAccess', _730 => _730.ids]) });
         if (!r.ok) fail(r.message);
         return { ok: true };
       }
@@ -17880,6 +17898,27 @@ function createVectorCommands(controller, options = {}) {
         return { ok: true };
       }
     },
+    {
+      ...base,
+      id: `${prefix}moveLayer`,
+      label: "Move Layer\u2026",
+      keywords: ["reorder", "layer", "order", "into group", "out of group", "reparent", "nest", "z-index"],
+      description: "Moves one node to a position among its siblings (0 the bottom; default the top), as dragging it in the layers panel does. With `parentId` it moves into that group, or with null to the top level; it stays where it is on the canvas.",
+      params: {
+        type: "object",
+        properties: {
+          id: { type: "string", description: "The node to move." },
+          index: { type: "integer", minimum: 0, description: "Position among its new siblings, bottom to top (default: the top)." },
+          parentId: { type: ["string", "null"], description: "The group to move into, or null for the top level (default: its current parent)." }
+        },
+        required: ["id"]
+      },
+      undoable: true,
+      run: (_ctx, params) => {
+        check2(controller.moveNode(params.id, { index: params.index, parentId: params.parentId }));
+        return { ok: true };
+      }
+    },
     {
       ...base,
       id: `${prefix}group`,
@@ -17890,7 +17929,7 @@ function createVectorCommands(controller, options = {}) {
       enabled: enabledFor,
       undoable: true,
       run: (_ctx, params) => {
-        const id = controller.group({ ids: ids(params), name: _optionalChain([params, 'optionalAccess', _724 => _724.name]) });
+        const id = controller.group({ ids: ids(params), name: _optionalChain([params, 'optionalAccess', _731 => _731.name]) });
         if (!id) fail("Only nodes that share a parent can be grouped.");
         return { id };
       }
@@ -17918,7 +17957,7 @@ function createVectorCommands(controller, options = {}) {
       params: { type: "object", properties: { anchors: ANCHORS, keepShape: { type: "boolean" } } },
       undoable: true,
       run: (_ctx, params) => {
-        check2(controller.deleteAnchors(anchorsOf(_optionalChain([params, 'optionalAccess', _725 => _725.anchors])), { keepShape: _optionalChain([params, 'optionalAccess', _726 => _726.keepShape]) }));
+        check2(controller.deleteAnchors(anchorsOf(_optionalChain([params, 'optionalAccess', _732 => _732.anchors])), { keepShape: _optionalChain([params, 'optionalAccess', _733 => _733.keepShape]) }));
         return { ok: true };
       }
     },
@@ -17973,7 +18012,7 @@ function createVectorCommands(controller, options = {}) {
       params: { type: "object", properties: { ids: IDS, tolerance: { type: "number", minimum: 0 } } },
       undoable: true,
       run: (_ctx, params) => {
-        check2(controller.joinPaths({ ids: _optionalChain([params, 'optionalAccess', _727 => _727.ids]) ? ids(params) : void 0, tolerance: _optionalChain([params, 'optionalAccess', _728 => _728.tolerance]) }));
+        check2(controller.joinPaths({ ids: _optionalChain([params, 'optionalAccess', _734 => _734.ids]) ? ids(params) : void 0, tolerance: _optionalChain([params, 'optionalAccess', _735 => _735.tolerance]) }));
         return { selection: controller.getState().selection };
       }
     },
@@ -17987,7 +18026,7 @@ function createVectorCommands(controller, options = {}) {
       params: { type: "object", properties: { axis: { type: "string", enum: ["horizontal", "vertical", "both"] }, anchors: ANCHORS } },
       undoable: true,
       run: (_ctx, params) => {
-        check2(controller.averageAnchors(_nullishCoalesce(_optionalChain([params, 'optionalAccess', _729 => _729.axis]), () => ( "both")), anchorsOf(_optionalChain([params, 'optionalAccess', _730 => _730.anchors]))));
+        check2(controller.averageAnchors(_nullishCoalesce(_optionalChain([params, 'optionalAccess', _736 => _736.axis]), () => ( "both")), anchorsOf(_optionalChain([params, 'optionalAccess', _737 => _737.anchors]))));
         return { ok: true };
       }
     },
@@ -18001,7 +18040,7 @@ function createVectorCommands(controller, options = {}) {
       enabled: enabledFor,
       undoable: true,
       run: (_ctx, params) => {
-        check2(controller.removeRedundantPoints({ ids: _optionalChain([params, 'optionalAccess', _731 => _731.ids]) ? ids(params) : void 0, tolerance: _optionalChain([params, 'optionalAccess', _732 => _732.tolerance]) }));
+        check2(controller.removeRedundantPoints({ ids: _optionalChain([params, 'optionalAccess', _738 => _738.ids]) ? ids(params) : void 0, tolerance: _optionalChain([params, 'optionalAccess', _739 => _739.tolerance]) }));
         return { ok: true };
       }
     },
@@ -18014,7 +18053,7 @@ function createVectorCommands(controller, options = {}) {
       params: { type: "object", properties: { ids: IDS, amount: { type: "number", minimum: 0, maximum: 1 }, anchors: ANCHORS } },
       undoable: true,
       run: (_ctx, params) => {
-        check2(controller.smoothPaths({ ids: _optionalChain([params, 'optionalAccess', _733 => _733.ids]) ? ids(params) : void 0, amount: _optionalChain([params, 'optionalAccess', _734 => _734.amount]), refs: _optionalChain([params, 'optionalAccess', _735 => _735.anchors]) }));
+        check2(controller.smoothPaths({ ids: _optionalChain([params, 'optionalAccess', _740 => _740.ids]) ? ids(params) : void 0, amount: _optionalChain([params, 'optionalAccess', _741 => _741.amount]), refs: _optionalChain([params, 'optionalAccess', _742 => _742.anchors]) }));
         return { ok: true };
       }
     },
@@ -18027,14 +18066,14 @@ function createVectorCommands(controller, options = {}) {
       params: { type: "object", properties: { nodeId: { type: "string" }, x: { type: "number" }, y: { type: "number" }, anchors: ANCHORS } },
       undoable: true,
       run: (_ctx, params) => {
-        if (_optionalChain([params, 'optionalAccess', _736 => _736.nodeId]) !== void 0) {
+        if (_optionalChain([params, 'optionalAccess', _743 => _743.nodeId]) !== void 0) {
           if (!controller.getNode(params.nodeId)) fail(`There is no node "${params.nodeId}".`);
           if (params.x === void 0 || params.y === void 0) fail("Pass x and y with nodeId.");
           const created = controller.cutPathAt(params.nodeId, { x: params.x, y: params.y });
           if (!created) fail("Nothing to cut there (the end of an open path, or a locked path).");
           return { ids: created };
         }
-        check2(controller.cutAtAnchors(anchorsOf(_optionalChain([params, 'optionalAccess', _737 => _737.anchors]))));
+        check2(controller.cutAtAnchors(anchorsOf(_optionalChain([params, 'optionalAccess', _744 => _744.anchors]))));
         return { ids: controller.getState().selection };
       }
     },
@@ -18089,7 +18128,7 @@ function createVectorCommands(controller, options = {}) {
       },
       run: (_ctx, params) => {
         const patch = {};
-        for (const key of ["keepShapeOnDelete", "curvatureMoves", "pencilSmoothing", "recognizeShapes", "eraserSize", "pencilPressure", "distortMode", "distortSize", "distortStrength"]) if (_optionalChain([params, 'optionalAccess', _738 => _738[key]]) !== void 0) patch[key] = params[key];
+        for (const key of ["keepShapeOnDelete", "curvatureMoves", "pencilSmoothing", "recognizeShapes", "eraserSize", "pencilPressure", "distortMode", "distortSize", "distortStrength"]) if (_optionalChain([params, 'optionalAccess', _745 => _745[key]]) !== void 0) patch[key] = params[key];
         controller.setEditing(patch);
         return { editing: controller.getState().editing };
       }
@@ -18114,7 +18153,7 @@ function createVectorCommands(controller, options = {}) {
       keywords: ["download", "save", "markup"],
       description: "Returns the document as SVG markup.",
       params: { type: "object", properties: { precision: { type: "integer", minimum: 0, maximum: 8 } } },
-      run: (_ctx, params) => ({ svg: controller.toSvg({ precision: _optionalChain([params, 'optionalAccess', _739 => _739.precision]) }) })
+      run: (_ctx, params) => ({ svg: controller.toSvg({ precision: _optionalChain([params, 'optionalAccess', _746 => _746.precision]) }) })
     },
     {
       ...base,
@@ -18254,7 +18293,7 @@ function regenerateVectorArt(controller, input, options) {
   const { signal, ...args } = input;
   return once(controller, input.idempotencyKey, args, async () => {
     const node = controller.getNode(input.id);
-    const prov = _optionalChain([node, 'optionalAccess', _740 => _740.type]) === "group" ? node.generation : void 0;
+    const prov = _optionalChain([node, 'optionalAccess', _747 => _747.type]) === "group" ? node.generation : void 0;
     if (!node || node.type !== "group" || !prov) return { ok: false, message: `"${input.id}" is not generated art (generate some with generate_vector_art).` };
     if (node.locked) return { ok: false, message: `"${input.id}" is locked; unlock it first.` };
     const models = listModels(options);
@@ -18373,7 +18412,7 @@ function getVectorTextPanel(state) {
   }
   const typing = state.tool === "type" || state.tool === "typePath";
   const one = state.selection.length === 1 ? _chunkBRKVNXDZcjs.findVectorNode.call(void 0, state.document.nodes, state.selection[0]) : void 0;
-  const pathId = _optionalChain([one, 'optionalAccess', _741 => _741.type]) === "path" ? one.id : null;
+  const pathId = _optionalChain([one, 'optionalAccess', _748 => _748.type]) === "path" ? one.id : null;
   if (!nodes.length && !typing && !state.textEdit) return null;
   const styles = [];
   let target = "defaults";
@@ -18396,7 +18435,7 @@ function getVectorTextPanel(state) {
     return values.every((v) => v === values[0]) ? _nullishCoalesce(values[0], () => ( null)) : null;
   };
   const font = Object.fromEntries(FIELDS.map((k) => [k, same(k)]));
-  const alignSource = target === "defaults" ? [_nullishCoalesce(state.textDefaults.align, () => ( "left"))] : (target === "range" ? [edited] : nodes).map((n2) => _nullishCoalesce(_optionalChain([n2, 'access', _742 => _742.paragraph, 'optionalAccess', _743 => _743.align]), () => ( "left")));
+  const alignSource = target === "defaults" ? [_nullishCoalesce(state.textDefaults.align, () => ( "left"))] : (target === "range" ? [edited] : nodes).map((n2) => _nullishCoalesce(_optionalChain([n2, 'access', _749 => _749.paragraph, 'optionalAccess', _750 => _750.align]), () => ( "left")));
   const align = alignSource.every((a) => a === alignSource[0]) ? alignSource[0] : null;
   const ids = target === "range" ? [edited.id] : nodes.map((n2) => n2.id);
   const frameNode = target === "range" ? edited : nodes.length === 1 ? nodes[0] : void 0;
@@ -18404,7 +18443,7 @@ function getVectorTextPanel(state) {
   const orientations = edits.map((n2) => _nullishCoalesce(n2.orientation, () => ( "horizontal")));
   const orientation = orientations.length && orientations.every((o) => o === orientations[0]) ? orientations[0] : null;
   const canOrient = edits.length > 0 && edits.every((n2) => n2.frame.kind !== "path");
-  return { target, ids, font, align, frame: _nullishCoalesce(_optionalChain([frameNode, 'optionalAccess', _744 => _744.frame, 'access', _745 => _745.kind]), () => ( null)), orientation, canOrient, families: _chunkBRKVNXDZcjs.vectorTextFamilies.call(void 0, ), outlines: _chunkBRKVNXDZcjs.vectorTextHasOutlines.call(void 0, ), pathId };
+  return { target, ids, font, align, frame: _nullishCoalesce(_optionalChain([frameNode, 'optionalAccess', _751 => _751.frame, 'access', _752 => _752.kind]), () => ( null)), orientation, canOrient, families: _chunkBRKVNXDZcjs.vectorTextFamilies.call(void 0, ), outlines: _chunkBRKVNXDZcjs.vectorTextHasOutlines.call(void 0, ), pathId };
 }
 function applyVectorTextStyle(controller, patch, options = {}) {
   const state = controller.getState();
@@ -18439,7 +18478,7 @@ function applyVectorTextOrientation(controller, orientation) {
 // src/vector/symbolsPanel.ts
 var fmt3 = (n2) => Math.round(n2 * 100) / 100;
 function getVectorSymbolsPanel(state, options = {}) {
-  const host = _nullishCoalesce(_optionalChain([state, 'access', _746 => _746.symbolEdit, 'optionalAccess', _747 => _747.host]), () => ( state.document));
+  const host = _nullishCoalesce(_optionalChain([state, 'access', _753 => _753.symbolEdit, 'optionalAccess', _754 => _754.host]), () => ( state.document));
   const counts = /* @__PURE__ */ new Map();
   const count = (list) => {
     for (const n2 of list) {
@@ -18460,15 +18499,15 @@ function getVectorSymbolsPanel(state, options = {}) {
       instances: _nullishCoalesce(counts.get(s.id), () => ( 0)),
       viewBox: `${fmt3(b.x - pad)} ${fmt3(b.y - pad)} ${fmt3(b.width + 2 * pad)} ${fmt3(b.height + 2 * pad)}`,
       scene,
-      editing: _optionalChain([state, 'access', _748 => _748.symbolEdit, 'optionalAccess', _749 => _749.symbolId]) === s.id
+      editing: _optionalChain([state, 'access', _755 => _755.symbolEdit, 'optionalAccess', _756 => _756.symbolId]) === s.id
     };
   });
   const one = state.selection.length === 1 ? _chunkBRKVNXDZcjs.findVectorNode.call(void 0, state.document.nodes, state.selection[0]) : void 0;
-  const inst = _optionalChain([one, 'optionalAccess', _750 => _750.type]) === "instance" ? one : null;
+  const inst = _optionalChain([one, 'optionalAccess', _757 => _757.type]) === "instance" ? one : null;
   return {
     symbols,
     canMake: state.selection.length > 0 && !(state.selection.length === 1 && inst),
-    instance: inst ? { id: inst.id, symbolId: inst.symbolId, scaleStrokes: inst.scaleStrokes !== false, fill: _nullishCoalesce(_optionalChain([inst, 'access', _751 => _751.overrides, 'optionalAccess', _752 => _752.fill]), () => ( null)), stroke: _nullishCoalesce(_optionalChain([inst, 'access', _753 => _753.overrides, 'optionalAccess', _754 => _754.stroke]), () => ( null)), hidden: _nullishCoalesce(_optionalChain([inst, 'access', _755 => _755.overrides, 'optionalAccess', _756 => _756.hidden, 'optionalAccess', _757 => _757.length]), () => ( 0)) } : null,
+    instance: inst ? { id: inst.id, symbolId: inst.symbolId, scaleStrokes: inst.scaleStrokes !== false, fill: _nullishCoalesce(_optionalChain([inst, 'access', _758 => _758.overrides, 'optionalAccess', _759 => _759.fill]), () => ( null)), stroke: _nullishCoalesce(_optionalChain([inst, 'access', _760 => _760.overrides, 'optionalAccess', _761 => _761.stroke]), () => ( null)), hidden: _nullishCoalesce(_optionalChain([inst, 'access', _762 => _762.overrides, 'optionalAccess', _763 => _763.hidden, 'optionalAccess', _764 => _764.length]), () => ( 0)) } : null,
     editing: state.symbolEdit ? { symbolId: state.symbolEdit.symbolId, name: state.symbolEdit.name } : null
   };
 }
@@ -18503,7 +18542,7 @@ function createVectorEffectsToolProvider(controller, options = {}) {
   };
   const result = (id, removed) => {
     const g = controller.getNode(id);
-    const effects = _optionalChain([g, 'optionalAccess', _758 => _758.providerEffect]) ? [info(g)] : [];
+    const effects = _optionalChain([g, 'optionalAccess', _765 => _765.providerEffect]) ? [info(g)] : [];
     return { target: id, effect: _nullishCoalesce(removed, () => ( effects[0])), effects };
   };
   return _chunkA3A5TI6Rcjs.createEffectToolProvider.call(void 0, {
@@ -18612,7 +18651,7 @@ function vectorLayerKind(node) {
   return "group";
 }
 function vectorLayerName(node) {
-  const name = _optionalChain([node, 'access', _759 => _759.name, 'optionalAccess', _760 => _760.trim, 'call', _761 => _761()]);
+  const name = _optionalChain([node, 'access', _766 => _766.name, 'optionalAccess', _767 => _767.trim, 'call', _768 => _768()]);
   if (name) return name;
   if (node.type === "text") {
     const text = node.text.replace(/\s+/g, " ").trim();