@classytic/labs 0.1.0 → 0.2.0

package/dist/physics/entropy/preset.mjs

@@ -9,16 +9,16 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/physics/entropy/preset.tsx
 /**
-* EntropyLab — why heat only flows one way, and why a gas always spreads out.
+* EntropyLab, why heat only flows one way, and why a gas always spreads out.
 * Entropy is the bookkeeping behind the second law: in any real (spontaneous)
 * process the TOTAL entropy of the universe increases.
 *
-*   • HEAT FLOW — move a chunk of heat Q from a hot body (Th) to a cold one (Tc).
+*   • HEAT FLOW, move a chunk of heat Q from a hot body (Th) to a cold one (Tc).
 *     The hot body loses ΔS = −Q/Th; the cold body gains ΔS = +Q/Tc. Because
-*     Tc < Th, the gain outweighs the loss, so ΔS_total = Q(1/Tc − 1/Th) > 0 —
+*     Tc < Th, the gain outweighs the loss, so ΔS_total = Q(1/Tc − 1/Th) > 0 , 
 *     hot→cold is spontaneous. Running it backwards would DECREASE total entropy,
 *     which never happens by itself. (Equal temperatures ⇒ ΔS_total = 0, reversible.)
-*   • FREE EXPANSION — let a gas spread into a vacuum. No heat, no work, but the gas
+*   • FREE EXPANSION, let a gas spread into a vacuum. No heat, no work, but the gas
 *     can never un-mix: ΔS = nR·ln(Vf/Vi) > 0. Spreading out is simply overwhelmingly
 *     more likely than staying bunched up (more microstates).
 *
@@ -26,7 +26,7 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 */
 const R = 8.314462618;
 const W = 640, H = 340;
-function EntropyLab({ mode: mode0 = "heat", title = "Entropy & the second law — the one-way arrow", prompt = "Real processes always increase the total entropy of the universe. See why heat flows hot→cold and why a gas spreads out — and never reverses on its own.", objectives = [
+function EntropyLab({ mode: mode0 = "heat", title = "Entropy & the second law: the one-way arrow", prompt = "Real processes always increase the total entropy of the universe. See why heat flows hot→cold and why a gas spreads out, and never reverses on its own.", objectives = [
 	"Compute entropy change as ΔS = Q/T for heat moved at temperature T",
 	"See ΔS_total > 0 for spontaneous heat flow (and = 0 only when Th = Tc)",
 	"Explain free expansion: ΔS = nR·ln(Vf/Vi) > 0, gas never un-mixes"
@@ -223,7 +223,7 @@ function EntropyLab({ mode: mode0 = "heat", title = "Entropy & the second law
 						style: { color: "var(--stage-fg)" },
 						children: "more"
 					}),
-					" entropy than the hot body loses (same Q, smaller T). So heat flows hot→cold by itself; the reverse would lower total entropy — forbidden by the 2nd law."
+					" entropy than the hot body loses (same Q, smaller T). So heat flows hot→cold by itself; the reverse would lower total entropy, forbidden by the 2nd law."
 				]
 			})]
 		})] });
