@classytic/labs 0.6.0 → 0.7.0

package/dist/domains/math/_shared/parameter-name.mjs

@@ -0,0 +1,24 @@
+import { isRefusal } from "@classytic/stage/result";
+import { compileExpr } from "@classytic/stage/math";
+
+//#region src/domains/math/_shared/parameter-name.ts
+/** Slider names must bind one free variable in the same parser that evaluates their curves. */
+function parameterNameProblem(name) {
+	if (name === "x") return {
+		code: "reserved-param-name",
+		message: "The input x cannot also be a parameter. Choose another parameter name."
+	};
+	const expression = compileExpr(name);
+	if (isRefusal(expression) || expression.ast.type !== "var" || expression.ast.name !== name) return {
+		code: "invalid-param-name",
+		message: "Use a single variable name for each parameter."
+	};
+	if (!expression.vars.includes(name)) return {
+		code: "reserved-param-name",
+		message: `"${name}" is an expression constant. Choose another parameter name.`
+	};
+	return undefined;
+}
+
+//#endregion
+export { parameterNameProblem };

package/dist/domains/math/algebra/area-model/activity.mjs

@@ -1,10 +1,48 @@
 import { labActivity } from "../../../../kit/goal-activity.mjs";
 import { defineActivity } from "../../../../runtime/activity.mjs";
-import { areaModelModel } from "./model.mjs";
+import { areaModelModel, productText, trinomialText } from "./model.mjs";
 
 //#region src/domains/math/algebra/area-model/activity.ts
