@classytic/labs 0.1.0 → 0.2.0

package/dist/physics/temperature-scales/preset.mjs

@@ -5,24 +5,24 @@ import { Chip, Slider } from "../../kit/controls.mjs";
 import { Callout, ControlBar, Field, LabFrame } from "../../kit/frame.mjs";
 import { thermalColor } from "../../kit/thermal.mjs";
 import { useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/physics/temperature-scales/preset.tsx
 /**
-* TemperatureScalesLab — one temperature, three rulers. A single mercury column is
+* TemperatureScalesLab, one temperature, three rulers. A single mercury column is
 * read off the Celsius, Fahrenheit and Kelvin scales side by side, so you SEE that
 * they're the same physical thing measured with differently-placed zeros and
 * differently-sized degrees:
 *
-*   • Celsius    — 0 at water's freezing point, 100 at its boiling point
-*   • Fahrenheit — F = (9/5)C + 32  (smaller degrees, offset zero)
-*   • Kelvin     — K = C + 273.15, starting at ABSOLUTE ZERO, where molecular
-*     motion stops — so Kelvin never goes negative (that's why science uses it)
+*   • Celsius   , 0 at water's freezing point, 100 at its boiling point
+*   • Fahrenheit, F = (9/5)C + 32  (smaller degrees, offset zero)
+*   • Kelvin    , K = C + 273.15, starting at ABSOLUTE ZERO, where molecular
+*     motion stops, so Kelvin never goes negative (that's why science uses it)
 *
 * Drag the temperature or jump to a fixed point; all three readouts and the marked
 * fixed-point lines update together. Interactive, no simulation. Pure SVG, themed.
 */
-const W = 552, H = 430;
+const W = 470, H = 430;
 const C_MIN = -273.15, C_MAX = 120;
 const Y_TOP = 60, Y_BOT = 352;
 const TX = 96;
@@ -31,25 +31,25 @@ const toK = (c) => c + 273.15;
 const yOf = (c) => Y_BOT - (c - C_MIN) / (C_MAX - C_MIN) * (Y_BOT - Y_TOP);
 const COLS = [
 	{
-		x: 190,
+		x: 200,
 		name: "°C",
 		val: (c) => c,
 		unit: "°"
 	},
 	{
-		x: 292,
+		x: 308,
 		name: "°F",
 		val: toF,
 		unit: "°"
 	},
 	{
-		x: 394,
+		x: 410,
 		name: "K",
 		val: toK,
 		unit: ""
 	}
 ];
-const LINE_X0 = 152, LINE_X1 = 448, READOUT_X = 502;
+const LINE_X0 = 152, LINE_X1 = 440;
 const FIXED = [
 	{
 		c: -273.15,
@@ -94,10 +94,10 @@ const PRESETS = [
 		label: "boiling"
 	}
 ];
-function TemperatureScalesLab({ title = "Temperature scales — one heat, three rulers", prompt = "Celsius, Fahrenheit and Kelvin measure the same temperature with different zeros and degree sizes. Drag it and watch all three — and see why Kelvin starts at absolute zero.", objectives = [
+function TemperatureScalesLab({ title = "Temperature scales: one heat, three rulers", prompt = "Celsius, Fahrenheit and Kelvin measure the same temperature with different zeros and degree sizes. Drag it and watch all three, and see why Kelvin starts at absolute zero.", objectives = [
 	"Convert between °C, °F and K: F = 9⁄5·C + 32, K = C + 273.15",
 	"Place the fixed points (freezing 0/32/273, boiling 100/212/373)",
-	"Explain why Kelvin is absolute — it starts where motion stops, so it’s never negative"
+	"Explain why Kelvin is absolute, it starts where motion stops, so it’s never negative"
 ] } = {}) {
 	const [c, setC] = useState(25);
 	const f = toF(c), k = toK(c);
@@ -199,124 +199,113 @@ function TemperatureScalesLab({ title = "Temperature scales — one heat, three
 					stroke: col,
 					strokeWidth: 2
 				}),
-				/* @__PURE__ */ jsx("circle", {
-					cx: LINE_X1,
-					cy: yC,
-					r: 3.5,
-					fill: col
-				}),
-				/* @__PURE__ */ jsxs("g", {
-					transform: `translate(${READOUT_X}, ${yC})`,
-					children: [
-						/* @__PURE__ */ jsx("rect", {
-							x: -46,
-							y: -33,
-							width: 92,
-							height: 66,
-							rx: 10,
-							fill: "var(--stage-bg)",
-							stroke: col,
-							strokeWidth: 2
-						}),
-						/* @__PURE__ */ jsxs("text", {
-							x: 0,
-							y: -12,
-							textAnchor: "middle",
-							fontSize: 15,
-							fontWeight: 800,
-							fill: "var(--stage-fg)",
-							style: { fontVariantNumeric: "tabular-nums" },
-							children: [Math.round(c), " °C"]
-						}),
-						/* @__PURE__ */ jsxs("text", {
-							x: 0,
-							y: 7,
-							textAnchor: "middle",
-							fontSize: 12.5,
-							fontWeight: 700,
-							fill: "var(--stage-muted)",
-							style: { fontVariantNumeric: "tabular-nums" },
-							children: [Math.round(f), " °F"]
-						}),
-						/* @__PURE__ */ jsxs("text", {
-							x: 0,
-							y: 24,
-							textAnchor: "middle",
-							fontSize: 12.5,
-							fontWeight: 700,
-							fill: "var(--stage-muted)",
-							style: { fontVariantNumeric: "tabular-nums" },
-							children: [Math.round(k), " K"]
-						})
-					]
+				COLS.map((co) => {
+					const v = Math.round(co.val(c));
+					return /* @__PURE__ */ jsxs("g", { children: [/* @__PURE__ */ jsx("rect", {
+						x: co.x - 25,
+						y: yC - 12,
+						width: 50,
+						height: 24,
+						rx: 7,
+						fill: "var(--stage-bg)",
+						stroke: col,
+						strokeWidth: 2
+					}), /* @__PURE__ */ jsxs("text", {
+						x: co.x,
+						y: yC + 4,
+						textAnchor: "middle",
+						fontSize: 12.5,
+						fontWeight: 800,
+						fill: "var(--stage-fg)",
+						style: { fontVariantNumeric: "tabular-nums" },
+						children: [v, co.unit]
+					})] }, `live-${co.name}`);
 				})
 			]
 		})
 	});
 	const near = FIXED.reduce((a, b) => Math.abs(b.c - c) < Math.abs(a.c - c) ? b : a);
+	const atFixed = Math.abs(near.c - c) < 1;
 	return /* @__PURE__ */ jsx(LabFrame, {
 		title,
 		prompt,
 		objectives,
-		aside: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Callout, {
+		aside: /* @__PURE__ */ jsx(Callout, {
 			tone: "result",
-			children: /* @__PURE__ */ jsxs("span", {
+			children: /* @__PURE__ */ jsxs("div", {
 				style: {
 					display: "grid",
-					gap: 2,
-					fontVariantNumeric: "tabular-nums",
-					fontWeight: 800
+					gap: 12
 				},
-				children: [/* @__PURE__ */ jsxs("span", {
-					style: { fontSize: 17 },
-					children: [c.toFixed(1), " °C"]
-				}), /* @__PURE__ */ jsxs("span", { children: [
-					f.toFixed(1),
-					" °F · ",
-					k.toFixed(1),
-					" K"
-				] })]
-			})
-		}), /* @__PURE__ */ jsxs("div", {
-			style: {
-				display: "grid",
-				gap: 8,
-				padding: "8px 2px 0",
-				fontSize: 13
-			},
-			children: [
-				/* @__PURE__ */ jsx(Tex, {
-					tex: "F = \\tfrac{9}{5}\\,C + 32",
-					block: true
-				}),
-				/* @__PURE__ */ jsx(Tex, {
-					tex: "K = C + 273.15",
-					block: true
-				}),
-				/* @__PURE__ */ jsx(Callout, {
-					tone: "info",
-					children: /* @__PURE__ */ jsxs("span", { children: [
-						/* @__PURE__ */ jsx("strong", {
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						style: {
+							display: "grid",
+							gap: 2,
+							fontVariantNumeric: "tabular-nums"
+						},
+						children: [
+							/* @__PURE__ */ jsxs("span", {
+								style: {
+									fontSize: 22,
+									fontWeight: 800
+								},
+								children: [c.toFixed(1), " °C"]
+							}),
+							/* @__PURE__ */ jsxs("span", {
+								style: {
+									fontWeight: 700,
+									color: "var(--stage-muted)"
+								},
+								children: [
+									f.toFixed(1),
+									" °F · ",
+									k.toFixed(1),
+									" K"
+								]
+							}),
+							atFixed && /* @__PURE__ */ jsxs("span", {
+								style: {
+									color: "var(--stage-good)",
+									fontWeight: 700,
+									fontSize: 12
+								},
+								children: ["📍 ", near.label]
+							})
+						]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						style: {
+							display: "grid",
+							gap: 6,
+							padding: "10px 12px",
+							borderRadius: 10,
+							background: "color-mix(in oklab, var(--stage-fg) 5%, transparent)",
+							fontSize: 13
+						},
+						children: [/* @__PURE__ */ jsx(Tex, {
+							tex: "F = \\tfrac{9}{5}\\,C + 32",
+							block: true
+						}), /* @__PURE__ */ jsx(Tex, {
+							tex: "K = C + 273.15",
+							block: true
+						})]
+					}),
+					/* @__PURE__ */ jsxs("p", {
+						style: {
+							margin: 0,
+							fontSize: 12.5,
+							lineHeight: 1.5,
+							color: "var(--stage-muted)"
+						},
+						children: [/* @__PURE__ */ jsx("strong", {
 							style: { color: "var(--stage-fg)" },
 							children: "Why Kelvin?"
-						}),
-						" It starts at ",
-						/* @__PURE__ */ jsx("strong", {
-							style: { color: "var(--stage-fg)" },
-							children: "absolute zero"
-						}),
-						" (−273.15 °C), the coldest possible — molecules stop moving. So K is never negative, and doubling it really doubles the energy. C and F just put their zeros at handy everyday points."
-					] })
-				}),
-				Math.abs(near.c - c) < 1 && /* @__PURE__ */ jsxs("span", {
-					style: {
-						color: "var(--stage-good)",
-						fontWeight: 700
-					},
-					children: ["📍 at ", near.label]
-				})
-			]
-		})] }),
+						}), " It starts at absolute zero (−273.15 °C), where molecules stop moving, so K is never negative and doubling it really doubles the energy. C and F just put their zeros at handy everyday points."]
+					})
+				]
+			})
+		}),
 		controls: /* @__PURE__ */ jsxs("div", {
 			style: {
 				display: "grid",

package/dist/physics/terminal-velocity/preset.mjs

@@ -12,11 +12,11 @@ import { Label, Polyline, Segment, Stage, Vector } from "@classytic/stage";
 
 //#region src/physics/terminal-velocity/preset.tsx
 /**
-* TerminalVelocityLab — "The skydiver", why falling things stop speeding up.
+* TerminalVelocityLab, "The skydiver", why falling things stop speeding up.
 *
 * A real fall isn't free fall: air pushes back with a drag that grows with speed
 * (∝ v²). Gravity (mg, constant) wins at first, but as v rises the drag catches
-* up until the two BALANCE — net force zero, acceleration zero, and the speed
+* up until the two BALANCE, net force zero, acceleration zero, and the speed
 * levels off at the terminal velocity:
 *
 *     m·dv/dt = mg − b·v²        ⟹        v(t) = v_t·tanh(g·t / v_t),   v_t = √(mg/b)
@@ -45,7 +45,7 @@ const TERMINAL_CHALLENGE = [{
 		}
 	],
 	answer: "zero",
-	explain: "Drag balances weight, so net force is zero — the speed is constant, not the position."
+	explain: "Drag balances weight, so net force is zero, the speed is constant, not the position."
 }, {
 	id: "when",
 	prompt: "Terminal velocity happens when air resistance…",
@@ -70,7 +70,7 @@ const G = 9.8;
 const WIN = 14;
 const VMAX = 65;
 const CHUTE = 70;
-function TerminalVelocityLab({ mass = 80, drag = .4, parachute = false, title = "The skydiver — why you stop speeding up", prompt = "Air drag grows with speed until it balances gravity; then the net force is zero and the speed levels off at the terminal velocity v_t = √(mg/b). Watch the drag arrow rise to meet the weight, and the v–t curve flatten. Pop the parachute to crash v_t.", objectives, controlConfig }) {
+function TerminalVelocityLab({ mass = 80, drag = .4, parachute = false, title = "The skydiver: why you stop speeding up", prompt = "Air drag grows with speed until it balances gravity; then the net force is zero and the speed levels off at the terminal velocity v_t = √(mg/b). Watch the drag arrow rise to meet the weight, and the v–t curve flatten. Pop the parachute to crash v_t.", objectives, controlConfig }) {
 	const [m, setM] = useState(mass);
 	const [d, setD] = useState(drag);
 	const [chute, setChute] = useState(parachute);
@@ -348,7 +348,7 @@ function TerminalVelocityLab({ mass = 80, drag = .4, parachute = false, title =
 						margin: 0
 					},
 					children: [
-						"At v_t the drag exactly cancels the weight — zero net force, zero acceleration, constant speed. A parachute multiplies the drag, so v_t drops from a deadly ~",
+						"At v_t the drag exactly cancels the weight, zero net force, zero acceleration, constant speed. A parachute multiplies the drag, so v_t drops from a deadly ~",
 						Math.round(Math.sqrt(m * G / d)),
 						" m/s to a soft landing."
 					]

package/dist/physics/thermal/preset.mjs

@@ -12,11 +12,11 @@ import { ETHANOL, ThermalCore, WATER } from "@classytic/stage/sim";
 
 //#region src/physics/thermal/preset.tsx
 /**
-* HeatingCurveLab — pour heat into ice and watch temperature climb in steps.
+* HeatingCurveLab, pour heat into ice and watch temperature climb in steps.
 *
 * The whole heat story in one picture, driven by the shared `thermal` core: a
 * burner heats a beaker (ice → water → steam), a thermometer reads the temperature,
-* and the heating curve draws itself on the right — SLOPED runs where one phase
+* and the heating curve draws itself on the right, SLOPED runs where one phase
 * warms (q = mcΔθ) and FLAT plateaus where it changes phase (q = mL, temperature
 * stuck while the latent heat goes in). The width of each part IS the heat it needs,
 * so water's huge boiling plateau (latent vaporisation ≫ everything) is impossible
@@ -26,7 +26,7 @@ import { ETHANOL, ThermalCore, WATER } from "@classytic/stage/sim";
 const W = 760, H = 440;
 const GX0 = 330, GX1 = 736, GY0 = 38, GY1 = 396;
 const kJ = (j) => `${(j / 1e3).toFixed(j < 1e4 ? 1 : 0)} kJ`;
-function HeatingCurveLab({ substance: sub0 = "water", title = "Heating curve — pour in heat, watch it climb in steps", prompt = "Heat ice until it melts, warms, and boils. Temperature RISES while one phase warms (q = mcΔθ) but stays FLAT during a phase change (q = mL).", objectives = [
+function HeatingCurveLab({ substance: sub0 = "water", title = "Heating curve: pour in heat, watch it climb in steps", prompt = "Heat ice until it melts, warms, and boils. Temperature RISES while one phase warms (q = mcΔθ) but stays FLAT during a phase change (q = mL).", objectives = [
 	"Read a heating curve: sloped = warming, flat = changing phase",
 	"Use q = mcΔθ for a temperature change and q = mL for a phase change",
 	"See why water’s boiling plateau is so wide (latent heat ≫ specific heat)"
@@ -288,7 +288,7 @@ function HeatingCurveLab({ substance: sub0 = "water", title = "Heating curve —
 								},
 								children: "sloped"
 							}),
-							" — warming one phase: ",
+							", warming one phase: ",
 							/* @__PURE__ */ jsx(Tex, { tex: "q = mc\\,\\Delta\\theta" })
 						] }), /* @__PURE__ */ jsxs("span", { children: [
 							/* @__PURE__ */ jsx("span", {
@@ -298,7 +298,7 @@ function HeatingCurveLab({ substance: sub0 = "water", title = "Heating curve —
 								},
 								children: "flat"
 							}),
-							" — phase change: ",
+							", phase change: ",
 							/* @__PURE__ */ jsx(Tex, { tex: "q = mL" })
 						] })]
 					})

