@pixerate/editor 0.34.0 → 0.36.0

package/dist/vector/index.js

@@ -4,33 +4,460 @@ import {
 import {
   bezierPathBounds,
   bezierPathToSvg,
+  closeContour,
+  contourSignedArea,
+  contoursToPath,
   distanceToBezierPath,
+  fitCubicWithTangents,
   fitCubics,
   formatNumber,
   gradientToSvgDef,
+  normalizeBezierPath,
+  outlineStroke,
   pathBoolean,
+  pathToContours,
   pointInBezierPath,
+  segmentBounds,
   segmentDerivative,
   segmentIntersections,
+  segmentLength,
   segmentNearest,
+  segmentParamAtLength,
   segmentPoint,
+  segmentTangent,
   splitSegment,
+  subSegment,
   toBezierPath,
-  transformBezierPath
-} from "../chunk-RK6HUKDI.js";
+  transformBezierPath,
+  trimSegments,
+  windingNumber
+} from "../chunk-EGPIVUEF.js";
 
 // src/vector/types.ts
-var VECTOR_TOOLS = ["select", "direct", "pen", "pencil", "rect", "ellipse", "polygon", "star", "line"];
+var VECTOR_CORNER_KINDS = ["round", "inverted", "chamfer"];
+var VECTOR_ARROWHEADS = ["triangle", "arrow", "open", "circle", "square", "bar"];
+var VECTOR_TOOLS = ["select", "direct", "pen", "pencil", "rect", "ellipse", "polygon", "star", "line", "scissors", "knife", "eraser"];
 var VECTOR_TRANSFORM_HANDLES = ["nw", "n", "ne", "e", "se", "s", "sw", "w", "rotate"];
 
-// src/vector/geometry.ts
+// src/vector/corners.ts
 var EPS = 1e-9;