+/** `3 × x`, as the explanation names a strip. */
+const strip = (k) => `${Math.abs(k)} × x`;
 /** Predict the middle coefficient before the pieces are labelled (expand), or before factoring. */
 const areaModelActivity = defineActivity(areaModelModel, (s) => {
+	if (s.view === "terms") {
+		const predictQ = {
+			id: "cross-pieces",
+			prompt: "(a + b + c)² is cut into nine pieces. How many of them are a × b rectangles?",
+			choices: [
+				"1",
+				"2",
+				"3",
+				"4"
+			].map((v) => ({
+				value: v,
+				label: v
+			})),
+			answer: "2",
+			explain: "One a × b sits right of the a² square and one below it: two equal rectangles, so 2ab. The same holds for bc and ca: (a + b + c)² = a² + b² + c² + 2ab + 2bc + 2ca."
+		};
+		const built = labActivity({
+			title: "The square of three terms",
+			objectives: ["Read (a + b + c)² off a 3 × 3 area grid"],
+			lead: "Drag the side lengths. Three squares sit on the diagonal; the other six pieces come in equal pairs.",
+			goal: false,
+			controls: [
+				"ta",
+				"tb",
+				"tc"
+			],
+			observations: [predictQ]
+		});
+		return {
+			...built,
+			steps: built.steps.map((step) => step.id === "play" ? {
+				...step,
+				reveal: ["labelled"]
+			} : step)
+		};
+	}
 	const { a, b, sum, product } = s;
 	const values = Array.from(new Set([
 		sum,
@@ -13,21 +51,22 @@ const areaModelActivity = defineActivity(areaModelModel, (s) => {
 		b,
 		sum + product
 	])).slice(0, 4).sort((m, n) => m - n);
+	const cutting = a < 0 || b < 0;
 	const predictQ = {
 		id: "middle-coeff",
-		prompt: `(x + ${a})(x + ${b}) = x² + ? x + ?. What number goes in front of x?`,
+		prompt: `${productText(a, b)} = x² + ? x + ?. What number goes in front of x?`,
 		choices: values.map((v) => ({
 			value: String(v),
 			label: String(v)
 		})),
 		answer: String(sum),
-		explain: `The two strips are ${a} × x and ${b} × x, so together they make ${sum}x. The small corner is ${a} × ${b} = ${product}, which is the number on its own.`
+		explain: cutting ? `A strip you add counts plus, a strip you cut away counts minus: ${[a, b].map((k) => `${k < 0 ? "−" : "+"}${strip(k)}`).join(" and ")} make ${sum}x. The corner is ${a} × ${b} = ${product}, which is the number on its own.` : `The two strips are ${a} × x and ${b} × x, so together they make ${sum}x. The small corner is ${a} × ${b} = ${product}, which is the number on its own.`
 	};
 	const factorMode = s.mode === "factor";
 	const built = labActivity({
 		title: factorMode ? "Area-model factoring" : "Area-model expansion",
 		objectives: [factorMode ? "Factor a trinomial with an area model" : "Connect an area model to expansion"],
-		lead: factorMode ? `Factor x² + ${sum}x + ${product}: find the two side lengths.` : `Resize x: the strips grow with x, the corner never does. (x + ${a})(x + ${b}) = x² + ${sum}x + ${product}.`,
+		lead: factorMode ? `Factor ${trinomialText(a, b)}: find the two side lengths.` : cutting ? `Resize x. The hatched strip is cut away, so its area counts minus. ${productText(a, b)} = ${trinomialText(a, b)}.` : `Resize x: the strips grow with x, the corner never does. ${productText(a, b)} = ${trinomialText(a, b)}.`,
 		goal: factorMode ? "solved" : false,
 		controls: factorMode ? ["ga", "gb"] : ["x"],
 		observations: [predictQ]

package/dist/domains/math/algebra/area-model/manifest.mjs

@@ -7,7 +7,7 @@ var manifest_default = defineLab({
 	domain: "math",
 	group: "Math",
 	title: "Area model (algebra tiles)",
-	description: "(x+a)(x+b) as a partitioned rectangle, EXPAND (drag x) or FACTOR (find a, b).",
+	description: "(x+a)(x+b) as a partitioned rectangle, EXPAND (drag x) or FACTOR (find a, b). A negative a or b is a subtraction, (x − 3)(x + 2), its strip drawn cut away; `terms` draws (a + b + c)² as a 3 × 3 grid.",
 	model: areaModelModel,
 	examples: [
 		{
@@ -37,13 +37,37 @@ var manifest_default = defineLab({
 				b: 3,
 				mode: "factor"
 			}
+		},
+		{
+			name: "a strip cut away",
+			props: {
+				a: -3,
+				b: 2
+			}
+		},
+		{
+			name: "both sides shortened",
+			props: {
+				a: -2,
+				b: -1
+			}
+		},
+		{
+			name: "the square of three terms",
+			props: { terms: [
+				2,
+				1.5,
+				1
+			] }
 		}
 	],
 	experience: {
 		objectives: [
 			"Connect each algebraic term to a region of a partitioned rectangle",
 			"Predict the middle coefficient before revealing the expansion",
-			"Reverse an expanded trinomial into its side factors"
+			"Reverse an expanded trinomial into its side factors",
+			"Read a subtracted term as a strip cut away, every length kept positive",
+			"Read (a + b + c)² off a 3 × 3 grid: three squares and three pairs of equal rectangles"
 		],
 		phases: [
 			"predict",

package/dist/domains/math/algebra/area-model/model.mjs

@@ -1,96 +1,159 @@
 import { defineLabModel } from "../../../../model/define.mjs";
-import "../../../../model/index.mjs";
+import { refuse } from "../../../../model/index.mjs";
 import { z } from "zod";
 
 //#region src/domains/math/algebra/area-model/model.ts
 /**
 * (x + a)(x + b) as a partitioned rectangle: the square x², two strips that grow with x (a·x, b·x)
-* and a constant corner (a·b) that never does. Two tasks share one figure:
+* and a constant corner (a·b) that never does. Three views share one model:
 *
-*   expand  drag x and watch the pieces grow; a and b are fixed by the lesson
-*   factor  x² + (a+b)x + ab is given; find the two side constants a, b
+*   expand  drag x and watch the pieces grow; a and b are fixed by the lesson. A negative a or b is
+*           a subtraction, (x − 3)(x + 2): its strip is drawn cut away, so every length stays positive
+*   factor  x² + (a+b)x + ab is given; find the two side constants a, b (both positive)
+*   terms   (a + b + c)² as a 3 × 3 grid: three squares and three pairs of equal rectangles; drag
+*           each side length
 *
 * Evaluating (x + a)(x + b) and matching a learner's (ga, gb) pair against the given trinomial is
 * the lesson's own authored expression (docs/LAB-MODEL.md §2), the same line `balance-algebra`
 * draws around its `a·x + b`: no stage kernel names "expand two linear binomials".
 */
-const MAX_X = 3.5;
+/** How far x reaches beyond its least value: the expand grip's travel. */
+const X_SPAN = 3;
+const TERM_RANGE = [.5, 4];
+/** A signed term of a sum: `+ 3`, `− 3`. */
+const signed = (k) => k < 0 ? `− ${-k}` : `+ ${k}`;
+/** x² + (a+b)x + ab as a book writes it, zero terms left out. */
+function trinomialText(a, b) {
+	const sum = a + b;
+	const product = a * b;
+	const middle = sum === 0 ? "" : ` ${sum < 0 ? "−" : "+"} ${Math.abs(sum) === 1 ? "" : Math.abs(sum)}x`;
+	const end = product === 0 ? "" : ` ${signed(product)}`;
+	return `x²${middle}${end}`;
+}
+/** (x + a)(x + b) as a book writes it: (x − 3)(x + 2). */
+const productText = (a, b) => `(x ${signed(a)})(x ${signed(b)})`;
+const term = z.number().positive().max(TERM_RANGE[1]);
 const areaModelModel = defineLabModel({
 	id: "area-model",
 	params: z.object({
-		a: z.number().int().min(0).max(12).default(3).describe("first side constant"),
-		b: z.number().int().min(0).max(12).default(2).describe("second side constant"),
-		mode: z.enum(["expand", "factor"]).default("expand").describe("expand: drag x; factor: find a and b")
+		a: z.number().int().min(-12).max(12).default(3).describe("first side constant: the side is x + a; negative is x − |a| (expand only)"),
+		b: z.number().int().min(-12).max(12).default(2).describe("second side constant: the side is x + b; negative is x − |b| (expand only)"),
+		mode: z.enum(["expand", "factor"]).default("expand").describe("expand: drag x; factor: find a and b"),
+		terms: z.tuple([
+			term,
+			term,
+			term
+		]).optional().describe("(a + b + c)²: the three side lengths (0.5 to 4), drawn as a 3 × 3 grid; replaces the x picture (expand only)")
 	}),
 	resolve(p) {
+		if (p.mode === "factor" && (p.a < 0 || p.b < 0)) return refuse("factor-positive", "factor mode finds two positive side constants: give a and b of 0 or more.", { prop: p.a < 0 ? "a" : "b" });
+		if (p.mode === "factor" && p.terms) return refuse("terms-expand-only", "terms draws (a + b + c)² to explore; it has no factor mode.", { prop: "terms" });
+		const xMin = Math.max(0, -p.a, -p.b) + .5;
 		return {
 			...p,
 			sum: p.a + p.b,
-			product: p.a * p.b
+			product: p.a * p.b,
+			xMin,
+			xMax: xMin + X_SPAN,
+			view: p.terms ? "terms" : p.mode
 		};
 	},
-	initial: () => ({
-		x: 2,
+	initial: (s) => ({
+		x: Math.min(s.xMax, s.xMin + 1.5),
 		ga: 1,
 		gb: 1,
-		touched: false
+		touched: false,
+		lengths: [...s.terms ?? [
+			2,
+			1.5,
+			1
+		]]
 	}),
-	controls: (c) => ({
-		x: c.number({
-			label: "Side length x",
+	controls: (c) => {
+		/** terms: side length i of (a + b + c)², dragged on the grid's top edge. */
+		const length = (i) => c.number({
+			label: `Length ${"abc"[i]}`,
 			step: .25,
-			range: () => [.5, MAX_X],
-			get: (st) => st.x,
-			set: (st, v) => ({
-				...st,
-				x: v
+			range: () => TERM_RANGE,
+			get: (st) => st.lengths[i],
+			set: (st, v) => {
+				const lengths = [...st.lengths];
+				lengths[i] = v;
+				return {
+					...st,
+					lengths
+				};
+			},
+			when: (s) => s.view === "terms"
+		});
+		return {
+			x: c.number({
+				label: "Side length x",
+				step: .25,
+				range: (s) => [s.xMin, s.xMax],
+				get: (st) => st.x,
+				set: (st, v) => ({
+					...st,
+					x: v
+				}),
+				when: (s) => s.view === "expand"
 			}),
-			when: (s) => s.mode === "expand"
-		}),
-		ga: c.number({
-			label: "a",
-			step: 1,
-			range: () => [0, 12],
-			get: (st) => st.ga,
-			set: (st, v) => ({
-				...st,
-				ga: v,
-				touched: true
+			ga: c.number({
+				label: "a",
+				step: 1,
+				range: () => [0, 12],
+				get: (st) => st.ga,
+				set: (st, v) => ({
+					...st,
+					ga: v,
+					touched: true
+				}),
+				when: (s) => s.view === "factor"
 			}),
-			when: (s) => s.mode === "factor"
-		}),
-		gb: c.number({
-			label: "b",
-			step: 1,
-			range: () => [0, 12],
-			get: (st) => st.gb,
-			set: (st, v) => ({
-				...st,
-				gb: v,
-				touched: true
+			gb: c.number({
+				label: "b",
+				step: 1,
+				range: () => [0, 12],
+				get: (st) => st.gb,
+				set: (st, v) => ({
+					...st,
+					gb: v,
+					touched: true
+				}),
+				when: (s) => s.view === "factor"
 			}),
-			when: (s) => s.mode === "factor"
-		})
-	}),
+			ta: length(0),
+			tb: length(1),
+			tc: length(2)
+		};
+	},
 	read(s, st) {
-		const area = (st.x + s.a) * (st.x + s.b);
-		const trinomial = `x² + ${st.ga + st.gb}x + ${st.ga * st.gb}`;
+		const [la, lb, lc] = st.lengths;
+		const area = s.view === "terms" ? (la + lb + lc) ** 2 : (st.x + s.a) * (st.x + s.b);
+		const trinomial = trinomialText(st.ga, st.gb);
 		const solved = s.mode === "factor" && st.touched && st.ga + st.gb === s.sum && st.ga * st.gb === s.product;
+		const pieces = la * la + lb * lb + lc * lc + 2 * (la * lb + lb * lc + lc * la);
 		return {
 			area,
 			trinomial,
-			solved
+			solved,
+			pieces
 		};
 	},
 	goals: { solved: (r, _st, s) => s.mode === "expand" || r.solved },
 	witness: (s) => ({
-		x: 2,
-		ga: s.a,
-		gb: s.b,
-		touched: true
+		x: Math.min(s.xMax, s.xMin + 1.5),
+		ga: Math.max(0, s.a),
+		gb: Math.max(0, s.b),
+		touched: true,
+		lengths: [...s.terms ?? [
+			2,
+			1.5,
+			1
+		]]
 	}),
-	describe: (s, st, r) => s.mode === "factor" ? `Trying a = ${st.ga}, b = ${st.gb}: ${r.trinomial}.${r.solved ? " That matches." : ""}` : `x is ${st.x}; total area is ${r.area.toFixed(2)}.`
+	describe: (s, st, r) => s.view === "terms" ? `Sides ${st.lengths.join(", ")}: nine pieces, total area ${r.area.toFixed(2)}.` : s.mode === "factor" ? `Trying a = ${st.ga}, b = ${st.gb}: ${r.trinomial}.${r.solved ? " That matches." : ""}` : `x is ${st.x}; ${productText(s.a, s.b)} has area ${r.area.toFixed(2)}.`
 });
 
 //#endregion
-export { areaModelModel };
+export { areaModelModel, productText, trinomialText };

package/dist/domains/math/algebra/area-model/runtime.mjs

@@ -2,7 +2,7 @@
 
 import { useLab } from "../../../../runtime/use-lab.mjs";
 import { AuthoredActivityRuntime } from "../../../../kit/authored-activity-runtime.mjs";
-import { areaModelModel } from "./model.mjs";
+import { areaModelModel, productText, trinomialText } from "./model.mjs";
 import { areaModelActivity } from "./activity.mjs";
 import { AreaModelScene } from "./scene.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -16,8 +16,8 @@ function AreaModel(props) {
 		className: "math-area-model-activity",
 		layout: "stack",
 		sceneLabel: "Area model",
-		status: ({ reading, scenario }) => scenario.mode === "factor" ? /* @__PURE__ */ jsx("span", { children: reading.trinomial }) : /* @__PURE__ */ jsxs("span", { children: ["area ", reading.area.toFixed(2)] }),
-		observation: ({ scenario }) => scenario.mode === "factor" ? `The two numbers you choose must add to ${scenario.sum} and multiply to ${scenario.product}.` : `The two strips grow with x and always make ${scenario.a}x + ${scenario.b}x = ${scenario.sum}x. The corner never changes: ${scenario.a} × ${scenario.b} = ${scenario.product}.`,
+		status: ({ reading, scenario }) => scenario.view === "factor" ? /* @__PURE__ */ jsx("span", { children: reading.trinomial }) : /* @__PURE__ */ jsxs("span", { children: ["area ", reading.area.toFixed(2)] }),
+		observation: ({ scenario }) => scenario.view === "terms" ? "Three squares on the diagonal, and every other piece has an equal twin across it: that twin is the 2 in 2ab, 2bc and 2ca." : scenario.view === "factor" ? `The two numbers you choose must add to ${scenario.sum} and multiply to ${scenario.product}.` : scenario.a < 0 || scenario.b < 0 ? `${productText(scenario.a, scenario.b)} = ${trinomialText(scenario.a, scenario.b)}. Every length stays positive: the hatched strip is cut away, so its area is taken off.${scenario.a < 0 && scenario.b < 0 ? " The corner is cut twice, so it is added back once." : ""}` : `The two strips grow with x and always make ${scenario.a}x + ${scenario.b}x = ${scenario.sum}x. The corner never changes: ${scenario.a} × ${scenario.b} = ${scenario.product}.`,
 		children: /* @__PURE__ */ jsx(AreaModelScene, {})
 	});
 }

package/dist/domains/math/algebra/area-model/scene.mjs

@@ -4,7 +4,7 @@ import { useControl } from "../../../../runtime/use-control.mjs";
 import { useLabView } from "../../../../runtime/use-lab-view.mjs";
 import { useReveal } from "../../../../runtime/use-reveal.mjs";
 import { AlgebraAreaTiles } from "../../../../kit/math/algebra-area-tiles.mjs";
-import "../../../../kit/math/index.mjs";
+import { SquareOfSumGrid } from "../../../../kit/math/square-of-sum-grid.mjs";
 import { areaModelModel } from "./model.mjs";
 import { jsx } from "react/jsx-runtime";
 
@@ -15,6 +15,33 @@ function AreaModelScene() {
 	const x = useControl(areaModelModel, "x");
 	const ga = useControl(areaModelModel, "ga");
 	const gb = useControl(areaModelModel, "gb");
+	const ta = useControl(areaModelModel, "ta");
+	const tb = useControl(areaModelModel, "tb");
+	const tc = useControl(areaModelModel, "tc");
+	if (scenario.view === "terms") {
+		return /* @__PURE__ */ jsx(SquareOfSumGrid, {
+			terms: [
+				{
+					label: "a",
+					length: ta.value
+				},
+				{
+					label: "b",
+					length: tb.value
+				},
+				{
+					label: "c",
+					length: tc.value
+				}
+			],
+			labelled,
+			controls: [
+				ta,
+				tb,
+				tc
+			]
+		});
+	}
 	if (scenario.mode === "factor") {
 		return /* @__PURE__ */ jsx(AlgebraAreaTiles, {
 			a: ga.value,

package/dist/domains/math/algebra/balance-algebra/scene.mjs

@@ -3,7 +3,6 @@
 import { useControl } from "../../../../runtime/use-control.mjs";
 import { useLabView } from "../../../../runtime/use-lab-view.mjs";
 import { AlgebraBalance } from "../../../../kit/math/algebra-balance.mjs";
-import "../../../../kit/math/index.mjs";
 import { balanceModel } from "./model.mjs";
 import { jsx } from "react/jsx-runtime";
 

package/dist/domains/math/algebra/discriminant-radar/manifest.mjs

@@ -10,6 +10,18 @@ var manifest_default = defineLab({
 	title: "Where does the curve start to touch?",
 	description: "A family of curves y = P(x, k) beside a radar strip of D(k). Pin the values of k where the curve starts or stops touching before the radar is drawn, then sweep k and choose the range; exact critical values from the polynomial engine, including surds and excluded degenerate k.",
 	model: discriminantRadarModel,
+	qualityEvidence: {
+		"interaction-test": {
+			status: "verified",
+			reference: "tests/domains/math/discriminant-radar/model.test.ts",
+			note: "Headless pin writes, commitment progress, round selection and refusals; completion is not proof of correct pin placement."
+		},
+		"authoring-variation": {
+			status: "verified",
+			reference: "tests/domains/math/discriminant-radar/model.test.ts",
+			note: "An authored transfer adds a second model case; this does not certify the complete transfer learning journey."
+		}
+	},
 	examples: [
 		{
 			name: "default",

package/dist/domains/math/algebra/discriminant-radar/scene.mjs

@@ -2,17 +2,16 @@
 
 import { Tex } from "../../../../core/tex.mjs";
 import { GripLock, lockOf } from "../../../../kit/figure/grip.mjs";
-import { useShell } from "../../../../kit/shell/context.mjs";
+import { useShellMeta } from "../../../../kit/shell/context.mjs";
 import { useControl } from "../../../../runtime/use-control.mjs";
 import { useLabView } from "../../../../runtime/use-lab-view.mjs";
 import { CoordPlane, dotZone } from "../../../../kit/coords.mjs";
 import { MathRailInterval, MathRailPin } from "../../../../kit/math/math-rail.mjs";
-import "../../../../kit/math/index.mjs";
 import { clippedRuns } from "../../../../math/poly/model.mjs";
 import { meetingsAt } from "./engine.mjs";
 import { activeRoundOf, discriminantRadarModel, setId } from "./model.mjs";
-import { Dot, Label, Polyline, Segment } from "@classytic/stage";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Dot, Label, Polyline, Segment } from "@classytic/stage/primitives";
 
 //#region src/domains/math/algebra/discriminant-radar/scene.tsx
 const fmtK = (v) => String(Math.round(v * 100) / 100).replace("-", "−");
@@ -25,8 +24,8 @@ const tidyStep = (raw) => {
 *  while exploring (default: the last one). */
 function useActiveRound(nCases) {
 	const { state } = useLabView(discriminantRadarModel);
-	const shell = useShell();
-	return activeRoundOf(shell.meta.sequence.current.id, state.pick, nCases);
+	const meta = useShellMeta();
+	return activeRoundOf(meta.sequence.current.id, state.pick, nCases);
 }
 /**
 * Has round `r`'s set question already been passed (right or wrong), or are we simply exploring?
@@ -35,7 +34,7 @@ function useActiveRound(nCases) {
 * step means it is answered the instant its gate opens (`canAdvance`), before Continue is pressed.
 */
 function useRoundAnswered(r) {
-	const sequence = useShell().meta.sequence;
+	const sequence = useShellMeta().sequence;
 	if (sequence.current.id === "explore") return true;
 	if (sequence.current.id === setId(r)) return sequence.canAdvance;
 	return sequence.history.includes(setId(r));

package/dist/domains/math/algebra/distribute-strip/scene.mjs

@@ -3,7 +3,6 @@
 import { FigText } from "../../../../kit/figure/text.mjs";
 import { Figure, HUE, STROKE, alpha } from "../../../../kit/figure/figure.mjs";
 import { GripSlider } from "../../../../kit/figure/grip.mjs";
-import "../../../../kit/figure/index.mjs";
 import { useControl } from "../../../../runtime/use-control.mjs";
 import { useLabView } from "../../../../runtime/use-lab-view.mjs";
 import { distributeStripModel } from "./model.mjs";

package/dist/domains/math/algebra/fraction-cancellation/scene.mjs

@@ -2,15 +2,13 @@
 
 import { Tex } from "../../../../core/tex.mjs";
 import { FigText } from "../../../../kit/figure/text.mjs";
+import { SCENE } from "../../../../kit/scene/tokens.mjs";
 import { Figure, HUE, STROKE } from "../../../../kit/figure/figure.mjs";
 import { ControlButton } from "../../../../kit/controls.mjs";
-import { Cluster, Stack } from "../../../../kit/layout.mjs";
-import { FigureColumn } from "../../../../kit/figure/column.mjs";
-import { SCENE } from "../../../../kit/scene/tokens.mjs";
-import "../../../../kit/scene/index.mjs";
-import "../../../../kit/figure/index.mjs";
 import { useControl } from "../../../../runtime/use-control.mjs";
 import { useLabView } from "../../../../runtime/use-lab-view.mjs";
+import { Cluster, Stack } from "../../../../kit/layout.mjs";
+import { FigureColumn } from "../../../../kit/figure/column.mjs";
 import { DiscreteTile } from "../../../../kit/discrete/tile.mjs";
 import { fractionCancellationModel } from "./model.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/domains/math/algebra/inequality-line/scene.mjs

@@ -1,13 +1,14 @@
 'use client';
 
 import { STROKE } from "../../../../kit/figure/figure.mjs";
-import "../../../../kit/figure/index.mjs";
 import { useControl } from "../../../../runtime/use-control.mjs";
 import { useLabView } from "../../../../runtime/use-lab-view.mjs";
-import { MovableDot as MovableDot$1 } from "../../../../kit/movable-dot.mjs";
+import { MovableDot } from "../../../../kit/movable-dot.mjs";
 import { inequalityLineModel } from "./model.mjs";
-import { Label, Segment, Stage, useCoords } from "@classytic/stage";
+import { useCoords } from "@classytic/stage/core";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Stage } from "@classytic/stage/view";
+import { Label, Segment } from "@classytic/stage/primitives";
 
 //#region src/domains/math/algebra/inequality-line/scene.tsx
 function Circle$1({ at, filled, color }) {
@@ -100,7 +101,7 @@ function InequalityLineScene() {
 				filled: s.upperInclusive,
 				color: "var(--stage-good)"
 			}),
-			/* @__PURE__ */ jsx(MovableDot$1, {
+			/* @__PURE__ */ jsx(MovableDot, {
 				control: point,
 				toPoint: (value) => ({
 					x: value,

package/dist/domains/math/algebra/inequality-solver/scene.mjs

@@ -5,8 +5,9 @@ import { Stat, StatList } from "../../../../kit/frame.mjs";
 import { useLabView } from "../../../../runtime/use-lab-view.mjs";
 import { CoordPlane, num } from "../../../../kit/coords.mjs";
 import { inequalitySolverModel } from "./model.mjs";
-import { Dot, Label, Polyline, Segment, Stage } from "@classytic/stage";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Stage } from "@classytic/stage/view";
+import { Dot, Label, Polyline, Segment } from "@classytic/stage/primitives";
 
 //#region src/domains/math/algebra/inequality-solver/scene.tsx
 const C_CURVE = "var(--stage-fg)";

package/dist/domains/math/algebra/linear-system/scene.mjs

@@ -3,10 +3,11 @@
 import { clamp } from "../../../../core/util.mjs";
 import { useControl } from "../../../../runtime/use-control.mjs";
 import { useLabView } from "../../../../runtime/use-lab-view.mjs";
-import { MovableDot as MovableDot$1 } from "../../../../kit/movable-dot.mjs";
+import { MovableDot } from "../../../../kit/movable-dot.mjs";
 import { eqText, linearSystemModel } from "./model.mjs";
-import { Axes, Dot, Grid, Label, Plot, Stage } from "@classytic/stage";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Stage } from "@classytic/stage/view";
+import { Axes, Dot, Grid, Label, Plot } from "@classytic/stage/primitives";
 
 //#region src/domains/math/algebra/linear-system/scene.tsx
 const COL_A = "var(--stage-accent)";
@@ -82,7 +83,7 @@ function LinearSystemScene() {
 				color: "var(--stage-good)",
 				opacity: .3
 			}) : null,
-			/* @__PURE__ */ jsx(MovableDot$1, {
+			/* @__PURE__ */ jsx(MovableDot, {
 				control: guess,
 				keyboardStep: {
 					x: .5,