package/dist/physics/vector-board/preset.mjs

@@ -11,16 +11,16 @@ import { Axes, Label, MovableDot, Segment, Stage, Vector, vec } from "@classytic
 
 //#region src/physics/vector-board/preset.tsx
 /**
-* VectorBoard — the GENERAL, authorable vector lab (CAIE/IGCSE).
+* VectorBoard, the GENERAL, authorable vector lab (CAIE/IGCSE).
 *
 * A creator declares vectors (tail, components, colour, label, draggable) + how
 * to combine them (`sum` → resultant, tip-to-tail / parallelogram; `diff` →
 * relative velocity, the rain / "V_RC = V_C − V_A" case) + an optional
 * drag-to-match goal. From this one board: resultant addition, component
-* resolution, river-crossing, walking-home, relative-velocity — all as DATA.
+* resolution, river-crossing, walking-home, relative-velocity, all as DATA.
 *
 * Built entirely on @classytic/stage primitives (Vector, MovableDot, Axes, vec
-* math, useLearner) + the shared LabeledVector / AngleArc helpers — nothing
+* math, useLearner) + the shared LabeledVector / AngleArc helpers, nothing
 * reinvented. Drag a head, watch the resultant + angle update; land it on the
 * target to solve.
 */
@@ -34,8 +34,8 @@ const PALETTE = [
 	"var(--stage-good)"
 ];
 /**
-* Frame the board to everything that matters — origin, every arrow tip, the
-* resultant, and the goal — with padding, snapped to integers for clean axes.
+* Frame the board to everything that matters, origin, every arrow tip, the
+* resultant, and the goal, with padding, snapped to integers for clean axes.
 * Computed from the AUTHORED vectors (not live drag state) so the view stays put
 * while the learner drags, and the resultant can never shoot off-frame.
 */
