@toolpath/viewer 2.2.0 → 2.3.0

package/dist/index.js

@@ -1,14 +1,15 @@
 import {
   ANGLE_ARC_FRACTION,
   ANGLE_ARC_SEGMENTS,
+  ARROW_AXIS,
   AXES_PLANE_OFFSET,
   AXES_PLANE_SCALE,
   AXIS_COLORS,
+  ArrowMesh,
   CAD_CAMERA_UP,
   CANDIDATE_WEIGHT,
   CAP_HATCH,
   CHAMFER,
-  CONE_AXIS,
   CONTROL_SCHEME_OPTIONS,
   CadCameraControls,
   DEFAULT_FIT_MARGIN,
@@ -23,8 +24,6 @@ import {
   ExtendedCameraControls,
   FEATURE_TYPE_RANKS,
   HANDLE_PIXELS,
-  HEAD,
-  HEAD_RADIUS,
   HIGHLIGHT_COLORS,
   HIGHLIGHT_WEIGHT,
   HOVER_WEIGHT,
@@ -52,7 +51,6 @@ import {
   REGION_ATTRIBUTE,
   SECTION_GIZMO_FRAME_SCALE,
   SECTION_RENDER_ORDER,
-  SHAFT_RADIUS,
   SNAP_MARKER_PIXELS,
   SNAP_PIXELS,
   STOCK_OBJECT,
@@ -69,7 +67,7 @@ import {
   applyCapTheme,
   applyHighlightLayers,
   applyProjection,
-  arrowPlacement,
+  arrowGeometry,
   aspectRatio,
   axesPlanes,
   bestOwner,
@@ -101,6 +99,7 @@ import {
   dragPlane,
   excludedFromFrame,
   featureTypeRank,
+  findSharpCorners,
   fitDistance,
   focusForPick,
   formatDegrees,
@@ -142,10 +141,12 @@ import {
   sectionOffset,
   sectionOptionsFromState,
   sectionPlane,
+  sharpCornerPositions,
   smoothRegionNormals,
   snapAt,
   squaredUp,
   startPosition,
+  surfaceCreases,
   surfaceUnderRay,
   targetBoundary,
   themesEqual,
@@ -162,7 +163,7 @@ import {
   viewUp,
   viewVector,
   visualSurfaces
-} from "./chunk-WTTOUG4P.js";
+} from "./chunk-N54FHMTG.js";
 
 // src/render/feature-triangles.ts
 var EMPTY = { positions: new Float32Array(), normals: new Float32Array() };
@@ -243,7 +244,7 @@ var HoverCard = ({ pick, children, className: className2, offset = 16 }) => {
 import { createContext, useContext } from "react";
 
 // src/toolbar-icons.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var SvgIcon = ({ viewBox = "0 0 24 24", fill = "none", children }) => /* @__PURE__ */ jsx2(
   "svg",
   {
@@ -269,6 +270,10 @@ var BananaIcon = () => /* @__PURE__ */ jsx2(SvgIcon, { viewBox: "0 0 576 512", f
 var ToolsIcon = () => /* @__PURE__ */ jsx2(SvgIcon, { children: /* @__PURE__ */ jsx2("path", { d: "M9 2h6v7H9zM9.5 9v9.5l2.5 3.5 2.5-3.5V9M9.5 12l5 2.5M9.5 15.5l5 2.5" }) });
 var DirectionsIcon = () => /* @__PURE__ */ jsx2(SvgIcon, { children: /* @__PURE__ */ jsx2("path", { d: "M7 3v18m-4-4 4 4 4-4M17 21V3m-4 4 4-4 4 4" }) });
 var DfmIcon = () => /* @__PURE__ */ jsx2(SvgIcon, { children: /* @__PURE__ */ jsx2("path", { d: "M8.3 3h7.4L21 8.3v7.4L15.7 21H8.3L3 15.7V8.3zM12 7.5v5.5m0 3.5v.01" }) });
+var SharpCornersIcon = () => /* @__PURE__ */ jsxs(SvgIcon, { children: [
+  /* @__PURE__ */ jsx2("path", { d: "M4 3v17h17" }),
+  /* @__PURE__ */ jsx2("circle", { cx: "9", cy: "15", r: "4" })
+] });
 var HoverIcon = () => /* @__PURE__ */ jsx2(SvgIcon, { children: /* @__PURE__ */ jsx2("path", { d: "M4 4h16v12H9l-5 4zm4 5h8m-8 3h5" }) });
 var FocusIcon = () => /* @__PURE__ */ jsx2(SvgIcon, { children: /* @__PURE__ */ jsx2("path", { d: "M4 4h16v16H4zM8 8h8v8H8zM2 12h4m12 0h4M12 2v4m0 12v4" }) });
 var WireframeIcon = () => /* @__PURE__ */ jsx2(SvgIcon, { children: /* @__PURE__ */ jsx2("path", { d: "M4 7l8-4 8 4v10l-8 4-8-4zM4 7l8 4 8-4M12 11v10M4 17l8-4 8 4M12 3v10" }) });
@@ -285,6 +290,7 @@ var ICONS = {
   tools: ToolsIcon,
   directions: DirectionsIcon,
   dfm: DfmIcon,
+  sharpCorners: SharpCornersIcon,
   hover: HoverIcon,
   focus: FocusIcon,
   wireframe: WireframeIcon,
@@ -297,7 +303,7 @@ var ToolbarIcon = ({ name }) => {
 };
 
 // src/viewer-toolbar.tsx
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var ViewerToolbarContext = createContext(null);
 var ViewerToolbarProvider = ({
   controls,
@@ -315,7 +321,7 @@ var ToolbarButton = ({ action, icon, label, toggle = true }) => {
     throw new Error(`<ViewerToolbar.${buttonName(action)}> requires a '${action}' toolbar control`);
   }
   const pressed = control.pressed ?? false;
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs2(
     "button",
     {
       className: "viewer-toolbar-button",
@@ -387,6 +393,14 @@ var DfmButton = () => /* @__PURE__ */ jsx3(
     label: (pressed) => pressed ? "Hide DFM flags" : "Show DFM flags"
   }
 );
+var SharpCornersButton = () => /* @__PURE__ */ jsx3(
+  ToolbarButton,
+  {
+    action: "sharpCorners",
+    icon: "sharpCorners",
+    label: (pressed) => pressed ? "Hide sharp corners" : "Show sharp corners"
+  }
+);
 var HoverButton = () => /* @__PURE__ */ jsx3(
   ToolbarButton,
   {
@@ -446,6 +460,7 @@ var DefaultControls = () => {
   const analysis = [
     controls.directions ? /* @__PURE__ */ jsx3(DirectionsButton, {}, "directions") : null,
     controls.dfm ? /* @__PURE__ */ jsx3(DfmButton, {}, "dfm") : null,
+    controls.sharpCorners ? /* @__PURE__ */ jsx3(SharpCornersButton, {}, "sharpCorners") : null,
     controls.hover ? /* @__PURE__ */ jsx3(HoverButton, {}, "hover") : null,
     controls.focus ? /* @__PURE__ */ jsx3(FocusButton, {}, "focus") : null,
     controls.wireframe ? /* @__PURE__ */ jsx3(WireframeButton, {}, "wireframe") : null,
@@ -457,7 +472,7 @@ var DefaultControls = () => {
     controls.reset ? /* @__PURE__ */ jsx3(ResetButton, {}, "reset") : null,
     controls.top ? /* @__PURE__ */ jsx3(TopButton, {}, "top") : null
   ].filter(Boolean);
-  return /* @__PURE__ */ jsxs(Controls, { children: [
+  return /* @__PURE__ */ jsxs2(Controls, { children: [
     display,
     display.length && analysis.length ? /* @__PURE__ */ jsx3(Divider, {}) : null,
     analysis,
@@ -486,6 +501,7 @@ var ViewerToolbar = Object.assign(ViewerToolbarRoot, {
   ToolsButton,
   DirectionsButton,
   DfmButton,
+  SharpCornersButton,
   HoverButton,
   FocusButton,
   WireframeButton,
@@ -1026,7 +1042,7 @@ function gridFor(box, options = {}) {
 }
 
 // src/primitives.tsx
-import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
 var FURNITURE2 = { [EXCLUDE_FROM_FRAME]: true };
 var Grid = ({ step, extent, color, opacity = 0.35 }) => {
   const theme = resolveTheme();
@@ -1088,7 +1104,7 @@ var CubePanels = ({
     setHovered(name);
     invalidate();
   };
-  return /* @__PURE__ */ jsxs2("group", { ref: groupRef, scale: 38, children: [
+  return /* @__PURE__ */ jsxs3("group", { ref: groupRef, scale: 38, children: [
     panels.map(({ zone, geometry }) => /* @__PURE__ */ jsx6(
       "mesh",
       {
@@ -1123,9 +1139,34 @@ var CubePanels = ({
 
 // src/direction-arrows.tsx
 import { useThree as useThree4 } from "@react-three/fiber";
-import { useMemo as useMemo4 } from "react";
-import { Quaternion as Quaternion2, Vector3 as Vector34 } from "three";
-import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+import { useEffect as useEffect4, useMemo as useMemo4 } from "react";
+import { Quaternion as Quaternion2, Vector3 as Vector35 } from "three";
+
+// src/render/directions.ts
+import { Vector3 as Vector34 } from "three";
+var LENGTH = 0.33;
+var GAP = 0.2;
+function arrowPlacement(direction, box) {
+  const center = box.getCenter(new Vector34());
+  const half = box.getSize(new Vector34()).multiplyScalar(0.5);
+  const radius = half.length() || 1;
+  const axis = new Vector34(direction.x, direction.y, direction.z);
+  if (axis.lengthSq() === 0) axis.set(0, 0, 1);
+  axis.normalize();
+  let exit = Number.POSITIVE_INFINITY;
+  for (const [component, extent] of [
+    [axis.x, half.x],
+    [axis.y, half.y],
+    [axis.z, half.z]
+  ]) {
+    if (Math.abs(component) > 1e-6) exit = Math.min(exit, extent / Math.abs(component));
+  }
+  if (!Number.isFinite(exit)) exit = radius;
+  return { tip: center.addScaledVector(axis, exit + radius * GAP), length: radius * LENGTH };
+}
+
+// src/direction-arrows.tsx
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 var FURNITURE3 = { [EXCLUDE_FROM_FRAME]: true };
 var DirectionArrows = ({
   directions,
@@ -1139,6 +1180,8 @@ var DirectionArrows = ({
 }) => {
   const box = useContentBox();
   const resolved = useMemo4(() => resolveTheme(theme), [theme]);
+  const geometry = useMemo4(() => arrowGeometry(), []);
+  useEffect4(() => () => geometry.dispose(), [geometry]);
   const shown = shownDirection === void 0 ? activeDirection : shownDirection;
   const drawn = (index) => {
     if (shown === null) return true;
@@ -1150,7 +1193,7 @@ var DirectionArrows = ({
     // Excluded from framing: the arrows are deliberately placed outside the
     // part, so a Fit that measured them would frame the arrows and leave the
     // part small in the middle of them.
-    /* @__PURE__ */ jsxs3("group", { userData: FURNITURE3, children: [
+    /* @__PURE__ */ jsxs4("group", { userData: FURNITURE3, children: [
       directions.map((direction, index) => {
         if (!drawn(index)) return null;
         return /* @__PURE__ */ jsx7(
@@ -1158,6 +1201,7 @@ var DirectionArrows = ({
           {
             direction,
             box,
+            geometry,
             color: directionColor(index),
             opacity: 0.9,
             onPick: onPickDirection ? () => onPickDirection(index) : void 0
@@ -1170,28 +1214,37 @@ var DirectionArrows = ({
         {
           direction: named.direction,
           box,
+          geometry,
           color: named.color,
           opacity: 0.9,
           onPick: onPickDirection ? () => onPickDirection(named.index) : void 0
         },
         `named-${named.index}`
       )),
-      previewDirection ? /* @__PURE__ */ jsx7(Arrow, { direction: previewDirection, box, color: resolved.hover, opacity: 0.95, onTop: true }) : null
+      previewDirection ? /* @__PURE__ */ jsx7(
+        Arrow,
+        {
+          direction: previewDirection,
+          box,
+          geometry,
+          color: resolved.hover,
+          opacity: 0.95,
+          onTop: true
+        }
+      ) : null
     ] })
   );
 };
-var Arrow = ({ direction, box, color, opacity, onPick, onTop = false }) => {
+var Arrow = ({ direction, box, geometry, color, opacity, onPick, onTop = false }) => {
   const invalidate = useThree4((state) => state.invalidate);
   const { tip, length, quaternion } = useMemo4(() => {
     const placement = arrowPlacement(direction, box);
     const aim = new Quaternion2().setFromUnitVectors(
-      CONE_AXIS,
-      new Vector34(direction.x, direction.y, direction.z).normalize()
+      ARROW_AXIS,
+      new Vector35(direction.x, direction.y, direction.z).normalize()
     );
     return { tip: placement.tip, length: placement.length, quaternion: aim };
   }, [box, direction]);
-  const head = length * HEAD;
-  const shaft = length * (1 - HEAD);
   const press = onPick ? {
     onClick: (event) => {
       event.stopPropagation();
@@ -1199,32 +1252,23 @@ var Arrow = ({ direction, box, color, opacity, onPick, onTop = false }) => {
       invalidate();
     }
   } : {};
-  return /* @__PURE__ */ jsxs3("group", { position: tip, quaternion, renderOrder: onTop ? 10 : 3, children: [
-    /* @__PURE__ */ jsxs3("mesh", { position: [0, head * 0.5, 0], rotation: [Math.PI, 0, 0], ...press, children: [
-      /* @__PURE__ */ jsx7("coneGeometry", { args: [length * HEAD_RADIUS, head, 20] }),
-      /* @__PURE__ */ jsx7("meshBasicMaterial", { color, transparent: true, opacity, depthTest: !onTop })
-    ] }),
-    /* @__PURE__ */ jsxs3("mesh", { position: [0, head + shaft * 0.5, 0], ...press, children: [
-      /* @__PURE__ */ jsx7("cylinderGeometry", { args: [length * SHAFT_RADIUS, length * SHAFT_RADIUS, shaft, 12] }),
-      /* @__PURE__ */ jsx7("meshBasicMaterial", { color, transparent: true, opacity, depthTest: !onTop })
-    ] })
-  ] });
+  return /* @__PURE__ */ jsx7("group", { position: tip, quaternion, scale: length, renderOrder: onTop ? 10 : 3, children: /* @__PURE__ */ jsx7(ArrowMesh, { geometry, color, opacity, onTop, events: press }) });
 };
 
 // src/section-tool.tsx
 import { useFrame, useThree as useThree5 } from "@react-three/fiber";
-import { useEffect as useEffect4, useMemo as useMemo5, useRef as useRef3, useState as useState4, useSyncExternalStore } from "react";
+import { useEffect as useEffect5, useMemo as useMemo5, useRef as useRef3, useState as useState4, useSyncExternalStore } from "react";
 import {
   BufferGeometry as BufferGeometry2,
   DoubleSide,
   Quaternion as Quaternion3,
   Raycaster,
   Vector2,
-  Vector3 as Vector35
+  Vector3 as Vector36
 } from "three";
-import { Fragment, jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 var FURNITURE4 = { [EXCLUDE_FROM_FRAME]: true };
-var Z = new Vector35(0, 0, 1);
+var Z = new Vector36(0, 0, 1);
 var AXIS_ROTATIONS = {
   x: [0, Math.PI / 2, 0],
   y: [Math.PI / 2, 0, 0],
@@ -1237,11 +1281,11 @@ var SectionTool = ({ theme }) => {
   const section = useSyncExternalStore(store.subscribe, store.get, store.get);
   const box = useContentBox();
   const resolved = useMemo5(() => resolveTheme(theme), [theme]);
-  useEffect4(() => {
+  useEffect5(() => {
     store.setEngaged(true);
     return () => store.setEngaged(false);
   }, [store]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (!section) return void 0;
     const clear = (event) => {
       if (event.key === "Escape") store.set(null);
@@ -1255,14 +1299,14 @@ var SectionTool = ({ theme }) => {
 var useSquare = () => {
   const square = useMemo5(
     () => new BufferGeometry2().setFromPoints([
-      new Vector35(-1, 1, 0),
-      new Vector35(1, 1, 0),
-      new Vector35(1, -1, 0),
-      new Vector35(-1, -1, 0)
+      new Vector36(-1, 1, 0),
+      new Vector36(1, 1, 0),
+      new Vector36(1, -1, 0),
+      new Vector36(-1, -1, 0)
     ]),
     []
   );
-  useEffect4(() => () => square.dispose(), [square]);
+  useEffect5(() => () => square.dispose(), [square]);
   return square;
 };
 var Picker = ({ box, theme }) => {
@@ -1276,17 +1320,17 @@ var Picker = ({ box, theme }) => {
   const previewRef = useRef3(null);
   const hover = useRef3(null);
   const [hoveredPlane, setHoveredPlane] = useState4(null);
-  const span = useMemo5(() => box.getSize(new Vector35()).length(), [box]);
-  const centre = useMemo5(() => box.getCenter(new Vector35()), [box]);
+  const span = useMemo5(() => box.getSize(new Vector36()).length(), [box]);
+  const centre = useMemo5(() => box.getCenter(new Vector36()), [box]);
   const previewSize = span * PREVIEW_SCALE;
-  useEffect4(() => {
+  useEffect5(() => {
     store.setPicking(true);
     return () => store.setPicking(false);
   }, [store]);
-  useEffect4(() => {
+  useEffect5(() => {
     const raycaster = new Raycaster();
     const pointer = new Vector2();
-    const aim = new Vector35();
+    const aim = new Vector36();
     const hide = () => {
       if (!hover.current) return;
       hover.current = null;
@@ -1357,9 +1401,9 @@ var Picker = ({ box, theme }) => {
       store.set(plane.options);
     }
   });
-  return /* @__PURE__ */ jsxs4(Fragment, { children: [
-    /* @__PURE__ */ jsxs4("group", { ref: previewRef, visible: false, children: [
-      /* @__PURE__ */ jsxs4("mesh", { renderOrder: SECTION_RENDER_ORDER.outline, raycast: () => null, children: [
+  return /* @__PURE__ */ jsxs5(Fragment, { children: [
+    /* @__PURE__ */ jsxs5("group", { ref: previewRef, visible: false, children: [
+      /* @__PURE__ */ jsxs5("mesh", { renderOrder: SECTION_RENDER_ORDER.outline, raycast: () => null, children: [
         /* @__PURE__ */ jsx8("planeGeometry", { args: [previewSize, previewSize] }),
         /* @__PURE__ */ jsx8(
           "meshBasicMaterial",
@@ -1392,13 +1436,13 @@ var Picker = ({ box, theme }) => {
         }
       )
     ] }),
-    planes.map((plane) => /* @__PURE__ */ jsxs4(
+    planes.map((plane) => /* @__PURE__ */ jsxs5(
       "group",
       {
         position: [plane.position.x, plane.position.y, plane.position.z],
         rotation: AXIS_ROTATIONS[plane.axis],
         children: [
-          /* @__PURE__ */ jsxs4("mesh", { renderOrder: SECTION_RENDER_ORDER.outline, ...planeHandlers(plane), children: [
+          /* @__PURE__ */ jsxs5("mesh", { renderOrder: SECTION_RENDER_ORDER.outline, ...planeHandlers(plane), children: [
             /* @__PURE__ */ jsx8("planeGeometry", { args: [plane.size, plane.size] }),
             /* @__PURE__ */ jsx8(
               "meshBasicMaterial",
@@ -1430,7 +1474,7 @@ var Picker = ({ box, theme }) => {
 var CutSheet = ({ box, section, theme }) => {
   const square = useSquare();
   const cut = useMemo5(() => resolveSectionPlane(section, box), [box, section]);
-  const span = useMemo5(() => box.getSize(new Vector35()).length(), [box]);
+  const span = useMemo5(() => box.getSize(new Vector36()).length(), [box]);
   const placement = useMemo5(() => {
     if (!cut) return null;
     const position = sectionAnchor(box, cut.plane).addScaledVector(
@@ -1441,8 +1485,8 @@ var CutSheet = ({ box, section, theme }) => {
   }, [box, cut, span]);
   if (!placement) return null;
   const size = span * OUTLINE_SCALE;
-  return /* @__PURE__ */ jsxs4("group", { position: placement.position, quaternion: placement.quaternion, children: [
-    /* @__PURE__ */ jsxs4("mesh", { renderOrder: SECTION_RENDER_ORDER.outline, raycast: () => null, children: [
+  return /* @__PURE__ */ jsxs5("group", { position: placement.position, quaternion: placement.quaternion, children: [
+    /* @__PURE__ */ jsxs5("mesh", { renderOrder: SECTION_RENDER_ORDER.outline, raycast: () => null, children: [
       /* @__PURE__ */ jsx8("planeGeometry", { args: [size, size] }),
       /* @__PURE__ */ jsx8(
         "meshBasicMaterial",
@@ -1481,7 +1525,7 @@ var CutSheet = ({ box, section, theme }) => {
 import { Html, Line } from "@react-three/drei";
 import { useFrame as useFrame2, useThree as useThree6 } from "@react-three/fiber";
 import {
-  useEffect as useEffect5,
+  useEffect as useEffect6,
   useLayoutEffect as useLayoutEffect3,
   useMemo as useMemo6,
   useRef as useRef4,
@@ -1493,18 +1537,18 @@ import {
   Raycaster as Raycaster2,
   SphereGeometry,
   Vector2 as Vector22,
-  Vector3 as Vector37
+  Vector3 as Vector38
 } from "three";
 
 // src/render/resample.ts
-import { Vector3 as Vector36 } from "three";
+import { Vector3 as Vector37 } from "three";
 var ON_PLANE = 1e-7;
 var STITCH = 1e-5;
 var COLLINEAR = 1e-6;
 function clipSegments(positions, plane) {
   const out = [];
-  const a = new Vector36();
-  const b = new Vector36();
+  const a = new Vector37();
+  const b = new Vector37();
   const count = Math.floor(positions.length / 6);
   for (let i = 0; i < count; i += 1) {
     a.set(positions[i * 6], positions[i * 6 + 1], positions[i * 6 + 2]);
@@ -1519,11 +1563,11 @@ function clipSegments(positions, plane) {
   return Float32Array.from(out);
 }
 function sectionContour(positions, regionOf, plane) {
-  const a = new Vector36();
-  const b = new Vector36();
-  const c = new Vector36();
-  const p = new Vector36();
-  const q = new Vector36();
+  const a = new Vector37();
+  const b = new Vector37();
+  const c = new Vector37();
+  const p = new Vector37();
+  const q = new Vector37();
   const byRegion = /* @__PURE__ */ new Map();
   const triangleCount = Math.floor(positions.length / 9);
   for (let t = 0; t < triangleCount; t += 1) {
@@ -1581,17 +1625,17 @@ function stitch(segments, out) {
     return into.set(segments[o], segments[o + 1], segments[o + 2]);
   };
   const direction = (i, into) => {
-    const s = new Vector36();
-    const e = new Vector36();
+    const s = new Vector37();
+    const e = new Vector37();
     point(i, 0, s);
     point(i, 1, e);
     return into.subVectors(e, s).normalize();
   };
   const consumed = new Uint8Array(count);
-  const d = new Vector36();
-  const n = new Vector36();
+  const d = new Vector37();
+  const n = new Vector37();
   const next = (i, end) => {
-    const at = point(i, end, new Vector36());
+    const at = point(i, end, new Vector37());
     const list = ends.get(key(at.x, at.y, at.z)) ?? [];
     if (list.length !== 2) return null;
     const other = list.find((entry) => entry >> 1 !== i);
@@ -1620,8 +1664,8 @@ function stitch(segments, out) {
     };
     const back = walk(0);
     const forward = walk(1);
-    const s = point(back.index, back.end, new Vector36());
-    const e = point(forward.index, forward.end, new Vector36());
+    const s = point(back.index, back.end, new Vector37());
+    const e = point(forward.index, forward.end, new Vector37());
     out.push(s.x, s.y, s.z, e.x, e.y, e.z);
   }
 }
@@ -1629,8 +1673,8 @@ function pointInContour(point, plane, contour) {
   const [u, v] = planeAxes(plane);
   const px = point.dot(u);
   const py = point.dot(v);
-  const a = new Vector36();
-  const b = new Vector36();
+  const a = new Vector37();
+  const b = new Vector37();
   let inside = false;
   const count = Math.floor(contour.length / 6);
   for (let i = 0; i < count; i += 1) {
@@ -1647,15 +1691,15 @@ function pointInContour(point, plane, contour) {
   return inside;
 }
 function capHit(ray, plane, contour) {
-  const point = ray.intersectPlane(plane, new Vector36());
+  const point = ray.intersectPlane(plane, new Vector37());
   if (!point) return null;
   return pointInContour(point, plane, contour) ? point : null;
 }
 function planeAxes(plane) {
   const n = plane.normal;
-  const seed = Math.abs(n.x) < 0.9 ? new Vector36(1, 0, 0) : new Vector36(0, 1, 0);
-  const u = new Vector36().crossVectors(n, seed).normalize();
-  const v = new Vector36().crossVectors(n, u).normalize();
+  const seed = Math.abs(n.x) < 0.9 ? new Vector37(1, 0, 0) : new Vector37(0, 1, 0);
+  const u = new Vector37().crossVectors(n, seed).normalize();
+  const v = new Vector37().crossVectors(n, u).normalize();
   return [u, v];
 }
 function sampleSection(meshPositions, regionOf, edgePositions, plane) {
@@ -1668,7 +1712,7 @@ function sampleSection(meshPositions, regionOf, edgePositions, plane) {
 }
 
 // src/measure-tool.tsx
-import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 var FURNITURE5 = { [EXCLUDE_FROM_FRAME]: true };
 var MEASURE_LABEL_CLASS = "toolpath-measure-label";
 var MeasureTool = ({
@@ -1688,11 +1732,11 @@ var MeasureTool = ({
   const controlled = measurements !== void 0;
   const list = controlled ? measurements : held;
   const [draft, setDraft] = useState5([]);
-  useEffect5(() => {
+  useEffect6(() => {
     store.setEngaged(true);
     return () => store.setEngaged(false);
   }, [store]);
-  useEffect5(() => {
+  useEffect6(() => {
     setDraft([]);
   }, [mode]);
   const commit = (next) => {
@@ -1701,7 +1745,7 @@ var MeasureTool = ({
   };
   const latest = useRef4({ list, commit });
   latest.current = { list, commit };
-  useEffect5(() => {
+  useEffect6(() => {
     const onKey = (event) => {
       if (event.key === "Escape") {
         setDraft([]);
@@ -1729,7 +1773,7 @@ var MeasureTool = ({
   };
   if (box.isEmpty()) return null;
   const label = className(labelClassName);
-  return /* @__PURE__ */ jsxs5("group", { userData: FURNITURE5, children: [
+  return /* @__PURE__ */ jsxs6("group", { userData: FURNITURE5, children: [
     picking ? null : /* @__PURE__ */ jsx9(
       Snapper,
       {
@@ -1765,7 +1809,7 @@ var MeasureTool = ({
   ] });
 };
 var NO_POINTER = { pointerEvents: "none" };
-var NOWHERE = [new Vector37(), new Vector37()];
+var NOWHERE = [new Vector38(), new Vector38()];
 var Snapper = ({ mode, draft, onPlace, theme, format, label }) => {
   const camera = useThree6((state) => state.camera);
   const scene = useThree6((state) => state.scene);
@@ -1786,7 +1830,7 @@ var Snapper = ({ mode, draft, onPlace, theme, format, label }) => {
   }, []);
   const current = useRef4({ mode, draft, onPlace, format, size });
   current.current = { mode, draft, onPlace, format, size };
-  useEffect5(() => {
+  useEffect6(() => {
     const raycaster = new Raycaster2();
     const pointer = new Vector22();
     const samples = new SampleCache();
@@ -1818,7 +1862,7 @@ var Snapper = ({ mode, draft, onPlace, theme, format, label }) => {
       const snapped = snapAt(target, target.edges, camera, viewport);
       const from = placed[placed.length - 1];
       const lock = shift && from ? lockToAxis(from, snapped.point) : null;
-      const found = lock ? { ...snapped, point: new Vector37(lock.point.x, lock.point.y, lock.point.z), edge: null } : snapped;
+      const found = lock ? { ...snapped, point: new Vector38(lock.point.x, lock.point.y, lock.point.z), edge: null } : snapped;
       snap.current = found;
       const node = marker.current;
       if (node) {
@@ -1892,7 +1936,7 @@ var Snapper = ({ mode, draft, onPlace, theme, format, label }) => {
       window.removeEventListener("keyup", key);
     };
   }, [camera, domElement, invalidate, isTap, scene, theme.measure]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (draft.length === 0 && band.current) {
       band.current.visible = false;
       if (bandLabel.current) bandLabel.current.visible = false;
@@ -1903,7 +1947,7 @@ var Snapper = ({ mode, draft, onPlace, theme, format, label }) => {
       invalidate();
     }
   }, [draft, invalidate]);
-  return /* @__PURE__ */ jsxs5(Fragment2, { children: [
+  return /* @__PURE__ */ jsxs6(Fragment2, { children: [
     /* @__PURE__ */ jsx9("group", { ref: marker, visible: false, children: /* @__PURE__ */ jsx9("mesh", { geometry: dot, renderOrder: MEASURE_RENDER_ORDER, raycast: () => null, children: /* @__PURE__ */ jsx9("meshBasicMaterial", { color: theme.measureSnap, depthTest: false, depthWrite: false }) }) }),
     /* @__PURE__ */ jsx9(
       Line,
@@ -2098,7 +2142,7 @@ var MeasurementView = ({
   const anchor = measurementLabelAnchor(measurement);
   if (measurement.kind === "distance") {
     const [a2, b2] = measurement.points;
-    return /* @__PURE__ */ jsxs5(Fragment2, { children: [
+    return /* @__PURE__ */ jsxs6(Fragment2, { children: [
       /* @__PURE__ */ jsx9(Segment, { points: [a2, b2], color: theme.measure }),
       /* @__PURE__ */ jsx9(ScreenDot, { point: a2, pixels: MEASURE_MARKER_PIXELS, color: theme.measure }),
       /* @__PURE__ */ jsx9(ScreenDot, { point: b2, pixels: MEASURE_MARKER_PIXELS, color: theme.measure }),
@@ -2108,7 +2152,7 @@ var MeasurementView = ({
   }
   const [a, vertex, b] = measurement.points;
   const arc = angleArc(vertex, a, b, angleArcRadius(vertex, a, b));
-  return /* @__PURE__ */ jsxs5(Fragment2, { children: [
+  return /* @__PURE__ */ jsxs6(Fragment2, { children: [
     /* @__PURE__ */ jsx9(Segment, { points: [vertex, a], color: theme.measure }),
     /* @__PURE__ */ jsx9(Segment, { points: [vertex, b], color: theme.measure }),
     /* @__PURE__ */ jsx9(Polyline, { points: arc, color: theme.measure }),
@@ -2126,7 +2170,7 @@ var DeltaLegs = ({ a, b, id, format, label }) => {
   const lines = useRef4([]);
   const centre = useMemo6(() => {
     const at = midpoint(a, b);
-    return new Vector37(at.x, at.y, at.z);
+    return new Vector38(at.x, at.y, at.z);
   }, [a, b]);
   useFrame2(() => {
     const dash = screenLength(camera, centre, size, DELTA_DASH_PIXELS);
@@ -2140,7 +2184,7 @@ var DeltaLegs = ({ a, b, id, format, label }) => {
     }
     if (changed) invalidate();
   });
-  return /* @__PURE__ */ jsxs5(Fragment2, { children: [
+  return /* @__PURE__ */ jsxs6(Fragment2, { children: [
     legs.map((leg, index) => /* @__PURE__ */ jsx9(
       Line,
       {
@@ -2148,8 +2192,8 @@ var DeltaLegs = ({ a, b, id, format, label }) => {
           lines.current[index] = line;
         },
         points: [
-          new Vector37(leg.from.x, leg.from.y, leg.from.z),
-          new Vector37(leg.to.x, leg.to.y, leg.to.z)
+          new Vector38(leg.from.x, leg.from.y, leg.from.z),
+          new Vector38(leg.to.x, leg.to.y, leg.to.z)
         ],
         color: AXIS_COLORS[leg.axis],
         lineWidth: MEASURE_LINE_PIXELS.leg,
@@ -2185,7 +2229,7 @@ var ScreenDot = ({ point, pixels, color }) => {
   const invalidate = useThree6((state) => state.invalidate);
   const node = useRef4(null);
   const dot = useDot();
-  const position = useMemo6(() => new Vector37(point.x, point.y, point.z), [point]);
+  const position = useMemo6(() => new Vector38(point.x, point.y, point.z), [point]);
   useFrame2(() => {
     const group = node.current;
     if (!group) return;
@@ -2200,7 +2244,7 @@ var ScreenDot = ({ point, pixels, color }) => {
 var Segment = ({ points, color }) => {
   const [a, b] = points;
   const ends = useMemo6(
-    () => [new Vector37(a.x, a.y, a.z), new Vector37(b.x, b.y, b.z)],
+    () => [new Vector38(a.x, a.y, a.z), new Vector38(b.x, b.y, b.z)],
     // Keyed on the numbers: a draft's tuple is a fresh array on every render,
     // and a rebuilt array would rebuild the line's geometry with it.
     [a.x, a.y, a.z, b.x, b.y, b.z]
@@ -2225,7 +2269,7 @@ var Polyline = ({ points, color }) => {
 };
 function useDot() {
   const geometry = useMemo6(() => new SphereGeometry(1, 16, 12), []);
-  useEffect5(() => () => geometry.dispose(), [geometry]);
+  useEffect6(() => () => geometry.dispose(), [geometry]);
   return geometry;
 }
 function isEditing(target) {
@@ -2242,7 +2286,7 @@ import { useMemo as useMemo7 } from "react";
 import { DoubleSide as DoubleSide2 } from "three";
 
 // src/render/tool-marks.ts
-import { Quaternion as Quaternion4, Vector2 as Vector23, Vector3 as Vector38 } from "three";
+import { Quaternion as Quaternion4, Vector2 as Vector23, Vector3 as Vector39 } from "three";
 var TOOL_CORNER_STEPS = 12;
 var TOOL_ROUND = 64;
 function toolProfile(radius, corner, height) {
@@ -2262,9 +2306,9 @@ function toolProfile(radius, corner, height) {
   points.push(new Vector23(radius, Math.max(height, rounded)));
   return points;
 }
-var UP = new Vector38(0, 1, 0);
-var AXES = [new Vector38(1, 0, 0), new Vector38(0, 1, 0), new Vector38(0, 0, 1)];
-var toVector = ({ x, y, z }) => new Vector38(x, y, z);
+var UP = new Vector39(0, 1, 0);
+var AXES = [new Vector39(1, 0, 0), new Vector39(0, 1, 0), new Vector39(0, 0, 1)];
+var toVector = ({ x, y, z }) => new Vector39(x, y, z);
 var squareTo = (w, along) => {
   const wanted = along ? toVector(along) : null;
   const flat = wanted?.clone().addScaledVector(w, -wanted.dot(w));
@@ -2284,7 +2328,7 @@ function toolMarkShape(mark) {
   if (!(mark.diameter > 0) || axis.lengthSq() === 0) return null;
   const w = axis.normalize();
   const u = squareTo(w, mark.across);
-  const v = new Vector38().crossVectors(w, u);
+  const v = new Vector39().crossVectors(w, u);
   const radius = mark.diameter / 2;
   const corner = Math.min(Math.max(mark.cornerRadius ?? 0, 0), radius);
   const height = Math.max(mark.height, corner);
@@ -2314,7 +2358,7 @@ function toolMarkShape(mark) {
 }
 
 // src/tool-marks.tsx
-import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 var BODY = { color: 16317180, opacity: 0.32 };
 var NO_POINTER2 = { pointerEvents: "none" };
 var ignoreRay = () => void 0;
@@ -2328,7 +2372,7 @@ var ToolMarks = ({ marks, visible = true, labelClassName, theme }) => {
     [marks]
   );
   const label = labelClassName ? `${MEASURE_LABEL_CLASS} ${labelClassName}` : MEASURE_LABEL_CLASS;
-  return /* @__PURE__ */ jsx10("group", { visible, userData: { [EXCLUDE_FROM_FRAME]: true }, children: shapes.map(({ mark, shape }, index) => /* @__PURE__ */ jsxs6("group", { children: [
+  return /* @__PURE__ */ jsx10("group", { visible, userData: { [EXCLUDE_FROM_FRAME]: true }, children: shapes.map(({ mark, shape }, index) => /* @__PURE__ */ jsxs7("group", { children: [
     /* @__PURE__ */ jsx10(ToolBody, { shape }),
     [...shape.rims, shape.dimension, ...shape.ticks].map((points, line) => /* @__PURE__ */ jsx10(
       Line2,
@@ -2343,16 +2387,16 @@ var ToolMarks = ({ marks, visible = true, labelClassName, theme }) => {
       },
       line
     )),
-    mark.label && visible ? /* @__PURE__ */ jsx10(Html2, { position: shape.labelAt, center: true, zIndexRange: [0, 0], style: NO_POINTER2, children: /* @__PURE__ */ jsxs6("div", { className: label, "data-measure-label": "tool", children: [
+    mark.label && visible ? /* @__PURE__ */ jsx10(Html2, { position: shape.labelAt, center: true, zIndexRange: [0, 0], style: NO_POINTER2, children: /* @__PURE__ */ jsxs7("div", { className: label, "data-measure-label": "tool", children: [
       /* @__PURE__ */ jsx10("span", { "data-measure-value": true, children: mark.label }),
-      mark.note ? /* @__PURE__ */ jsxs6("span", { "data-measure-note": true, children: [
+      mark.note ? /* @__PURE__ */ jsxs7("span", { "data-measure-note": true, children: [
         " ",
         mark.note
       ] }) : null
     ] }) }) : null
   ] }, index)) });
 };
-var ToolBody = ({ shape }) => /* @__PURE__ */ jsxs6(
+var ToolBody = ({ shape }) => /* @__PURE__ */ jsxs7(
   "mesh",
   {
     position: shape.base,
@@ -2528,6 +2572,7 @@ export {
   excludedFromFrame,
   featureTriangles,
   featureTypeRank,
+  findSharpCorners,
   fitDistance,
   fixedBoxStockBounds,
   focusForPick,
@@ -2576,10 +2621,12 @@ export {
   sectionOffset,
   sectionOptionsFromState,
   sectionPlane,
+  sharpCornerPositions,
   smoothRegionNormals,
   snapAt,
   squaredUp,
   startPosition,
+  surfaceCreases,
   surfaceUnderRay,
   targetBoundary,
   themesEqual,