Update export test file sizes

.github/workflows/playwright.yml

@@ -263,7 +263,7 @@ jobs:
       fail-fast: false
       matrix:
         os: [ubuntu-latest, windows-latest, macos-14]
-    timeout-minutes: 60
+    timeout-minutes: 40
     runs-on: ${{ matrix.os }}
     needs: check-rust-changes
     steps:

docs/kcl/angleToMatchLengthX.md

@@ -270,26 +270,6 @@ const extrusion = extrude(5, sketch001)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -499,26 +479,6 @@ const extrusion = extrude(5, sketch001)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],

docs/kcl/angleToMatchLengthY.md

@@ -274,26 +274,6 @@ const extrusion = extrude(5, sketch001)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -503,26 +483,6 @@ const extrusion = extrude(5, sketch001)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],

docs/kcl/angledLine.md

@@ -189,26 +189,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -418,26 +398,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -649,26 +609,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -878,26 +818,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],

docs/kcl/angledLineOfXLength.md

@@ -188,26 +188,6 @@ const extrusion = extrude(10, sketch001)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -417,26 +397,6 @@ const extrusion = extrude(10, sketch001)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -648,26 +608,6 @@ const extrusion = extrude(10, sketch001)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -877,26 +817,6 @@ const extrusion = extrude(10, sketch001)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],

docs/kcl/angledLineOfYLength.md

@@ -190,26 +190,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -419,26 +399,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -650,26 +610,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -879,26 +819,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],

docs/kcl/angledLineThatIntersects.md

@@ -282,26 +282,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -511,26 +491,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -742,26 +702,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -971,26 +911,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],

docs/kcl/angledLineToX.md

@@ -187,26 +187,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -416,26 +396,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -647,26 +607,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -876,26 +816,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],

docs/kcl/angledLineToY.md

@@ -187,26 +187,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -416,26 +396,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -647,26 +607,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -876,26 +816,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],

docs/kcl/arc.md

@@ -200,26 +200,6 @@ const exampleSketch = startSketchOn('XZ')
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -429,26 +409,6 @@ const exampleSketch = startSketchOn('XZ')
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -660,26 +620,6 @@ const exampleSketch = startSketchOn('XZ')
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -889,26 +829,6 @@ const exampleSketch = startSketchOn('XZ')
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],

docs/kcl/arrayReduce.md

@@ -182,26 +182,6 @@ decagon(5.0)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -411,26 +391,6 @@ decagon(5.0)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -634,26 +594,6 @@ decagon(5.0)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -863,26 +803,6 @@ decagon(5.0)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],

docs/kcl/bezierCurve.md

@@ -193,26 +193,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -422,26 +402,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -653,26 +613,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -882,26 +822,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],

docs/kcl/chamfer.md

@@ -448,26 +448,6 @@ const sketch001 = startSketchOn(part001, chamfer1)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -872,26 +852,6 @@ const sketch001 = startSketchOn(part001, chamfer1)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],

docs/kcl/circle.md

@@ -9,14 +9,14 @@ Construct a 2-dimensional circle, of the specified radius, centered at
 the provided (x, y) origin point.
 
 ```js
-circle(data: CircleData, sketch_surface_or_group: SketchSurfaceOrGroup, tag?: TagDeclarator) -> SketchGroup
+circle(center: [number], radius: number, sketch_surface_or_group: SketchSurfaceOrGroup, tag?: TagDeclarator) -> SketchGroup
 ```
 
 ### Examples
 
 ```js
 const exampleSketch = startSketchOn("-XZ")
-  |> circle({ center: [0, 0], radius: 10 }, %)
+  |> circle([0, 0], 10, %)
 
 const example = extrude(5, exampleSketch)
 ```
@@ -30,7 +30,7 @@ const exampleSketch = startSketchOn("XZ")
   |> line([0, 30], %)
   |> line([-30, 0], %)
   |> close(%)