@@ -90,7 +90,7 @@ function VectorBoardLab({ view: viewProp, vectors, combine = "sum", resultantLab
 	const resDeg = resultant ? Math.round(toDeg(vec.angle(resultant))) : 0;
 	const resColor = solved ? "var(--stage-good)" : resultantColor;
 	const showResultant = !!resultant && !(combine === "sum" && vectors.length === 1);
-	const misconception = goal && !solved && resultant && Math.abs(vec.mag(resultant) - vec.mag(goal.match)) < tol ? "Right length — now fix the direction (rotate it onto the target)." : void 0;
+	const misconception = goal && !solved && resultant && Math.abs(vec.mag(resultant) - vec.mag(goal.match)) < tol ? "Right length, now fix the direction (rotate it onto the target)." : void 0;
 	const figure = /* @__PURE__ */ jsxs(Stage, {
 		view,
 		height,
@@ -230,6 +230,7 @@ function VectorBoardLab({ view: viewProp, vectors, combine = "sum", resultantLab
 					min: Math.min(view.xMin, view.yMin),
 					max: Math.max(view.xMax, view.yMax)
 				},
+				snap: snap || 1,
 				color: v.color ?? PALETTE[i % PALETTE.length],
 				ariaLabel: `${v.label ?? "vector"} head`
 			}, `d${v.id ?? i}`) : null)

package/dist/physics/vector-scene.mjs

@@ -9,7 +9,7 @@ import { Axes, Dot, Grid, MovableDot, Stage } from "@classytic/stage";
 
 //#region src/physics/vector-scene.tsx
 /**
-* VectorScene — a GENERAL vector-algebra board (not one problem), now on the
+* VectorScene, a GENERAL vector-algebra board (not one problem), now on the
 * @classytic/stage engine (SVG arrows, draggable tips, accessible).
 *
 * A creator declares named vectors; some are draggable (drag the tip to set
@@ -201,7 +201,7 @@ function VectorScene({ vectors, view, title = "Vectors", height = 340 } = {}) {
 	}) : void 0;
 	return /* @__PURE__ */ jsx(LabFrame, {
 		title,
-		prompt: draggables.length > 0 ? "Drag a vector’s tip to change it — sums and components update live." : void 0,
+		prompt: draggables.length > 0 ? "Drag a vector’s tip to change it, sums and components update live." : void 0,
 		aside,
 		children: figure
 	});

package/dist/physics/vector-types/preset.mjs

@@ -1,19 +1,20 @@
 'use client';
 
 import { LabFrame } from "../../kit/frame.mjs";
+import { ChallengeCard, useChallenge, useCheckpoint } from "../../kit/pedagogy.mjs";
 import { Fragment } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Dot, Label, Stage, Vector } from "@classytic/stage";
 
 //#region src/physics/vector-types/preset.tsx
 /**
-* VectorTypes — a labeled reference figure for the vectors chapter opener:
+* VectorTypes, a labeled reference figure for the vectors chapter opener:
 * equal, negative, null, unit, parallel, position. These are DEFINITIONAL
 * (no manipulation builds intuition here), so per the engine's video-vs-
 * interactive rule it's a clean figure, not a puzzle. Data-driven: a creator
 * can pass their own panels; the default is the standard CAIE/IGCSE set.
 *
-* Reuses @classytic/stage `Vector`/`Dot`/`Label` — one mini <Stage> per panel.
+* Reuses @classytic/stage `Vector`/`Dot`/`Label`, one mini <Stage> per panel.
 */
 const A = "var(--stage-accent)";
 const A2 = "var(--stage-accent-2)";
@@ -77,7 +78,7 @@ const DEFAULT_TYPES = [
 	},
 	{
 		name: "Unit (â)",
-		caption: "Magnitude 1 — direction only.",
+		caption: "Magnitude 1: direction only.",
 		vectors: [{
 			comp: {
 				x: 1,
@@ -178,9 +179,42 @@ function Panel({ p }) {
 		]
 	});
 }
+const CHALLENGE = [{
+	id: "vector-vs-scalar",
+	prompt: "Which of these is a VECTOR (it has a direction, not just a size)?",
+	choices: [
+		{
+			value: "velocity",
+			label: "Velocity"
+		},
+		{
+			value: "speed",
+			label: "Speed"
+		},
+		{
+			value: "mass",
+			label: "Mass"
+		},
+		{
+			value: "temperature",
+			label: "Temperature"
+		}
+	],
+	answer: "velocity",
+	explain: "Velocity is a vector: it carries a direction (e.g. 5 m/s north). Speed, mass and temperature are scalars: magnitude only."
+}];
 function VectorTypesLab({ types = DEFAULT_TYPES, title = "Types of vectors" }) {
+	const ch = useChallenge(CHALLENGE);
+	useCheckpoint({
+		solved: ch.allCorrect,
+		activity: "vector-types"
+	});
 	return /* @__PURE__ */ jsx(LabFrame, {
 		title,
+		footer: /* @__PURE__ */ jsx(ChallengeCard, {
+			questions: CHALLENGE,
+			state: ch
+		}),
 		children: /* @__PURE__ */ jsx("div", {
 			className: "lang-typegrid",
 			children: types.map((p, i) => /* @__PURE__ */ jsx(Panel, { p }, i))

package/dist/physics/water-density/preset.mjs

@@ -8,14 +8,14 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/physics/water-density/preset.tsx
 /**
-* WaterDensityLab — water's strange, life-saving anomaly. Almost everything gets
+* WaterDensityLab, water's strange, life-saving anomaly. Almost everything gets
 * denser as it cools, but water is DENSEST at about 4 °C; cool it further toward 0
-* and it expands again, and ice is less dense still — so ice floats.
+* and it expands again, and ice is less dense still, so ice floats.
 *
-*   • THE 4 °C ANOMALY — a density–temperature curve that peaks at 4 °C (zoomed in,
+*   • THE 4 °C ANOMALY, a density–temperature curve that peaks at 4 °C (zoomed in,
 *     because the bump is tiny). Drag the temperature and watch the density rise to
 *     a maximum at 4 °C, then fall.
-*   • WHY LAKES FREEZE TOP-DOWN — a lake cross-section: the densest 4 °C water sinks
+*   • WHY LAKES FREEZE TOP-DOWN, a lake cross-section: the densest 4 °C water sinks
 *     to the bottom, colder water sits above it, and ice forms on the surface. The
 *     ice blanket insulates the liquid water below, so fish survive the winter.
 *
@@ -47,9 +47,9 @@ function densityOf(t) {
 	}
 	return SAMPLES[SAMPLES.length - 1][1];
 }
-function WaterDensityLab({ mode: mode0 = "anomaly", title = "Water’s 4 °C anomaly — why ice floats", prompt = "Almost everything shrinks as it cools, but water is densest at 4 °C and expands again toward freezing — so ice floats and lakes freeze from the top down.", objectives = [
+function WaterDensityLab({ mode: mode0 = "anomaly", title = "Water’s 4 °C anomaly: why ice floats", prompt = "Almost everything shrinks as it cools, but water is densest at 4 °C and expands again toward freezing, so ice floats and lakes freeze from the top down.", objectives = [
 	"See water reach maximum density at about 4 °C (not at 0 °C)",
-	"Explain why ice floats — it is LESS dense than liquid water",
+	"Explain why ice floats, it is LESS dense than liquid water",
 	"Explain why a lake freezes top-down, leaving 4 °C water (and fish) below"
 ] } = {}) {
 	const [mode, setMode] = useState(mode0);
@@ -219,7 +219,7 @@ function WaterDensityLab({ mode: mode0 = "anomaly", title = "Water’s 4 °C ano
 							y0: iceBot,
 							y1: 150,
 							t: 0,
-							label: "0 °C — just above freezing"
+							label: "0 °C: just above freezing"
 						},
 						{
 							y0: 150,
@@ -237,7 +237,7 @@ function WaterDensityLab({ mode: mode0 = "anomaly", title = "Water’s 4 °C ano
 							y0: 270,
 							y1: bot,
 							t: 4,
-							label: "4 °C — densest water sinks here"
+							label: "4 °C: densest water sinks here"
 						}
 					].map((b, i) => /* @__PURE__ */ jsxs("g", { children: [/* @__PURE__ */ jsx("rect", {
 						x: lx,
@@ -335,7 +335,7 @@ function WaterDensityLab({ mode: mode0 = "anomaly", title = "Water’s 4 °C ano
 					"at ",
 					tC,
 					" °C",
-					Math.abs(tC - 4) < .6 ? " — maximum!" : ""
+					Math.abs(tC - 4) < .6 ? ", maximum!" : ""
 				]
 			})
 		}), /* @__PURE__ */ jsxs("div", {
@@ -347,7 +347,7 @@ function WaterDensityLab({ mode: mode0 = "anomaly", title = "Water’s 4 °C ano
 				color: "var(--stage-muted)"
 			},
 			children: [/* @__PURE__ */ jsxs("span", { children: [
-				"As liquid water cools it gets denser — but only down to ",
+				"As liquid water cools it gets denser, but only down to ",
 				/* @__PURE__ */ jsx("strong", {
 					style: { color: "var(--stage-fg)" },
 					children: "4 °C"
@@ -364,7 +364,7 @@ function WaterDensityLab({ mode: mode0 = "anomaly", title = "Water’s 4 °C ano
 					style: { color: "var(--stage-fg)" },
 					children: [ICE_RHO, " kg/m³"]
 				}),
-				" — much less than water — which is why it floats."
+				", much less than water, which is why it floats."
 			] })]
 		})] }) : /* @__PURE__ */ jsxs("div", {
 			style: {
@@ -390,7 +390,7 @@ function WaterDensityLab({ mode: mode0 = "anomaly", title = "Water’s 4 °C ano
 					style: { color: "var(--stage-fg)" },
 					children: "insulates"
 				}),
-				" the water beneath, so the lake never freezes solid — and the fish survive at 4 °C. If water were \"normal\", lakes would freeze bottom-up and kill everything."
+				" the water beneath, so the lake never freezes solid, and the fish survive at 4 °C. If water were \"normal\", lakes would freeze bottom-up and kill everything."
 			] })]
 		}),
 		controls: /* @__PURE__ */ jsxs("div", {

package/dist/physics/waves/doppler.mjs

@@ -12,11 +12,11 @@ import { CanvasLayer, useControlSurface } from "@classytic/stage";
 
 //#region src/physics/waves/doppler.tsx
 /**
-* DopplerLab — why a passing siren drops in pitch. A source glides across the tank
+* DopplerLab, why a passing siren drops in pitch. A source glides across the tank
 * emitting wavefronts at a steady rate; because it CHASES its own waves, the fronts
 * bunch up ahead (shorter λ → higher pitch) and spread out behind (longer λ → lower
 * pitch). Crank the speed past the wave speed (Mach > 1) and the fronts pile into a
-* shock CONE — the sonic boom. A fixed listener hears the classic high→low sweep as
+* shock CONE, the sonic boom. A fixed listener hears the classic high→low sweep as
 * the source approaches then recedes; 🔊 plays that Doppler-shifted tone for real.
 *
 *   f_observed = f_source · c / (c − v_radial)

package/dist/physics/waves/preset.mjs

@@ -12,12 +12,12 @@ import { CanvasLayer, useControlSurface, useFrameLoop } from "@classytic/stage";
 
 //#region src/physics/waves/preset.tsx
 /**
-* WaveLab — one playground for the whole of waves, animated on <CanvasLayer>.
-*   • travelling — a wave you SHAPE (amplitude, wavelength, frequency); v = fλ falls
+* WaveLab, one playground for the whole of waves, animated on <CanvasLayer>.
+*   • travelling, a wave you SHAPE (amplitude, wavelength, frequency); v = fλ falls
 *     out live, with λ and A marked right on the wave.
-*   • superpose  — two waves add; line them up (constructive, 2A) or oppose them
+*   • superpose , two waves add; line them up (constructive, 2A) or oppose them
 *     (destructive, flat), or detune the second → BEATS (a throbbing envelope).
-*   • standing   — two opposite waves lock into a standing wave: fixed NODES (never
+*   • standing  , two opposite waves lock into a standing wave: fixed NODES (never
 *     move) and ANTINODES (max swing), with a harmonic selector (λ = 2L/n).
 * Optional 🔊 maps the frequency into the audible range (two tones in beats mode, so
 * you HEAR the wah-wah). All maths from the wave kernel; honours reduced-motion.