+var MIN_SINE = 1e-6;
+var sub = (a, b) => ({ x: a.x - b.x, y: a.y - b.y });
+var add = (a, b) => ({ x: a.x + b.x, y: a.y + b.y });
+var mul = (a, k) => ({ x: a.x * k, y: a.y * k });
+var dot = (a, b) => a.x * b.x + a.y * b.y;
+var cross = (a, b) => a.x * b.y - a.y * b.x;
+var len = (a) => Math.hypot(a.x, a.y);
+var pt = (p) => [p.x, p.y];
+var vec = (p) => ({ x: p[0], y: p[1] });
+var onAnchor = (a, h) => !h || Math.abs(h.x - a.x) < EPS && Math.abs(h.y - a.y) < EPS;
+var Side = class {
+  curve;
+  straight;
+  length;
+  constructor(a, h1, h2, b) {
+    this.straight = onAnchor(a, h1) && onAnchor(b, h2);
+    this.curve = this.straight ? [pt(a), pt(b)] : [pt(a), pt(h1 ?? a), pt(h2 ?? b), pt(b)];
+    this.length = this.straight ? Math.hypot(b.x - a.x, b.y - a.y) : segmentLength(this.curve);
+  }
+  /** Unit direction the side leaves the corner in (towards its first control point off the corner). */
+  direction() {
+    const p0 = vec(this.curve[0]);
+    for (const q of this.curve.slice(1)) {
+      const d = sub(vec(q), p0);
+      const l = len(d);
+      if (l > EPS) return mul(d, 1 / l);
+    }
+    return null;
+  }
+  /** The point `s` along the side from the corner: its parameter, position and the direction the side runs on in there. */
+  at(s, u) {
+    if (this.straight) {
+      const t2 = this.length > EPS ? Math.min(1, Math.max(0, s / this.length)) : 0;
+      return { t: t2, p: add(vec(this.curve[0]), mul(u, s)), dir: u };
+    }
+    const t = segmentParamAtLength(this.curve, s, this.length);
+    const d = vec(segmentDerivative(this.curve, t));
+    const l = len(d);
+    return { t, p: vec(segmentPoint(this.curve, t)), dir: l > EPS ? mul(d, 1 / l) : u };
+  }
+};
+function cornerOf(sp, s, i) {
+  const n = sp.anchors.length;
+  if (n < 2 || !sp.closed && (i === 0 || i === n - 1)) return null;
+  if (n === 2 && sp.closed) return null;
+  const a = sp.anchors[i];
+  if (a.type === "smooth" || a.type === "symmetric") return null;
+  const prev = sp.anchors[(i - 1 + n) % n];
+  const next = sp.anchors[(i + 1) % n];
+  const sideU = new Side(a, a.in, prev.out, prev);
+  const sideV = new Side(a, a.out, next.in, next);
+  const u = sideU.direction();
+  const v2 = sideV.direction();
+  if (!u || !v2) return null;
+  const lu = sideU.length;
+  const lv = sideV.length;
+  if (!(lu > EPS && lv > EPS) || !Number.isFinite(lu) || !Number.isFinite(lv)) return null;
+  const cos = Math.max(-1, Math.min(1, dot(u, v2)));
+  const sin = Math.abs(cross(u, v2));
+  if (sin <= MIN_SINE) return null;
+  return { subpath: s, index: i, at: { x: a.x, y: a.y }, u, v: v2, lu, lv, cos, sin, angle: Math.atan2(sin, cos) * 180 / Math.PI, maxRadius: Math.min(lu, lv) / 2 * sin / (1 + cos), sideU, sideV };
+}
+var strip = ({ sideU: _u, sideV: _v, ...info }) => info;
+function vectorCornerAt(sp, index, subpath = 0) {
+  const c = cornerOf(sp, subpath, index);
+  return c ? strip(c) : null;
+}
+function vectorCorners(subpaths) {
+  const out = [];
+  subpaths.forEach((sp, s) => {
+    for (let i = 0; i < sp.anchors.length; i++) {
+      const c = cornerOf(sp, s, i);
+      if (c) out.push(strip(c));
+    }
+  });
+  return out;
+}
+var cornerSetback = (c, r) => r * (1 + c.cos) / c.sin;
+var fitCornerRadius = (c, radius) => Number.isFinite(radius) ? Math.min(Math.max(0, radius), c.maxRadius) : 0;
+var cornerBisectorPoint = (c, k) => add(c.at, mul(add(c.u, c.v), k));
+var cornerRadiusChange = (c, d) => dot(d, add(c.u, c.v)) * c.sin / (2 + 2 * c.cos);
+function arcHandle(cos) {
+  const c = Math.max(-1, Math.min(1, cos));
+  const sinHalf = Math.sqrt(Math.max(0, (1 - c) / 2));
+  const cosHalf = Math.sqrt(Math.max(0, (1 + c) / 2));
+  return 4 / 3 * sinHalf / (1 + cosHalf);
+}
+function squareTo(a, b) {
+  const w = sub(b, mul(a, dot(a, b)));
+  const l = len(w);
+  return l > EPS ? mul(w, 1 / l) : { x: 0, y: 0 };
+}
+function cutCorner(c, radius, kind) {
+  const s = Math.min(cornerSetback(c, radius), Math.min(c.lu, c.lv) / 2);
+  if (!(s > EPS)) return null;
+  const a = c.sideU.at(s, c.u);
+  const b = c.sideV.at(s, c.v);
+  if (kind === "chamfer") return { tu: a.t, tv: b.t, start: a.p, out: null, in: null, end: b.p };
+  if (kind === "inverted") {
+    const h = s * arcHandle(dot(a.dir, b.dir));
+    return { tu: a.t, tv: b.t, start: a.p, out: add(a.p, mul(squareTo(a.dir, b.dir), h)), in: add(b.p, mul(squareTo(b.dir, a.dir), h)), end: b.p };
+  }
+  const d1 = mul(a.dir, -1);
+  const d2 = mul(b.dir, -1);
+  const turn = Math.acos(Math.max(-1, Math.min(1, -dot(d1, d2))));
+  const chord = len(sub(b.p, a.p));
+  const k = turn < 1e-9 ? chord / 3 : 4 / 3 * Math.tan(turn / 4) * chord / (2 * Math.sin(turn / 2));
+  if (!Number.isFinite(k)) return null;
+  return { tu: a.t, tv: b.t, start: a.p, out: add(a.p, mul(d1, k)), in: add(b.p, mul(d2, k)), end: b.p };
+}
+var radiusOf = (a) => {
+  const r = a.corner?.radius;
+  return typeof r === "number" && r > 0 && Number.isFinite(r) ? r : 0;
+};
+function hasVectorCorners(subpaths) {
+  return subpaths.some((sp) => sp.anchors.some((a) => radiusOf(a) > 0));
+}
+function expandVectorCornersOf(sp, subpath = 0) {
+  const n = sp.anchors.length;
+  const cuts = sp.anchors.map((a, i) => {
+    const r = radiusOf(a);
+    if (!r) return null;
+    const c = cornerOf(sp, subpath, i);
+    if (!c) return null;
+    const fitted = fitCornerRadius(c, r);
+    return fitted > EPS ? cutCorner(c, fitted, a.corner?.kind ?? "round") : null;
+  });
+  if (!cuts.some(Boolean)) return { subpath: { closed: sp.closed, anchors: sp.anchors.map(plain) }, sources: sp.anchors.map((_, i) => i) };
+  const trimmed = sp.anchors.map((a, j) => {
+    const k = (j + 1) % n;
+    if (k === 0 && !sp.closed) return void 0;
+    const b = sp.anchors[k];
+    const from = cuts[j];
+    const to = cuts[k];
+    if (!from && !to) return void 0;
+    if (onAnchor(a, a.out) && onAnchor(b, b.in)) return { out: null, in: null };
+    const s0 = from ? from.tv : 0;
+    const s1 = to ? 1 - to.tu : 1;
+    const seg = [pt(a), pt(a.out ?? a), pt(b.in ?? b), pt(b)];
+    const part = subSegment(seg, s0, Math.max(s0, s1));
+    return { out: vec(part[1]), in: vec(part[2]) };
+  });
+  const anchors = [];
+  const sources = [];
+  let closing = null;
+  const handleIn = (i, a) => {
+    const t = trimmed[(i - 1 + n) % n];
+    return t ? t.in : a.in ?? null;
+  };
+  const handleOut = (i, a) => {
+    const t = trimmed[i];
+    return t ? t.out : a.out ?? null;
+  };
+  sp.anchors.forEach((a, i) => {
+    const c = cuts[i];
+    if (!c) {
+      anchors.push(withHandles({ x: a.x, y: a.y, ...a.type ? { type: a.type } : {} }, handleIn(i, a), handleOut(i, a)));
+      sources.push(i);
+      return;
+    }
+    const start = withHandles({ x: c.start.x, y: c.start.y }, handleIn(i, a), c.out);
+    const end = withHandles({ x: c.end.x, y: c.end.y }, c.in, handleOut(i, a));
+    if (i === 0 && sp.closed) closing = start;
+    else {
+      anchors.push(start);
+      sources.push(i);
+    }
+    anchors.push(end);
+    sources.push(i);
+  });
+  if (closing) {
+    anchors.push(closing);
+    sources.push(0);
+  }
+  return { subpath: { closed: sp.closed, anchors }, sources };
+}
+function withHandles(a, hin, hout) {
+  if (hin && !onAnchor(a, hin)) a.in = { x: hin.x, y: hin.y };
+  if (hout && !onAnchor(a, hout)) a.out = { x: hout.x, y: hout.y };
+  return a;
+}
+function plain(a) {
+  if (!("corner" in a)) return a;
+  const { corner: _c, ...rest } = a;
+  return rest;
+}
+function expandVectorCorners(subpaths) {
+  if (!hasVectorCorners(subpaths)) return subpaths;
+  return subpaths.map((sp, s) => sp.anchors.some((a) => radiusOf(a) > 0) ? expandVectorCornersOf(sp, s).subpath : sp);
+}
+function setAnchorCorner(a, radius, kind) {
+  const { corner, ...rest } = a;
+  const r = Number.isFinite(radius) ? Math.max(0, radius) : 0;
+  const k = kind ?? corner?.kind;
+  if (r <= 0 && !kind) return rest;
+  return { ...rest, corner: { radius: r, ...k && k !== "round" ? { kind: k } : {} } };
+}
+function nextVectorCornerKind(kind) {
+  return kind === "inverted" ? "chamfer" : kind === "chamfer" ? "round" : "inverted";
+}
+function setSubpathCorners(sp, radius, kind) {
+  return { closed: sp.closed, anchors: sp.anchors.map((a) => setAnchorCorner(a, radius, kind)) };
+}
+
+// src/vector/stroke.ts
+var KAPPA = 0.5522847498307936;
+var NOTCH = 0.7;
+function isClosedBezierShape(path) {
+  const contours = pathToContours(path).filter((c) => c.segments.length > 0);
+  return contours.length > 0 && contours.every((c) => c.closed);
+}
+function effectiveStrokeAlign(style, closedShape) {
+  const a = style.strokeAlign ?? "center";
+  return closedShape ? a : "center";
+}
+function hasStrokeExtras(style) {
+  return (style.strokeAlign ?? "center") !== "center" || !!style.startArrow || !!style.endArrow;
+}
+var capExtent = (style, width) => style.strokeLinecap === "round" || style.strokeLinecap === "square" ? width / 2 : 0;
+function arrowheadWeight(style, end) {
+  const scale = end === "start" ? style.startArrowScale : style.endArrowScale;
+  const s = typeof scale === "number" && scale > 0 && Number.isFinite(scale) ? scale : 1;
+  return Math.max(0.25, (style.strokeWidth ?? 1) * s);
+}
+function arrowheadInset(kind, hw, cap) {
+  const l = 4 * hw;
+  const solid = (back) => Math.max(back / 2, cap);
+  switch (kind) {
+    case "triangle":
+    case "circle":
+    case "square":
+      return solid(l);
+    case "arrow":
+      return solid(NOTCH * l);
+    case "bar":
+      return solid(0.75 * hw);
+    case "open":
+      return Math.max(hw * Math.sqrt(l * l + l * l / 4) / (l / 2), cap);
+  }
+}
+var v = (x, y) => ({ x, y });
+var plus = (a, b, k = 1) => ({ x: a.x + b.x * k, y: a.y + b.y * k });
+var unit = (a) => {
+  const l = Math.hypot(a.x, a.y);
+  return l > 0 ? { x: a.x / l, y: a.y / l } : { x: 1, y: 0 };
+};
+function polygon(pts) {
+  return [{ type: "M", x: pts[0].x, y: pts[0].y }, ...pts.slice(1).map((p) => ({ type: "L", x: p.x, y: p.y })), { type: "Z" }];
+}
+function circle(c, r) {
+  const k = r * KAPPA;
+  const { x, y } = c;
+  return [
+    { type: "M", x: x + r, y },
+    { type: "C", x1: x + r, y1: y + k, x2: x + k, y2: y + r, x, y: y + r },
+    { type: "C", x1: x - k, y1: y + r, x2: x - r, y2: y + k, x: x - r, y },
+    { type: "C", x1: x - r, y1: y - k, x2: x - k, y2: y - r, x, y: y - r },
+    { type: "C", x1: x + k, y1: y - r, x2: x + r, y2: y - k, x: x + r, y },
+    { type: "Z" }
+  ];
+}
+function arrowheadPath(kind, tip, dir, hw) {
+  const n = v(-dir.y, dir.x);
+  const l = 4 * hw;
+  const half = l / 2;
+  const base = plus(tip, dir, -l);
+  switch (kind) {
+    case "triangle":
+      return polygon([tip, plus(base, n, half), plus(base, n, -half)]);
+    case "arrow":
+      return polygon([tip, plus(base, n, half), plus(tip, dir, -NOTCH * l), plus(base, n, -half)]);
+    case "open": {
+      const t = hw;
+      const a = plus(base, n, half);
+      const b = plus(base, n, -half);
+      const ua = unit(plus(a, tip, -1));
+      const ub = unit(plus(b, tip, -1));
+      const na = v(-ua.y, ua.x);
+      const nb = v(ub.y, -ub.x);
+      const inner = plus(tip, dir, -(t * Math.hypot(a.x - tip.x, a.y - tip.y)) / half);
+      return polygon([tip, a, plus(a, na, t), inner, plus(b, nb, t), b]);
+    }
+    case "circle":
+      return circle(plus(tip, dir, -half), half);
+    case "square":
+      return polygon([plus(tip, n, half), plus(base, n, half), plus(base, n, -half), plus(tip, n, -half)]);
+    case "bar": {
+      const t = 0.75 * hw;
+      return polygon([plus(tip, n, half), plus(plus(tip, n, half), dir, -t), plus(plus(tip, n, -half), dir, -t), plus(tip, n, -half)]);
+    }
+  }
+}
+var toVec = (p) => ({ x: p[0], y: p[1] });
+var segLen = (s) => segmentLength(s);
+function endOf(segs, atStart) {
+  const long = (s2) => segLen(s2) > 1e-9;
+  if (atStart) {
+    const s2 = segs.find(long) ?? segs[0];
+    const t2 = segmentTangent(s2, 0);
+    return { p: toVec(segs[0][0]), out: v(-t2[0], -t2[1]) };
+  }
+  const s = [...segs].reverse().find(long) ?? segs[segs.length - 1];
+  const t = segmentTangent(s, 1);
+  const last = segs[segs.length - 1];
+  return { p: toVec(last[last.length - 1]), out: v(t[0], t[1]) };
+}
+function pointAlong(segs, fromStart, dist3) {
+  const order = fromStart ? segs : [...segs].reverse();
+  let acc = 0;
+  for (const s of order) {
+    const l = segLen(s);
+    if (acc + l >= dist3) {
+      const want = fromStart ? dist3 - acc : l - (dist3 - acc);
+      const pts = trimSegments([s], 0, want);
+      const p = pts.length ? pts[0][pts[0].length - 1] : s[0];
+      return toVec(p);
+    }
+    acc += l;
+  }
+  return null;
+}
+function vectorStrokeParts(path, style) {
+  const width = style.strokeWidth ?? 1;
+  const contours = pathToContours(path).filter((c) => c.segments.length > 0);
+  const closedShape = contours.length > 0 && contours.every((c) => c.closed);
+  const align = effectiveStrokeAlign(style, closedShape);
+  const drawWidth = align === "center" ? width : width * 2;
+  const heads = [];
+  if (!contours.length || !style.startArrow && !style.endArrow) return { align, line: path, drawWidth, heads };
+  const first = contours[0];
+  const last = contours[contours.length - 1];
+  const cap = capExtent(style, width);
+  const tipMode = style.arrowAlign === "tip";
+  const trims = contours.map(() => [0, 0]);
+  const place = (end, contour, ci) => {
+    const kind = end === "start" ? style.startArrow : style.endArrow;
+    if (!kind || contour.closed) return;
+    const hw = arrowheadWeight(style, end);
+    const inset = arrowheadInset(kind, hw, cap);
+    const atStart = end === "start";
+    const { p, out } = endOf(contour.segments, atStart);
+    let tip;
+    let dir;
+    if (tipMode) {
+      const q = pointAlong(contour.segments, atStart, inset);
+      const d = q ? v(p.x - q.x, p.y - q.y) : null;
+      dir = d && Math.hypot(d.x, d.y) > 1e-9 ? unit(d) : out;
+      tip = p;
+      trims[ci][atStart ? 0 : 1] = inset;
+    } else {
+      tip = plus(p, out, inset);
+      dir = out;
+    }
+    heads.push({ end, kind, tip, dir, inset, path: arrowheadPath(kind, tip, dir, hw) });
+  };
+  place("start", first, 0);
+  place("end", last, contours.length - 1);
+  if (!tipMode || !heads.length) return { align, line: path, drawWidth, heads };
+  const trimmed = contours.map((c, i) => {
+    const [s0, s1] = trims[i];
+    if (!s0 && !s1) return c;
+    const lengths = c.segments.map(segLen);
+    const total = lengths.reduce((a, b) => a + b, 0);
+    return { closed: false, segments: total - s1 > s0 ? trimSegments(c.segments, s0, total - s1, lengths) : [] };
+  });
+  return { align, line: contoursToPath(trimmed), drawWidth, heads };
+}
+function vectorStrokeOutlinePath(path, style) {
+  const parts = vectorStrokeParts(path, style);
+  const stroke = outlineStroke(parts.line, {
+    width: parts.drawWidth,
+    join: style.strokeLinejoin ?? "miter",
+    cap: style.strokeLinecap ?? "butt",
+    ...style.strokeDasharray?.length ? { dash: style.strokeDasharray } : {}
+  });
+  const fill = { path, fillRule: style.fillRule ?? "nonzero" };
+  let area = stroke;
+  if (parts.align === "inside") area = pathBoolean("intersection", [stroke, fill]).path;
+  else if (parts.align === "outside") area = pathBoolean("difference", [stroke, fill]).path;
+  if (!parts.heads.length) return area;
+  return pathBoolean("union", [area, ...parts.heads.map((h) => h.path)]).path;
+}
+function hitTestVectorStroke(path, p, style, tolerance = 0) {
+  const parts = vectorStrokeParts(path, style);
+  const point = [p.x, p.y];
+  const width = style.strokeWidth ?? 1;
+  for (const h of parts.heads) {
+    if (pointInBezierPath(h.path, point) || tolerance > 0 && distanceToBezierPath(h.path, point) <= tolerance) return true;
+  }
+  if (!parts.line.length) return false;
+  const d = distanceToBezierPath(parts.line, point);
+  if (parts.align === "center") return d <= width / 2 + tolerance;
+  if (d > width + tolerance) return false;
+  if (d <= tolerance) return true;
+  const inside = pointInBezierPath(path, point, style.fillRule ?? "nonzero");
+  return parts.align === "inside" ? inside : !inside;
+}
+function vectorStrokeReach(style) {
+  const width = style.strokeWidth ?? 1;
+  const align = style.strokeAlign ?? "center";
+  let reach = align === "center" ? width / 2 : align === "outside" ? width : 0;
+  if (style.strokeLinejoin !== "round" && style.strokeLinejoin !== "bevel") reach *= 4;
+  for (const end of ["start", "end"]) {
+    if (end === "start" ? style.startArrow : style.endArrow) reach = Math.max(reach, 8 * arrowheadWeight(style, end) + width);
+  }
+  return reach;
+}
+
+// src/vector/geometry.ts
+var EPS2 = 1e-9;
 var cloneAnchor = (a) => ({
   x: a.x,
   y: a.y,
   ...a.in ? { in: { x: a.in.x, y: a.in.y } } : {},
   ...a.out ? { out: { x: a.out.x, y: a.out.y } } : {},
-  ...a.type && a.type !== "corner" ? { type: a.type } : {}
+  ...a.type && a.type !== "corner" ? { type: a.type } : {},
+  ...a.corner ? { corner: { ...a.corner } } : {}
 });
 var cloneSubpath = (s) => ({ anchors: s.anchors.map(cloneAnchor), closed: s.closed });
 function cloneVectorNode(node) {
@@ -48,7 +475,7 @@ function hasPaint(paint) {
   return true;
 }
 var handleOf = (a, side) => a[side] ?? { x: a.x, y: a.y };
-var isOnAnchor = (a, h) => !h || Math.abs(h.x - a.x) < EPS && Math.abs(h.y - a.y) < EPS;
+var isOnAnchor = (a, h) => !h || Math.abs(h.x - a.x) < EPS2 && Math.abs(h.y - a.y) < EPS2;
 function subpathSegmentCount(sp) {
   const n = sp.anchors.length;
   if (n < 2) return 0;
@@ -62,9 +489,9 @@ function subpathSegment(sp, i) {
   const c2 = handleOf(b, "in");
   return [[a.x, a.y], [c1.x, c1.y], [c2.x, c2.y], [b.x, b.y]];
 }
-function subpathsToBezier(subpaths) {
+function subpathsToBezier(subpaths, options = {}) {
   const out = [];
-  for (const sp of subpaths) {
+  for (const sp of options.corners === false ? subpaths : expandVectorCorners(subpaths)) {
     if (sp.anchors.length === 0) continue;
     const first = sp.anchors[0];
     out.push({ type: "M", x: first.x, y: first.y });
@@ -94,9 +521,9 @@ function inferAnchorType(a) {
   const oy = a.out.y - a.y;
   const li = Math.hypot(ix, iy);
   const lo = Math.hypot(ox, oy);
-  const cross = (ix * oy - iy * ox) / (li * lo);
-  const dot = (ix * ox + iy * oy) / (li * lo);
-  if (Math.abs(cross) > 1e-3 || dot > 0) return "corner";
+  const cross2 = (ix * oy - iy * ox) / (li * lo);
+  const dot2 = (ix * ox + iy * oy) / (li * lo);
+  if (Math.abs(cross2) > 1e-3 || dot2 > 0) return "corner";
   return Math.abs(li - lo) <= 1e-3 * Math.max(li, lo) ? "symmetric" : "smooth";
 }
 function bezierToSubpaths(input) {
@@ -239,8 +666,12 @@ function hitTestVectorNode(node, p, tolerance = 0, parent = IDENTITY_MATRIX) {
   if (path.length === 0) return false;
   const point = [p.x, p.y];
   if (hasPaint(node.fill) && pointInBezierPath(path, point, node.fillRule ?? "nonzero")) return true;
-  const reach = (hasPaint(node.stroke) ? (node.strokeWidth ?? 1) / 2 : 0) + tolerance;
-  return distanceToBezierPath(path, point) <= reach;
+  if (hasPaint(node.stroke)) return hitTestVectorStroke(path, p, node, tolerance);
+  return distanceToBezierPath(path, point) <= tolerance;
+}
+function vectorStrokeOutline(node, parent = IDENTITY_MATRIX) {
+  if (!hasPaint(node.stroke) || !((node.strokeWidth ?? 1) > 0)) return [];
+  return vectorStrokeOutlinePath(vectorPathWorldBezier(node, parent), node);
 }
 function hitTestVectorNodes(nodes, p, tolerance = 0) {
   for (let i = nodes.length - 1; i >= 0; i--) {
@@ -258,8 +689,8 @@ function nearestSegment(node, p) {
       const seg = subpathSegment(sp, i);
       const hit = segmentNearest(seg, [p.x, p.y]);
       if (!best || hit.distance < best.distance) {
-        const pt = segmentPoint(seg, hit.t);
-        best = { subpath: s, segment: i, t: hit.t, point: { x: pt[0], y: pt[1] }, distance: hit.distance };
+        const pt2 = segmentPoint(seg, hit.t);
+        best = { subpath: s, segment: i, t: hit.t, point: { x: pt2[0], y: pt2[1] }, distance: hit.distance };
       }
     }
   });
@@ -293,8 +724,8 @@ function invertMatrix(m) {
   if (!det || !Number.isFinite(det)) return IDENTITY_MATRIX;
   return [d / det, -b / det, -c / det, a / det, (c * f - d * e) / det, (b * e - a * f) / det];
 }
-function applyMatrixLinear(m, v) {
-  return { x: m[0] * v.x + m[2] * v.y, y: m[1] * v.x + m[3] * v.y };
+function applyMatrixLinear(m, v2) {
+  return { x: m[0] * v2.x + m[2] * v2.y, y: m[1] * v2.x + m[3] * v2.y };
 }
 function matrixRotation(m) {
   const [a, b, c, d] = m;
@@ -328,6 +759,7 @@ function bakeIntoGeometry(node, m) {
         if (a.in) next.in = applyMatrix(m, a.in);
         if (a.out) next.out = applyMatrix(m, a.out);
         if (a.type) next.type = a.type;
+        if (a.corner) next.corner = { ...a.corner };
         return next;
       })
     }))
@@ -379,12 +811,12 @@ function moveAnchorHandle(a, side, pos, breakHandles = false) {
   if (breakHandles) delete next.type;
   const dx = pos.x - a.x;
   const dy = pos.y - a.y;
-  const len = Math.hypot(dx, dy);
+  const len2 = Math.hypot(dx, dy);
   if (type === "symmetric") next[other] = { x: a.x - dx, y: a.y - dy };
-  else if (type === "smooth" && len > EPS) {
+  else if (type === "smooth" && len2 > EPS2) {
     const o = a[other];
-    const olen = o ? Math.hypot(o.x - a.x, o.y - a.y) : len;
-    next[other] = { x: a.x - dx / len * olen, y: a.y - dy / len * olen };
+    const olen = o ? Math.hypot(o.x - a.x, o.y - a.y) : len2;
+    next[other] = { x: a.x - dx / len2 * olen, y: a.y - dy / len2 * olen };
   }
   if (isOnAnchor(next, next.in)) delete next.in;
   if (isOnAnchor(next, next.out)) delete next.out;
@@ -411,15 +843,15 @@ function convertAnchor(sp, index, type) {
   else if (prev && next) dir = { x: next.x - prev.x, y: next.y - prev.y };
   else if (next) dir = { x: next.x - a.x, y: next.y - a.y };
   else if (prev) dir = { x: a.x - prev.x, y: a.y - prev.y };
-  if (!dir || Math.hypot(dir.x, dir.y) < EPS) return { anchors, closed: sp.closed };
+  if (!dir || Math.hypot(dir.x, dir.y) < EPS2) return { anchors, closed: sp.closed };
   const dl = Math.hypot(dir.x, dir.y);
   const ux = dir.x / dl;
   const uy = dir.y / dl;
   lenIn = a.in && !isOnAnchor(a, a.in) ? Math.hypot(a.in.x - a.x, a.in.y - a.y) : prev ? Math.hypot(prev.x - a.x, prev.y - a.y) / 3 : 0;
   lenOut = a.out && !isOnAnchor(a, a.out) ? Math.hypot(a.out.x - a.x, a.out.y - a.y) : next ? Math.hypot(next.x - a.x, next.y - a.y) / 3 : 0;
   if (type === "symmetric") lenIn = lenOut = (lenIn + lenOut) / 2 || Math.max(lenIn, lenOut);
-  if (lenIn > EPS) a.in = { x: a.x - ux * lenIn, y: a.y - uy * lenIn };
-  if (lenOut > EPS) a.out = { x: a.x + ux * lenOut, y: a.y + uy * lenOut };
+  if (lenIn > EPS2) a.in = { x: a.x - ux * lenIn, y: a.y - uy * lenIn };
+  if (lenOut > EPS2) a.out = { x: a.x + ux * lenOut, y: a.y + uy * lenOut };
   a.type = type;
   return { anchors, closed: sp.closed };
 }
@@ -455,37 +887,24 @@ function reverseSubpath(sp) {
     if (a.out) next.in = { ...a.out };
     if (a.in) next.out = { ...a.in };
     if (a.type) next.type = a.type;
+    if (a.corner) next.corner = { ...a.corner };
     return next;
   });
   return { anchors, closed: sp.closed };
 }
-var KAPPA = 0.5522847498307936;
-function rectSubpath(b, radius = 0) {
+var KAPPA2 = 0.5522847498307936;
+function rectSubpath(b, radius = 0, kind) {
   const { x, y, width: w, height: h } = b;
-  const r = Math.max(0, Math.min(radius, w / 2, h / 2));
-  if (r <= EPS) {
-    return { anchors: [{ x, y }, { x: x + w, y }, { x: x + w, y: y + h }, { x, y: y + h }], closed: true };
-  }
-  const k = r * KAPPA;
-  const anchors = [
-    { x: x + r, y, in: { x: x + r - k, y } },
-    { x: x + w - r, y, out: { x: x + w - r + k, y } },
-    { x: x + w, y: y + r, in: { x: x + w, y: y + r - k } },
-    { x: x + w, y: y + h - r, out: { x: x + w, y: y + h - r + k } },
-    { x: x + w - r, y: y + h, in: { x: x + w - r + k, y: y + h } },
-    { x: x + r, y: y + h, out: { x: x + r - k, y: y + h } },
-    { x, y: y + h - r, in: { x, y: y + h - r + k } },
-    { x, y: y + r, out: { x, y: y + r - k } }
-  ];
-  return { anchors, closed: true };
+  const sp = { anchors: [{ x, y }, { x: x + w, y }, { x: x + w, y: y + h }, { x, y: y + h }], closed: true };
+  return radius > 0 ? setSubpathCorners(sp, radius, kind) : sp;
 }
 function ellipseSubpath(b) {
   const rx = b.width / 2;
   const ry = b.height / 2;
   const cx = b.x + rx;
   const cy = b.y + ry;
-  const kx = rx * KAPPA;
-  const ky = ry * KAPPA;
+  const kx = rx * KAPPA2;
+  const ky = ry * KAPPA2;
   return {
     closed: true,
     anchors: [
@@ -533,15 +952,52 @@ function roundSubpaths(subpaths, precision = 3) {
 }
 
 // src/vector/svg.ts
+function vectorCornersAttribute(subpaths, precision = 3) {
+  const out = [];
+  subpaths.forEach(
+    (sp, s) => sp.anchors.forEach((a, i) => {
+      if (!a.corner || !(a.corner.radius > 0)) return;
+      out.push(`${s}.${i}:${formatNumber(a.corner.radius, precision)}${a.corner.kind && a.corner.kind !== "round" ? `:${a.corner.kind}` : ""}`);
+    })
+  );
+  return out.join(" ");
+}
+function applyVectorCornersAttribute(subpaths, value) {
+  for (const item of value.trim().split(/\s+/)) {
+    const m = /^(\d+)\.(\d+):([\d.eE+-]+)(?::([a-z]+))?$/.exec(item);
+    if (!m) continue;
+    const a = subpaths[+m[1]]?.anchors[+m[2]];
+    const radius = parseFloat(m[3]);
+    if (!a || !(radius > 0)) continue;
+    const kind = VECTOR_CORNER_KINDS.includes(m[4]) ? m[4] : void 0;
+    a.corner = { radius, ...kind && kind !== "round" ? { kind } : {} };
+  }
+  return subpaths;
+}
 var escapeAttr = (value) => value.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 function vectorPaintToSvg(paint, gradientId) {
   if (!hasPaint(paint)) return { value: "none", gradient: null };
   if (typeof paint === "string") return { value: paint, gradient: null };
   return { value: `url(#${gradientId})`, gradient: gradientToSvgDef(paint, gradientId) };
 }
+function vectorStrokeSvgParts(node, clipId, precision = 3) {
+  if (!hasPaint(node.stroke) || !hasStrokeExtras(node)) return void 0;
+  const path = subpathsToBezier(node.subpaths);
+  const parts = vectorStrokeParts(path, node);
+  if (parts.align === "center" && !parts.heads.length) return void 0;
+  let clip = null;
+  if (parts.align !== "center") {
+    const b = bezierPathBounds(path);
+    const pad = vectorStrokeReach(node) + 1;
+    const bounds = b ? { x: round2(b.minX - pad), y: round2(b.minY - pad), width: round2(b.maxX - b.minX + 2 * pad), height: round2(b.maxY - b.minY + 2 * pad) } : { x: 0, y: 0, width: 0, height: 0 };
+    clip = { kind: parts.align === "inside" ? "clip" : "mask", id: clipId, bounds };
+  }
+  return { align: parts.align, d: bezierPathToSvg(parts.line, { precision }), width: parts.drawWidth, clip, heads: parts.heads.map((h) => bezierPathToSvg(h.path, { precision })) };
+}
+var round2 = (n) => Math.round(n * 100) / 100;
 function gradientMarkup(def) {
   const tag = def.type === "radial" ? "radialGradient" : "linearGradient";
-  const attrs = Object.entries(def.attrs).map(([k, v]) => ` ${k}="${escapeAttr(String(v))}"`).join("");
+  const attrs = Object.entries(def.attrs).map(([k, v2]) => ` ${k}="${escapeAttr(String(v2))}"`).join("");
   const stops = def.stops.map((s) => `<stop offset="${s.offset}" stop-color="${escapeAttr(s.stopColor)}"${s.stopOpacity !== void 0 ? ` stop-opacity="${s.stopOpacity}"` : ""}/>`).join("");
   return `<${tag} id="${escapeAttr(def.id)}"${attrs}>${stops}</${tag}>`;
 }
@@ -572,15 +1028,53 @@ function vectorDocumentToSvg(doc, options = {}) {
     const stroke = vectorPaintToSvg(node.stroke, `${prefix}stroke-${node.id}`);
     if (fill.gradient) defs.push(gradientMarkup(fill.gradient));
     if (stroke.gradient) defs.push(gradientMarkup(stroke.gradient));
-    let attrs = `${common(node)} d="${vectorPathData(node, precision)}" fill="${escapeAttr(fill.value)}"`;
-    if (node.fillRule === "evenodd") attrs += ` fill-rule="evenodd"`;
-    if (stroke.value !== "none") {
-      attrs += ` stroke="${escapeAttr(stroke.value)}" stroke-width="${num(node.strokeWidth ?? 1)}"`;
-      if (node.strokeLinecap && node.strokeLinecap !== "butt") attrs += ` stroke-linecap="${node.strokeLinecap}"`;
-      if (node.strokeLinejoin && node.strokeLinejoin !== "miter") attrs += ` stroke-linejoin="${node.strokeLinejoin}"`;
-      if (node.strokeDasharray?.length) attrs += ` stroke-dasharray="${node.strokeDasharray.map(num).join(" ")}"`;
-    }
-    lines.push(`${indent(depth)}<path${attrs}/>`);
+    const d = vectorPathData(node, precision);
+    const corners2 = vectorCornersAttribute(node.subpaths, precision);
+    const live = corners2 ? ` data-vector-d="${bezierPathToSvg(subpathsToBezier(node.subpaths, { corners: false }), { precision })}" data-vector-corners="${corners2}"` : "";
+    const fillAttrs = ` fill="${escapeAttr(fill.value)}"${node.fillRule === "evenodd" ? ` fill-rule="evenodd"` : ""}`;
+    const lineAttrs = (width) => {
+      let out2 = ` stroke="${escapeAttr(stroke.value)}" stroke-width="${num(width)}"`;
+      if (node.strokeLinecap && node.strokeLinecap !== "butt") out2 += ` stroke-linecap="${node.strokeLinecap}"`;
+      if (node.strokeLinejoin && node.strokeLinejoin !== "miter") out2 += ` stroke-linejoin="${node.strokeLinejoin}"`;
+      if (node.strokeDasharray?.length) out2 += ` stroke-dasharray="${node.strokeDasharray.map(num).join(" ")}"`;
+      return out2;
+    };
+    const parts = stroke.value !== "none" ? vectorStrokeSvgParts(node, `${prefix}clip-${node.id}`, precision) : void 0;
+    if (!parts) {
+      lines.push(`${indent(depth)}<path${common(node)} d="${d}"${fillAttrs}${stroke.value !== "none" ? lineAttrs(node.strokeWidth ?? 1) : ""}${live}/>`);
+      return;
+    }
+    let data = ` data-vector-path="" data-vector-stroke-width="${num(node.strokeWidth ?? 1)}"`;
+    if (parts.align !== "center") data += ` data-vector-stroke-align="${parts.align}"`;
+    if (node.startArrow) data += ` data-vector-start-arrow="${node.startArrow}"`;
+    if (node.endArrow) data += ` data-vector-end-arrow="${node.endArrow}"`;
+    if (node.arrowAlign && node.arrowAlign !== "extend") data += ` data-vector-arrow-align="${node.arrowAlign}"`;
+    if (node.startArrowScale !== void 0 && node.startArrowScale !== 1) data += ` data-vector-start-arrow-scale="${num(node.startArrowScale)}"`;
+    if (node.endArrowScale !== void 0 && node.endArrowScale !== 1) data += ` data-vector-end-arrow-scale="${num(node.endArrowScale)}"`;
+    lines.push(`${indent(depth)}<g${common(node)}${data}>`);
+    lines.push(`${indent(depth + 1)}<path data-vector-part="fill" d="${d}"${fillAttrs}${live}/>`);
+    if (options.strokes === "outline") {
+      const area = bezierPathToSvg(vectorStrokeOutlinePath(subpathsToBezier(node.subpaths), node), { precision });
+      lines.push(`${indent(depth + 1)}<path data-vector-part="stroke-outline" d="${area}" fill="${escapeAttr(stroke.value)}"/>`);
+    } else {
+      let clip = "";
+      if (parts.clip) {
+        const rule = node.fillRule === "evenodd" ? "evenodd" : "nonzero";
+        const id = escapeAttr(parts.clip.id);
+        if (parts.clip.kind === "clip") {
+          defs.push(`<clipPath id="${id}"><path d="${d}" clip-rule="${rule}"/></clipPath>`);
+          clip = ` clip-path="url(#${id})"`;
+        } else {
+          const b = parts.clip.bounds;
+          const box = `x="${num(b.x)}" y="${num(b.y)}" width="${num(b.width)}" height="${num(b.height)}"`;
+          defs.push(`<mask id="${id}" maskUnits="userSpaceOnUse" ${box}><rect ${box} fill="#fff"/><path d="${d}" fill="#000" fill-rule="${rule}"/></mask>`);
+          clip = ` mask="url(#${id})"`;
+        }
+      }
+      lines.push(`${indent(depth + 1)}<path data-vector-part="stroke" d="${parts.d}" fill="none"${lineAttrs(parts.width)}${clip}/>`);
+      for (const h2 of parts.heads) lines.push(`${indent(depth + 1)}<path data-vector-part="head" d="${h2}" fill="${escapeAttr(stroke.value)}"/>`);
+    }
+    lines.push(`${indent(depth)}</g>`);
   };
   for (const node of doc.nodes) emit(node, 1);
   const w = num(doc.width);
@@ -755,11 +1249,11 @@ function parseVectorSvg(svg, options = {}) {
   const rawGradients = /* @__PURE__ */ new Map();
   collectGradients(root, rawGradients);
   const paint = (value) => {
-    const v = value.trim();
-    const url = /^url\(\s*['"]?#([^'")\s]+)['"]?\s*\)/.exec(v);
+    const v2 = value.trim();
+    const url = /^url\(\s*['"]?#([^'")\s]+)['"]?\s*\)/.exec(v2);
     if (url) return resolveGradient(url[1], rawGradients) ?? null;
-    if (v === "none" || v === "") return null;
-    return v;
+    if (v2 === "none" || v2 === "") return null;
+    return v2;
   };
   const viewBox = numberList(root.attrs.viewBox);
   const width = viewBox.length === 4 ? viewBox[2] : length(root.attrs.width, 300);
@@ -769,8 +1263,13 @@ function parseVectorSvg(svg, options = {}) {
   const shapeOf = (el) => {
     const a = el.attrs;
     switch (el.name) {
-      case "path":
+      case "path": {
+        if (a["data-vector-d"] && a["data-vector-corners"]) {
+          const sharp = bezierToSubpaths(a["data-vector-d"]);
+          if (sharp.length) return applyVectorCornersAttribute(sharp, a["data-vector-corners"]);
+        }
         return a.d ? bezierToSubpaths(a.d) : null;
+      }
       case "rect": {
         const w = length(a.width);
         const h = length(a.height);
@@ -804,6 +1303,56 @@ function parseVectorSvg(svg, options = {}) {
     }
     return null;
   };
+  const strokeStyle = (s) => ({
+    ...s.strokeWidth ? { strokeWidth: length(s.strokeWidth, 1) } : {},
+    ...s.strokeLinecap ? { strokeLinecap: s.strokeLinecap } : {},
+    ...s.strokeLinejoin ? { strokeLinejoin: s.strokeLinejoin } : {},
+    ...s.strokeDasharray && s.strokeDasharray !== "none" ? { strokeDasharray: numberList(s.strokeDasharray) } : {},
+    ...s.fillRule === "evenodd" ? { fillRule: "evenodd" } : {}
+  });
+  const placed = (node, m) => {
+    if (m === IDENTITY_MATRIX) return node;
+    const next = transformVectorNode(node, m);
+    const strokeScale = Math.sqrt(Math.abs(m[0] * m[3] - m[1] * m[2]));
+    if (hasPaint(next.stroke) && strokeScale > 0 && Math.abs(strokeScale - 1) > 1e-9) next.strokeWidth = (next.strokeWidth ?? 1) * strokeScale;
+    return next;
+  };
+  const mergedPath = (g, style, m, meta) => {
+    const part = (name) => g.children.find((c) => c.name === "path" && c.attrs["data-vector-part"] === name);
+    const fillEl = part("fill");
+    const subpaths = fillEl ? shapeOf(fillEl) : null;
+    if (!fillEl || !subpaths?.length) return null;
+    const a = g.attrs;
+    const fs = readStyle(fillEl, style);
+    const strokeEl = part("stroke");
+    const outlineEl = part("stroke-outline");
+    const ss = strokeEl ? readStyle(strokeEl, style) : null;
+    const width2 = length(a["data-vector-stroke-width"], ss ? length(ss.strokeWidth, 1) : 1);
+    const arrow = (v2) => VECTOR_ARROWHEADS.includes(v2) ? v2 : void 0;
+    const scale = (v2) => {
+      const n = v2 === void 0 ? NaN : parseFloat(v2);
+      return n > 0 ? n : void 0;
+    };
+    const align = a["data-vector-stroke-align"];
+    const node = {
+      id: idFor(g),
+      type: "path",
+      ...meta,
+      subpaths,
+      fill: paint(fs.fill),
+      stroke: ss ? paint(ss.stroke) : outlineEl ? paint(readStyle(outlineEl, style).fill) : null,
+      ...ss ? strokeStyle(ss) : {},
+      ...fs.fillRule === "evenodd" ? { fillRule: "evenodd" } : {},
+      strokeWidth: width2,
+      ...align === "inside" || align === "outside" ? { strokeAlign: align } : {},
+      ...arrow(a["data-vector-start-arrow"]) ? { startArrow: arrow(a["data-vector-start-arrow"]) } : {},
+      ...arrow(a["data-vector-end-arrow"]) ? { endArrow: arrow(a["data-vector-end-arrow"]) } : {},
+      ...a["data-vector-arrow-align"] === "tip" ? { arrowAlign: "tip" } : {},
+      ...scale(a["data-vector-start-arrow-scale"]) ? { startArrowScale: scale(a["data-vector-start-arrow-scale"]) } : {},
+      ...scale(a["data-vector-end-arrow-scale"]) ? { endArrowScale: scale(a["data-vector-end-arrow-scale"]) } : {}
+    };
+    return placed(node, m);
+  };
   const visit = (el, style, matrix) => {
     const out = [];
     for (const child of el.children) {
@@ -817,6 +1366,11 @@ function parseVectorSvg(svg, options = {}) {
         ...opacity !== void 0 && Number.isFinite(opacity) && opacity < 1 ? { opacity } : {},
         ...hidden ? { visible: false } : {}
       };
+      if (child.name === "g" && child.attrs["data-vector-path"] !== void 0) {
+        const node2 = mergedPath(child, s, m, meta);
+        if (node2) out.push(node2);
+        continue;
+      }
       if (child.name === "g" || child.name === "svg" || child.name === "a" || child.name === "switch") {
         const children = visit(child, s, m);
         if (!children.length) continue;
@@ -826,24 +1380,18 @@ function parseVectorSvg(svg, options = {}) {
       }
       const subpaths = shapeOf(child);
       if (!subpaths || !subpaths.length) continue;
-      let node = {
-        id: idFor(child),
-        type: "path",
-        ...meta,
-        subpaths,
-        fill: child.name === "line" ? null : paint(s.fill),
-        stroke: paint(s.stroke),
-        ...s.strokeWidth ? { strokeWidth: length(s.strokeWidth, 1) } : {},
-        ...s.strokeLinecap ? { strokeLinecap: s.strokeLinecap } : {},
-        ...s.strokeLinejoin ? { strokeLinejoin: s.strokeLinejoin } : {},
-        ...s.strokeDasharray && s.strokeDasharray !== "none" ? { strokeDasharray: numberList(s.strokeDasharray) } : {},
-        ...s.fillRule === "evenodd" ? { fillRule: "evenodd" } : {}
-      };
-      if (m !== IDENTITY_MATRIX) {
-        node = transformVectorNode(node, m);
-        const strokeScale = Math.sqrt(Math.abs(m[0] * m[3] - m[1] * m[2]));
-        if (hasPaint(node.stroke) && strokeScale > 0 && Math.abs(strokeScale - 1) > 1e-9) node.strokeWidth = (node.strokeWidth ?? 1) * strokeScale;
-      }
+      const node = placed(
+        {
+          id: idFor(child),
+          type: "path",
+          ...meta,
+          subpaths,
+          fill: child.name === "line" ? null : paint(s.fill),
+          stroke: paint(s.stroke),
+          ...strokeStyle(s)
+        },
+        m
+      );
       out.push(node);
     }
     return out;
@@ -866,9 +1414,9 @@ function constrainToLeave(leave, p) {
       return { x: leave.at.x + Math.sign(dx || 1) * s, y: leave.at.y + Math.sign(dy || 1) * s };
     }
     default: {
-      const len = Math.hypot(dx, dy);
+      const len2 = Math.hypot(dx, dy);
       const a = Math.round(Math.atan2(dy, dx) / (Math.PI / 4)) * (Math.PI / 4);
-      return { x: leave.at.x + Math.cos(a) * len, y: leave.at.y + Math.sin(a) * len };
+      return { x: leave.at.x + Math.cos(a) * len2, y: leave.at.y + Math.sin(a) * len2 };
     }
   }
 }
@@ -877,24 +1425,24 @@ var CROSSING_PAIRS = 32;
 var CURVE_SAMPLES = 48;
 var BISECT = 50;
 var EQUAL = 1e-6;
-function bound(sorted, key, v, strict) {
+function bound(sorted, key, v2, strict) {
   let lo = 0;
   let hi = sorted.length;
   while (lo < hi) {
     const mid = lo + hi >>> 1;
     const k = key(sorted[mid]);
-    if (strict ? k <= v : k < v) lo = mid + 1;
+    if (strict ? k <= v2 : k < v2) lo = mid + 1;
     else hi = mid;
   }
   return lo;
 }
-function within(sorted, key, v, tol) {
-  return sorted.slice(bound(sorted, key, v - tol, false), bound(sorted, key, v + tol, true));
+function within(sorted, key, v2, tol) {
+  return sorted.slice(bound(sorted, key, v2 - tol, false), bound(sorted, key, v2 + tol, true));
 }
-var linesNear = (lines, v, tol) => within(lines, (l) => l.v, v, tol);
+var linesNear = (lines, v2, tol) => within(lines, (l) => l.v, v2, tol);
 var distance = (a, b) => Math.hypot(a.x - b.x, a.y - b.y);
 var toPoint = (p) => [p.x, p.y];
-var toVec = (p) => ({ x: p[0], y: p[1] });
+var toVec2 = (p) => ({ x: p[0], y: p[1] });
 var LABELS = {
   anchor: "anchor",
   centre: "centre",
@@ -1012,7 +1560,7 @@ var VectorSnapTargets = class _VectorSnapTargets {
     const count = subpathSegmentCount(sp);
     for (let i = 0; i < count && budget > 0; i++) {
       if (moving(i) || moving((i + 1) % n)) continue;
-      const seg = subpathSegment(sp, i).map((q) => toPoint(applyMatrix(m, toVec(q))));
+      const seg = subpathSegment(sp, i).map((q) => toPoint(applyMatrix(m, toVec2(q))));
       let minX = Infinity;
       let minY = Infinity;
       let maxX = -Infinity;
@@ -1029,13 +1577,13 @@ var VectorSnapTargets = class _VectorSnapTargets {
     return budget;
   }
   pushRect(r, kind, centre) {
-    const corners = [
+    const corners2 = [
       { x: r.x, y: r.y },
       { x: r.x + r.width, y: r.y },
       { x: r.x + r.width, y: r.y + r.height },
       { x: r.x, y: r.y + r.height }
     ];
-    for (const p of corners) {
+    for (const p of corners2) {
       this.xs.push({ v: p.x, from: p, kind });
       this.ys.push({ v: p.y, from: p, kind });
     }
@@ -1136,14 +1684,14 @@ var VectorSnapTargets = class _VectorSnapTargets {
     }
     const point = this.nearestPoint(p, tol);
     if (point) return at(point.p, point.kind);
-    const near = this.segmentsNear(p, tol);
-    const crossing = this.crossing(near, p, tol);
+    const near2 = this.segmentsNear(p, tol);
+    const crossing = this.crossing(near2, p, tol);
     if (crossing) return at(crossing, "intersect");
     if (leave && leave.curves !== false) {
-      const foot = this.curvePoint(near, leave.at, p, tol);
+      const foot = this.curvePoint(near2, leave.at, p, tol);
       if (foot) return at(foot.point, foot.kind, [line("construction", leave.at, foot.point)]);
     }
-    const on = this.onSegment(near);
+    const on = this.onSegment(near2);
     if (on) return at(on, "path");
     if (leave?.angles?.length) {
       const c = construction(leave, p, tol);
@@ -1156,9 +1704,9 @@ var VectorSnapTargets = class _VectorSnapTargets {
         return { point: c.point, kind: "construction", x: true, y: true, lines: [line("construction", leave.at, c.point)], labels: [] };
       }
     }
-    const nearest = (lines2, v) => {
+    const nearest = (lines2, v2) => {
       let best = null;
-      for (const l of linesNear(lines2, v, tol)) if (!best || Math.abs(l.v - v) < Math.abs(best.v - v)) best = l;
+      for (const l of linesNear(lines2, v2, tol)) if (!best || Math.abs(l.v - v2) < Math.abs(best.v - v2)) best = l;
       return best;
     };
     const bx = nearest(this.xs, p.x);
@@ -1218,26 +1766,26 @@ var VectorSnapTargets = class _VectorSnapTargets {
   /** Target segments whose control box reaches `p` and which pass within `tol` of it, nearest first. */
   segmentsNear(p, tol) {
     const out = [];
-    const pt = toPoint(p);
+    const pt2 = toPoint(p);
     for (const s of this.segments) {
       if (p.x < s.minX - tol || p.x > s.maxX + tol || p.y < s.minY - tol || p.y > s.maxY + tol) continue;
-      const hit = segmentNearest(s.seg, pt);
+      const hit = segmentNearest(s.seg, pt2);
       if (hit.distance <= tol) out.push({ seg: s.seg, t: hit.t, distance: hit.distance });
     }
     return out.sort((a, b) => a.distance - b.distance);
   }
-  onSegment(near) {
-    return near.length ? toVec(segmentPoint(near[0].seg, near[0].t)) : null;
+  onSegment(near2) {
+    return near2.length ? toVec2(segmentPoint(near2[0].seg, near2[0].t)) : null;
   }
   /** Where two of the target segments near `p` cross, the crossing nearest `p` within `tol`. */
-  crossing(near, p, tol) {
-    const list = near.slice(0, CROSSING_PAIRS);
+  crossing(near2, p, tol) {
+    const list = near2.slice(0, CROSSING_PAIRS);
     let best = null;
     let bestD = Infinity;
     for (let i = 0; i < list.length; i++) {
       for (let j = i + 1; j < list.length; j++) {
         for (const hit of segmentIntersections(list[i].seg, list[j].seg)) {
-          const q = toVec(hit.point);
+          const q = toVec2(hit.point);
           const d = distance(q, p);
           if (d <= tol && d < bestD) {
             best = q;
@@ -1253,9 +1801,9 @@ var VectorSnapTargets = class _VectorSnapTargets {
    * (within `tol` of it): roots of `(B(t) − base) · B′(t)` and `(B(t) − base) × B′(t)`
    * bracketed by sign changes of samples and narrowed by bisection.
    */
-  curvePoint(near, base, p, tol) {
+  curvePoint(near2, base, p, tol) {
     let best = null;
-    for (const { seg } of near) {
+    for (const { seg } of near2) {
       for (const kind of ["perpendicular", "tangent"]) {
         if (kind === "tangent" && seg.length === 2) continue;
         for (const q of solveOnSegment(seg, base, kind === "perpendicular" ? dotCondition : crossCondition)) {
@@ -1278,7 +1826,7 @@ var VectorSnapTargets = class _VectorSnapTargets {
     const axes = { x: options.axes?.x !== false, y: options.axes?.y !== false };
     const nearest = (lines, values) => {
       let best = null;
-      for (const v of values) for (const l of linesNear(lines, v, tol)) if (!best || Math.abs(l.v - v) < Math.abs(best.d)) best = { d: l.v - v, from: l.from };
+      for (const v2 of values) for (const l of linesNear(lines, v2, tol)) if (!best || Math.abs(l.v - v2) < Math.abs(best.d)) best = { d: l.v - v2, from: l.from };
       return best;
     };
     const bx = axes.x ? nearest(this.xs, [r.x, r.x + r.width / 2, r.x + r.width]) : null;
@@ -1321,7 +1869,7 @@ var VectorSnapTargets = class _VectorSnapTargets {
   evenSpacing(r, horizontal, tol) {
     const span = (b, x) => x ? [b.x, b.x + b.width] : [b.y, b.y + b.height];
     const [r0, r1] = span(r, horizontal);
-    const len = r1 - r0;
+    const len2 = r1 - r0;
     const [c0, c1] = span(r, !horizontal);
     const row = this.boxes.map((b) => ({ b, a0: span(b, horizontal)[0], a1: span(b, horizontal)[1] })).filter((e) => span(e.b, !horizontal)[0] < c1 && span(e.b, !horizontal)[1] > c0 && (e.a1 <= r0 + tol || e.a0 >= r1 - tol)).sort((a, b) => a.a0 - b.a0);
     if (!row.length) return null;
@@ -1341,17 +1889,17 @@ var VectorSnapTargets = class _VectorSnapTargets {
       if (e.a0 >= r1 - tol && (!after || e.a0 < after.a0)) after = e;
     }
     const starts = [];
-    if (before && after && after.a0 - before.a1 > len) starts.push({ start: (before.a1 + after.a0 - len) / 2, repeats: null });
+    if (before && after && after.a0 - before.a1 > len2) starts.push({ start: (before.a1 + after.a0 - len2) / 2, repeats: null });
     for (const { g } of pairs) {
       if (before) starts.push({ start: before.a1 + g, repeats: g });
-      if (after) starts.push({ start: after.a0 - g - len, repeats: g });
+      if (after) starts.push({ start: after.a0 - g - len2, repeats: g });
     }
     let pick = null;
     for (const s of starts) if (Math.abs(s.start - r0) <= tol && (!pick || Math.abs(s.start - r0) < Math.abs(pick.start - r0))) pick = s;
     if (!pick) return null;
     const { start, repeats } = pick;
     const at = horizontal ? { ...r, x: start } : { ...r, y: start };
-    const end = start + len;
+    const end = start + len2;
     const gaps = [];
     if (before && (repeats === null || Math.abs(start - before.a1 - repeats) <= EQUAL)) gaps.push([before.a1, start, mid(before.b, at)]);
     if (after && (repeats === null || Math.abs(after.a0 - end - repeats) <= EQUAL)) gaps.push([end, after.a0, mid(after.b, at)]);
@@ -1362,9 +1910,9 @@ var VectorSnapTargets = class _VectorSnapTargets {
   }
   /** A gap mark: a line across the gap with a tick at each end, and its length as a label. */
   gapMarks([u0, u1, c], horizontal, tick, out) {
-    const pt = (u, v) => horizontal ? { x: u, y: v } : { x: v, y: u };
-    out.lines.push(line("spacing", pt(u0, c), pt(u1, c)), line("spacing", pt(u0, c - tick), pt(u0, c + tick)), line("spacing", pt(u1, c - tick), pt(u1, c + tick)));
-    out.labels.push(this.label(pt((u0 + u1) / 2, c), "spacing", fmtLength(u1 - u0)));
+    const pt2 = (u, v2) => horizontal ? { x: u, y: v2 } : { x: v2, y: u };
+    out.lines.push(line("spacing", pt2(u0, c), pt2(u1, c)), line("spacing", pt2(u0, c - tick), pt2(u0, c + tick)), line("spacing", pt2(u1, c - tick), pt2(u1, c + tick)));
+    out.labels.push(this.label(pt2((u0 + u1) / 2, c), "spacing", fmtLength(u1 - u0)));
   }
   /** The other objects' side length nearest `length`, within `tol`, or null. */
   matchSize(length2, tol) {
@@ -1391,9 +1939,9 @@ var VectorSnapTargets = class _VectorSnapTargets {
     const hp = handlePos(handle, frame);
     const d0 = { x: hp.x - origin.x, y: hp.y - origin.y };
     const valid = (n, s) => Number.isFinite(n) && n * s > 0;
-    const nearest = (v, lines) => {
+    const nearest = (v2, lines) => {
       let best = null;
-      for (const l of linesNear(lines, v, tol)) if (!best || Math.abs(l.v - v) < Math.abs(best.v - v)) best = l;
+      for (const l of linesNear(lines, v2, tol)) if (!best || Math.abs(l.v - v2) < Math.abs(best.v - v2)) best = l;
       return best;
     };
     let nx = sx;
@@ -1444,9 +1992,9 @@ var VectorSnapTargets = class _VectorSnapTargets {
       };
       for (const h of [handle, ...ends]) {
         const hv = handlePos(h, frame);
-        const v = { x: hv.x - origin.x, y: hv.y - origin.y };
-        const base = applyMatrix(toDoc, { x: origin.x + c.x * v.x, y: origin.y + c.y * v.y });
-        const dir = applyMatrix(toDoc, { x: e.x * v.x, y: e.y * v.y });
+        const v2 = { x: hv.x - origin.x, y: hv.y - origin.y };
+        const base = applyMatrix(toDoc, { x: origin.x + c.x * v2.x, y: origin.y + c.y * v2.y });
+        const dir = applyMatrix(toDoc, { x: e.x * v2.x, y: e.y * v2.y });
         const p = { x: base.x + dir.x * s0, y: base.y + dir.y * s0 };
         const l2 = dir.x * dir.x + dir.y * dir.y;
         const on = l2 > 1e-18 ? this.nearestPoint(p, tol) : null;
@@ -1479,16 +2027,16 @@ var VectorSnapTargets = class _VectorSnapTargets {
     const sized = [];
     if (!proportional) {
       if (movesX && !snap.hx && !(frame.angle && snap.hy) && frame.width > 1e-9) {
-        const len = this.matchSize(Math.abs(out.sx) * frame.width, tol);
-        if (len !== null && len > 0) {
-          out.sx = Math.sign(out.sx || 1) * (len / frame.width);
+        const len2 = this.matchSize(Math.abs(out.sx) * frame.width, tol);
+        if (len2 !== null && len2 > 0) {
+          out.sx = Math.sign(out.sx || 1) * (len2 / frame.width);
           sized.push("x");
         }
       }
       if (movesY && !snap.hy && !(frame.angle && snap.hx) && frame.height > 1e-9) {
-        const len = this.matchSize(Math.abs(out.sy) * frame.height, tol);
-        if (len !== null && len > 0) {
-          out.sy = Math.sign(out.sy || 1) * (len / frame.height);
+        const len2 = this.matchSize(Math.abs(out.sy) * frame.height, tol);
+        if (len2 !== null && len2 > 0) {
+          out.sy = Math.sign(out.sy || 1) * (len2 / frame.height);
           sized.push("y");
         }
       }
@@ -1539,14 +2087,14 @@ function line(kind, a, b) {
   return { kind, x1: a.x, y1: a.y, x2: b.x, y2: b.y };
 }
 function construction(leave, p, tol) {
-  const v = { x: p.x - leave.at.x, y: p.y - leave.at.y };
-  if (Math.hypot(v.x, v.y) <= tol) return null;
+  const v2 = { x: p.x - leave.at.x, y: p.y - leave.at.y };
+  if (Math.hypot(v2.x, v2.y) <= tol) return null;
   let best = null;
   for (const a of leave.angles ?? []) {
     const r = a * Math.PI / 180;
     const exact = (n) => Math.abs(n) < 1e-12 ? 0 : n;
     const dir = { x: exact(Math.cos(r)), y: exact(-Math.sin(r)) };
-    const k = v.x * dir.x + v.y * dir.y;
+    const k = v2.x * dir.x + v2.y * dir.y;
     const point = { x: leave.at.x + dir.x * k, y: leave.at.y + dir.y * k };
     const d = distance(point, p);
     if (d <= tol && (!best || d < best.d)) best = { dir, point, d };
@@ -1571,7 +2119,7 @@ function solveOnSegment(seg, base, cond) {
     vals.push(cond(r, d));
     scale = Math.max(scale, Math.hypot(r[0], r[1]) * Math.hypot(d[0], d[1]));
   }
-  if (!(scale > 0) || vals.every((v) => Math.abs(v) <= scale * 1e-12)) return [];
+  if (!(scale > 0) || vals.every((v2) => Math.abs(v2) <= scale * 1e-12)) return [];
   const out = [];
   for (let i = 0; i < CURVE_SAMPLES; i++) {
     const ga = vals[i];
@@ -1603,136 +2151,1136 @@ function solveOnSegment(seg, base, cond) {
   return out;
 }
 
-// src/vector/controller.ts
-var DEFAULT_VECTOR_SNAP = { grid: 0, objects: true, guides: true, threshold: 5, angles: VECTOR_CONSTRUCTION_ANGLES };
-var VECTOR_CLIPBOARD_TYPE = "pixerate/vector";
-var DEFAULT_DEFAULTS = {
-  fill: "#d4d4d8",
-  stroke: "#18181b",
-  strokeWidth: 2,
-  polygonSides: 6,
-  starPoints: 5,
-  starInnerRatio: 0.5,
-  cornerRadius: 0
+// src/vector/pathEdit.ts
+var EPS3 = 1e-9;
+var unit2 = (x, y) => {
+  const l = Math.hypot(x, y);
+  return l > 1e-12 && Number.isFinite(l) ? [x / l, y / l] : null;
 };
-var MIN_ZOOM = 0.05;
-var MAX_ZOOM = 64;
-var VECTOR_ROTATE_HANDLE_OFFSET = 24;
-var sameRef = (a, b) => a.nodeId === b.nodeId && a.subpath === b.subpath && a.index === b.index;
-function getEditablePathIds(state) {
-  if (state.tool !== "direct" && state.tool !== "pen") return [];
-  const ids = /* @__PURE__ */ new Set();
-  if (state.pen) ids.add(state.pen.nodeId);
-  if (state.tool === "direct") {
-    if (state.editingId) ids.add(state.editingId);
-    for (const id of state.selection) {
-      const node = findVectorNode(state.document.nodes, id);
-      if (node && !node.locked) {
-        for (const p of collectPathNodes(node)) if (!p.locked) ids.add(p.id);
-      }
-    }
+function cubicOf(sp, i) {
+  const s = subpathSegment(sp, i);
+  if (s.length === 4) return s;
+  const [a, b] = s;
+  return [a, [a[0] + (b[0] - a[0]) / 3, a[1] + (b[1] - a[1]) / 3], [a[0] + 2 * (b[0] - a[0]) / 3, a[1] + 2 * (b[1] - a[1]) / 3], b];
+}
+var isLine = (sp, i) => subpathSegment(sp, i).length === 2;
+function startTangent(c) {
+  for (let k = 1; k < 4; k++) {
+    const u = unit2(c[k][0] - c[0][0], c[k][1] - c[0][1]);
+    if (u) return u;
   }
-  return [...ids].filter((id) => findVectorNode(state.document.nodes, id)?.type === "path");
+  return [1, 0];
 }
-function getVisibleAnchors(state) {
-  const out = [];
-  for (const id of getEditablePathIds(state)) {
-    const node = findVectorNode(state.document.nodes, id);
-    node.subpaths.forEach((sp, s) => sp.anchors.forEach((_, i) => out.push({ nodeId: id, subpath: s, index: i })));
+function endTangent(c) {
+  for (let k = 2; k >= 0; k--) {
+    const u = unit2(c[3][0] - c[k][0], c[3][1] - c[k][1]);
+    if (u) return u;
   }
-  return out;
+  return [1, 0];
 }
-function getVisibleHandles(state) {
-  const out = [];
-  const seen = /* @__PURE__ */ new Set();
-  const push = (node, s, i, handle) => {
-    const sp = node.subpaths[s];
-    const a = sp?.anchors[i];
-    if (!a || !a[handle]) return;
-    const key = `${node.id}:${s}:${i}:${handle}`;
-    if (seen.has(key)) return;
-    seen.add(key);
-    out.push({ nodeId: node.id, subpath: s, index: i, handle });
+function sample(c, n, out, withStart) {
+  for (let i = withStart ? 0 : 1; i <= n; i++) out.push(segmentPoint(c, i / n));
+}
+var onAnchor2 = (a, h) => !h || Math.abs(h.x - a.x) < EPS3 && Math.abs(h.y - a.y) < EPS3;
+function tidy(a, keepType = true) {
+  const next = cloneAnchor(a);
+  if (onAnchor2(next, next.in)) delete next.in;
+  if (onAnchor2(next, next.out)) delete next.out;
+  const shown = inferAnchorType(next);
+  const type = keepType && a.type ? a.type === "symmetric" && shown !== "symmetric" ? shown === "corner" ? "corner" : "smooth" : a.type === "smooth" && shown === "corner" ? "corner" : a.type : shown;
+  if (type === "corner") delete next.type;
+  else next.type = type;
+  return next;
+}
+function neighbours(sp, i) {
+  const n = sp.anchors.length;
+  const wrap = sp.closed && n > 1;
+  return [i > 0 ? i - 1 : wrap ? n - 1 : -1, i < n - 1 ? i + 1 : wrap ? 0 : -1];
+}
+function goldenMin(f, a, b) {
+  const R = 0.618033988749895;
+  let x1 = b - R * (b - a);
+  let x2 = a + R * (b - a);
+  let f1 = f(x1);
+  let f2 = f(x2);
+  for (let i = 0; i < 40; i++) {
+    if (f1.error < f2.error || Number.isNaN(f2.error)) {
+      b = x2;
+      x2 = x1;
+      f2 = f1;
+      x1 = b - R * (b - a);
+      f1 = f(x1);
+    } else {
+      a = x1;
+      x1 = x2;
+      f1 = f2;
+      x2 = a + R * (b - a);
+      f2 = f(x2);
+    }
+  }
+  return f1.error <= f2.error ? f1 : f2;
+}
+function fitAcross(pts, N, t0, t1) {
+  const fit = (k) => {
+    const u = [];
+    for (let i = 0; i <= N; i++) u.push(k * i / N);
+    for (let i = 1; i <= N; i++) u.push(k + (1 - k) * i / N);
+    return fitCubicWithTangents(pts, u, t0, t1);
   };
-  if (state.tool === "pen" && state.pen) {
-    const node = findVectorNode(state.document.nodes, state.pen.nodeId);
-    const sp = node?.type === "path" ? node.subpaths[state.pen.subpath] : void 0;
-    if (node?.type === "path" && sp) {
-      const last = sp.anchors.length - 1;
-      push(node, state.pen.subpath, last, "in");
-      push(node, state.pen.subpath, last, "out");
+  return goldenMin(fit, 0, 1);
+}
+function removeAnchorKeepingShape(sp, index) {
+  const anchors = sp.anchors.map(cloneAnchor);
+  const n = anchors.length;
+  if (index < 0 || index >= n) return { anchors, closed: sp.closed };
+  if ((sp.closed || index > 0 && index < n - 1) && n >= 3) {
+    const pi = (index + n - 1) % n;
+    const ni = (index + 1) % n;
+    if (!(isLine(sp, pi) && isLine(sp, index))) {
+      const left = cubicOf(sp, pi);
+      const right = cubicOf(sp, index);
+      const N = 16;
+      const pts = [];
+      sample(left, N, pts, true);
+      sample(right, N, pts, false);
+      const t0 = startTangent(left);
+      const t1 = endTangent(right);
+      const { curve } = fitAcross(pts, N, t0, t1);
+      if ([curve.p1, curve.p2].every((p) => Number.isFinite(p[0]) && Number.isFinite(p[1]))) {
+        anchors[pi] = tidy({ ...anchors[pi], out: { x: curve.p1[0], y: curve.p1[1] } });
+        anchors[ni] = tidy({ ...anchors[ni], in: { x: curve.p2[0], y: curve.p2[1] } });
+      }
     }
-    return out;
   }
-  if (state.tool !== "direct") return out;
-  const editable = new Set(getEditablePathIds(state));
-  for (const ref of state.selectedAnchors) {
-    if (!editable.has(ref.nodeId)) continue;
-    const node = findVectorNode(state.document.nodes, ref.nodeId);
-    const sp = node.subpaths[ref.subpath];
-    if (!sp) continue;
-    const n = sp.anchors.length;
-    push(node, ref.subpath, ref.index, "in");
-    push(node, ref.subpath, ref.index, "out");
-    const prev = ref.index > 0 ? ref.index - 1 : sp.closed ? n - 1 : -1;
-    const next = ref.index < n - 1 ? ref.index + 1 : sp.closed ? 0 : -1;
-    if (prev >= 0) push(node, ref.subpath, prev, "out");
-    if (next >= 0) push(node, ref.subpath, next, "in");
+  anchors.splice(index, 1);
+  let closed = sp.closed;
+  if (!closed && anchors.length) {
+    anchors[0] = tidy({ ...anchors[0], in: null });
+    const last = anchors.length - 1;
+    anchors[last] = tidy({ ...anchors[last], out: null });
   }
-  return out;
+  if (anchors.length < 3) closed = closed && anchors.length === 2 && anchors.some((a) => a.in || a.out);
+  return { anchors, closed };
 }
-function getAnchor(doc, ref) {
-  const node = findVectorNode(doc.nodes, ref.nodeId);
-  return node?.type === "path" ? node.subpaths[ref.subpath]?.anchors[ref.index] : void 0;
+function removeAnchorsKeepingShape(sp, indices) {
+  const order = [...new Set(indices)].filter((i) => i >= 0 && i < sp.anchors.length).sort((a, b) => b - a);
+  return order.reduce((acc, i) => removeAnchorKeepingShape(acc, i), { anchors: sp.anchors.map(cloneAnchor), closed: sp.closed });
 }
-function getAnchorWorld(doc, ref) {
-  const a = getAnchor(doc, ref);
-  if (!a) return void 0;
-  const m = vectorWorldMatrix(doc.nodes, ref.nodeId) ?? IDENTITY_MATRIX;
-  const p = applyMatrix(m, a);
-  return { x: p.x, y: p.y, ...a.in ? { in: applyMatrix(m, a.in) } : {}, ...a.out ? { out: applyMatrix(m, a.out) } : {}, ...a.type ? { type: a.type } : {} };
+function bendSegment(sp, segment, t, p) {
+  const anchors = sp.anchors.map(cloneAnchor);
+  const n = anchors.length;
+  if (segment < 0 || segment >= subpathSegmentCount(sp) || !Number.isFinite(t) || !Number.isFinite(p.x) || !Number.isFinite(p.y)) return { anchors, closed: sp.closed };
+  const tc = Math.min(0.95, Math.max(0.05, t));
+  const ia = segment;
+  const ib = (segment + 1) % n;
+  const a = anchors[ia];
+  const b = anchors[ib];
+  const k = 3 * tc * (1 - tc);
+  const ox = (p.x - (a.x + (b.x - a.x) * tc)) / k;
+  const oy = (p.y - (a.y + (b.y - a.y) * tc)) / k;
+  const c1 = { x: a.x + (b.x - a.x) / 3 + ox, y: a.y + (b.y - a.y) / 3 + oy };
+  const c2 = { x: b.x + (a.x - b.x) / 3 + ox, y: b.y + (a.y - b.y) / 3 + oy };
+  anchors[ia] = moveAnchorHandle(a, "out", c1);
+  anchors[ib] = moveAnchorHandle(b, "in", c2);
+  return { anchors, closed: sp.closed };
 }
-function getVectorSelectionFrame(doc, ids) {
-  const nodes = ids.map((id) => ({ node: findVectorNode(doc.nodes, id), parent: vectorParentMatrix(doc.nodes, id) ?? IDENTITY_MATRIX })).filter((n) => n.node);
-  if (!nodes.length) return null;
-  const angles = nodes.map((n) => matrixRotation(multiplyMatrices(nodeMatrix(n.node), n.parent)));
-  const same = angles.every((a) => Math.abs(normalizeAngle(a - angles[0])) < 1e-6);
-  const angle = same ? angles[0] : 0;
-  const unrotate = rotateMatrix(-angle);
-  const b = unionBounds(nodes.map((n) => vectorNodeBounds(n.node, multiplyMatrices(n.parent, unrotate))));
-  return b ? { ...b, angle } : null;
+function subpathPointAt(sp, segment, t) {
+  const [x, y] = segmentPoint(subpathSegment(sp, segment), t);
+  return { x, y };
 }
-var normalizeAngle = (a) => ((a + 180) % 360 + 360) % 360 - 180;
-function getTransformHandlePositions(box) {
-  const { x, y, width: w, height: h } = box;
-  return [
-    { handle: "nw", x, y },
-    { handle: "n", x: x + w / 2, y },
-    { handle: "ne", x: x + w, y },
-    { handle: "e", x: x + w, y: y + h / 2 },
-    { handle: "se", x: x + w, y: y + h },
-    { handle: "s", x: x + w / 2, y: y + h },
-    { handle: "sw", x, y: y + h },
-    { handle: "w", x, y: y + h / 2 },
-    { handle: "rotate", x: x + w / 2, y: y - VECTOR_ROTATE_HANDLE_OFFSET }
+function curvatureMoveAnchor(sp, index, q) {
+  const anchors = sp.anchors.map(cloneAnchor);
+  const a = sp.anchors[index];
+  if (!a) return { anchors, closed: sp.closed };
+  const own = [
+    a.in && !onAnchor2(a, a.in) ? { x: a.in.x - a.x, y: a.in.y - a.y } : null,
+    a.out && !onAnchor2(a, a.out) ? { x: a.out.x - a.x, y: a.out.y - a.y } : null
   ];
+  const ends = [null, null];
+  neighbours(sp, index).forEach((j, side) => {
+    if (j < 0 || j === index) return;
+    const b = anchors[j];
+    const old = Math.hypot(a.x - b.x, a.y - b.y);
+    const s = old > 1e-9 ? Math.hypot(q.x - b.x, q.y - b.y) / old : 1;
+    const key = side === 0 ? "out" : "in";
+    const h = b[key];
+    if (h) b[key] = { x: b.x + (h.x - b.x) * s, y: b.y + (h.y - b.y) * s };
+    const o = own[side];
+    if (o) own[side] = { x: o.x * s, y: o.y * s };
+    ends[side] = { x: b.x, y: b.y };
+  });
+  const moved = { x: q.x, y: q.y };
+  if (own[0]) moved.in = { x: q.x + own[0].x, y: q.y + own[0].y };
+  if (own[1]) moved.out = { x: q.x + own[1].x, y: q.y + own[1].y };
+  if (a.type) moved.type = a.type;
+  if (a.corner) moved.corner = { ...a.corner };
+  const [prev, next] = ends;
+  if (a.type && a.type !== "corner" && prev && next) {
+    const dx = next.x - prev.x;
+    const dy = next.y - prev.y;
+    const l = Math.hypot(dx, dy);
+    if (l > 1e-9) {
+      const len2 = (h, to) => h ? Math.hypot(h.x, h.y) : Math.hypot(q.x - to.x, q.y - to.y) / 3;
+      let li = len2(own[0], prev);
+      let lo = len2(own[1], next);
+      if (a.type === "symmetric") li = lo = (li + lo) / 2;
+      moved.in = { x: q.x - dx * li / l, y: q.y - dy * li / l };
+      moved.out = { x: q.x + dx * lo / l, y: q.y + dy * lo / l };
+    }
+  }
+  anchors[index] = moved;
+  return { anchors, closed: sp.closed };
 }
-function getVectorSelectionBoxGeometry(frame, viewport) {
-  const z = viewport.zoom;
-  const box = { x: frame.x * z + viewport.x, y: frame.y * z + viewport.y, width: frame.width * z, height: frame.height * z };
-  const rot = rotateMatrix(frame.angle, { x: viewport.x, y: viewport.y });
-  const toScreen2 = (p) => frame.angle ? applyMatrix(rot, p) : { x: p.x, y: p.y };
-  const handles = getTransformHandlePositions(box).map((h) => ({ ...h, screen: toScreen2(h) }));
-  const corners = [
-    { x: box.x, y: box.y },
-    { x: box.x + box.width, y: box.y },
-    { x: box.x + box.width, y: box.y + box.height },
-    { x: box.x, y: box.y + box.height }
-  ].map(toScreen2);
-  const r = (n) => Math.round(n * 1e3) / 1e3;
-  return { box, angle: frame.angle, transform: frame.angle ? `rotate(${r(frame.angle)} ${r(viewport.x)} ${r(viewport.y)})` : "", handles, corners };
+function cutSubpathAt(sp, at) {
+  const n = sp.anchors.length;
+  const cuts = [...new Set(at)].filter((i) => Number.isInteger(i) && i >= 0 && i < n && (sp.closed || i > 0 && i < n - 1)).sort((a, b) => a - b);
+  if (!cuts.length || n < 2) return [{ anchors: sp.anchors.map(cloneAnchor), closed: sp.closed }];
+  const first = cuts[0];
+  const run = sp.closed ? Array.from({ length: n + 1 }, (_, i) => sp.anchors[(first + i) % n]) : sp.anchors;
+  const cutSet = new Set(sp.closed ? [...cuts.map((c) => (c - first + n) % n), n] : cuts);
+  const pieces = [];
+  let cur = [];
+  run.forEach((a, i) => {
+    if (!cutSet.has(i)) {
+      cur.push(cloneAnchor(a));
+      return;
+    }
+    if (cur.length) {
+      cur.push(tidy({ ...a, out: null }, false));
+      pieces.push({ anchors: cur, closed: false });
+      cur = [];
+    }
+    if (i < n) cur.push(tidy({ ...a, in: null }, false));
+  });
+  if (cur.length > 1) pieces.push({ anchors: cur, closed: false });
+  return pieces;
 }
-var RESIZE_CURSOR_ORDER = ["ew-resize", "nwse-resize", "ns-resize", "nesw-resize"];
+function splitSubpathAt(sp, segment, t, endTolerance = 1e-6) {
+  const n = sp.anchors.length;
+  if (segment < 0 || segment >= subpathSegmentCount(sp)) return [{ anchors: sp.anchors.map(cloneAnchor), closed: sp.closed }];
+  if (t <= endTolerance) return cutSubpathAt(sp, [segment]);
+  if (t >= 1 - endTolerance) return cutSubpathAt(sp, [(segment + 1) % n]);
+  const { subpath, index } = insertAnchor(sp, segment, t);
+  return cutSubpathAt(subpath, [index]);
+}
+var endOf2 = (sp, last) => sp.anchors[last ? sp.anchors.length - 1 : 0];
+var dist = (a, b) => Math.hypot(a.x - b.x, a.y - b.y);
+function reverse(sp) {
+  return {
+    closed: sp.closed,
+    anchors: sp.anchors.slice().reverse().map((a) => {
+      const next = { x: a.x, y: a.y };
+      if (a.out) next.in = { ...a.out };
+      if (a.in) next.out = { ...a.in };
+      if (a.type) next.type = a.type;
+      if (a.corner) next.corner = { ...a.corner };
+      return next;
+    })
+  };
+}
+function joinSubpaths(subpaths, tolerance) {
+  const closed = [];
+  let open = [];
+  for (const sp of subpaths) {
+    const copy = { anchors: sp.anchors.map(cloneAnchor), closed: sp.closed };
+    if (sp.closed || sp.anchors.length < 2) {
+      if (sp.anchors.length) closed.push(copy);
+    } else open.push(copy);
+  }
+  if (open.length === 1) {
+    const sp = open[0];
+    const first = sp.anchors[0];
+    const last = sp.anchors[sp.anchors.length - 1];
+    if (sp.anchors.length > 2 && dist(first, last) <= tolerance) {
+      sp.anchors.pop();
+      sp.anchors[0] = tidy({ ...first, in: last.in ?? null }, false);
+    } else {
+      sp.anchors[0] = tidy({ ...first, in: null }, false);
+      sp.anchors[sp.anchors.length - 1] = tidy({ ...sp.anchors[sp.anchors.length - 1], out: null }, false);
+    }
+    sp.closed = true;
+    return [...closed, sp];
+  }
+  while (open.length > 1) {
+    let best = { d: Infinity, i: 0, j: 1, ei: true, ej: false };
+    for (let i = 0; i < open.length; i++) {
+      for (let j = i + 1; j < open.length; j++) {
+        for (const ei of [false, true]) {
+          for (const ej of [false, true]) {
+            const d = dist(endOf2(open[i], ei), endOf2(open[j], ej));
+            if (d < best.d) best = { d, i, j, ei, ej };
+          }
+        }
+      }
+    }
+    let a = open[best.i];
+    let b = open[best.j];
+    open = open.filter((_, k) => k !== best.j);
+    if (!best.ei) a = reverse(a);
+    if (best.ej) b = reverse(b);
+    const anchors = a.anchors;
+    if (best.d <= tolerance) {
+      const [head, ...rest] = b.anchors;
+      const l = anchors[anchors.length - 1];
+      anchors[anchors.length - 1] = tidy({ ...l, out: head.out ?? null }, false);
+      anchors.push(...rest);
+    } else {
+      const l = anchors[anchors.length - 1];
+      anchors[anchors.length - 1] = tidy({ ...l, out: null }, false);
+      anchors.push(tidy({ ...b.anchors[0], in: null }, false), ...b.anchors.slice(1));
+    }
+    open[best.i > best.j ? best.i - 1 : best.i] = { anchors, closed: false };
+  }
+  return [...closed, ...open];
+}
+function smoothSubpath(sp, amount = 1, only) {
+  const t = Math.min(1, Math.max(0, amount));
+  const orig = sp.anchors;
+  const n = orig.length;
+  const anchors = orig.map(cloneAnchor);
+  if (n < 3 || t === 0) return { anchors, closed: sp.closed };
+  for (let i = 0; i < n; i++) {
+    if (!sp.closed && (i === 0 || i === n - 1)) continue;
+    if (only && !only.has(i)) continue;
+    const prev = orig[(i + n - 1) % n];
+    const next = orig[(i + 1) % n];
+    const p = orig[i];
+    const dir = unit2(next.x - prev.x, next.y - prev.y);
+    if (!dir) continue;
+    const li = dist(p, prev) / 3;
+    const lo = dist(p, next) / 3;
+    const hin = p.in ?? p;
+    const hout = p.out ?? p;
+    const target = (h, x, y) => ({ x: h.x + (x - h.x) * t, y: h.y + (y - h.y) * t });
+    anchors[i] = tidy(
+      {
+        x: p.x,
+        y: p.y,
+        in: target(hin, p.x - dir[0] * li, p.y - dir[1] * li),
+        out: target(hout, p.x + dir[0] * lo, p.y + dir[1] * lo)
+      },
+      false
+    );
+  }
+  return { anchors, closed: sp.closed };
+}
+function segsOf(sp) {
+  const out = [];
+  for (let i = 0; i < subpathSegmentCount(sp); i++) {
+    const s = subpathSegment(sp, i);
+    out.push(s.length === 2 ? { c: s, line: true } : { c: s, line: false });
+  }
+  return out;
+}
+function segsToSubpath(segs, closed, types) {
+  if (!segs.length) return null;
+  const anchors = [];
+  const at = (p) => ({ x: p[0], y: p[1] });
+  anchors.push(at(segs[0].c[0]));
+  for (const s of segs) {
+    const end = s.c[s.c.length - 1];
+    if (!s.line) anchors[anchors.length - 1].out = { x: s.c[1][0], y: s.c[1][1] };
+    const next = at(end);
+    if (!s.line) next.in = { x: s.c[2][0], y: s.c[2][1] };
+    anchors.push(next);
+  }
+  if (closed) {
+    const last = anchors.pop();
+    if (last.in) anchors[0].in = last.in;
+  }
+  const typed = anchors.map((a) => {
+    const type = types.get(`${a.x},${a.y}`);
+    return tidy(type ? { ...a, type } : a, !!type);
+  });
+  return { anchors: typed, closed };
+}
+var isZeroSeg = (s) => s.c.every((p) => Math.abs(p[0] - s.c[0][0]) < 1e-9 && Math.abs(p[1] - s.c[0][1]) < 1e-9);
+function mergePair(a, b, tol) {
+  const a0 = a.c[0];
+  const a3 = a.c[a.c.length - 1];
+  const b3 = b.c[b.c.length - 1];
+  if (a.line && b.line) {
+    const cx = b3[0] - a0[0];
+    const cy = b3[1] - a0[1];
+    const len2 = Math.hypot(cx, cy);
+    if (len2 < 1e-12) return null;
+    const mx = a3[0] - a0[0];
+    const my = a3[1] - a0[1];
+    const along = (mx * cx + my * cy) / len2;
+    return Math.abs((mx * cy - my * cx) / len2) <= tol && along >= 0 && along <= len2 ? { c: [a0, b3], line: true } : null;
+  }
+  const ca = a.line ? [a0, a0, a3, a3] : a.c;
+  const cb = b.line ? [a3, a3, b3, b3] : b.c;
+  const ta = endTangent(ca);
+  const tb = startTangent(cb);
+  if (ta[0] * tb[0] + ta[1] * tb[1] < 0.99) return null;
+  const pts = [];
+  sample(ca, 16, pts, true);
+  sample(cb, 16, pts, false);
+  const { curve, error } = fitAcross(pts, 16, startTangent(ca), endTangent(cb));
+  return error <= tol ? { c: [curve.p0, curve.p1, curve.p2, curve.p3], line: false } : null;
+}
+function removeRedundantPoints(sp, tolerance) {
+  const tol = Math.max(tolerance, 1e-9);
+  const types = new Map(sp.anchors.filter((a) => a.type).map((a) => [`${a.x},${a.y}`, a.type]));
+  const segs = segsOf(sp).filter((s) => !isZeroSeg(s));
+  if (!segs.length) return { anchors: sp.anchors.map(cloneAnchor), closed: sp.closed };
+  const minSegs = sp.closed ? 2 : 1;
+  let changed = true;
+  while (changed && segs.length > minSegs) {
+    changed = false;
+    const n = segs.length;
+    const joints = sp.closed ? n : n - 1;
+    for (let j = 0; j < joints; j++) {
+      const [i0, i1] = sp.closed ? [(j + n - 1) % n, j] : [j, j + 1];
+      const m = mergePair(segs[i0], segs[i1], tol);
+      if (!m) continue;
+      segs[i0] = m;
+      segs.splice(i1, 1);
+      if (sp.closed && i1 === 0) segs.unshift(segs.pop());
+      changed = true;
+      break;
+    }
+  }
+  return segsToSubpath(segs, sp.closed, types) ?? { anchors: sp.anchors.map(cloneAnchor), closed: sp.closed };
+}
+
+// src/vector/pathCut.ts
+var loopArea = (l) => contourSignedArea(l.segs);
+function loopSample(l) {
+  const k = l.chord.findIndex((c) => !c);
+  return segmentPoint(l.segs[k >= 0 ? k : 0], 0.5);
+}
+var contains2 = (l, p) => windingNumber([l.segs], p) !== 0;
+function groupFaces(loops) {
+  const usable = loops.filter((l) => l.segs.length && Math.abs(loopArea(l)) > 1e-12);
+  if (!usable.length) return [];
+  const largest = usable.reduce((a, b) => Math.abs(loopArea(b)) > Math.abs(loopArea(a)) ? b : a);
+  const sign = Math.sign(loopArea(largest));
+  const outers = usable.filter((l) => Math.sign(loopArea(l)) === sign).sort((a, b) => Math.abs(loopArea(a)) - Math.abs(loopArea(b)));
+  const faces = new Map(outers.map((o) => [o, { loops: [o] }]));
+  for (const hole of usable.filter((l) => Math.sign(loopArea(l)) !== sign)) {
+    const p = loopSample(hole);
+    const parent = outers.find((o) => Math.abs(loopArea(o)) > Math.abs(loopArea(hole)) && contains2(o, p));
+    if (parent) faces.get(parent).loops.push(hole);
+  }
+  return outers.reverse().map((o) => faces.get(o));
+}
+function faceToPath(face) {
+  return contoursToPath(face.loops.map((l) => ({ segments: l.segs, closed: true })));
+}
+function facesOf(path, fillRule) {
+  const normalized = normalizeBezierPath(path, fillRule);
+  const loops = pathToContours(normalized).map((c) => {
+    const segs = closeContour(c, true).map((s) => s.slice());
+    return { segs, chord: segs.map(() => false) };
+  });
+  return groupFaces(loops);
+}
+function splitIntoFaces(path, fillRule = "nonzero") {
+  return facesOf(path, fillRule).map(faceToPath);
+}
+function rootsInUnit(a, b, c, d, scale) {
+  const f = (t) => ((a * t + b) * t + c) * t + d;
+  const tol = 1e-12 * Math.max(1, scale);
+  const cuts = [0];
+  const qa = 3 * a;
+  const qb = 2 * b;
+  if (Math.abs(qa) > 1e-18) {
+    const disc = qb * qb - 4 * qa * c;
+    if (disc >= 0) {
+      const r = Math.sqrt(disc);
+      for (const t of [(-qb - r) / (2 * qa), (-qb + r) / (2 * qa)].sort((x, y) => x - y)) if (t > 0 && t < 1) cuts.push(t);
+    }
+  } else if (Math.abs(qb) > 1e-18) {
+    const t = -c / qb;
+    if (t > 0 && t < 1) cuts.push(t);
+  }
+  cuts.push(1);
+  const roots = [];
+  const push = (t) => {
+    if (!roots.some((r) => Math.abs(r - t) < 1e-9)) roots.push(t);
+  };
+  for (let i = 0; i < cuts.length - 1; i++) {
+    let lo = cuts[i];
+    let hi = cuts[i + 1];
+    let flo = f(lo);
+    const fhi = f(hi);
+    if (Math.abs(flo) <= tol) push(lo);
+    if (Math.abs(fhi) <= tol) push(hi);
+    if (flo * fhi >= 0) continue;
+    for (let k = 0; k < 80; k++) {
+      const m = (lo + hi) / 2;
+      const fm = f(m);
+      if (fm === 0) {
+        lo = hi = m;
+        break;
+      }
+      if (fm * flo < 0) hi = m;
+      else {
+        lo = m;
+        flo = fm;
+      }
+    }
+    push((lo + hi) / 2);
+  }
+  return roots.sort((x, y) => x - y);
+}
+function lineHits(p, q, seg) {
+  const dx = q[0] - p[0];
+  const dy = q[1] - p[1];
+  const len2 = dx * dx + dy * dy;
+  if (len2 < 1e-24) return [];
+  const h = (pt2) => (pt2[0] - p[0]) * -dy + (pt2[1] - p[1]) * dx;
+  let coeffs;
+  if (seg.length === 2) coeffs = [0, 0, h(seg[1]) - h(seg[0]), h(seg[0])];
+  else {
+    const [h0, h1, h2, h3] = seg.map(h);
+    coeffs = [-h0 + 3 * h1 - 3 * h2 + h3, 3 * h0 - 6 * h1 + 3 * h2, -3 * h0 + 3 * h1, h0];
+  }
+  if (coeffs.every((c) => Math.abs(c) < 1e-12 * Math.max(1, len2))) return [];
+  const scale = Math.sqrt(len2) * Math.max(1, ...seg.map((pt2) => Math.abs(pt2[0]) + Math.abs(pt2[1])));
+  const out = [];
+  for (const t of rootsInUnit(...coeffs, scale)) {
+    const point = segmentPoint(seg, t);
+    const s = ((point[0] - p[0]) * dx + (point[1] - p[1]) * dy) / len2;
+    if (s >= -1e-9 && s <= 1 + 1e-9) out.push({ s: Math.min(1, Math.max(0, s)), t, point });
+  }
+  return out;
+}
+var near = (a, b, eps) => Math.abs(a[0] - b[0]) <= eps && Math.abs(a[1] - b[1]) <= eps;
+var degenerate = (seg, eps) => seg.every((p) => near(p, seg[0], eps));
+function arc(l, a, b, eps) {
+  const n = l.segs.length;
+  const segs = [];
+  const chord = [];
+  const push = (k, t0, t1) => {
+    const piece = t0 <= 0 && t1 >= 1 ? l.segs[k].slice() : subSegment(l.segs[k], t0, t1);
+    if (!degenerate(piece, eps)) {
+      segs.push(piece);
+      chord.push(l.chord[k]);
+    }
+  };
+  if (a.seg === b.seg && b.t >= a.t + 1e-12) {
+    push(a.seg, a.t, b.t);
+    return { segs, chord };
+  }
+  push(a.seg, a.t, 1);
+  for (let k = (a.seg + 1) % n; k !== b.seg; k = (k + 1) % n) push(k, 0, 1);
+  push(b.seg, 0, b.t);
+  return { segs, chord };
+}
+function polySegs(points, eps) {
+  const out = [];
+  for (let i = 1; i < points.length; i++) if (!near(points[i - 1], points[i], eps)) out.push([points[i - 1], points[i]]);
+  return out;
+}
+function knifePath(path, fillRule, knife) {
+  const pts = knife.filter((p) => Number.isFinite(p[0]) && Number.isFinite(p[1]));
+  if (pts.length < 2) return null;
+  let faces = facesOf(path, fillRule);
+  if (!faces.length) return null;
+  const b = bezierPathBounds(path);
+  const size = b ? Math.max(b.maxX - b.minX, b.maxY - b.minY, 1) : 1;
+  const eps = size * 1e-9;
+  let cursor = -Infinity;
+  let cuts = 0;
+  for (let guard = 0; guard < 512; guard++) {
+    let best = null;
+    faces.forEach((face2, fi2) => {
+      const hits = [];
+      for (let m = 0; m < pts.length - 1; m++) {
+        if (m + 1 < cursor - 1e-9) continue;
+        const kb = { minX: Math.min(pts[m][0], pts[m + 1][0]), maxX: Math.max(pts[m][0], pts[m + 1][0]), minY: Math.min(pts[m][1], pts[m + 1][1]), maxY: Math.max(pts[m][1], pts[m + 1][1]) };
+        face2.loops.forEach(
+          (l, li) => l.segs.forEach((seg, si) => {
+            const sb = segmentBounds(seg);
+            if (sb.maxX < kb.minX - eps || sb.minX > kb.maxX + eps || sb.maxY < kb.minY - eps || sb.minY > kb.maxY + eps) return;
+            for (const h of lineHits(pts[m], pts[m + 1], seg)) {
+              const s = m + h.s;
+              if (s >= cursor - 1e-9) hits.push({ s, loop: li, seg: si, t: h.t, point: h.point });
+            }
+          })
+        );
+      }
+      hits.sort((x, y) => x.s - y.s);
+      const unique = hits.filter((h, i) => i === 0 || h.s - hits[i - 1].s > 1e-9 || !near(h.point, hits[i - 1].point, eps * 10));
+      const inside = (s) => {
+        const m = Math.min(pts.length - 2, Math.floor(s));
+        const u = s - m;
+        const q = [pts[m][0] + (pts[m + 1][0] - pts[m][0]) * u, pts[m][1] + (pts[m + 1][1] - pts[m][1]) * u];
+        return windingNumber(face2.loops.map((l) => l.segs), q) !== 0;
+      };
+      for (let i = 0; i < unique.length - 1; i++) {
+        const from2 = unique[i];
+        const to2 = unique[i + 1];
+        if (near(from2.point, to2.point, eps * 10) || !inside((from2.s + to2.s) / 2)) continue;
+        if (!best || from2.s < best.from.s) best = { face: fi2, from: from2, to: to2 };
+        break;
+      }
+    });
+    if (!best) break;
+    const { face: fi, from, to } = best;
+    const face = faces[fi];
+    const corners2 = [from.point];
+    for (let m = Math.floor(from.s) + 1; m <= to.s - 1e-12 && m < pts.length; m++) if (m > from.s) corners2.push(pts[m]);
+    corners2.push(to.point);
+    const forward = polySegs(corners2, eps);
+    const back = polySegs(corners2.slice().reverse(), eps);
+    const la = face.loops[from.loop];
+    const loops = face.loops.filter((_, i) => i !== from.loop && i !== to.loop);
+    if (from.loop === to.loop) {
+      const ab = arc(la, from, to, eps);
+      const ba = arc(la, to, from, eps);
+      loops.push(
+        { segs: [...ab.segs, ...back], chord: [...ab.chord, ...back.map(() => true)] },
+        { segs: [...ba.segs, ...forward], chord: [...ba.chord, ...forward.map(() => true)] }
+      );
+    } else {
+      const lb = face.loops[to.loop];
+      const roundA = arc(la, from, from, eps);
+      const roundB = arc(lb, to, to, eps);
+      loops.push({
+        segs: [...roundA.segs, ...forward, ...roundB.segs, ...back],
+        chord: [...roundA.chord, ...forward.map(() => true), ...roundB.chord, ...back.map(() => true)]
+      });
+    }
+    faces = [...faces.slice(0, fi), ...groupFaces(loops), ...faces.slice(fi + 1)];
+    cursor = to.s;
+    cuts++;
+  }
+  return cuts ? faces.map(faceToPath) : null;
+}
+function eraserRegion(points, width) {
+  const pts = points.filter((p) => Number.isFinite(p[0]) && Number.isFinite(p[1]));
+  const r = width / 2;
+  if (!pts.length || !(r > 0)) return [];
+  const moved = pts.some((p) => !near(p, pts[0], 1e-9));
+  if (!moved) {
+    const [cx, cy] = pts[0];
+    const k = r * 0.5522847498307936;
+    return [
+      { type: "M", x: cx, y: cy - r },
+      { type: "C", x1: cx + k, y1: cy - r, x2: cx + r, y2: cy - k, x: cx + r, y: cy },
+      { type: "C", x1: cx + r, y1: cy + k, x2: cx + k, y2: cy + r, x: cx, y: cy + r },
+      { type: "C", x1: cx - k, y1: cy + r, x2: cx - r, y2: cy + k, x: cx - r, y: cy },
+      { type: "C", x1: cx - r, y1: cy - k, x2: cx - k, y2: cy - r, x: cx, y: cy - r },
+      { type: "Z" }
+    ];
+  }
+  const line2 = [{ type: "M", x: pts[0][0], y: pts[0][1] }, ...pts.slice(1).map((p) => ({ type: "L", x: p[0], y: p[1] }))];
+  return outlineStroke(line2, { width, cap: "round", join: "round" });
+}
+function eraseFromFill(path, fillRule, region) {
+  const overlap = pathBoolean("intersection", [{ path, fillRule }, { path: region }]).path;
+  if (!pathToContours(overlap).some((c) => Math.abs(contourSignedArea(closeContour(c, true))) > 1e-9)) return null;
+  const rest = pathBoolean("difference", [{ path, fillRule }, { path: region }]).path;
+  return splitIntoFaces(rest);
+}
+function eraseFromOutline(sp, region) {
+  const regionSegs = pathToContours(region).flatMap((c) => closeContour(c, true));
+  if (!regionSegs.length) return null;
+  const rb = bezierPathBounds(region);
+  const count = subpathSegmentCount(sp);
+  if (!rb || count === 0) return null;
+  const removed = (p) => pointInBezierPath(region, p, "nonzero");
+  const runs = [];
+  let cur = [];
+  let any = false;
+  for (let i = 0; i < count; i++) {
+    const seg = subpathSegment(sp, i);
+    const sb = segmentBounds(seg);
+    const ts = [0, 1];
+    if (!(sb.maxX < rb.minX || sb.minX > rb.maxX || sb.maxY < rb.minY || sb.minY > rb.maxY)) {
+      for (const r of regionSegs) {
+        const b = segmentBounds(r);
+        if (b.maxX < sb.minX || b.minX > sb.maxX || b.maxY < sb.minY || b.minY > sb.maxY) continue;
+        for (const hit of segmentIntersections(seg, r)) if (hit.ta > 1e-9 && hit.ta < 1 - 1e-9) ts.push(hit.ta);
+      }
+    }
+    ts.sort((a, b) => a - b);
+    for (let k = 0; k < ts.length - 1; k++) {
+      const t0 = ts[k];
+      const t1 = ts[k + 1];
+      if (t1 - t0 < 1e-9) continue;
+      if (removed(segmentPoint(seg, (t0 + t1) / 2))) {
+        any = true;
+        if (cur.length) runs.push(cur);
+        cur = [];
+      } else cur.push({ seg: i, t0, t1 });
+    }
+  }
+  if (cur.length) runs.push(cur);
+  if (!any) return null;
+  if (sp.closed && runs.length >= 2) {
+    const first = runs[0][0];
+    const lastRun = runs[runs.length - 1];
+    const last = lastRun[lastRun.length - 1];
+    if (first.seg === 0 && first.t0 === 0 && last.seg === count - 1 && last.t1 === 1) lastRun.push(...runs.shift());
+  }
+  const out = [];
+  for (const run of runs) {
+    const anchors = [];
+    for (const { seg, t0, t1 } of run) {
+      const c = subSegment(subpathSegment(sp, seg), t0, t1);
+      const line2 = c.length === 2;
+      const start = c[0];
+      const end = c[c.length - 1];
+      if (!anchors.length) anchors.push({ x: start[0], y: start[1] });
+      if (!line2) anchors[anchors.length - 1].out = { x: c[1][0], y: c[1][1] };
+      const next = { x: end[0], y: end[1] };
+      if (!line2) next.in = { x: c[2][0], y: c[2][1] };
+      anchors.push(next);
+    }
+    if (anchors.length < 2) continue;
+    for (const a of anchors) {
+      const type = inferAnchorType(a);
+      if (type !== "corner") a.type = type;
+    }
+    out.push({ anchors, closed: false });
+  }
+  return out;
+}
+function polylineBounds(points, pad = 0) {
+  if (!points.length) return null;
+  let minX = Infinity;
+  let minY = Infinity;
+  let maxX = -Infinity;
+  let maxY = -Infinity;
+  for (const [x, y] of points) {
+    minX = Math.min(minX, x);
+    minY = Math.min(minY, y);
+    maxX = Math.max(maxX, x);
+    maxY = Math.max(maxY, y);
+  }
+  return { x: minX - pad, y: minY - pad, width: maxX - minX + 2 * pad, height: maxY - minY + 2 * pad };
+}
+function simplifyPolyline(points, tolerance) {
+  const n = points.length;
+  if (n < 3) return points.slice();
+  const keep = new Array(n).fill(false);
+  keep[0] = keep[n - 1] = true;
+  const stack = [[0, n - 1]];
+  while (stack.length) {
+    const [a, b] = stack.pop();
+    const [ax, ay] = points[a];
+    const dx = points[b][0] - ax;
+    const dy = points[b][1] - ay;
+    const len2 = Math.hypot(dx, dy);
+    let far = -1;
+    let farD = 0;
+    for (let i = a + 1; i < b; i++) {
+      const [px, py] = points[i];
+      const d = len2 < 1e-12 ? Math.hypot(px - ax, py - ay) : Math.abs((px - ax) * dy - (py - ay) * dx) / len2;
+      if (d > farD) {
+        farD = d;
+        far = i;
+      }
+    }
+    if (far >= 0 && farD > tolerance) {
+      keep[far] = true;
+      stack.push([a, far], [far, b]);
+    }
+  }
+  return points.filter((_, i) => keep[i]);
+}
+
+// src/vector/ink.ts
+var LazyMouse = class {
+  /** `length` is the string length in the units of the points (0 turns smoothing off). */
+  constructor(length2) {
+    this.length = length2;
+  }
+  length;
+  pos = null;
+  last = null;
+  push(p) {
+    this.last = p;
+    if (!(this.length > 0)) return [p];
+    const pos = this.pos;
+    if (!pos) {
+      this.pos = p;
+      return [p];
+    }
+    const dx = p[0] - pos[0];
+    const dy = p[1] - pos[1];
+    const d = Math.hypot(dx, dy);
+    if (d <= this.length) return [];
+    const k = (d - this.length) / d;
+    const next = [pos[0] + dx * k, pos[1] + dy * k];
+    this.pos = next;
+    return [next];
+  }
+  /** The string from the pen to the pointer while they are apart, else null. */
+  string() {
+    const { pos, last } = this;
+    if (!(this.length > 0) || !pos || !last || pos[0] === last[0] && pos[1] === last[1]) return null;
+    return [pos, last];
+  }
+  /** End of stroke: the pen catches up with the pointer (the point to add, if it lagged). */
+  finish() {
+    const { pos, last } = this;
+    if (!(this.length > 0) || !pos || !last || pos[0] === last[0] && pos[1] === last[1]) return [];
+    this.pos = last;
+    return [last];
+  }
+};
+var VECTOR_INK_MAX_CORNERS = 8;
+var MAX_POINTS = 1e5;
+function vectorInkShapeName(shape) {
+  switch (shape.kind) {
+    case "line":
+      return "line";
+    case "rect":
+      return shape.width === shape.height ? "square" : "rectangle";
+    case "ellipse":
+      return shape.width === shape.height ? "circle" : "ellipse";
+    case "polygon":
+      return shape.points.length === 3 ? "triangle" : "polygon";
+  }
+}
+var dist2 = (a, b) => Math.hypot(b[0] - a[0], b[1] - a[1]);
+function bbox(pts) {
+  if (!pts.length) return [0, 0, 0, 0];
+  let [x0, y0] = pts[0];
+  let [x1, y1] = pts[0];
+  for (const [x, y] of pts) {
+    x0 = Math.min(x0, x);
+    y0 = Math.min(y0, y);
+    x1 = Math.max(x1, x);
+    y1 = Math.max(y1, y);
+  }
+  return [x0, y0, x1 - x0, y1 - y0];
+}
+function segDistance(a, b, p) {
+  const dx = b[0] - a[0];
+  const dy = b[1] - a[1];
+  const len2 = dx * dx + dy * dy;
+  const t = len2 > 0 ? Math.min(1, Math.max(0, ((p[0] - a[0]) * dx + (p[1] - a[1]) * dy) / len2)) : 0;
+  return dist2([a[0] + t * dx, a[1] + t * dy], p);
+}
+function polygonDistance(c, p) {
+  let best = Infinity;
+  for (let i = 0; i < c.length; i++) best = Math.min(best, segDistance(c[i], c[(i + 1) % c.length], p));
+  return best;
+}
+function ellipseRms(p, x0, y0, w, h) {
+  const rx = w / 2;
+  const ry = h / 2;
+  if (rx <= 0 || ry <= 0 || !p.length) return Infinity;
+  const cx = x0 + rx;
+  const cy = y0 + ry;
+  let sum = 0;
+  for (const [x, y] of p) sum += (Math.hypot((x - cx) / rx, (y - cy) / ry) - 1) ** 2;
+  return Math.sqrt(sum / p.length);
+}
+function snapSquare(x, y, w, h) {
+  if (Math.abs(w - h) <= 0.12 * Math.max(w, h)) {
+    const s = (w + h) / 2;
+    return [x + (w - s) / 2, y + (h - s) / 2, s, s];
+  }
+  return [x, y, w, h];
+}
+function turning(a, b, c) {
+  const u = [b[0] - a[0], b[1] - a[1]];
+  const v2 = [c[0] - b[0], c[1] - b[1]];
+  const lu = Math.hypot(u[0], u[1]);
+  const lv = Math.hypot(v2[0], v2[1]);
+  if (lu <= 0 || lv <= 0) return 0;
+  return Math.acos(Math.min(1, Math.max(-1, (u[0] * v2[0] + u[1] * v2[1]) / (lu * lv)))) * 180 / Math.PI;
+}
+function rdp(p, eps) {
+  const n = p.length;
+  if (n < 3) return p.slice();
+  const keep = new Array(n).fill(false);
+  keep[0] = keep[n - 1] = true;
+  const stack = [[0, n - 1]];
+  while (stack.length) {
+    const [a, b] = stack.pop();
+    let far = a;
+    let farD = 0;
+    for (let i = a + 1; i < b; i++) {
+      const d = segDistance(p[a], p[b], p[i]);
+      if (d > farD) {
+        farD = d;
+        far = i;
+      }
+    }
+    if (farD > eps) {
+      keep[far] = true;
+      stack.push([a, far], [far, b]);
+    }
+  }
+  return p.filter((_, i) => keep[i]);
+}
+function corners(p, diag) {
+  const eps = 0.05 * diag;
+  const start = p[0];
+  let far = 0;
+  let farD = 0;
+  p.forEach((q, i) => {
+    const d = dist2(start, q);
+    if (d > farD) {
+      farD = d;
+      far = i;
+    }
+  });
+  const a = p.slice(0, far);
+  const b = p.slice(far);
+  const ring = rdp([...a, ...b.slice(0, 1)], eps);
+  const back = rdp([...b, start], eps);
+  ring.pop();
+  back.pop();
+  ring.push(...back);
+  while (ring.length > 3) {
+    const n = ring.length;
+    const turn = (i) => turning(ring[(i + n - 1) % n], ring[i], ring[(i + 1) % n]);
+    let flat = 0;
+    let flatT = Infinity;
+    for (let i = 0; i < n; i++) {
+      const t = turn(i);
+      if (t < flatT) {
+        flatT = t;
+        flat = i;
+      }
+    }
+    let short = -1;
+    for (let j = 0; j < n; j++) {
+      if (dist2(ring[j], ring[(j + 1) % n]) < 0.1 * diag) {
+        short = j;
+        break;
+      }
+    }
+    if (flatT < 30) ring.splice(flat, 1);
+    else if (short >= 0) {
+      const k = turn(short) < turn((short + 1) % n) ? short : (short + 1) % n;
+      ring.splice(k, 1);
+    } else break;
+  }
+  return ring;
+}
+function upright(c) {
+  const n = c.length;
+  const dirs = c.map((a, i) => {
+    const b = c[(i + 1) % n];
+    const deg = (Math.atan2(b[1] - a[1], b[0] - a[0]) * 180 / Math.PI % 180 + 180) % 180;
+    if (deg <= 15 || deg >= 165) return "across";
+    if (deg >= 75 && deg <= 105) return "down";
+    return null;
+  });
+  return dirs.every((d) => d !== null) && dirs.every((d, i) => d !== dirs[(i + 1) % n]);
+}
+function recognizeInkShape(points, options = {}) {
+  const minSize = options.minSize ?? 6;
+  const p = [];
+  for (const q of points.slice(0, MAX_POINTS)) {
+    if (!Number.isFinite(q[0]) || !Number.isFinite(q[1]) || Math.abs(q[0]) >= 1e9 || Math.abs(q[1]) >= 1e9) continue;
+    const last2 = p[p.length - 1];
+    if (!last2 || last2[0] !== q[0] || last2[1] !== q[1]) p.push([q[0], q[1]]);
+  }
+  if (p.length < 2) return null;
+  const first = p[0];
+  const last = p[p.length - 1];
+  const [x0, y0, w, h] = bbox(p);
+  const size = Math.max(w, h);
+  const diag = Math.hypot(w, h);
+  if (size < minSize) return null;
+  let length2 = 0;
+  for (let i = 1; i < p.length; i++) length2 += dist2(p[i - 1], p[i]);
+  const gap = dist2(first, last);
+  if (gap > 0.85 * length2 && gap >= minSize) {
+    const off = Math.max(...p.map((q) => segDistance(first, last, q)));
+    if (off <= Math.max(0.06 * gap, 1.5 * minSize / 6)) return { kind: "line", a: first, b: last };
+  }
+  if (gap > 0.2 * size || length2 < 2 * size) return null;
+  const rms = ellipseRms(p, x0, y0, w, h);
+  const roundish = w > 0.2 * size && h > 0.2 * size;
+  const ellipse = () => {
+    const [x, y, sw, sh] = snapSquare(x0, y0, w, h);
+    return { kind: "ellipse", x, y, width: sw, height: sh };
+  };
+  if (roundish && rms < 0.06) return ellipse();
+  const c = corners(p, diag);
+  const fits = c.length >= 3 && p.every((q) => polygonDistance(c, q) <= 0.08 * diag);
+  if (fits && c.length === 4 && upright(c)) {
+    const [bx, by, bw, bh] = bbox(c);
+    const [x, y, sw, sh] = snapSquare(bx, by, bw, bh);
+    return { kind: "rect", x, y, width: sw, height: sh };
+  }
+  if (fits && c.length <= VECTOR_INK_MAX_CORNERS) return { kind: "polygon", points: c };
+  return roundish && rms < 0.1 ? ellipse() : null;
+}
+
+// src/vector/controller.ts
+var DEFAULT_VECTOR_SNAP = { grid: 0, objects: true, guides: true, threshold: 5, angles: VECTOR_CONSTRUCTION_ANGLES };
+var DEFAULT_VECTOR_PATH_EDIT = { keepShapeOnDelete: true, curvatureMoves: false, pencilSmoothing: 0, recognizeShapes: false, eraserSize: 10 };
+var VECTOR_PENCIL_STRING_PX = 100;
+var VECTOR_STYLE_KEYS = [
+  "fill",
+  "stroke",
+  "strokeWidth",
+  "strokeLinecap",
+  "strokeLinejoin",
+  "strokeDasharray",
+  "fillRule",
+  "strokeAlign",
+  "startArrow",
+  "endArrow",
+  "arrowAlign",
+  "startArrowScale",
+  "endArrowScale"
+];
+var VECTOR_CLIPBOARD_TYPE = "pixerate/vector";
+var DEFAULT_DEFAULTS = {
+  fill: "#d4d4d8",
+  stroke: "#18181b",
+  strokeWidth: 2,
+  polygonSides: 6,
+  starPoints: 5,
+  starInnerRatio: 0.5,
+  cornerRadius: 0
+};
+var MIN_ZOOM = 0.05;
+var MAX_ZOOM = 64;
+var VECTOR_ROTATE_HANDLE_OFFSET = 24;
+var sameRef = (a, b) => a.nodeId === b.nodeId && a.subpath === b.subpath && a.index === b.index;
+function getEditablePathIds(state) {
+  if (state.tool !== "direct" && state.tool !== "pen") return [];
+  const ids = /* @__PURE__ */ new Set();
+  if (state.pen) ids.add(state.pen.nodeId);
+  if (state.tool === "direct") {
+    if (state.editingId) ids.add(state.editingId);
+    for (const id of state.selection) {
+      const node = findVectorNode(state.document.nodes, id);
+      if (node && !node.locked) {
+        for (const p of collectPathNodes(node)) if (!p.locked) ids.add(p.id);
+      }
+    }
+  }
+  return [...ids].filter((id) => findVectorNode(state.document.nodes, id)?.type === "path");
+}
+function getVisibleAnchors(state) {
+  const out = [];
+  for (const id of getEditablePathIds(state)) {
+    const node = findVectorNode(state.document.nodes, id);
+    node.subpaths.forEach((sp, s) => sp.anchors.forEach((_, i) => out.push({ nodeId: id, subpath: s, index: i })));
+  }
+  return out;
+}
+function getVisibleHandles(state) {
+  const out = [];
+  const seen = /* @__PURE__ */ new Set();
+  const push = (node, s, i, handle) => {
+    const sp = node.subpaths[s];
+    const a = sp?.anchors[i];
+    if (!a || !a[handle]) return;
+    const key = `${node.id}:${s}:${i}:${handle}`;
+    if (seen.has(key)) return;
+    seen.add(key);
+    out.push({ nodeId: node.id, subpath: s, index: i, handle });
+  };
+  if (state.tool === "pen" && state.pen) {
+    const node = findVectorNode(state.document.nodes, state.pen.nodeId);
+    const sp = node?.type === "path" ? node.subpaths[state.pen.subpath] : void 0;
+    if (node?.type === "path" && sp) {
+      const last = sp.anchors.length - 1;
+      push(node, state.pen.subpath, last, "in");
+      push(node, state.pen.subpath, last, "out");
+    }
+    return out;
+  }
+  if (state.tool !== "direct") return out;
+  const editable = new Set(getEditablePathIds(state));
+  for (const ref of state.selectedAnchors) {
+    if (!editable.has(ref.nodeId)) continue;
+    const node = findVectorNode(state.document.nodes, ref.nodeId);
+    const sp = node.subpaths[ref.subpath];
+    if (!sp) continue;
+    const n = sp.anchors.length;
+    push(node, ref.subpath, ref.index, "in");
+    push(node, ref.subpath, ref.index, "out");
+    const prev = ref.index > 0 ? ref.index - 1 : sp.closed ? n - 1 : -1;
+    const next = ref.index < n - 1 ? ref.index + 1 : sp.closed ? 0 : -1;
+    if (prev >= 0) push(node, ref.subpath, prev, "out");
+    if (next >= 0) push(node, ref.subpath, next, "in");
+  }
+  return out;
+}
+var VECTOR_CORNER_WIDGET_INSET = 10;
+function getVectorCornerWidgets(state) {
+  if (state.tool !== "direct" || state.pen) return [];
+  const zoom = state.viewport.zoom;
+  const out = [];
+  for (const id of getEditablePathIds(state)) {
+    const node = findVectorNode(state.document.nodes, id);
+    const picked = state.selectedAnchors.filter((r) => r.nodeId === id);
+    const m = vectorWorldMatrix(state.document.nodes, id) ?? IDENTITY_MATRIX;
+    for (const c of vectorCorners(node.subpaths)) {
+      if (picked.length && !picked.some((r) => r.subpath === c.subpath && r.index === c.index)) continue;
+      const side = Math.min(c.lu, c.lv);
+      if (side * zoom < 3 * VECTOR_CORNER_WIDGET_INSET) continue;
+      const a = node.subpaths[c.subpath].anchors[c.index];
+      const radius = a.corner?.radius ?? 0;
+      const drawn = fitCornerRadius(c, radius);
+      const k = Math.min(Math.max(drawn / c.sin, VECTOR_CORNER_WIDGET_INSET / (zoom * Math.sqrt(1 + c.cos))), side / 2);
+      const p = applyMatrix(m, cornerBisectorPoint(c, k));
+      out.push({ ref: { nodeId: id, subpath: c.subpath, index: c.index }, x: p.x, y: p.y, radius, drawnRadius: drawn, kind: a.corner?.kind ?? "round", corner: c });
+    }
+  }
+  return out;
+}
+function getAnchor(doc, ref) {
+  const node = findVectorNode(doc.nodes, ref.nodeId);
+  return node?.type === "path" ? node.subpaths[ref.subpath]?.anchors[ref.index] : void 0;
+}
+function getAnchorWorld(doc, ref) {
+  const a = getAnchor(doc, ref);
+  if (!a) return void 0;
+  const m = vectorWorldMatrix(doc.nodes, ref.nodeId) ?? IDENTITY_MATRIX;
+  const p = applyMatrix(m, a);
+  return { x: p.x, y: p.y, ...a.in ? { in: applyMatrix(m, a.in) } : {}, ...a.out ? { out: applyMatrix(m, a.out) } : {}, ...a.type ? { type: a.type } : {} };
+}
+function getVectorSelectionFrame(doc, ids) {
+  const nodes = ids.map((id) => ({ node: findVectorNode(doc.nodes, id), parent: vectorParentMatrix(doc.nodes, id) ?? IDENTITY_MATRIX })).filter((n) => n.node);
+  if (!nodes.length) return null;
+  const angles = nodes.map((n) => matrixRotation(multiplyMatrices(nodeMatrix(n.node), n.parent)));
+  const same = angles.every((a) => Math.abs(normalizeAngle(a - angles[0])) < 1e-6);
+  const angle = same ? angles[0] : 0;
+  const unrotate = rotateMatrix(-angle);
+  const b = unionBounds(nodes.map((n) => vectorNodeBounds(n.node, multiplyMatrices(n.parent, unrotate))));
+  return b ? { ...b, angle } : null;
+}
+var normalizeAngle = (a) => ((a + 180) % 360 + 360) % 360 - 180;
+function getTransformHandlePositions(box) {
+  const { x, y, width: w, height: h } = box;
+  return [
+    { handle: "nw", x, y },
+    { handle: "n", x: x + w / 2, y },
+    { handle: "ne", x: x + w, y },
+    { handle: "e", x: x + w, y: y + h / 2 },
+    { handle: "se", x: x + w, y: y + h },
+    { handle: "s", x: x + w / 2, y: y + h },
+    { handle: "sw", x, y: y + h },
+    { handle: "w", x, y: y + h / 2 },
+    { handle: "rotate", x: x + w / 2, y: y - VECTOR_ROTATE_HANDLE_OFFSET }
+  ];
+}
+function getVectorSelectionBoxGeometry(frame, viewport) {
+  const z = viewport.zoom;
+  const box = { x: frame.x * z + viewport.x, y: frame.y * z + viewport.y, width: frame.width * z, height: frame.height * z };
+  const rot = rotateMatrix(frame.angle, { x: viewport.x, y: viewport.y });
+  const toScreen2 = (p) => frame.angle ? applyMatrix(rot, p) : { x: p.x, y: p.y };
+  const handles = getTransformHandlePositions(box).map((h) => ({ ...h, screen: toScreen2(h) }));
+  const corners2 = [
+    { x: box.x, y: box.y },
+    { x: box.x + box.width, y: box.y },
+    { x: box.x + box.width, y: box.y + box.height },
+    { x: box.x, y: box.y + box.height }
+  ].map(toScreen2);
+  const r = (n) => Math.round(n * 1e3) / 1e3;
+  return { box, angle: frame.angle, transform: frame.angle ? `rotate(${r(frame.angle)} ${r(viewport.x)} ${r(viewport.y)})` : "", handles, corners: corners2 };
+}
+var RESIZE_CURSOR_ORDER = ["ew-resize", "nwse-resize", "ns-resize", "nesw-resize"];
 var HANDLE_ANGLES = { e: 0, se: 45, s: 90, sw: 135, w: 180, nw: 225, n: 270, ne: 315 };
 function vectorResizeCursor(handle, angle = 0) {
   if (handle === "rotate") return "grab";
@@ -1748,9 +3296,12 @@ var TOOL_LABELS = {
   ellipse: "Ellipse",
   polygon: "Polygon",
   star: "Star",
-  line: "Line"
+  line: "Line",
+  scissors: "Scissors",
+  knife: "Knife",
+  eraser: "Eraser"
 };
-var TOOL_KEYS = { v: "select", a: "direct", p: "pen", n: "pencil", r: "rect", o: "ellipse", e: "ellipse", y: "polygon", s: "star", l: "line" };
+var TOOL_KEYS = { v: "select", a: "direct", p: "pen", n: "pencil", r: "rect", o: "ellipse", y: "polygon", s: "star", l: "line", c: "scissors", k: "knife", e: "eraser" };
 function vectorToolLabel(tool) {
   return TOOL_LABELS[tool];
 }
@@ -1763,7 +3314,10 @@ var VECTOR_TOOL_SHORTCUTS = {
   ellipse: "O",
   polygon: "Y",
   star: "S",
-  line: "L"
+  line: "L",
+  scissors: "C",
+  knife: "K",
+  eraser: "E"
 };
 var VECTOR_TOOL_GLYPHS = {
   select: "\u2196",
@@ -1774,8 +3328,12 @@ var VECTOR_TOOL_GLYPHS = {
   ellipse: "\u25EF",
   polygon: "\u2B21",
   star: "\u2606",
-  line: "\u2571"
+  line: "\u2571",
+  scissors: "\u2702",
+  knife: "\u27CB",
+  eraser: "\u232B"
 };
+var SHAPE_TOOLS = /* @__PURE__ */ new Set(["rect", "ellipse", "polygon", "star", "line"]);
 var BOOLEAN_OPS = {
   union: "union",
   subtract: "difference",
@@ -1797,6 +3355,28 @@ function mapTree(nodes, fn) {
   }
   return changed ? out : nodes;
 }
+function spliceTree(nodes, id, replacements) {
+  let changed = false;
+  const out = [];
+  for (const node of nodes) {
+    if (node.id === id) {
+      changed = true;
+      out.push(...replacements);
+      continue;
+    }
+    if (node.type === "group") {
+      const children = spliceTree(node.children, id, replacements);
+      if (children !== node.children) {
+        changed = true;
+        out.push({ ...node, children });
+        continue;
+      }
+    }
+    out.push(node);
+  }
+  return changed ? out : nodes;
+}
+var toPoint2 = (p) => [p.x, p.y];
 var isRoot = (m) => m === IDENTITY_MATRIX || m[0] === 1 && m[1] === 0 && m[2] === 0 && m[3] === 1 && m[4] === 0 && m[5] === 0;
 var idCounter = 0;
 var defaultCreateId = () => `vn-${Date.now().toString(36)}${(++idCounter).toString(36)}`;
@@ -1811,6 +3391,7 @@ var VectorEditorController = class {
   defaults;
   viewport;
   snap;
+  editing;
   hitRadius;
   hover = null;
   pointer = null;
@@ -1839,6 +3420,7 @@ var VectorEditorController = class {
     this.defaults = { ...DEFAULT_DEFAULTS, ...options.defaults ?? {} };
     this.viewport = { x: 0, y: 0, zoom: 1, ...options.viewport ?? {} };
     this.snap = { ...DEFAULT_VECTOR_SNAP, ...options.snap ?? {} };
+    this.editing = { ...DEFAULT_VECTOR_PATH_EDIT, ...options.editing ?? {} };
     this.hitRadius = options.hitRadius ?? 6;
     this.createId = options.createId ?? defaultCreateId;
     this.onChange = options.onChange;
@@ -1887,6 +3469,7 @@ var VectorEditorController = class {
       viewport: this.viewport,
       defaults: this.defaults,
       snap: this.snap,
+      editing: this.editing,
       guides: this.guides,
       hitRadius: this.hitRadius,
       hover: this.hover,
@@ -1943,7 +3526,7 @@ var VectorEditorController = class {
         if (h?.transformHandle) return vectorResizeCursor(h.transformHandle, this.frameOf(this.selectedRoots())?.angle ?? 0);
         return h?.nodeId ? "move" : "default";
       case "direct":
-        if (h?.anchor || h?.handle) return "pointer";
+        if (h?.anchor || h?.handle || h?.corner) return "pointer";
         if (h?.segment) return "copy";
         return h?.nodeId ? "move" : "default";
       case "pen":
@@ -2028,12 +3611,12 @@ var VectorEditorController = class {
   // Viewport
   // -------------------------------------------------------------------------
   screenToDocument(p) {
-    const v = this.viewport;
-    return { x: (p.x - v.x) / v.zoom, y: (p.y - v.y) / v.zoom };
+    const v2 = this.viewport;
+    return { x: (p.x - v2.x) / v2.zoom, y: (p.y - v2.y) / v2.zoom };
   }
   documentToScreen(p) {
-    const v = this.viewport;
-    return { x: p.x * v.zoom + v.x, y: p.y * v.zoom + v.y };
+    const v2 = this.viewport;
+    return { x: p.x * v2.zoom + v2.x, y: p.y * v2.zoom + v2.y };
   }
   setViewport(viewport) {
     const next = { ...this.viewport, ...viewport };
@@ -2088,13 +3671,21 @@ var VectorEditorController = class {
     if (!this.snap.guides || !this.snap.objects) this.guides = null;
     this.notify();
   }
+  /** Changes how deleting, dragging anchors, the pencil and the eraser behave. */
+  setEditing(editing) {
+    const next = { ...this.editing, ...editing };
+    next.pencilSmoothing = Math.min(1, Math.max(0, Number.isFinite(next.pencilSmoothing) ? next.pencilSmoothing : 0));
+    if (!(next.eraserSize > 0)) next.eraserSize = this.editing.eraserSize;
+    this.editing = next;
+    this.notify();
+  }
   /** Turns object snapping on or off (the toolbar's snapping toggle). */
   toggleSnapping(on = !this.snap.objects) {
     this.setSnap({ objects: on });
   }
-  gridValue(v) {
+  gridValue(v2) {
     const g = this.snap.grid;
-    return g > 0 ? Math.round(v / g) * g : v;
+    return g > 0 ? Math.round(v2 / g) * g : v2;
   }
   snapPoint(p) {
     return { x: this.gridValue(p.x), y: this.gridValue(p.y) };
@@ -2150,7 +3741,7 @@ var VectorEditorController = class {
       const leave = last ? { at: { x: last.x, y: last.y }, constrain: input.shift ? "angle" : null } : null;
       return this.snapDrawn(p, leave, input, () => this.drawingTargets(this.pen?.nodeId ?? null));
     }
-    if (this.tool !== "select" && this.tool !== "direct" && this.tool !== "pencil") return this.snapDrawn(p, null, input, () => this.drawingTargets(null));
+    if (SHAPE_TOOLS.has(this.tool)) return this.snapDrawn(p, null, input, () => this.drawingTargets(null));
     this.setGuides(null);
     return p;
   }
@@ -2250,7 +3841,7 @@ var VectorEditorController = class {
     let subpath;
     switch (input.kind) {
       case "rect":
-        subpath = rectSubpath(b, input.cornerRadius ?? d.cornerRadius);
+        subpath = rectSubpath(b);
         break;
       case "ellipse":
         subpath = ellipseSubpath(b);
@@ -2265,10 +3856,13 @@ var VectorEditorController = class {
         subpath = lineSubpath({ x: b.x, y: b.y }, { x: b.x + b.width, y: b.y + b.height });
         break;
     }
+    const radius = input.cornerRadius ?? d.cornerRadius;
+    const kind = input.cornerKind ?? d.cornerKind;
+    if ((input.kind === "rect" || input.kind === "polygon" || input.kind === "star") && radius > 0) subpath = setSubpathCorners(subpath, radius, kind);
     const names = { rect: "Rectangle", ellipse: "Ellipse", polygon: "Polygon", star: "Star", line: "Line" };
     const style = this.styleFor(input.kind === "line");
     const own = {};
-    for (const key of ["fill", "stroke", "strokeWidth", "strokeLinecap", "strokeLinejoin", "strokeDasharray", "fillRule"]) {
+    for (const key of VECTOR_STYLE_KEYS) {
       if (input[key] !== void 0) own[key] = input[key];
     }
     return { id: this.newId(), type: "path", name: input.name ?? names[input.kind], ...style, ...own, subpaths: [subpath] };
@@ -2291,6 +3885,8 @@ var VectorEditorController = class {
     if (d.strokeLinejoin) out.strokeLinejoin = d.strokeLinejoin;
     if (d.strokeDasharray) out.strokeDasharray = d.strokeDasharray;
     if (d.fillRule) out.fillRule = d.fillRule;
+    if (d.strokeAlign && d.strokeAlign !== "center") out.strokeAlign = d.strokeAlign;
+    for (const key of ["startArrow", "endArrow", "arrowAlign", "startArrowScale", "endArrowScale"]) if (d[key]) out[key] = d[key];
     return out;
   }
   /** Merges `patch` into a node (paths take style and geometry; groups name / visibility / opacity). */
@@ -2315,6 +3911,95 @@ var VectorEditorController = class {
     });
     return { ok: true };
   }
+  /**
+   * Sets the live corner radius (and optionally the kind) of anchors: `refs`, else the selected
+   * anchors (direct tool), else every anchor of the `ids` / selected paths. Radius 0 makes the
+   * corners sharp again. Corners shrink to fit when drawn, so any radius is accepted.
+   */
+  setCornerRadius(radius, options = {}) {
+    if (!Number.isFinite(radius) || radius < 0) return { ok: false, message: "The radius must be a number of at least 0." };
+    const refs = this.cornerTargets(options);
+    if (!refs.length) return { ok: false, message: "Nothing is selected." };
+    this.change(radius > 0 ? "Corner Radius" : "Sharpen Corners", () => {
+      this.doc = this.updateAnchors(this.doc, refs, (a) => setAnchorCorner(a, radius, options.kind));
+    });
+    return { ok: true };
+  }
+  /** Sets the live corner kind of the same anchors as `setCornerRadius`, keeping their radii. */
+  setCornerKind(kind, options = {}) {
+    const refs = this.cornerTargets(options);
+    if (!refs.length) return { ok: false, message: "Nothing is selected." };
+    this.change("Corner Kind", () => {
+      this.doc = this.updateAnchors(this.doc, refs, (a) => setAnchorCorner(a, a.corner?.radius ?? 0, kind));
+    });
+    return { ok: true };
+  }
+  /** Anchors a corner change applies to (see `setCornerRadius`). */
+  cornerTargets(options) {
+    if (options.refs) return options.refs.filter((r) => getAnchor(this.doc, r));
+    if (!options.ids && this.tool === "direct" && this.anchors.length) return this.anchors.slice();
+    const out = [];
+    for (const id of options.ids ?? this.selection) {
+      const node = this.getNode(id);
+      if (!node) continue;
+      for (const p of collectPathNodes(node)) {
+        if (p.locked) continue;
+        p.subpaths.forEach((sp, s) => sp.anchors.forEach((_, i) => out.push({ nodeId: p.id, subpath: s, index: i })));
+      }
+    }
+    return out;
+  }
+  /**
+   * Outline Stroke: replaces each selected (or given) path's stroke with a filled path of the
+   * area it paints (alignment, joins, caps, dashes and arrowheads included), placed above a copy
+   * of the path that keeps the fill (left out when there is none). Returns the new paths' ids.
+   */
+  outlineStroke(options = {}) {
+    const roots = options.ids ?? this.selectedRoots();
+    const paths = [];
+    for (const id of roots) {
+      const node = this.getNode(id);
+      if (node) {
+        for (const p of collectPathNodes(node)) if (!p.locked && hasPaint(p.stroke) && (p.strokeWidth ?? 1) > 0) paths.push(p);
+      }
+    }
+    if (!paths.length) return [];
+    const created = [];
+    const replace = /* @__PURE__ */ new Map();
+    for (const p of paths) {
+      const outline = bezierToSubpaths(vectorStrokeOutlinePath(subpathsToBezier(p.subpaths), p));
+      if (!outline.length) continue;
+      const {
+        stroke,
+        strokeWidth: _w,
+        strokeLinecap: _c,
+        strokeLinejoin: _j,
+        strokeDasharray: _d,
+        strokeAlign: _a,
+        startArrow: _s,
+        endArrow: _e,
+        arrowAlign: _al,
+        startArrowScale: _ss,
+        endArrowScale: _es,
+        ...rest
+      } = cloneVectorNode(p);
+      const id = this.newId();
+      const strokeNode = { ...rest, id, name: `${p.name ?? "Path"} Stroke`, subpaths: outline, fill: stroke ?? null, stroke: null, fillRule: "nonzero" };
+      const list = hasPaint(p.fill) ? [{ ...rest, stroke: null }, strokeNode] : [strokeNode];
+      created.push(id);
+      replace.set(p.id, list);
+    }
+    if (!created.length) return [];
+    this.change("Outline Stroke", () => {
+      let nodes = this.doc.nodes;
+      for (const [id, list] of replace) nodes = spliceTree(nodes, id, list);
+      this.setDoc(nodes);
+      this.selection = created;
+      this.anchors = [];
+      this.editingId = null;
+    });
+    return created;
+  }
   rename(id, name) {
     return this.updateNode(id, { name }, { label: "Rename" });
   }
@@ -2753,12 +4438,47 @@ var VectorEditorController = class {
       return translateAnchor(a, d.x, d.y);
     });
   }
-  /** Moves one anchor to a document position (handles follow). */
-  moveAnchor(ref, to) {
+  /**
+   * Moves one anchor to a document position. Its handles follow; with `curvature` (default:
+   * the `curvatureMoves` setting) its two segments bend instead, as the Curvature tool does.
+   */
+  moveAnchor(ref, to, options = {}) {
     const a = getAnchorWorld(this.doc, ref);
     if (!a) return { ok: false, message: "There is no such anchor." };
+    const curvature = options.curvature ?? this.editing.curvatureMoves;
     this.change("Move Point", () => {
-      this.doc = this.movedAnchors(this.doc, [ref], to.x - a.x, to.y - a.y);
+      this.doc = curvature ? this.curvatureMoved(this.doc, ref, to) : this.movedAnchors(this.doc, [ref], to.x - a.x, to.y - a.y);
+    });
+    return { ok: true };
+  }
+  /** `doc` with anchor `ref` moved to document point `to` by a Curvature-tool move. */
+  curvatureMoved(doc, ref, to) {
+    const node = findVectorNode(doc.nodes, ref.nodeId);
+    if (node?.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, (n) => n.id === ref.nodeId ? { ...node, subpaths } : n);
+    return { ...doc, nodes };
+  }
+  /** `doc` with segment `ref` bent through document point `p` at parameter `t`. */
+  bent(doc, ref, t, p) {
+    const node = findVectorNode(doc.nodes, ref.nodeId);
+    if (node?.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, (n) => n.id === ref.nodeId ? { ...node, subpaths } : n) };
+  }
+  /**
+   * Bends a segment so the curve passes through document point `to` at parameter `t`
+   * (default 0.5, clamped to 0.05–0.95); see `bendSegment` in `pathEdit`.
+   */
+  bendSegment(ref, to, t = 0.5) {
+    const node = this.getNode(ref.nodeId);
+    const sp = node?.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", () => {
+      this.doc = this.bent(this.doc, ref, t, to);
     });
     return { ok: true };
   }
@@ -2786,66 +4506,338 @@ var VectorEditorController = class {
     });
     return { ok: true };
   }
-  /** Adds an anchor on the nearest segment of `nodeId` to document point `point` (shape unchanged). */
-  insertAnchorAt(nodeId, point) {
+  /** Adds an anchor on the nearest segment of `nodeId` to document point `point` (shape unchanged). */
+  insertAnchorAt(nodeId, point) {
+    const node = this.getNode(nodeId);
+    if (node?.type !== "path") return null;
+    const hit = nearestSegment(node, this.toLocal(nodeId, point));
+    if (!hit) return null;
+    const { subpath, index } = insertAnchor(node.subpaths[hit.subpath], hit.segment, hit.t);
+    const ref = { nodeId, subpath: hit.subpath, index };
+    this.change("Add Point", () => {
+      this.replaceNode(nodeId, { ...node, subpaths: node.subpaths.map((sp, i) => i === hit.subpath ? subpath : sp) });
+      this.editingId = nodeId;
+      this.anchors = [ref];
+    });
+    return ref;
+  }
+  /**
+   * Deletes the selected (or given) anchors; subpaths left with one anchor and empty paths go
+   * too. With `keepShape` (default: the `keepShapeOnDelete` setting, on) the neighbours'
+   * handles are refitted so the path keeps its shape; off, the neighbours are joined as they are.
+   */
+  deleteAnchors(refs = this.anchors, options = {}) {
+    if (!refs.length) return { ok: false, message: "Select points to delete." };
+    const keepShape = options.keepShape ?? this.editing.keepShapeOnDelete;
+    this.change("Delete Points", () => {
+      const nodes = mapTree(this.doc.nodes, (n) => {
+        if (n.type !== "path" || n.locked) return n;
+        const mine = refs.filter((r) => r.nodeId === n.id);
+        if (!mine.length) return n;
+        const subpaths = n.subpaths.map((sp, s) => {
+          const indices = mine.filter((r) => r.subpath === s).map((r) => r.index);
+          if (!indices.length) return sp;
+          return keepShape ? removeAnchorsKeepingShape(sp, indices) : removeAnchors(sp, indices);
+        }).filter((sp) => sp.anchors.length > 1);
+        return subpaths.length ? { ...n, subpaths } : null;
+      });
+      this.setDoc(nodes);
+      this.anchors = [];
+      this.selection = this.selection.filter((id) => this.getNode(id));
+      if (this.editingId && !this.getNode(this.editingId)) this.editingId = null;
+      if (this.pen && !this.getNode(this.pen.nodeId)) this.pen = null;
+    });
+    return { ok: true };
+  }
+  /** Opens or closes the subpaths that contain selected anchors (or all subpaths of `nodeId`). */
+  setClosed(closed, nodeId) {
+    const targets = nodeId ? (() => {
+      const n = this.getNode(nodeId);
+      return n?.type === "path" ? n.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", () => {
+      this.setDoc(
+        mapTree(
+          this.doc.nodes,
+          (n) => n.type === "path" && targets.some((t) => t.nodeId === n.id) ? { ...n, subpaths: n.subpaths.map((sp, s) => targets.some((t) => t.nodeId === n.id && t.subpath === s) ? { ...sp, closed } : sp) } : n
+        )
+      );
+    });
+    return { ok: true };
+  }
+  /** Reverses the direction of every subpath of the selected paths. */
+  reversePaths(ids = this.selection) {
+    const set = new Set(ids.flatMap((id) => this.getNode(id) ? collectPathNodes(this.getNode(id)) : []).map((p) => p.id));
+    if (!set.size) return { ok: false, message: "Select a path." };
+    this.change("Reverse Path", () => {
+      this.setDoc(mapTree(this.doc.nodes, (n) => n.type === "path" && set.has(n.id) ? { ...n, subpaths: n.subpaths.map(reverseSubpath) } : n));
+      this.anchors = [];
+    });
+    return { ok: true };
+  }
+  // -------------------------------------------------------------------------
+  // Path clean-up, Scissors, Knife and Eraser
+  // -------------------------------------------------------------------------
+  /** Unlocked path nodes in the given roots (default: the paths being edited, else the selection). */
+  pathTargets(ids) {
+    const roots = ids ?? (this.tool === "direct" && this.anchors.length ? [...new Set(this.anchors.map((r) => r.nodeId))] : this.selection);
+    const out = /* @__PURE__ */ new Map();
+    for (const id of roots) {
+      const node = this.getNode(id);
+      if (node && !node.locked) {
+        for (const p of collectPathNodes(node)) if (!p.locked) out.set(p.id, p);
+      }
+    }
+    const order = [];
+    walkVectorNodes(this.doc.nodes, (n) => {
+      if (out.has(n.id)) order.push(n.id);
+    });
+    return order.map((id) => out.get(id));
+  }
+  /** Subpaths of node `from` mapped into node `to`'s own space. */
+  subpathsIn(from, to) {
+    const m = multiplyMatrices(this.worldOf(from.id), invertMatrix(this.worldOf(to)));
+    if (isRoot(m)) return from.subpaths;
+    const map = (p) => applyMatrix(m, p);
+    return from.subpaths.map((sp) => ({
+      closed: sp.closed,
+      anchors: sp.anchors.map((a) => ({ ...map(a), ...a.in ? { in: map(a.in) } : {}, ...a.out ? { out: map(a.out) } : {}, ...a.type ? { type: a.type } : {}, ...a.corner ? { corner: { ...a.corner } } : {} }))
+    }));
+  }
+  /**
+   * Replaces a path with pieces: each entry becomes one path (the first keeps the node's id and
+   * place, the others go just above it with the same style). No pieces removes the path.
+   * Returns the ids of the paths now standing in for it.
+   */
+  replaceWithPieces(node, pieces) {
+    const nodes = pieces.filter((p) => p.length).map((subpaths, i) => ({ ...node, id: i === 0 ? node.id : this.newId(), subpaths }));
+    this.setDoc(spliceTree(this.doc.nodes, node.id, nodes));
+    return nodes.map((n) => n.id);
+  }
+  /** Clears anchor selections, editing and pen state that no longer point at anything. */
+  dropStaleRefs() {
+    this.selection = this.selection.filter((id) => this.getNode(id));
+    this.anchors = this.anchors.filter((r) => getAnchor(this.doc, r));
+    if (this.editingId && !this.getNode(this.editingId)) this.editingId = null;
+    if (this.pen && !this.getNode(this.pen.nodeId)) this.pen = null;
+  }
+  /**
+   * Join: the open subpaths of the selected (or given) paths become one open path, joined
+   * nearest endpoints first (ends within `tolerance` document units merge into one anchor,
+   * others get a straight segment); a single open subpath is closed. The result replaces the
+   * lowest path, in its space and style. Default tolerance: the pick distance.
+   */
+  joinPaths(options = {}) {
+    const paths = this.pathTargets(options.ids);
+    if (!paths.length) return { ok: false, message: "Select paths to join." };
+    const base = paths[0];
+    const all = paths.flatMap((p) => this.subpathsIn(p, base.id));
+    if (!all.some((sp) => !sp.closed && sp.anchors.length > 1)) return { ok: false, message: "There are no open paths to join." };
+    const subpaths = joinSubpaths(all, options.tolerance ?? this.tolerance());
+    const drop = new Set(paths.slice(1).map((p) => p.id));
+    this.change("Join", () => {
+      this.setDoc(mapTree(this.doc.nodes, (n) => n.id === base.id ? { ...base, subpaths } : drop.has(n.id) ? null : n));
+      this.selection = [base.id];
+      this.anchors = [];
+      if (this.editingId && drop.has(this.editingId)) this.editingId = base.id;
+      this.dropStaleRefs();
+    });
+    return { ok: true };
+  }
+  /** Average: moves the selected (or given) anchors onto their average position along `axis`, in document space. */
+  averageAnchors(axis = "both", refs = this.anchors) {
+    const points = refs.map((r) => ({ ref: r, at: getAnchorWorld(this.doc, r) })).filter((p) => !!p.at);
+    if (points.length < 2) return { ok: false, message: "Select at least two points to average." };
+    const cx = points.reduce((s, p) => s + p.at.x, 0) / points.length;
+    const cy = points.reduce((s, p) => s + p.at.y, 0) / points.length;
+    this.change("Average", () => {
+      for (const { ref, at } of points) {
+        const dx = axis === "horizontal" ? 0 : cx - at.x;
+        const dy = axis === "vertical" ? 0 : cy - at.y;
+        if (dx || dy) this.doc = this.movedAnchors(this.doc, [ref], dx, dy);
+      }
+    });
+    return { ok: true };
+  }
+  /** Applies `fn` to every subpath of the target paths as one undo step. */
+  editSubpaths(label, ids, fn) {
+    const paths = this.pathTargets(ids);
+    if (!paths.length) return { ok: false, message: "Select a path." };
+    const set = new Set(paths.map((p) => p.id));
+    this.change(label, () => {
+      this.setDoc(mapTree(this.doc.nodes, (n) => n.type === "path" && set.has(n.id) ? { ...n, subpaths: n.subpaths.map((sp, i) => fn(sp, n, i)) } : n));
+      this.dropStaleRefs();
+    });
+    return { ok: true };
+  }
+  /**
+   * Remove Redundant Points: drops anchors of the selected (or given) paths that can go
+   * without moving the outline more than `tolerance` document units (default 0.5).
+   */
+  removeRedundantPoints(options = {}) {
+    const tolerance = options.tolerance ?? 0.5;
+    return this.editSubpaths("Remove Redundant Points", options.ids, (sp) => removeRedundantPoints(sp, tolerance));
+  }
+  /**
+   * Smooth: pulls handles towards smooth tangents by `amount` (0–1, default 1). With the direct
+   * tool and points selected, only those points change.
+   */
+  smoothPaths(options = {}) {
+    const refs = options.refs ?? (!options.ids && this.tool === "direct" && this.anchors.length ? this.anchors : null);
+    const ids = options.ids ?? (refs ? [...new Set(refs.map((r) => r.nodeId))] : void 0);
+    return this.editSubpaths("Smooth", ids, (sp, node, i) => {
+      const only = refs ? new Set(refs.filter((r) => r.nodeId === node.id && r.subpath === i).map((r) => r.index)) : void 0;
+      return only && !only.size ? sp : smoothSubpath(sp, options.amount ?? 1, only);
+    });
+  }
+  /** Splits a cut subpath into pieces: separate paths for a one-subpath node, subpaths in place for a compound one. */
+  applyCuts(node, cut) {
+    const results = node.subpaths.map((sp, i) => cut(sp, i));
+    if (results.every((r) => !r)) return null;
+    const subpaths = node.subpaths.flatMap((sp, i) => results[i] ?? [sp]);
+    if (node.subpaths.length === 1) return this.replaceWithPieces(node, subpaths.map((sp) => [sp]));
+    this.replaceNode(node.id, { ...node, subpaths });
+    return [node.id];
+  }
+  /**
+   * Scissors: cuts path `nodeId` at the outline point nearest document point `point` (at an
+   * anchor when within the pick distance of one). A closed subpath opens there; an open one
+   * splits in two (a one-subpath path becomes two paths). Returns the ids of the paths.
+   */
+  cutPathAt(nodeId, point) {
     const node = this.getNode(nodeId);
-    if (node?.type !== "path") return null;
-    const hit = nearestSegment(node, this.toLocal(nodeId, point));
+    if (node?.type !== "path" || node.locked) return null;
+    const local = this.toLocal(nodeId, point);
+    const hit = nearestSegment(node, local);
     if (!hit) return null;
-    const { subpath, index } = insertAnchor(node.subpaths[hit.subpath], hit.segment, hit.t);
-    const ref = { nodeId, subpath: hit.subpath, index };
-    this.change("Add Point", () => {
-      this.replaceNode(nodeId, { ...node, subpaths: node.subpaths.map((sp, i) => i === hit.subpath ? subpath : sp) });
-      this.editingId = nodeId;
-      this.anchors = [ref];
+    const sp = node.subpaths[hit.subpath];
+    const n = sp.anchors.length;
+    const near2 = [hit.segment, (hit.segment + 1) % n].find((i) => Math.hypot(sp.anchors[i].x - hit.point.x, sp.anchors[i].y - hit.point.y) <= this.tolerance());
+    if (!sp.closed && n > 1 && (near2 === 0 || near2 === n - 1) && !(hit.t > 1e-6 && hit.t < 1 - 1e-6)) return null;
+    let ids = null;
+    this.change("Cut Path", () => {
+      ids = this.applyCuts(node, (s, i) => i !== hit.subpath ? null : near2 !== void 0 ? cutSubpathAt(s, [near2]) : splitSubpathAt(s, hit.segment, hit.t));
+      if (ids) {
+        this.selection = ids;
+        this.anchors = [];
+        if (this.editingId === nodeId) this.editingId = null;
+      }
+      this.dropStaleRefs();
     });
-    return ref;
+    return ids;
   }
-  /** Deletes the selected anchors; empty subpaths and paths go too. */
-  deleteAnchors(refs = this.anchors) {
-    if (!refs.length) return { ok: false, message: "Select points to delete." };
-    this.change("Delete Points", () => {
-      const nodes = mapTree(this.doc.nodes, (n) => {
-        if (n.type !== "path") return n;
-        const mine = refs.filter((r) => r.nodeId === n.id);
-        if (!mine.length) return n;
-        const subpaths = n.subpaths.map((sp, s) => removeAnchors(sp, mine.filter((r) => r.subpath === s).map((r) => r.index))).filter((sp) => sp.anchors.length > 1);
-        return subpaths.length ? { ...n, subpaths } : null;
-      });
-      this.setDoc(nodes);
+  /** Scissors on the selected (or given) anchors: each cuts its subpath there (see `cutPathAt`). */
+  cutAtAnchors(refs = this.anchors) {
+    const byNode = /* @__PURE__ */ new Map();
+    for (const r of refs) if (getAnchor(this.doc, r)) byNode.set(r.nodeId, [...byNode.get(r.nodeId) ?? [], r]);
+    if (!byNode.size) return { ok: false, message: "Select points to cut at." };
+    const created = [];
+    this.change("Cut Path", () => {
+      for (const [id, list] of byNode) {
+        const node = this.getNode(id);
+        if (node.locked) continue;
+        const ids = this.applyCuts(node, (sp, i) => {
+          const at = list.filter((r) => r.subpath === i).map((r) => r.index);
+          const pieces = at.length ? cutSubpathAt(sp, at) : null;
+          return pieces && !(pieces.length === 1 && pieces[0].closed === sp.closed) ? pieces : null;
+        });
+        if (ids) created.push(...ids);
+      }
+      if (created.length) this.selection = created;
       this.anchors = [];
-      this.selection = this.selection.filter((id) => this.getNode(id));
-      if (this.editingId && !this.getNode(this.editingId)) this.editingId = null;
-      if (this.pen && !this.getNode(this.pen.nodeId)) this.pen = null;
+      this.dropStaleRefs();
     });
-    return { ok: true };
+    return created.length ? { ok: true } : { ok: false, message: "Points at the ends of open paths do not cut." };
   }
-  /** Opens or closes the subpaths that contain selected anchors (or all subpaths of `nodeId`). */
-  setClosed(closed, nodeId) {
-    const targets = nodeId ? (() => {
-      const n = this.getNode(nodeId);
-      return n?.type === "path" ? n.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", () => {
-      this.setDoc(
-        mapTree(
-          this.doc.nodes,
-          (n) => n.type === "path" && targets.some((t) => t.nodeId === n.id) ? { ...n, subpaths: n.subpaths.map((sp, s) => targets.some((t) => t.nodeId === n.id && t.subpath === s) ? { ...sp, closed } : sp) } : n
-        )
-      );
+  /** Visible, unlocked paths a stroke over `points` can reach: in `ids`, the selection, or (with neither) any whose bounds it crosses. */
+  strokeTargets(points, ids, pad) {
+    const blocked = /* @__PURE__ */ new Set();
+    walkVectorNodes(this.doc.nodes, (n, parent) => {
+      if (n.visible === false || n.locked || parent && blocked.has(parent.id)) blocked.add(n.id);
     });
-    return { ok: true };
+    const visible = (p) => !blocked.has(p.id);
+    if (ids?.length || this.selection.length) return this.pathTargets(ids ?? this.selection).filter(visible);
+    const box = polylineBounds(points.map(toPoint2), pad);
+    if (!box) return [];
+    const out = [];
+    walkVectorNodes(this.doc.nodes, (n) => {
+      if (n.type !== "path" || !visible(n)) return;
+      const b = vectorNodeBounds(n, vectorParentMatrix(this.doc.nodes, n.id) ?? IDENTITY_MATRIX);
+      if (b && boundsIntersect(b, box)) out.push(n);
+    });
+    return out;
   }
-  /** Reverses the direction of every subpath of the selected paths. */
-  reversePaths(ids = this.selection) {
-    const set = new Set(ids.flatMap((id) => this.getNode(id) ? collectPathNodes(this.getNode(id)) : []).map((p) => p.id));
-    if (!set.size) return { ok: false, message: "Select a path." };
-    this.change("Reverse Path", () => {
-      this.setDoc(mapTree(this.doc.nodes, (n) => n.type === "path" && set.has(n.id) ? { ...n, subpaths: n.subpaths.map(reverseSubpath) } : n));
+  /** A stroke's points in node `id`'s own space. */
+  localPoints(id, points) {
+    const inv = invertMatrix(this.worldOf(id));
+    return points.map((p) => toPoint2(applyMatrix(inv, p)));
+  }
+  /**
+   * Knife: cuts closed paths along the polyline `points` (document space) wherever it crosses
+   * them from edge to edge, with no gap between the pieces. It cuts the given paths, the
+   * selection, or (with neither) every path it crosses. Returns the ids of the pieces (empty
+   * when nothing was cut).
+   */
+  knife(points, options = {}) {
+    const pts = simplifyPolyline(points.map(toPoint2), 0.25 / this.viewport.zoom).map(([x, y]) => ({ x, y }));
+    if (pts.length < 2) return [];
+    const plan = [];
+    for (const node of this.strokeTargets(pts, options.ids, 0)) {
+      const closed = node.subpaths.filter((sp) => sp.anchors.length > 1);
+      if (!closed.length || closed.some((sp) => !sp.closed)) continue;
+      const result = knifePath(subpathsToBezier(closed), node.fillRule ?? "nonzero", this.localPoints(node.id, pts));
+      if (result) plan.push({ node, pieces: result.map((path) => bezierToSubpaths(path)) });
+    }
+    if (!plan.length) return [];
+    const created = [];
+    this.change("Knife", () => {
+      for (const { node, pieces } of plan) created.push(...this.replaceWithPieces(node, pieces));
+      this.selection = created;
       this.anchors = [];
+      this.dropStaleRefs();
     });
-    return { ok: true };
+    return created;
+  }
+  /**
+   * Eraser: rubs out a round stroke of diameter `size` (default: the `eraserSize` setting)
+   * along `points` (document space). Filled closed paths lose that area (pieces that come
+   * apart become separate paths); outlines are cut where they pass under it. It erases from
+   * the given paths, the selection, or (with neither) every path it reaches. Returns the ids
+   * of the paths it changed or created.
+   */
+  erase(points, options = {}) {
+    const width = options.size ?? this.editing.eraserSize;
+    if (!(width > 0) || !points.length) return [];
+    const pts = simplifyPolyline(points.map(toPoint2), Math.min(width * 0.05, 0.25 / this.viewport.zoom));
+    const region = eraserRegion(pts, width);
+    if (!region.length) return [];
+    const plan = [];
+    const rb = bezierPathBounds(region);
+    const reach = rb ? [{ x: rb.minX, y: rb.minY }, { x: rb.maxX, y: rb.maxY }] : points;
+    for (const node of this.strokeTargets(reach, options.ids, 0)) {
+      const local = transformBezierPath(region, invertMatrix(this.worldOf(node.id)));
+      const live = node.subpaths.filter((sp) => sp.anchors.length > 1);
+      if (!live.length) continue;
+      if (hasPaint(node.fill) && live.every((sp) => sp.closed)) {
+        const faces = eraseFromFill(subpathsToBezier(live), node.fillRule ?? "nonzero", local);
+        if (faces) plan.push({ node, pieces: faces.map((f) => bezierToSubpaths(f)) });
+        continue;
+      }
+      const results = live.map((sp) => eraseFromOutline(sp, local));
+      if (results.every((r) => !r)) continue;
+      const subpaths = live.flatMap((sp, i) => results[i] ?? [sp]);
+      plan.push({ node, pieces: live.length === 1 ? subpaths.map((sp) => [sp]) : [subpaths] });
+    }
+    if (!plan.length) return [];
+    const changed = [];
+    this.change("Erase", () => {
+      for (const { node, pieces } of plan) changed.push(...this.replaceWithPieces(node, pieces));
+      this.anchors = [];
+      this.dropStaleRefs();
+      if (this.selection.length || options.ids) this.selection = [.../* @__PURE__ */ new Set([...this.selection, ...changed.filter((id) => this.getNode(id))])];
+    });
+    return changed;
   }
   /** Ends the pen path being drawn (a lone anchor is removed). */
   finishPath() {
@@ -2965,6 +4957,22 @@ var VectorEditorController = class {
     }
     return null;
   }
+  cornerView() {
+    return { ...this.view(), viewport: this.viewport };
+  }
+  hitCornerWidget(screen) {
+    let best = null;
+    let bestD = Infinity;
+    for (const w of getVectorCornerWidgets(this.cornerView())) {
+      const s = this.documentToScreen(w);
+      const d = Math.hypot(s.x - screen.x, s.y - screen.y);
+      if (d <= this.hitRadius && d < bestD) {
+        best = w;
+        bestD = d;
+      }
+    }
+    return best;
+  }
   hitAnchor(screen, refs) {
     let best = null;
     let bestD = Infinity;
@@ -3023,6 +5031,8 @@ var VectorEditorController = class {
         if (handle) return { nodeId: handle.nodeId, handle };
         const anchor = this.hitAnchor(screen, getVisibleAnchors(this.view()));
         if (anchor) return { nodeId: anchor.nodeId, anchor };
+        const widget = this.hitCornerWidget(screen);
+        if (widget) return { nodeId: widget.ref.nodeId, corner: widget.ref };
         for (const id of getEditablePathIds(this.view())) {
           const node = this.getNode(id);
           const seg = nearestSegment(node, this.toLocal(id, p));
@@ -3039,10 +5049,38 @@ var VectorEditorController = class {
         const anchor = this.hitAnchor(screen, refs);
         return anchor ? { nodeId: anchor.nodeId, anchor } : null;
       }
+      case "scissors": {
+        const seg = this.nearestOutline(p);
+        return seg ? { nodeId: seg.nodeId, segment: seg } : null;
+      }
       default:
         return null;
     }
   }
+  /** The nearest outline point of any visible, unlocked path within the pick distance of document point `p`. */
+  nearestOutline(p) {
+    let best = null;
+    const tol = this.tolerance();
+    const visit = (list, parent) => {
+      for (let i = list.length - 1; i >= 0; i--) {
+        const n = list[i];
+        if (n.visible === false || n.locked) continue;
+        const m = multiplyMatrices(nodeMatrix(n), parent);
+        if (n.type === "group") {
+          visit(n.children, m);
+          continue;
+        }
+        const hit = nearestSegment(n, applyMatrix(invertMatrix(m), p));
+        if (hit && hit.distance <= tol && (!best || hit.distance < best.distance - 1e-9)) {
+          best = { nodeId: n.id, subpath: hit.subpath, segment: hit.segment, t: hit.t, point: applyMatrix(m, hit.point), distance: hit.distance };
+        }
+      }
+    };
+    visit(this.doc.nodes, IDENTITY_MATRIX);
+    if (!best) return null;
+    const { distance: _d, ...seg } = best;
+    return seg;
+  }
   sameHover(a, b) {
     return JSON.stringify(a) === JSON.stringify(b);
   }
@@ -3067,6 +5105,17 @@ var VectorEditorController = class {
         return this.downPen(screen, p, input);
       case "pencil":
         return this.downPencil(p);
+      case "scissors": {
+        const seg = this.nearestOutline(p);
+        if (seg) this.cutPathAt(seg.nodeId, seg.point);
+        return;
+      }
+      case "knife":
+      case "eraser":
+        this.drag = { kind: "stroke", tool: this.tool, points: [p], before: this.snapshot() };
+        this.interaction = { type: "stroke", tool: this.tool, points: [p], width: this.tool === "eraser" ? this.editing.eraserSize : 0 };
+        this.notify();
+        return;
       default:
         return this.downShape(p, input);
     }
@@ -3141,6 +5190,13 @@ var VectorEditorController = class {
       this.notify();
       return;
     }
+    const widget = this.hitCornerWidget(screen);
+    if (widget) {
+      const refs = getVectorCornerWidgets(this.cornerView()).map((w) => w.ref);
+      this.drag = { kind: "corner", widget, refs, start: p, before: this.snapshot(), base: this.doc, moved: false, alt: !!input.alt, shift: !!input.shift };
+      this.notify();
+      return;
+    }
     for (const id of getEditablePathIds(this.view())) {
       const node = this.getNode(id);
       const seg = nearestSegment(node, this.toLocal(id, p));
@@ -3161,7 +5217,7 @@ var VectorEditorController = class {
       const b = { nodeId: id, subpath: seg.subpath, index: (seg.segment + 1) % sp.anchors.length };
       this.anchors = input.shift ? [...this.anchors.filter((r) => !sameRef(r, a) && !sameRef(r, b)), a, b] : [a, b];
       this.editingId = id;
-      this.drag = { kind: "anchors", start: p, before: this.snapshot(), base: this.doc, moved: false, clickRef: null, lead: null };
+      this.drag = { kind: "bend", ref: { nodeId: id, subpath: seg.subpath, segment: seg.segment }, t: seg.t, start: p, before: this.snapshot(), base: this.doc, moved: false };
       this.notify();
       return;
     }
@@ -3198,10 +5254,10 @@ var VectorEditorController = class {
       }
       const last = getAnchorWorld(this.doc, { nodeId: pen.nodeId, subpath: pen.subpath, index: sp.anchors.length - 1 });
       const leave = { at: { x: last.x, y: last.y }, constrain: input.shift ? "angle" : null };
-      let pt2 = this.snapDrawn(p, leave, input, () => this.drawingTargets(pen.nodeId));
-      pt2 = this.toLocal(pen.nodeId, pt2);
+      let pt3 = this.snapDrawn(p, leave, input, () => this.drawingTargets(pen.nodeId));
+      pt3 = this.toLocal(pen.nodeId, pt3);
       const node2 = this.getNode(pen.nodeId);
-      const anchors = [...sp.anchors, { x: pt2.x, y: pt2.y }];
+      const anchors = [...sp.anchors, { x: pt3.x, y: pt3.y }];
       this.replaceNode(pen.nodeId, { ...node2, subpaths: node2.subpaths.map((s, i) => i === pen.subpath ? { ...s, anchors } : s) });
       const ref2 = { nodeId: pen.nodeId, subpath: pen.subpath, index: anchors.length - 1 };
       this.anchors = [ref2];
@@ -3229,8 +5285,8 @@ var VectorEditorController = class {
       this.notify(this.doc !== before.doc);
       return;
     }
-    const pt = this.snapDrawn(p, null, input, () => this.drawingTargets(null));
-    const node = { id: this.newId(), type: "path", name: "Path", ...this.styleFor(true), subpaths: [{ anchors: [{ x: pt.x, y: pt.y }], closed: false }] };
+    const pt2 = this.snapDrawn(p, null, input, () => this.drawingTargets(null));
+    const node = { id: this.newId(), type: "path", name: "Path", ...this.styleFor(true), subpaths: [{ anchors: [{ x: pt2.x, y: pt2.y }], closed: false }] };
     this.setDoc([...this.doc.nodes, node]);
     this.pen = { nodeId: node.id, subpath: 0 };
     this.selection = [node.id];
@@ -3253,7 +5309,9 @@ var VectorEditorController = class {
       subpaths: [{ anchors: [{ x: p.x, y: p.y }], closed: false }]
     };
     this.setDoc([...this.doc.nodes, node]);
-    this.drag = { kind: "pencil", nodeId: node.id, points: [[p.x, p.y]], before };
+    const lazy = new LazyMouse(this.editing.pencilSmoothing * VECTOR_PENCIL_STRING_PX / this.viewport.zoom);
+    lazy.push([p.x, p.y]);
+    this.drag = { kind: "pencil", nodeId: node.id, points: [[p.x, p.y]], before, lazy };
     this.interaction = { type: "draw", tool: "pencil", nodeId: node.id, bounds: { x: p.x, y: p.y, width: 0, height: 0 } };
     this.notify(true);
   }
@@ -3365,7 +5423,10 @@ var VectorEditorController = class {
           dx = q.x - lead.x;
           dy = q.y - lead.y;
         } else if (input.shift) Math.abs(dx) > Math.abs(dy) ? dy = 0 : dx = 0;
-        this.doc = this.movedAnchors(drag.base, this.anchors, dx, dy);
+        const single = this.anchors.length === 1 ? this.anchors[0] : null;
+        const from = single ? getAnchorWorld(drag.base, single) : void 0;
+        if (single && from && this.editing.curvatureMoves !== !!input.alt) this.doc = this.curvatureMoved(drag.base, single, { x: from.x + dx, y: from.y + dy });
+        else this.doc = this.movedAnchors(drag.base, this.anchors, dx, dy);
         this.interaction = { type: "anchors", dx, dy };
         this.notify(true);
         return;
@@ -3373,13 +5434,41 @@ var VectorEditorController = class {
       case "handle": {
         const anchor = getAnchorWorld(drag.base, drag.ref);
         const leave = anchor ? { at: { x: anchor.x, y: anchor.y }, constrain: input.shift ? "angle" : null } : null;
-        const pt = this.snapDrawn(p, leave, input, () => drag.targets ??= VectorSnapTargets.forHandle(drag.base, drag.ref.nodeId));
-        const local = this.toLocal(drag.ref.nodeId, pt, drag.base);
+        const pt2 = this.snapDrawn(p, leave, input, () => drag.targets ??= VectorSnapTargets.forHandle(drag.base, drag.ref.nodeId));
+        const local = this.toLocal(drag.ref.nodeId, pt2, drag.base);
         this.doc = this.updateAnchors(drag.base, [drag.ref], (a) => moveAnchorHandle(a, drag.ref.handle, local, input.alt));
         this.interaction = { type: "handle", ref: drag.ref };
         this.notify(true);
         return;
       }
+      case "corner": {
+        if (!drag.moved && Math.hypot(p.x - drag.start.x, p.y - drag.start.y) * this.viewport.zoom < 3) return;
+        drag.moved = true;
+        const c = drag.widget.corner;
+        const inv = invertMatrix(this.worldOf(drag.widget.ref.nodeId, drag.base));
+        const d = applyMatrixLinear(inv, { x: p.x - drag.start.x, y: p.y - drag.start.y });
+        const radius = Math.max(0, Math.min(c.maxRadius, drag.widget.drawnRadius + cornerRadiusChange(c, d)));
+        this.doc = this.updateAnchors(drag.base, drag.refs, (a) => setAnchorCorner(a, radius));
+        this.interaction = { type: "corner", ref: drag.widget.ref, radius };
+        this.notify(true);
+        return;
+      }
+      case "bend": {
+        if (!drag.moved && Math.hypot(p.x - drag.start.x, p.y - drag.start.y) * this.viewport.zoom < 2) return;
+        drag.moved = true;
+        this.doc = this.bent(drag.base, drag.ref, drag.t, p);
+        this.interaction = { type: "bend", ref: drag.ref };
+        this.notify(true);
+        return;
+      }
+      case "stroke": {
+        const last = drag.points[drag.points.length - 1];
+        if (Math.hypot(p.x - last.x, p.y - last.y) * this.viewport.zoom < 1.5) return;
+        drag.points.push(p);
+        this.interaction = { type: "stroke", tool: drag.tool, points: drag.points.slice(), width: drag.tool === "eraser" ? this.editing.eraserSize : 0 };
+        this.notify();
+        return;
+      }
       case "pull": {
         const anchor = getAnchorWorld(drag.base, drag.ref);
         if (!anchor) return;
@@ -3389,10 +5478,10 @@ var VectorEditorController = class {
           return;
         }
         this.guides = null;
-        let pt = p;
-        if (input.shift) pt = constrain45(anchor, pt);
+        let pt2 = p;
+        if (input.shift) pt2 = constrain45(anchor, pt2);
         const side = drag.closing ? "in" : "out";
-        const pos = this.toLocal(drag.ref.nodeId, drag.closing ? { x: 2 * anchor.x - pt.x, y: 2 * anchor.y - pt.y } : pt, drag.base);
+        const pos = this.toLocal(drag.ref.nodeId, drag.closing ? { x: 2 * anchor.x - pt2.x, y: 2 * anchor.y - pt2.y } : pt2, drag.base);
         this.doc = this.updateAnchors(drag.base, [drag.ref], (a) => {
           if (drag.outOnly || drag.altBreaks && input.alt) return moveAnchorHandle(a, side, pos, true);
           return moveAnchorHandle({ ...a, type: "symmetric" }, side, pos);
@@ -3433,10 +5522,22 @@ var VectorEditorController = class {
       }
       case "pencil": {
         const last = drag.points[drag.points.length - 1];
-        if (Math.hypot(p.x - last[0], p.y - last[1]) * this.viewport.zoom < 1.5) return;
-        drag.points.push([p.x, p.y]);
+        let moved = false;
+        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);
+          moved = true;
+        }
+        const string = drag.lazy.string();
         const node = this.getNode(drag.nodeId);
         if (node?.type !== "path") return;
+        if (!moved) {
+          if (string && this.interaction?.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();
+          }
+          return;
+        }
         this.replaceNode(drag.nodeId, { ...node, subpaths: [{ anchors: drag.points.map(([x, y]) => ({ x, y })), closed: false }] });
         const xs = drag.points.map((q) => q[0]);
         const ys = drag.points.map((q) => q[1]);
@@ -3444,7 +5545,8 @@ var VectorEditorController = class {
           type: "draw",
           tool: "pencil",
           nodeId: drag.nodeId,
-          bounds: { x: Math.min(...xs), y: Math.min(...ys), width: Math.max(...xs) - Math.min(...xs), height: Math.max(...ys) - Math.min(...ys) }
+          bounds: { x: Math.min(...xs), y: Math.min(...ys), width: Math.max(...xs) - Math.min(...xs), height: Math.max(...ys) - Math.min(...ys) },
+          ...string ? { string: [{ x: string[0][0], y: string[0][1] }, { x: string[1][0], y: string[1][1] }] } : {}
         };
         this.notify(true);
         return;
@@ -3492,12 +5594,12 @@ var VectorEditorController = class {
     const guides = { lines: [], labels: [] };
     for (const axis of ["x", "y"]) {
       const d = end[axis] - start[axis];
-      const len = Math.abs(d) > 1e-9 ? targets.matchSize(Math.abs(d) * k, tol) : null;
-      if (len === null || len <= 0) continue;
-      out[axis] = start[axis] + Math.sign(d) * len / k;
+      const len2 = Math.abs(d) > 1e-9 ? targets.matchSize(Math.abs(d) * k, tol) : null;
+      if (len2 === null || len2 <= 0) continue;
+      out[axis] = start[axis] + Math.sign(d) * len2 / k;
       const from = { ...out, [axis]: fromCentre ? 2 * start[axis] - out[axis] : start[axis] };
       guides.lines.push({ kind: "size", x1: from.x, y1: from.y, x2: out.x, y2: out.y });
-      guides.labels.push({ kind: "size", x: (from.x + out.x) / 2, y: (from.y + out.y) / 2, text: `${axis === "x" ? "W" : "H"} ${Math.round(len * 100) / 100}` });
+      guides.labels.push({ kind: "size", x: (from.x + out.x) / 2, y: (from.y + out.y) / 2, text: `${axis === "x" ? "W" : "H"} ${Math.round(len2 * 100) / 100}` });
     }
     this.setGuides(guides);
     return out;
@@ -3536,6 +5638,32 @@ var VectorEditorController = class {
         return this.commit(drag.before.doc !== drag.base ? "Add Point" : "Move Points", drag.before);
       case "handle":
         return this.commit("Move Handle", drag.before);
+      case "bend":
+        if (!drag.moved) {
+          this.notify();
+          return;
+        }
+        return this.commit("Bend Segment", drag.before);
+      case "corner": {
+        if (drag.moved) return this.commit("Corner Radius", drag.before);
+        if (drag.alt) {
+          const kind = nextVectorCornerKind(drag.widget.kind);
+          this.doc = this.updateAnchors(drag.base, drag.refs, (a) => setAnchorCorner(a, a.corner?.radius ?? 0, kind));
+          return this.commit("Corner Kind", drag.before);
+        }
+        const ref = drag.widget.ref;
+        const has = this.anchors.some((a) => sameRef(a, ref));
+        this.editingId = ref.nodeId;
+        this.anchors = drag.shift ? has ? this.anchors.filter((a) => !sameRef(a, ref)) : [...this.anchors, ref] : [ref];
+        this.notify();
+        return;
+      }
+      case "stroke": {
+        this.notify();
+        if (drag.tool === "knife") this.knife(drag.points);
+        else this.erase(drag.points);
+        return;
+      }
       case "pull":
         if (drag.closing) this.pen = null;
         return this.commit(drag.label, drag.before);
@@ -3560,6 +5688,13 @@ var VectorEditorController = class {
           this.notify(true);
           return;
         }
+        for (const q of drag.lazy.finish()) drag.points.push(q);
+        const shape = this.editing.recognizeShapes ? recognizeInkShape(drag.points, { minSize: 6 / this.viewport.zoom }) : null;
+        if (shape) {
+          this.replaceNode(drag.nodeId, { ...node, name: inkShapeLabel(shape), subpaths: [inkShapeSubpath(shape)] });
+          this.selection = [drag.nodeId];
+          return this.commit(`Draw ${inkShapeLabel(shape)}`, drag.before);
+        }
         const fitted = fitCubics(drag.points, 1.5 / this.viewport.zoom, { cornerAngleDeg: 60 });
         const anchors = [];
         for (const c of fitted) {
@@ -3666,6 +5801,8 @@ var VectorEditorController = class {
         case "g":
           input.shift ? this.ungroup() : this.group();
           return true;
+        case "j":
+          return input.alt ? this.averageAnchors("both").ok : this.joinPaths().ok;
         case "]":
           this.arrange(input.alt ? "front" : "forward");
           return true;
@@ -3746,12 +5883,28 @@ var VectorEditorController = class {
     }
   }
 };
+function inkShapeLabel(shape) {
+  const name = vectorInkShapeName(shape);
+  return name[0].toUpperCase() + name.slice(1);
+}
+function inkShapeSubpath(shape) {
+  switch (shape.kind) {
+    case "line":
+      return lineSubpath({ x: shape.a[0], y: shape.a[1] }, { x: shape.b[0], y: shape.b[1] });
+    case "rect":
+      return rectSubpath(shape);
+    case "ellipse":
+      return ellipseSubpath(shape);
+    case "polygon":
+      return { anchors: shape.points.map(([x, y]) => ({ x, y })), closed: true };
+  }
+}
 function constrain45(origin, p) {
   const dx = p.x - origin.x;
   const dy = p.y - origin.y;
-  const len = Math.hypot(dx, dy);
+  const len2 = Math.hypot(dx, dy);
   const a = Math.round(Math.atan2(dy, dx) / (Math.PI / 4)) * (Math.PI / 4);
-  return { x: origin.x + Math.cos(a) * len, y: origin.y + Math.sin(a) * len };
+  return { x: origin.x + Math.cos(a) * len2, y: origin.y + Math.sin(a) * len2 };
 }
 function scaleFor(handle, b, p, mods = {}) {
   const west = handle.includes("w");
@@ -3788,10 +5941,12 @@ function renderNode(node, defs, idPrefix) {
   const stroke = vectorPaintToSvg(node.stroke, `${idPrefix}stroke-${node.id}`);
   if (fill.gradient) defs.push(fill.gradient);
   if (stroke.gradient) defs.push(stroke.gradient);
+  const strokeParts = stroke.value !== "none" ? vectorStrokeSvgParts(node, `${idPrefix}clip-${node.id}`) : void 0;
   return {
     kind: "path",
     id: node.id,
     ...node.transform ? { transform: fmtMatrix(node.transform) } : {},
+    ...strokeParts ? { strokeParts } : {},
     d: vectorPathData(node),
     fill: fill.value,
     stroke: stroke.value,
@@ -3807,9 +5962,9 @@ function getVectorSceneRenderData(state, options = {}) {
   const defs = [];
   const prefix = options.idPrefix ?? "ve-";
   const nodes = state.document.nodes.map((n) => renderNode(n, defs, prefix)).filter((n) => !!n);
-  const v = state.viewport;
+  const v2 = state.viewport;
   return {
-    transform: `translate(${fmt(v.x)} ${fmt(v.y)}) scale(${v.zoom})`,
+    transform: `translate(${fmt(v2.x)} ${fmt(v2.y)}) scale(${v2.zoom})`,
     width: state.document.width,
     height: state.document.height,
     ...state.document.background ? { background: state.document.background } : {},
@@ -3819,8 +5974,8 @@ function getVectorSceneRenderData(state, options = {}) {
 }
 var toScreen = (state, p) => ({ x: p.x * state.viewport.zoom + state.viewport.x, y: p.y * state.viewport.zoom + state.viewport.y });
 function screenOutline(state, node) {
-  const v = state.viewport;
-  const view = [v.zoom, 0, 0, v.zoom, v.x, v.y];
+  const v2 = state.viewport;
+  const view = [v2.zoom, 0, 0, v2.zoom, v2.x, v2.y];
   const parent = vectorParentMatrix(state.document.nodes, node.id) ?? IDENTITY_MATRIX;
   return collectWithMatrix(node, parent).map(({ path, parent: m }) => bezierPathToSvg(transformBezierPath(vectorPathWorldBezier(path, m), view), { precision: 2 })).join(" ");
 }
@@ -3917,7 +6072,26 @@ function getVectorOverlayRenderData(state) {
       guides.labels.push({ kind: l.kind, x: fmt(p.x), y: fmt(p.y), text: l.text });
     }
   }
-  return { outlines, selectionBox, anchors, handles, marquee, penPreview, artboard, guides, status };
+  let toolStroke = null;
+  if (it?.type === "stroke") {
+    const pts = it.points.map((q) => toScreen(state, q));
+    const d = pts.map((q, i) => `${i ? "L" : "M"}${fmt(q.x)} ${fmt(q.y)}`).join("") + (pts.length === 1 ? `L${fmt(pts[0].x)} ${fmt(pts[0].y)}` : "");
+    toolStroke = { tool: it.tool, d, width: fmt(it.width * z) };
+  }
+  let pencilString = null;
+  if (it?.type === "draw" && it.string) {
+    const a = toScreen(state, it.string[0]);
+    const b = toScreen(state, it.string[1]);
+    pencilString = { x1: fmt(a.x), y1: fmt(a.y), x2: fmt(b.x), y2: fmt(b.y) };
+  }
+  const dragged = it?.type === "corner" ? it.ref : null;
+  const cornerWidgets = getVectorCornerWidgets(state).map((w) => {
+    const s = toScreen(state, w);
+    return { ref: w.ref, x: fmt(s.x), y: fmt(s.y), radius: w.radius, kind: w.kind, hovered: sameAnchor(state.hover?.corner, w.ref), active: !!dragged };
+  });
+  if (it?.type === "corner") status = `R ${fmt(it.radius)}`;
+  const cutPoint = state.tool === "scissors" && state.hover?.segment && !it ? (({ x, y }) => ({ x: fmt(x), y: fmt(y) }))(toScreen(state, state.hover.segment.point)) : null;
+  return { outlines, selectionBox, anchors, handles, marquee, penPreview, artboard, guides, status, toolStroke, pencilString, cutPoint, cornerWidgets };
 }
 var VECTOR_OVERLAY_THEME = {
   accent: "#0ea5e9",
@@ -3925,9 +6099,13 @@ var VECTOR_OVERLAY_THEME = {
   guide: "#ff3dfc",
   handleFill: "#ffffff",
   marqueeFill: "rgba(14, 165, 233, 0.08)",
+  /** The eraser's swath while it is dragged. */
+  eraserFill: "rgba(239, 68, 68, 0.25)",
   transformHandleSize: 8,
   anchorSize: 7,
-  handleRadius: 3.5
+  handleRadius: 3.5,
+  /** Radius of a live corner widget (a ring with a dot). */
+  cornerWidgetRadius: 4
 };
 function toVectorModifiers(event) {
   return { shift: !!event.shiftKey, alt: !!event.altKey, mod: !!(event.metaKey || event.ctrlKey) };
@@ -3951,18 +6129,68 @@ function getVectorSelectionStyle(state) {
     const node = findVectorNode(state.document.nodes, id);
     if (node) paths.push(...collect(node));
   }
+  const anchorMode = state.tool === "direct" && !!state.selectedAnchors?.length;
+  if (anchorMode) {
+    for (const r of state.selectedAnchors) {
+      if (paths.some((p) => p.id === r.nodeId)) continue;
+      const node = findVectorNode(state.document.nodes, r.nodeId);
+      if (node?.type === "path") paths.push(node);
+    }
+  }
   if (!paths.length) return null;
   const first = paths[0];
   const same = (get) => paths.every((p) => JSON.stringify(get(p) ?? null) === JSON.stringify(get(first) ?? null));
+  const corners2 = [];
+  for (const p of paths) {
+    for (const c of vectorCorners(p.subpaths)) {
+      if (anchorMode && !state.selectedAnchors.some((r) => r.nodeId === p.id && r.subpath === c.subpath && r.index === c.index)) continue;
+      const corner = p.subpaths[c.subpath].anchors[c.index].corner;
+      corners2.push({ radius: corner?.radius ?? 0, kind: corner?.kind ?? "round" });
+    }
+  }
+  const c0 = corners2[0] ?? { radius: 0, kind: "round" };
   return {
     fill: first.fill ?? null,
     stroke: first.stroke ?? null,
     strokeWidth: first.strokeWidth ?? 1,
     opacity: first.opacity ?? 1,
-    mixed: { fill: !same((p) => p.fill), stroke: !same((p) => p.stroke), strokeWidth: !same((p) => p.strokeWidth ?? 1), opacity: !same((p) => p.opacity ?? 1) },
+    strokeAlign: first.strokeAlign ?? "center",
+    startArrow: first.startArrow ?? null,
+    endArrow: first.endArrow ?? null,
+    arrowAlign: first.arrowAlign ?? "extend",
+    startArrowScale: first.startArrowScale ?? 1,
+    endArrowScale: first.endArrowScale ?? 1,
+    cornerRadius: c0.radius,
+    cornerKind: c0.kind,
+    corners: corners2.length,
+    hasOpenPath: paths.some((p) => p.subpaths.some((sp) => !sp.closed && sp.anchors.length > 1)),
+    mixed: {
+      fill: !same((p) => p.fill),
+      stroke: !same((p) => p.stroke),
+      strokeWidth: !same((p) => p.strokeWidth ?? 1),
+      opacity: !same((p) => p.opacity ?? 1),
+      strokeAlign: !same((p) => p.strokeAlign ?? "center"),
+      startArrow: !same((p) => p.startArrow ?? null),
+      endArrow: !same((p) => p.endArrow ?? null),
+      arrowAlign: !same((p) => p.arrowAlign ?? "extend"),
+      startArrowScale: !same((p) => p.startArrowScale ?? 1),
+      endArrowScale: !same((p) => p.endArrowScale ?? 1),
+      cornerRadius: corners2.some((c) => c.radius !== c0.radius),
+      cornerKind: corners2.some((c) => c.kind !== c0.kind)
+    },
     pathIds: paths.map((p) => p.id)
   };
 }
+var VECTOR_STROKE_ALIGN_LABELS = { center: "Center", inside: "Inside", outside: "Outside" };
+var VECTOR_CORNER_KIND_LABELS = { round: "Round", inverted: "Inverted", chamfer: "Chamfer" };
+var VECTOR_ARROWHEAD_LABELS = {
+  triangle: "Triangle",
+  arrow: "Arrow",
+  open: "Open arrow",
+  circle: "Circle",
+  square: "Square",
+  bar: "Bar"
+};
 function vectorPaintToHex(paint) {
   if (typeof paint !== "string") return null;
   const m = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(paint.trim());
@@ -3970,12 +6198,40 @@ function vectorPaintToHex(paint) {
   const hex = m[1].length === 3 ? m[1].replace(/./g, (c) => c + c) : m[1];
   return `#${hex.toLowerCase()}`;
 }
+var VECTOR_PATH_ACTIONS = [
+  { id: "join", label: "\u22C8", title: "Join", shortcut: "J", enabled: (s, p) => s + p > 0, run: (c) => c.joinPaths() },
+  { id: "average", label: "\u22B9", title: "Average Points", shortcut: "Alt+J", enabled: (_s, p) => p > 1, run: (c) => c.averageAnchors("both") },
+  { id: "cut", label: "\u2702\xB7", title: "Cut at Points", enabled: (_s, p) => p > 0, run: (c) => c.cutAtAnchors() },
+  { id: "clean", label: "\u2301", title: "Remove Redundant Points", enabled: (s, p) => s + p > 0, run: (c) => c.removeRedundantPoints() },
+  { id: "smooth", label: "\u223F", title: "Smooth", enabled: (s, p) => s + p > 0, run: (c) => c.smoothPaths() },
+  { id: "outline", label: "\u22A1", title: "Outline Stroke", enabled: (s) => s > 0, run: (c) => c.outlineStroke() }
+];
+var VECTOR_EDIT_TOGGLES = [
+  { key: "keepShapeOnDelete", label: "Keep", title: "Keep shape when deleting points" },
+  { key: "curvatureMoves", label: "Curv", title: "Curvature point moves (Alt flips while dragging)" },
+  { key: "recognizeShapes", label: "Shapes", title: "Turn pencil scribbles into shapes" }
+];
 
 // src/vector/commands.ts
 var fail = (message) => {
   throw new Error(message);
 };
 var IDS = { type: "array", items: { type: "string" }, description: "Node ids (default: the selection)." };
+var ANCHORS = {
+  type: "array",
+  items: {
+    type: "object",
+    properties: { nodeId: { type: "string" }, subpath: { type: "integer", minimum: 0 }, index: { type: "integer", minimum: 0 } },
+    required: ["nodeId", "subpath", "index"]
+  },
+  description: "Anchors as { nodeId, subpath, index } (default: the selected points)."
+};
+var POINTS = {
+  type: "array",
+  items: { type: "array", items: { type: "number" }, minItems: 2, maxItems: 2 },
+  minItems: 1,
+  description: "Polyline [[x, y], \u2026] in document units."
+};
 var PAINT = {
   description: 'A CSS colour, `null` for none, or a gradient `{ type: "linear", angle, stops: [{ offset, color }] }`.'
 };
@@ -3986,7 +6242,13 @@ var STYLE_PROPS = {
   strokeLinecap: { type: "string", enum: ["butt", "round", "square"] },
   strokeLinejoin: { type: "string", enum: ["miter", "round", "bevel"] },
   strokeDasharray: { type: "array", items: { type: "number" } },
-  fillRule: { type: "string", enum: ["nonzero", "evenodd"] }
+  fillRule: { type: "string", enum: ["nonzero", "evenodd"] },
+  strokeAlign: { type: "string", enum: ["center", "inside", "outside"], description: "Where the stroke sits on the outline (closed shapes only; open paths stroke centred)." },
+  startArrow: { type: ["string", "null"], enum: [...VECTOR_ARROWHEADS, null], description: "Head at the start of an open path, or null for none." },
+  endArrow: { type: ["string", "null"], enum: [...VECTOR_ARROWHEADS, null], description: "Head at the end of an open path, or null for none." },
+  arrowAlign: { type: "string", enum: ["extend", "tip"], description: "`extend`: the tip sits past the end point; `tip`: on it, the stroke shortened under the head." },
+  startArrowScale: { type: "number", exclusiveMinimum: 0, description: "Start head size as a multiple of the stroke width (default 1)." },
+  endArrowScale: { type: "number", exclusiveMinimum: 0, description: "End head size as a multiple of the stroke width (default 1)." }
 };
 var pickStyle = (params) => {
   const out = {};
@@ -4008,6 +6270,14 @@ function createVectorCommands(controller, options = {}) {
     return list2;
   };
   const enabledFor = (_, params) => params?.ids?.length ? true : hasSelection();
+  const anchorsOf = (refs) => {
+    if (!refs) return [...controller.getState().selectedAnchors];
+    for (const r of refs) {
+      const node = controller.getNode(r.nodeId);
+      if (node?.type !== "path" || !node.subpaths[r.subpath]?.anchors[r.index]) fail(`There is no anchor ${r.index} on subpath ${r.subpath} of "${r.nodeId}".`);
+    }
+    return refs;
+  };
   const list = () => {
     const state = controller.getState();
     const out = [];
@@ -4071,7 +6341,8 @@ function createVectorCommands(controller, options = {}) {
           y: { type: "number" },
           width: { type: "number", description: "For a line: the x offset of its end." },
           height: { type: "number", description: "For a line: the y offset of its end." },
-          cornerRadius: { type: "number", minimum: 0 },
+          cornerRadius: { type: "number", minimum: 0, description: "Live corner radius of a rect, polygon or star." },
+          cornerKind: { type: "string", enum: VECTOR_CORNER_KINDS },
           sides: { type: "integer", minimum: 3 },
           points: { type: "integer", minimum: 3 },
           innerRatio: { type: "number", minimum: 0, maximum: 1 },
@@ -4117,6 +6388,38 @@ function createVectorCommands(controller, options = {}) {
         return { ok: true };
       }
     },
+    {
+      ...base,
+      id: `${prefix}setCorners`,
+      label: "Corner Radius\u2026",
+      keywords: ["round", "rounded", "corners", "radius", "fillet", "chamfer", "live corners"],
+      description: "Sets the live corner radius (and optionally `kind`: round, inverted or chamfer) of `anchors`, else the selected points (direct tool), else every corner of `ids` / the selection. Radius 0 makes corners sharp; radii shrink to fit short sides. The anchors stay editable.",
+      params: { type: "object", properties: { radius: { type: "number", minimum: 0 }, kind: { type: "string", enum: VECTOR_CORNER_KINDS }, ids: IDS, anchors: ANCHORS } },
+      undoable: true,
+      run: (_ctx, params) => {
+        const refs = params?.anchors ? anchorsOf(params.anchors) : void 0;
+        const target = { refs, ids: params?.ids ? ids(params) : void 0 };
+        if (params?.radius !== void 0) check(controller.setCornerRadius(params.radius, { ...target, kind: params.kind }));
+        else if (params?.kind) check(controller.setCornerKind(params.kind, target));
+        else fail("Pass `radius` and / or `kind`.");
+        return { ok: true };
+      }
+    },
+    {
+      ...base,
+      id: `${prefix}outlineStroke`,
+      label: "Outline Stroke",
+      keywords: ["expand", "stroke to path", "outline", "convert stroke"],
+      description: "Turns the stroke of paths into filled shapes of the area it paints (alignment, caps, joins, dashes and arrowheads included). Returns the new ids.",
+      params: { type: "object", properties: { ids: IDS } },
+      enabled: enabledFor,
+      undoable: true,
+      run: (_ctx, params) => {
+        const created = controller.outlineStroke({ ids: params?.ids ? ids(params) : void 0 });
+        if (!created.length) fail("No selected path has a stroke.");
+        return { ids: created };
+      }
+    },
     {
       ...base,
       id: `${prefix}transform`,
@@ -4246,6 +6549,186 @@ function createVectorCommands(controller, options = {}) {
         return { selection: controller.getState().selection };
       }
     },
+    {
+      ...base,
+      id: `${prefix}deleteAnchors`,
+      label: "Delete Points",
+      keywords: ["remove", "anchor", "point", "node"],
+      description: "Deletes anchors. With `keepShape` (default: the editor setting, on) the neighbouring handles are refitted so the outline keeps its shape; off, the neighbours are joined as they are.",
+      params: { type: "object", properties: { anchors: ANCHORS, keepShape: { type: "boolean" } } },
+      undoable: true,
+      run: (_ctx, params) => {
+        check(controller.deleteAnchors(anchorsOf(params?.anchors), { keepShape: params?.keepShape }));
+        return { ok: true };
+      }
+    },
+    {
+      ...base,
+      id: `${prefix}moveAnchor`,
+      label: "Move Point\u2026",
+      keywords: ["anchor", "drag", "curvature"],
+      description: "Moves one anchor to (x, y) in document units. `curvature: true` bends its two segments like the Curvature tool instead of carrying its handles along.",
+      params: {
+        type: "object",
+        properties: { nodeId: { type: "string" }, subpath: { type: "integer", minimum: 0 }, index: { type: "integer", minimum: 0 }, x: { type: "number" }, y: { type: "number" }, curvature: { type: "boolean" } },
+        required: ["nodeId", "subpath", "index", "x", "y"]
+      },
+      undoable: true,
+      run: (_ctx, params) => {
+        check(controller.moveAnchor({ nodeId: params.nodeId, subpath: params.subpath, index: params.index }, { x: params.x, y: params.y }, { curvature: params.curvature }));
+        return { ok: true };
+      }
+    },
+    {
+      ...base,
+      id: `${prefix}bendSegment`,
+      label: "Bend Segment\u2026",
+      keywords: ["curve", "segment", "drag"],
+      description: "Bends segment `segment` (from anchor `segment` to the next) so the curve passes through (x, y) at parameter `t` (default 0.5).",
+      params: {
+        type: "object",
+        properties: {
+          nodeId: { type: "string" },
+          subpath: { type: "integer", minimum: 0 },
+          segment: { type: "integer", minimum: 0 },
+          x: { type: "number" },
+          y: { type: "number" },
+          t: { type: "number", minimum: 0, maximum: 1 }
+        },
+        required: ["nodeId", "subpath", "segment", "x", "y"]
+      },
+      undoable: true,
+      run: (_ctx, params) => {
+        check(controller.bendSegment({ nodeId: params.nodeId, subpath: params.subpath, segment: params.segment }, { x: params.x, y: params.y }, params.t));
+        return { ok: true };
+      }
+    },
+    {
+      ...base,
+      id: `${prefix}join`,
+      label: "Join",
+      shortcut: "Mod+J",
+      keywords: ["connect", "close", "merge", "endpoints"],
+      description: "Joins the open subpaths of paths nearest endpoints first (ends within `tolerance` merge); a single open path is closed.",
+      params: { type: "object", properties: { ids: IDS, tolerance: { type: "number", minimum: 0 } } },
+      undoable: true,
+      run: (_ctx, params) => {
+        check(controller.joinPaths({ ids: params?.ids ? ids(params) : void 0, tolerance: params?.tolerance }));
+        return { selection: controller.getState().selection };
+      }
+    },
+    {
+      ...base,
+      id: `${prefix}average`,
+      label: "Average Points\u2026",
+      shortcut: "Mod+Alt+J",
+      keywords: ["align", "points", "anchors", "collapse"],
+      description: "Moves anchors onto their average position: the same y (`horizontal`), the same x (`vertical`) or the same point (`both`, default).",
+      params: { type: "object", properties: { axis: { type: "string", enum: ["horizontal", "vertical", "both"] }, anchors: ANCHORS } },
+      undoable: true,
+      run: (_ctx, params) => {
+        check(controller.averageAnchors(params?.axis ?? "both", anchorsOf(params?.anchors)));
+        return { ok: true };
+      }
+    },
+    {
+      ...base,
+      id: `${prefix}removeRedundantPoints`,
+      label: "Remove Redundant Points",
+      keywords: ["simplify", "clean up", "anchors", "collinear"],
+      description: "Drops anchors that can go without moving the outline more than `tolerance` document units (default 0.5).",
+      params: { type: "object", properties: { ids: IDS, tolerance: { type: "number", minimum: 0 } } },
+      enabled: enabledFor,
+      undoable: true,
+      run: (_ctx, params) => {
+        check(controller.removeRedundantPoints({ ids: params?.ids ? ids(params) : void 0, tolerance: params?.tolerance }));
+        return { ok: true };
+      }
+    },
+    {
+      ...base,
+      id: `${prefix}smooth`,
+      label: "Smooth Path",
+      keywords: ["round", "soften", "handles", "curves"],
+      description: "Pulls the handles of paths (or of the selected points) towards smooth tangents by `amount` (0\u20131, default 1).",
+      params: { type: "object", properties: { ids: IDS, amount: { type: "number", minimum: 0, maximum: 1 }, anchors: ANCHORS } },
+      undoable: true,
+      run: (_ctx, params) => {
+        check(controller.smoothPaths({ ids: params?.ids ? ids(params) : void 0, amount: params?.amount, refs: params?.anchors }));
+        return { ok: true };
+      }
+    },
+    {
+      ...base,
+      id: `${prefix}cut`,
+      label: "Cut Path (Scissors)\u2026",
+      keywords: ["scissors", "split", "open", "break"],
+      description: "Scissors: cuts path `nodeId` at the outline point nearest (x, y), or cuts at `anchors`. A closed path opens; an open one splits in two.",
+      params: { type: "object", properties: { nodeId: { type: "string" }, x: { type: "number" }, y: { type: "number" }, anchors: ANCHORS } },
+      undoable: true,
+      run: (_ctx, params) => {
+        if (params?.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 };
+        }
+        check(controller.cutAtAnchors(anchorsOf(params?.anchors)));
+        return { ids: controller.getState().selection };
+      }
+    },
+    {
+      ...base,
+      id: `${prefix}knife`,
+      label: "Knife\u2026",
+      keywords: ["slice", "cut", "split", "divide"],
+      description: "Cuts closed paths along a polyline wherever it crosses them edge to edge (no gap between pieces). Cuts `ids`, else the selection, else every path the line crosses.",
+      params: { type: "object", properties: { points: { ...POINTS, minItems: 2 }, ids: IDS }, required: ["points"] },
+      undoable: true,
+      run: (_ctx, params) => {
+        const created = controller.knife(params.points.map(([x, y]) => ({ x, y })), { ids: params.ids ? ids(params) : void 0 });
+        if (!created.length) fail("The knife did not cross any closed path from edge to edge.");
+        return { ids: created };
+      }
+    },
+    {
+      ...base,
+      id: `${prefix}erase`,
+      label: "Erase\u2026",
+      keywords: ["eraser", "rub out", "remove"],
+      description: "Erases a round stroke of diameter `size` (default: the eraser size setting) along a polyline: filled shapes lose the area, outlines are cut under it. Erases from `ids`, else the selection, else every path it reaches.",
+      params: { type: "object", properties: { points: POINTS, size: { type: "number", exclusiveMinimum: 0 }, ids: IDS }, required: ["points"] },
+      undoable: true,
+      run: (_ctx, params) => {
+        const changed = controller.erase(params.points.map(([x, y]) => ({ x, y })), { size: params.size, ids: params.ids ? ids(params) : void 0 });
+        if (!changed.length) fail("The eraser did not touch any path.");
+        return { ids: changed.filter((id) => controller.getNode(id)) };
+      }
+    },
+    {
+      ...base,
+      id: `${prefix}setEditing`,
+      label: "Path Editing Options\u2026",
+      keywords: ["settings", "curvature", "pencil", "smoothing", "lazy mouse", "shapes", "eraser"],
+      description: "Sets how editing behaves: `keepShapeOnDelete`, `curvatureMoves` (anchor drags bend like the Curvature tool), `pencilSmoothing` (lazy mouse, 0\u20131), `recognizeShapes` (pencil scribbles become lines, rectangles, ellipses, polygons) and `eraserSize`.",
+      params: {
+        type: "object",
+        properties: {
+          keepShapeOnDelete: { type: "boolean" },
+          curvatureMoves: { type: "boolean" },
+          pencilSmoothing: { type: "number", minimum: 0, maximum: 1 },
+          recognizeShapes: { type: "boolean" },
+          eraserSize: { type: "number", exclusiveMinimum: 0 }
+        }
+      },
+      run: (_ctx, params) => {
+        const patch = {};
+        for (const key of ["keepShapeOnDelete", "curvatureMoves", "pencilSmoothing", "recognizeShapes", "eraserSize"]) if (params?.[key] !== void 0) patch[key] = params[key];
+        controller.setEditing(patch);
+        return { editing: controller.getState().editing };
+      }
+    },
     {
       ...base,
       id: `${prefix}setTool`,
@@ -4284,13 +6767,26 @@ function createVectorCommands(controller, options = {}) {
   ];
 }
 export {
+  DEFAULT_VECTOR_PATH_EDIT,
   DEFAULT_VECTOR_SNAP,
   IDENTITY_MATRIX,
-  KAPPA,
+  KAPPA2 as KAPPA,
+  LazyMouse,
+  VECTOR_ARROWHEADS,
+  VECTOR_ARROWHEAD_LABELS,
   VECTOR_CLIPBOARD_TYPE,
   VECTOR_CONSTRUCTION_ANGLES,
+  VECTOR_CORNER_KINDS,
+  VECTOR_CORNER_KIND_LABELS,
+  VECTOR_CORNER_WIDGET_INSET,
+  VECTOR_EDIT_TOGGLES,
+  VECTOR_INK_MAX_CORNERS,
   VECTOR_OVERLAY_THEME,
+  VECTOR_PATH_ACTIONS,
+  VECTOR_PENCIL_STRING_PX,
   VECTOR_ROTATE_HANDLE_OFFSET,
+  VECTOR_STROKE_ALIGN_LABELS,
+  VECTOR_STYLE_KEYS,
   VECTOR_TOOLS,
   VECTOR_TOOL_GLYPHS,
   VECTOR_TOOL_SHORTCUTS,
@@ -4299,6 +6795,11 @@ export {
   VectorSnapTargets,
   applyMatrix,
   applyMatrixLinear,
+  applyVectorCornersAttribute,
+  arrowheadInset,
+  arrowheadPath,
+  arrowheadWeight,
+  bendSegment,
   bezierToSubpaths,
   boundsFromPoints,
   boundsIntersect,
@@ -4309,14 +6810,27 @@ export {
   collectPathNodes,
   constrainToLeave,
   convertAnchor,
+  cornerBisectorPoint,
+  cornerRadiusChange,
+  cornerSetback,
   createVectorCommands,
+  curvatureMoveAnchor,
+  cutSubpathAt,
   decomposeRigid,
+  effectiveStrokeAlign,
   ellipseSubpath,
+  eraseFromFill,
+  eraseFromOutline,
+  eraserRegion,
+  expandVectorCorners,
+  expandVectorCornersOf,
   findVectorNode,
+  fitCornerRadius,
   getAnchor,
   getAnchorWorld,
   getEditablePathIds,
   getTransformHandlePositions,
+  getVectorCornerWidgets,
   getVectorOverlayRenderData,
   getVectorSceneRenderData,
   getVectorSelectionBoxGeometry,
@@ -4325,31 +6839,50 @@ export {
   getVisibleAnchors,
   getVisibleHandles,
   hasPaint,
+  hasStrokeExtras,
+  hasVectorCorners,
   hitTestVectorNode,
   hitTestVectorNodes,
+  hitTestVectorStroke,
   inferAnchorType,
   insertAnchor,
   invertMatrix,
+  isClosedBezierShape,
   isIdentityMatrix,
   isVectorTextTarget,
+  joinSubpaths,
+  knifePath,
   lineSubpath,
   locateVectorNode,
   matrixRotation,
   moveAnchorHandle,
   multiplyMatrices,
   nearestSegment,
+  nextVectorCornerKind,
   nodeMatrix,
   parseSvgTransform,
   parseVectorSvg,
   polygonSubpath,
+  polylineBounds,
+  recognizeInkShape,
   rectSubpath,
+  removeAnchorKeepingShape,
   removeAnchors,
+  removeAnchorsKeepingShape,
+  removeRedundantPoints,
   reverseSubpath,
   rotateMatrix,
   roundSubpaths,
   scaleFor,
   scaleMatrix,
+  setAnchorCorner,
+  setSubpathCorners,
+  simplifyPolyline,
+  smoothSubpath,
+  splitIntoFaces,
+  splitSubpathAt,
   starSubpath,
+  subpathPointAt,
   subpathSegment,
   subpathSegmentCount,
   subpathsToBezier,
@@ -4360,7 +6893,11 @@ export {
   translateAnchor,
   translateMatrix,
   unionBounds,
+  vectorCornerAt,
+  vectorCorners,
+  vectorCornersAttribute,
   vectorDocumentToSvg,
+  vectorInkShapeName,
   vectorNodeBounds,
   vectorNodeRotation,
   vectorNodeToBezier,
@@ -4370,6 +6907,11 @@ export {
   vectorPathData,
   vectorPathWorldBezier,
   vectorResizeCursor,
+  vectorStrokeOutline,
+  vectorStrokeOutlinePath,
+  vectorStrokeParts,
+  vectorStrokeReach,
+  vectorStrokeSvgParts,
   vectorToolLabel,
   vectorWorldMatrix,
   walkVectorNodes