@@ -317,7 +317,7 @@ function EntropyLab({ mode: mode0 = "heat", title = "Entropy & the second law
 			}), /* @__PURE__ */ jsxs("span", {
 				style: { color: "var(--stage-muted)" },
 				children: [
-					"No heat, no work — yet entropy still rises, because the gas now has far more ways to arrange itself. Fully open (Vf = 2Vi) gives ",
+					"No heat, no work, yet entropy still rises, because the gas now has far more ways to arrange itself. Fully open (Vf = 2Vi) gives ",
 					/* @__PURE__ */ jsx("strong", {
 						style: { color: "var(--stage-fg)" },
 						children: "nR·ln 2 ≈ 5.76 J/K"

package/dist/physics/expansion/preset.mjs

@@ -9,18 +9,18 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/physics/expansion/preset.tsx
 /**
-* ThermalExpansionLab — heat a solid and it grows. Drag the temperature and watch:
+* ThermalExpansionLab, heat a solid and it grows. Drag the temperature and watch:
 *
-*   • LENGTH  ΔL = α·L·ΔT          (a rod stretches — why rails and bridges leave gaps)
+*   • LENGTH  ΔL = α·L·ΔT          (a rod stretches, why rails and bridges leave gaps)
 *   • AREA    ΔA = 2α·A·ΔT          (a plate grows in both directions)
 *   • VOLUME  ΔV = 3α·V·ΔT          (a ball swells in all three)
-*   • BIMETALLIC STRIP — two metals with different α bonded back-to-back: the one
+*   • BIMETALLIC STRIP, two metals with different α bonded back-to-back: the one
 *     that expands more (brass) ends up on the OUTSIDE of the curve, so the strip
-*     bends. Heat it enough and it closes a contact — that's a thermostat.
+*     bends. Heat it enough and it closes a contact, that's a thermostat.
 *
 * Real expansion is tiny (α ~ 10⁻⁵ /°C), so the drawing is MAGNIFIED for visibility
 * (the on-screen note says by how much) while the readout shows the TRUE ΔL/ΔA/ΔV.
-* Interactive — recomputes as you drag, no simulation loop. Pure SVG, themed.
+* Interactive, recomputes as you drag, no simulation loop. Pure SVG, themed.
 */
 const W = 720, H = 360;
 const MAG = 120;
@@ -46,9 +46,9 @@ const METALS = {
 		label: "Invar"
 	}
 };
-function ThermalExpansionLab({ mode: mode0 = "length", title = "Thermal expansion — heat it, it grows", prompt = "Solids expand when heated as their atoms jiggle further apart. Drag the temperature: length, area and volume each grow — and two bonded metals bend.", objectives = [
+function ThermalExpansionLab({ mode: mode0 = "length", title = "Thermal expansion: heat it, it grows", prompt = "Solids expand when heated as their atoms jiggle further apart. Drag the temperature: length, area and volume each grow, and two bonded metals bend.", objectives = [
 	"Use ΔL = αLΔT, and that area grows by 2α and volume by 3α",
-	"See expansion is tiny but real — why rails, bridges and pipes need gaps",
+	"See expansion is tiny but real, why rails, bridges and pipes need gaps",
 	"Explain a bimetallic strip / thermostat: unequal α → it bends"
 ], controlConfig } = {}) {
 	const [mode, setMode] = useState(mode0);
@@ -161,7 +161,7 @@ function ThermalExpansionLab({ mode: mode0 = "length", title = "Thermal expansio
 				style: { color: "var(--stage-fg)" },
 				children: [dLmm.toFixed(2), " mm"]
 			}),
-			" — tiny, but a 100 m bridge would grow ",
+			", tiny, but a 100 m bridge would grow ",
 			(dLmm * 100).toFixed(0),
 			" mm, so it needs expansion joints."
 		] }));
@@ -220,7 +220,7 @@ function ThermalExpansionLab({ mode: mode0 = "length", title = "Thermal expansio
 					children: [
 						"drawing ×",
 						MAG,
-						" — grows in BOTH directions (2α)"
+						", grows in BOTH directions (2α)"
 					]
 				})
 			]
@@ -354,7 +354,7 @@ function ThermalExpansionLab({ mode: mode0 = "length", title = "Thermal expansio
 					children: [
 						"drawing ×",
 						MAG,
-						" — grows in ALL three directions (3α)"
+						", grows in ALL three directions (3α)"
 					]
 				})
 			]
@@ -463,7 +463,7 @@ function ThermalExpansionLab({ mode: mode0 = "length", title = "Thermal expansio
 							x: 488,
 							y: 80,
 							fill: "var(--stage-fg)",
-							children: "brass (α high) — outside"
+							children: "brass (α high), outside"
 						}),
 						/* @__PURE__ */ jsx("rect", {
 							x: 470,
@@ -476,7 +476,7 @@ function ThermalExpansionLab({ mode: mode0 = "length", title = "Thermal expansio
 							x: 488,
 							y: 100,
 							fill: "var(--stage-fg)",
-							children: "steel (α low) — inside"
+							children: "steel (α low), inside"
 						})
 					]
 				})
@@ -491,7 +491,7 @@ function ThermalExpansionLab({ mode: mode0 = "length", title = "Thermal expansio
 				style: { color: "var(--stage-fg)" },
 				children: "longer, outer"
 			}),
-			" edge of the curve — the strip bends toward the steel. Drag the temperature up until it closes the contact: that's how a ",
+			" edge of the curve, the strip bends toward the steel. Drag the temperature up until it closes the contact: that's how a ",
 			/* @__PURE__ */ jsx("strong", {
 				style: { color: "var(--stage-fg)" },
 				children: "thermostat"

package/dist/physics/exponential/asset.mjs

@@ -203,7 +203,7 @@ function chart(P, m, decay, maxV, sy, _sx, frame, curve, tx0, tx1, ty, halfLife,
 				fontSize: 11,
 				fill: "var(--stage-muted)",
 				children: [
-					decay ? `half-life ≈ ${halfLife.toFixed(1)} s — each one halves what's left` : `cooling toward room temp · τ ≈ ${m.tau.toFixed(1)} s`,
+					decay ? `half-life ≈ ${halfLife.toFixed(1)} s, each one halves what's left` : `cooling toward room temp · τ ≈ ${m.tau.toFixed(1)} s`,
 					" · t = ",
 					m.tSec.toFixed(1),
 					" s"

package/dist/physics/exponential/preset.mjs

@@ -10,9 +10,9 @@ import { Scene, registerAsset } from "@classytic/stage";
 
 //#region src/physics/exponential/preset.tsx
 /**
-* DecayCoolingLab — exponential relaxation made tangible, the standard data-driven
+* DecayCoolingLab, exponential relaxation made tangible, the standard data-driven
 * way: one SceneDoc + one `rate` sim, two skins via the rate-process asset. Same
-* law (dy/dt = (target−y)/τ) tells two stories — radioactive atoms decaying to 0,
+* law (dy/dt = (target−y)/τ) tells two stories, radioactive atoms decaying to 0,
 * and a hot drink cooling to room temperature. Press Play; it stops once relaxed.
 */
 registerAsset("rate-process", RATE_PROCESS_ASSET);
@@ -53,9 +53,9 @@ const EXPONENTIAL_CHALLENGE = [{
 		}
 	],
 	answer: "start",
-	explain: "The rate tracks the gap to the surroundings — biggest at the start, easing to zero as it nears room temperature."
+	explain: "The rate tracks the gap to the surroundings, biggest at the start, easing to zero as it nears room temperature."
 }];
-function DecayCoolingLab({ mode: mode0 = "decay", title = "Exponential change — decay & cooling", prompt = "Same law, two stories: atoms decay and a hot drink cools — each relaxes toward a baseline at a rate set by τ. Press Play.", objectives = [
+function DecayCoolingLab({ mode: mode0 = "decay", title = "Exponential change: decay & cooling", prompt = "Same law, two stories: atoms decay and a hot drink cools, each relaxes toward a baseline at a rate set by τ. Press Play.", objectives = [
 	"See exponential relaxation toward a baseline",
 	"Read a half-life (decay halves every t½)",
 	"Recognise the SAME curve behind decay and cooling"

package/dist/physics/gas-process/preset.mjs

@@ -10,7 +10,7 @@ import { R, gammaDiatomic, gammaMonatomic, runProcess } from "@classytic/stage/t
 
 //#region src/physics/gas-process/preset.tsx
 /**
-* GasProcessLab — the four ideal-gas processes on a P–V diagram, with the first law
+* GasProcessLab, the four ideal-gas processes on a P–V diagram, with the first law
 * kept honest. Pick a process, push/pull the gas, and watch:
 *   • a piston cylinder (gas particles spread as V grows, colour tracks T),
 *   • the P–V curve with the WORK shaded as the area under it (∫P dV),
@@ -46,7 +46,7 @@ const KINDS = [
 const kPa = (p) => (p / 1e3).toFixed(0);
 const L = (v) => (v * 1e3).toFixed(1);
 const J = (x) => (x >= 0 ? "+" : "−") + Math.abs(x).toFixed(0);
-function GasProcessLab({ kind: kind0 = "isothermal", title = "Gas processes — work is the area under P–V", prompt = "Expand or compress an ideal gas four different ways. The shaded area under the P–V curve is the work; the first law ΔU = Q − W balances the books.", objectives = [
+function GasProcessLab({ kind: kind0 = "isothermal", title = "Gas processes: work is the area under P–V", prompt = "Expand or compress an ideal gas four different ways. The shaded area under the P–V curve is the work; the first law ΔU = Q − W balances the books.", objectives = [
 	"Read work as the area under the P–V curve (∫P dV)",
 	"Compare isothermal, adiabatic, isobaric and isochoric paths",
 	"Apply the first law ΔU = Q − W and see when Q, W or ΔU is zero"
@@ -308,7 +308,7 @@ function GasProcessLab({ kind: kind0 = "isothermal", title = "Gas processes —
 						". PV = const."
 					] }),
 					kind === "adiabatic" && /* @__PURE__ */ jsxs(Fragment$1, { children: [
-						"No heat in (Q = 0), so the work comes straight out of internal energy — the gas ",
+						"No heat in (Q = 0), so the work comes straight out of internal energy, the gas ",
 						/* @__PURE__ */ jsx("strong", {
 							style: { color: "var(--stage-fg)" },
 							children: "cools as it expands"

package/dist/physics/gauss-law/index.d.mts

@@ -0,0 +1 @@
+import { GaussLab, GaussProps } from "./preset.mjs";

package/dist/physics/gauss-law/preset.d.mts

@@ -0,0 +1,20 @@
+import { LabAskSpec } from "../../kit/ask.mjs";
+import { ReactNode } from "react";
+
+//#region src/physics/gauss-law/preset.d.ts
+interface GaussProps {
+  title?: string;
+  prompt?: string;
+  ask?: LabAskSpec;
+  height?: number;
+  activity?: string;
+}
+declare function GaussLab({
+  title,
+  prompt,
+  ask,
+  height,
+  activity
+}?: GaussProps): ReactNode;
+//#endregion
+export { GaussLab, GaussProps };

package/dist/physics/gauss-law/preset.mjs

@@ -0,0 +1,286 @@
+'use client';
+
+import { Chip } from "../../kit/controls.mjs";
+import { Callout, ControlBar, Field, LabFrame } from "../../kit/frame.mjs";
+import { LabAsk } from "../../kit/ask.mjs";
+import { useMemo, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { MovableDot, Stage, useCoords } from "@classytic/stage";
+import { fieldAt, fieldLines } from "@classytic/stage/field";
+
+//#region src/physics/gauss-law/preset.tsx
+/**
+* GaussLab, Gauss's law as a thing you can see: the net number of field lines
+* crossing OUT of a closed surface depends only on the charge it ENCLOSES, not on
+* the surface's size or shape, and not at all on charges outside it.
+*
+* A Gaussian loop (drag its centre, drag the rim to resize) sits in the field of
+* two charges. Around the loop, short markers show which way the field crosses it:
+* GREEN points out (flux leaving), RED points in (flux entering).
+*   • enclose a + charge: every marker points out. Resize the loop: still all out,
+*     the net is unchanged, that is the whole point of Gauss's law.
+*   • a charge OUTSIDE: every line that enters one side leaves the other, so the
+*     greens and reds cancel and the net flux is zero.
+* The readout gives the enclosed charge Q and the net flux Φ = Q/ε₀.
+*
+* Built on the shared stage `field` kernel (same one that draws electric-field
+* and magnetism). Authorable via props + an optional checked question.
+*/
+const VIEW = {
+	xMin: -6.5,
+	xMax: 6.5,
+	yMin: -4.1,
+	yMax: 4.1
+};
+const POS = "var(--stage-danger, #e03131)";
+const NEG = "var(--stage-accent, #3b82f6)";
+const OUT = "var(--stage-good)";
+const IN = "var(--stage-danger, #e03131)";
+const M = 20;
+/** The charge glyphs (coloured disc + ± symbol), drawn ON TOP so the handles never hide them. */
+function ChargeGlyphs({ charges }) {
+	const c = useCoords();
+	return /* @__PURE__ */ jsx("g", {
+		style: { pointerEvents: "none" },
+		children: charges.map((ch, i) => {
+			const [x, y] = c.toPx(ch.at.x, ch.at.y);
+			return /* @__PURE__ */ jsxs("g", { children: [/* @__PURE__ */ jsx("circle", {
+				cx: x,
+				cy: y,
+				r: 14,
+				fill: ch.q > 0 ? POS : NEG,
+				stroke: "var(--stage-bg)",
+				strokeWidth: 2
+			}), /* @__PURE__ */ jsx("text", {
+				x,
+				y: y + 5,
+				textAnchor: "middle",
+				fontSize: 18,
+				fontWeight: 800,
+				fill: "white",
+				children: ch.q > 0 ? "+" : "−"
+			})] }, i);
+		})
+	});
+}
+function GaussFigure({ sources, lines, center, radius }) {
+	const c = useCoords();
+	const P = (v) => c.toPx(v.x, v.y);
+	const [cx, cy] = P(center);
+	const rPx = Math.abs(c.toPx(center.x + radius, center.y)[0] - cx);
+	const markers = [];
+	for (let i = 0; i < M; i++) {
+		const ang = 2 * Math.PI * i / M;
+		const nhat = {
+			x: Math.cos(ang),
+			y: Math.sin(ang)
+		};
+		const p = {
+			x: center.x + radius * nhat.x,
+			y: center.y + radius * nhat.y
+		};
+		const E = fieldAt(sources, p);
+		const out = E.x * nhat.x + E.y * nhat.y > 0;
+		const L = .32;
+		const tip = out ? {
+			x: p.x + nhat.x * L,
+			y: p.y + nhat.y * L
+		} : {
+			x: p.x - nhat.x * L,
+			y: p.y - nhat.y * L
+		};
+		const [px, py] = P(p), [tx, ty] = P(tip);
+		markers.push(/* @__PURE__ */ jsx("line", {
+			x1: px,
+			y1: py,
+			x2: tx,
+			y2: ty,
+			stroke: out ? OUT : IN,
+			strokeWidth: 2.6,
+			strokeLinecap: "round"
+		}, `m${i}`));
+	}
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		lines.map((ln, i) => /* @__PURE__ */ jsx("polyline", {
+			points: ln.points.map((pt) => P(pt).join(",")).join(" "),
+			fill: "none",
+			stroke: "color-mix(in oklab, var(--stage-accent) 28%, transparent)",
+			strokeWidth: 1.3,
+			strokeLinejoin: "round"
+		}, `l${i}`)),
+		/* @__PURE__ */ jsx("circle", {
+			cx,
+			cy,
+			r: rPx,
+			fill: "color-mix(in oklab, var(--stage-good) 8%, transparent)",
+			stroke: "var(--stage-good)",
+			strokeWidth: 2,
+			strokeDasharray: "7 5"
+		}),
+		markers
+	] });
+}
+function GaussLab({ title = "Gauss’s law: flux depends only on the charge inside", prompt = "Drag the loop and resize it. Green markers are field leaving, red are field entering. The net depends only on the charge enclosed, not the loop’s size.", ask, height = 420, activity = "gauss-law" } = {}) {
+	const [chA, setChA] = useState({
+		x: -1.3,
+		y: 0
+	});
+	const [chB, setChB] = useState({
+		x: 4.8,
+		y: 0
+	});
+	const [qa, setQa] = useState(1);
+	const [qb, setQb] = useState(1);
+	const [center, setCenter] = useState({
+		x: .4,
+		y: 0
+	});
+	const [rim, setRim] = useState({
+		x: 2.6,
+		y: 0
+	});
+	const radius = Math.max(.6, Math.hypot(rim.x - center.x, rim.y - center.y));
+	const charges = useMemo(() => [{
+		at: chA,
+		q: qa
+	}, {
+		at: chB,
+		q: qb
+	}], [
+		chA,
+		chB,
+		qa,
+		qb
+	]);
+	const sources = useMemo(() => charges.map((ch) => ({
+		kind: "point",
+		at: ch.at,
+		q: ch.q
+	})), [charges]);
+	const lines = useMemo(() => fieldLines(sources, {
+		perSource: 12,
+		step: .07,
+		maxSteps: 600,
+		bounds: VIEW,
+		seed: .4
+	}), [sources]);
+	const enclosed = charges.filter((ch) => Math.hypot(ch.at.x - center.x, ch.at.y - center.y) < radius);
+	const Qenc = enclosed.reduce((s, ch) => s + ch.q, 0);
+	const verdict = Qenc > 0 ? "net flux OUT" : Qenc < 0 ? "net flux IN" : "net flux ZERO";
+	const figure = /* @__PURE__ */ jsxs(Stage, {
+		view: VIEW,
+		height,
+		ariaLabel: `Gaussian loop enclosing charge ${Qenc}`,
+		children: [
+			/* @__PURE__ */ jsx(GaussFigure, {
+				sources,
+				lines,
+				center,
+				radius
+			}),
+			/* @__PURE__ */ jsx(MovableDot, {
+				value: chA,
+				onMove: setChA,
+				color: qa > 0 ? POS : NEG,
+				ariaLabel: "charge A",
+				r: 8
+			}),
+			/* @__PURE__ */ jsx(MovableDot, {
+				value: chB,
+				onMove: setChB,
+				color: qb > 0 ? POS : NEG,
+				ariaLabel: "charge B",
+				r: 8
+			}),
+			/* @__PURE__ */ jsx(MovableDot, {
+				value: center,
+				onMove: (p) => {
+					const d = {
+						x: rim.x - center.x,
+						y: rim.y - center.y
+					};
+					setCenter(p);
+					setRim({
+						x: p.x + d.x,
+						y: p.y + d.y
+					});
+				},
+				color: "var(--stage-good)",
+				ariaLabel: "loop centre, drag to move it",
+				r: 7
+			}),
+			/* @__PURE__ */ jsx(MovableDot, {
+				value: rim,
+				onMove: setRim,
+				color: "var(--stage-good)",
+				ariaLabel: "loop edge, drag to resize",
+				r: 6
+			}),
+			/* @__PURE__ */ jsx(ChargeGlyphs, { charges })
+		]
+	});
+	return /* @__PURE__ */ jsx(LabFrame, {
+		title,
+		prompt,
+		controls: /* @__PURE__ */ jsxs(ControlBar, { children: [/* @__PURE__ */ jsx(Field, {
+			label: "charge A",
+			children: /* @__PURE__ */ jsxs("span", {
+				className: "lab-field-row",
+				children: [/* @__PURE__ */ jsx(Chip, {
+					selected: qa > 0,
+					onClick: () => setQa(1),
+					children: "+"
+				}), /* @__PURE__ */ jsx(Chip, {
+					selected: qa < 0,
+					onClick: () => setQa(-1),
+					children: "−"
+				})]
+			})
+		}), /* @__PURE__ */ jsx(Field, {
+			label: "charge B",
+			children: /* @__PURE__ */ jsxs("span", {
+				className: "lab-field-row",
+				children: [/* @__PURE__ */ jsx(Chip, {
+					selected: qb > 0,
+					onClick: () => setQb(1),
+					children: "+"
+				}), /* @__PURE__ */ jsx(Chip, {
+					selected: qb < 0,
+					onClick: () => setQb(-1),
+					children: "−"
+				})]
+			})
+		})] }),
+		aside: /* @__PURE__ */ jsx(Callout, {
+			tone: "result",
+			children: /* @__PURE__ */ jsxs("div", {
+				style: {
+					display: "grid",
+					gap: 6,
+					fontVariantNumeric: "tabular-nums",
+					fontSize: 13
+				},
+				children: [
+					/* @__PURE__ */ jsxs("span", { children: ["charges enclosed: ", /* @__PURE__ */ jsx("strong", { children: enclosed.length })] }),
+					/* @__PURE__ */ jsxs("span", { children: ["enclosed charge Q = ", /* @__PURE__ */ jsxs("strong", { children: [Qenc > 0 ? "+" : "", Qenc] })] }),
+					/* @__PURE__ */ jsxs("span", { children: ["Φ = Q/ε₀ → ", /* @__PURE__ */ jsx("strong", {
+						style: { color: Qenc > 0 ? OUT : Qenc < 0 ? IN : "var(--stage-muted)" },
+						children: verdict
+					})] }),
+					/* @__PURE__ */ jsx("span", {
+						style: { color: "var(--stage-muted)" },
+						children: "resize the loop: same charge inside, same flux. A charge outside adds zero."
+					})
+				]
+			})
+		}),
+		footer: ask ? /* @__PURE__ */ jsx(LabAsk, {
+			ask,
+			activity
+		}) : void 0,
+		children: figure
+	});
+}
+
+//#endregion
+export { GaussLab };

package/dist/physics/gravitation/preset.mjs

@@ -11,19 +11,19 @@ import { Circle, Dot, Label, MovableDot, Polyline, Segment, Stage, Vector } from
 
 //#region src/physics/gravitation/preset.tsx
 /**
-* GravitationLab — "Inverse-square", how gravity fades with distance.
+* GravitationLab, "Inverse-square", how gravity fades with distance.
 *
 * Newton's law of universal gravitation: F = G·M·m / r². Drag the satellite and
-* the pull on it tracks 1/r² — DOUBLE the distance and the force drops to a
+* the pull on it tracks 1/r², DOUBLE the distance and the force drops to a
 * QUARTER (not a half), the defining surprise of an inverse-square law. The same
 * rule is why weight shrinks with altitude (g = GM/r²). A live F-vs-r curve marks
 * where you are on the steep 1/r² fall-off.
 *
-* Interactive (drag the satellite) — no timed loop. Tokenized SVG.
+* Interactive (drag the satellite), no timed loop. Tokenized SVG.
 */
 const GRAVITATION_CHALLENGE = [{
 	id: "double-r",
-	prompt: "Double the distance between two masses — the gravitational force becomes…",
+	prompt: "Double the distance between two masses, the gravitational force becomes…",
 	choices: [
 		{
 			value: "quarter",
@@ -62,7 +62,7 @@ const GRAVITATION_CHALLENGE = [{
 }];
 const R_MIN = 2.4, R_MAX = 9;
 const K_BASE = 60;
-function GravitationLab({ planetMass = 5, satMass = 1, title = "Inverse-square gravity — double the distance, quarter the pull", prompt = "Newton’s law: F = G·M·m / r². Drag the satellite in and out — the pull follows 1/r², so moving twice as far drops the force to a quarter, not a half. It’s the same law that thins your weight with altitude (g = GM/r²).", objectives, controlConfig }) {
+function GravitationLab({ planetMass = 5, satMass = 1, title = "Inverse-square gravity: double the distance, quarter the pull", prompt = "Newton’s law: F = G·M·m / r². Drag the satellite in and out, the pull follows 1/r², so moving twice as far drops the force to a quarter, not a half. It’s the same law that thins your weight with altitude (g = GM/r²).", objectives, controlConfig }) {
 	const [M, setM] = useState(planetMass);
 	const [m, setm] = useState(satMass);
 	const [sat, setSat] = useState({
@@ -179,7 +179,7 @@ function GravitationLab({ planetMass = 5, satMass = 1, title = "Inverse-square g
 					value: sat,
 					onMove,
 					color: "var(--stage-accent)",
-					ariaLabel: "satellite — drag to change distance"
+					ariaLabel: "satellite, drag to change distance"
 				})
 			]
 		})
@@ -303,7 +303,7 @@ function GravitationLab({ planetMass = 5, satMass = 1, title = "Inverse-square g
 						opacity: .75,
 						margin: 0
 					},
-					children: "The curve falls as 1/r² — steeply near the planet, then a long faint tail. Same maths gives orbital speed v = √(GM/r) and ties straight into the Kepler lab."
+					children: "The curve falls as 1/r², steeply near the planet, then a long faint tail. Same maths gives orbital speed v = √(GM/r) and ties straight into the Kepler lab."
 				}),
 				/* @__PURE__ */ jsx(LiveRegion, { children: `Distance ${r.toFixed(1)}, pull ${F.toFixed(1)}. Doubling the distance quarters the force.` })
 			]

package/dist/physics/gravity-drop.mjs

@@ -8,7 +8,7 @@ import { Label, Segment, Stage, fmt, useCoords, useFrameLoop, useInView } from "
 
 //#region src/physics/gravity-drop.tsx
 /**
-* GravityDrop — drop identical balls on three worlds; stronger gravity wins.
+* GravityDrop, drop identical balls on three worlds; stronger gravity wins.
 * On the @classytic/stage engine (SVG): three lanes in a fixed coordinate box,
 * the balls fall on the engine clock, landing times appear as they hit.
 */
@@ -18,7 +18,7 @@ const num = (v, fb) => {
 };
 /**
 * A falling ball: a shaded sphere (tone fill + top-left specular) with a motion
-* trail whose length scales with speed — so the eye reads Jupiter's ball as
+* trail whose length scales with speed, so the eye reads Jupiter's ball as
 * genuinely faster than the Moon's. Drawn in pixels (project the math centre
 * first); the trail and highlight are constant-quality regardless of zoom.
 */
@@ -172,9 +172,9 @@ function GravityDrop(props) {
 	})] });
 	return /* @__PURE__ */ jsx(LabFrame, {
 		title: "Gravity Drop",
-		prompt: `Drop identical balls from ${fallH} m on three worlds — stronger gravity wins.`,
+		prompt: `Drop identical balls from ${fallH} m on three worlds, stronger gravity wins.`,
 		aside: /* @__PURE__ */ jsxs(Callout, { children: [
-			"Same mass, same height — only ",
+			"Same mass, same height, only ",
 			/* @__PURE__ */ jsx("strong", { children: "g" }),
 			" differs."
 		] }),

package/dist/physics/heat-transfer/preset.d.mts

@@ -10,7 +10,7 @@ interface HeatTransferProps {
   objectives?: string[];
   /**
    * Creator policy. To author a SINGLE-mechanism lesson (e.g. conduction only),
-   * set `mode: 'conduction'` and `controlConfig: { hide: ['mechanism'] }` — the
+   * set `mode: 'conduction'` and `controlConfig: { hide: ['mechanism'] }`, the
    * switcher vanishes and the lab is focused on that one idea. Any knob (material,
    * rod length, body temperature, …) can likewise be hidden or locked.
    */

package/dist/physics/heat-transfer/preset.mjs

@@ -11,15 +11,15 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/physics/heat-transfer/preset.tsx
 /**
-* HeatTransferLab — the three ways heat travels, side by side, each with its real
+* HeatTransferLab, the three ways heat travels, side by side, each with its real
 * rate law and an iconic animation:
 *
-*   • CONDUCTION — through a solid, atom to atom. A rod between a hot and a cold
+*   • CONDUCTION, through a solid, atom to atom. A rod between a hot and a cold
 *     end settles into a linear temperature gradient; energy packets march down it
 *     at a speed set by Fourier's law  Q̇ = k·A·ΔT/L  (copper races, wood crawls).
-*   • CONVECTION — bulk flow in a fluid. Heated fluid expands, rises, cools at the
-*     top and sinks — a rolling convection current. Rate  Q̇ = h·A·ΔT.
-*   • RADIATION — electromagnetic waves, no medium needed. A hot body glows and
+*   • CONVECTION, bulk flow in a fluid. Heated fluid expands, rises, cools at the
+*     top and sinks, a rolling convection current. Rate  Q̇ = h·A·ΔT.
+*   • RADIATION, electromagnetic waves, no medium needed. A hot body glows and
 *     throws photons outward; the power obeys Stefan–Boltzmann  P = εσA(T⁴ − T₀⁴),
 *     so doubling the absolute temperature multiplies the radiated power by 16.
 *
@@ -47,10 +47,10 @@ const MATERIALS = {
 	}
 };
 const clamp = (v, a, b) => Math.max(a, Math.min(b, v));
-function HeatTransferLab({ mode: mode0 = "conduction", title = "Heat transfer — conduction, convection & radiation", prompt = "The three ways heat moves: through solids (conduction), by bulk fluid flow (convection), and as radiation across empty space.", objectives = [
+function HeatTransferLab({ mode: mode0 = "conduction", title = "Heat transfer: conduction, convection & radiation", prompt = "The three ways heat moves: through solids (conduction), by bulk fluid flow (convection), and as radiation across empty space.", objectives = [
 	"Tell conduction, convection and radiation apart by their mechanism",
 	"See conduction depends on the material: Q̇ = k·A·ΔT/L (copper ≫ wood)",
-	"See radiation obeys T⁴ — double the temperature, 16× the power"
+	"See radiation obeys T⁴, double the temperature, 16× the power"
 ], controlConfig } = {}) {
 	const [mode, setMode] = useState(mode0);
 	const [material, setMaterial] = useState("copper");
@@ -244,7 +244,7 @@ function HeatTransferLab({ mode: mode0 = "conduction", title = "Heat transfer
 					}),
 					" has k = ",
 					k,
-					" W/m·K — metals conduct ~1000× better than wood."
+					" W/m·K, metals conduct ~1000× better than wood."
 				]
 			})]
 		})] });
@@ -403,7 +403,7 @@ function HeatTransferLab({ mode: mode0 = "conduction", title = "Heat transfer
 						style: { color: "var(--stage-fg)" },
 						children: "sinks"
 					}),
-					" — a rolling current that carries heat with the moving matter. (No solid needed; impossible in a vacuum.)"
+					", a rolling current that carries heat with the moving matter. (No solid needed; impossible in a vacuum.)"
 				]
 			})]
 		})] });
@@ -561,7 +561,7 @@ function HeatTransferLab({ mode: mode0 = "conduction", title = "Heat transfer
 			}), /* @__PURE__ */ jsxs("span", {
 				style: { color: "var(--stage-muted)" },
 				children: [
-					"EM waves — needs ",
+					"EM waves, needs ",
 					/* @__PURE__ */ jsx("strong", {
 						style: { color: "var(--stage-fg)" },
 						children: "no medium"