@tscircuit/3d-viewer 0.0.469 → 0.0.471

package/dist/index.js

@@ -1053,7 +1053,7 @@ var require_rotateY = __commonJS({
 var require_rotateZ = __commonJS({
   "node_modules/@jscad/modeling/src/maths/vec3/rotateZ.js"(exports, module) {
     "use strict";
-    var rotateZ4 = (out, vector, origin, radians) => {
+    var rotateZ3 = (out, vector, origin, radians) => {
       const p = [];
       const r = [];
       p[0] = vector[0] - origin[0];
@@ -1065,7 +1065,7 @@ var require_rotateZ = __commonJS({
       out[2] = vector[2];
       return out;
     };
-    module.exports = rotateZ4;
+    module.exports = rotateZ3;
   }
 });
 
@@ -1129,13 +1129,13 @@ var require_squaredLength = __commonJS({
 var require_subtract = __commonJS({
   "node_modules/@jscad/modeling/src/maths/vec3/subtract.js"(exports, module) {
     "use strict";
-    var subtract7 = (out, a, b) => {
+    var subtract5 = (out, a, b) => {
       out[0] = a[0] - b[0];
       out[1] = a[1] - b[1];
       out[2] = a[2] - b[2];
       return out;
     };
-    module.exports = subtract7;
+    module.exports = subtract5;
   }
 });
 
@@ -1607,7 +1607,7 @@ var require_rotateZ2 = __commonJS({
   "node_modules/@jscad/modeling/src/maths/mat4/rotateZ.js"(exports, module) {
     "use strict";
     var { sin: sin2, cos: cos2 } = require_trigonometry();
-    var rotateZ4 = (out, matrix, radians) => {
+    var rotateZ3 = (out, matrix, radians) => {
       const s = sin2(radians);
       const c = cos2(radians);
       const a00 = matrix[0];
@@ -1638,7 +1638,7 @@ var require_rotateZ2 = __commonJS({
       out[7] = a13 * c - a03 * s;
       return out;
     };
-    module.exports = rotateZ4;
+    module.exports = rotateZ3;
   }
 });
 
@@ -1676,7 +1676,7 @@ var require_scale2 = __commonJS({
 var require_subtract2 = __commonJS({
   "node_modules/@jscad/modeling/src/maths/mat4/subtract.js"(exports, module) {
     "use strict";
-    var subtract7 = (out, a, b) => {
+    var subtract5 = (out, a, b) => {
       out[0] = a[0] - b[0];
       out[1] = a[1] - b[1];
       out[2] = a[2] - b[2];
@@ -1695,7 +1695,7 @@ var require_subtract2 = __commonJS({
       out[15] = a[15] - b[15];
       return out;
     };
-    module.exports = subtract7;
+    module.exports = subtract5;
   }
 });
 
@@ -1712,7 +1712,7 @@ var require_toString2 = __commonJS({
 var require_translate = __commonJS({
   "node_modules/@jscad/modeling/src/maths/mat4/translate.js"(exports, module) {
     "use strict";
-    var translate11 = (out, matrix, offsets) => {
+    var translate7 = (out, matrix, offsets) => {
       const x = offsets[0];
       const y = offsets[1];
       const z135 = offsets[2];
@@ -1765,7 +1765,7 @@ var require_translate = __commonJS({
       }
       return out;
     };
-    module.exports = translate11;
+    module.exports = translate7;
   }
 });
 
@@ -2205,12 +2205,12 @@ var require_squaredLength2 = __commonJS({
 var require_subtract3 = __commonJS({
   "node_modules/@jscad/modeling/src/maths/vec2/subtract.js"(exports, module) {
     "use strict";
-    var subtract7 = (out, a, b) => {
+    var subtract5 = (out, a, b) => {
       out[0] = a[0] - b[0];
       out[1] = a[1] - b[1];
       return out;
     };
-    module.exports = subtract7;
+    module.exports = subtract5;
   }
 });
 
@@ -2671,14 +2671,14 @@ var require_point_line_distance = __commonJS({
   "node_modules/@jscad/modeling/src/operations/hulls/quickhull/point-line-distance.js"(exports, module) {
     "use strict";
     var cross = require_cross();
-    var subtract7 = require_subtract();
+    var subtract5 = require_subtract();
     var squaredLength = require_squaredLength();
     var distanceSquared = (p, a, b) => {
       const ab = [];
       const ap = [];
       const cr = [];
-      subtract7(ab, b, a);
-      subtract7(ap, p, a);
+      subtract5(ab, b, a);
+      subtract5(ap, p, a);
       const area = squaredLength(cross(cr, ap, ab));
       const s = squaredLength(ab);
       if (s === 0) {
@@ -2697,11 +2697,11 @@ var require_get_plane_normal = __commonJS({
     "use strict";
     var cross = require_cross();
     var normalize = require_normalize();
-    var subtract7 = require_subtract();
+    var subtract5 = require_subtract();
     var planeNormal = (out, point1, point2, point32) => {
       const tmp = [0, 0, 0];
-      subtract7(out, point1, point2);
-      subtract7(tmp, point2, point32);
+      subtract5(out, point1, point2);
+      subtract5(tmp, point2, point32);
       cross(out, out, tmp);
       return normalize(out, out);
     };
@@ -2915,7 +2915,7 @@ var require_Face = __commonJS({
     var length2 = require_length();
     var normalize = require_normalize();
     var scale3 = require_scale();
-    var subtract7 = require_subtract();
+    var subtract5 = require_subtract();
     var HalfEdge = require_HalfEdge();
     var VISIBLE = 0;
     var NON_CONVEX = 1;
@@ -2949,14 +2949,14 @@ var require_Face = __commonJS({
         const e0 = this.edge;
         const e1 = e0.next;
         let e2 = e1.next;
-        const v2 = subtract7([], e1.head().point, e0.head().point);
+        const v2 = subtract5([], e1.head().point, e0.head().point);
         const t = [];
         const v1 = [];
         this.nVertices = 2;
         this.normal = [0, 0, 0];
         while (e2 !== e0) {
           copy(v1, v2);
-          subtract7(v2, e2.head().point, e0.head().point);
+          subtract5(v2, e2.head().point, e0.head().point);
           add(this.normal, this.normal, cross(t, v1, v2));
           e2 = e2.next;
           this.nVertices += 1;
@@ -2980,7 +2980,7 @@ var require_Face = __commonJS({
           } while (edge !== this.edge);
           const p1 = maxEdge.tail().point;
           const p2 = maxEdge.head().point;
-          const maxVector = subtract7([], p2, p1);
+          const maxVector = subtract5([], p2, p1);
           const maxLength = Math.sqrt(maxSquaredLength);
           scale3(maxVector, maxVector, 1 / maxLength);
           const maxProjection = dot(this.normal, maxVector);
@@ -5426,7 +5426,7 @@ var require_colorize = __commonJS({
       newpoly.color = color;
       return newpoly;
     };
-    var colorize8 = (color, ...objects) => {
+    var colorize4 = (color, ...objects) => {
       if (!Array.isArray(color)) throw new Error("color must be an array");
       if (color.length < 3) throw new Error("color must contain R, G and B values");
       if (color.length === 3) color = [color[0], color[1], color[2], 1];
@@ -5442,7 +5442,7 @@ var require_colorize = __commonJS({
       });
       return results.length === 1 ? results[0] : results;
     };
-    module.exports = colorize8;
+    module.exports = colorize4;
   }
 });
 
@@ -6267,11 +6267,11 @@ var require_clone9 = __commonJS({
   "node_modules/@jscad/modeling/src/maths/line2/clone.js"(exports, module) {
     "use strict";
     var create = require_create11();
-    var clone = (line4) => {
+    var clone = (line2) => {
       const out = create();
-      out[0] = line4[0];
-      out[1] = line4[1];
-      out[2] = line4[2];
+      out[0] = line2[0];
+      out[1] = line2[1];
+      out[2] = line2[2];
       return out;
     };
     module.exports = clone;
@@ -6283,8 +6283,8 @@ var require_direction = __commonJS({
   "node_modules/@jscad/modeling/src/maths/line2/direction.js"(exports, module) {
     "use strict";
     var vec2 = require_vec2();
-    var direction = (line4) => {
-      const vector = vec2.normal(vec2.create(), line4);
+    var direction = (line2) => {
+      const vector = vec2.normal(vec2.create(), line2);
       vec2.negate(vector, vector);
       return vector;
     };
@@ -6297,7 +6297,7 @@ var require_origin = __commonJS({
   "node_modules/@jscad/modeling/src/maths/line2/origin.js"(exports, module) {
     "use strict";
     var vec2 = require_vec2();
-    var origin = (line4) => vec2.scale(vec2.create(), line4, line4[2]);
+    var origin = (line2) => vec2.scale(vec2.create(), line2, line2[2]);
     module.exports = origin;
   }
 });
@@ -6309,9 +6309,9 @@ var require_closestPoint = __commonJS({
     var vec2 = require_vec2();
     var direction = require_direction();
     var origin = require_origin();
-    var closestPoint = (line4, point2) => {
-      const orig = origin(line4);
-      const dir = direction(line4);
+    var closestPoint = (line2, point2) => {
+      const orig = origin(line2);
+      const dir = direction(line2);
       const v = vec2.subtract(vec2.create(), point2, orig);
       const dist = vec2.dot(v, dir);
       vec2.scale(v, dir, dist);
@@ -6326,10 +6326,10 @@ var require_closestPoint = __commonJS({
 var require_copy5 = __commonJS({
   "node_modules/@jscad/modeling/src/maths/line2/copy.js"(exports, module) {
     "use strict";
-    var copy = (out, line4) => {
-      out[0] = line4[0];
-      out[1] = line4[1];
-      out[2] = line4[2];
+    var copy = (out, line2) => {
+      out[0] = line2[0];
+      out[1] = line2[1];
+      out[2] = line2[2];
       return out;
     };
     module.exports = copy;
@@ -6341,9 +6341,9 @@ var require_distanceToPoint = __commonJS({
   "node_modules/@jscad/modeling/src/maths/line2/distanceToPoint.js"(exports, module) {
     "use strict";
     var vec2 = require_vec2();
-    var distanceToPoint = (line4, point2) => {
-      let distance2 = vec2.dot(point2, line4);
-      distance2 = Math.abs(distance2 - line4[2]);
+    var distanceToPoint = (line2, point2) => {
+      let distance2 = vec2.dot(point2, line2);
+      distance2 = Math.abs(distance2 - line2[2]);
       return distance2;
     };
     module.exports = distanceToPoint;
@@ -6354,7 +6354,7 @@ var require_distanceToPoint = __commonJS({
 var require_equals6 = __commonJS({
   "node_modules/@jscad/modeling/src/maths/line2/equals.js"(exports, module) {
     "use strict";
-    var equals = (line1, line22) => line1[0] === line22[0] && (line1[1] === line22[1] && line1[2] === line22[2]);
+    var equals = (line1, line2) => line1[0] === line2[0] && (line1[1] === line2[1] && line1[2] === line2[2]);
     module.exports = equals;
   }
 });
@@ -6496,8 +6496,8 @@ var require_intersectPointOfLines = __commonJS({
     "use strict";
     var vec2 = require_vec2();
     var { solve2Linear } = require_utils();
-    var intersectToLine = (line1, line22) => {
-      const point2 = solve2Linear(line1[0], line1[1], line22[0], line22[1], line1[2], line22[2]);
+    var intersectToLine = (line1, line2) => {
+      const point2 = solve2Linear(line1[0], line1[1], line2[0], line2[1], line1[2], line2[2]);
       return vec2.clone(point2);
     };
     module.exports = intersectToLine;
@@ -6511,9 +6511,9 @@ var require_reverse3 = __commonJS({
     var vec2 = require_vec2();
     var copy = require_copy5();
     var fromValues = require_fromValues5();
-    var reverse = (out, line4) => {
-      const normal = vec2.negate(vec2.create(), line4);
-      const distance2 = -line4[2];
+    var reverse = (out, line2) => {
+      const normal = vec2.negate(vec2.create(), line2);
+      const distance2 = -line2[2];
       return copy(out, fromValues(normal[0], normal[1], distance2));
     };
     module.exports = reverse;
@@ -6524,7 +6524,7 @@ var require_reverse3 = __commonJS({
 var require_toString9 = __commonJS({
   "node_modules/@jscad/modeling/src/maths/line2/toString.js"(exports, module) {
     "use strict";
-    var toString = (line4) => `line2: (${line4[0].toFixed(7)}, ${line4[1].toFixed(7)}, ${line4[2].toFixed(7)})`;
+    var toString = (line2) => `line2: (${line2[0].toFixed(7)}, ${line2[1].toFixed(7)}, ${line2[2].toFixed(7)})`;
     module.exports = toString;
   }
 });
@@ -6537,9 +6537,9 @@ var require_transform9 = __commonJS({
     var fromPoints = require_fromPoints6();
     var origin = require_origin();
     var direction = require_direction();
-    var transform2 = (out, line4, matrix) => {
-      const org = origin(line4);
-      const dir = direction(line4);
+    var transform2 = (out, line2, matrix) => {
+      const org = origin(line2);
+      const dir = direction(line2);
       vec2.transform(org, org, matrix);
       vec2.transform(dir, dir, matrix);
       return fromPoints(out, org, dir);
@@ -6553,10 +6553,10 @@ var require_xAtY = __commonJS({
   "node_modules/@jscad/modeling/src/maths/line2/xAtY.js"(exports, module) {
     "use strict";
     var origin = require_origin();
-    var xAtY = (line4, y) => {
-      let x = (line4[2] - line4[1] * y) / line4[0];
+    var xAtY = (line2, y) => {
+      let x = (line2[2] - line2[1] * y) / line2[0];
       if (Number.isNaN(x)) {
-        const org = origin(line4);
+        const org = origin(line2);
         x = org[0];
       }
       return x;
@@ -6610,10 +6610,10 @@ var require_clone10 = __commonJS({
     "use strict";
     var vec3 = require_vec3();
     var create = require_create12();
-    var clone = (line4) => {
+    var clone = (line2) => {
       const out = create();
-      vec3.copy(out[0], line4[0]);
-      vec3.copy(out[1], line4[1]);
+      vec3.copy(out[0], line2[0]);
+      vec3.copy(out[1], line2[1]);
       return out;
     };
     module.exports = clone;
@@ -6625,9 +6625,9 @@ var require_closestPoint2 = __commonJS({
   "node_modules/@jscad/modeling/src/maths/line3/closestPoint.js"(exports, module) {
     "use strict";
     var vec3 = require_vec3();
-    var closestPoint = (line4, point2) => {
-      const lpoint = line4[0];
-      const ldirection = line4[1];
+    var closestPoint = (line2, point2) => {
+      const lpoint = line2[0];
+      const ldirection = line2[1];
       const a = vec3.dot(vec3.subtract(vec3.create(), point2, lpoint), ldirection);
       const b = vec3.dot(ldirection, ldirection);
       const t = a / b;
@@ -6644,9 +6644,9 @@ var require_copy6 = __commonJS({
   "node_modules/@jscad/modeling/src/maths/line3/copy.js"(exports, module) {
     "use strict";
     var vec3 = require_vec3();
-    var copy = (out, line4) => {
-      vec3.copy(out[0], line4[0]);
-      vec3.copy(out[1], line4[1]);
+    var copy = (out, line2) => {
+      vec3.copy(out[0], line2[0]);
+      vec3.copy(out[1], line2[1]);
       return out;
     };
     module.exports = copy;
@@ -6657,7 +6657,7 @@ var require_copy6 = __commonJS({
 var require_direction2 = __commonJS({
   "node_modules/@jscad/modeling/src/maths/line3/direction.js"(exports, module) {
     "use strict";
-    var direction = (line4) => line4[1];
+    var direction = (line2) => line2[1];
     module.exports = direction;
   }
 });
@@ -6668,8 +6668,8 @@ var require_distanceToPoint2 = __commonJS({
     "use strict";
     var vec3 = require_vec3();
     var closestPoint = require_closestPoint2();
-    var distanceToPoint = (line4, point2) => {
-      const closest = closestPoint(line4, point2);
+    var distanceToPoint = (line2, point2) => {
+      const closest = closestPoint(line2, point2);
       const distancevector = vec3.subtract(vec3.create(), point2, closest);
       return vec3.length(distancevector);
     };
@@ -6682,9 +6682,9 @@ var require_equals7 = __commonJS({
   "node_modules/@jscad/modeling/src/maths/line3/equals.js"(exports, module) {
     "use strict";
     var vec3 = require_vec3();
-    var equals = (line1, line22) => {
-      if (!vec3.equals(line1[1], line22[1])) return false;
-      if (!vec3.equals(line1[0], line22[0])) return false;
+    var equals = (line1, line2) => {
+      if (!vec3.equals(line1[1], line2[1])) return false;
+      if (!vec3.equals(line1[0], line2[0])) return false;
       return true;
     };
     module.exports = equals;
@@ -6762,11 +6762,11 @@ var require_intersectPointOfLineAndPlane = __commonJS({
   "node_modules/@jscad/modeling/src/maths/line3/intersectPointOfLineAndPlane.js"(exports, module) {
     "use strict";
     var vec3 = require_vec3();
-    var intersectToPlane = (line4, plane) => {
+    var intersectToPlane = (line2, plane) => {
       const pnormal = plane;
       const pw = plane[3];
-      const lpoint = line4[0];
-      const ldirection = line4[1];
+      const lpoint = line2[0];
+      const ldirection = line2[1];
       const labda = (pw - vec3.dot(pnormal, lpoint)) / vec3.dot(pnormal, ldirection);
       const point2 = vec3.add(vec3.create(), lpoint, vec3.scale(vec3.create(), ldirection, labda));
       return point2;
@@ -6779,7 +6779,7 @@ var require_intersectPointOfLineAndPlane = __commonJS({
 var require_origin2 = __commonJS({
   "node_modules/@jscad/modeling/src/maths/line3/origin.js"(exports, module) {
     "use strict";
-    var origin = (line4) => line4[0];
+    var origin = (line2) => line2[0];
     module.exports = origin;
   }
 });
@@ -6790,9 +6790,9 @@ var require_reverse4 = __commonJS({
     "use strict";
     var vec3 = require_vec3();
     var fromPointAndDirection = require_fromPointAndDirection();
-    var reverse = (out, line4) => {
-      const point2 = vec3.clone(line4[0]);
-      const direction = vec3.negate(vec3.create(), line4[1]);
+    var reverse = (out, line2) => {
+      const point2 = vec3.clone(line2[0]);
+      const direction = vec3.negate(vec3.create(), line2[1]);
       return fromPointAndDirection(out, point2, direction);
     };
     module.exports = reverse;
@@ -6803,9 +6803,9 @@ var require_reverse4 = __commonJS({
 var require_toString10 = __commonJS({
   "node_modules/@jscad/modeling/src/maths/line3/toString.js"(exports, module) {
     "use strict";
-    var toString = (line4) => {
-      const point2 = line4[0];
-      const direction = line4[1];
+    var toString = (line2) => {
+      const point2 = line2[0];
+      const direction = line2[1];
       return `line3: point: (${point2[0].toFixed(7)}, ${point2[1].toFixed(7)}, ${point2[2].toFixed(7)}) direction: (${direction[0].toFixed(7)}, ${direction[1].toFixed(7)}, ${direction[2].toFixed(7)})`;
     };
     module.exports = toString;
@@ -6818,9 +6818,9 @@ var require_transform10 = __commonJS({
     "use strict";
     var vec3 = require_vec3();
     var fromPointAndDirection = require_fromPointAndDirection();
-    var transform2 = (out, line4, matrix) => {
-      const point2 = line4[0];
-      const direction = line4[1];
+    var transform2 = (out, line2, matrix) => {
+      const point2 = line2[0];
+      const direction = line2[1];
       const pointPlusDirection = vec3.add(vec3.create(), point2, direction);
       const newpoint = vec3.transform(vec3.create(), point2, matrix);
       const newPointPlusDirection = vec3.transform(pointPlusDirection, pointPlusDirection, matrix);
@@ -7555,7 +7555,7 @@ var require_circle = __commonJS({
     var { TAU } = require_constants();
     var ellipse2 = require_ellipse();
     var { isGTE } = require_commonChecks();
-    var circle2 = (options) => {
+    var circle = (options) => {
       const defaults = {
         center: [0, 0],
         radius: 1,
@@ -7568,7 +7568,7 @@ var require_circle = __commonJS({
       radius = [radius, radius];
       return ellipse2({ center, radius, startAngle, endAngle, segments });
     };
-    module.exports = circle2;
+    module.exports = circle;
   }
 });
 
@@ -8033,11 +8033,11 @@ var require_line = __commonJS({
   "node_modules/@jscad/modeling/src/primitives/line.js"(exports, module) {
     "use strict";
     var path2 = require_path2();
-    var line4 = (points) => {
+    var line2 = (points) => {
       if (!Array.isArray(points)) throw new Error("points must be an array");
       return path2.fromPoints({}, points);
     };
-    module.exports = line4;
+    module.exports = line2;
   }
 });
 
@@ -8397,7 +8397,7 @@ var require_roundedRectangle = __commonJS({
     var geom2 = require_geom2();
     var { isGTE, isNumberArray } = require_commonChecks();
     var rectangle = require_rectangle();
-    var roundedRectangle4 = (options) => {
+    var roundedRectangle3 = (options) => {
       const defaults = {
         center: [0, 0],
         size: [2, 2],
@@ -8437,7 +8437,7 @@ var require_roundedRectangle = __commonJS({
       }
       return geom2.fromPoints(corner0Points.concat(corner1Points, corner2Points, corner3Points));
     };
-    module.exports = roundedRectangle4;
+    module.exports = roundedRectangle3;
   }
 });
 
@@ -9727,12 +9727,12 @@ var require_rotate3 = __commonJS({
     };
     var rotateX = (angle, ...objects) => rotate3([angle, 0, 0], objects);
     var rotateY = (angle, ...objects) => rotate3([0, angle, 0], objects);
-    var rotateZ4 = (angle, ...objects) => rotate3([0, 0, angle], objects);
+    var rotateZ3 = (angle, ...objects) => rotate3([0, 0, angle], objects);
     module.exports = {
       rotate: rotate3,
       rotateX,
       rotateY,
-      rotateZ: rotateZ4
+      rotateZ: rotateZ3
     };
   }
 });
@@ -9746,7 +9746,7 @@ var require_translate2 = __commonJS({
     var geom2 = require_geom2();
     var geom3 = require_geom3();
     var path2 = require_path2();
-    var translate11 = (offset4, ...objects) => {
+    var translate7 = (offset4, ...objects) => {
       if (!Array.isArray(offset4)) throw new Error("offset must be an array");
       objects = flatten(objects);
       if (objects.length === 0) throw new Error("wrong number of arguments");
@@ -9761,11 +9761,11 @@ var require_translate2 = __commonJS({
       });
       return results.length === 1 ? results[0] : results;
     };
-    var translateX = (offset4, ...objects) => translate11([offset4, 0, 0], objects);
-    var translateY = (offset4, ...objects) => translate11([0, offset4, 0], objects);
-    var translateZ = (offset4, ...objects) => translate11([0, 0, offset4], objects);
+    var translateX = (offset4, ...objects) => translate7([offset4, 0, 0], objects);
+    var translateY = (offset4, ...objects) => translate7([0, offset4, 0], objects);
+    var translateZ = (offset4, ...objects) => translate7([0, 0, offset4], objects);
     module.exports = {
-      translate: translate11,
+      translate: translate7,
       translateX,
       translateY,
       translateZ
@@ -9780,8 +9780,8 @@ var require_torus = __commonJS({
     var { TAU } = require_constants();
     var extrudeRotate = require_extrudeRotate();
     var { rotate: rotate3 } = require_rotate3();
-    var { translate: translate11 } = require_translate2();
-    var circle2 = require_circle();
+    var { translate: translate7 } = require_translate2();
+    var circle = require_circle();
     var { isGT, isGTE } = require_commonChecks();
     var torus = (options) => {
       const defaults = {
@@ -9801,11 +9801,11 @@ var require_torus = __commonJS({
       if (!isGTE(startAngle, 0)) throw new Error("startAngle must be positive");
       if (!isGT(outerRotation, 0)) throw new Error("outerRotation must be greater than zero");
       if (innerRadius >= outerRadius) throw new Error("inner circle is too large to rotate about the outer circle");
-      let innerCircle = circle2({ radius: innerRadius, segments: innerSegments });
+      let innerCircle = circle({ radius: innerRadius, segments: innerSegments });
       if (innerRotation !== 0) {
         innerCircle = rotate3([0, 0, innerRotation], innerCircle);
       }
-      innerCircle = translate11([outerRadius, 0], innerCircle);
+      innerCircle = translate7([outerRadius, 0], innerCircle);
       const extrudeOptions = {
         startAngle,
         angle: outerRotation,
@@ -10148,9 +10148,9 @@ var require_vectorText = __commonJS({
     "use strict";
     var vectorChar = require_vectorChar();
     var vectorParams = require_vectorParams();
-    var translateLine = (options, line4) => {
+    var translateLine = (options, line2) => {
       const { x, y } = Object.assign({ x: 0, y: 0 }, options || {});
-      const segments = line4.segments;
+      const segments = line2.segments;
       let segment = null;
       let point2 = null;
       for (let i = 0, il = segments.length; i < il; i++) {
@@ -10160,7 +10160,7 @@ var require_vectorText = __commonJS({
           segment[j] = [point2[0] + x, point2[1] + y];
         }
       }
-      return line4;
+      return line2;
     };
     var vectorText3 = (options, text) => {
       const {
@@ -10176,15 +10176,15 @@ var require_vectorText = __commonJS({
       } = vectorParams(options, text);
       let [x, y] = [xOffset, yOffset];
       let i, il, char, vect, width10, diff;
-      let line4 = { width: 0, segments: [] };
+      let line2 = { width: 0, segments: [] };
       const lines = [];
       let output = [];
       let maxWidth = 0;
       const lineStart = x;
       const pushLine = () => {
-        lines.push(line4);
-        maxWidth = Math.max(maxWidth, line4.width);
-        line4 = { width: 0, segments: [] };
+        lines.push(line2);
+        maxWidth = Math.max(maxWidth, line2.width);
+        line2 = { width: 0, segments: [] };
       };
       for (i = 0, il = input.length; i < il; i++) {
         char = input[i];
@@ -10196,26 +10196,26 @@ var require_vectorText = __commonJS({
           continue;
         }
         width10 = vect.width * letterSpacing;
-        line4.width += width10;
+        line2.width += width10;
         x += width10;
         if (char !== " ") {
-          line4.segments = line4.segments.concat(vect.segments);
+          line2.segments = line2.segments.concat(vect.segments);
         }
       }
-      if (line4.segments.length) {
+      if (line2.segments.length) {
         pushLine();
       }
       for (i = 0, il = lines.length; i < il; i++) {
-        line4 = lines[i];
-        if (maxWidth > line4.width) {
-          diff = maxWidth - line4.width;
+        line2 = lines[i];
+        if (maxWidth > line2.width) {
+          diff = maxWidth - line2.width;
           if (align === "right") {
-            line4 = translateLine({ x: diff }, line4);
+            line2 = translateLine({ x: diff }, line2);
           } else if (align === "center") {
-            line4 = translateLine({ x: diff / 2 }, line4);
+            line2 = translateLine({ x: diff / 2 }, line2);
           }
         }
-        output = output.concat(line4.segments);
+        output = output.concat(line2.segments);
       }
       return output;
     };
@@ -10487,7 +10487,7 @@ var require_reTesselateCoplanarPolygons = __commonJS({
   "node_modules/@jscad/modeling/src/operations/modifiers/reTesselateCoplanarPolygons.js"(exports, module) {
     "use strict";
     var { EPS } = require_constants();
-    var line22 = require_line2();
+    var line2 = require_line2();
     var vec2 = require_vec2();
     var OrthoNormalBasis = require_OrthoNormalBasis();
     var interpolateBetween2DPointsForY = require_interpolateBetween2DPointsForY();
@@ -10673,8 +10673,8 @@ var require_reTesselateCoplanarPolygons = __commonJS({
             topright,
             bottomleft,
             bottomright,
-            leftline: line22.fromPoints(line22.create(), topleft, bottomleft),
-            rightline: line22.fromPoints(line22.create(), bottomright, topright)
+            leftline: line2.fromPoints(line2.create(), topleft, bottomleft),
+            rightline: line2.fromPoints(line2.create(), bottomright, topright)
           };
           if (newoutpolygonrow.length > 0) {
             const prevoutpolygon = newoutpolygonrow[newoutpolygonrow.length - 1];
@@ -10700,11 +10700,11 @@ var require_reTesselateCoplanarPolygons = __commonJS({
                 if (vec2.distance(prevpolygon.bottomleft, thispolygon.topleft) < EPS) {
                   if (vec2.distance(prevpolygon.bottomright, thispolygon.topright) < EPS) {
                     matchedindexes.add(ii);
-                    const v1 = line22.direction(thispolygon.leftline);
-                    const v2 = line22.direction(prevpolygon.leftline);
+                    const v1 = line2.direction(thispolygon.leftline);
+                    const v2 = line2.direction(prevpolygon.leftline);
                     const d1 = v1[0] - v2[0];
-                    const v3 = line22.direction(thispolygon.rightline);
-                    const v4 = line22.direction(prevpolygon.rightline);
+                    const v3 = line2.direction(thispolygon.rightline);
+                    const v4 = line2.direction(prevpolygon.rightline);
                     const d2 = v3[0] - v4[0];
                     const leftlinecontinues = Math.abs(d1) < EPS;
                     const rightlinecontinues = Math.abs(d2) < EPS;
@@ -11612,7 +11612,7 @@ var require_subtractGeom3 = __commonJS({
     var flatten = require_flatten();
     var retessellate = require_retessellate();
     var subtractSub = require_subtractGeom3Sub();
-    var subtract7 = (...geometries) => {
+    var subtract5 = (...geometries) => {
       geometries = flatten(geometries);
       let newgeometry = geometries.shift();
       geometries.forEach((geometry) => {
@@ -11621,7 +11621,7 @@ var require_subtractGeom3 = __commonJS({
       newgeometry = retessellate(newgeometry);
       return newgeometry;
     };
-    module.exports = subtract7;
+    module.exports = subtract5;
   }
 });
 
@@ -11635,14 +11635,14 @@ var require_subtractGeom2 = __commonJS({
     var fromFakePolygons = require_fromFakePolygons();
     var to3DWalls = require_to3DWalls();
     var subtractGeom3 = require_subtractGeom3();
-    var subtract7 = (...geometries) => {
+    var subtract5 = (...geometries) => {
       geometries = flatten(geometries);
       const newgeometries = geometries.map((geometry) => to3DWalls({ z0: -1, z1: 1 }, geometry));
       const newgeom3 = subtractGeom3(newgeometries);
       const epsilon = measureEpsilon(newgeom3);
       return fromFakePolygons(epsilon, geom3.toPolygons(newgeom3));
     };
-    module.exports = subtract7;
+    module.exports = subtract5;
   }
 });
 
@@ -11656,7 +11656,7 @@ var require_subtract4 = __commonJS({
     var geom3 = require_geom3();
     var subtractGeom2 = require_subtractGeom2();
     var subtractGeom3 = require_subtractGeom3();
-    var subtract7 = (...geometries) => {
+    var subtract5 = (...geometries) => {
       geometries = flatten(geometries);
       if (geometries.length === 0) throw new Error("wrong number of arguments");
       if (!areAllShapesTheSameType(geometries)) {
@@ -11667,7 +11667,7 @@ var require_subtract4 = __commonJS({
       if (geom3.isA(geometry)) return subtractGeom3(geometries);
       return geometry;
     };
-    module.exports = subtract7;
+    module.exports = subtract5;
   }
 });
 
@@ -11709,7 +11709,7 @@ var require_unionGeom3 = __commonJS({
     var flatten = require_flatten();
     var retessellate = require_retessellate();
     var unionSub = require_unionGeom3Sub();
-    var union6 = (...geometries) => {
+    var union5 = (...geometries) => {
       geometries = flatten(geometries);
       let i;
       for (i = 1; i < geometries.length; i += 2) {
@@ -11719,7 +11719,7 @@ var require_unionGeom3 = __commonJS({
       newgeometry = retessellate(newgeometry);
       return newgeometry;
     };
-    module.exports = union6;
+    module.exports = union5;
   }
 });
 
@@ -11733,14 +11733,14 @@ var require_unionGeom2 = __commonJS({
     var fromFakePolygons = require_fromFakePolygons();
     var to3DWalls = require_to3DWalls();
     var unionGeom3 = require_unionGeom3();
-    var union6 = (...geometries) => {
+    var union5 = (...geometries) => {
       geometries = flatten(geometries);
       const newgeometries = geometries.map((geometry) => to3DWalls({ z0: -1, z1: 1 }, geometry));
       const newgeom3 = unionGeom3(newgeometries);
       const epsilon = measureEpsilon(newgeom3);
       return fromFakePolygons(epsilon, geom3.toPolygons(newgeom3));
     };
-    module.exports = union6;
+    module.exports = union5;
   }
 });
 
@@ -11754,7 +11754,7 @@ var require_union = __commonJS({
     var geom3 = require_geom3();
     var unionGeom2 = require_unionGeom2();
     var unionGeom3 = require_unionGeom3();
-    var union6 = (...geometries) => {
+    var union5 = (...geometries) => {
       geometries = flatten(geometries);
       if (geometries.length === 0) throw new Error("wrong number of arguments");
       if (!areAllShapesTheSameType(geometries)) {
@@ -11765,7 +11765,7 @@ var require_union = __commonJS({
       if (geom3.isA(geometry)) return unionGeom3(geometries);
       return geometry;
     };
-    module.exports = union6;
+    module.exports = union5;
   }
 });
 
@@ -11788,7 +11788,7 @@ var require_offsetFromPoints = __commonJS({
     "use strict";
     var { EPS, TAU } = require_constants();
     var intersect3 = require_intersect();
-    var line22 = require_line2();
+    var line2 = require_line2();
     var vec2 = require_vec2();
     var area = require_area();
     var offsetFromPoints = (options, points) => {
@@ -11852,12 +11852,12 @@ var require_offsetFromPoints = __commonJS({
       if (corners === "edge") {
         const pointIndex = /* @__PURE__ */ new Map();
         newPoints.forEach((point2, index2) => pointIndex.set(point2, index2));
-        const line0 = line22.create();
-        const line1 = line22.create();
+        const line0 = line2.create();
+        const line1 = line2.create();
         newCorners.forEach((corner) => {
-          line22.fromPoints(line0, corner.s0[0], corner.s0[1]);
-          line22.fromPoints(line1, corner.s1[0], corner.s1[1]);
-          const ip = line22.intersectPointOfLines(line0, line1);
+          line2.fromPoints(line0, corner.s0[0], corner.s0[1]);
+          line2.fromPoints(line1, corner.s1[0], corner.s1[1]);
+          const ip = line2.intersectPointOfLines(line0, line1);
           if (Number.isFinite(ip[0]) && Number.isFinite(ip[1])) {
             const p0 = corner.s0[1];
             const i = pointIndex.get(p0);
@@ -12155,7 +12155,7 @@ var require_expandGeom3 = __commonJS({
   "node_modules/@jscad/modeling/src/operations/expansions/expandGeom3.js"(exports, module) {
     "use strict";
     var geom3 = require_geom3();
-    var union6 = require_union();
+    var union5 = require_union();
     var expandShell = require_expandShell();
     var expandGeom3 = (options, geometry) => {
       const defaults = {
@@ -12171,7 +12171,7 @@ var require_expandGeom3 = __commonJS({
       if (polygons.length === 0) throw new Error("the given geometry cannot be empty");
       options = { delta, corners, segments };
       const expanded = expandShell(options, geometry);
-      return union6(geometry, expanded);
+      return union5(geometry, expanded);
     };
     module.exports = expandGeom3;
   }
@@ -12269,7 +12269,7 @@ var require_expand = __commonJS({
     var expandGeom2 = require_expandGeom2();
     var expandGeom3 = require_expandGeom3();
     var expandPath2 = require_expandPath2();
-    var expand5 = (options, ...objects) => {
+    var expand3 = (options, ...objects) => {
       objects = flatten(objects);
       if (objects.length === 0) throw new Error("wrong number of arguments");
       const results = objects.map((object) => {
@@ -12280,7 +12280,7 @@ var require_expand = __commonJS({
       });
       return results.length === 1 ? results[0] : results;
     };
-    module.exports = expand5;
+    module.exports = expand3;
   }
 });
 
@@ -12451,7 +12451,7 @@ var require_extrudeLinear = __commonJS({
     var path2 = require_path2();
     var extrudeLinearGeom2 = require_extrudeLinearGeom2();
     var extrudeLinearPath2 = require_extrudeLinearPath2();
-    var extrudeLinear9 = (options, ...objects) => {
+    var extrudeLinear5 = (options, ...objects) => {
       const defaults = {
         height: 1,
         twistAngle: 0,
@@ -12469,7 +12469,7 @@ var require_extrudeLinear = __commonJS({
       });
       return results.length === 1 ? results[0] : results;
     };
-    module.exports = extrudeLinear9;
+    module.exports = extrudeLinear5;
   }
 });
 
@@ -12478,7 +12478,7 @@ var require_extrudeRectangularPath2 = __commonJS({
   "node_modules/@jscad/modeling/src/operations/extrusions/extrudeRectangularPath2.js"(exports, module) {
     "use strict";
     var path2 = require_path2();
-    var expand5 = require_expand();
+    var expand3 = require_expand();
     var extrudeLinearGeom2 = require_extrudeLinearGeom2();
     var extrudeRectangularPath2 = (options, geometry) => {
       const defaults = {
@@ -12490,7 +12490,7 @@ var require_extrudeRectangularPath2 = __commonJS({
       options.offset = [0, 0, height10];
       const points = path2.toPoints(geometry);
       if (points.length === 0) throw new Error("the given geometry cannot be empty");
-      const newgeometry = expand5(options, geometry);
+      const newgeometry = expand3(options, geometry);
       return extrudeLinearGeom2(options, newgeometry);
     };
     module.exports = extrudeRectangularPath2;
@@ -12504,7 +12504,7 @@ var require_extrudeRectangularGeom2 = __commonJS({
     var { area } = require_utils();
     var geom2 = require_geom2();
     var path2 = require_path2();
-    var expand5 = require_expand();
+    var expand3 = require_expand();
     var extrudeLinearGeom2 = require_extrudeLinearGeom2();
     var extrudeRectangularGeom2 = (options, geometry) => {
       const defaults = {
@@ -12518,7 +12518,7 @@ var require_extrudeRectangularGeom2 = __commonJS({
       if (outlines.length === 0) throw new Error("the given geometry cannot be empty");
       const newparts = outlines.map((outline) => {
         if (area(outline) < 0) outline.reverse();
-        return expand5(options, path2.fromPoints({ closed: true }, outline));
+        return expand3(options, path2.fromPoints({ closed: true }, outline));
       });
       const allsides = newparts.reduce((sides2, part) => sides2.concat(geom2.toSides(part)), []);
       const newgeometry = geom2.create(allsides);
@@ -12886,7 +12886,7 @@ var require_hullChain = __commonJS({
   "node_modules/@jscad/modeling/src/operations/hulls/hullChain.js"(exports, module) {
     "use strict";
     var flatten = require_flatten();
-    var union6 = require_union();
+    var union5 = require_union();
     var hull = require_hull();
     var hullChain = (...geometries) => {
       geometries = flatten(geometries);
@@ -12895,7 +12895,7 @@ var require_hullChain = __commonJS({
       for (let i = 1; i < geometries.length; i++) {
         hulls.push(hull(geometries[i - 1], geometries[i]));
       }
-      return union6(hulls);
+      return union5(hulls);
     };
     module.exports = hullChain;
   }
@@ -13528,7 +13528,7 @@ var require_align = __commonJS({
     var flatten = require_flatten();
     var padArrayToLength = require_padArrayToLength();
     var measureAggregateBoundingBox = require_measureAggregateBoundingBox();
-    var { translate: translate11 } = require_translate2();
+    var { translate: translate7 } = require_translate2();
     var validateOptions = (options) => {
       if (!Array.isArray(options.modes) || options.modes.length > 3) throw new Error("align(): modes must be an array of length <= 3");
       options.modes = padArrayToLength(options.modes, "none", 3);
@@ -13565,7 +13565,7 @@ var require_align = __commonJS({
           translation[i] = relativeTo[i] - bounds[0][i];
         }
       }
-      return translate11(translation, geometry);
+      return translate7(translation, geometry);
     };
     var align = (options, ...geometries) => {
       const defaults = {
@@ -13602,7 +13602,7 @@ var require_center = __commonJS({
     var geom3 = require_geom3();
     var path2 = require_path2();
     var measureBoundingBox = require_measureBoundingBox2();
-    var { translate: translate11 } = require_translate2();
+    var { translate: translate7 } = require_translate2();
     var centerGeometry = (options, object) => {
       const defaults = {
         axes: [true, true, true],
@@ -13614,7 +13614,7 @@ var require_center = __commonJS({
       if (axes[0]) offset4[0] = relativeTo[0] - (bounds[0][0] + (bounds[1][0] - bounds[0][0]) / 2);
       if (axes[1]) offset4[1] = relativeTo[1] - (bounds[0][1] + (bounds[1][1] - bounds[0][1]) / 2);
       if (axes[2]) offset4[2] = relativeTo[2] - (bounds[0][2] + (bounds[1][2] - bounds[0][2]) / 2);
-      return translate11(offset4, object);
+      return translate7(offset4, object);
     };
     var center = (options, ...objects) => {
       const defaults = {
@@ -14229,10 +14229,10 @@ var require_browser = __commonJS({
 
 // src/CadViewer.tsx
 import { useState as useState35, useCallback as useCallback21, useRef as useRef26, useEffect as useEffect43 } from "react";
-import * as THREE31 from "three";
+import * as THREE33 from "three";
 
 // src/CadViewerJscad.tsx
-import { su as su11 } from "@tscircuit/circuit-json-util";
+import { su as su12 } from "@tscircuit/circuit-json-util";
 import { forwardRef as forwardRef3, useMemo as useMemo20 } from "react";
 
 // src/AnyCadComponent.tsx
@@ -24526,7 +24526,7 @@ var m2host = (raw_params) => {
   }
   const centerX = (minX + maxX) / 2;
   const centerY = (minY + maxY) / 2;
-  const translate11 = (el) => {
+  const translate7 = (el) => {
     if (typeof el.x === "number") el.x -= centerX;
     if (typeof el.y === "number") el.y -= centerY;
     if (el.center) {
@@ -24540,9 +24540,9 @@ var m2host = (raw_params) => {
       }));
     }
   };
-  for (const pad2 of pads) translate11(pad2);
-  translate11(cutout);
-  translate11(pin1Marker);
+  for (const pad2 of pads) translate7(pad2);
+  translate7(cutout);
+  translate7(pin1Marker);
   return {
     circuitJson: [
       ...pads,
@@ -28509,7 +28509,7 @@ import * as THREE15 from "three";
 // package.json
 var package_default = {
   name: "@tscircuit/3d-viewer",
-  version: "0.0.468",
+  version: "0.0.470",
   main: "./dist/index.js",
   module: "./dist/index.js",
   type: "module",
@@ -29727,7 +29727,7 @@ var colors = {
 var MANIFOLD_Z_OFFSET = 1e-3;
 var SMOOTH_CIRCLE_SEGMENTS = 32;
 var DEFAULT_SMT_PAD_THICKNESS = 0.035;
-var TRACE_TEXTURE_RESOLUTION = 50;
+var TRACE_TEXTURE_RESOLUTION = 150;
 var boardMaterialColors = {
   fr1: colors.fr1Tan,
   fr4: colors.fr4Tan
@@ -29782,6 +29782,10 @@ var createSimplifiedBoardGeom = (circuitJson) => {
   let pcbThickness = 1.2;
   if (panels.length > 0) {
     boardOrPanel = panels[0];
+    const firstBoardInPanel = boards.find(
+      (b) => b.pcb_panel_id === boardOrPanel.pcb_panel_id
+    );
+    pcbThickness = firstBoardInPanel?.thickness ?? 1.2;
   } else {
     const boardsNotInPanel = boards.filter(
       (b) => !b.pcb_panel_id
@@ -29807,7 +29811,10 @@ var createSimplifiedBoardGeom = (circuitJson) => {
       center: [boardOrPanel.center.x, boardOrPanel.center.y, 0]
     });
   }
-  const material = boardMaterialColors["material" in boardOrPanel ? boardOrPanel.material ?? "fr4" : "fr4"] ?? colors.fr4Tan;
+  const materialName = "material" in boardOrPanel && boardOrPanel.material ? boardOrPanel.material : panels.length > 0 ? boards.find(
+    (b) => b.pcb_panel_id === boardOrPanel.pcb_panel_id
+  )?.material ?? "fr4" : "fr4";
+  const material = boardMaterialColors[materialName] ?? colors.fr4Tan;
   return [(0, import_colors.colorize)(material, boardGeom)];
 };
 var createBoardGeomFromCircuitJson = (circuitJson, opts = {}) => {
@@ -29821,10 +29828,10 @@ var createBoardGeomFromCircuitJson = (circuitJson, opts = {}) => {
 };
 
 // src/BoardGeomBuilder.ts
-var import_transforms10 = __toESM(require_transforms(), 1);
-var import_primitives11 = __toESM(require_primitives(), 1);
-var import_colors7 = __toESM(require_colors(), 1);
-var import_booleans7 = __toESM(require_booleans(), 1);
+var import_transforms6 = __toESM(require_transforms(), 1);
+var import_primitives7 = __toESM(require_primitives(), 1);
+var import_colors3 = __toESM(require_colors(), 1);
+var import_booleans5 = __toESM(require_booleans(), 1);
 import { su as su3 } from "@tscircuit/circuit-json-util";
 
 // src/geoms/plated-hole.ts
@@ -29996,19 +30003,19 @@ var platedHole = (plated_hole, ctx, options = {}) => {
     const holeWidth = plated_hole.hole_width || 0;
     const holeHeight = plated_hole.hole_height || 0;
     const copperBody = (() => {
-      const circle2 = (0, import_primitives4.cylinder)({
+      const circle = (0, import_primitives4.cylinder)({
         center: [0, 0, 0],
         radius: 1,
         height: copperSpan + 0.01,
         segments: 64
         // High segment count for smooth ellipse
       });
-      const scaled = (0, import_transforms3.scale)([outerWidth / 2, outerHeight / 2, 1], circle2);
+      const scaled = (0, import_transforms3.scale)([outerWidth / 2, outerHeight / 2, 1], circle);
       return (0, import_transforms4.translate)([plated_hole.x, plated_hole.y, 0], scaled);
     })();
     const copperSolid = maybeClip(copperBody, clipGeom);
     const drill = (() => {
-      const circle2 = (0, import_primitives4.cylinder)({
+      const circle = (0, import_primitives4.cylinder)({
         center: [0, 0, 0],
         radius: 1,
         height: throughDrillHeight,
@@ -30017,7 +30024,7 @@ var platedHole = (plated_hole, ctx, options = {}) => {
       });
       const scaled = (0, import_transforms3.scale)(
         [Math.max(holeWidth / 2, 0.01), Math.max(holeHeight / 2, 0.01), 1],
-        circle2
+        circle
       );
       return (0, import_transforms4.translate)([plated_hole.x, plated_hole.y, 0], scaled);
     })();
@@ -30379,526 +30386,12 @@ var platedHole = (plated_hole, ctx, options = {}) => {
 };
 
 // src/BoardGeomBuilder.ts
-var import_extrusions8 = __toESM(require_extrusions(), 1);
-var import_expansions4 = __toESM(require_expansions(), 1);
-
-// src/geoms/create-geoms-for-silkscreen-text.ts
-var import_text = __toESM(require_text(), 1);
-
-// node_modules/transformation-matrix/src/applyToPoint.js
-function applyToPoint(matrix, point2) {
-  return Array.isArray(point2) ? [
-    matrix.a * point2[0] + matrix.c * point2[1] + matrix.e,
-    matrix.b * point2[0] + matrix.d * point2[1] + matrix.f
-  ] : {
-    x: matrix.a * point2.x + matrix.c * point2.y + matrix.e,
-    y: matrix.b * point2.x + matrix.d * point2.y + matrix.f
-  };
-}
-
-// node_modules/transformation-matrix/src/utils.js
-function isUndefined(val) {
-  return typeof val === "undefined";
-}
-
-// node_modules/transformation-matrix/src/translate.js
-function translate4(tx, ty = 0) {
-  return {
-    a: 1,
-    c: 0,
-    e: tx,
-    b: 0,
-    d: 1,
-    f: ty
-  };
-}
-
-// node_modules/transformation-matrix/src/transform.js
-function transform(...matrices) {
-  matrices = Array.isArray(matrices[0]) ? matrices[0] : matrices;
-  const multiply = (m1, m2) => {
-    return {
-      a: m1.a * m2.a + m1.c * m2.b,
-      c: m1.a * m2.c + m1.c * m2.d,
-      e: m1.a * m2.e + m1.c * m2.f + m1.e,
-      b: m1.b * m2.a + m1.d * m2.b,
-      d: m1.b * m2.c + m1.d * m2.d,
-      f: m1.b * m2.e + m1.d * m2.f + m1.f
-    };
-  };
-  switch (matrices.length) {
-    case 0:
-      throw new Error("no matrices provided");
-    case 1:
-      return matrices[0];
-    case 2:
-      return multiply(matrices[0], matrices[1]);
-    default: {
-      const [m1, m2, ...rest] = matrices;
-      const m = multiply(m1, m2);
-      return transform(m, ...rest);
-    }
-  }
-}
-function compose(...matrices) {
-  return transform(...matrices);
-}
-
-// node_modules/transformation-matrix/src/rotate.js
-var { cos, sin, PI } = Math;
-function rotate2(angle, cx, cy) {
-  const cosAngle = cos(angle);
-  const sinAngle = sin(angle);
-  const rotationMatrix = {
-    a: cosAngle,
-    c: -sinAngle,
-    e: 0,
-    b: sinAngle,
-    d: cosAngle,
-    f: 0
-  };
-  if (isUndefined(cx) || isUndefined(cy)) {
-    return rotationMatrix;
-  }
-  return transform([
-    translate4(cx, cy),
-    rotationMatrix,
-    translate4(-cx, -cy)
-  ]);
-}
-
-// node_modules/transformation-matrix/src/skew.js
-var { tan } = Math;
-
-// node_modules/transformation-matrix/src/fromTransformAttribute.autogenerated.js
-function peg$subclass(child, parent) {
-  function C() {
-    this.constructor = child;
-  }
-  C.prototype = parent.prototype;
-  child.prototype = new C();
-}
-function peg$SyntaxError(message, expected, found, location) {
-  var self = Error.call(this, message);
-  if (Object.setPrototypeOf) {
-    Object.setPrototypeOf(self, peg$SyntaxError.prototype);
-  }
-  self.expected = expected;
-  self.found = found;
-  self.location = location;
-  self.name = "SyntaxError";
-  return self;
-}
-peg$subclass(peg$SyntaxError, Error);
-function peg$padEnd(str, targetLength, padString) {
-  padString = padString || " ";
-  if (str.length > targetLength) {
-    return str;
-  }
-  targetLength -= str.length;
-  padString += padString.repeat(targetLength);
-  return str + padString.slice(0, targetLength);
-}
-peg$SyntaxError.prototype.format = function(sources) {
-  var str = "Error: " + this.message;
-  if (this.location) {
-    var src = null;
-    var k;
-    for (k = 0; k < sources.length; k++) {
-      if (sources[k].source === this.location.source) {
-        src = sources[k].text.split(/\r\n|\n|\r/g);
-        break;
-      }
-    }
-    var s = this.location.start;
-    var offset_s = this.location.source && typeof this.location.source.offset === "function" ? this.location.source.offset(s) : s;
-    var loc = this.location.source + ":" + offset_s.line + ":" + offset_s.column;
-    if (src) {
-      var e = this.location.end;
-      var filler = peg$padEnd("", offset_s.line.toString().length, " ");
-      var line4 = src[s.line - 1];
-      var last = s.line === e.line ? e.column : line4.length + 1;
-      var hatLen = last - s.column || 1;
-      str += "\n --> " + loc + "\n" + filler + " |\n" + offset_s.line + " | " + line4 + "\n" + filler + " | " + peg$padEnd("", s.column - 1, " ") + peg$padEnd("", hatLen, "^");
-    } else {
-      str += "\n at " + loc;
-    }
-  }
-  return str;
-};
-peg$SyntaxError.buildMessage = function(expected, found) {
-  var DESCRIBE_EXPECTATION_FNS = {
-    literal: function(expectation) {
-      return '"' + literalEscape(expectation.text) + '"';
-    },
-    class: function(expectation) {
-      var escapedParts = expectation.parts.map(function(part) {
-        return Array.isArray(part) ? classEscape(part[0]) + "-" + classEscape(part[1]) : classEscape(part);
-      });
-      return "[" + (expectation.inverted ? "^" : "") + escapedParts.join("") + "]";
-    },
-    any: function() {
-      return "any character";
-    },
-    end: function() {
-      return "end of input";
-    },
-    other: function(expectation) {
-      return expectation.description;
-    }
-  };
-  function hex(ch) {
-    return ch.charCodeAt(0).toString(16).toUpperCase();
-  }
-  function literalEscape(s) {
-    return s.replace(/\\/g, "\\\\").replace(/"/g, '\\"').replace(/\0/g, "\\0").replace(/\t/g, "\\t").replace(/\n/g, "\\n").replace(/\r/g, "\\r").replace(/[\x00-\x0F]/g, function(ch) {
-      return "\\x0" + hex(ch);
-    }).replace(/[\x10-\x1F\x7F-\x9F]/g, function(ch) {
-      return "\\x" + hex(ch);
-    });
-  }
-  function classEscape(s) {
-    return s.replace(/\\/g, "\\\\").replace(/\]/g, "\\]").replace(/\^/g, "\\^").replace(/-/g, "\\-").replace(/\0/g, "\\0").replace(/\t/g, "\\t").replace(/\n/g, "\\n").replace(/\r/g, "\\r").replace(/[\x00-\x0F]/g, function(ch) {
-      return "\\x0" + hex(ch);
-    }).replace(/[\x10-\x1F\x7F-\x9F]/g, function(ch) {
-      return "\\x" + hex(ch);
-    });
-  }
-  function describeExpectation(expectation) {
-    return DESCRIBE_EXPECTATION_FNS[expectation.type](expectation);
-  }
-  function describeExpected(expected2) {
-    var descriptions = expected2.map(describeExpectation);
-    var i, j;
-    descriptions.sort();
-    if (descriptions.length > 0) {
-      for (i = 1, j = 1; i < descriptions.length; i++) {
-        if (descriptions[i - 1] !== descriptions[i]) {
-          descriptions[j] = descriptions[i];
-          j++;
-        }
-      }
-      descriptions.length = j;
-    }
-    switch (descriptions.length) {
-      case 1:
-        return descriptions[0];
-      case 2:
-        return descriptions[0] + " or " + descriptions[1];
-      default:
-        return descriptions.slice(0, -1).join(", ") + ", or " + descriptions[descriptions.length - 1];
-    }
-  }
-  function describeFound(found2) {
-    return found2 ? '"' + literalEscape(found2) + '"' : "end of input";
-  }
-  return "Expected " + describeExpected(expected) + " but " + describeFound(found) + " found.";
-};
-
-// src/geoms/create-geoms-for-silkscreen-text.ts
-function createSilkscreenTextGeoms(silkscreenText) {
-  const textOutlines = (0, import_text.vectorText)({
-    height: silkscreenText.font_size * 0.45,
-    input: silkscreenText.text
-  });
-  let rotationDegrees = silkscreenText.ccw_rotation ?? 0;
-  textOutlines.forEach((outline) => {
-    if (outline.length === 29) {
-      textOutlines.splice(
-        textOutlines.indexOf(outline),
-        1,
-        outline.slice(0, 15)
-      );
-      textOutlines.splice(
-        textOutlines.indexOf(outline),
-        0,
-        outline.slice(14, 29)
-      );
-    } else if (outline.length === 17) {
-      textOutlines.splice(
-        textOutlines.indexOf(outline),
-        1,
-        outline.slice(0, 10)
-      );
-      textOutlines.splice(
-        textOutlines.indexOf(outline),
-        0,
-        outline.slice(9, 17)
-      );
-    }
-  });
-  const points = textOutlines.flatMap((o) => o);
-  const textBounds = {
-    minX: Math.min(...points.map((p) => p[0])),
-    maxX: Math.max(...points.map((p) => p[0])),
-    minY: Math.min(...points.map((p) => p[1])),
-    maxY: Math.max(...points.map((p) => p[1]))
-  };
-  const centerX = (textBounds.minX + textBounds.maxX) / 2;
-  const centerY = (textBounds.minY + textBounds.maxY) / 2;
-  let xOffset = -centerX;
-  let yOffset = -centerY;
-  if (silkscreenText.anchor_alignment?.includes("right")) {
-    xOffset = -textBounds.maxX;
-  } else if (silkscreenText.anchor_alignment?.includes("left")) {
-    xOffset = -textBounds.minX;
-  }
-  if (silkscreenText.anchor_alignment?.includes("top")) {
-    yOffset = -textBounds.maxY;
-  } else if (silkscreenText.anchor_alignment?.includes("bottom")) {
-    yOffset = -textBounds.minY;
-  }
-  const transforms = [];
-  if (silkscreenText.layer === "bottom") {
-    transforms.push(
-      translate4(centerX, centerY),
-      { a: -1, b: 0, c: 0, d: 1, e: 0, f: 0 },
-      // horizontal flip matrix
-      translate4(-centerX, -centerY)
-    );
-    rotationDegrees = -rotationDegrees;
-  }
-  if (rotationDegrees) {
-    const rad = rotationDegrees * Math.PI / 180;
-    transforms.push(
-      translate4(centerX, centerY),
-      rotate2(rad),
-      translate4(-centerX, -centerY)
-    );
-  }
-  let transformedOutlines = textOutlines;
-  if (transforms.length > 0) {
-    const matrix = compose(...transforms);
-    transformedOutlines = textOutlines.map(
-      (outline) => outline.map(([x, y]) => {
-        const { x: nx, y: ny } = applyToPoint(matrix, { x, y });
-        return [nx, ny];
-      })
-    );
-  }
-  return {
-    textOutlines: transformedOutlines,
-    xOffset,
-    yOffset
-  };
-}
-
-// src/geoms/create-geoms-for-silkscreen-path.ts
-var import_primitives5 = __toESM(require_primitives(), 1);
-var import_expansions2 = __toESM(require_expansions(), 1);
 var import_extrusions4 = __toESM(require_extrusions(), 1);
-var import_transforms5 = __toESM(require_transforms(), 1);
-var import_colors3 = __toESM(require_colors(), 1);
-
-// src/utils/units.ts
-var MM_PER_INCH = 25.4;
-var MM_PER_MIL = MM_PER_INCH / 1e3;
-var dimensionRegex = /^\s*(-?\d*(?:\.\d+)?)(?:\s*(mm|mil|inch|in|"))?\s*$/i;
-function normalizeUnit(unit) {
-  if (!unit) return void 0;
-  const normalized = unit.trim().toLowerCase();
-  if (normalized === '"') return "in";
-  if (normalized === "inch") return "in";
-  return normalized;
-}
-function parseDimensionToMm(value) {
-  if (value === null || value === void 0) return void 0;
-  if (typeof value === "number") {
-    return Number.isFinite(value) ? value : void 0;
-  }
-  if (typeof value !== "string") return void 0;
-  const trimmed = value.trim();
-  if (trimmed.length === 0) return void 0;
-  const match = trimmed.match(dimensionRegex);
-  if (!match) {
-    const numeric = Number.parseFloat(trimmed);
-    return Number.isFinite(numeric) ? numeric : void 0;
-  }
-  const [, magnitudeRaw, unitRaw] = match;
-  const magnitude = Number.parseFloat(magnitudeRaw || "0");
-  if (!Number.isFinite(magnitude)) return void 0;
-  const unit = normalizeUnit(unitRaw);
-  switch (unit) {
-    case "mil":
-      return magnitude * MM_PER_MIL;
-    case "in":
-      return magnitude * MM_PER_INCH;
-    case "mm":
-    case void 0:
-      return magnitude;
-    default:
-      return magnitude;
-  }
-}
-function coerceDimensionToMm(value, fallback) {
-  const parsed = parseDimensionToMm(value);
-  return parsed === void 0 ? fallback : parsed;
-}
-
-// src/geoms/create-geoms-for-silkscreen-path.ts
-function createSilkscreenPathGeom(sp, ctx) {
-  if (sp.route.length < 2) return void 0;
-  const routePoints = sp.route.map((p) => [
-    parseDimensionToMm(p.x) ?? 0,
-    parseDimensionToMm(p.y) ?? 0
-  ]);
-  const pathLine = (0, import_primitives5.line)(routePoints);
-  const strokeWidth = coerceDimensionToMm(sp.stroke_width, 0.1);
-  const expandedPath = (0, import_expansions2.expand)(
-    { delta: strokeWidth / 2, corners: "round" },
-    pathLine
-  );
-  const layerSign = sp.layer === "bottom" ? -1 : 1;
-  const zPos = layerSign * ctx.pcbThickness / 2 + layerSign * M * 1.5;
-  let pathGeom = (0, import_transforms5.translate)(
-    [0, 0, zPos],
-    (0, import_extrusions4.extrudeLinear)({ height: 0.012 }, expandedPath)
-    // Standard silkscreen thickness
-  );
-  pathGeom = (0, import_colors3.colorize)([1, 1, 1], pathGeom);
-  return pathGeom;
-}
-
-// src/geoms/create-geoms-for-silkscreen-line.ts
-var import_primitives6 = __toESM(require_primitives(), 1);
-var import_expansions3 = __toESM(require_expansions(), 1);
-var import_extrusions5 = __toESM(require_extrusions(), 1);
-var import_transforms6 = __toESM(require_transforms(), 1);
-var import_colors4 = __toESM(require_colors(), 1);
-function createSilkscreenLineGeom(sl, ctx) {
-  const x1 = parseDimensionToMm(sl.x1) ?? 0;
-  const y1 = parseDimensionToMm(sl.y1) ?? 0;
-  const x2 = parseDimensionToMm(sl.x2) ?? 0;
-  const y2 = parseDimensionToMm(sl.y2) ?? 0;
-  if (x1 === x2 && y1 === y2) return void 0;
-  const routePoints = [
-    [x1, y1],
-    [x2, y2]
-  ];
-  const baseLine = (0, import_primitives6.line)(routePoints);
-  const strokeWidth = coerceDimensionToMm(sl.stroke_width, 0.1);
-  const expandedLine = (0, import_expansions3.expand)(
-    { delta: strokeWidth / 2, corners: "round" },
-    baseLine
-  );
-  const layerSign = sl.layer === "bottom" ? -1 : 1;
-  const zPos = layerSign * ctx.pcbThickness / 2 + layerSign * M * 1.5;
-  let lineGeom = (0, import_transforms6.translate)(
-    [0, 0, zPos],
-    (0, import_extrusions5.extrudeLinear)({ height: 0.012 }, expandedLine)
-  );
-  lineGeom = (0, import_colors4.colorize)([1, 1, 1], lineGeom);
-  return lineGeom;
-}
-
-// src/geoms/create-geoms-for-silkscreen-rect.ts
-var import_primitives7 = __toESM(require_primitives(), 1);
-var import_extrusions6 = __toESM(require_extrusions(), 1);
-var import_transforms7 = __toESM(require_transforms(), 1);
-var import_colors5 = __toESM(require_colors(), 1);
-var import_booleans3 = __toESM(require_booleans(), 1);
-var RECT_SEGMENTS = 64;
-function createSilkscreenRectGeom(rect, ctx) {
-  const width10 = coerceDimensionToMm(rect.width, 0);
-  const height10 = coerceDimensionToMm(rect.height, 0);
-  if (width10 <= 0 || height10 <= 0) return void 0;
-  const centerX = parseDimensionToMm(rect.center?.x) ?? 0;
-  const centerY = parseDimensionToMm(rect.center?.y) ?? 0;
-  const rawBorderRadius = extractRectBorderRadius(rect);
-  const borderRadius = clampRectBorderRadius(
-    width10,
-    height10,
-    typeof rawBorderRadius === "string" ? parseDimensionToMm(rawBorderRadius) : rawBorderRadius
-  );
-  const createRectGeom = (rectWidth, rectHeight, radius) => (0, import_extrusions6.extrudeLinear)(
-    { height: 0.012 },
-    (0, import_primitives7.roundedRectangle)({
-      size: [rectWidth, rectHeight],
-      roundRadius: radius,
-      segments: RECT_SEGMENTS
-    })
-  );
-  const isFilled = rect.is_filled ?? true;
-  const hasStroke = rect.has_stroke ?? false;
-  const strokeWidth = hasStroke ? coerceDimensionToMm(rect.stroke_width, 0.1) : 0;
-  let fillGeom;
-  if (isFilled) {
-    fillGeom = createRectGeom(width10, height10, borderRadius);
-  }
-  let strokeGeom;
-  if (hasStroke && strokeWidth > 0) {
-    const outerGeom = createRectGeom(width10, height10, borderRadius);
-    const innerWidth = width10 - strokeWidth * 2;
-    const innerHeight = height10 - strokeWidth * 2;
-    if (innerWidth > 0 && innerHeight > 0) {
-      const innerRadius = clampRectBorderRadius(
-        innerWidth,
-        innerHeight,
-        Math.max(borderRadius - strokeWidth, 0)
-      );
-      const innerGeom = createRectGeom(innerWidth, innerHeight, innerRadius);
-      strokeGeom = (0, import_booleans3.subtract)(outerGeom, innerGeom);
-    } else {
-      strokeGeom = outerGeom;
-    }
-  }
-  let rectGeom = fillGeom;
-  if (strokeGeom) {
-    rectGeom = rectGeom ? (0, import_booleans3.union)(rectGeom, strokeGeom) : strokeGeom;
-  }
-  if (!rectGeom) return void 0;
-  const layerSign = rect.layer === "bottom" ? -1 : 1;
-  const zPos = layerSign * ctx.pcbThickness / 2 + layerSign * M * 1.5;
-  rectGeom = (0, import_transforms7.translate)([centerX, centerY, zPos], rectGeom);
-  return (0, import_colors5.colorize)([1, 1, 1], rectGeom);
-}
-
-// src/geoms/create-geoms-for-silkscreen-circle.ts
-var import_primitives8 = __toESM(require_primitives(), 1);
-var import_extrusions7 = __toESM(require_extrusions(), 1);
-var import_transforms8 = __toESM(require_transforms(), 1);
-var import_colors6 = __toESM(require_colors(), 1);
-var import_booleans4 = __toESM(require_booleans(), 1);
-var CIRCLE_SEGMENTS = 64;
-function createSilkscreenCircleGeom(circleEl, ctx) {
-  const radius = coerceDimensionToMm(circleEl.radius, 0);
-  if (radius <= 0) return void 0;
-  const strokeWidth = coerceDimensionToMm(circleEl.stroke_width, 0.12);
-  const hasStroke = strokeWidth > 0;
-  const centerX = parseDimensionToMm(circleEl.center?.x) ?? 0;
-  const centerY = parseDimensionToMm(circleEl.center?.y) ?? 0;
-  const layerSign = circleEl.layer === "bottom" ? -1 : 1;
-  const zPos = layerSign * ctx.pcbThickness / 2 + layerSign * M * 1.5;
-  const baseHeight = 0.012;
-  let circleGeom;
-  if (hasStroke) {
-    const outerRadius = radius + strokeWidth / 2;
-    const innerRadius = radius - strokeWidth / 2;
-    const outerCircle2d = (0, import_primitives8.circle)({
-      radius: outerRadius,
-      segments: CIRCLE_SEGMENTS
-    });
-    let ring3d = (0, import_extrusions7.extrudeLinear)({ height: baseHeight }, outerCircle2d);
-    if (innerRadius > 0) {
-      const innerCircle2d = (0, import_primitives8.circle)({
-        radius: innerRadius,
-        segments: CIRCLE_SEGMENTS
-      });
-      const inner3d = (0, import_extrusions7.extrudeLinear)({ height: baseHeight }, innerCircle2d);
-      ring3d = (0, import_booleans4.subtract)(ring3d, inner3d);
-    }
-    circleGeom = ring3d;
-  } else {
-    const filledCircle2d = (0, import_primitives8.circle)({ radius, segments: CIRCLE_SEGMENTS });
-    circleGeom = (0, import_extrusions7.extrudeLinear)({ height: baseHeight }, filledCircle2d);
-  }
-  const translatedGeom = (0, import_transforms8.translate)([centerX, centerY, zPos], circleGeom);
-  return (0, import_colors6.colorize)([1, 1, 1], translatedGeom);
-}
+var import_expansions2 = __toESM(require_expansions(), 1);
 
 // src/geoms/brep-converter.ts
-var import_primitives9 = __toESM(require_primitives(), 1);
-var import_booleans5 = __toESM(require_booleans(), 1);
+var import_primitives5 = __toESM(require_primitives(), 1);
+var import_booleans3 = __toESM(require_booleans(), 1);
 function segmentToPoints(p1, p2, bulge, arcSegments) {
   if (!bulge || Math.abs(bulge) < 1e-9) {
     return [];
@@ -30966,7 +30459,7 @@ function createGeom2FromBRep(brep, arcSegments = 16) {
   if (arePointsClockwise2(outerPoints)) {
     outerPoints.reverse();
   }
-  const outerGeom = (0, import_primitives9.polygon)({ points: outerPoints });
+  const outerGeom = (0, import_primitives5.polygon)({ points: outerPoints });
   if (!brep.inner_rings || brep.inner_rings.length === 0) {
     return outerGeom;
   }
@@ -30975,16 +30468,16 @@ function createGeom2FromBRep(brep, arcSegments = 16) {
     if (arePointsClockwise2(innerPoints)) {
       innerPoints.reverse();
     }
-    return (0, import_primitives9.polygon)({ points: innerPoints });
+    return (0, import_primitives5.polygon)({ points: innerPoints });
   });
   if (innerGeoms.length === 0) return outerGeom;
-  return (0, import_booleans5.subtract)(outerGeom, innerGeoms);
+  return (0, import_booleans3.subtract)(outerGeom, innerGeoms);
 }
 
 // src/geoms/via-geoms.ts
-var import_booleans6 = __toESM(require_booleans(), 1);
-var import_transforms9 = __toESM(require_transforms(), 1);
-var import_primitives10 = __toESM(require_primitives(), 1);
+var import_booleans4 = __toESM(require_booleans(), 1);
+var import_transforms5 = __toESM(require_transforms(), 1);
+var import_primitives6 = __toESM(require_primitives(), 1);
 function createViaCopper({
   x,
   y,
@@ -31003,34 +30496,34 @@ function createViaCopper({
     outerDiameter / 2,
     holeDiameter / 2 + platingThickness
   );
-  const barrel = (0, import_primitives10.cylinder)({
+  const barrel = (0, import_primitives6.cylinder)({
     center: [0, 0, 0],
     radius: barrelRadius,
     height: thickness,
     segments: SMOOTH_CIRCLE_SEGMENTS
   });
-  const topPad = (0, import_primitives10.cylinder)({
+  const topPad = (0, import_primitives6.cylinder)({
     center: [0, 0, thickness / 2],
     radius: outerDiameter / 2,
     height: padThickness,
     segments: SMOOTH_CIRCLE_SEGMENTS
   });
-  const bottomPad = (0, import_primitives10.cylinder)({
+  const bottomPad = (0, import_primitives6.cylinder)({
     center: [0, 0, -thickness / 2],
     radius: outerDiameter / 2,
     height: padThickness,
     segments: SMOOTH_CIRCLE_SEGMENTS
   });
-  const viaSolid = (0, import_booleans6.union)([barrel, topPad, bottomPad]);
+  const viaSolid = (0, import_booleans4.union)([barrel, topPad, bottomPad]);
   const drillHeight = thickness + padThickness * 2;
-  const drill = (0, import_primitives10.cylinder)({
+  const drill = (0, import_primitives6.cylinder)({
     center: [0, 0, 0],
     radius: holeDiameter / 2,
     height: drillHeight,
     segments: SMOOTH_CIRCLE_SEGMENTS
   });
-  const finalViaCopper = (0, import_booleans6.subtract)(viaSolid, drill);
-  const positionedVia = (0, import_transforms9.translate)([x, y, 0], finalViaCopper);
+  const finalViaCopper = (0, import_booleans4.subtract)(viaSolid, drill);
+  const positionedVia = (0, import_transforms5.translate)([x, y, 0], finalViaCopper);
   return positionedVia;
 }
 function createViaBoardDrill({
@@ -31041,7 +30534,7 @@ function createViaBoardDrill({
 }) {
   const drillHeight = thickness * 1.5;
   const drillRadius = holeDiameter / 2 + M;
-  const drill = (0, import_primitives10.cylinder)({
+  const drill = (0, import_primitives6.cylinder)({
     center: [x, y, 0],
     radius: drillRadius,
     height: drillHeight,
@@ -31057,15 +30550,15 @@ var BOARD_CLIP_XY_OUTSET = 0.05;
 var createCenteredRectPadGeom = (width10, height10, thickness, rectBorderRadius) => {
   const clampedRadius = clampRectBorderRadius(width10, height10, rectBorderRadius);
   if (clampedRadius <= 0) {
-    return (0, import_primitives11.cuboid)({ center: [0, 0, 0], size: [width10, height10, thickness] });
+    return (0, import_primitives7.cuboid)({ center: [0, 0, 0], size: [width10, height10, thickness] });
   }
-  const rect2d = (0, import_primitives11.roundedRectangle)({
+  const rect2d = (0, import_primitives7.roundedRectangle)({
     size: [width10, height10],
     roundRadius: clampedRadius,
     segments: PAD_ROUNDED_SEGMENTS
   });
-  const extruded = (0, import_extrusions8.extrudeLinear)({ height: thickness }, rect2d);
-  return (0, import_transforms10.translate)([0, 0, -thickness / 2], extruded);
+  const extruded = (0, import_extrusions4.extrudeLinear)({ height: thickness }, rect2d);
+  return (0, import_transforms6.translate)([0, 0, -thickness / 2], extruded);
 };
 var buildStateOrder = [
   "initializing",
@@ -31076,11 +30569,6 @@ var buildStateOrder = [
   "processing_cutouts",
   "processing_traces",
   "processing_vias",
-  "processing_silkscreen_text",
-  "processing_silkscreen_lines",
-  "processing_silkscreen_circles",
-  "processing_silkscreen_rects",
-  "processing_silkscreen_paths",
   "finalizing",
   "done"
 ];
@@ -31092,11 +30580,6 @@ var BoardGeomBuilder = class {
   pads;
   traces;
   pcb_vias;
-  silkscreenTexts;
-  silkscreenPaths;
-  silkscreenLines;
-  silkscreenCircles;
-  silkscreenRects;
   pcb_cutouts;
   pcb_copper_pours;
   boardGeom = null;
@@ -31105,11 +30588,6 @@ var BoardGeomBuilder = class {
   traceGeoms = [];
   viaGeoms = [];
   // Combined with platedHoleGeoms
-  silkscreenTextGeoms = [];
-  silkscreenPathGeoms = [];
-  silkscreenLineGeoms = [];
-  silkscreenCircleGeoms = [];
-  silkscreenRectGeoms = [];
   copperPourGeoms = [];
   boardClipGeom = null;
   state = "initializing";
@@ -31141,16 +30619,18 @@ var BoardGeomBuilder = class {
     const boards = su3(circuitJson).pcb_board.list();
     if (panels.length > 0) {
       const panel = panels[0];
+      const firstBoardInPanel = boards.find(
+        (b) => b.pcb_panel_id === panel.pcb_panel_id
+      );
       this.board = {
         type: "pcb_board",
         pcb_board_id: panel.pcb_panel_id,
         center: panel.center,
         width: panel.width,
         height: panel.height,
-        thickness: 1.6,
-        // Default thickness
-        material: "fr4",
-        num_layers: 2
+        thickness: firstBoardInPanel?.thickness ?? 1.6,
+        material: firstBoardInPanel?.material ?? "fr4",
+        num_layers: firstBoardInPanel?.num_layers ?? 2
       };
     } else {
       const boardsNotInPanel = boards.filter((b) => !b.pcb_panel_id);
@@ -31161,11 +30641,6 @@ var BoardGeomBuilder = class {
     this.pads = su3(circuitJson).pcb_smtpad.list();
     this.traces = su3(circuitJson).pcb_trace.list();
     this.pcb_vias = su3(circuitJson).pcb_via.list();
-    this.silkscreenTexts = su3(circuitJson).pcb_silkscreen_text.list();
-    this.silkscreenPaths = su3(circuitJson).pcb_silkscreen_path.list();
-    this.silkscreenLines = su3(circuitJson).pcb_silkscreen_line.list();
-    this.silkscreenCircles = su3(circuitJson).pcb_silkscreen_circle.list();
-    this.silkscreenRects = su3(circuitJson).pcb_silkscreen_rect.list();
     this.pcb_cutouts = su3(circuitJson).pcb_cutout.list();
     this.pcb_copper_pours = circuitJson.filter(
       (e) => e.type === "pcb_copper_pour"
@@ -31190,11 +30665,11 @@ var BoardGeomBuilder = class {
         { xyOutset: BOARD_CLIP_XY_OUTSET }
       );
     } else {
-      this.boardGeom = (0, import_primitives11.cuboid)({
+      this.boardGeom = (0, import_primitives7.cuboid)({
         size: [this.board.width, this.board.height, this.ctx.pcbThickness],
         center: [this.board.center.x, this.board.center.y, 0]
       });
-      this.boardClipGeom = (0, import_primitives11.cuboid)({
+      this.boardClipGeom = (0, import_primitives7.cuboid)({
         size: [
           this.board.width + 2 * BOARD_CLIP_XY_OUTSET,
           this.board.height + 2 * BOARD_CLIP_XY_OUTSET,
@@ -31258,48 +30733,6 @@ var BoardGeomBuilder = class {
             this.goToNextState();
           }
           break;
-        case "processing_silkscreen_text":
-          if (this.currentIndex < this.silkscreenTexts.length) {
-            this.processSilkscreenText(this.silkscreenTexts[this.currentIndex]);
-            this.currentIndex++;
-          } else {
-            this.goToNextState();
-          }
-          break;
-        case "processing_silkscreen_lines":
-          if (this.currentIndex < this.silkscreenLines.length) {
-            this.processSilkscreenLine(this.silkscreenLines[this.currentIndex]);
-            this.currentIndex++;
-          } else {
-            this.goToNextState();
-          }
-          break;
-        case "processing_silkscreen_circles":
-          if (this.currentIndex < this.silkscreenCircles.length) {
-            this.processSilkscreenCircle(
-              this.silkscreenCircles[this.currentIndex]
-            );
-            this.currentIndex++;
-          } else {
-            this.goToNextState();
-          }
-          break;
-        case "processing_silkscreen_rects":
-          if (this.currentIndex < this.silkscreenRects.length) {
-            this.processSilkscreenRect(this.silkscreenRects[this.currentIndex]);
-            this.currentIndex++;
-          } else {
-            this.goToNextState();
-          }
-          break;
-        case "processing_silkscreen_paths":
-          if (this.currentIndex < this.silkscreenPaths.length) {
-            this.processSilkscreenPath(this.silkscreenPaths[this.currentIndex]);
-            this.currentIndex++;
-          } else {
-            this.goToNextState();
-          }
-          break;
         case "processing_cutouts":
           if (this.currentIndex < this.pcb_cutouts.length) {
             this.processCutout(this.pcb_cutouts[this.currentIndex]);
@@ -31336,31 +30769,31 @@ var BoardGeomBuilder = class {
           extractRectBorderRadius(cutout)
         );
         if (rectCornerRadius > 0) {
-          const rect2d = (0, import_primitives11.roundedRectangle)({
+          const rect2d = (0, import_primitives7.roundedRectangle)({
             size: [cutout.width, cutout.height],
             roundRadius: rectCornerRadius,
             segments: PAD_ROUNDED_SEGMENTS
           });
-          cutoutGeom = (0, import_extrusions8.extrudeLinear)({ height: cutoutHeight }, rect2d);
-          cutoutGeom = (0, import_transforms10.translate)([0, 0, -cutoutHeight / 2], cutoutGeom);
+          cutoutGeom = (0, import_extrusions4.extrudeLinear)({ height: cutoutHeight }, rect2d);
+          cutoutGeom = (0, import_transforms6.translate)([0, 0, -cutoutHeight / 2], cutoutGeom);
         } else {
-          cutoutGeom = (0, import_primitives11.cuboid)({
+          cutoutGeom = (0, import_primitives7.cuboid)({
             center: [0, 0, 0],
             size: [cutout.width, cutout.height, cutoutHeight]
           });
         }
         if (cutout.rotation) {
           const rotationRadians = cutout.rotation * Math.PI / 180;
-          cutoutGeom = (0, import_transforms10.rotateZ)(rotationRadians, cutoutGeom);
+          cutoutGeom = (0, import_transforms6.rotateZ)(rotationRadians, cutoutGeom);
         }
-        cutoutGeom = (0, import_transforms10.translate)(
+        cutoutGeom = (0, import_transforms6.translate)(
           [cutout.center.x, cutout.center.y, 0],
           cutoutGeom
         );
         break;
       }
       case "circle":
-        cutoutGeom = (0, import_primitives11.cylinder)({
+        cutoutGeom = (0, import_primitives7.cylinder)({
           center: [cutout.center.x, cutout.center.y, 0],
           radius: cutout.radius,
           height: cutoutHeight
@@ -31377,14 +30810,14 @@ var BoardGeomBuilder = class {
         if (arePointsClockwise(pointsVec2)) {
           pointsVec2 = pointsVec2.reverse();
         }
-        const polygon2d = (0, import_primitives11.polygon)({ points: pointsVec2 });
-        cutoutGeom = (0, import_extrusions8.extrudeLinear)({ height: cutoutHeight }, polygon2d);
-        cutoutGeom = (0, import_transforms10.translate)([0, 0, -cutoutHeight / 2], cutoutGeom);
+        const polygon2d = (0, import_primitives7.polygon)({ points: pointsVec2 });
+        cutoutGeom = (0, import_extrusions4.extrudeLinear)({ height: cutoutHeight }, polygon2d);
+        cutoutGeom = (0, import_transforms6.translate)([0, 0, -cutoutHeight / 2], cutoutGeom);
         break;
       }
     }
     if (cutoutGeom) {
-      this.boardGeom = (0, import_booleans7.subtract)(this.boardGeom, cutoutGeom);
+      this.boardGeom = (0, import_booleans5.subtract)(this.boardGeom, cutoutGeom);
     }
   }
   processCopperPour(pour) {
@@ -31392,22 +30825,22 @@ var BoardGeomBuilder = class {
     const zPos = layerSign * this.ctx.pcbThickness / 2 + layerSign * BOARD_SURFACE_OFFSET.copper;
     let pourGeom = null;
     if (pour.shape === "rect") {
-      let baseGeom = (0, import_primitives11.cuboid)({
+      let baseGeom = (0, import_primitives7.cuboid)({
         center: [0, 0, 0],
         // Create at origin for rotation
         size: [pour.width, pour.height, M]
       });
       if ("rotation" in pour && pour.rotation) {
         const rotationRadians = pour.rotation * Math.PI / 180;
-        baseGeom = (0, import_transforms10.rotateZ)(rotationRadians, baseGeom);
+        baseGeom = (0, import_transforms6.rotateZ)(rotationRadians, baseGeom);
       }
-      pourGeom = (0, import_transforms10.translate)([pour.center.x, pour.center.y, zPos], baseGeom);
+      pourGeom = (0, import_transforms6.translate)([pour.center.x, pour.center.y, zPos], baseGeom);
     } else if (pour.shape === "brep") {
       const brepShape = pour.brep_shape;
       if (brepShape?.outer_ring) {
         const pourGeom2 = createGeom2FromBRep(brepShape);
-        pourGeom = (0, import_extrusions8.extrudeLinear)({ height: M }, pourGeom2);
-        pourGeom = (0, import_transforms10.translate)([0, 0, zPos], pourGeom);
+        pourGeom = (0, import_extrusions4.extrudeLinear)({ height: M }, pourGeom2);
+        pourGeom = (0, import_transforms6.translate)([0, 0, zPos], pourGeom);
       }
     } else if (pour.shape === "polygon") {
       let pointsVec2 = pour.points.map((p) => [p.x, p.y]);
@@ -31420,17 +30853,17 @@ var BoardGeomBuilder = class {
       if (arePointsClockwise(pointsVec2)) {
         pointsVec2 = pointsVec2.reverse();
       }
-      const polygon2d = (0, import_primitives11.polygon)({ points: pointsVec2 });
-      pourGeom = (0, import_extrusions8.extrudeLinear)({ height: M }, polygon2d);
-      pourGeom = (0, import_transforms10.translate)([0, 0, zPos], pourGeom);
+      const polygon2d = (0, import_primitives7.polygon)({ points: pointsVec2 });
+      pourGeom = (0, import_extrusions4.extrudeLinear)({ height: M }, polygon2d);
+      pourGeom = (0, import_transforms6.translate)([0, 0, zPos], pourGeom);
     }
     if (pourGeom) {
       if (this.boardClipGeom) {
-        pourGeom = (0, import_booleans7.intersect)(this.boardClipGeom, pourGeom);
+        pourGeom = (0, import_booleans5.intersect)(this.boardClipGeom, pourGeom);
       }
       const covered = pour.covered_with_solder_mask !== false;
       const pourMaterialColor = covered ? tracesMaterialColors[this.board.material] ?? colors.fr4TracesWithoutMaskTan : colors.copper;
-      const coloredPourGeom = (0, import_colors7.colorize)(pourMaterialColor, pourGeom);
+      const coloredPourGeom = (0, import_colors3.colorize)(pourMaterialColor, pourGeom);
       this.copperPourGeoms.push(coloredPourGeom);
     }
   }
@@ -31439,7 +30872,7 @@ var BoardGeomBuilder = class {
     if (ph.shape === "circle" || ph.shape === "circular_hole_with_rect_pad") {
       let cyGeom = null;
       if (ph.shape === "circular_hole_with_rect_pad") {
-        cyGeom = (0, import_primitives11.cylinder)({
+        cyGeom = (0, import_primitives7.cylinder)({
           center: [
             ph.x + (ph.hole_offset_x || 0),
             ph.y + (ph.hole_offset_y || 0),
@@ -31451,7 +30884,7 @@ var BoardGeomBuilder = class {
           // Ensure it cuts through
         });
       } else {
-        cyGeom = (0, import_primitives11.cylinder)({
+        cyGeom = (0, import_primitives7.cylinder)({
           center: [ph.x, ph.y, 0],
           radius: ph.hole_diameter / 2 + M,
           // Add margin for subtraction
@@ -31460,10 +30893,10 @@ var BoardGeomBuilder = class {
         });
       }
       if (!opts.dontCutBoard) {
-        this.boardGeom = (0, import_booleans7.subtract)(this.boardGeom, cyGeom);
+        this.boardGeom = (0, import_booleans5.subtract)(this.boardGeom, cyGeom);
       }
       this.padGeoms = this.padGeoms.map(
-        (pg) => (0, import_colors7.colorize)(colors.copper, (0, import_booleans7.subtract)(pg, cyGeom))
+        (pg) => (0, import_colors3.colorize)(colors.copper, (0, import_booleans5.subtract)(pg, cyGeom))
       );
       const platedHoleGeom = platedHole(ph, this.ctx, {
         clipGeom: this.boardClipGeom
@@ -31476,17 +30909,17 @@ var BoardGeomBuilder = class {
       const holeRadius = holeHeight / 2;
       const rectLength = Math.abs(holeWidth - holeHeight);
       let pillHole;
-      pillHole = (0, import_booleans7.union)(
-        (0, import_primitives11.cuboid)({
+      pillHole = (0, import_booleans5.union)(
+        (0, import_primitives7.cuboid)({
           center: [ph.x, ph.y, 0],
           size: shouldRotate ? [holeHeight, rectLength, this.ctx.pcbThickness * 1.5] : [rectLength, holeHeight, this.ctx.pcbThickness * 1.5]
         }),
-        (0, import_primitives11.cylinder)({
+        (0, import_primitives7.cylinder)({
           center: shouldRotate ? [ph.x, ph.y - rectLength / 2, 0] : [ph.x - rectLength / 2, ph.y, 0],
           radius: holeRadius,
           height: this.ctx.pcbThickness * 1.5
         }),
-        (0, import_primitives11.cylinder)({
+        (0, import_primitives7.cylinder)({
           center: shouldRotate ? [ph.x, ph.y + rectLength / 2, 0] : [ph.x + rectLength / 2, ph.y, 0],
           radius: holeRadius,
           height: this.ctx.pcbThickness * 1.5
@@ -31494,16 +30927,16 @@ var BoardGeomBuilder = class {
       );
       if (ph.ccw_rotation) {
         const rotationRadians = ph.ccw_rotation * Math.PI / 180;
-        pillHole = (0, import_transforms10.translate)(
+        pillHole = (0, import_transforms6.translate)(
           [ph.x, ph.y, 0],
-          (0, import_transforms10.rotateZ)(rotationRadians, (0, import_transforms10.translate)([-ph.x, -ph.y, 0], pillHole))
+          (0, import_transforms6.rotateZ)(rotationRadians, (0, import_transforms6.translate)([-ph.x, -ph.y, 0], pillHole))
         );
       }
       if (!opts.dontCutBoard) {
-        this.boardGeom = (0, import_booleans7.subtract)(this.boardGeom, pillHole);
+        this.boardGeom = (0, import_booleans5.subtract)(this.boardGeom, pillHole);
       }
       this.padGeoms = this.padGeoms.map(
-        (pg) => (0, import_colors7.colorize)(colors.copper, (0, import_booleans7.subtract)(pg, pillHole))
+        (pg) => (0, import_colors3.colorize)(colors.copper, (0, import_booleans5.subtract)(pg, pillHole))
       );
       const platedHoleGeom = platedHole(ph, this.ctx, {
         clipGeom: this.boardClipGeom
@@ -31516,8 +30949,8 @@ var BoardGeomBuilder = class {
       const holeRadius = holeHeight / 2;
       const rectLength = Math.abs(holeWidth - holeHeight);
       let pillHole;
-      pillHole = (0, import_booleans7.union)(
-        (0, import_primitives11.cuboid)({
+      pillHole = (0, import_booleans5.union)(
+        (0, import_primitives7.cuboid)({
           center: [
             ph.x + (ph.hole_offset_x || 0),
             ph.y + (ph.hole_offset_y || 0),
@@ -31525,7 +30958,7 @@ var BoardGeomBuilder = class {
           ],
           size: shouldRotate ? [holeHeight, rectLength, this.ctx.pcbThickness * 1.5] : [rectLength, holeHeight, this.ctx.pcbThickness * 1.5]
         }),
-        (0, import_primitives11.cylinder)({
+        (0, import_primitives7.cylinder)({
           center: shouldRotate ? [
             ph.x + (ph.hole_offset_x || 0),
             ph.y + (ph.hole_offset_y || 0) - rectLength / 2,
@@ -31538,7 +30971,7 @@ var BoardGeomBuilder = class {
           radius: holeRadius,
           height: this.ctx.pcbThickness * 1.5
         }),
-        (0, import_primitives11.cylinder)({
+        (0, import_primitives7.cylinder)({
           center: shouldRotate ? [
             ph.x + (ph.hole_offset_x || 0),
             ph.y + (ph.hole_offset_y || 0) + rectLength / 2,
@@ -31553,10 +30986,10 @@ var BoardGeomBuilder = class {
         })
       );
       if (!opts.dontCutBoard) {
-        this.boardGeom = (0, import_booleans7.subtract)(this.boardGeom, pillHole);
+        this.boardGeom = (0, import_booleans5.subtract)(this.boardGeom, pillHole);
       }
       this.padGeoms = this.padGeoms.map(
-        (pg) => (0, import_colors7.colorize)(colors.copper, (0, import_booleans7.subtract)(pg, pillHole))
+        (pg) => (0, import_colors3.colorize)(colors.copper, (0, import_booleans5.subtract)(pg, pillHole))
       );
       const platedHoleGeom = platedHole(ph, this.ctx, {
         clipGeom: this.boardClipGeom
@@ -31576,13 +31009,13 @@ var BoardGeomBuilder = class {
       });
       if (!boardHole || !copperHole) return;
       if (!opts.dontCutBoard) {
-        this.boardGeom = (0, import_booleans7.subtract)(this.boardGeom, boardHole);
+        this.boardGeom = (0, import_booleans5.subtract)(this.boardGeom, boardHole);
       }
       this.padGeoms = this.padGeoms.map(
-        (pg) => (0, import_colors7.colorize)(colors.copper, (0, import_booleans7.subtract)(pg, boardHole))
+        (pg) => (0, import_colors3.colorize)(colors.copper, (0, import_booleans5.subtract)(pg, boardHole))
       );
       this.platedHoleGeoms = this.platedHoleGeoms.map(
-        (phg) => (0, import_colors7.colorize)(colors.copper, (0, import_booleans7.subtract)(phg, copperHole))
+        (phg) => (0, import_colors3.colorize)(colors.copper, (0, import_booleans5.subtract)(phg, copperHole))
       );
       const platedHoleGeom = platedHole(ph, this.ctx, {
         clipGeom: this.boardClipGeom
@@ -31595,22 +31028,22 @@ var BoardGeomBuilder = class {
     const holeDepth = this.ctx.pcbThickness * 1.5;
     const copperInset = 0.02;
     if (hole.hole_shape === "round" || hole.hole_shape === "circle") {
-      const cyGeom = (0, import_primitives11.cylinder)({
+      const cyGeom = (0, import_primitives7.cylinder)({
         center: [hole.x, hole.y, 0],
         radius: hole.hole_diameter / 2 + M,
         height: holeDepth
       });
-      this.boardGeom = (0, import_booleans7.subtract)(this.boardGeom, cyGeom);
+      this.boardGeom = (0, import_booleans5.subtract)(this.boardGeom, cyGeom);
       this.padGeoms = this.padGeoms.map(
-        (pg) => (0, import_colors7.colorize)(colors.copper, (0, import_booleans7.subtract)(pg, cyGeom))
+        (pg) => (0, import_colors3.colorize)(colors.copper, (0, import_booleans5.subtract)(pg, cyGeom))
       );
-      const copperCut = (0, import_primitives11.cylinder)({
+      const copperCut = (0, import_primitives7.cylinder)({
         center: [hole.x, hole.y, 0],
         radius: hole.hole_diameter / 2 + M / 2,
         height: holeDepth
       });
       this.platedHoleGeoms = this.platedHoleGeoms.map(
-        (phg) => (0, import_colors7.colorize)(colors.copper, (0, import_booleans7.subtract)(phg, copperCut))
+        (phg) => (0, import_colors3.colorize)(colors.copper, (0, import_booleans5.subtract)(phg, copperCut))
       );
     } else if (hole.hole_shape === "pill" || hole.hole_shape === "rotated_pill") {
       const holeWidth = hole.hole_width;
@@ -31620,34 +31053,34 @@ var BoardGeomBuilder = class {
       const isRotated = hole.hole_shape === "rotated_pill";
       let pillHole;
       if (holeWidth > holeHeight) {
-        pillHole = (0, import_booleans7.union)(
-          (0, import_primitives11.cuboid)({
+        pillHole = (0, import_booleans5.union)(
+          (0, import_primitives7.cuboid)({
             center: [hole.x, hole.y, 0],
             size: [rectLength, holeHeight, holeDepth]
           }),
-          (0, import_primitives11.cylinder)({
+          (0, import_primitives7.cylinder)({
             center: [hole.x - rectLength / 2, hole.y, 0],
             radius: holeRadius,
             height: holeDepth
           }),
-          (0, import_primitives11.cylinder)({
+          (0, import_primitives7.cylinder)({
             center: [hole.x + rectLength / 2, hole.y, 0],
             radius: holeRadius,
             height: holeDepth
           })
         );
       } else {
-        pillHole = (0, import_booleans7.union)(
-          (0, import_primitives11.cuboid)({
+        pillHole = (0, import_booleans5.union)(
+          (0, import_primitives7.cuboid)({
             center: [hole.x, hole.y, 0],
             size: [holeWidth, rectLength, holeDepth]
           }),
-          (0, import_primitives11.cylinder)({
+          (0, import_primitives7.cylinder)({
             center: [hole.x, hole.y - rectLength / 2, 0],
             radius: holeRadius,
             height: holeDepth
           }),
-          (0, import_primitives11.cylinder)({
+          (0, import_primitives7.cylinder)({
             center: [hole.x, hole.y + rectLength / 2, 0],
             radius: holeRadius,
             height: holeDepth
@@ -31656,15 +31089,15 @@ var BoardGeomBuilder = class {
       }
       if (isRotated) {
         const rotationRadians = hole.ccw_rotation * Math.PI / 180;
-        pillHole = (0, import_transforms10.rotateZ)(rotationRadians, pillHole);
+        pillHole = (0, import_transforms6.rotateZ)(rotationRadians, pillHole);
       }
-      this.boardGeom = (0, import_booleans7.subtract)(this.boardGeom, pillHole);
+      this.boardGeom = (0, import_booleans5.subtract)(this.boardGeom, pillHole);
       this.padGeoms = this.padGeoms.map(
-        (pg) => (0, import_colors7.colorize)(colors.copper, (0, import_booleans7.subtract)(pg, pillHole))
+        (pg) => (0, import_colors3.colorize)(colors.copper, (0, import_booleans5.subtract)(pg, pillHole))
       );
-      const copperPill = (0, import_expansions4.expand)({ delta: -copperInset }, pillHole);
+      const copperPill = (0, import_expansions2.expand)({ delta: -copperInset }, pillHole);
       this.platedHoleGeoms = this.platedHoleGeoms.map(
-        (phg) => (0, import_colors7.colorize)(colors.copper, (0, import_booleans7.subtract)(phg, copperPill))
+        (phg) => (0, import_colors3.colorize)(colors.copper, (0, import_booleans5.subtract)(phg, copperPill))
       );
     }
   }
@@ -31679,12 +31112,12 @@ var BoardGeomBuilder = class {
         M,
         rectBorderRadius
       );
-      const positionedPadGeom = (0, import_transforms10.translate)([pad2.x, pad2.y, zPos], basePadGeom);
+      const positionedPadGeom = (0, import_transforms6.translate)([pad2.x, pad2.y, zPos], basePadGeom);
       let finalPadGeom = positionedPadGeom;
       if (this.boardClipGeom) {
-        finalPadGeom = (0, import_booleans7.intersect)(this.boardClipGeom, finalPadGeom);
+        finalPadGeom = (0, import_booleans5.intersect)(this.boardClipGeom, finalPadGeom);
       }
-      finalPadGeom = (0, import_colors7.colorize)(colors.copper, finalPadGeom);
+      finalPadGeom = (0, import_colors3.colorize)(colors.copper, finalPadGeom);
       this.padGeoms.push(finalPadGeom);
     } else if (pad2.shape === "rotated_rect") {
       let basePadGeom = createCenteredRectPadGeom(
@@ -31694,24 +31127,24 @@ var BoardGeomBuilder = class {
         rectBorderRadius
       );
       const rotationRadians = pad2.ccw_rotation * Math.PI / 180;
-      basePadGeom = (0, import_transforms10.rotateZ)(rotationRadians, basePadGeom);
-      const positionedPadGeom = (0, import_transforms10.translate)([pad2.x, pad2.y, zPos], basePadGeom);
+      basePadGeom = (0, import_transforms6.rotateZ)(rotationRadians, basePadGeom);
+      const positionedPadGeom = (0, import_transforms6.translate)([pad2.x, pad2.y, zPos], basePadGeom);
       let finalPadGeom = positionedPadGeom;
       if (this.boardClipGeom) {
-        finalPadGeom = (0, import_booleans7.intersect)(this.boardClipGeom, finalPadGeom);
+        finalPadGeom = (0, import_booleans5.intersect)(this.boardClipGeom, finalPadGeom);
       }
-      finalPadGeom = (0, import_colors7.colorize)(colors.copper, finalPadGeom);
+      finalPadGeom = (0, import_colors3.colorize)(colors.copper, finalPadGeom);
       this.padGeoms.push(finalPadGeom);
     } else if (pad2.shape === "circle") {
-      let padGeom = (0, import_primitives11.cylinder)({
+      let padGeom = (0, import_primitives7.cylinder)({
         center: [pad2.x, pad2.y, zPos],
         radius: pad2.radius,
         height: M
       });
       if (this.boardClipGeom) {
-        padGeom = (0, import_booleans7.intersect)(this.boardClipGeom, padGeom);
+        padGeom = (0, import_booleans5.intersect)(this.boardClipGeom, padGeom);
       }
-      padGeom = (0, import_colors7.colorize)(colors.copper, padGeom);
+      padGeom = (0, import_colors3.colorize)(colors.copper, padGeom);
       this.padGeoms.push(padGeom);
     }
   }
@@ -31726,14 +31159,14 @@ var BoardGeomBuilder = class {
         const layerSign = currentLayer === "bottom" ? -1 : 1;
         const traceOffset = BOARD_SURFACE_OFFSET.traces - 2e-3;
         const zCenter = layerSign * this.ctx.pcbThickness / 2 + layerSign * traceOffset;
-        const linePath = (0, import_primitives11.line)(currentSegmentPoints);
-        const expandedPath = (0, import_expansions4.expand)(
+        const linePath = (0, import_primitives7.line)(currentSegmentPoints);
+        const expandedPath = (0, import_expansions2.expand)(
           { delta: currentWidth / 2, corners: "round" },
           linePath
         );
-        let traceGeom = (0, import_transforms10.translate)(
+        let traceGeom = (0, import_transforms6.translate)(
           [0, 0, zCenter - M / 2],
-          (0, import_extrusions8.extrudeLinear)({ height: M }, expandedPath)
+          (0, import_extrusions4.extrudeLinear)({ height: M }, expandedPath)
         );
         const startPointCoords = currentSegmentPoints[0];
         const endPointCoords = currentSegmentPoints[currentSegmentPoints.length - 1];
@@ -31742,27 +31175,27 @@ var BoardGeomBuilder = class {
           startPointCoords[1]
         );
         if (startHole) {
-          const cuttingCylinder = (0, import_primitives11.cylinder)({
+          const cuttingCylinder = (0, import_primitives7.cylinder)({
             center: [startPointCoords[0], startPointCoords[1], zCenter],
             radius: startHole.diameter / 2 + M,
             height: M
           });
-          traceGeom = (0, import_booleans7.subtract)(traceGeom, cuttingCylinder);
+          traceGeom = (0, import_booleans5.subtract)(traceGeom, cuttingCylinder);
         }
         const endHole = this.getHoleToCut(endPointCoords[0], endPointCoords[1]);
         if (endHole) {
-          const cuttingCylinder = (0, import_primitives11.cylinder)({
+          const cuttingCylinder = (0, import_primitives7.cylinder)({
             center: [endPointCoords[0], endPointCoords[1], zCenter],
             radius: endHole.diameter / 2 + M,
             height: M
           });
-          traceGeom = (0, import_booleans7.subtract)(traceGeom, cuttingCylinder);
+          traceGeom = (0, import_booleans5.subtract)(traceGeom, cuttingCylinder);
         }
         const tracesMaterialColor = tracesMaterialColors[this.board.material] ?? colors.fr4TracesWithoutMaskTan;
         if (this.boardClipGeom) {
-          traceGeom = (0, import_booleans7.intersect)(this.boardClipGeom, traceGeom);
+          traceGeom = (0, import_booleans5.intersect)(this.boardClipGeom, traceGeom);
         }
-        traceGeom = (0, import_colors7.colorize)(tracesMaterialColor, traceGeom);
+        traceGeom = (0, import_colors3.colorize)(tracesMaterialColor, traceGeom);
         this.traceGeoms.push(traceGeom);
       }
       currentSegmentPoints = [];
@@ -31814,8 +31247,8 @@ var BoardGeomBuilder = class {
       });
       let finalViaGeom = viaCopperGeom;
       if (this.boardClipGeom) {
-        finalViaGeom = (0, import_booleans7.intersect)(this.boardClipGeom, viaCopperGeom);
-        finalViaGeom = (0, import_colors7.colorize)(colors.copper, finalViaGeom);
+        finalViaGeom = (0, import_booleans5.intersect)(this.boardClipGeom, viaCopperGeom);
+        finalViaGeom = (0, import_colors3.colorize)(colors.copper, finalViaGeom);
       }
       this.viaGeoms.push(finalViaGeom);
     }
@@ -31826,87 +31259,23 @@ var BoardGeomBuilder = class {
         holeDiameter: via.hole_diameter,
         thickness: this.ctx.pcbThickness
       });
-      this.boardGeom = (0, import_booleans7.subtract)(this.boardGeom, viaDrill);
+      this.boardGeom = (0, import_booleans5.subtract)(this.boardGeom, viaDrill);
       this.padGeoms = this.padGeoms.map(
-        (pg) => (0, import_colors7.colorize)(colors.copper, (0, import_booleans7.subtract)(pg, viaDrill))
+        (pg) => (0, import_colors3.colorize)(colors.copper, (0, import_booleans5.subtract)(pg, viaDrill))
       );
     }
   }
-  processSilkscreenText(st) {
-    const { textOutlines, xOffset, yOffset } = createSilkscreenTextGeoms(st);
-    for (const outline of textOutlines) {
-      const alignedOutline = outline.map((point2) => [
-        point2[0] + xOffset + st.anchor_position.x,
-        point2[1] + yOffset + st.anchor_position.y
-      ]);
-      const textPath = (0, import_primitives11.line)(alignedOutline);
-      const fontSize = st.font_size || 0.25;
-      const expansionDelta = Math.min(
-        Math.max(0.01, fontSize * 0.1),
-        fontSize * 0.05
-      );
-      const expandedPath = (0, import_expansions4.expand)(
-        { delta: expansionDelta, corners: "round" },
-        textPath
-      );
-      let textGeom;
-      if (st.layer === "bottom") {
-        textGeom = (0, import_transforms10.translate)(
-          [0, 0, -this.ctx.pcbThickness / 2 - M],
-          // Position above board
-          (0, import_extrusions8.extrudeLinear)({ height: 0.012 }, expandedPath)
-        );
-      } else {
-        textGeom = (0, import_transforms10.translate)(
-          [0, 0, this.ctx.pcbThickness / 2 + M],
-          // Position above board
-          (0, import_extrusions8.extrudeLinear)({ height: 0.012 }, expandedPath)
-        );
-      }
-      textGeom = (0, import_colors7.colorize)([1, 1, 1], textGeom);
-      this.silkscreenTextGeoms.push(textGeom);
-    }
-  }
-  processSilkscreenPath(sp) {
-    const pathGeom = createSilkscreenPathGeom(sp, this.ctx);
-    if (pathGeom) {
-      this.silkscreenPathGeoms.push(pathGeom);
-    }
-  }
-  processSilkscreenLine(sl) {
-    const lineGeom = createSilkscreenLineGeom(sl, this.ctx);
-    if (lineGeom) {
-      this.silkscreenLineGeoms.push(lineGeom);
-    }
-  }
-  processSilkscreenCircle(sc) {
-    const circleGeom = createSilkscreenCircleGeom(sc, this.ctx);
-    if (circleGeom) {
-      this.silkscreenCircleGeoms.push(circleGeom);
-    }
-  }
-  processSilkscreenRect(sr) {
-    const rectGeom = createSilkscreenRectGeom(sr, this.ctx);
-    if (rectGeom) {
-      this.silkscreenRectGeoms.push(rectGeom);
-    }
-  }
   finalize() {
     if (!this.boardGeom) return;
     const boardMaterialColor = boardMaterialColors[this.board.material] ?? colors.fr4Tan;
-    this.boardGeom = (0, import_colors7.colorize)(boardMaterialColor, this.boardGeom);
+    this.boardGeom = (0, import_colors3.colorize)(boardMaterialColor, this.boardGeom);
     this.finalGeoms = [
       this.boardGeom,
       ...this.platedHoleGeoms,
       ...this.padGeoms,
       ...this.traceGeoms,
       ...this.viaGeoms,
-      ...this.copperPourGeoms,
-      ...this.silkscreenTextGeoms,
-      ...this.silkscreenLineGeoms,
-      ...this.silkscreenCircleGeoms,
-      ...this.silkscreenRectGeoms,
-      ...this.silkscreenPathGeoms
+      ...this.copperPourGeoms
     ];
     if (this.onCompleteCallback) {
       this.onCompleteCallback(this.finalGeoms);
@@ -32258,8 +31627,8 @@ var ThreeErrorBoundary = class extends React11.Component {
 
 // src/three-components/JscadBoardTextures.tsx
 import { useEffect as useEffect22, useMemo as useMemo19 } from "react";
-import * as THREE21 from "three";
-import { su as su8 } from "@tscircuit/circuit-json-util";
+import * as THREE23 from "three";
+import { su as su9 } from "@tscircuit/circuit-json-util";
 
 // src/utils/soldermask-texture.ts
 import * as THREE18 from "three";
@@ -32760,9 +32129,268 @@ function createSoldermaskTextureForLayer({
 }
 
 // src/utils/silkscreen-texture.ts
-var import_text2 = __toESM(require_text(), 1);
+var import_text = __toESM(require_text(), 1);
 import * as THREE19 from "three";
+
+// node_modules/transformation-matrix/src/applyToPoint.js
+function applyToPoint(matrix, point2) {
+  return Array.isArray(point2) ? [
+    matrix.a * point2[0] + matrix.c * point2[1] + matrix.e,
+    matrix.b * point2[0] + matrix.d * point2[1] + matrix.f
+  ] : {
+    x: matrix.a * point2.x + matrix.c * point2.y + matrix.e,
+    y: matrix.b * point2.x + matrix.d * point2.y + matrix.f
+  };
+}
+
+// node_modules/transformation-matrix/src/utils.js
+function isUndefined(val) {
+  return typeof val === "undefined";
+}
+
+// node_modules/transformation-matrix/src/translate.js
+function translate6(tx, ty = 0) {
+  return {
+    a: 1,
+    c: 0,
+    e: tx,
+    b: 0,
+    d: 1,
+    f: ty
+  };
+}
+
+// node_modules/transformation-matrix/src/transform.js
+function transform(...matrices) {
+  matrices = Array.isArray(matrices[0]) ? matrices[0] : matrices;
+  const multiply = (m1, m2) => {
+    return {
+      a: m1.a * m2.a + m1.c * m2.b,
+      c: m1.a * m2.c + m1.c * m2.d,
+      e: m1.a * m2.e + m1.c * m2.f + m1.e,
+      b: m1.b * m2.a + m1.d * m2.b,
+      d: m1.b * m2.c + m1.d * m2.d,
+      f: m1.b * m2.e + m1.d * m2.f + m1.f
+    };
+  };
+  switch (matrices.length) {
+    case 0:
+      throw new Error("no matrices provided");
+    case 1:
+      return matrices[0];
+    case 2:
+      return multiply(matrices[0], matrices[1]);
+    default: {
+      const [m1, m2, ...rest] = matrices;
+      const m = multiply(m1, m2);
+      return transform(m, ...rest);
+    }
+  }
+}
+function compose(...matrices) {
+  return transform(...matrices);
+}
+
+// node_modules/transformation-matrix/src/rotate.js
+var { cos, sin, PI } = Math;
+function rotate2(angle, cx, cy) {
+  const cosAngle = cos(angle);
+  const sinAngle = sin(angle);
+  const rotationMatrix = {
+    a: cosAngle,
+    c: -sinAngle,
+    e: 0,
+    b: sinAngle,
+    d: cosAngle,
+    f: 0
+  };
+  if (isUndefined(cx) || isUndefined(cy)) {
+    return rotationMatrix;
+  }
+  return transform([
+    translate6(cx, cy),
+    rotationMatrix,
+    translate6(-cx, -cy)
+  ]);
+}
+
+// node_modules/transformation-matrix/src/skew.js
+var { tan } = Math;
+
+// node_modules/transformation-matrix/src/fromTransformAttribute.autogenerated.js
+function peg$subclass(child, parent) {
+  function C() {
+    this.constructor = child;
+  }
+  C.prototype = parent.prototype;
+  child.prototype = new C();
+}
+function peg$SyntaxError(message, expected, found, location) {
+  var self = Error.call(this, message);
+  if (Object.setPrototypeOf) {
+    Object.setPrototypeOf(self, peg$SyntaxError.prototype);
+  }
+  self.expected = expected;
+  self.found = found;
+  self.location = location;
+  self.name = "SyntaxError";
+  return self;
+}
+peg$subclass(peg$SyntaxError, Error);
+function peg$padEnd(str, targetLength, padString) {
+  padString = padString || " ";
+  if (str.length > targetLength) {
+    return str;
+  }
+  targetLength -= str.length;
+  padString += padString.repeat(targetLength);
+  return str + padString.slice(0, targetLength);
+}
+peg$SyntaxError.prototype.format = function(sources) {
+  var str = "Error: " + this.message;
+  if (this.location) {
+    var src = null;
+    var k;
+    for (k = 0; k < sources.length; k++) {
+      if (sources[k].source === this.location.source) {
+        src = sources[k].text.split(/\r\n|\n|\r/g);
+        break;
+      }
+    }
+    var s = this.location.start;
+    var offset_s = this.location.source && typeof this.location.source.offset === "function" ? this.location.source.offset(s) : s;
+    var loc = this.location.source + ":" + offset_s.line + ":" + offset_s.column;
+    if (src) {
+      var e = this.location.end;
+      var filler = peg$padEnd("", offset_s.line.toString().length, " ");
+      var line2 = src[s.line - 1];
+      var last = s.line === e.line ? e.column : line2.length + 1;
+      var hatLen = last - s.column || 1;
+      str += "\n --> " + loc + "\n" + filler + " |\n" + offset_s.line + " | " + line2 + "\n" + filler + " | " + peg$padEnd("", s.column - 1, " ") + peg$padEnd("", hatLen, "^");
+    } else {
+      str += "\n at " + loc;
+    }
+  }
+  return str;
+};
+peg$SyntaxError.buildMessage = function(expected, found) {
+  var DESCRIBE_EXPECTATION_FNS = {
+    literal: function(expectation) {
+      return '"' + literalEscape(expectation.text) + '"';
+    },
+    class: function(expectation) {
+      var escapedParts = expectation.parts.map(function(part) {
+        return Array.isArray(part) ? classEscape(part[0]) + "-" + classEscape(part[1]) : classEscape(part);
+      });
+      return "[" + (expectation.inverted ? "^" : "") + escapedParts.join("") + "]";
+    },
+    any: function() {
+      return "any character";
+    },
+    end: function() {
+      return "end of input";
+    },
+    other: function(expectation) {
+      return expectation.description;
+    }
+  };
+  function hex(ch) {
+    return ch.charCodeAt(0).toString(16).toUpperCase();
+  }
+  function literalEscape(s) {
+    return s.replace(/\\/g, "\\\\").replace(/"/g, '\\"').replace(/\0/g, "\\0").replace(/\t/g, "\\t").replace(/\n/g, "\\n").replace(/\r/g, "\\r").replace(/[\x00-\x0F]/g, function(ch) {
+      return "\\x0" + hex(ch);
+    }).replace(/[\x10-\x1F\x7F-\x9F]/g, function(ch) {
+      return "\\x" + hex(ch);
+    });
+  }
+  function classEscape(s) {
+    return s.replace(/\\/g, "\\\\").replace(/\]/g, "\\]").replace(/\^/g, "\\^").replace(/-/g, "\\-").replace(/\0/g, "\\0").replace(/\t/g, "\\t").replace(/\n/g, "\\n").replace(/\r/g, "\\r").replace(/[\x00-\x0F]/g, function(ch) {
+      return "\\x0" + hex(ch);
+    }).replace(/[\x10-\x1F\x7F-\x9F]/g, function(ch) {
+      return "\\x" + hex(ch);
+    });
+  }
+  function describeExpectation(expectation) {
+    return DESCRIBE_EXPECTATION_FNS[expectation.type](expectation);
+  }
+  function describeExpected(expected2) {
+    var descriptions = expected2.map(describeExpectation);
+    var i, j;
+    descriptions.sort();
+    if (descriptions.length > 0) {
+      for (i = 1, j = 1; i < descriptions.length; i++) {
+        if (descriptions[i - 1] !== descriptions[i]) {
+          descriptions[j] = descriptions[i];
+          j++;
+        }
+      }
+      descriptions.length = j;
+    }
+    switch (descriptions.length) {
+      case 1:
+        return descriptions[0];
+      case 2:
+        return descriptions[0] + " or " + descriptions[1];
+      default:
+        return descriptions.slice(0, -1).join(", ") + ", or " + descriptions[descriptions.length - 1];
+    }
+  }
+  function describeFound(found2) {
+    return found2 ? '"' + literalEscape(found2) + '"' : "end of input";
+  }
+  return "Expected " + describeExpected(expected) + " but " + describeFound(found) + " found.";
+};
+
+// src/utils/silkscreen-texture.ts
 import { su as su6 } from "@tscircuit/circuit-json-util";
+
+// src/utils/units.ts
+var MM_PER_INCH = 25.4;
+var MM_PER_MIL = MM_PER_INCH / 1e3;
+var dimensionRegex = /^\s*(-?\d*(?:\.\d+)?)(?:\s*(mm|mil|inch|in|"))?\s*$/i;
+function normalizeUnit(unit) {
+  if (!unit) return void 0;
+  const normalized = unit.trim().toLowerCase();
+  if (normalized === '"') return "in";
+  if (normalized === "inch") return "in";
+  return normalized;
+}
+function parseDimensionToMm(value) {
+  if (value === null || value === void 0) return void 0;
+  if (typeof value === "number") {
+    return Number.isFinite(value) ? value : void 0;
+  }
+  if (typeof value !== "string") return void 0;
+  const trimmed = value.trim();
+  if (trimmed.length === 0) return void 0;
+  const match = trimmed.match(dimensionRegex);
+  if (!match) {
+    const numeric = Number.parseFloat(trimmed);
+    return Number.isFinite(numeric) ? numeric : void 0;
+  }
+  const [, magnitudeRaw, unitRaw] = match;
+  const magnitude = Number.parseFloat(magnitudeRaw || "0");
+  if (!Number.isFinite(magnitude)) return void 0;
+  const unit = normalizeUnit(unitRaw);
+  switch (unit) {
+    case "mil":
+      return magnitude * MM_PER_MIL;
+    case "in":
+      return magnitude * MM_PER_INCH;
+    case "mm":
+    case void 0:
+      return magnitude;
+    default:
+      return magnitude;
+  }
+}
+function coerceDimensionToMm(value, fallback) {
+  const parsed = parseDimensionToMm(value);
+  return parsed === void 0 ? fallback : parsed;
+}
+
+// src/utils/silkscreen-texture.ts
 function parseFabricationNoteColor(colorString) {
   let hex = colorString;
   if (hex.startsWith("#")) {
@@ -33040,7 +32668,7 @@ function createSilkscreenTextureForLayer({
     ctx.lineWidth = textStrokeWidth;
     ctx.lineCap = "butt";
     ctx.lineJoin = "miter";
-    const rawTextOutlines = (0, import_text2.vectorText)({
+    const rawTextOutlines = (0, import_text.vectorText)({
       height: fontSize * 0.45,
       input: textS.text
     });
@@ -33090,18 +32718,18 @@ function createSilkscreenTextureForLayer({
     let rotationDeg = textS.ccw_rotation ?? 0;
     if (textS.layer === "bottom") {
       transformMatrices.push(
-        translate4(textCenterX, textCenterY),
+        translate6(textCenterX, textCenterY),
         { a: -1, b: 0, c: 0, d: 1, e: 0, f: 0 },
-        translate4(-textCenterX, -textCenterY)
+        translate6(-textCenterX, -textCenterY)
       );
       rotationDeg = -rotationDeg;
     }
     if (rotationDeg) {
       const rad = rotationDeg * Math.PI / 180;
       transformMatrices.push(
-        translate4(textCenterX, textCenterY),
+        translate6(textCenterX, textCenterY),
         rotate2(rad),
-        translate4(-textCenterX, -textCenterY)
+        translate6(-textCenterX, -textCenterY)
       );
     }
     const finalTransformMatrix = transformMatrices.length > 0 ? compose(...transformMatrices) : void 0;
@@ -33224,6 +32852,317 @@ function createTraceTextureForLayer({
   return texture;
 }
 
+// src/utils/copper-text-texture.ts
+var import_text2 = __toESM(require_text(), 1);
+import * as THREE21 from "three";
+function parseDimension2(value, defaultValue) {
+  if (value === void 0) return defaultValue;
+  if (typeof value === "number") return value;
+  const num = parseFloat(value.replace(/mm$/, ""));
+  return isNaN(num) ? defaultValue : num;
+}
+function shouldMirrorText(text) {
+  if (text.layer === "bottom") {
+    return text.is_mirrored !== false;
+  }
+  return text.is_mirrored === true;
+}
+function getTextMetrics(outlines) {
+  const points = outlines.flat();
+  if (points.length === 0) {
+    return {
+      minX: 0,
+      maxX: 0,
+      minY: 0,
+      maxY: 0,
+      width: 0,
+      height: 0,
+      centerX: 0,
+      centerY: 0
+    };
+  }
+  const minX = Math.min(...points.map((p) => p[0]));
+  const maxX = Math.max(...points.map((p) => p[0]));
+  const minY = Math.min(...points.map((p) => p[1]));
+  const maxY = Math.max(...points.map((p) => p[1]));
+  return {
+    minX,
+    maxX,
+    minY,
+    maxY,
+    width: maxX - minX,
+    height: maxY - minY,
+    centerX: (minX + maxX) / 2,
+    centerY: (minY + maxY) / 2
+  };
+}
+function processTextOutlines(rawOutlines) {
+  const processed = [];
+  rawOutlines.forEach((outline) => {
+    if (outline.length === 29) {
+      processed.push(outline.slice(0, 15));
+      processed.push(outline.slice(14, 29));
+    } else if (outline.length === 17) {
+      processed.push(outline.slice(0, 10));
+      processed.push(outline.slice(9, 17));
+    } else {
+      processed.push(outline);
+    }
+  });
+  return processed;
+}
+function getAlignmentOffset(metrics, alignment) {
+  let xOff = -metrics.centerX;
+  let yOff = -metrics.centerY;
+  if (alignment.includes("left")) {
+    xOff = -metrics.minX;
+  } else if (alignment.includes("right")) {
+    xOff = -metrics.maxX;
+  }
+  if (alignment.includes("top")) {
+    yOff = -metrics.maxY;
+  } else if (alignment.includes("bottom")) {
+    yOff = -metrics.minY;
+  }
+  return { x: xOff, y: yOff };
+}
+function buildTransformMatrix(text, metrics) {
+  const transformMatrices = [];
+  let rotationDeg = text.ccw_rotation ?? 0;
+  const shouldMirror = shouldMirrorText(text);
+  if (shouldMirror) {
+    transformMatrices.push(
+      translate6(metrics.centerX, metrics.centerY),
+      { a: -1, b: 0, c: 0, d: 1, e: 0, f: 0 },
+      // horizontal flip
+      translate6(-metrics.centerX, -metrics.centerY)
+    );
+    rotationDeg = -rotationDeg;
+  }
+  if (rotationDeg) {
+    const rad = rotationDeg * Math.PI / 180;
+    transformMatrices.push(
+      translate6(metrics.centerX, metrics.centerY),
+      rotate2(rad),
+      translate6(-metrics.centerX, -metrics.centerY)
+    );
+  }
+  const matrix = transformMatrices.length > 0 ? compose(...transformMatrices) : void 0;
+  return { matrix, rotationDeg };
+}
+function drawTextStrokes(ctx, outlines, transform2, offset4, anchorPos, canvasXFromPcb, canvasYFromPcb) {
+  outlines.forEach((segment) => {
+    ctx.beginPath();
+    segment.forEach((p, index2) => {
+      let transformedP = { x: p[0], y: p[1] };
+      if (transform2) {
+        transformedP = applyToPoint(transform2, transformedP);
+      }
+      const pcbX = transformedP.x + offset4.x + anchorPos.x;
+      const pcbY = transformedP.y + offset4.y + anchorPos.y;
+      const canvasX = canvasXFromPcb(pcbX);
+      const canvasY = canvasYFromPcb(pcbY);
+      if (index2 === 0) ctx.moveTo(canvasX, canvasY);
+      else ctx.lineTo(canvasX, canvasY);
+    });
+    ctx.stroke();
+  });
+}
+function drawRotatedRect(ctx, centerX, centerY, width10, height10, rotationRad) {
+  ctx.save();
+  ctx.translate(centerX, centerY);
+  ctx.rotate(-rotationRad);
+  ctx.fillRect(-width10 / 2, -height10 / 2, width10, height10);
+  ctx.restore();
+}
+function drawKnockoutText(ctx, text, outlines, metrics, transform2, rotationDeg, canvasXFromPcb, canvasYFromPcb, traceTextureResolution, copperColor) {
+  const fontSize = typeof text.font_size === "number" ? text.font_size : 0.2;
+  const padding = {
+    left: parseDimension2(text.knockout_padding?.left, fontSize * 0.5),
+    right: parseDimension2(text.knockout_padding?.right, fontSize * 0.5),
+    top: parseDimension2(text.knockout_padding?.top, fontSize * 0.3),
+    bottom: parseDimension2(text.knockout_padding?.bottom, fontSize * 0.3)
+  };
+  const rectWidth = metrics.width + padding.left + padding.right;
+  const rectHeight = metrics.height + padding.top + padding.bottom;
+  const rectCenterCanvasX = canvasXFromPcb(text.anchor_position.x);
+  const rectCenterCanvasY = canvasYFromPcb(text.anchor_position.y);
+  const rectWidthPx = rectWidth * traceTextureResolution;
+  const rectHeightPx = rectHeight * traceTextureResolution;
+  ctx.fillStyle = copperColor;
+  const rotationRad = rotationDeg * Math.PI / 180;
+  drawRotatedRect(
+    ctx,
+    rectCenterCanvasX,
+    rectCenterCanvasY,
+    rectWidthPx,
+    rectHeightPx,
+    rotationRad
+  );
+  const textOffset = {
+    x: -metrics.centerX,
+    y: -metrics.centerY
+  };
+  ctx.globalCompositeOperation = "destination-out";
+  drawTextStrokes(
+    ctx,
+    outlines,
+    transform2,
+    textOffset,
+    text.anchor_position,
+    canvasXFromPcb,
+    canvasYFromPcb
+  );
+  ctx.globalCompositeOperation = "source-over";
+}
+function createCopperTextTextureForLayer({
+  layer,
+  circuitJson,
+  boardData,
+  copperColor = "rgb(230, 153, 51)",
+  // Same as colors.copper [0.9, 0.6, 0.2]
+  traceTextureResolution
+}) {
+  const copperTexts = circuitJson.filter(
+    (e) => e.type === "pcb_copper_text"
+  );
+  const textsOnLayer = copperTexts.filter((t) => t.layer === layer);
+  if (textsOnLayer.length === 0) {
+    return null;
+  }
+  const canvas = document.createElement("canvas");
+  const canvasWidth = Math.floor(boardData.width * traceTextureResolution);
+  const canvasHeight = Math.floor(boardData.height * traceTextureResolution);
+  canvas.width = canvasWidth;
+  canvas.height = canvasHeight;
+  const ctx = canvas.getContext("2d");
+  if (!ctx) return null;
+  if (layer === "bottom") {
+    ctx.translate(0, canvasHeight);
+    ctx.scale(1, -1);
+  }
+  ctx.strokeStyle = copperColor;
+  ctx.fillStyle = copperColor;
+  const canvasXFromPcb = (pcbX) => (pcbX - boardData.center.x + boardData.width / 2) * traceTextureResolution;
+  const canvasYFromPcb = (pcbY) => (-(pcbY - boardData.center.y) + boardData.height / 2) * traceTextureResolution;
+  textsOnLayer.forEach((textS) => {
+    const fontSize = typeof textS.font_size === "number" ? textS.font_size : 0.2;
+    const textStrokeWidth = Math.max(0.02, fontSize * 0.08) * traceTextureResolution;
+    ctx.lineWidth = textStrokeWidth;
+    ctx.lineCap = "round";
+    ctx.lineJoin = "round";
+    const rawTextOutlines = (0, import_text2.vectorText)({
+      height: fontSize * 0.45,
+      input: textS.text
+    });
+    const processedOutlines = processTextOutlines(rawTextOutlines);
+    const metrics = getTextMetrics(processedOutlines);
+    const { matrix: transform2, rotationDeg } = buildTransformMatrix(
+      textS,
+      metrics
+    );
+    if (textS.is_knockout) {
+      drawKnockoutText(
+        ctx,
+        textS,
+        processedOutlines,
+        metrics,
+        transform2,
+        rotationDeg,
+        canvasXFromPcb,
+        canvasYFromPcb,
+        traceTextureResolution,
+        copperColor
+      );
+    } else {
+      const alignment = textS.anchor_alignment || "center";
+      const offset4 = getAlignmentOffset(metrics, alignment);
+      drawTextStrokes(
+        ctx,
+        processedOutlines,
+        transform2,
+        offset4,
+        textS.anchor_position,
+        canvasXFromPcb,
+        canvasYFromPcb
+      );
+    }
+  });
+  const texture = new THREE21.CanvasTexture(canvas);
+  texture.generateMipmaps = true;
+  texture.minFilter = THREE21.LinearMipmapLinearFilter;
+  texture.magFilter = THREE21.LinearFilter;
+  texture.anisotropy = 16;
+  texture.needsUpdate = true;
+  return texture;
+}
+
+// src/utils/panel-outline-texture.ts
+import * as THREE22 from "three";
+import { su as su8 } from "@tscircuit/circuit-json-util";
+function createPanelOutlineTextureForLayer({
+  layer,
+  circuitJson,
+  panelData,
+  outlineColor = "black",
+  traceTextureResolution
+}) {
+  const boardsInPanel = su8(circuitJson).pcb_board.list().filter((b) => b.pcb_panel_id === panelData.pcb_board_id);
+  if (boardsInPanel.length === 0) {
+    return null;
+  }
+  const canvas = document.createElement("canvas");
+  const canvasWidth = Math.floor(panelData.width * traceTextureResolution);
+  const canvasHeight = Math.floor(panelData.height * traceTextureResolution);
+  canvas.width = canvasWidth;
+  canvas.height = canvasHeight;
+  const ctx = canvas.getContext("2d");
+  if (!ctx) return null;
+  if (layer === "bottom") {
+    ctx.translate(0, canvasHeight);
+    ctx.scale(1, -1);
+  }
+  ctx.strokeStyle = outlineColor;
+  ctx.lineWidth = 0.05 * traceTextureResolution;
+  const canvasXFromPcb = (pcbX) => (pcbX - panelData.center.x + panelData.width / 2) * traceTextureResolution;
+  const canvasYFromPcb = (pcbY) => (-(pcbY - panelData.center.y) + panelData.height / 2) * traceTextureResolution;
+  boardsInPanel.forEach((board) => {
+    if (board.outline && board.outline.length >= 2) {
+      ctx.beginPath();
+      board.outline.forEach((point2, index2) => {
+        const x = canvasXFromPcb(point2.x);
+        const y = canvasYFromPcb(point2.y);
+        if (index2 === 0) {
+          ctx.moveTo(x, y);
+        } else {
+          ctx.lineTo(x, y);
+        }
+      });
+      ctx.closePath();
+      ctx.stroke();
+    } else {
+      const width10 = board.width;
+      const height10 = board.height;
+      const { x: centerX, y: centerY } = board.center;
+      const x = canvasXFromPcb(centerX - width10 / 2);
+      const y = canvasYFromPcb(centerY + height10 / 2);
+      ctx.strokeRect(
+        x,
+        y,
+        width10 * traceTextureResolution,
+        height10 * traceTextureResolution
+      );
+    }
+  });
+  const texture = new THREE22.CanvasTexture(canvas);
+  texture.generateMipmaps = true;
+  texture.minFilter = THREE22.LinearMipmapLinearFilter;
+  texture.magFilter = THREE22.LinearFilter;
+  texture.anisotropy = 16;
+  texture.needsUpdate = true;
+  return texture;
+}
+
 // src/three-components/JscadBoardTextures.tsx
 function JscadBoardTextures({
   circuitJson,
@@ -33232,8 +33171,30 @@ function JscadBoardTextures({
   const { rootObject } = useThree();
   const { visibility } = useLayerVisibility();
   const boardData = useMemo19(() => {
-    const boards = su8(circuitJson).pcb_board.list();
-    return boards.length > 0 ? boards[0] : null;
+    const panels = circuitJson.filter(
+      (e) => e.type === "pcb_panel"
+    );
+    const boards = su9(circuitJson).pcb_board.list();
+    if (panels.length > 0) {
+      const panel = panels[0];
+      const firstBoardInPanel = boards.find(
+        (b) => b.pcb_panel_id === panel.pcb_panel_id
+      );
+      return {
+        type: "pcb_board",
+        pcb_board_id: panel.pcb_panel_id,
+        center: panel.center,
+        width: panel.width,
+        height: panel.height,
+        thickness: firstBoardInPanel?.thickness ?? 1.6,
+        material: firstBoardInPanel?.material ?? "fr4",
+        num_layers: firstBoardInPanel?.num_layers ?? 2
+      };
+    }
+    const boardsNotInPanel = boards.filter(
+      (b) => !b.pcb_panel_id
+    );
+    return boardsNotInPanel.length > 0 ? boardsNotInPanel[0] : null;
   }, [circuitJson]);
   const textures = useMemo19(() => {
     if (!boardData || !boardData.width || !boardData.height) return null;
@@ -33284,28 +33245,54 @@ function JscadBoardTextures({
         boardData,
         traceColor: traceColorWithMask,
         traceTextureResolution: TRACE_TEXTURE_RESOLUTION
+      }),
+      topCopperText: createCopperTextTextureForLayer({
+        layer: "top",
+        circuitJson,
+        boardData,
+        copperColor: `rgb(${Math.round(colors.copper[0] * 255)}, ${Math.round(colors.copper[1] * 255)}, ${Math.round(colors.copper[2] * 255)})`,
+        traceTextureResolution: TRACE_TEXTURE_RESOLUTION
+      }),
+      bottomCopperText: createCopperTextTextureForLayer({
+        layer: "bottom",
+        circuitJson,
+        boardData,
+        copperColor: `rgb(${Math.round(colors.copper[0] * 255)}, ${Math.round(colors.copper[1] * 255)}, ${Math.round(colors.copper[2] * 255)})`,
+        traceTextureResolution: TRACE_TEXTURE_RESOLUTION
+      }),
+      topPanelOutlines: createPanelOutlineTextureForLayer({
+        layer: "top",
+        circuitJson,
+        panelData: boardData,
+        traceTextureResolution: TRACE_TEXTURE_RESOLUTION
+      }),
+      bottomPanelOutlines: createPanelOutlineTextureForLayer({
+        layer: "bottom",
+        circuitJson,
+        panelData: boardData,
+        traceTextureResolution: TRACE_TEXTURE_RESOLUTION
       })
     };
   }, [circuitJson, boardData]);
   useEffect22(() => {
     if (!rootObject || !boardData || !textures) return;
     const meshes = [];
-    const createTexturePlane = (texture, zOffset, isBottomLayer, name, usePolygonOffset = false) => {
+    const createTexturePlane = (texture, zOffset, isBottomLayer, name, usePolygonOffset = false, depthWrite = false) => {
       if (!texture) return null;
-      const planeGeom = new THREE21.PlaneGeometry(
+      const planeGeom = new THREE23.PlaneGeometry(
         boardData.width,
         boardData.height
       );
-      const material = new THREE21.MeshBasicMaterial({
+      const material = new THREE23.MeshBasicMaterial({
         map: texture,
         transparent: true,
-        side: THREE21.DoubleSide,
-        depthWrite: false,
+        side: THREE23.DoubleSide,
+        depthWrite,
         polygonOffset: usePolygonOffset,
         polygonOffsetFactor: usePolygonOffset ? -1 : 0,
         polygonOffsetUnits: usePolygonOffset ? -1 : 0
       });
-      const mesh = new THREE21.Mesh(planeGeom, material);
+      const mesh = new THREE23.Mesh(planeGeom, material);
       mesh.position.set(boardData.center.x, boardData.center.y, zOffset);
       if (isBottomLayer) {
         mesh.rotation.set(Math.PI, 0, 0);
@@ -33388,13 +33375,65 @@ function JscadBoardTextures({
         rootObject.add(bottomSilkscreenMesh);
       }
     }
+    if (visibility.topCopper) {
+      const topCopperTextMesh = createTexturePlane(
+        textures.topCopperText,
+        pcbThickness / 2 + BOARD_SURFACE_OFFSET.copper,
+        false,
+        "jscad-top-copper-text"
+      );
+      if (topCopperTextMesh) {
+        meshes.push(topCopperTextMesh);
+        rootObject.add(topCopperTextMesh);
+      }
+    }
+    if (visibility.bottomCopper) {
+      const bottomCopperTextMesh = createTexturePlane(
+        textures.bottomCopperText,
+        -pcbThickness / 2 - BOARD_SURFACE_OFFSET.copper,
+        true,
+        "jscad-bottom-copper-text"
+      );
+      if (bottomCopperTextMesh) {
+        meshes.push(bottomCopperTextMesh);
+        rootObject.add(bottomCopperTextMesh);
+      }
+    }
+    if (visibility.boardBody) {
+      const topPanelOutlinesMesh = createTexturePlane(
+        textures.topPanelOutlines,
+        pcbThickness / 2 + SURFACE_OFFSET + 3e-3,
+        // Above silkscreen
+        false,
+        "jscad-top-panel-outlines",
+        false,
+        true
+      );
+      if (topPanelOutlinesMesh) {
+        meshes.push(topPanelOutlinesMesh);
+        rootObject.add(topPanelOutlinesMesh);
+      }
+      const bottomPanelOutlinesMesh = createTexturePlane(
+        textures.bottomPanelOutlines,
+        -pcbThickness / 2 - SURFACE_OFFSET - 3e-3,
+        // Below bottom silkscreen
+        true,
+        "jscad-bottom-panel-outlines",
+        false,
+        true
+      );
+      if (bottomPanelOutlinesMesh) {
+        meshes.push(bottomPanelOutlinesMesh);
+        rootObject.add(bottomPanelOutlinesMesh);
+      }
+    }
     return () => {
       meshes.forEach((mesh) => {
         if (mesh.parent === rootObject) {
           rootObject.remove(mesh);
         }
         mesh.geometry.dispose();
-        if (mesh.material instanceof THREE21.Material) {
+        if (mesh.material instanceof THREE23.Material) {
           mesh.material.dispose();
         }
       });
@@ -33404,16 +33443,16 @@ function JscadBoardTextures({
 }
 
 // src/utils/preprocess-circuit-json.ts
-import { su as su10 } from "@tscircuit/circuit-json-util";
+import { su as su11 } from "@tscircuit/circuit-json-util";
 
 // src/utils/create-faux-board.ts
-import { su as su9, getBoundsOfPcbElements } from "@tscircuit/circuit-json-util";
+import { su as su10, getBoundsOfPcbElements } from "@tscircuit/circuit-json-util";
 function createFauxBoard(circuitJson) {
-  const cadComponents = su9(circuitJson).cad_component.list();
-  const pads = su9(circuitJson).pcb_smtpad.list();
-  const holes = su9(circuitJson).pcb_hole.list();
-  const platedHoles = su9(circuitJson).pcb_plated_hole.list();
-  const vias = su9(circuitJson).pcb_via.list();
+  const cadComponents = su10(circuitJson).cad_component.list();
+  const pads = su10(circuitJson).pcb_smtpad.list();
+  const holes = su10(circuitJson).pcb_hole.list();
+  const platedHoles = su10(circuitJson).pcb_plated_hole.list();
+  const vias = su10(circuitJson).pcb_via.list();
   if (cadComponents.length === 0 && pads.length === 0 && holes.length === 0 && platedHoles.length === 0 && vias.length === 0) {
     return null;
   }
@@ -33462,7 +33501,7 @@ function createFauxBoard(circuitJson) {
 
 // src/utils/preprocess-circuit-json.ts
 function addFauxBoardIfNeeded(circuitJson) {
-  const boards = su10(circuitJson).pcb_board.list();
+  const boards = su11(circuitJson).pcb_board.list();
   if (boards.length > 0) {
     return circuitJson;
   }
@@ -33512,7 +33551,7 @@ var CadViewerJscad = forwardRef3(
     const initialCameraPosition = useMemo20(() => {
       if (!internalCircuitJson) return [5, -5, 5];
       try {
-        const board = su11(internalCircuitJson).pcb_board.list()[0];
+        const board = su12(internalCircuitJson).pcb_board.list()[0];
         if (!board) return [5, -5, 5];
         const { width: width10, height: height10 } = board;
         if (!width10 && !height10) {
@@ -33538,7 +33577,7 @@ var CadViewerJscad = forwardRef3(
     const isFauxBoard = useMemo20(() => {
       if (!internalCircuitJson) return false;
       try {
-        const board = su11(internalCircuitJson).pcb_board.list()[0];
+        const board = su12(internalCircuitJson).pcb_board.list()[0];
         return !!board && board.pcb_board_id === "faux-board";
       } catch (e) {
         return false;
@@ -33547,7 +33586,7 @@ var CadViewerJscad = forwardRef3(
     const boardDimensions = useMemo20(() => {
       if (!internalCircuitJson) return void 0;
       try {
-        const board = su11(internalCircuitJson).pcb_board.list()[0];
+        const board = su12(internalCircuitJson).pcb_board.list()[0];
         if (!board) return void 0;
         return { width: board.width ?? 0, height: board.height ?? 0 };
       } catch (e) {
@@ -33558,7 +33597,7 @@ var CadViewerJscad = forwardRef3(
     const boardCenter = useMemo20(() => {
       if (!internalCircuitJson) return void 0;
       try {
-        const board = su11(internalCircuitJson).pcb_board.list()[0];
+        const board = su12(internalCircuitJson).pcb_board.list()[0];
         if (!board || !board.center) return void 0;
         return { x: board.center.x, y: board.center.y };
       } catch (e) {
@@ -33568,7 +33607,7 @@ var CadViewerJscad = forwardRef3(
     }, [internalCircuitJson]);
     const pcbThickness = usePcbThickness(internalCircuitJson);
     const { stls: boardStls, loading } = useStlsFromGeom(boardGeom);
-    const cad_components = su11(internalCircuitJson).cad_component.list();
+    const cad_components = su12(internalCircuitJson).cad_component.list();
     return /* @__PURE__ */ jsxs5(
       CadViewerContainer,
       {
@@ -33620,13 +33659,13 @@ var CadViewerJscad = forwardRef3(
 );
 
 // src/CadViewerManifold.tsx
-import { su as su18 } from "@tscircuit/circuit-json-util";
+import { su as su19 } from "@tscircuit/circuit-json-util";
 import { useEffect as useEffect24, useMemo as useMemo22, useState as useState15 } from "react";
 
 // src/hooks/useManifoldBoardBuilder.ts
 import { useState as useState14, useEffect as useEffect23, useMemo as useMemo21, useRef as useRef9 } from "react";
-import { su as su17 } from "@tscircuit/circuit-json-util";
-import * as THREE27 from "three";
+import { su as su18 } from "@tscircuit/circuit-json-util";
+import * as THREE29 from "three";
 
 // src/utils/manifold/create-manifold-board.ts
 var arePointsClockwise3 = (points) => {
@@ -33687,17 +33726,17 @@ function createManifoldBoard(Manifold, CrossSection, boardData, pcbThickness, ma
 }
 
 // src/utils/manifold/process-copper-pours.ts
-import * as THREE23 from "three";
+import * as THREE25 from "three";
 
 // src/utils/manifold-mesh-to-three-geometry.ts
-import * as THREE22 from "three";
+import * as THREE24 from "three";
 function manifoldMeshToThreeGeometry(manifoldMesh) {
-  const geometry = new THREE22.BufferGeometry();
+  const geometry = new THREE24.BufferGeometry();
   geometry.setAttribute(
     "position",
-    new THREE22.Float32BufferAttribute(manifoldMesh.vertProperties, 3)
+    new THREE24.Float32BufferAttribute(manifoldMesh.vertProperties, 3)
   );
-  geometry.setIndex(new THREE22.Uint32BufferAttribute(manifoldMesh.triVerts, 1));
+  geometry.setIndex(new THREE24.Uint32BufferAttribute(manifoldMesh.triVerts, 1));
   if (manifoldMesh.runIndex && manifoldMesh.runIndex.length > 1 && manifoldMesh.runOriginalID) {
     for (let i = 0; i < manifoldMesh.runIndex.length - 1; i++) {
       const start = manifoldMesh.runIndex[i];
@@ -33870,7 +33909,7 @@ function processCopperPoursForManifold(Manifold, CrossSection, circuitJson, pcbT
       }
       const covered = pour.covered_with_solder_mask !== false;
       const pourColorArr = covered ? tracesMaterialColors[boardMaterial] ?? colors.fr4TracesWithoutMaskTan : colors.copper;
-      const pourColor = new THREE23.Color(...pourColorArr);
+      const pourColor = new THREE25.Color(...pourColorArr);
       const threeGeom = manifoldMeshToThreeGeometry(pourOp.getMesh());
       copperPourGeoms.push({
         key: `coppour-${pour.pcb_copper_pour_id}`,
@@ -33883,7 +33922,7 @@ function processCopperPoursForManifold(Manifold, CrossSection, circuitJson, pcbT
 }
 
 // src/utils/manifold/process-cutouts.ts
-import { su as su12 } from "@tscircuit/circuit-json-util";
+import { su as su13 } from "@tscircuit/circuit-json-util";
 
 // src/utils/pad-geoms.ts
 var RECT_PAD_SEGMENTS2 = 64;
@@ -33975,7 +34014,7 @@ var arePointsClockwise5 = (points) => {
 };
 function processCutoutsForManifold(Manifold, CrossSection, circuitJson, pcbThickness, manifoldInstancesForCleanup) {
   const cutoutOps = [];
-  const pcbCutouts = su12(circuitJson).pcb_cutout.list();
+  const pcbCutouts = su13(circuitJson).pcb_cutout.list();
   for (const cutout of pcbCutouts) {
     let cutoutOp;
     const cutoutHeight = pcbThickness * 1.5;
@@ -34070,7 +34109,7 @@ function processCutoutsForManifold(Manifold, CrossSection, circuitJson, pcbThick
 }
 
 // src/utils/manifold/process-non-plated-holes.ts
-import { su as su13 } from "@tscircuit/circuit-json-util";
+import { su as su14 } from "@tscircuit/circuit-json-util";
 
 // src/utils/hole-geoms.ts
 function createCircleHoleDrill({
@@ -34122,7 +34161,7 @@ function isRotatedPillHole(hole) {
 }
 function processNonPlatedHolesForManifold(Manifold, circuitJson, pcbThickness, manifoldInstancesForCleanup) {
   const nonPlatedHoleBoardDrills = [];
-  const pcbHoles = su13(circuitJson).pcb_hole.list();
+  const pcbHoles = su14(circuitJson).pcb_hole.list();
   const createPillOp = (width10, height10, depth) => {
     const pillOp = createRoundedRectPrism({
       Manifold,
@@ -34171,8 +34210,8 @@ function processNonPlatedHolesForManifold(Manifold, circuitJson, pcbThickness, m
 }
 
 // src/utils/manifold/process-plated-holes.ts
-import { su as su14 } from "@tscircuit/circuit-json-util";
-import * as THREE24 from "three";
+import { su as su15 } from "@tscircuit/circuit-json-util";
+import * as THREE26 from "three";
 var arePointsClockwise6 = (points) => {
   let area = 0;
   for (let i = 0; i < points.length; i++) {
@@ -34193,11 +34232,11 @@ var createEllipsePoints = (width10, height10, segments) => {
   }
   return points;
 };
-var COPPER_COLOR = new THREE24.Color(...colors.copper);
+var COPPER_COLOR = new THREE26.Color(...colors.copper);
 var PLATED_HOLE_LIP_HEIGHT = 0.05;
 function processPlatedHolesForManifold(Manifold, CrossSection, circuitJson, pcbThickness, manifoldInstancesForCleanup, boardClipVolume) {
   const platedHoleBoardDrills = [];
-  const pcbPlatedHoles = su14(circuitJson).pcb_plated_hole.list();
+  const pcbPlatedHoles = su15(circuitJson).pcb_plated_hole.list();
   const platedHoleCopperGeoms = [];
   const platedHoleCopperOpsForSubtract = [];
   const createPillOp = (width10, height10, depth) => {
@@ -34766,12 +34805,12 @@ function processPlatedHolesForManifold(Manifold, CrossSection, circuitJson, pcbT
 }
 
 // src/utils/manifold/process-smt-pads.ts
-import { su as su15 } from "@tscircuit/circuit-json-util";
-import * as THREE25 from "three";
-var COPPER_COLOR2 = new THREE25.Color(...colors.copper);
+import { su as su16 } from "@tscircuit/circuit-json-util";
+import * as THREE27 from "three";
+var COPPER_COLOR2 = new THREE27.Color(...colors.copper);
 function processSmtPadsForManifold(Manifold, circuitJson, pcbThickness, manifoldInstancesForCleanup, holeUnion, boardClipVolume) {
   const smtPadGeoms = [];
-  const smtPads = su15(circuitJson).pcb_smtpad.list();
+  const smtPads = su16(circuitJson).pcb_smtpad.list();
   smtPads.forEach((pad2, index2) => {
     const padBaseThickness = DEFAULT_SMT_PAD_THICKNESS;
     const zPos = pad2.layer === "bottom" ? -pcbThickness / 2 - BOARD_SURFACE_OFFSET.copper : pcbThickness / 2 + BOARD_SURFACE_OFFSET.copper;
@@ -34806,8 +34845,8 @@ function processSmtPadsForManifold(Manifold, circuitJson, pcbThickness, manifold
 }
 
 // src/utils/manifold/process-vias.ts
-import { su as su16 } from "@tscircuit/circuit-json-util";
-import * as THREE26 from "three";
+import { su as su17 } from "@tscircuit/circuit-json-util";
+import * as THREE28 from "three";
 
 // src/utils/via-geoms.ts
 function createViaCopper2({
@@ -34860,10 +34899,10 @@ function createViaCopper2({
 }
 
 // src/utils/manifold/process-vias.ts
-var COPPER_COLOR3 = new THREE26.Color(...colors.copper);
+var COPPER_COLOR3 = new THREE28.Color(...colors.copper);
 function processViasForManifold(Manifold, circuitJson, pcbThickness, manifoldInstancesForCleanup, boardClipVolume) {
   const viaBoardDrills = [];
-  const pcbVias = su16(circuitJson).pcb_via.list();
+  const pcbVias = su17(circuitJson).pcb_via.list();
   const viaCopperGeoms = [];
   pcbVias.forEach((via, index2) => {
     if (typeof via.hole_diameter === "number") {
@@ -34923,26 +34962,28 @@ var useManifoldBoardBuilder = (manifoldJSModule, circuitJson) => {
     const panels = circuitJson.filter(
       (e) => e.type === "pcb_panel"
     );
-    const boards = su17(circuitJson).pcb_board.list();
+    const boards = su18(circuitJson).pcb_board.list();
     if (panels.length > 0) {
       const panel = panels[0];
+      const firstBoardInPanel = boards.find(
+        (b) => b.pcb_panel_id === panel.pcb_panel_id
+      );
       return {
         type: "pcb_board",
         pcb_board_id: panel.pcb_panel_id,
         center: panel.center,
         width: panel.width,
         height: panel.height,
-        thickness: 1.6,
-        // Default thickness
-        material: "fr4",
-        num_layers: 2
+        thickness: firstBoardInPanel?.thickness ?? 1.6,
+        material: firstBoardInPanel?.material ?? "fr4",
+        num_layers: firstBoardInPanel?.num_layers ?? 2
       };
     }
     const boardsNotInPanel = boards.filter((b) => !b.pcb_panel_id);
     return boardsNotInPanel.length > 0 ? boardsNotInPanel[0] : null;
   }, [circuitJson]);
   const isFauxBoard = useMemo21(() => {
-    const boards = su17(circuitJson).pcb_board.list();
+    const boards = su18(circuitJson).pcb_board.list();
     return boards.length > 0 && boards[0].pcb_board_id === "faux-board";
   }, [circuitJson]);
   useEffect23(() => {
@@ -35077,7 +35118,7 @@ var useManifoldBoardBuilder = (manifoldJSModule, circuitJson) => {
             {
               key: "plated-holes-union",
               geometry: cutPlatedGeom,
-              color: new THREE27.Color(
+              color: new THREE29.Color(
                 colors.copper[0],
                 colors.copper[1],
                 colors.copper[2]
@@ -35107,7 +35148,7 @@ var useManifoldBoardBuilder = (manifoldJSModule, circuitJson) => {
         const matColorArray = boardMaterialColors[boardData.material] ?? colors.fr4Tan;
         currentGeoms.board = {
           geometry: finalBoardGeom,
-          color: new THREE27.Color(
+          color: new THREE29.Color(
             matColorArray[0],
             matColorArray[1],
             matColorArray[2]
@@ -35200,6 +35241,34 @@ var useManifoldBoardBuilder = (manifoldJSModule, circuitJson) => {
         soldermaskColor,
         traceTextureResolution: TRACE_TEXTURE_RESOLUTION
       });
+      const copperColorArr = colors.copper;
+      const copperColor = `rgb(${Math.round(copperColorArr[0] * 255)}, ${Math.round(copperColorArr[1] * 255)}, ${Math.round(copperColorArr[2] * 255)})`;
+      currentTextures.topCopperText = createCopperTextTextureForLayer({
+        layer: "top",
+        circuitJson,
+        boardData,
+        copperColor,
+        traceTextureResolution: TRACE_TEXTURE_RESOLUTION
+      });
+      currentTextures.bottomCopperText = createCopperTextTextureForLayer({
+        layer: "bottom",
+        circuitJson,
+        boardData,
+        copperColor,
+        traceTextureResolution: TRACE_TEXTURE_RESOLUTION
+      });
+      currentTextures.topPanelOutlines = createPanelOutlineTextureForLayer({
+        layer: "top",
+        circuitJson,
+        panelData: boardData,
+        traceTextureResolution: TRACE_TEXTURE_RESOLUTION
+      });
+      currentTextures.bottomPanelOutlines = createPanelOutlineTextureForLayer({
+        layer: "bottom",
+        circuitJson,
+        panelData: boardData,
+        traceTextureResolution: TRACE_TEXTURE_RESOLUTION
+      });
       setTextures(currentTextures);
     } catch (e) {
       console.error("Error processing geometry with Manifold in hook:", e);
@@ -35228,11 +35297,11 @@ var useManifoldBoardBuilder = (manifoldJSModule, circuitJson) => {
 };
 
 // src/utils/manifold/create-three-geometry-meshes.ts
-import * as THREE29 from "three";
+import * as THREE31 from "three";
 
 // src/utils/create-board-material.ts
-import * as THREE28 from "three";
-var DEFAULT_SIDE = THREE28.DoubleSide;
+import * as THREE30 from "three";
+var DEFAULT_SIDE = THREE30.DoubleSide;
 var createBoardMaterial = ({
   material,
   color,
@@ -35240,7 +35309,7 @@ var createBoardMaterial = ({
   isFaux = false
 }) => {
   if (material === "fr4") {
-    return new THREE28.MeshPhysicalMaterial({
+    return new THREE30.MeshPhysicalMaterial({
       color,
       side,
       metalness: 0,
@@ -35254,7 +35323,7 @@ var createBoardMaterial = ({
       flatShading: true
     });
   }
-  return new THREE28.MeshStandardMaterial({
+  return new THREE30.MeshStandardMaterial({
     color,
     side,
     flatShading: true,
@@ -35270,12 +35339,12 @@ function createGeometryMeshes(geoms) {
   const meshes = [];
   if (!geoms) return meshes;
   if (geoms.board && geoms.board.geometry) {
-    const mesh = new THREE29.Mesh(
+    const mesh = new THREE31.Mesh(
       geoms.board.geometry,
       createBoardMaterial({
         material: geoms.board.material,
         color: geoms.board.color,
-        side: THREE29.DoubleSide,
+        side: THREE31.DoubleSide,
         isFaux: geoms.board.isFaux
       })
     );
@@ -35285,11 +35354,11 @@ function createGeometryMeshes(geoms) {
   const createMeshesFromArray = (geomArray) => {
     if (geomArray) {
       geomArray.forEach((comp) => {
-        const mesh = new THREE29.Mesh(
+        const mesh = new THREE31.Mesh(
           comp.geometry,
-          new THREE29.MeshStandardMaterial({
+          new THREE31.MeshStandardMaterial({
             color: comp.color,
-            side: THREE29.DoubleSide,
+            side: THREE31.DoubleSide,
             flatShading: true,
             // Consistent with board
             polygonOffset: true,
@@ -35310,25 +35379,24 @@ function createGeometryMeshes(geoms) {
 }
 
 // src/utils/manifold/create-three-texture-meshes.ts
-import * as THREE30 from "three";
+import * as THREE32 from "three";
 function createTextureMeshes(textures, boardData, pcbThickness) {
   const meshes = [];
   if (!textures || !boardData || pcbThickness === null) return meshes;
   const createTexturePlane = (texture, yOffset, isBottomLayer, keySuffix, usePolygonOffset = false, renderOrder = 0) => {
     if (!texture) return null;
-    const planeGeom = new THREE30.PlaneGeometry(boardData.width, boardData.height);
-    const material = new THREE30.MeshBasicMaterial({
+    const planeGeom = new THREE32.PlaneGeometry(boardData.width, boardData.height);
+    const material = new THREE32.MeshBasicMaterial({
       map: texture,
       transparent: true,
-      side: THREE30.DoubleSide,
-      depthWrite: false,
-      // Important for layers to avoid z-fighting issues with board itself
+      side: THREE32.DoubleSide,
+      depthWrite: keySuffix === "panel-outlines",
       polygonOffset: usePolygonOffset,
       polygonOffsetFactor: usePolygonOffset ? -4 : 0,
       // Increased for better z-fighting prevention
       polygonOffsetUnits: usePolygonOffset ? -4 : 0
     });
-    const mesh = new THREE30.Mesh(planeGeom, material);
+    const mesh = new THREE32.Mesh(planeGeom, material);
     mesh.position.set(boardData.center.x, boardData.center.y, yOffset);
     if (isBottomLayer) {
       mesh.rotation.set(Math.PI, 0, 0);
@@ -35424,6 +35492,46 @@ function createTextureMeshes(textures, boardData, pcbThickness) {
     // Render after board (renderOrder)
   );
   if (bottomSoldermaskMesh) meshes.push(bottomSoldermaskMesh);
+  const topCopperTextMesh = createTexturePlane(
+    textures.topCopperText,
+    pcbThickness / 2 + BOARD_SURFACE_OFFSET.copper,
+    false,
+    "copper-text",
+    false,
+    2
+    // Render after soldermask
+  );
+  if (topCopperTextMesh) meshes.push(topCopperTextMesh);
+  const bottomCopperTextMesh = createTexturePlane(
+    textures.bottomCopperText,
+    -pcbThickness / 2 - BOARD_SURFACE_OFFSET.copper,
+    true,
+    "copper-text",
+    false,
+    2
+    // Render after soldermask
+  );
+  if (bottomCopperTextMesh) meshes.push(bottomCopperTextMesh);
+  const topPanelOutlinesMesh = createTexturePlane(
+    textures.topPanelOutlines,
+    pcbThickness / 2 + 4e-3,
+    // Above silkscreen
+    false,
+    "panel-outlines",
+    false,
+    4
+  );
+  if (topPanelOutlinesMesh) meshes.push(topPanelOutlinesMesh);
+  const bottomPanelOutlinesMesh = createTexturePlane(
+    textures.bottomPanelOutlines,
+    -pcbThickness / 2 - 4e-3,
+    // Below bottom silkscreen
+    true,
+    "panel-outlines",
+    false,
+    4
+  );
+  if (bottomPanelOutlinesMesh) meshes.push(bottomPanelOutlinesMesh);
   return meshes;
 }
 
@@ -35476,6 +35584,12 @@ var BoardMeshes = ({
         shouldShow = visibility.topMask;
       } else if (mesh.name.includes("bottom-soldermask")) {
         shouldShow = visibility.bottomMask;
+      } else if (mesh.name.includes("top-copper-text")) {
+        shouldShow = visibility.topCopper;
+      } else if (mesh.name.includes("bottom-copper-text")) {
+        shouldShow = visibility.bottomCopper;
+      } else if (mesh.name.includes("panel-outlines")) {
+        shouldShow = visibility.boardBody;
       }
       if (shouldShow) {
         rootObject.add(mesh);
@@ -35588,7 +35702,7 @@ try {
     [textures, boardData, pcbThickness]
   );
   const cadComponents = useMemo22(
-    () => su18(circuitJson).cad_component.list(),
+    () => su19(circuitJson).cad_component.list(),
     [circuitJson]
   );
   const boardDimensions = useMemo22(() => {
@@ -42330,7 +42444,7 @@ var KeyboardShortcutsDialog = ({
 
 // src/CadViewer.tsx
 import { jsx as jsx37, jsxs as jsxs11 } from "react/jsx-runtime";
-var DEFAULT_TARGET = new THREE31.Vector3(0, 0, 0);
+var DEFAULT_TARGET = new THREE33.Vector3(0, 0, 0);
 var INITIAL_CAMERA_POSITION = [5, -5, 5];
 var CadViewerInner = (props) => {
   const [engine, setEngine] = useState35("manifold");
@@ -42596,12 +42710,12 @@ var CadViewer = (props) => {
 
 // src/convert-circuit-json-to-3d-svg.ts
 var import_debug = __toESM(require_browser(), 1);
-import { su as su19 } from "@tscircuit/circuit-json-util";
-import * as THREE35 from "three";
+import { su as su20 } from "@tscircuit/circuit-json-util";
+import * as THREE37 from "three";
 import { SVGRenderer } from "three/examples/jsm/renderers/SVGRenderer.js";
 
 // src/utils/create-geometry-from-polygons.ts
-import * as THREE32 from "three";
+import * as THREE34 from "three";
 import { BufferGeometry as BufferGeometry3, Float32BufferAttribute as Float32BufferAttribute2 } from "three";
 function createGeometryFromPolygons(polygons) {
   const geometry = new BufferGeometry3();
@@ -42615,12 +42729,12 @@ function createGeometryFromPolygons(polygons) {
         ...polygon3.vertices[i + 1]
         // Third vertex
       );
-      const v1 = new THREE32.Vector3(...polygon3.vertices[0]);
-      const v2 = new THREE32.Vector3(...polygon3.vertices[i]);
-      const v3 = new THREE32.Vector3(...polygon3.vertices[i + 1]);
-      const normal = new THREE32.Vector3().crossVectors(
-        new THREE32.Vector3().subVectors(v2, v1),
-        new THREE32.Vector3().subVectors(v3, v1)
+      const v1 = new THREE34.Vector3(...polygon3.vertices[0]);
+      const v2 = new THREE34.Vector3(...polygon3.vertices[i]);
+      const v3 = new THREE34.Vector3(...polygon3.vertices[i + 1]);
+      const normal = new THREE34.Vector3().crossVectors(
+        new THREE34.Vector3().subVectors(v2, v1),
+        new THREE34.Vector3().subVectors(v3, v1)
       ).normalize();
       normals.push(
         normal.x,
@@ -42644,10 +42758,10 @@ function createGeometryFromPolygons(polygons) {
 var import_modeling2 = __toESM(require_src(), 1);
 var import_jscad_planner2 = __toESM(require_dist(), 1);
 var jscadModeling2 = __toESM(require_src(), 1);
-import * as THREE34 from "three";
+import * as THREE36 from "three";
 
 // src/utils/load-model.ts
-import * as THREE33 from "three";
+import * as THREE35 from "three";
 import { GLTFLoader as GLTFLoader2 } from "three/examples/jsm/loaders/GLTFLoader.js";
 import { OBJLoader as OBJLoader2 } from "three/examples/jsm/loaders/OBJLoader.js";
 import { STLLoader as STLLoader2 } from "three/examples/jsm/loaders/STLLoader.js";
@@ -42655,12 +42769,12 @@ async function load3DModel(url) {
   if (url.endsWith(".stl")) {
     const loader = new STLLoader2();
     const geometry = await loader.loadAsync(url);
-    const material = new THREE33.MeshStandardMaterial({
+    const material = new THREE35.MeshStandardMaterial({
       color: 8947848,
       metalness: 0.5,
       roughness: 0.5
     });
-    return new THREE33.Mesh(geometry, material);
+    return new THREE35.Mesh(geometry, material);
   }
   if (url.endsWith(".obj")) {
     const loader = new OBJLoader2();
@@ -42693,9 +42807,9 @@ async function renderComponent(component, scene) {
       }
       if (component.rotation) {
         model.rotation.set(
-          THREE34.MathUtils.degToRad(component.rotation.x ?? 0),
-          THREE34.MathUtils.degToRad(component.rotation.y ?? 0),
-          THREE34.MathUtils.degToRad(component.rotation.z ?? 0)
+          THREE36.MathUtils.degToRad(component.rotation.x ?? 0),
+          THREE36.MathUtils.degToRad(component.rotation.y ?? 0),
+          THREE36.MathUtils.degToRad(component.rotation.z ?? 0)
         );
       }
       scene.add(model);
@@ -42709,13 +42823,13 @@ async function renderComponent(component, scene) {
     );
     if (jscadObject && (jscadObject.polygons || jscadObject.sides)) {
       const threeGeom = convertCSGToThreeGeom(jscadObject);
-      const material2 = new THREE34.MeshStandardMaterial({
+      const material2 = new THREE36.MeshStandardMaterial({
         color: 8947848,
         metalness: 0.5,
         roughness: 0.5,
-        side: THREE34.DoubleSide
+        side: THREE36.DoubleSide
       });
-      const mesh2 = new THREE34.Mesh(threeGeom, material2);
+      const mesh2 = new THREE36.Mesh(threeGeom, material2);
       if (component.position) {
         mesh2.position.set(
           component.position.x ?? 0,
@@ -42725,9 +42839,9 @@ async function renderComponent(component, scene) {
       }
       if (component.rotation) {
         mesh2.rotation.set(
-          THREE34.MathUtils.degToRad(component.rotation.x ?? 0),
-          THREE34.MathUtils.degToRad(component.rotation.y ?? 0),
-          THREE34.MathUtils.degToRad(component.rotation.z ?? 0)
+          THREE36.MathUtils.degToRad(component.rotation.x ?? 0),
+          THREE36.MathUtils.degToRad(component.rotation.y ?? 0),
+          THREE36.MathUtils.degToRad(component.rotation.z ?? 0)
         );
       }
       scene.add(mesh2);
@@ -42744,17 +42858,17 @@ async function renderComponent(component, scene) {
       if (!geom || !geom.polygons && !geom.sides) {
         continue;
       }
-      const color = new THREE34.Color(geomInfo.color);
+      const color = new THREE36.Color(geomInfo.color);
       color.convertLinearToSRGB();
       const geomWithColor = { ...geom, color: [color.r, color.g, color.b] };
       const threeGeom = convertCSGToThreeGeom(geomWithColor);
-      const material2 = new THREE34.MeshStandardMaterial({
+      const material2 = new THREE36.MeshStandardMaterial({
         vertexColors: true,
         metalness: 0.2,
         roughness: 0.8,
-        side: THREE34.DoubleSide
+        side: THREE36.DoubleSide
       });
-      const mesh2 = new THREE34.Mesh(threeGeom, material2);
+      const mesh2 = new THREE36.Mesh(threeGeom, material2);
       if (component.position) {
         mesh2.position.set(
           component.position.x ?? 0,
@@ -42764,22 +42878,22 @@ async function renderComponent(component, scene) {
       }
       if (component.rotation) {
         mesh2.rotation.set(
-          THREE34.MathUtils.degToRad(component.rotation.x ?? 0),
-          THREE34.MathUtils.degToRad(component.rotation.y ?? 0),
-          THREE34.MathUtils.degToRad(component.rotation.z ?? 0)
+          THREE36.MathUtils.degToRad(component.rotation.x ?? 0),
+          THREE36.MathUtils.degToRad(component.rotation.y ?? 0),
+          THREE36.MathUtils.degToRad(component.rotation.z ?? 0)
         );
       }
       scene.add(mesh2);
     }
     return;
   }
-  const geometry = new THREE34.BoxGeometry(0.5, 0.5, 0.5);
-  const material = new THREE34.MeshStandardMaterial({
+  const geometry = new THREE36.BoxGeometry(0.5, 0.5, 0.5);
+  const material = new THREE36.MeshStandardMaterial({
     color: 16711680,
     transparent: true,
     opacity: 0.25
   });
-  const mesh = new THREE34.Mesh(geometry, material);
+  const mesh = new THREE36.Mesh(geometry, material);
   if (component.position) {
     mesh.position.set(
       component.position.x ?? 0,
@@ -42800,11 +42914,11 @@ async function convertCircuitJsonTo3dSvg(circuitJson, options = {}) {
     padding = 20,
     zoom = 1.5
   } = options;
-  const scene = new THREE35.Scene();
+  const scene = new THREE37.Scene();
   const renderer = new SVGRenderer();
   renderer.setSize(width10, height10);
-  renderer.setClearColor(new THREE35.Color(backgroundColor), 1);
-  const camera = new THREE35.OrthographicCamera();
+  renderer.setClearColor(new THREE37.Color(backgroundColor), 1);
+  const camera = new THREE37.OrthographicCamera();
   const aspect = width10 / height10;
   const frustumSize = 100;
   const halfFrustumSize = frustumSize / 2 / zoom;
@@ -42818,22 +42932,22 @@ async function convertCircuitJsonTo3dSvg(circuitJson, options = {}) {
   camera.position.set(position.x, position.y, position.z);
   camera.up.set(0, 1, 0);
   const lookAt = options.camera?.lookAt ?? { x: 0, y: 0, z: 0 };
-  camera.lookAt(new THREE35.Vector3(lookAt.x, lookAt.y, lookAt.z));
+  camera.lookAt(new THREE37.Vector3(lookAt.x, lookAt.y, lookAt.z));
   camera.updateProjectionMatrix();
-  const ambientLight = new THREE35.AmbientLight(16777215, Math.PI / 2);
+  const ambientLight = new THREE37.AmbientLight(16777215, Math.PI / 2);
   scene.add(ambientLight);
-  const pointLight = new THREE35.PointLight(16777215, Math.PI / 4);
+  const pointLight = new THREE37.PointLight(16777215, Math.PI / 4);
   pointLight.position.set(-10, -10, 10);
   scene.add(pointLight);
-  const components = su19(circuitJson).cad_component.list();
+  const components = su20(circuitJson).cad_component.list();
   for (const component of components) {
     await renderComponent(component, scene);
   }
-  const boardData = su19(circuitJson).pcb_board.list()[0];
+  const boardData = su20(circuitJson).pcb_board.list()[0];
   const boardGeom = createBoardGeomFromCircuitJson(circuitJson);
   if (boardGeom) {
     const solderMaskColor = colors.fr4SolderMaskGreen;
-    const baseColor = new THREE35.Color(
+    const baseColor = new THREE37.Color(
       solderMaskColor[0],
       solderMaskColor[1],
       solderMaskColor[2]
@@ -42845,28 +42959,28 @@ async function convertCircuitJsonTo3dSvg(circuitJson, options = {}) {
       const material = createBoardMaterial({
         material: boardData?.material,
         color: baseColor,
-        side: THREE35.DoubleSide
+        side: THREE37.DoubleSide
       });
-      const mesh = new THREE35.Mesh(geometry, material);
+      const mesh = new THREE37.Mesh(geometry, material);
       scene.add(mesh);
     }
   }
-  const gridColor = new THREE35.Color(8947848);
-  const gridHelper = new THREE35.GridHelper(100, 100, gridColor, gridColor);
+  const gridColor = new THREE37.Color(8947848);
+  const gridHelper = new THREE37.GridHelper(100, 100, gridColor, gridColor);
   gridHelper.rotation.x = Math.PI / 2;
   const materials = Array.isArray(gridHelper.material) ? gridHelper.material : [gridHelper.material];
   for (const mat of materials) {
     mat.transparent = true;
     mat.opacity = 0.3;
-    if (mat instanceof THREE35.LineBasicMaterial) {
+    if (mat instanceof THREE37.LineBasicMaterial) {
       mat.color = gridColor;
       mat.vertexColors = false;
     }
   }
   scene.add(gridHelper);
-  const box = new THREE35.Box3().setFromObject(scene);
-  const center = box.getCenter(new THREE35.Vector3());
-  const size5 = box.getSize(new THREE35.Vector3());
+  const box = new THREE37.Box3().setFromObject(scene);
+  const center = box.getCenter(new THREE37.Vector3());
+  const size5 = box.getSize(new THREE37.Vector3());
   scene.position.sub(center);
   const maxDim = Math.max(size5.x, size5.y, size5.z);
   if (maxDim > 0) {