-  |> hole(circle({ center: [0, 15], radius: 5 }, %), %)
+  |> hole(circle([0, 15], 5, %), %)
 
 const example = extrude(5, exampleSketch)
 ```
@@ -39,15 +39,8 @@ const example = extrude(5, exampleSketch)
 
 ### Arguments
 
-* `data`: `CircleData` - Data for drawing an circle (REQUIRED)
+* `center`: `[number]` (REQUIRED)
-```js
+* `radius`: `number` (REQUIRED)
-{
-	// The center of the circle.
-	center: [number, number],
-	// The circle radius
-	radius: number,
-}
-```
 * `sketch_surface_or_group`: `SketchSurfaceOrGroup` - A sketch surface or a sketch group. (REQUIRED)
 ```js
 {
@@ -193,26 +186,6 @@ const example = extrude(5, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -589,26 +562,6 @@ const example = extrude(5, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -820,26 +773,6 @@ const example = extrude(5, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -1049,26 +982,6 @@ const example = extrude(5, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],

docs/kcl/close.md

@@ -188,26 +188,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -417,26 +397,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -648,26 +608,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -877,26 +817,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],

docs/kcl/extrude.md

@@ -213,26 +213,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -443,26 +423,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -793,26 +753,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],

docs/kcl/fillet.md

@@ -445,26 +445,6 @@ const mountingPlate = extrude(thickness, mountingPlateSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -869,26 +849,6 @@ const mountingPlate = extrude(thickness, mountingPlateSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],

docs/kcl/helix.md

@@ -16,7 +16,7 @@ helix(data: HelixData, extrude_group: ExtrudeGroup) -> ExtrudeGroup
 
 ```js
 const part001 = startSketchOn('XY')
-  |> circle({ center: [5, 5], radius: 10 }, %)
+  |> circle([5, 5], 10, %)
   |> extrude(10, %)
   |> helix({
        angleStart: 0,
@@ -316,26 +316,6 @@ const part001 = startSketchOn('XY')
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -731,26 +711,6 @@ const part001 = startSketchOn('XY')
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],

docs/kcl/hole.md

@@ -21,8 +21,8 @@ const exampleSketch = startSketchOn('XY')
   |> line([5, 0], %)
   |> line([0, -5], %)
   |> close(%)
-  |> hole(circle({ center: [1, 1], radius: .25 }, %), %)
+  |> hole(circle([1, 1], .25, %), %)
-  |> hole(circle({ center: [1, 4], radius: .25 }, %), %)
+  |> hole(circle([1, 4], .25, %), %)
 
 const example = extrude(1, exampleSketch)
 ```
@@ -41,7 +41,7 @@ fn squareHoleSketch = () => {
 }
 
 const exampleSketch = startSketchOn('-XZ')
-  |> circle({ center: [0, 0], radius: 3 }, %)
+  |> circle([0, 0], 3, %)
   |> hole(squareHoleSketch(), %)
 const example = extrude(1, exampleSketch)
 ```
@@ -199,26 +199,6 @@ const example = extrude(1, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -429,26 +409,6 @@ const example = extrude(1, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -651,26 +611,6 @@ const example = extrude(1, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -880,26 +820,6 @@ const example = extrude(1, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -1102,26 +1022,6 @@ const example = extrude(1, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -1331,26 +1231,6 @@ const example = extrude(1, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],

docs/kcl/hollow.md

@@ -54,17 +54,11 @@ const case = startSketchOn('-XZ')
   |> extrude(65, %)
 
 const thing1 = startSketchOn(case, 'end')
-  |> circle({
+  |> circle([-size / 2, -size / 2], 25, %)
-       center: [-size / 2, -size / 2],
-       radius: 25
-     }, %)
   |> extrude(50, %)
 
 const thing2 = startSketchOn(case, 'end')
-  |> circle({
+  |> circle([size / 2, -size / 2], 25, %)
-       center: [size / 2, -size / 2],
-       radius: 25
-     }, %)
   |> extrude(50, %)
 
 hollow(0.5, case)
@@ -349,26 +343,6 @@ hollow(0.5, case)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -764,26 +738,6 @@ hollow(0.5, case)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],

docs/kcl/int.md

@@ -21,7 +21,7 @@ int(num: number) -> i64
 
 ```js
 const sketch001 = startSketchOn('XZ')
-  |> circle({ center: [0, 0], radius: 2 }, %)
+  |> circle([0, 0], 2, %)
 const extrude001 = extrude(5, sketch001)
 
 const pattern01 = patternTransform(int(ceil(5 / 2)), (id) => {

docs/kcl/lastSegX.md

@@ -179,26 +179,6 @@ const example = extrude(5, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -408,26 +388,6 @@ const example = extrude(5, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],

docs/kcl/lastSegY.md

@@ -179,26 +179,6 @@ const example = extrude(5, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -408,26 +388,6 @@ const example = extrude(5, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],

docs/kcl/line.md

@@ -192,26 +192,6 @@ const example = extrude(5, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -421,26 +401,6 @@ const example = extrude(5, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -652,26 +612,6 @@ const example = extrude(5, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -881,26 +821,6 @@ const example = extrude(5, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],

docs/kcl/lineTo.md

@@ -179,26 +179,6 @@ const example = extrude(5, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -408,26 +388,6 @@ const example = extrude(5, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -639,26 +599,6 @@ const example = extrude(5, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -868,26 +808,6 @@ const example = extrude(5, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],

docs/kcl/patternCircular2d.md

@@ -197,26 +197,6 @@ const example = extrude(1, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -427,26 +407,6 @@ const example = extrude(1, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],

docs/kcl/patternCircular3d.md

@@ -16,7 +16,7 @@ patternCircular3d(data: CircularPattern3dData, extrude_group_set: ExtrudeGroupSe
 
 ```js
 const exampleSketch = startSketchOn('XZ')
-  |> circle({ center: [0, 0], radius: 1 }, %)
+  |> circle([0, 0], 1, %)
 
 const example = extrude(-5, exampleSketch)
   |> patternCircular3d({
@@ -321,26 +321,6 @@ const example = extrude(-5, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],

docs/kcl/patternLinear2d.md

@@ -16,7 +16,7 @@ patternLinear2d(data: LinearPattern2dData, sketch_group_set: SketchGroupSet) ->
 
 ```js
 const exampleSketch = startSketchOn('XZ')
-  |> circle({ center: [0, 0], radius: 1 }, %)
+  |> circle([0, 0], 1, %)
   |> patternLinear2d({
        axis: [1, 0],
        repetitions: 6,
@@ -190,26 +190,6 @@ const example = extrude(1, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -420,26 +400,6 @@ const example = extrude(1, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],

docs/kcl/patternLinear3d.md

@@ -319,26 +319,6 @@ const example = extrude(1, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],

docs/kcl/patternTransform.md

@@ -32,7 +32,7 @@ fn transform = (replicaId) => {
 fn layer = () => {
   return startSketchOn("XY")
   // or some other plane idk
-  |> circle({ center: [0, 0], radius: 1 }, %, $tag1)
+  |> circle([0, 0], 1, %, $tag1)
   |> extrude(h, %)
 }
 // The vase is 100 layers tall.
@@ -321,26 +321,6 @@ let vase = layer()
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],

docs/kcl/pi.md

@@ -22,10 +22,7 @@ pi() -> number
 const circumference = 70
 
 const exampleSketch = startSketchOn("XZ")
-  |> circle({
+  |> circle([0, 0], circumference / (2 * pi()), %)
-       center: [0, 0],
-       radius: circumference / (2 * pi())
-     }, %)
 
 const example = extrude(5, exampleSketch)
 ```

docs/kcl/profileStart.md

@@ -180,26 +180,6 @@ const sketch001 = startSketchOn('XY')
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -409,26 +389,6 @@ const sketch001 = startSketchOn('XY')
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],

docs/kcl/shell.md

@@ -93,17 +93,11 @@ const case = startSketchOn('-XZ')
   |> extrude(65, %)
 
 const thing1 = startSketchOn(case, 'end')
-  |> circle({
+  |> circle([-size / 2, -size / 2], 25, %)
-       center: [-size / 2, -size / 2],
-       radius: 25
-     }, %)
   |> extrude(50, %)
 
 const thing2 = startSketchOn(case, 'end')
-  |> circle({
+  |> circle([size / 2, -size / 2], 25, %)
-       center: [size / 2, -size / 2],
-       radius: 25
-     }, %)
   |> extrude(50, %)
 
 // We put "case" in the shell function to shell the entire object.
@@ -124,17 +118,11 @@ const case = startSketchOn('XY')
   |> extrude(65, %)
 
 const thing1 = startSketchOn(case, 'end')
-  |> circle({
+  |> circle([-size / 2, -size / 2], 25, %)
-       center: [-size / 2, -size / 2],
-       radius: 25
-     }, %)
   |> extrude(50, %)
 
 const thing2 = startSketchOn(case, 'end')
-  |> circle({
+  |> circle([size / 2, -size / 2], 25, %)
-       center: [size / 2, -size / 2],
-       radius: 25
-     }, %)
   |> extrude(50, %)
 
 // We put "thing1" in the shell function to shell the end face of the object.
@@ -158,17 +146,11 @@ const case = startSketchOn('XY')
   |> extrude(65, %)
 
 const thing1 = startSketchOn(case, 'end')
-  |> circle({
+  |> circle([-size / 2, -size / 2], 25, %)
-       center: [-size / 2, -size / 2],
-       radius: 25
-     }, %)
   |> extrude(50, %)
 
 const thing2 = startSketchOn(case, 'end')
-  |> circle({
+  |> circle([size / 2, -size / 2], 25, %)
-       center: [size / 2, -size / 2],
-       radius: 25
-     }, %)
   |> extrude(50, %)
 
 // We put "thing1" and "thing2" in the shell function to shell the end face of the object.
@@ -551,26 +533,6 @@ shell({ faces: ['end'], thickness: 5 }, [thing1, thing2])
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -970,26 +932,6 @@ shell({ faces: ['end'], thickness: 5 }, [thing1, thing2])
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],

docs/kcl/startProfileAt.md

@@ -258,26 +258,6 @@ const example = extrude(5, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -581,26 +561,6 @@ const example = extrude(5, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -810,26 +770,6 @@ const example = extrude(5, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],

docs/kcl/startSketchAt.md

@@ -205,26 +205,6 @@ const example = extrude(5, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -434,26 +414,6 @@ const example = extrude(5, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],

docs/kcl/startSketchOn.md

@@ -327,26 +327,6 @@ const a1 = startSketchOn({
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -763,26 +743,6 @@ const a1 = startSketchOn({
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],

docs/kcl/tangentialArc.md

@@ -188,26 +188,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -417,26 +397,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -648,26 +608,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -877,26 +817,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],

docs/kcl/tangentialArcTo.md

@@ -179,26 +179,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -408,26 +388,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -639,26 +599,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -868,26 +808,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],

docs/kcl/tangentialArcToRelative.md

@@ -179,26 +179,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -408,26 +388,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -639,26 +599,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -868,26 +808,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],

docs/kcl/xLine.md

@@ -182,26 +182,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -411,26 +391,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -642,26 +602,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -871,26 +811,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],

docs/kcl/xLineTo.md

@@ -182,26 +182,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -411,26 +391,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -642,26 +602,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -871,26 +811,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],

docs/kcl/yLine.md

@@ -180,26 +180,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -409,26 +389,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -640,26 +600,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -869,26 +809,6 @@ const example = extrude(10, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],

docs/kcl/yLineTo.md

@@ -178,26 +178,6 @@ const example = extrude(5, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -407,26 +387,6 @@ const example = extrude(5, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -638,26 +598,6 @@ const example = extrude(5, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],
@@ -867,26 +807,6 @@ const example = extrude(5, exampleSketch)
 	to: [number, number],
 	type: "TangentialArc",
 } |
-{
-	// arc's direction
-	ccw: bool,
-	// the arc's center
-	center: [number, number],
-	// The from point.
-	from: [number, number],
-	// the arc's radius
-	radius: number,
-	// The tag of the path.
-	tag: {
-	digest: [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number],
-	end: number,
-	start: number,
-	value: string,
-},
-	// The to point.
-	to: [number, number],
-	type: "Circle",
-} |
 {
 	// The from point.
 	from: [number, number],

e2e/playwright/authenticatedAppFixture.ts

@@ -1,216 +0,0 @@
-import type { Page, Locator } from '@playwright/test'
-import { expect, test as base } from '@playwright/test'
-import { getUtils, setup, tearDown } from './test-utils'
-import fsp from 'fs/promises'
-import { join } from 'path'
-
-type CmdBarSerilised =
-  | {
-      stage: 'commandBarClosed'
-      // TODO no more properties needed but needs to be implemented in _serialiseCmdBar
-    }
-  | {
-      stage: 'pickCommand'
-      // TODO this will need more properties when implemented in _serialiseCmdBar
-    }
-  | {
-      stage: 'arguments'
-      currentArgKey: string
-      currentArgValue: string
-      headerArguments: Record<string, string>
-      highlightedHeaderArg: string
-      commandName: string
-    }
-  | {
-      stage: 'review'
-      headerArguments: Record<string, string>
-      commandName: string
-    }
-
-export class AuthenticatedApp {
-  private readonly codeContent: Locator
-  private readonly extrudeButton: Locator
-
-  constructor(public readonly page: Page) {
-    this.codeContent = page.locator('.cm-content')
-    this.extrudeButton = page.getByTestId('extrude')
-  }
-
-  async initialise(code = '') {
-    const u = await getUtils(this.page)
-    await this.page.addInitScript(async (code) => {
-      localStorage.setItem('persistCode', code)
-      ;(window as any).playwrightSkipFilePicker = true
-    }, code)
-
-    await this.page.setViewportSize({ width: 1000, height: 500 })
-
-    await u.waitForAuthSkipAppStart()
-  }
-  getInputFile = (fileName: string) => {
-    return fsp.readFile(
-      join('src', 'wasm-lib', 'tests', 'executor', 'inputs', fileName),
-      'utf-8'
-    )
-  }
-  makeMouseHelpers = (x: number, y: number) => [
-    () => this.page.mouse.click(x, y),
-    () => this.page.mouse.move(x, y),
-  ]
-
-  /** Likely no where, there's a chance it will click something in the scene, depending what you have in the scene.
-   *
-   * Expects the viewPort to be 1000x500 */
-  clickNoWhere = () => this.page.mouse.click(998, 60)
-
-  // Toolbars
-  expectExtrudeButtonToBeDisabled = async () =>
-    await expect(this.extrudeButton).toBeDisabled()
-  expectExtrudeButtonToBeEnabled = async () =>
-    await expect(this.extrudeButton).not.toBeDisabled()
-  clickExtrudeButton = async () => await this.extrudeButton.click()
-
-  private _serialiseCmdBar = async (): Promise<CmdBarSerilised> => {
-    const reviewForm = await this.page.locator('#review-form')
-    const getHeaderArgs = async () => {
-      const inputs = await this.page.getByTestId('cmd-bar-input-tab').all()
-      const entries = await Promise.all(
-        inputs.map((input) => {
-          const key = input
-            .locator('[data-test-name="arg-name"]')
-            .innerText()
-            .then((a) => a.trim())
-          const value = input
-            .getByTestId('header-arg-value')
-            .innerText()
-            .then((a) => a.trim())
-          return Promise.all([key, value])
-        })
-      )
-      return Object.fromEntries(entries)
-    }
-    const getCommandName = () =>
-      this.page.getByTestId('command-name').textContent()
-    if (await reviewForm.isVisible()) {
-      const [headerArguments, commandName] = await Promise.all([
-        getHeaderArgs(),
-        getCommandName(),
-      ])
-      return {
-        stage: 'review',
-        headerArguments,
-        commandName: commandName || '',
-      }
-    }
-    const [
-      currentArgKey,
-      currentArgValue,
-      headerArguments,
-      highlightedHeaderArg,
-      commandName,
-    ] = await Promise.all([
-      this.page.getByTestId('cmd-bar-arg-name').textContent(),
-      this.page.getByTestId('cmd-bar-arg-value').textContent(),
-      getHeaderArgs(),
-      this.page
-        .locator('[data-is-current-arg="true"]')
-        .locator('[data-test-name="arg-name"]')
-        .textContent(),
-      getCommandName(),
-    ])
-    return {
-      stage: 'arguments',
-      currentArgKey: currentArgKey || '',
-      currentArgValue: currentArgValue || '',
-      headerArguments,
-      highlightedHeaderArg: highlightedHeaderArg || '',
-      commandName: commandName || '',
-    }
-  }
-  expectCmdBarToBe = async (expected: CmdBarSerilised) => {
-    return expect.poll(() => this._serialiseCmdBar()).toEqual(expected)
-  }
-  progressCmdBar = async () => {
-    if (Math.random() > 0.5) {
-      const arrowButton = this.page.getByRole('button', {
-        name: 'arrow right Continue',
-      })
-      if (await arrowButton.isVisible()) {
-        await arrowButton.click()
-      } else {
-        await this.page
-          .getByRole('button', { name: 'checkmark Submit command' })
-          .click()
-      }
-    } else {
-      await this.page.keyboard.press('Enter')
-    }
-  }
-  expectCodeHighlightedToBe = async (code: string) =>
-    await expect
-      .poll(async () => {
-        const texts = (
-          await this.page.getByTestId('hover-highlight').allInnerTexts()
-        ).map((s) => s.replace(/\s+/g, '').trim())
-        return texts.join('')
-      })
-      .toBe(code.replace(/\s+/g, '').trim())
-  expectActiveLinesToBe = async (lines: Array<string>) => {
-    await expect
-      .poll(async () => {
-        return (await this.page.locator('.cm-activeLine').allInnerTexts()).map(
-          (l) => l.trim()
-        )
-      })
-      .toEqual(lines.map((l) => l.trim()))
-  }
-  private _expectEditorToContain =
-    (not = false) =>
-    (
-      code: string,
-      {
-        shouldNormalise = false,
-        timeout = 5_000,
-      }: { shouldNormalise?: boolean; timeout?: number } = {}
-    ) => {
-      if (!shouldNormalise) {
-        const expectStart = expect(this.codeContent)
-        if (not) {
-          return expectStart.not.toContainText(code, { timeout })
-        }
-        return expectStart.toContainText(code, { timeout })
-      }
-      const normalisedCode = code.replaceAll(/\s+/g, ' ').trim()
-      const expectStart = expect.poll(() => this.codeContent.textContent(), {
-        timeout,
-      })
-      if (not) {
-        return expectStart.not.toContain(normalisedCode)
-      }
-      return expectStart.toContain(normalisedCode)
-    }
-
-  expectEditor = {
-    toContain: this._expectEditorToContain(),
-    not: { toContain: this._expectEditorToContain(true) },
-  }
-}
-
-export const test = base.extend<{
-  app: AuthenticatedApp
-}>({
-  app: async ({ page }, use) => {
-    const authenticatedApp = new AuthenticatedApp(page)
-    await use(authenticatedApp)
-  },
-})
-
-test.beforeEach(async ({ context, page }, testInfo) => {
-  await setup(context, page, testInfo)
-})
-
-test.afterEach(async ({ page }, testInfo) => {
-  await tearDown(page, testInfo)
-})
-
-export { expect } from '@playwright/test'

e2e/playwright/editor-tests.spec.ts

@@ -558,7 +558,7 @@ test.describe('Editor tests', () => {
     await page.keyboard.press('ArrowDown')
     await page.keyboard.press('Enter')
     await page.keyboard.type(`const extrusion = startSketchOn('XY')
-    |> circle({ center: [0, 0], radius: dia/2 }, %)
+    |> circle([0, 0], dia/2, %)
   |> hole(squareHole(length, width, height), %)
   |> extrude(height, %)`)
 

e2e/playwright/point-click.spec.ts

@@ -1,55 +0,0 @@
-import { test } from './authenticatedAppFixture'
-
-// test file is for testing point an click code gen functionality that's not sketch mode related
-
-test('verify extruding circle works', async ({ app }) => {
-  test.skip(
-    process.platform === 'win32',
-    'Fails on windows in CI, can not be replicated locally on windows.'
-  )
-  const file = await app.getInputFile('test-circle-extrude.kcl')
-  await app.initialise(file)
-  const [clickCircle, moveToCircle] = app.makeMouseHelpers(582, 217)
-
-  await test.step('because there is sweepable geometry, verify extrude is enable when nothing is selected', async () => {
-    await app.clickNoWhere()
-    await app.expectExtrudeButtonToBeEnabled()
-  })
-
-  await test.step('check code model connection works and that button is still enable once circle is selected ', async () => {
-    await moveToCircle()
-    const circleSnippet =
-      'circle({ center: [318.33, 168.1], radius: 182.8 }, %)'
-    await app.expectCodeHighlightedToBe(circleSnippet)
-
-    await clickCircle()
-    await app.expectActiveLinesToBe([circleSnippet.slice(-5)])
-    await app.expectExtrudeButtonToBeEnabled()
-  })
-
-  await test.step('do extrude flow and check extrude code is added to editor', async () => {
-    await app.clickExtrudeButton()
-
-    await app.expectCmdBarToBe({
-      stage: 'arguments',
-      currentArgKey: 'distance',
-      currentArgValue: '5',
-      headerArguments: { Selection: '1 face', Distance: '' },
-      highlightedHeaderArg: 'distance',
-      commandName: 'Extrude',
-    })
-    await app.progressCmdBar()
-
-    const expectString = 'const extrude001 = extrude(5, sketch001)'
-    await app.expectEditor.not.toContain(expectString)
-
-    await app.expectCmdBarToBe({
-      stage: 'review',
-      headerArguments: { Selection: '1 face', Distance: '5' },
-      commandName: 'Extrude',
-    })
-    await app.progressCmdBar()
-
-    await app.expectEditor.toContain(expectString)
-  })
-})

e2e/playwright/regression-tests.spec.ts

@@ -537,61 +537,6 @@ const sketch001 = startSketchAt([-0, -0])
       await electronApp.close()
     }
   )
-
-  test(`View gizmo stays visible even when zoomed out all the way`, async ({
-    page,
-  }) => {
-    const u = await getUtils(page)
-
-    // Constants and locators
-    const planeColor: [number, number, number] = [170, 220, 170]
-    const bgColor: [number, number, number] = [27, 27, 27]
-    const middlePixelIsColor = async (color: [number, number, number]) => {
-      return u.getGreatestPixDiff({ x: 600, y: 250 }, color)
-    }
-    const gizmo = page.locator('[aria-label*=gizmo]')
-
-    await test.step(`Load an empty file`, async () => {
-      await page.addInitScript(async () => {
-        localStorage.setItem('persistCode', '')
-      })
-      await page.setViewportSize({ width: 1200, height: 500 })
-      await u.waitForAuthSkipAppStart()
-      await u.closeKclCodePanel()
-    })
-
-    await test.step(`Zoom out until you can't see the default planes`, async () => {
-      await expect
-        .poll(async () => middlePixelIsColor(planeColor), {
-          timeout: 5000,
-          message: 'Plane color is visible',
-        })
-        .toBeLessThan(15)
-
-      let maxZoomOuts = 10
-      let middlePixelIsBackgroundColor =
-        (await middlePixelIsColor(bgColor)) < 10
-      while (!middlePixelIsBackgroundColor && maxZoomOuts > 0) {
-        await page.keyboard.down('Control')
-        await page.mouse.move(600, 460)
-        await page.mouse.down({ button: 'right' })
-        await page.mouse.move(600, 50, { steps: 20 })
-        await page.mouse.up({ button: 'right' })
-        await page.keyboard.up('Control')
-        await page.waitForTimeout(100)
-        maxZoomOuts--
-        middlePixelIsBackgroundColor = (await middlePixelIsColor(bgColor)) < 10
-      }
-
-      expect(middlePixelIsBackgroundColor, {
-        message: 'We no longer the default planes',
-      }).toBeTruthy()
-    })
-
-    await test.step(`Check that the gizmo is still visible`, async () => {
-      await expect(gizmo).toBeVisible()
-    })
-  })
 })
 
 async function clickExportButton(page: Page) {

e2e/playwright/sketch-tests.spec.ts

@@ -149,16 +149,14 @@ test.describe('Sketch tests', () => {
     await page.getByRole('button', { name: 'line Line', exact: true }).click()
     await page.waitForTimeout(100)
 
-    await expect(async () => {
+    await page.mouse.click(700, 200)
-      await page.mouse.click(700, 200)
 
-      await expect.poll(u.normalisedEditorCode, { timeout: 1000 })
+    await expect.poll(u.normalisedEditorCode)
-        .toBe(`const sketch001 = startSketchOn('XZ')
+      .toBe(`const sketch001 = startSketchOn('XZ')
   |> startProfileAt([12.34, -12.34], %)
   |> line([-12.34, 12.34], %)
 
 `)
-    }).toPass({ timeout: 40_000, intervals: [1_000] })
   })
   test('Can exit selection of face', async ({ page }) => {
     // Load the app with the code panes
@@ -346,92 +344,6 @@ test.describe('Sketch tests', () => {
     })
   })
 
-  test('Can edit a circle center and radius by dragging its handles', async ({
-    page,
-  }) => {
-    const u = await getUtils(page)
-    await page.addInitScript(async () => {
-      localStorage.setItem(
-        'persistCode',
-        `const sketch001 = startSketchOn('XZ')
-  |> circle({ center: [4.61, -5.01], radius: 8 }, %)`
-      )
-    })
-
-    await page.setViewportSize({ width: 1200, height: 500 })
-
-    await u.waitForAuthSkipAppStart()
-    await expect(
-      page.getByRole('button', { name: 'Start Sketch' })
-    ).not.toBeDisabled()
-
-    await page.waitForTimeout(100)
-    await u.openAndClearDebugPanel()
-    await u.sendCustomCmd({
-      type: 'modeling_cmd_req',
-      cmd_id: uuidv4(),
-      cmd: {
-        type: 'default_camera_look_at',
-        vantage: { x: 0, y: -1250, z: 580 },
-        center: { x: 0, y: 0, z: 0 },
-        up: { x: 0, y: 0, z: 1 },
-      },
-    })
-    await page.waitForTimeout(100)
-    await u.sendCustomCmd({
-      type: 'modeling_cmd_req',
-      cmd_id: uuidv4(),
-      cmd: {
-        type: 'default_camera_get_settings',
-      },
-    })
-    await page.waitForTimeout(100)
-
-    const startPX = [667, 325]
-
-    const dragPX = 40
-
-    await page
-      .getByText('circle({ center: [4.61, -5.01], radius: 8 }, %)')
-      .click()
-    await expect(
-      page.getByRole('button', { name: 'Edit Sketch' })
-    ).toBeVisible()
-    await page.getByRole('button', { name: 'Edit Sketch' }).click()
-    await page.waitForTimeout(400)
-    let prevContent = await page.locator('.cm-content').innerText()
-
-    await expect(page.getByTestId('segment-overlay')).toHaveCount(1)
-
-    await test.step('drag circle center handle', async () => {
-      await page.dragAndDrop('#stream', '#stream', {
-        sourcePosition: { x: startPX[0], y: startPX[1] },
-        targetPosition: { x: startPX[0] + dragPX, y: startPX[1] - dragPX },
-      })
-      await page.waitForTimeout(100)
-      await expect(page.locator('.cm-content')).not.toHaveText(prevContent)
-      prevContent = await page.locator('.cm-content').innerText()
-    })
-
-    await test.step('drag circle radius handle', async () => {
-      await page.waitForTimeout(100)
-
-      const lineEnd = await u.getBoundingBox('[data-overlay-index="0"]')
-      await page.waitForTimeout(100)
-      await page.dragAndDrop('#stream', '#stream', {
-        sourcePosition: { x: lineEnd.x - 5, y: lineEnd.y },
-        targetPosition: { x: lineEnd.x + dragPX * 2, y: lineEnd.y + dragPX },
-      })
-      await expect(page.locator('.cm-content')).not.toHaveText(prevContent)
-      prevContent = await page.locator('.cm-content').innerText()
-    })
-
-    // expect the code to have changed
-    await expect(page.locator('.cm-content'))
-      .toHaveText(`const sketch001 = startSketchOn('XZ')
-  |> circle({ center: [7.26, -2.37], radius: 11.44 }, %)
-`)
-  })
   test('Can edit a sketch that has been extruded in the same pipe', async ({
     page,
   }) => {

e2e/playwright/snapshot-tests.spec.ts

@@ -532,64 +532,6 @@ test(
     })
   }
 )
-test(
-  'Draft circle should look right',
-  { tag: '@snapshot' },
-  async ({ page, context }) => {
-    // FIXME: Skip on macos its being weird.
-    // test.skip(process.platform === 'darwin', 'Skip on macos')
-
-    const u = await getUtils(page)
-    await page.setViewportSize({ width: 1200, height: 500 })
-    const PUR = 400 / 37.5 //pixeltoUnitRatio
-
-    await u.waitForAuthSkipAppStart()
-    await u.openDebugPanel()
-
-    await expect(
-      page.getByRole('button', { name: 'Start Sketch' })
-    ).not.toBeDisabled()
-    await expect(
-      page.getByRole('button', { name: 'Start Sketch' })
-    ).toBeVisible()
-
-    // click on "Start Sketch" button
-    await u.clearCommandLogs()
-    await u.doAndWaitForImageDiff(
-      () => page.getByRole('button', { name: 'Start Sketch' }).click(),
-      200
-    )
-
-    // select a plane
-    await page.mouse.click(700, 200)
-
-    await expect(page.locator('.cm-content')).toHaveText(
-      `const sketch001 = startSketchOn('XZ')`
-    )
-
-    await page.waitForTimeout(500) // TODO detect animation ending, or disable animation
-    await u.closeDebugPanel()
-
-    const startXPx = 600
-
-    // Equip the rectangle tool
-    // await page.getByRole('button', { name: 'line Line', exact: true }).click()
-    await page.getByTestId('circle-center').click()
-
-    // Draw the rectangle
-    await page.mouse.click(startXPx + PUR * 20, 500 - PUR * 20)
-    await page.mouse.move(startXPx + PUR * 10, 500 - PUR * 10, { steps: 5 })
-
-    // Ensure the draft rectangle looks the same as it usually does
-    await expect(page).toHaveScreenshot({
-      maxDiffPixels: 100,
-    })
-    await expect(page.locator('.cm-content')).toHaveText(
-      `const sketch001 = startSketchOn('XZ')
-  |> circle({ center: [14.44, -2.44], radius: 1 }, %)`
-    )
-  }
-)
 
 test.describe(
   'Client side scene scale should match engine scale',

e2e/playwright/storageStates.ts

@@ -365,10 +365,10 @@ const box = startSketchOn('XY')
 svg(startSketchOn(keychain, 'end'), [-33, 32], -thickness)
 
 startSketchOn(keychain, 'end')
-  |> circle({ center: [
+  |> circle([
        width / 2,
        height - (keychainHoleSize + 1.5)
-     ], radius: keychainHoleSize }, %)
+     ], keychainHoleSize, %)
   |> extrude(-thickness, %)`
 
 export const TEST_CODE_TRIGGER_ENGINE_EXPORT_ERROR = `const thing = 1`

e2e/playwright/testing-samples-loading.spec.ts

@@ -1,195 +0,0 @@
-import { test, expect } from '@playwright/test'
-import { getUtils, setup, setupElectron, tearDown } from './test-utils'
-import { bracket } from 'lib/exampleKcl'
-import * as fsp from 'fs/promises'
-import { join } from 'path'
-import { FILE_EXT } from 'lib/constants'
-
-test.beforeEach(async ({ context, page }, testInfo) => {
-  await setup(context, page, testInfo)
-})
-
-test.afterEach(async ({ page }, testInfo) => {
-  await tearDown(page, testInfo)
-})
-
-test.describe('Testing in-app sample loading', () => {
-  /**
-   * Note this test implicitly depends on the KCL sample "flange-with-patterns.kcl"
-   * and its title. https://github.com/KittyCAD/kcl-samples/blob/main/flange-with-patterns/flange-with-patterns.kcl
-   */
-  test('Web: should overwrite current code, cannot create new file', async ({
-    page,
-  }) => {
-    const u = await getUtils(page)
-
-    await test.step(`Test setup`, async () => {
-      await page.addInitScript((code) => {
-        window.localStorage.setItem('persistCode', code)
-      }, bracket)
-      await page.setViewportSize({ width: 1200, height: 500 })
-      await u.waitForAuthSkipAppStart()
-    })
-
-    // Locators and constants
-    const newSample = {
-      file: 'flange-with-patterns' + FILE_EXT,
-      title: 'Flange',
-    }
-    const commandBarButton = page.getByRole('button', { name: 'Commands' })
-    const samplesCommandOption = page.getByRole('option', {
-      name: 'Open Sample',
-    })
-    const commandSampleOption = page.getByRole('option', {
-      name: newSample.title,
-      exact: true,
-    })
-    const commandMethodArgButton = page.getByRole('button', {
-      name: 'Method',
-    })
-    const commandMethodOption = (name: 'Overwrite' | 'Create new file') =>
-      page.getByRole('option', {
-        name,
-      })
-    const warningText = page.getByText('Overwrite current file?')
-    const confirmButton = page.getByRole('button', { name: 'Submit command' })
-    const codeLocator = page.locator('.cm-content')
-
-    await test.step(`Precondition: check the initial code`, async () => {
-      await u.openKclCodePanel()
-      await expect(codeLocator).toContainText(bracket.split('\n')[0])
-    })
-
-    await test.step(`Load a KCL sample with the command palette`, async () => {
-      await commandBarButton.click()
-      await samplesCommandOption.click()
-      await commandSampleOption.click()
-      await commandMethodArgButton.click()
-      await expect(commandMethodOption('Create new file')).not.toBeVisible()
-      await commandMethodOption('Overwrite').click()
-      await expect(warningText).toBeVisible()
-      await confirmButton.click()
-
-      await expect(codeLocator).toContainText('// ' + newSample.title)
-    })
-  })
-
-  /**
-   * Note this test implicitly depends on the KCL samples:
-   * "flange-with-patterns.kcl": https://github.com/KittyCAD/kcl-samples/blob/main/flange-with-patterns/flange-with-patterns.kcl
-   * "gear-rack.kcl": https://github.com/KittyCAD/kcl-samples/blob/main/gear-rack/gear-rack.kcl
-   */
-  test(
-    'Desktop: should create new file by default, optionally overwrite',
-    { tag: '@electron' },
-    async ({ browserName: _ }, testInfo) => {
-      const { electronApp, page, dir } = await setupElectron({
-        testInfo,
-        folderSetupFn: async (dir) => {
-          const bracketDir = join(dir, 'bracket')
-          await fsp.mkdir(bracketDir, { recursive: true })
-          await fsp.writeFile(join(bracketDir, 'main.kcl'), bracket, {
-            encoding: 'utf-8',
-          })
-        },
-      })
-      const u = await getUtils(page)
-
-      // Locators and constants
-      const sampleOne = {
-        file: 'flange-with-patterns' + FILE_EXT,
-        title: 'Flange',
-      }
-      const sampleTwo = {
-        file: 'gear-rack' + FILE_EXT,
-        title: '100mm Gear Rack',
-      }
-      const projectCard = page.getByRole('link', { name: 'bracket' })
-      const commandBarButton = page.getByRole('button', { name: 'Commands' })
-      const commandOption = page.getByRole('option', { name: 'Open Sample' })
-      const commandSampleOption = (name: string) =>
-        page.getByRole('option', {
-          name,
-          exact: true,
-        })
-      const commandMethodArgButton = page.getByRole('button', {
-        name: 'Method',
-      })
-      const commandMethodOption = page.getByRole('option', {
-        name: 'Overwrite',
-      })
-      const newFileWarning = page.getByText(
-        'Create a new file with the example code?'
-      )
-      const overwriteWarning = page.getByText('Overwrite current file?')
-      const confirmButton = page.getByRole('button', { name: 'Submit command' })
-      const projectMenuButton = page.getByTestId('project-sidebar-toggle')
-      const newlyCreatedFile = (name: string) =>
-        page.getByRole('listitem').filter({
-          has: page.getByRole('button', { name }),
-        })
-      const codeLocator = page.locator('.cm-content')
-
-      await test.step(`Test setup`, async () => {
-        await page.setViewportSize({ width: 1200, height: 500 })
-        await projectCard.click()
-        await u.waitForPageLoad()
-      })
-
-      await test.step(`Precondition: check the initial code`, async () => {
-        await u.openKclCodePanel()
-        await expect(codeLocator).toContainText(bracket.split('\n')[0])
-        await u.openFilePanel()
-
-        await expect(projectMenuButton).toContainText('main.kcl')
-        await expect(newlyCreatedFile(sampleOne.file)).not.toBeVisible()
-      })
-
-      await test.step(`Load a KCL sample with the command palette`, async () => {
-        await commandBarButton.click()
-        await commandOption.click()
-        await commandSampleOption(sampleOne.title).click()
-        await expect(overwriteWarning).not.toBeVisible()
-        await expect(newFileWarning).toBeVisible()
-        await confirmButton.click()
-      })
-
-      await test.step(`Ensure we made and opened a new file`, async () => {
-        await expect(codeLocator).toContainText('// ' + sampleOne.title)
-        await expect(newlyCreatedFile(sampleOne.file)).toBeVisible()
-        await expect(projectMenuButton).toContainText(sampleOne.file)
-      })
-
-      await test.step(`Now overwrite the current file`, async () => {
-        await commandBarButton.click()
-        await commandOption.click()
-        await commandSampleOption(sampleTwo.title).click()
-        await commandMethodArgButton.click()
-        await commandMethodOption.click()
-        await expect(commandMethodArgButton).toContainText('overwrite')
-        await expect(newFileWarning).not.toBeVisible()
-        await expect(overwriteWarning).toBeVisible()
-        await confirmButton.click()
-      })
-
-      await test.step(`Ensure we overwrote the current file without navigating`, async () => {
-        await expect(codeLocator).toContainText('// ' + sampleTwo.title)
-        await test.step(`Check actual file contents`, async () => {
-          await expect
-            .poll(async () => {
-              return await fsp.readFile(
-                join(dir, 'bracket', sampleOne.file),
-                'utf-8'
-              )
-            })
-            .toContain('// ' + sampleTwo.title)
-        })
-        await expect(newlyCreatedFile(sampleOne.file)).toBeVisible()
-        await expect(newlyCreatedFile(sampleTwo.file)).not.toBeVisible()
-        await expect(projectMenuButton).toContainText(sampleOne.file)
-      })
-
-      await electronApp.close()
-    }
-  )
-})

e2e/playwright/testing-segment-overlays.spec.ts

@@ -774,80 +774,6 @@ const part001 = startSketchOn('XZ')
         locator: '[data-overlay-toolbar-index="12"]',
       })
     })
-    test('for segment [circle]', async ({ page }) => {
-      await page.addInitScript(async () => {
-        localStorage.setItem(
-          'persistCode',
-          `const part001 = startSketchOn('XZ')
-  |> circle({ center: [1 + 0, 0], radius: 8 }, %)
-`
-        )
-        localStorage.setItem('disableAxis', 'true')
-      })
-      const u = await getUtils(page)
-      await page.setViewportSize({ width: 1200, height: 500 })
-
-      await u.waitForAuthSkipAppStart()
-
-      // wait for execution done
-      await u.openDebugPanel()
-      await u.expectCmdLog('[data-message-type="execution-done"]')
-      await u.closeDebugPanel()
-
-      await page
-        .getByText('circle({ center: [1 + 0, 0], radius: 8 }, %)')
-        .click()
-      await page.waitForTimeout(100)
-      await page.getByRole('button', { name: 'Edit Sketch' }).click()
-      await page.waitForTimeout(500)
-
-      await expect(page.getByTestId('segment-overlay')).toHaveCount(1)
-
-      const clickUnconstrained = _clickUnconstrained(page)
-      const clickConstrained = _clickConstrained(page)
-
-      const hoverPos = { x: 789, y: 114 } as const
-      let ang = await u.getAngle('[data-overlay-index="0"]')
-      console.log('angl', ang)
-      console.log('circle center x')
-      await clickConstrained({
-        hoverPos,
-        constraintType: 'xAbsolute',
-        expectBeforeUnconstrained:
-          'circle({ center: [1 + 0, 0], radius: 8 }, %)',
-        expectAfterUnconstrained: 'circle({ center: [1, 0], radius: 8 }, %)',
-        expectFinal: 'circle({ center: [xAbs001, 0], radius: 8 }, %)',
-        ang: ang + 105,
-        steps: 6,
-        locator: '[data-overlay-toolbar-index="0"]',
-      })
-      console.log('circle center y')
-      await clickUnconstrained({
-        hoverPos,
-        constraintType: 'yAbsolute',
-        expectBeforeUnconstrained:
-          'circle({ center: [xAbs001, 0], radius: 8 }, %)',
-        expectAfterUnconstrained:
-          'circle({ center: [xAbs001, yAbs001], radius: 8 }, %)',
-        expectFinal: 'circle({ center: [xAbs001, 0], radius: 8 }, %)',
-        ang: ang + 105,
-        steps: 10,
-        locator: '[data-overlay-toolbar-index="0"]',
-      })
-      console.log('circle radius')
-      await clickUnconstrained({
-        hoverPos,
-        constraintType: 'radius',
-        expectBeforeUnconstrained:
-          'circle({ center: [xAbs001, 0], radius: 8 }, %)',
-        expectAfterUnconstrained:
-          'circle({ center: [xAbs001, 0], radius: radius001 }, %)',
-        expectFinal: 'circle({ center: [xAbs001, 0], radius: 8 }, %)',
-        ang: ang + 105,
-        steps: 10,
-        locator: '[data-overlay-toolbar-index="0"]',
-      })
-    })
   })
   test.describe('Testing deleting a segment', () => {
     const _deleteSegmentSequence =

e2e/playwright/testing-settings.spec.ts

@@ -277,6 +277,8 @@ test.describe('Testing settings', () => {
 
       await page.setViewportSize({ width: 1200, height: 500 })
 
+      page.on('console', console.log)
+
       // Selectors and constants
       const userThemeColor = '120'
       const projectThemeColor = '50'
@@ -290,6 +292,7 @@ test.describe('Testing settings', () => {
       const projectLink = page.getByText('bracket')
       const logoLink = page.getByTestId('app-logo')
 
+      // Open the app and set the user theme color
       await test.step('Set user theme color on home', async () => {
         await expect(settingsOpenButton).toBeVisible()
         await settingsOpenButton.click()
@@ -308,15 +311,13 @@ test.describe('Testing settings', () => {
         await expect(projectSettingsTab).toBeChecked()
         await themeColorSetting.fill(projectThemeColor)
         await expect(logoLink).toHaveCSS('--primary-hue', projectThemeColor)
-        await settingsCloseButton.click()
       })
 
       await test.step('Refresh the application and see project setting applied', async () => {
-        // Make sure we're done navigating before we reload
-        await expect(settingsCloseButton).not.toBeVisible()
         await page.reload({ waitUntil: 'domcontentloaded' })
 
         await expect(logoLink).toHaveCSS('--primary-hue', projectThemeColor)
+        await settingsCloseButton.click()
       })
 
       await test.step(`Navigate back to the home view and see user setting applied`, async () => {

e2e/playwright/various.spec.ts

@@ -13,6 +13,9 @@ test.afterEach(async ({ page }, testInfo) => {
 test('Units menu', async ({ page }) => {
   const u = await getUtils(page)
   await page.setViewportSize({ width: 1200, height: 500 })
+  await page.goto('/')
+  await page.waitForURL('**/file/**', { waitUntil: 'domcontentloaded' })
+
   await u.waitForAuthSkipAppStart()
 
   const unitsMenuButton = page.getByRole('button', {

interface.d.ts

@@ -10,10 +10,7 @@ export interface IElectronAPI {
   save: typeof dialog.showSaveDialog
   openExternal: typeof shell.openExternal
   showInFolder: typeof shell.showItemInFolder
-  /** Require to be called first before {@link loginWithDeviceFlow} */
+  login: (host: string) => Promise<string>
-  startDeviceFlow: (host: string) => Promise<string>
-  /** Registered by first calling {@link startDeviceFlow}, which sets up the device flow handle */
-  loginWithDeviceFlow: () => Promise<string>
   platform: typeof process.env.platform
   arch: typeof process.env.arch
   version: typeof process.env.version
@@ -63,10 +60,6 @@ export interface IElectronAPI {
   kittycad: (access: string, args: any) => any
   listMachines: () => Promise<MachinesListing>
   getMachineApiIp: () => Promise<string | null>
-  onUpdateDownloaded: (
-    callback: (value: string) => void
-  ) => Electron.IpcRenderer
-  appRestart: () => void
 }
 
 declare global {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "zoo-modeling-app",
-  "version": "0.25.4",
+  "version": "0.25.2",
   "private": true,
   "productName": "Zoo Modeling App",
   "author": {
@@ -83,7 +83,6 @@
     "fmt": "prettier --write ./src *.ts *.json *.js ./e2e ./packages",
     "fmt-check": "prettier --check ./src *.ts *.json *.js ./e2e ./packages",
     "fetch:wasm": "./get-latest-wasm-bundle.sh",
-    "fetch:samples": "echo \"Fetching latest KCL samples...\" && curl -o public/kcl-samples-manifest-fallback.json https://raw.githubusercontent.com/KittyCAD/kcl-samples/main/manifest.json",
     "isomorphic-copy-wasm": "(copy src/wasm-lib/pkg/wasm_lib_bg.wasm public || cp src/wasm-lib/pkg/wasm_lib_bg.wasm public)",
     "build:wasm-dev": "yarn wasm-prep && (cd src/wasm-lib && wasm-pack build --dev --target web --out-dir pkg && cargo test -p kcl-lib export_bindings) && yarn isomorphic-copy-wasm && yarn fmt",
     "build:wasm": "yarn wasm-prep && cd src/wasm-lib && wasm-pack build --release --target web --out-dir pkg && cargo test -p kcl-lib export_bindings && cd ../.. && yarn isomorphic-copy-wasm && yarn fmt",
@@ -91,7 +90,7 @@
     "wasm-prep": "rimraf src/wasm-lib/pkg && mkdirp src/wasm-lib/pkg && rimraf src/wasm-lib/kcl/bindings",
     "lint": "eslint --fix src e2e packages/codemirror-lsp-client",
     "bump-jsons": "echo \"$(jq --arg v \"$VERSION\" '.version=$v' package.json --indent 2)\" > package.json",
-    "postinstall": "yarn fetch:samples && yarn xstate:typegen && ./node_modules/.bin/electron-rebuild",
+    "postinstall": "yarn xstate:typegen && ./node_modules/.bin/electron-rebuild",
     "xstate:typegen": "yarn xstate typegen \"src/**/*.ts?(x)\"",
     "make:dev": "make dev",
     "generate:machine-api": "npx openapi-typescript ./openapi/machine-api.json -o src/lib/machine-api.d.ts",
@@ -184,7 +183,7 @@
     "tailwindcss": "^3.4.1",
     "ts-node": "^10.0.0",
     "typescript": "^5.0.0",
-    "vite": "^5.4.6",
+    "vite": "^5.4.3",
     "vite-plugin-eslint": "^1.8.1",
     "vite-plugin-package-version": "^1.1.0",
     "vite-tsconfig-paths": "^4.3.2",

public/kcl-samples-manifest-fallback.json

@@ -1,152 +0,0 @@
-[
-  {
-    "file": "80-20-rail.kcl",
-    "title": "80/20 Rail",
-    "description": "An 80/20 extruded aluminum linear rail. T-slot profile adjustable by profile height, rail length, and origin position"
-  },
-  {
-    "file": "a-parametric-bearing-pillow-block.kcl",
-    "title": "A Parametric Bearing Pillow Block",
-    "description": "A bearing pillow block, also known as a plummer block or pillow block bearing, is a pedestal used to provide support for a rotating shaft with the help of compatible bearings and various accessories. Housing a bearing, the pillow block provides a secure and stable foundation that allows the shaft to rotate smoothly within its machinery setup. These components are essential in a wide range of mechanical systems and machinery, playing a key role in reducing friction and supporting radial and axial loads."
-  },
-  {
-    "file": "ball-bearing.kcl",
-    "title": "Ball Bearing",
-    "description": "A ball bearing is a type of rolling-element bearing that uses balls to maintain the separation between the bearing races. The primary purpose of a ball bearing is to reduce rotational friction and support radial and axial loads."
-  },
-  {
-    "file": "bracket.kcl",
-    "title": "Shelf Bracket",
-    "description": "This is a bracket that holds a shelf. It is made of aluminum and is designed to hold a force of 300 lbs. The bracket is 6 inches wide and the force is applied at the end of the shelf, 12 inches from the wall. The bracket has a factor of safety of 1.2. The legs of the bracket are 5 inches and 2 inches long. The thickness of the bracket is calculated from the constraints provided."
-  },
-  {
-    "file": "brake-caliper.kcl",
-    "title": "Brake Caliper",
-    "description": "Brake calipers are used to squeeze the brake pads against the rotor, causing larger and larger amounts of friction depending on how hard the brakes are pressed."
-  },
-  {
-    "file": "car-wheel.kcl",
-    "title": "Car Wheel",
-    "description": "A sports car wheel with a circular lug pattern and spokes."
-  },
-  {
-    "file": "car-wheel-assembly.kcl",
-    "title": "Car Wheel Assembly",
-    "description": "A car wheel assembly with a rotor, tire, and lug nuts."
-  },
-  {
-    "file": "enclosure.kcl",
-    "title": "Enclosure",
-    "description": "An enclosure body and sealing lid for storing items"
-  },
-  {
-    "file": "flange-with-patterns.kcl",
-    "title": "Flange",
-    "description": "A flange is a flat rim, collar, or rib, typically forged or cast, that is used to strengthen an object, guide it, or attach it to another object. Flanges are known for their use in various applications, including piping, plumbing, and mechanical engineering, among others."
-  },
-  {
-    "file": "flange-xy.kcl",
-    "title": "Flange with XY coordinates",
-    "description": "A flange is a flat rim, collar, or rib, typically forged or cast, that is used to strengthen an object, guide it, or attach it to another object. Flanges are known for their use in various applications, including piping, plumbing, and mechanical engineering, among others."
-  },
-  {
-    "file": "focusrite-scarlett-mounting-bracket.kcl",
-    "title": "A mounting bracket for the Focusrite Scarlett Solo audio interface",
-    "description": "This is a bracket that holds an audio device underneath a desk or shelf. The audio device has dimensions of 144mm wide, 80mm length and 45mm depth with fillets of 6mm. This mounting bracket is designed to be 3D printed with PLA material"
-  },
-  {
-    "file": "french-press.kcl",
-    "title": "French Press",
-    "description": "A french press immersion coffee maker"
-  },
-  {
-    "file": "gear.kcl",
-    "title": "Gear",
-    "description": "A rotating machine part having cut teeth or, in the case of a cogwheel, inserted teeth (called cogs), which mesh with another toothed part to transmit torque. Geared devices can change the speed, torque, and direction of a power source. The two elements that define a gear are its circular shape and the teeth that are integrated into its outer edge, which are designed to fit into the teeth of another gear."
-  },
-  {
-    "file": "gear-rack.kcl",
-    "title": "100mm Gear Rack",
-    "description": "A flat bar or rail that is engraved with teeth along its length. These teeth are designed to mesh with the teeth of a gear, known as a pinion. When the pinion, a small cylindrical gear, rotates, its teeth engage with the teeth on the rack, causing the rack to move linearly. Conversely, linear motion applied to the rack will cause the pinion to rotate."
-  },
-  {
-    "file": "hex-nut.kcl",
-    "title": "Hex nut",
-    "description": "A hex nut is a type of fastener with a threaded hole and a hexagonal outer shape, used in a wide variety of applications to secure parts together. The hexagonal shape allows for a greater torque to be applied with wrenches or tools, making it one of the most common nut types in hardware."
-  },
-  {
-    "file": "kitt.kcl",
-    "title": "Kitt",
-    "description": "The beloved KittyCAD mascot in a voxelized style."
-  },
-  {
-    "file": "lego.kcl",
-    "title": "Lego Brick",
-    "description": "A standard Lego brick. This is a small, plastic construction block toy that can be interlocked with other blocks to build various structures, models, and figures. There are a lot of hacks used in this code."
-  },
-  {
-    "file": "lug-nut.kcl",
-    "title": "Lug Nut",
-    "description": "lug Nuts are essential components used to create secure connections, whether for electrical purposes, like terminating wires or grounding, or for mechanical purposes, such as providing mounting points or reinforcing structural joints."
-  },
-  {
-    "file": "mounting-plate.kcl",
-    "title": "Mounting Plate",
-    "description": "A flat piece of material, often metal or plastic, that serves as a support or base for attaching, securing, or mounting various types of equipment, devices, or components."
-  },
-  {
-    "file": "multi-axis-robot.kcl",
-    "title": "Robot Arm",
-    "description": "A 4 axis robotic arm for industrial use. These machines can be used for assembly, packaging, organization of goods, and quality inspection processes"
-  },
-  {
-    "file": "pipe.kcl",
-    "title": "Pipe",
-    "description": "A tubular section or hollow cylinder, usually but not necessarily of circular cross-section, used mainly to convey substances that can flow."
-  },
-  {
-    "file": "pipe-flange-assembly.kcl",
-    "title": "Pipe and Flange Assembly",
-    "description": "A crucial component in various piping systems, designed to facilitate the connection, disconnection, and access to piping for inspection, cleaning, and modifications. This assembly combines pipes (long cylindrical conduits) with flanges (plate-like fittings) to create a secure yet detachable joint."
-  },
-  {
-    "file": "poopy-shoe.kcl",
-    "title": "Poopy Shoe",
-    "description": "poop shute for bambu labs printer - optimized for printing."
-  },
-  {
-    "file": "router-template-cross-bar.kcl",
-    "title": "Router template for a cross bar",
-    "description": "A guide for routing a notch into a cross bar."
-  },
-  {
-    "file": "router-template-slate.kcl",
-    "title": "Router template for a slate",
-    "description": "A guide for routing a slate for a cross bar."
-  },
-  {
-    "file": "sheet-metal-bracket.kcl",
-    "title": "Sheet Metal Bracket",
-    "description": "A component typically made from flat sheet metal through various manufacturing processes such as bending, punching, cutting, and forming. These brackets are used to support, attach, or mount other hardware components, often providing a structural or functional base for assembly."
-  },
-  {
-    "file": "socket-head-cap-screw.kcl",
-    "title": "Socket Head Cap Screw",
-    "description": "This is for a #10-24 screw that is 1.00 inches long. A socket head cap screw is a type of fastener that is widely used in a variety of applications requiring a high strength fastening solution. It is characterized by its cylindrical head and internal hexagonal drive, which allows for tightening with an Allen wrench or hex key."
-  },
-  {
-    "file": "tire.kcl",
-    "title": "Tire",
-    "description": "A tire is a critical component of a vehicle that provides the necessary traction and grip between the car and the road. It supports the vehicle's weight and absorbs shocks from road irregularities."
-  },
-  {
-    "file": "washer.kcl",
-    "title": "Washer",
-    "description": "A small, typically disk-shaped component with a hole in the middle, used in a wide range of applications, primarily in conjunction with fasteners like bolts and screws. Washers distribute the load of a fastener across a broader area. This is especially important when the fastening surface is soft or uneven, as it helps to prevent damage to the surface and ensures the load is evenly distributed, reducing the risk of the fastener becoming loose over time."
-  },
-  {
-    "file": "wheel-rotor.kcl",
-    "title": "Wheel rotor",
-    "description": "A component of a disc brake system. It provides a surface for brake pads to press against, generating the friction needed to slow or stop the vehicle."
-  }
-]

src/Toolbar.tsx

@@ -22,7 +22,6 @@ import {
 } from 'lib/toolbar'
 import { isDesktop } from 'lib/isDesktop'
 import { openExternalBrowserIfDesktop } from 'lib/openWindow'
-import { convertSelectionsToOld } from 'lib/selections'
 
 export function Toolbar({
   className = '',
@@ -39,17 +38,12 @@ export function Toolbar({
     '!border-transparent hover:!border-chalkboard-20 dark:enabled:hover:!border-primary pressed:!border-primary ui-open:!border-primary'
 
   const sketchPathId = useMemo(() => {
-    if (
+    if (!isSingleCursorInPipe(context.selectionRanges, kclManager.ast)) {
-      !isSingleCursorInPipe(
-        convertSelectionsToOld(context.selectionRanges),
-        kclManager.ast
-      )
-    ) {
       return false
     }
     return isCursorInSketchCommandRange(
       engineCommandManager.artifactGraph,
-      convertSelectionsToOld(context.selectionRanges)
+      context.selectionRanges
     )
   }, [engineCommandManager.artifactGraph, context.selectionRanges])
 

src/clientSideScene/ClientSideSceneComp.tsx

@@ -96,29 +96,15 @@ export const ClientSideScene = ({
     canvas.appendChild(sceneInfra.renderer.domElement)
     canvas.appendChild(sceneInfra.labelRenderer.domElement)
     sceneInfra.animate()
-    canvas.addEventListener(
+    canvas.addEventListener('mousemove', sceneInfra.onMouseMove, false)
-      'mousemove',
-      toSync(sceneInfra.onMouseMove, reportRejection),
-      false
-    )
     canvas.addEventListener('mousedown', sceneInfra.onMouseDown, false)
-    canvas.addEventListener(
+    canvas.addEventListener('mouseup', sceneInfra.onMouseUp, false)
-      'mouseup',
-      toSync(sceneInfra.onMouseUp, reportRejection),
-      false
-    )
     sceneInfra.setSend(send)
     engineCommandManager.modelingSend = send
     return () => {
-      canvas?.removeEventListener(
+      canvas?.removeEventListener('mousemove', sceneInfra.onMouseMove)
-        'mousemove',
-        toSync(sceneInfra.onMouseMove, reportRejection)
-      )
       canvas?.removeEventListener('mousedown', sceneInfra.onMouseDown)
-      canvas?.removeEventListener(
+      canvas?.removeEventListener('mouseup', sceneInfra.onMouseUp)
-        'mouseup',
-        toSync(sceneInfra.onMouseUp, reportRejection)
-      )
     }
   }, [])
 
@@ -138,8 +124,7 @@ export const ClientSideScene = ({
     } else if (
       state.matches({ Sketch: 'Line tool' }) ||
       state.matches({ Sketch: 'Tangential arc to' }) ||
-      state.matches({ Sketch: 'Rectangle tool' }) ||
+      state.matches({ Sketch: 'Rectangle tool' })
-      state.matches({ Sketch: 'Circle tool' })
     ) {
       cursor = 'crosshair'
     } else {
@@ -284,22 +269,15 @@ const Overlay = ({
                 }
               />
             ))}
-          {/* delete circle is complicated by the fact it's the only segment in the
+          <SegmentMenu
-          pipe expression. Maybe it should delete the entire pipeExpression, however
+            verticalPosition={
-          this will likely change soon when we implement multi-profile so we'll leave it for now
+              overlay.windowCoords[1] > window.innerHeight / 2
-          issue: https://github.com/KittyCAD/modeling-app/issues/3910
+                ? 'top'
-          */}
+                : 'bottom'
-          {callExpression?.callee?.name !== 'circle' && (
+            }
-            <SegmentMenu
+            pathToNode={overlay.pathToNode}
-              verticalPosition={
+            stdLibFnName={constraints[0]?.stdLibFnName}
-                overlay.windowCoords[1] > window.innerHeight / 2
+          />
-                  ? 'top'
-                  : 'bottom'
-              }
-              pathToNode={overlay.pathToNode}
-              stdLibFnName={constraints[0]?.stdLibFnName}
-            />
-          )}
         </div>
       )}
     </div>
@@ -534,11 +512,6 @@ const ConstraintSymbol = ({
       displayName: 'Intersection Offset',
       iconName: 'intersection-offset',
     },
-    radius: {
-      varName: 'radius',
-      displayName: 'Radius',
-      iconName: 'dimension',
-    },
 
     // implicit constraints
     vertical: {

src/clientSideScene/sceneEntities.ts

@@ -72,12 +72,11 @@ import {
   createArrayExpression,
   createCallExpressionStdLib,
   createLiteral,
-  createObjectExpression,
   createPipeExpression,
   createPipeSubstitution,
   findUniqueName,
 } from 'lang/modifyAst'
-import { Selections__old, getEventForSegmentSelection } from 'lib/selections'
+import { Selections, getEventForSegmentSelection } from 'lib/selections'
 import { createGridHelper, orthoScale, perspScale } from './helpers'
 import { Models } from '@kittycad/lib'
 import { uuidv4 } from 'lib/utils'
@@ -91,7 +90,6 @@ import { getThemeColorForThreeJs, Themes } from 'lib/theme'
 import { err, reportRejection, trap } from 'lib/trap'
 import { CSS2DObject } from 'three/examples/jsm/renderers/CSS2DRenderer'
 import { Point3d } from 'wasm-lib/kcl/bindings/Point3d'
-import { SegmentInputs } from 'lang/std/stdTypes'
 
 type DraftSegment = 'line' | 'tangentialArcTo'
 
@@ -105,18 +103,10 @@ export const TANGENTIAL_ARC_TO__SEGMENT_DASH =
   'tangential-arc-to-segment-body-dashed'
 export const TANGENTIAL_ARC_TO_SEGMENT = 'tangential-arc-to-segment'
 export const TANGENTIAL_ARC_TO_SEGMENT_BODY = 'tangential-arc-to-segment-body'
-export const CIRCLE_SEGMENT = 'circle-segment'
-export const CIRCLE_SEGMENT_BODY = 'circle-segment-body'
-export const CIRCLE_SEGMENT_DASH = 'circle-segment-body-dashed'
-export const CIRCLE_CENTER_HANDLE = 'circle-center-handle'
 export const SEGMENT_WIDTH_PX = 1.6
 export const HIDE_SEGMENT_LENGTH = 75 // in pixels
 export const HIDE_HOVER_SEGMENT_LENGTH = 60 // in pixels
-export const SEGMENT_BODIES = [
+export const SEGMENT_BODIES = [STRAIGHT_SEGMENT, TANGENTIAL_ARC_TO_SEGMENT]
-  STRAIGHT_SEGMENT,
-  TANGENTIAL_ARC_TO_SEGMENT,
-  CIRCLE_SEGMENT,
-]
 export const SEGMENT_BODIES_PLUS_PROFILE_START = [
   ...SEGMENT_BODIES,
   PROFILE_START,
@@ -154,11 +144,11 @@ export class SceneEntities {
           ? orthoFactor
           : perspScale(sceneInfra.camControls.camera, segment)) /
         sceneInfra._baseUnitMultiplier
-      let input: SegmentInputs = {
+      const input = {
         type: 'straight-segment',
         from: segment.userData.from,
         to: segment.userData.to,
-      }
+      } as const
       let update: SegmentUtils['update'] | null = null
       if (
         segment.userData.from &&
@@ -175,21 +165,6 @@ export class SceneEntities {
       ) {
         update = segmentUtils.tangentialArcTo.update
       }
-      if (
-        segment.userData.from &&
-        segment.userData.center &&
-        segment.userData.radius &&
-        segment.userData.type === CIRCLE_SEGMENT
-      ) {
-        update = segmentUtils.circle.update
-        input = {
-          type: 'arc-segment',
-          from: segment.userData.from,
-          center: segment.userData.center,
-          radius: segment.userData.radius,
-        }
-      }
-
       const callBack = update?.({
         prevSegment: segment.userData.prevSegment,
         input,
@@ -336,6 +311,7 @@ export class SceneEntities {
       )
     }
     sceneInfra.setCallbacks({
+      // eslint-disable-next-line @typescript-eslint/no-misused-promises
       onClick: async (args) => {
         if (!args) return
         if (args.mouseEvent.which !== 1) return
@@ -374,7 +350,7 @@ export class SceneEntities {
     forward: [number, number, number]
     up: [number, number, number]
     position?: [number, number, number]
-    selectionRanges?: Selections__old
+    selectionRanges?: Selections
   }): Promise<{
     truncatedAst: Program
     programMemoryOverride: ProgramMemory
@@ -433,21 +409,19 @@ export class SceneEntities {
       maybeModdedAst,
       sketchGroup.start.__geoMeta.sourceRange
     )
-    if (sketchGroup?.value?.[0]?.type !== 'Circle') {
+    const _profileStart = createProfileStartHandle({
-      const _profileStart = createProfileStartHandle({
+      from: sketchGroup.start.from,
-        from: sketchGroup.start.from,
+      id: sketchGroup.start.__geoMeta.id,
-        id: sketchGroup.start.__geoMeta.id,
+      pathToNode: segPathToNode,
-        pathToNode: segPathToNode,
+      scale: factor,
-        scale: factor,
+      theme: sceneInfra._theme,
-        theme: sceneInfra._theme,
+    })
-      })
+    _profileStart.layers.set(SKETCH_LAYER)
-      _profileStart.layers.set(SKETCH_LAYER)
+    _profileStart.traverse((child) => {
-      _profileStart.traverse((child) => {
+      child.layers.set(SKETCH_LAYER)
-        child.layers.set(SKETCH_LAYER)
+    })
-      })
+    group.add(_profileStart)
-      group.add(_profileStart)
+    this.activeSegments[JSON.stringify(segPathToNode)] = _profileStart
-      this.activeSegments[JSON.stringify(segPathToNode)] = _profileStart
-    }
     const callbacks: (() => SegmentOverlayPayload | null)[] = []
     sketchGroup.value.forEach((segment, index) => {
       let segPathToNode = getNodePathFromSourceRange(
@@ -493,26 +467,15 @@ export class SceneEntities {
       const initSegment =
         segment.type === 'TangentialArcTo'
           ? segmentUtils.tangentialArcTo.init
-          : segment.type === 'Circle'
-          ? segmentUtils.circle.init
           : segmentUtils.straight.init
-      const input: SegmentInputs =
-        segment.type === 'Circle'
-          ? {
-              type: 'arc-segment',
-              from: segment.from,
-              center: segment.center,
-              radius: segment.radius,
-            }
-          : {
-              type: 'straight-segment',
-              from: segment.from,
-              to: segment.to,
-            }
       const result = initSegment({
         prevSegment: sketchGroup.value[index - 1],
         callExpName,
-        input,
+        input: {
+          type: 'straight-segment',
+          from: segment.from,
+          to: segment.to,
+        },
         id: segment.__geoMeta.id,
         pathToNode: segPathToNode,
         isDraftSegment,
@@ -612,6 +575,7 @@ export class SceneEntities {
     const lastSeg = sg?.value?.slice(-1)[0] || sg.start
 
     const index = sg.value.length // because we've added a new segment that's not in the memory yet, no need for `-1`
+
     const mod = addNewSketchLn({
       node: _ast,
       programMemory: kclManager.programMemory,
@@ -642,6 +606,7 @@ export class SceneEntities {
         draftExpressionsIndices,
       })
     sceneInfra.setCallbacks({
+      // eslint-disable-next-line @typescript-eslint/no-misused-promises
       onClick: async (args) => {
         if (!args) return
         if (args.mouseEvent.which !== 1) return
@@ -782,6 +747,7 @@ export class SceneEntities {
     })
 
     sceneInfra.setCallbacks({
+      // eslint-disable-next-line @typescript-eslint/no-misused-promises
       onMove: async (args) => {
         // Update the width and height of the draft rectangle
         const pathToNodeTwo = structuredClone(sketchPathToNode)
@@ -813,7 +779,7 @@ export class SceneEntities {
           programMemory.get(variableDeclarationName),
           variableDeclarationName
         )
-        if (err(sketchGroup)) return Promise.reject(sketchGroup)
+        if (err(sketchGroup)) return sketchGroup
         const sgPaths = sketchGroup.value
         const orthoFactor = orthoScale(sceneInfra.camControls.camera)
 
@@ -829,6 +795,7 @@ export class SceneEntities {
           this.updateSegment(seg, index, 0, _ast, orthoFactor, sketchGroup)
         )
       },
+      // eslint-disable-next-line @typescript-eslint/no-misused-promises
       onClick: async (args) => {
         // Commit the rectangle to the full AST/code and return to sketch.idle
         const cornerPoint = args.intersectionPoint?.twoD
@@ -890,173 +857,6 @@ export class SceneEntities {
       },
     })
   }
-  setupDraftCircle = async (
-    sketchPathToNode: PathToNode,
-    forward: [number, number, number],
-    up: [number, number, number],
-    sketchOrigin: [number, number, number],
-    circleCenter: [x: number, y: number]
-  ) => {
-    let _ast = structuredClone(kclManager.ast)
-
-    const _node1 = getNodeFromPath<VariableDeclaration>(
-      _ast,
-      sketchPathToNode || [],
-      'VariableDeclaration'
-    )
-    if (trap(_node1)) return Promise.reject(_node1)
-    const variableDeclarationName =
-      _node1.node?.declarations?.[0]?.id?.name || ''
-    const startSketchOn = _node1.node?.declarations
-    const startSketchOnInit = startSketchOn?.[0]?.init
-
-    startSketchOn[0].init = createPipeExpression([
-      startSketchOnInit,
-      createCallExpressionStdLib('circle', [
-        createObjectExpression({
-          center: createArrayExpression([
-            createLiteral(roundOff(circleCenter[0])),
-            createLiteral(roundOff(circleCenter[1])),
-          ]),
-          radius: createLiteral(1),
-        }),
-        createPipeSubstitution(),
-      ]),
-    ])
-
-    let _recastAst = parse(recast(_ast))
-    if (trap(_recastAst)) return Promise.reject(_recastAst)
-    _ast = _recastAst
-
-    // do a quick mock execution to get the program memory up-to-date
-    await kclManager.executeAstMock(_ast)
-
-    const { programMemoryOverride, truncatedAst } = await this.setupSketch({
-      sketchPathToNode,
-      forward,
-      up,
-      position: sketchOrigin,
-      maybeModdedAst: _ast,
-      draftExpressionsIndices: { start: 0, end: 0 },
-    })
-
-    sceneInfra.setCallbacks({
-      onMove: async (args) => {
-        const pathToNodeTwo = structuredClone(sketchPathToNode)
-        pathToNodeTwo[1][0] = 0
-
-        const _node = getNodeFromPath<VariableDeclaration>(
-          truncatedAst,
-          pathToNodeTwo || [],
-          'VariableDeclaration'
-        )
-        let modded = structuredClone(truncatedAst)
-        if (trap(_node)) return
-        const sketchInit = _node.node?.declarations?.[0]?.init
-
-        const x = (args.intersectionPoint.twoD.x || 0) - circleCenter[0]
-        const y = (args.intersectionPoint.twoD.y || 0) - circleCenter[1]
-
-        if (sketchInit.type === 'PipeExpression') {
-          const moddedResult = changeSketchArguments(
-            modded,
-            kclManager.programMemory,
-            {
-              type: 'path',
-              pathToNode: [
-                ..._node.deepPath,
-                ['body', 'PipeExpression'],
-                [1, 'index'],
-              ],
-            },
-            {
-              type: 'arc-segment',
-              center: circleCenter,
-              radius: Math.sqrt(x ** 2 + y ** 2),
-              from: circleCenter,
-            }
-          )
-          if (err(moddedResult)) return
-          modded = moddedResult.modifiedAst
-        }
-
-        const { programMemory } = await executeAst({
-          ast: modded,
-          useFakeExecutor: true,
-          engineCommandManager: this.engineCommandManager,
-          programMemoryOverride,
-        })
-        this.sceneProgramMemory = programMemory
-        const sketchGroup = sketchGroupFromKclValue(
-          programMemory.get(variableDeclarationName),
-          variableDeclarationName
-        )
-        if (err(sketchGroup)) return
-        const sgPaths = sketchGroup.value
-        const orthoFactor = orthoScale(sceneInfra.camControls.camera)
-
-        this.updateSegment(
-          sketchGroup.start,
-          0,
-          0,
-          _ast,
-          orthoFactor,
-          sketchGroup
-        )
-        sgPaths.forEach((seg, index) =>
-          this.updateSegment(seg, index, 0, _ast, orthoFactor, sketchGroup)
-        )
-      },
-      onClick: async (args) => {
-        // Commit the rectangle to the full AST/code and return to sketch.idle
-        const cornerPoint = args.intersectionPoint?.twoD
-        if (!cornerPoint || args.mouseEvent.button !== 0) return
-
-        const x = roundOff((cornerPoint.x || 0) - circleCenter[0])
-        const y = roundOff((cornerPoint.y || 0) - circleCenter[1])
-
-        const _node = getNodeFromPath<VariableDeclaration>(
-          _ast,
-          sketchPathToNode || [],
-          'VariableDeclaration'
-        )
-        if (trap(_node)) return
-        const sketchInit = _node.node?.declarations?.[0]?.init
-
-        let modded = structuredClone(_ast)
-        if (sketchInit.type === 'PipeExpression') {
-          const moddedResult = changeSketchArguments(
-            modded,
-            kclManager.programMemory,
-            {
-              type: 'path',
-              pathToNode: [
-                ..._node.deepPath,
-                ['body', 'PipeExpression'],
-                [1, 'index'],
-              ],
-            },
-            {
-              type: 'arc-segment',
-              center: circleCenter,
-              radius: Math.sqrt(x ** 2 + y ** 2),
-              from: circleCenter,
-            }
-          )
-          if (err(moddedResult)) return
-          modded = moddedResult.modifiedAst
-
-          let _recastAst = parse(recast(modded))
-          if (trap(_recastAst)) return Promise.reject(_recastAst)
-          _ast = _recastAst
-
-          // Update the primary AST and unequip the rectangle tool
-          await kclManager.executeAstMock(_ast)
-          sceneInfra.modelingSend({ type: 'Finish circle' })
-        }
-      },
-    })
-  }
   setupSketchIdleCallbacks = ({
     pathToNode,
     up,
@@ -1070,6 +870,7 @@ export class SceneEntities {
   }) => {
     let addingNewSegmentStatus: 'nothing' | 'pending' | 'added' = 'nothing'
     sceneInfra.setCallbacks({
+      // eslint-disable-next-line @typescript-eslint/no-misused-promises
       onDragEnd: async () => {
         if (addingNewSegmentStatus !== 'nothing') {
           await this.tearDownSketch({ removeAxis: false })
@@ -1090,6 +891,7 @@ export class SceneEntities {
           })
         }
       },
+      // eslint-disable-next-line @typescript-eslint/no-misused-promises
       onDrag: async ({
         selected,
         intersectionPoint,
@@ -1171,7 +973,6 @@ export class SceneEntities {
       },
       onMove: () => {},
       onClick: (args) => {
-        console.log('onClick', args)
         if (args?.mouseEvent.which !== 1) return
         if (!args || !args.selected) {
           sceneInfra.modelingSend({
@@ -1184,7 +985,6 @@ export class SceneEntities {
         }
         const { selected } = args
         const event = getEventForSegmentSelection(selected)
-        console.log('event', event)
         if (!event) return
         sceneInfra.modelingSend(event)
       },
@@ -1228,8 +1028,11 @@ export class SceneEntities {
       ? new Vector2(profileStart.position.x, profileStart.position.y)
       : _intersection2d
 
-    const group = getParentGroup(object, SEGMENT_BODIES_PLUS_PROFILE_START)
+    const group = getParentGroup(object, [
-    const subGroup = getParentGroup(object, [ARROWHEAD, CIRCLE_CENTER_HANDLE])
+      STRAIGHT_SEGMENT,
+      TANGENTIAL_ARC_TO_SEGMENT,
+      PROFILE_START,
+    ])
     if (!group) return
     const pathToNode: PathToNode = structuredClone(group.userData.pathToNode)
     const varDecIndex = pathToNode[1][0]
@@ -1266,43 +1069,6 @@ export class SceneEntities {
           pathToNode: PathToNode
         }
       | Error
-
-    const getChangeSketchInput = (): SegmentInputs => {
-      if (
-        group.name === CIRCLE_SEGMENT &&
-        // !subGroup treats grabbing the outer circumference of the circle
-        // as a drag of the center handle
-        (!subGroup || subGroup?.name === ARROWHEAD)
-      )
-        return {
-          type: 'arc-segment',
-          from,
-          center: group.userData.center,
-          // distance between the center and the drag point
-          radius: Math.sqrt(
-            (group.userData.center[0] - dragTo[0]) ** 2 +
-              (group.userData.center[1] - dragTo[1]) ** 2
-          ),
-        }
-      if (
-        group.name === CIRCLE_SEGMENT &&
-        subGroup?.name === CIRCLE_CENTER_HANDLE
-      )
-        return {
-          type: 'arc-segment',
-          from,
-          center: dragTo,
-          radius: group.userData.radius,
-        }
-
-      // straight segment is the default
-      return {
-        type: 'straight-segment',
-        from,
-        to: dragTo,
-      }
-    }
-
     if (group.name === PROFILE_START) {
       modded = updateStartProfileAtArgs({
         node: modifiedAst,
@@ -1318,11 +1084,12 @@ export class SceneEntities {
       modded = changeSketchArguments(
         modifiedAst,
         kclManager.programMemory,
+        [node.start, node.end],
         {
-          type: 'sourceRange',
+          type: 'straight-segment',
-          sourceRange: [node.start, node.end],
+          from,
-        },
+          to: dragTo,
-        getChangeSketchInput()
+        }
       )
     }
     if (trap(modded)) return
@@ -1425,28 +1192,16 @@ export class SceneEntities {
         ? orthoFactor
         : perspScale(sceneInfra.camControls.camera, group)) /
       sceneInfra._baseUnitMultiplier
-    let input: SegmentInputs = {
+    const input = {
       type: 'straight-segment',
       from: segment.from,
       to: segment.to,
-    }
+    } as const
     let update: SegmentUtils['update'] | null = null
     if (type === TANGENTIAL_ARC_TO_SEGMENT) {
       update = segmentUtils.tangentialArcTo.update
     } else if (type === STRAIGHT_SEGMENT) {
       update = segmentUtils.straight.update
-    } else if (
-      type === CIRCLE_SEGMENT &&
-      'type' in segment &&
-      segment.type === 'Circle'
-    ) {
-      update = segmentUtils.circle.update
-      input = {
-        type: 'arc-segment',
-        from: segment.from,
-        center: segment.center,
-        radius: segment.radius,
-      }
     }
     const callBack =
       update &&
@@ -1521,7 +1276,7 @@ export class SceneEntities {
           this._tearDownSketch(callDepth + 1, resolve, reject, { removeAxis })
         }, delay)
       } else {
-        resolve(true)
+        reject()
       }
     }
     sceneInfra.camControls.enableRotate = true
@@ -1551,10 +1306,11 @@ export class SceneEntities {
           mat.color.set(obj.userData.baseColor)
           mat.color.offsetHSL(0, 0, 0.5)
         }
-        const parent = getParentGroup(
+        const parent = getParentGroup(selected, [
-          selected,
+          STRAIGHT_SEGMENT,
-          SEGMENT_BODIES_PLUS_PROFILE_START
+          TANGENTIAL_ARC_TO_SEGMENT,
-        )
+          PROFILE_START,
+        ])
         if (parent?.userData?.pathToNode) {
           const updatedAst = parse(recast(kclManager.ast))
           if (trap(updatedAst)) return
@@ -1578,11 +1334,11 @@ export class SceneEntities {
           }
           const orthoFactor = orthoScale(sceneInfra.camControls.camera)
 
-          let input: SegmentInputs = {
+          const input = {
             type: 'straight-segment',
             from: parent.userData.from,
             to: parent.userData.to,
-          }
+          } as const
           const factor =
             (sceneInfra.camControls.camera instanceof OrthographicCamera
               ? orthoFactor
@@ -1593,12 +1349,6 @@ export class SceneEntities {
             update = segmentUtils.straight.update
           } else if (parent.name === TANGENTIAL_ARC_TO_SEGMENT) {
             update = segmentUtils.tangentialArcTo.update
-            input = {
-              type: 'arc-segment',
-              from: parent.userData.from,
-              radius: parent.userData.radius,
-              center: parent.userData.center,
-            }
           }
           update &&
             update({
@@ -1614,18 +1364,19 @@ export class SceneEntities {
       },
       onMouseLeave: ({ selected, ...rest }: OnMouseEnterLeaveArgs) => {
         editorManager.setHighlightRange([[0, 0]])
-        const parent = getParentGroup(
+        const parent = getParentGroup(selected, [
-          selected,
+          STRAIGHT_SEGMENT,
-          SEGMENT_BODIES_PLUS_PROFILE_START
+          TANGENTIAL_ARC_TO_SEGMENT,
-        )
+          PROFILE_START,
+        ])
         if (parent) {
           const orthoFactor = orthoScale(sceneInfra.camControls.camera)
 
-          let input: SegmentInputs = {
+          const input = {
             type: 'straight-segment',
             from: parent.userData.from,
             to: parent.userData.to,
-          }
+          } as const
           const factor =
             (sceneInfra.camControls.camera instanceof OrthographicCamera
               ? orthoFactor
@@ -1636,12 +1387,6 @@ export class SceneEntities {
             update = segmentUtils.straight.update
           } else if (parent.name === TANGENTIAL_ARC_TO_SEGMENT) {
             update = segmentUtils.tangentialArcTo.update
-            input = {
-              type: 'arc-segment',
-              from: parent.userData.from,
-              radius: parent.userData.radius,
-              center: parent.userData.center,
-            }
           }
           update &&
             update({
@@ -1812,7 +1557,7 @@ function prepareTruncatedMemoryAndAst(
 
 export function getParentGroup(
   object: any,
-  stopAt: string[] = SEGMENT_BODIES
+  stopAt: string[] = [STRAIGHT_SEGMENT, TANGENTIAL_ARC_TO_SEGMENT]
 ): Group | null {
   if (stopAt.includes(object?.userData?.type)) {
     return object
@@ -1859,7 +1604,10 @@ function colorSegment(object: any, color: number) {
     })
     return
   }
-  const straightSegmentBody = getParentGroup(object, SEGMENT_BODIES)
+  const straightSegmentBody = getParentGroup(object, [
+    STRAIGHT_SEGMENT,
+    TANGENTIAL_ARC_TO_SEGMENT,
+  ])
   if (straightSegmentBody) {
     straightSegmentBody.traverse((child) => {
       if (child instanceof Mesh && !child.userData.ignoreColorChange) {

src/clientSideScene/sceneInfra.ts

@@ -92,8 +92,6 @@ interface OnMoveCallbackArgs {
 // This singleton class is responsible for all of the under the hood setup for the client side scene.
 // That is the cameras and switching between them, raycasters for click mouse events and their abstractions (onClick etc), setting up controls.
 // Anything that added the the scene for the user to interact with is probably in SceneEntities.ts
-
-type Voidish = void | Promise<void>
 export class SceneInfra {
   static instance: SceneInfra
   scene: Scene
@@ -109,21 +107,21 @@ export class SceneInfra {
   _theme: Themes = Themes.System
   extraSegmentTexture: Texture
   lastMouseState: MouseState = { type: 'idle' }
-  onDragStartCallback: (arg: OnDragCallbackArgs) => Voidish = () => {}
+  onDragStartCallback: (arg: OnDragCallbackArgs) => void = () => {}
-  onDragEndCallback: (arg: OnDragCallbackArgs) => Voidish = () => {}
+  onDragEndCallback: (arg: OnDragCallbackArgs) => void = () => {}
-  onDragCallback: (arg: OnDragCallbackArgs) => Voidish = () => {}
+  onDragCallback: (arg: OnDragCallbackArgs) => void = () => {}
-  onMoveCallback: (arg: OnMoveCallbackArgs) => Voidish = () => {}
+  onMoveCallback: (arg: OnMoveCallbackArgs) => void = () => {}
-  onClickCallback: (arg: OnClickCallbackArgs) => Voidish = () => {}
+  onClickCallback: (arg: OnClickCallbackArgs) => void = () => {}
-  onMouseEnter: (arg: OnMouseEnterLeaveArgs) => Voidish = () => {}
+  onMouseEnter: (arg: OnMouseEnterLeaveArgs) => void = () => {}
-  onMouseLeave: (arg: OnMouseEnterLeaveArgs) => Voidish = () => {}
+  onMouseLeave: (arg: OnMouseEnterLeaveArgs) => void = () => {}
   setCallbacks = (callbacks: {
-    onDragStart?: (arg: OnDragCallbackArgs) => Voidish
+    onDragStart?: (arg: OnDragCallbackArgs) => void
-    onDragEnd?: (arg: OnDragCallbackArgs) => Voidish
+    onDragEnd?: (arg: OnDragCallbackArgs) => void
-    onDrag?: (arg: OnDragCallbackArgs) => Voidish
+    onDrag?: (arg: OnDragCallbackArgs) => void
-    onMove?: (arg: OnMoveCallbackArgs) => Voidish
+    onMove?: (arg: OnMoveCallbackArgs) => void
-    onClick?: (arg: OnClickCallbackArgs) => Voidish
+    onClick?: (arg: OnClickCallbackArgs) => void
-    onMouseEnter?: (arg: OnMouseEnterLeaveArgs) => Voidish
+    onMouseEnter?: (arg: OnMouseEnterLeaveArgs) => void
-    onMouseLeave?: (arg: OnMouseEnterLeaveArgs) => Voidish
+    onMouseLeave?: (arg: OnMouseEnterLeaveArgs) => void
   }) => {
     this.onDragStartCallback = callbacks.onDragStart || this.onDragStartCallback
     this.onDragEndCallback = callbacks.onDragEnd || this.onDragEndCallback
@@ -391,7 +389,7 @@ export class SceneInfra {
       intersection: planeIntersects[0],
     }
   }
-  onMouseMove = async (mouseEvent: MouseEvent) => {
+  onMouseMove = (mouseEvent: MouseEvent) => {
     this.currentMouseVector.x = (mouseEvent.clientX / window.innerWidth) * 2 - 1
     this.currentMouseVector.y =
       -(mouseEvent.clientY / window.innerHeight) * 2 + 1
@@ -416,7 +414,7 @@ export class SceneInfra {
         planeIntersectPoint.twoD &&
         planeIntersectPoint.threeD
       ) {
-        await this.onDragCallback({
+        this.onDragCallback({
           mouseEvent,
           intersectionPoint: {
             twoD: planeIntersectPoint.twoD,
@@ -435,7 +433,7 @@ export class SceneInfra {
       planeIntersectPoint.twoD &&
       planeIntersectPoint.threeD
     ) {
-      await this.onMoveCallback({
+      this.onMoveCallback({
         mouseEvent,
         intersectionPoint: {
           twoD: planeIntersectPoint.twoD,
@@ -450,12 +448,12 @@ export class SceneInfra {
       if (this.hoveredObject !== firstIntersectObject) {
         const hoveredObj = this.hoveredObject
         this.hoveredObject = null
-        await this.onMouseLeave({
+        this.onMouseLeave({
           selected: hoveredObj,
           mouseEvent: mouseEvent,
         })
         this.hoveredObject = firstIntersectObject
-        await this.onMouseEnter({
+        this.onMouseEnter({
           selected: this.hoveredObject,
           dragSelected: this.selected?.object,
           mouseEvent: mouseEvent,
@@ -470,7 +468,7 @@ export class SceneInfra {
       if (this.hoveredObject) {
         const hoveredObj = this.hoveredObject
         this.hoveredObject = null
-        await this.onMouseLeave({
+        this.onMouseLeave({
           selected: hoveredObj,
           dragSelected: this.selected?.object,
           mouseEvent: mouseEvent,
@@ -557,7 +555,7 @@ export class SceneInfra {
     }
   }
 
-  onMouseUp = async (mouseEvent: MouseEvent) => {
+  onMouseUp = (mouseEvent: MouseEvent) => {
     this.currentMouseVector.x = (mouseEvent.clientX / window.innerWidth) * 2 - 1
     this.currentMouseVector.y =
       -(mouseEvent.clientY / window.innerHeight) * 2 + 1
@@ -567,7 +565,7 @@ export class SceneInfra {
     if (this.selected) {
       if (this.selected.hasBeenDragged) {
         // TODO do the types properly here
-        await this.onDragEndCallback({
+        this.onDragEndCallback({
           intersectionPoint: {
             twoD: planeIntersectPoint?.twoD as any,
             threeD: planeIntersectPoint?.threeD as any,
@@ -588,7 +586,7 @@ export class SceneInfra {
         }
       } else if (planeIntersectPoint?.twoD && planeIntersectPoint?.threeD) {
         // fire onClick event as there was no drags
-        await this.onClickCallback({
+        this.onClickCallback({
           mouseEvent,
           intersectionPoint: {
             twoD: planeIntersectPoint.twoD,
@@ -598,17 +596,17 @@ export class SceneInfra {
           selected: this.selected.object,
         })
       } else if (planeIntersectPoint) {
-        await this.onClickCallback({
+        this.onClickCallback({
           mouseEvent,
           intersects,
         })
       } else {
-        await this.onClickCallback({ mouseEvent, intersects })
+        this.onClickCallback({ mouseEvent, intersects })
       }
       // Clear the selected state whether it was dragged or not
       this.selected = null
     } else if (planeIntersectPoint?.twoD && planeIntersectPoint?.threeD) {
-      await this.onClickCallback({
+      this.onClickCallback({
         mouseEvent,
         intersectionPoint: {
           twoD: planeIntersectPoint.twoD,
@@ -617,7 +615,7 @@ export class SceneInfra {
         intersects,
       })
     } else {
-      await this.onClickCallback({ mouseEvent, intersects })
+      this.onClickCallback({ mouseEvent, intersects })
     }
   }
   updateOtherSelectionColors = (otherSelections: Axis[]) => {

src/clientSideScene/segments.ts

@@ -24,10 +24,6 @@ import { mergeGeometries } from 'three/examples/jsm/utils/BufferGeometryUtils.js
 import { CSS2DObject } from 'three/examples/jsm/renderers/CSS2DRenderer'
 import { PathToNode, SketchGroup, getTangentialArcToInfo } from 'lang/wasm'
 import {
-  CIRCLE_CENTER_HANDLE,
-  CIRCLE_SEGMENT,
-  CIRCLE_SEGMENT_BODY,
-  CIRCLE_SEGMENT_DASH,
   EXTRA_SEGMENT_HANDLE,
   EXTRA_SEGMENT_OFFSET_PX,
   HIDE_HOVER_SEGMENT_LENGTH,
@@ -481,169 +477,6 @@ class TangentialArcToSegment implements SegmentUtils {
   }
 }
 
-class CircleSegment implements SegmentUtils {
-  init: SegmentUtils['init'] = ({
-    prevSegment,
-    input,
-    id,
-    pathToNode,
-    isDraftSegment,
-    scale = 1,
-    theme,
-    isSelected,
-    sceneInfra,
-  }) => {
-    if (input.type !== 'arc-segment') {
-      return new Error('Invalid segment type')
-    }
-    const { from, center, radius } = input
-    const baseColor = getThemeColorForThreeJs(theme)
-    const color = isSelected ? 0x0000ff : baseColor
-
-    const group = new Group()
-    const geometry = createArcGeometry({
-      center,
-      radius,
-      startAngle: 0,
-      endAngle: Math.PI * 2,
-      ccw: true,
-      isDashed: isDraftSegment,
-      scale,
-    })
-    const mat = new MeshBasicMaterial({ color })
-    const arcMesh = new Mesh(geometry, mat)
-    const meshType = isDraftSegment ? CIRCLE_SEGMENT_DASH : CIRCLE_SEGMENT_BODY
-    const arrowGroup = createArrowhead(scale, theme, color)
-    const circleCenterGroup = createCircleCenterHandle(scale, theme, color)
-
-    arcMesh.userData.type = meshType
-    arcMesh.name = meshType
-    group.userData = {
-      type: CIRCLE_SEGMENT,
-      id,
-      from,
-      radius,
-      center,
-      ccw: true,
-      prevSegment,
-      pathToNode,
-      isSelected,
-      baseColor,
-    }
-    group.name = CIRCLE_SEGMENT
-
-    group.add(arcMesh, arrowGroup, circleCenterGroup)
-    const updateOverlaysCallback = this.update({
-      prevSegment,
-      input,
-      group,
-      scale,
-      sceneInfra,
-    })
-    if (err(updateOverlaysCallback)) return updateOverlaysCallback
-
-    return {
-      group,
-      updateOverlaysCallback,
-    }
-  }
-  update: SegmentUtils['update'] = ({
-    prevSegment,
-    input,
-    group,
-    scale = 1,
-    sceneInfra,
-  }) => {
-    if (input.type !== 'arc-segment') {
-      return new Error('Invalid segment type')
-    }
-    const { from, center, radius } = input
-    group.userData.from = from
-    // group.userData.to = to
-    group.userData.center = center
-    group.userData.radius = radius
-    group.userData.prevSegment = prevSegment
-    const arrowGroup = group.getObjectByName(ARROWHEAD) as Group
-    const circleCenterHandle = group.getObjectByName(
-      CIRCLE_CENTER_HANDLE
-    ) as Group
-
-    const pxLength = (2 * radius * Math.PI) / scale
-    const shouldHideIdle = pxLength < HIDE_SEGMENT_LENGTH
-    const shouldHideHover = pxLength < HIDE_HOVER_SEGMENT_LENGTH
-
-    const hoveredParent =
-      sceneInfra.hoveredObject &&
-      getParentGroup(sceneInfra.hoveredObject, [CIRCLE_SEGMENT])
-    let isHandlesVisible = !shouldHideIdle
-    if (hoveredParent && hoveredParent?.uuid === group?.uuid) {
-      isHandlesVisible = !shouldHideHover
-    }
-
-    if (arrowGroup) {
-      arrowGroup.position.set(
-        center[0] + Math.cos(Math.PI / 4) * radius,
-        center[1] + Math.sin(Math.PI / 4) * radius,
-        0
-      )
-
-      const arrowheadAngle = Math.PI / 4
-      arrowGroup.quaternion.setFromUnitVectors(
-        new Vector3(0, 1, 0),
-        new Vector3(Math.cos(arrowheadAngle), Math.sin(arrowheadAngle), 0)
-      )
-      arrowGroup.scale.set(scale, scale, scale)
-      arrowGroup.visible = isHandlesVisible
-    }
-
-    if (circleCenterHandle) {
-      circleCenterHandle.position.set(center[0], center[1], 0)
-      circleCenterHandle.scale.set(scale, scale, scale)
-      circleCenterHandle.visible = isHandlesVisible
-    }
-
-    const circleSegmentBody = group.children.find(
-      (child) => child.userData.type === CIRCLE_SEGMENT_BODY
-    ) as Mesh
-
-    if (circleSegmentBody) {
-      const newGeo = createArcGeometry({
-        radius,
-        center,
-        startAngle: 0,
-        endAngle: Math.PI * 2,
-        ccw: true,
-        scale,
-      })
-      circleSegmentBody.geometry = newGeo
-    }
-    const circleSegmentBodyDashed = group.getObjectByName(CIRCLE_SEGMENT_DASH)
-    if (circleSegmentBodyDashed instanceof Mesh) {
-      // consider throttling the whole updateTangentialArcToSegment
-      // if there are more perf considerations going forward
-      circleSegmentBodyDashed.geometry = createArcGeometry({
-        center,
-        radius,
-        ccw: true,
-        // make the start end where the handle is
-        startAngle: Math.PI * 0.25,
-        endAngle: Math.PI * 2.25,
-        isDashed: true,
-        scale,
-      })
-    }
-    return () =>
-      sceneInfra.updateOverlayDetails({
-        arrowGroup,
-        group,
-        isHandlesVisible,
-        from: from,
-        to: [center[0], center[1]],
-        angle: Math.PI / 4,
-      })
-  }
-}
-
 export function createProfileStartHandle({
   from,
   id,
@@ -702,28 +535,6 @@ function createArrowhead(scale = 1, theme: Themes, color?: number): Group {
   arrowGroup.scale.set(scale, scale, scale)
   return arrowGroup
 }
-function createCircleCenterHandle(
-  scale = 1,
-  theme: Themes,
-  color?: number
-): Group {
-  const circleCenterGroup = new Group()
-
-  const geometry = new BoxGeometry(12, 12, 12) // in pixels scaled later
-  const baseColor = getThemeColorForThreeJs(theme)
-  const body = new MeshBasicMaterial({ color })
-  const mesh = new Mesh(geometry, body)
-
-  circleCenterGroup.add(mesh)
-
-  circleCenterGroup.userData = {
-    type: CIRCLE_CENTER_HANDLE,
-    baseColor,
-  }
-  circleCenterGroup.name = CIRCLE_CENTER_HANDLE
-  circleCenterGroup.scale.set(scale, scale, scale)
-  return circleCenterGroup
-}
 
 function createExtraSegmentHandle(
   scale: number,
@@ -977,5 +788,4 @@ export function dashedStraight(
 export const segmentUtils = {
   straight: new StraightSegment(),
   tangentialArcTo: new TangentialArcToSegment(),
-  circle: new CircleSegment(),
 } as const

src/components/ActionButton.test.tsx

@@ -1,42 +0,0 @@
-import { render, screen } from '@testing-library/react'
-import { describe, expect, it } from 'vitest'
-import { ActionButton } from './ActionButton'
-
-describe('ActionButton tests', () => {
-  it('ActionButton with no iconStart or iconEnd should have even left and right padding', () => {
-    render(<ActionButton Element="button">No icons</ActionButton>)
-    expect(screen.getByRole('button')).toHaveClass('px-2')
-  })
-
-  it('ActionButton with iconStart should have no padding on the left', () => {
-    render(
-      <ActionButton Element="button" iconStart={{ icon: 'trash' }}>
-        Start icon only
-      </ActionButton>
-    )
-    expect(screen.getByRole('button')).toHaveClass('pr-2')
-  })
-
-  it('ActionButton with iconEnd should have no padding on the right', () => {
-    render(
-      <ActionButton Element="button" iconEnd={{ icon: 'trash' }}>
-        End icon only
-      </ActionButton>
-    )
-    expect(screen.getByRole('button')).toHaveClass('pl-2')
-  })
-
-  it('ActionButton with both icons should have no padding on either side', () => {
-    render(
-      <ActionButton
-        Element="button"
-        iconStart={{ icon: 'trash' }}
-        iconEnd={{ icon: 'trash' }}
-      >
-        Both icons
-      </ActionButton>
-    )
-    expect(screen.getByRole('button')).not.toHaveClass('px-2')
-    expect(screen.getByRole('button')).toHaveClass('px-0')
-  })
-})

src/components/ActionButton.tsx

@@ -44,11 +44,11 @@ export const ActionButton = forwardRef((props: ActionButtonProps, ref) => {
   const classNames = `action-button p-0 m-0 group mono text-xs leading-none flex items-center gap-2 rounded-sm border-solid border border-chalkboard-30 hover:border-chalkboard-40 enabled:dark:border-chalkboard-70 dark:hover:border-chalkboard-60 dark:bg-chalkboard-90/50 text-chalkboard-100 dark:text-chalkboard-10 ${
     props.iconStart
       ? props.iconEnd
-        ? 'px-0' // No padding if both icons are present
+        ? 'px-0'
-        : 'pr-2' // Padding on the right if only the start icon is present
+        : 'pr-2'
       : props.iconEnd
-      ? 'pl-2' // Padding on the left if only the end icon is present
+      ? 'px-2'
-      : 'px-2' // Padding on both sides if no icons are present
+      : 'pl-2'
   } ${props.className ? props.className : ''}`
 
   switch (props.Element) {

src/components/AvailableVarsHelpers.tsx

@@ -12,7 +12,6 @@ import { useKclContext } from 'lang/KclProvider'
 import { useModelingContext } from 'hooks/useModelingContext'
 import { executeAst } from 'lang/langHelpers'
 import { trap } from 'lib/trap'
-import { convertSelectionsToOld } from 'lib/selections'
 
 export const AvailableVars = ({
   onVarClick,
@@ -97,8 +96,7 @@ export function useCalc({
 } {
   const { programMemory } = useKclContext()
   const { context } = useModelingContext()
-  const selectionRange = convertSelectionsToOld(context.selectionRanges)
+  const selectionRange = context.selectionRanges.codeBasedSelections[0].range
-    .codeBasedSelections[0].range
   const inputRef = useRef<HTMLInputElement>(null)
   const [availableVarInfo, setAvailableVarInfo] = useState<
     ReturnType<typeof findAllPreviousVariables>

src/components/CommandBar/CommandArgOptionInput.tsx

@@ -6,8 +6,8 @@ import { CommandArgument, CommandArgumentOption } from 'lib/commandTypes'
 import { useEffect, useMemo, useRef, useState } from 'react'
 import { AnyStateMachine, StateFrom } from 'xstate'
 
-const contextSelector = (snapshot: StateFrom<AnyStateMachine> | undefined) =>
+const contextSelector = (snapshot: StateFrom<AnyStateMachine>) =>
-  snapshot?.context
+  snapshot.context
 
 function CommandArgOptionInput({
   arg,

src/components/CommandBar/CommandBarBasicInput.tsx

@@ -33,15 +33,11 @@ function CommandBarBasicInput({
 
   return (
     <form id="arg-form" onSubmit={handleSubmit}>
-      <label
+      <label className="flex items-center mx-4 my-4">
-        data-testid="cmd-bar-arg-name"
-        className="flex items-center mx-4 my-4"
-      >
         <span className="capitalize px-2 py-1 rounded-l bg-chalkboard-100 dark:bg-chalkboard-80 text-chalkboard-10 border-b border-b-chalkboard-100 dark:border-b-chalkboard-80">
           {arg.name}
         </span>
         <input
-          data-testid="cmd-bar-arg-value"
           id="arg-form"
           name={arg.inputType}
           ref={inputRef}

src/components/CommandBar/CommandBarHeader.tsx

@@ -2,7 +2,7 @@ import { useCommandsContext } from 'hooks/useCommandsContext'
 import { CustomIcon } from '../CustomIcon'
 import React, { useState } from 'react'
 import { ActionButton } from '../ActionButton'
-import { Selections__old, getSelectionTypeDisplayText } from 'lib/selections'
+import { Selections, getSelectionTypeDisplayText } from 'lib/selections'
 import { useHotkeys } from 'react-hotkeys-hook'
 import { KclCommandValue, KclExpressionWithVariable } from 'lib/commandTypes'
 import Tooltip from 'components/Tooltip'
@@ -74,9 +74,7 @@ function CommandBarHeader({ children }: React.PropsWithChildren<{}>) {
                 selectedCommand.icon && (
                   <CustomIcon name={selectedCommand.icon} className="w-5 h-5" />
                 )}
-              <span data-testid="command-name">
+              {selectedCommand.displayName || selectedCommand.name}
-                {selectedCommand.displayName || selectedCommand.name}
-              </span>
             </p>
             {Object.entries(selectedCommand?.args || {})
               .filter(([_, argConfig]) =>
@@ -94,10 +92,6 @@ function CommandBarHeader({ children }: React.PropsWithChildren<{}>) {
 
                 return (
                   <button
-                    data-testid="cmd-bar-input-tab"
-                    data-is-current-arg={
-                      argName === currentArgument?.name ? 'true' : 'false'
-                    }
                     disabled={!isReviewing && currentArgument?.name === argName}
                     onClick={() => {
                       commandBarSend({
@@ -116,40 +110,29 @@ function CommandBarHeader({ children }: React.PropsWithChildren<{}>) {
                   >
                     <span
                       data-testid={`arg-name-${argName.toLowerCase()}`}
-                      data-test-name="arg-name"
                       className="capitalize"
                     >
                       {argName}
                     </span>
                     <span className="sr-only">:&nbsp;</span>
-                    <span data-testid="header-arg-value">
+                    {argValue ? (
-                      {argValue ? (
+                      arg.inputType === 'selection' ? (
-                        arg.inputType === 'selection' ? (
+                        getSelectionTypeDisplayText(argValue as Selections)
-                          getSelectionTypeDisplayText(
+                      ) : arg.inputType === 'kcl' ? (
-                            argValue as Selections__old
+                        roundOff(
-                          )
+                          Number((argValue as KclCommandValue).valueCalculated),
-                        ) : arg.inputType === 'kcl' ? (
+                          4
-                          roundOff(
-                            Number(
-                              (argValue as KclCommandValue).valueCalculated
-                            ),
-                            4
-                          )
-                        ) : typeof argValue === 'object' ? (
-                          arg.valueSummary ? (
-                            arg.valueSummary(argValue)
-                          ) : (
-                            JSON.stringify(argValue)
-                          )
-                        ) : (
-                          <em>
-                            {arg.valueSummary
-                              ? arg.valueSummary(argValue)
-                              : argValue}
-                          </em>
                         )
-                      ) : null}
+                      ) : typeof argValue === 'object' ? (
-                    </span>
+                        arg.valueSummary ? (
+                          arg.valueSummary(argValue)
+                        ) : (
+                          JSON.stringify(argValue)
+                        )
+                      ) : (
+                        <em>{argValue}</em>
+                      )
+                    ) : null}
                     {showShortcuts && (
                       <small className="absolute -top-[1px] right-full translate-x-1/2 px-0.5 rounded-sm bg-chalkboard-80 text-chalkboard-10 dark:bg-primary dark:text-chalkboard-100">
                         <span className="sr-only">Hotkey: </span>

src/components/CommandBar/CommandBarKclInput.tsx

@@ -139,17 +139,10 @@ function CommandBarKclInput({
   return (
     <form id="arg-form" onSubmit={handleSubmit} data-can-submit={canSubmit}>
       <label className="flex gap-4 items-center mx-4 my-4 border-solid border-b border-chalkboard-50">
-        <span
+        <span className="capitalize text-chalkboard-80 dark:text-chalkboard-20">
-          data-testid="cmd-bar-arg-name"
-          className="capitalize text-chalkboard-80 dark:text-chalkboard-20"
-        >
           {arg.name}
         </span>
-        <div
+        <div ref={editorRef} className={styles.editor} />
-          data-testid="cmd-bar-arg-value"
-          ref={editorRef}
-          className={styles.editor}
-        />
         <CustomIcon
           name="equal"
           className="w-5 h-5 text-chalkboard-70 dark:text-chalkboard-40"

src/components/CommandBar/CommandBarReview.tsx

@@ -58,17 +58,7 @@ function CommandBarReview({ stepBack }: { stepBack: () => void }) {
 
   return (
     <CommandBarHeader>
-      <p className="px-4">
+      <p className="px-4">Confirm {selectedCommand?.name}</p>
-        {selectedCommand?.reviewMessage ? (
-          selectedCommand.reviewMessage instanceof Function ? (
-            selectedCommand.reviewMessage(commandBarState.context)
-          ) : (
-            selectedCommand.reviewMessage
-          )
-        ) : (
-          <>Confirm {selectedCommand?.name}</>
-        )}
-      </p>
       <form
         id="review-form"
         className="absolute opacity-0 inset-0 pointer-events-none"

src/components/CommandBar/CommandBarSelectionInput.tsx

@@ -3,10 +3,8 @@ import { useCommandsContext } from 'hooks/useCommandsContext'
 import { useKclContext } from 'lang/KclProvider'
 import { CommandArgument } from 'lib/commandTypes'
 import {
-  Selection__old,
+  Selection,
   canSubmitSelectionArg,
-  convertSelectionToOld,
-  convertSelectionsToOld,
   getSelectionType,
   getSelectionTypeDisplayText,
 } from 'lib/selections'
@@ -14,15 +12,13 @@ import { modelingMachine } from 'machines/modelingMachine'
 import { useEffect, useMemo, useRef, useState } from 'react'
 import { StateFrom } from 'xstate'
 
-const semanticEntityNames: { [key: string]: Array<Selection__old['type']> } = {
+const semanticEntityNames: { [key: string]: Array<Selection['type']> } = {
   face: ['extrude-wall', 'start-cap', 'end-cap'],
   edge: ['edge', 'line', 'arc'],
   point: ['point', 'line-end', 'line-mid'],
 }
 
-function getSemanticSelectionType(
+function getSemanticSelectionType(selectionType: Array<Selection['type']>) {
-  selectionType: Array<Selection__old['type']>
-) {
   const semanticSelectionType = new Set()
   selectionType.forEach((type) => {
     Object.entries(semanticEntityNames).forEach(([entity, entityTypes]) => {
@@ -35,8 +31,8 @@ function getSemanticSelectionType(
   return Array.from(semanticSelectionType)
 }
 
-const selectionSelector = (snapshot?: StateFrom<typeof modelingMachine>) =>
+const selectionSelector = (snapshot: StateFrom<typeof modelingMachine>) =>
-  snapshot?.context.selectionRanges
+  snapshot.context.selectionRanges
 
 function CommandBarSelectionInput({
   arg,
@@ -53,14 +49,10 @@ function CommandBarSelectionInput({
   const [hasSubmitted, setHasSubmitted] = useState(false)
   const selection = useSelector(arg.machineActor, selectionSelector)
   const selectionsByType = useMemo(() => {
-    const selectionRangeEnd = !selection
+    const selectionRangeEnd = selection.codeBasedSelections[0]?.range[1]
-      ? null
+    return !selectionRangeEnd || selectionRangeEnd === code.length
-      : convertSelectionsToOld(selection)?.codeBasedSelections[0]?.range[1]
-    return !selectionRangeEnd || selectionRangeEnd === code.length || !selection
       ? 'none'
-      : !selection
+      : getSelectionType(selection)
-      ? 'none'
-      : getSelectionType(convertSelectionsToOld(selection))
   }, [selection, code])
   const canSubmitSelection = useMemo<boolean>(
     () => canSubmitSelectionArg(selectionsByType, arg),
@@ -95,8 +87,6 @@ function CommandBarSelectionInput({
     onSubmit(selection)
   }
 
-  const selectionOld = selection && convertSelectionsToOld(selection)
-
   return (
     <form id="arg-form" onSubmit={handleSubmit}>
       <label
@@ -106,7 +96,7 @@ function CommandBarSelectionInput({
         }
       >
         {canSubmitSelection
-          ? getSelectionTypeDisplayText(selectionOld) + ' selected'
+          ? getSelectionTypeDisplayText(selection) + ' selected'
           : `Please select ${
               arg.multiple ? 'one or more ' : 'one '
             }${getSemanticSelectionType(arg.selectionTypes).join(' or ')}`}

src/components/CommandBar/CommandBarTextareaInput.tsx

@@ -36,14 +36,10 @@ function CommandBarTextareaInput({
   return (
     <form id="arg-form" onSubmit={handleSubmit} ref={formRef}>
       <label className="flex items-start rounded mx-4 my-4 border border-chalkboard-100 dark:border-chalkboard-80">
-        <span
+        <span className="capitalize px-2 py-1 rounded-br bg-chalkboard-100 dark:bg-chalkboard-80 text-chalkboard-10 border-b border-b-chalkboard-100 dark:border-b-chalkboard-80">
-          data-testid="cmd-bar-arg-name"
-          className="capitalize px-2 py-1 rounded-br bg-chalkboard-100 dark:bg-chalkboard-80 text-chalkboard-10 border-b border-b-chalkboard-100 dark:border-b-chalkboard-80"
-        >
           {arg.name}
         </span>
         <textarea
-          data-testid="cmd-bar-arg-value"
           id="arg-form"
           name={arg.inputType}
           ref={inputRef}

src/components/CommandBarOverwriteWarning.tsx

@@ -1,16 +0,0 @@
-interface CommandBarOverwriteWarningProps {
-  heading?: string
-  message?: string
-}
-
-export function CommandBarOverwriteWarning({
-  heading = 'Overwrite current file?',
-  message = 'This will permanently replace the current code in the editor.',
-}: CommandBarOverwriteWarningProps) {
-  return (
-    <>
-      <p className="font-bold text-destroy-60">{heading}</p>
-      <p>{message}</p>
-    </>
-  )
-}

src/components/EngineCommands.tsx

@@ -21,7 +21,6 @@ export const EngineCommands = () => {
   const [engineCommands, clearEngineCommands] = useEngineCommands()
   const [containsFilter, setContainsFilter] = useState('')
   const [customCmd, setCustomCmd] = useState('')
-  console.log(JSON.stringify(engineCommands, null, 2))
   return (
     <div>
       <input
@@ -65,10 +64,7 @@ export const EngineCommands = () => {
           )
         })}
       </div>
-      <button
+      <button data-testid="clear-commands" onClick={clearEngineCommands}>
-        data-testid="clear-commands"
-        onClick={() => clearEngineCommands()}
-      >
         Clear
       </button>
       <br />

src/components/FileMachineProvider.tsx

@@ -2,7 +2,7 @@ import { useMachine } from '@xstate/react'
 import { useNavigate, useRouteLoaderData } from 'react-router-dom'
 import { type IndexLoaderData } from 'lib/types'
 import { PATHS } from 'lib/paths'
-import React, { createContext, useEffect, useMemo } from 'react'
+import React, { createContext } from 'react'
 import { toast } from 'react-hot-toast'
 import {
   Actor,
@@ -22,12 +22,6 @@ import {
 } from 'lib/constants'
 import { getProjectInfo } from 'lib/desktop'
 import { getNextDirName, getNextFileName } from 'lib/desktopFS'
-import { kclCommands } from 'lib/kclCommands'
-import { codeManager, kclManager } from 'lib/singletons'
-import {
-  getKclSamplesManifest,
-  KclSamplesManifestItem,
-} from 'lib/getKclSamplesManifest'
 
 type MachineContext<T extends AnyStateMachine> = {
   state: StateFrom<T>
@@ -47,16 +41,6 @@ export const FileMachineProvider = ({
   const navigate = useNavigate()
   const { commandBarSend } = useCommandsContext()
   const { project, file } = useRouteLoaderData(PATHS.FILE) as IndexLoaderData
-  const [kclSamples, setKclSamples] = React.useState<KclSamplesManifestItem[]>(
-    []
-  )
-
-  useEffect(() => {
-    async function fetchKclSamples() {
-      setKclSamples(await getKclSamplesManifest())
-    }
-    fetchKclSamples().catch(reportError)
-  }, [])
 
   const [state, send] = useMachine(
     fileMachine.provide({
@@ -137,7 +121,6 @@ export const FileMachineProvider = ({
           return {
             message: `Successfully created "${createdName}"`,
             path: createdPath,
-            shouldSetToRename: input.shouldSetToRename,
           }
         }),
         createFile: fromPromise(async ({ input }) => {
@@ -288,46 +271,6 @@ export const FileMachineProvider = ({
     }
   )
 
-  const kclCommandMemo = useMemo(
-    () =>
-      kclCommands(
-        async (data) => {
-          if (data.method === 'overwrite') {
-            codeManager.updateCodeStateEditor(data.code)
-            await kclManager.executeCode(true)
-            await codeManager.writeToFile()
-          } else if (data.method === 'newFile' && isDesktop()) {
-            send({
-              type: 'Create file',
-              data: {
-                name: data.sampleName,
-                content: data.code,
-                makeDir: false,
-              },
-            })
-          }
-        },
-        kclSamples.map((sample) => ({
-          value: sample.file,
-          name: sample.title,
-        }))
-      ).filter(
-        (command) => kclSamples.length || command.name !== 'open-kcl-example'
-      ),
-    [codeManager, kclManager, send, kclSamples]
-  )
-
-  useEffect(() => {
-    commandBarSend({ type: 'Add commands', data: { commands: kclCommandMemo } })
-
-    return () => {
-      commandBarSend({
-        type: 'Remove commands',
-        data: { commands: kclCommandMemo },
-      })
-    }
-  }, [commandBarSend, kclCommandMemo])
-
   return (
     <FileContext.Provider
       value={{

src/components/FileTree.tsx

@@ -393,14 +393,14 @@ export const FileTreeMenu = () => {
   function createFile() {
     send({
       type: 'Create file',
-      data: { name: '', makeDir: false, shouldSetToRename: true },
+      data: { name: '', makeDir: false },
     })
   }
 
   function createFolder() {
     send({
       type: 'Create file',
-      data: { name: '', makeDir: true, shouldSetToRename: true },
+      data: { name: '', makeDir: true },
     })
   }
 

src/components/ModelingMachineProvider.tsx

@@ -37,24 +37,21 @@ import {
 } from './Toolbar/SetAngleBetween'
 import { applyConstraintAngleLength } from './Toolbar/setAngleLength'
 import {
-  Selections__old,
+  Selections,
   canSweepSelection,
   handleSelectionBatch,
   isSelectionLastLine,
-  isRangeBetweenCharacters,
+  isRangeInbetweenCharacters,
   isSketchPipe,
   updateSelections,
-  convertSelectionsToOld,
-  convertSelectionToOld,
-  Selections,
-  updateSelections2,
 } from 'lib/selections'
 import { applyConstraintIntersect } from './Toolbar/Intersect'
 import { applyConstraintAbsDistance } from './Toolbar/SetAbsDistance'
 import useStateMachineCommands from 'hooks/useStateMachineCommands'
 import { modelingMachineCommandConfig } from 'lib/commandBarConfigs/modelingCommandConfig'
 import {
-  SEGMENT_BODIES,
+  STRAIGHT_SEGMENT,
+  TANGENTIAL_ARC_TO_SEGMENT,
   getParentGroup,
   getSketchOrientationDetails,
 } from 'clientSideScene/sceneEntities'
@@ -171,7 +168,10 @@ export const ModelingMachineProvider = ({
           if (event.type !== 'Set mouse state') return {}
           const nextSegmentHoverMap = () => {
             if (event.data.type === 'isHovering') {
-              const parent = getParentGroup(event.data.on, SEGMENT_BODIES)
+              const parent = getParentGroup(event.data.on, [
+                STRAIGHT_SEGMENT,
+                TANGENTIAL_ARC_TO_SEGMENT,
+              ])
               const pathToNode = parent?.userData?.pathToNode
               const pathToNodeString = JSON.stringify(pathToNode)
               if (!parent || !pathToNode) return context.segmentHoverMap
@@ -187,10 +187,10 @@ export const ModelingMachineProvider = ({
               event.data.type === 'idle' &&
               context.mouseState.type === 'isHovering'
             ) {
-              const mouseOnParent = getParentGroup(
+              const mouseOnParent = getParentGroup(context.mouseState.on, [
-                context.mouseState.on,
+                STRAIGHT_SEGMENT,
-                SEGMENT_BODIES
+                TANGENTIAL_ARC_TO_SEGMENT,
-              )
+              ])
               if (!mouseOnParent || !mouseOnParent?.userData?.pathToNode)
                 return context.segmentHoverMap
               const pathToNodeString = JSON.stringify(
@@ -204,8 +204,8 @@ export const ModelingMachineProvider = ({
                     pathToNodeString,
                   },
                 })
-                // overlay timeout is 1s
+                // overlay timeout
-              }, 1000) as unknown as number
+              }, 800) as unknown as number
               return {
                 ...context.segmentHoverMap,
                 [pathToNodeString]: timeoutId,
@@ -253,7 +253,6 @@ export const ModelingMachineProvider = ({
         'Set selection': assign(
           ({ context: { selectionRanges, sketchDetails }, event }) => {
             // this was needed for ts after adding 'Set selection' action to on done modal events
-            // const oldSelections = convertSelectionsToOld(selectionRanges)
             const setSelections =
               ('data' in event &&
                 event.data &&
@@ -280,12 +279,8 @@ export const ModelingMachineProvider = ({
                 })
               })
             }
-            // let selections: Selections__old = {
-            //   codeBasedSelections: [],
-            //   otherSelections: [],
-            // }
             let selections: Selections = {
-              graphSelections: [],
+              codeBasedSelections: [],
               otherSelections: [],
             }
             if (setSelections.selectionType === 'singleCodeCursor') {
@@ -295,28 +290,21 @@ export const ModelingMachineProvider = ({
                 !editorManager.isShiftDown
               ) {
                 selections = {
-                  graphSelections: [],
+                  codeBasedSelections: [],
                   otherSelections: [],
                 }
               } else if (
                 setSelections.selection &&
                 !editorManager.isShiftDown
               ) {
-                // const oldSelection = convertSelectionToOld(setSelections.selection)
-                // if (oldSelection) {
-
-                // }
                 selections = {
-                  graphSelections: [setSelections.selection],
+                  codeBasedSelections: [setSelections.selection],
                   otherSelections: [],
                 }
               } else if (setSelections.selection && editorManager.isShiftDown) {
-                // const oldSelection = convertSelectionToOld(setSelections.selection)
-                // if (oldSelection) {
-                // }
                 selections = {
-                  graphSelections: [
+                  codeBasedSelections: [
-                    ...selectionRanges.graphSelections,
+                    ...selectionRanges.codeBasedSelections,
                     setSelections.selection,
                   ],
                   otherSelections: selectionRanges.otherSelections,
@@ -328,7 +316,7 @@ export const ModelingMachineProvider = ({
                 codeMirrorSelection,
                 updateSceneObjectColors,
               } = handleSelectionBatch({
-                selections: convertSelectionsToOld(selections),
+                selections,
               })
               codeMirrorSelection && dispatchSelection(codeMirrorSelection)
               engineEvents &&
@@ -352,18 +340,18 @@ export const ModelingMachineProvider = ({
             if (setSelections.selectionType === 'otherSelection') {
               if (editorManager.isShiftDown) {
                 selections = {
-                  graphSelections: selectionRanges.graphSelections,
+                  codeBasedSelections: selectionRanges.codeBasedSelections,
                   otherSelections: [setSelections.selection],
                 }
               } else {
                 selections = {
-                  graphSelections: [],
+                  codeBasedSelections: [],
                   otherSelections: [setSelections.selection],
                 }
               }
               const { engineEvents, updateSceneObjectColors } =
                 handleSelectionBatch({
-                  selections: convertSelectionsToOld(selections),
+                  selections,
                 })
               engineEvents &&
                 engineEvents.forEach((event) => {
@@ -376,9 +364,7 @@ export const ModelingMachineProvider = ({
               }
             }
             if (setSelections.selectionType === 'completeSelection') {
-              editorManager.selectRange(
+              editorManager.selectRange(setSelections.selection)
-                convertSelectionsToOld(setSelections.selection)
-              )
               if (!sketchDetails)
                 return {
                   selectionRanges: setSelections.selection,
@@ -509,49 +495,67 @@ export const ModelingMachineProvider = ({
         },
       },
       guards: {
-        'has valid sweep selection': ({ context: { selectionRanges } }) => {
+        'has valid extrude selection': ({ context: { selectionRanges } }) => {
           // A user can begin extruding if they either have 1+ faces selected or nothing selected
           // TODO: I believe this guard only allows for extruding a single face at a time
-          const _selections = convertSelectionsToOld(selectionRanges)
+          const isPipe = isSketchPipe(selectionRanges)
-          const hasNoSelection =
-            _selections.codeBasedSelections.length === 0 ||
-            isRangeBetweenCharacters(_selections) ||
-            isSelectionLastLine(_selections, codeManager.code)
 
-          if (hasNoSelection) {
+          if (
+            selectionRanges.codeBasedSelections.length === 0 ||
+            isRangeInbetweenCharacters(selectionRanges) ||
+            isSelectionLastLine(selectionRanges, codeManager.code)
+          ) {
             // they have no selection, we should enable the button
             // so they can select the face through the cmdbar
             // BUT only if there's extrudable geometry
-            return doesSceneHaveSweepableSketch(kclManager.ast)
+            if (doesSceneHaveSweepableSketch(kclManager.ast)) return true
+            return false
           }
-          if (!isSketchPipe(_selections)) return false
+          if (!isPipe) return false
 
-          return canSweepSelection(_selections)
+          return canSweepSelection(selectionRanges)
+        },
+        'has valid revolve selection': ({ context: { selectionRanges } }) => {
+          // A user can begin extruding if they either have 1+ faces selected or nothing selected
+          // TODO: I believe this guard only allows for extruding a single face at a time
+          const isPipe = isSketchPipe(selectionRanges)
+
+          if (
+            selectionRanges.codeBasedSelections.length === 0 ||
+            isRangeInbetweenCharacters(selectionRanges) ||
+            isSelectionLastLine(selectionRanges, codeManager.code)
+          ) {
+            // they have no selection, we should enable the button
+            // so they can select the face through the cmdbar
+            // BUT only if there's extrudable geometry
+            if (doesSceneHaveSweepableSketch(kclManager.ast)) return true
+            return false
+          }
+          if (!isPipe) return false
+
+          return canSweepSelection(selectionRanges)
         },
         'has valid selection for deletion': ({
           context: { selectionRanges },
         }) => {
-          const _selections = convertSelectionsToOld(selectionRanges)
           if (!commandBarState.matches('Closed')) return false
-          if (_selections.codeBasedSelections.length <= 0) return false
+          if (selectionRanges.codeBasedSelections.length <= 0) return false
           return true
         },
-        'has valid fillet selection': ({ context: { selectionRanges } }) => {
+        'has valid fillet selection': ({ context: { selectionRanges } }) =>
-          const _selections = convertSelectionsToOld(selectionRanges)
+          hasValidFilletSelection({
-          return hasValidFilletSelection({
+            selectionRanges,
-            selectionRanges: _selections,
             ast: kclManager.ast,
             code: codeManager.code,
-          })
+          }),
-        },
         'Selection is on face': ({ context: { selectionRanges }, event }) => {
           if (event.type !== 'Enter sketch') return false
           if (event.data?.forceNewSketch) return false
-          const _selections = convertSelectionsToOld(selectionRanges)
+          if (!isSingleCursorInPipe(selectionRanges, kclManager.ast))
-          if (!isSingleCursorInPipe(_selections, kclManager.ast)) return false
+            return false
           return !!isCursorInSketchCommandRange(
             engineCommandManager.artifactGraph,
-            _selections
+            selectionRanges
           )
         },
         'Has exportable geometry': () => {
@@ -641,8 +645,7 @@ export const ModelingMachineProvider = ({
         }),
         'animate-to-sketch': fromPromise(
           async ({ input: { selectionRanges } }) => {
-            const _selections = convertSelectionsToOld(selectionRanges)
+            const sourceRange = selectionRanges.codeBasedSelections[0].range
-            const sourceRange = _selections.codeBasedSelections[0].range
             const sketchPathToNode = getNodePathFromSourceRange(
               kclManager.ast,
               sourceRange
@@ -666,48 +669,10 @@ export const ModelingMachineProvider = ({
         ),
         'Get horizontal info': fromPromise(
           async ({ input: { selectionRanges, sketchDetails } }) => {
-            const _selections = convertSelectionsToOld(selectionRanges)
             const { modifiedAst, pathToNodeMap } =
               await applyConstraintHorzVertDistance({
                 constraint: 'setHorzDistance',
-                selectionRanges: _selections,
+                selectionRanges,
-              })
-            const _modifiedAst = parse(recast(modifiedAst))
-            if (!sketchDetails)
-              return Promise.reject(new Error('No sketch details'))
-            const updatedPathToNode = updatePathToNodeFromMap(
-              sketchDetails.sketchPathToNode,
-              pathToNodeMap
-            )
-            const updatedAst =
-              await sceneEntitiesManager.updateAstAndRejigSketch(
-                updatedPathToNode,
-                _modifiedAst,
-                sketchDetails.zAxis,
-                sketchDetails.yAxis,
-                sketchDetails.origin
-              )
-            if (err(updatedAst)) return Promise.reject(updatedAst)
-            // const selection = updateSelections(
-            const selection = updateSelections2(
-              pathToNodeMap,
-              selectionRanges,
-              updatedAst.newAst
-            )
-            if (err(selection)) return Promise.reject(selection)
-            return {
-              selectionType: 'completeSelection',
-              selection,
-              updatedPathToNode,
-            }
-          }
-        ),
-        'Get vertical info': fromPromise(
-          async ({ input: { selectionRanges, sketchDetails } }) => {
-            const { modifiedAst, pathToNodeMap } =
-              await applyConstraintHorzVertDistance({
-                constraint: 'setVertDistance',
-                selectionRanges: convertSelectionsToOld(selectionRanges),
               })
             const _modifiedAst = parse(recast(modifiedAst))
             if (!sketchDetails)
@@ -727,7 +692,43 @@ export const ModelingMachineProvider = ({
             if (err(updatedAst)) return Promise.reject(updatedAst)
             const selection = updateSelections(
               pathToNodeMap,
-              convertSelectionsToOld(selectionRanges),
+              selectionRanges,
+              updatedAst.newAst
+            )
+            if (err(selection)) return Promise.reject(selection)
+            return {
+              selectionType: 'completeSelection',
+              selection,
+              updatedPathToNode,
+            }
+          }
+        ),
+        'Get vertical info': fromPromise(
+          async ({ input: { selectionRanges, sketchDetails } }) => {
+            const { modifiedAst, pathToNodeMap } =
+              await applyConstraintHorzVertDistance({
+                constraint: 'setVertDistance',
+                selectionRanges,
+              })
+            const _modifiedAst = parse(recast(modifiedAst))
+            if (!sketchDetails)
+              return Promise.reject(new Error('No sketch details'))
+            const updatedPathToNode = updatePathToNodeFromMap(
+              sketchDetails.sketchPathToNode,
+              pathToNodeMap
+            )
+            const updatedAst =
+              await sceneEntitiesManager.updateAstAndRejigSketch(
+                updatedPathToNode,
+                _modifiedAst,
+                sketchDetails.zAxis,
+                sketchDetails.yAxis,
+                sketchDetails.origin
+              )
+            if (err(updatedAst)) return Promise.reject(updatedAst)
+            const selection = updateSelections(
+              pathToNodeMap,
+              selectionRanges,
               updatedAst.newAst
             )
             if (err(selection)) return Promise.reject(selection)
@@ -741,15 +742,15 @@ export const ModelingMachineProvider = ({
         'Get angle info': fromPromise(
           async ({ input: { selectionRanges, sketchDetails } }) => {
             const info = angleBetweenInfo({
-              selectionRanges: convertSelectionsToOld(selectionRanges),
+              selectionRanges,
             })
             if (err(info)) return Promise.reject(info)
             const { modifiedAst, pathToNodeMap } = await (info.enabled
               ? applyConstraintAngleBetween({
-                  selectionRanges: convertSelectionsToOld(selectionRanges),
+                  selectionRanges,
                 })
               : applyConstraintAngleLength({
-                  selectionRanges: convertSelectionsToOld(selectionRanges),
+                  selectionRanges,
                   angleOrLength: 'setAngle',
                 }))
             const _modifiedAst = parse(recast(modifiedAst))
@@ -772,7 +773,7 @@ export const ModelingMachineProvider = ({
             if (err(updatedAst)) return Promise.reject(updatedAst)
             const selection = updateSelections(
               pathToNodeMap,
-              convertSelectionsToOld(selectionRanges),
+              selectionRanges,
               updatedAst.newAst
             )
             if (err(selection)) return Promise.reject(selection)

src/components/ModelingSidebar/ModelingPanes/KclEditorMenu.tsx

@@ -9,12 +9,10 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { kclManager } from 'lib/singletons'
 import { openExternalBrowserIfDesktop } from 'lib/openWindow'
 import { reportRejection } from 'lib/trap'
-import { useCommandsContext } from 'hooks/useCommandsContext'
 
 export const KclEditorMenu = ({ children }: PropsWithChildren) => {
   const { enable: convertToVarEnabled, handleClick: handleConvertToVarClick } =
     useConvertToVariable()
-  const { commandBarSend } = useCommandsContext()
 
   return (
     <Menu>
@@ -79,22 +77,6 @@ export const KclEditorMenu = ({ children }: PropsWithChildren) => {
               </small>
             </a>
           </Menu.Item>
-          <Menu.Item>
-            <button
-              onClick={() => {
-                commandBarSend({
-                  type: 'Find and select command',
-                  data: {
-                    groupId: 'code',
-                    name: 'open-kcl-example',
-                  },
-                })
-              }}
-              className={styles.button}
-            >
-              <span>Load a sample model</span>
-            </button>
-          </Menu.Item>
           <Menu.Item>
             <a
               className={styles.button}
@@ -103,7 +85,7 @@ export const KclEditorMenu = ({ children }: PropsWithChildren) => {
               rel="noopener noreferrer"
               onClick={openExternalBrowserIfDesktop()}
             >
-              <span>View all samples</span>
+              <span>KCL samples</span>
               <small>
                 zoo.dev
                 <FontAwesomeIcon

src/components/ToastUpdate.tsx

@@ -1,64 +0,0 @@
-import toast from 'react-hot-toast'
-import { ActionButton } from './ActionButton'
-import { openExternalBrowserIfDesktop } from 'lib/openWindow'
-
-export function ToastUpdate({
-  version,
-  onRestart,
-}: {
-  version: string
-  onRestart: () => void
-}) {
-  return (
-    <div className="inset-0 z-50 grid place-content-center rounded bg-chalkboard-110/50 shadow-md">
-      <div className="max-w-3xl min-w-[35rem] p-8 rounded bg-chalkboard-10 dark:bg-chalkboard-90">
-        <div className="my-4 flex items-baseline">
-          <span
-            className="px-3 py-1 text-xl rounded-full bg-primary text-chalkboard-10"
-            data-testid="update-version"
-          >
-            v{version}
-          </span>
-          <span className="ml-4 text-md text-bold">
-            A new update has downloaded and will be available next time you
-            start the app. You can view the release notes{' '}
-            <a
-              onClick={openExternalBrowserIfDesktop(
-                `https://github.com/KittyCAD/modeling-app/releases/tag/v${version}`
-              )}
-              href={`https://github.com/KittyCAD/modeling-app/releases/tag/v${version}`}
-              target="_blank"
-              rel="noreferrer"
-            >
-              here on GitHub.
-            </a>
-          </span>
-        </div>
-        <div className="flex justify-between gap-8">
-          <ActionButton
-            Element="button"
-            iconStart={{
-              icon: 'arrowRotateRight',
-            }}
-            name="Restart app now"
-            onClick={onRestart}
-          >
-            Restart app now
-          </ActionButton>
-          <ActionButton
-            Element="button"
-            iconStart={{
-              icon: 'checkmark',
-            }}
-            name="Got it"
-            onClick={() => {
-              toast.dismiss()
-            }}
-          >
-            Got it
-          </ActionButton>
-        </div>
-      </div>
-    </div>
-  )
-}

src/components/Toolbar/EqualAngle.tsx

@@ -1,5 +1,5 @@
 import { toolTips } from 'lang/langHelpers'
-import { Selections__old } from 'lib/selections'
+import { Selections } from 'lib/selections'
 import { Program, Expr, VariableDeclarator } from '../../lang/wasm'
 import {
   getNodePathFromSourceRange,
@@ -18,7 +18,7 @@ import { TransformInfo } from 'lang/std/stdTypes'
 export function equalAngleInfo({
   selectionRanges,
 }: {
-  selectionRanges: Selections__old
+  selectionRanges: Selections
 }):
   | {
       transforms: TransformInfo[]
@@ -82,7 +82,7 @@ export function equalAngleInfo({
 export function applyConstraintEqualAngle({
   selectionRanges,
 }: {
-  selectionRanges: Selections__old
+  selectionRanges: Selections
 }):
   | {
       modifiedAst: Program

src/components/Toolbar/EqualLength.tsx

@@ -1,5 +1,5 @@
 import { toolTips } from 'lang/langHelpers'
-import { Selections__old } from 'lib/selections'
+import { Selections } from 'lib/selections'
 import { Program, Expr, VariableDeclarator } from '../../lang/wasm'
 import {
   getNodePathFromSourceRange,
@@ -18,7 +18,7 @@ import { err } from 'lib/trap'
 export function setEqualLengthInfo({
   selectionRanges,
 }: {
-  selectionRanges: Selections__old
+  selectionRanges: Selections
 }):
   | {
       transforms: TransformInfo[]
@@ -83,7 +83,7 @@ export function setEqualLengthInfo({
 export function applyConstraintEqualLength({
   selectionRanges,
 }: {
-  selectionRanges: Selections__old
+  selectionRanges: Selections
 }):
   | {
       modifiedAst: Program

src/components/Toolbar/HorzVert.tsx

@@ -1,5 +1,5 @@
 import { toolTips } from 'lang/langHelpers'
-import { Selections__old } from 'lib/selections'
+import { Selections } from 'lib/selections'
 import { Program, ProgramMemory, Expr } from '../../lang/wasm'
 import {
   getNodePathFromSourceRange,
@@ -15,7 +15,7 @@ import { kclManager } from 'lib/singletons'
 import { err } from 'lib/trap'
 
 export function horzVertInfo(
-  selectionRanges: Selections__old,
+  selectionRanges: Selections,
   horOrVert: 'vertical' | 'horizontal'
 ):
   | {
@@ -53,7 +53,7 @@ export function horzVertInfo(
 }
 
 export function applyConstraintHorzVert(
-  selectionRanges: Selections__old,
+  selectionRanges: Selections,
   horOrVert: 'vertical' | 'horizontal',
   ast: Program,
   programMemory: ProgramMemory

src/components/Toolbar/Intersect.tsx

@@ -1,6 +1,6 @@
 import { toolTips } from 'lang/langHelpers'
+import { Selections } from 'lib/selections'
 import { Program, Expr, VariableDeclarator } from '../../lang/wasm'
-import { Selections__old } from 'lib/selections'
 import {
   getNodePathFromSourceRange,
   getNodeFromPath,
@@ -25,12 +25,12 @@ const getModalInfo = createInfoModal(GetInfoModal)
 export function intersectInfo({
   selectionRanges,
 }: {
-  selectionRanges: Selections__old
+  selectionRanges: Selections
 }):
   | {
       transforms: TransformInfo[]
       enabled: boolean
-      forcedSelectionRanges: Selections__old
+      forcedSelectionRanges: Selections
     }
   | Error {
   if (selectionRanges.codeBasedSelections.length < 2) {
@@ -134,7 +134,7 @@ export function intersectInfo({
 export async function applyConstraintIntersect({
   selectionRanges,
 }: {
-  selectionRanges: Selections__old
+  selectionRanges: Selections
 }): Promise<{
   modifiedAst: Program
   pathToNodeMap: PathToNodeMap

src/components/Toolbar/RemoveConstrainingValues.tsx

@@ -1,5 +1,5 @@
 import { toolTips } from 'lang/langHelpers'
-import { Selection__old, Selections__old } from 'lib/selections'
+import { Selection, Selections } from 'lib/selections'
 import { PathToNode, Program, Expr } from '../../lang/wasm'
 import {
   getNodePathFromSourceRange,
@@ -18,13 +18,13 @@ export function removeConstrainingValuesInfo({
   selectionRanges,
   pathToNodes,
 }: {
-  selectionRanges: Selections__old
+  selectionRanges: Selections
   pathToNodes?: Array<PathToNode>
 }):
   | {
       transforms: TransformInfo[]
       enabled: boolean
-      updatedSelectionRanges: Selections__old
+      updatedSelectionRanges: Selections
     }
   | Error {
   const paths =
@@ -45,7 +45,7 @@ export function removeConstrainingValuesInfo({
     ? {
         otherSelections: [],
         codeBasedSelections: nodes.map(
-          (node): Selection__old => ({
+          (node): Selection => ({
             range: [node.start, node.end],
             type: 'default',
           })
@@ -73,7 +73,7 @@ export function applyRemoveConstrainingValues({
   selectionRanges,
   pathToNodes,
 }: {
-  selectionRanges: Selections__old
+  selectionRanges: Selections
   pathToNodes?: Array<PathToNode>
 }):
   | {

src/components/Toolbar/SetAbsDistance.tsx

@@ -1,6 +1,6 @@
 import { toolTips } from 'lang/langHelpers'
+import { Selections } from 'lib/selections'
 import { Program, Expr } from '../../lang/wasm'
-import { Selections__old } from 'lib/selections'
 import {
   getNodePathFromSourceRange,
   getNodeFromPath,
@@ -32,7 +32,7 @@ export function absDistanceInfo({
   selectionRanges,
   constraint,
 }: {
-  selectionRanges: Selections__old
+  selectionRanges: Selections
   constraint: Constraint
 }):
   | {
@@ -93,7 +93,7 @@ export async function applyConstraintAbsDistance({
   selectionRanges,
   constraint,
 }: {
-  selectionRanges: Selections__old
+  selectionRanges: Selections
   constraint: 'xAbs' | 'yAbs'
 }): Promise<{
   modifiedAst: Program
@@ -157,7 +157,7 @@ export function applyConstraintAxisAlign({
   selectionRanges,
   constraint,
 }: {
-  selectionRanges: Selections__old
+  selectionRanges: Selections
   constraint: 'snapToYAxis' | 'snapToXAxis'
 }):
   | {

src/components/Toolbar/SetAngleBetween.tsx

@@ -1,6 +1,6 @@
 import { toolTips } from 'lang/langHelpers'
+import { Selections } from 'lib/selections'
 import { Program, Expr, VariableDeclarator } from '../../lang/wasm'
-import { Selections__old } from 'lib/selections'
 import {
   getNodePathFromSourceRange,
   getNodeFromPath,
@@ -24,7 +24,7 @@ const getModalInfo = createInfoModal(GetInfoModal)
 export function angleBetweenInfo({
   selectionRanges,
 }: {
-  selectionRanges: Selections__old
+  selectionRanges: Selections
 }):
   | {
       transforms: TransformInfo[]
@@ -90,7 +90,7 @@ export async function applyConstraintAngleBetween({
   selectionRanges,
 }: // constraint,
 {
-  selectionRanges: Selections__old
+  selectionRanges: Selections
   // constraint: 'setHorzDistance' | 'setVertDistance'
 }): Promise<{
   modifiedAst: Program

src/components/Toolbar/SetHorzVertDistance.tsx

@@ -16,7 +16,7 @@ import { GetInfoModal, createInfoModal } from '../SetHorVertDistanceModal'
 import { createLiteral, createVariableDeclaration } from '../../lang/modifyAst'
 import { removeDoubleNegatives } from '../AvailableVarsHelpers'
 import { kclManager } from 'lib/singletons'
-import { Selections__old } from 'lib/selections'
+import { Selections } from 'lib/selections'
 import { cleanErrs, err } from 'lib/trap'
 
 const getModalInfo = createInfoModal(GetInfoModal)
@@ -25,7 +25,7 @@ export function horzVertDistanceInfo({
   selectionRanges,
   constraint,
 }: {
-  selectionRanges: Selections__old
+  selectionRanges: Selections
   constraint: 'setHorzDistance' | 'setVertDistance'
 }):
   | {
@@ -95,7 +95,7 @@ export async function applyConstraintHorzVertDistance({
   // TODO align will always be false (covered by synconous applyConstraintHorzVertAlign), remove it
   isAlign = false,
 }: {
-  selectionRanges: Selections__old
+  selectionRanges: Selections
   constraint: 'setHorzDistance' | 'setVertDistance'
   isAlign?: false
 }): Promise<{
@@ -181,7 +181,7 @@ export function applyConstraintHorzVertAlign({
   selectionRanges,
   constraint,
 }: {
-  selectionRanges: Selections__old
+  selectionRanges: Selections
   constraint: 'setHorzDistance' | 'setVertDistance'
 }):
   | {

src/components/Toolbar/setAngleLength.tsx

@@ -1,6 +1,6 @@
 import { toolTips } from 'lang/langHelpers'
+import { Selections } from 'lib/selections'
 import { Program, Expr } from '../../lang/wasm'
-import { Selections__old } from 'lib/selections'
 import {
   getNodePathFromSourceRange,
   getNodeFromPath,
@@ -32,7 +32,7 @@ export function angleLengthInfo({
   selectionRanges,
   angleOrLength = 'setLength',
 }: {
-  selectionRanges: Selections__old
+  selectionRanges: Selections
   angleOrLength?: 'setLength' | 'setAngle'
 }):
   | {
@@ -74,7 +74,7 @@ export async function applyConstraintAngleLength({
   selectionRanges,
   angleOrLength = 'setLength',
 }: {
-  selectionRanges: Selections__old
+  selectionRanges: Selections
   angleOrLength?: 'setLength' | 'setAngle'
 }): Promise<{
   modifiedAst: Program

src/editor/manager.ts

@@ -2,11 +2,7 @@ import { EditorView, ViewUpdate } from '@codemirror/view'
 import { EditorSelection, Annotation, Transaction } from '@codemirror/state'
 import { engineCommandManager } from 'lib/singletons'
 import { modelingMachine, ModelingMachineEvent } from 'machines/modelingMachine'
-import {
+import { Selections, processCodeMirrorRanges, Selection } from 'lib/selections'
-  Selections__old,
-  Selection__old,
-  processCodeMirrorRanges,
-} from 'lib/selections'
 import { undo, redo } from '@codemirror/commands'
 import { CommandBarMachineEvent } from 'machines/commandBarMachine'
 import { addLineHighlight, addLineHighlightEvent } from './highlightextension'
@@ -35,7 +31,7 @@ export default class EditorManager {
   private _copilotEnabled: boolean = true
 
   private _isShiftDown: boolean = false
-  private _selectionRanges: Selections__old = {
+  private _selectionRanges: Selections = {
     otherSelections: [],
     codeBasedSelections: [],
   }
@@ -77,7 +73,7 @@ export default class EditorManager {
     this._isShiftDown = isShiftDown
   }
 
-  set selectionRanges(selectionRanges: Selections__old) {
+  set selectionRanges(selectionRanges: Selections) {
     this._selectionRanges = selectionRanges
   }
 
@@ -101,7 +97,7 @@ export default class EditorManager {
     return this._highlightRange
   }
 
-  setHighlightRange(selections: Array<Selection__old['range']>): void {
+  setHighlightRange(selections: Array<Selection['range']>): void {
     this._highlightRange = selections
 
     const selectionsWithSafeEnds = selections.map((s): [number, number] => {
@@ -207,7 +203,7 @@ export default class EditorManager {
     return false
   }
 
-  selectRange(selections: Selections__old) {
+  selectRange(selections: Selections) {
     if (selections.codeBasedSelections.length === 0) {
       return
     }

src/hooks/useEngineConnectionSubscriptions.ts

@@ -9,9 +9,10 @@ import { useModelingContext } from './useModelingContext'
 import { getEventForSelectWithPoint } from 'lib/selections'
 import {
   getCapCodeRef,
+  getSweepEdgeCodeRef,
   getSweepFromSuspectedSweepSurface,
+  getSolid2dCodeRef,
   getWallCodeRef,
-  getCodeRefsByArtifactId,
 } from 'lang/std/artifactGraph'
 import { err, reportRejection } from 'lib/trap'
 import { DefaultPlaneStr, getFaceDetails } from 'clientSideScene/sceneEntities'
@@ -28,14 +29,52 @@ export function useEngineConnectionSubscriptions() {
       event: 'highlight_set_entity',
       callback: ({ data }) => {
         if (data?.entity_id) {
-          const codeRefs = getCodeRefsByArtifactId(
+          const artifact = engineCommandManager.artifactGraph.get(
-            data.entity_id,
+            data.entity_id
-            engineCommandManager.artifactGraph
           )
-          if (codeRefs) {
+          if (artifact?.type === 'solid2D') {
-            editorManager.setHighlightRange(codeRefs.map(({ range }) => range))
+            const codeRef = getSolid2dCodeRef(
+              artifact,
+              engineCommandManager.artifactGraph
+            )
+            if (err(codeRef)) return
+            editorManager.setHighlightRange([codeRef.range])
+          } else if (artifact?.type === 'cap') {
+            const codeRef = getCapCodeRef(
+              artifact,
+              engineCommandManager.artifactGraph
+            )
+            if (err(codeRef)) return
+            editorManager.setHighlightRange([codeRef.range])
+          } else if (artifact?.type === 'wall') {
+            const extrusion = getSweepFromSuspectedSweepSurface(
+              data.entity_id,
+              engineCommandManager.artifactGraph
+            )
+            const codeRef = getWallCodeRef(
+              artifact,
+              engineCommandManager.artifactGraph
+            )
+            if (err(codeRef)) return
+            editorManager.setHighlightRange(
+              err(extrusion)
+                ? [codeRef.range]
+                : [codeRef.range, extrusion.codeRef.range]
+            )
+          } else if (artifact?.type === 'sweepEdge') {
+            const codeRef = getSweepEdgeCodeRef(
+              artifact,
+              engineCommandManager.artifactGraph
+            )
+            if (err(codeRef)) return
+            editorManager.setHighlightRange([codeRef.range])
+          } else if (artifact?.type === 'segment') {
+            editorManager.setHighlightRange([
+              artifact?.codeRef?.range || [0, 0],
+            ])
+          } else {
+            editorManager.setHighlightRange([[0, 0]])
           }
-          editorManager.setHighlightRange([[0, 0]])
         } else if (
           !editorManager.highlightRange ||
           (editorManager.highlightRange[0][0] !== 0 &&