@classytic/labs 0.1.0 → 0.2.0

package/dist/_virtual/_rolldown/runtime.mjs

@@ -0,0 +1,18 @@
+//#region \0rolldown/runtime.js
+var __defProp = Object.defineProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) {
+		__defProp(target, name, {
+			get: all[name],
+			enumerable: true
+		});
+	}
+	if (!no_symbols) {
+		__defProp(target, Symbol.toStringTag, { value: "Module" });
+	}
+	return target;
+};
+
+//#endregion
+export { __exportAll };

package/dist/biology/enzyme-rate/preset.mjs

@@ -10,16 +10,16 @@ import { Axes, Dot, Label, Polygon, Segment, Stage } from "@classytic/stage";
 
 //#region src/biology/enzyme-rate/preset.tsx
 /**
-* EnzymeRateLab — the optimum, then the cliff: enzymes denature.
+* EnzymeRateLab, the optimum, then the cliff: enzymes denature.
 *
 * Drag temperature: the rate climbs to an optimum (more kinetic energy → more
 * successful enzyme–substrate collisions) then CRASHES as the lock-and-key active
-* site is mangled — and crucially, cooling back down does NOT restore it
+* site is mangled, and crucially, cooling back down does NOT restore it
 * (thermal denaturation is irreversible). The bell is BUILT from plotted dots as
 * you sweep, never pre-drawn. pH mode shows the same optimum but reversibly; a
 * "fresh enzyme" reset is the only way back from a denatured run.
 *
-* Reuses core/util + kit/controls; tokenized; reduced-motion safe (no autoplay —
+* Reuses core/util + kit/controls; tokenized; reduced-motion safe (no autoplay , 
 * the learner drags). The collision-theory vs denaturation split → a MathDerivation.
 */
 const CLIFF = 16;
@@ -71,7 +71,7 @@ function Enzyme({ denat }) {
 		]
 	});
 }
-function EnzymeRateLab({ factor = "temperature", optimum = 40, factorMin = 0, factorMax = 80, title = "The optimum, then the cliff — enzymes denature", prompt = "Drag the temperature. Past the optimum the enzyme denatures — and cooling back down won’t fix it.", height = 240, objectives }) {
+function EnzymeRateLab({ factor = "temperature", optimum = 40, factorMin = 0, factorMax = 80, title = "The optimum, then the cliff: enzymes denature", prompt = "Drag the temperature. Past the optimum the enzyme denatures, and cooling back down won’t fix it.", height = 240, objectives }) {
 	const reversible = factor === "pH";
 	const [f, setF] = useState(reversible ? optimum - 2 : factorMin + 5);
 	const peak = useRef(f);
@@ -227,7 +227,7 @@ function EnzymeRateLab({ factor = "temperature", optimum = 40, factorMin = 0, fa
 				]
 			}), /* @__PURE__ */ jsx(StatusPill, {
 				ok: state === "optimum",
-				children: state === "optimum" ? "at the optimum ✓" : state === "denatured" ? "denatured — no recovery" : state === "falling" ? reversible ? "past optimum" : "denaturing…" : "climbing (more collisions)"
+				children: state === "optimum" ? "at the optimum ✓" : state === "denatured" ? "denatured, no recovery" : state === "falling" ? reversible ? "past optimum" : "denaturing…" : "climbing (more collisions)"
 			})]
 		}),
 		controls: /* @__PURE__ */ jsxs(ControlBar, { children: [/* @__PURE__ */ jsx(Field, {

package/dist/biology/genetic-cross/core.d.mts

@@ -1,6 +1,6 @@
 //#region src/biology/genetic-cross/core.d.ts
 /**
- * Genetics core — a SERIALIZABLE cross model + the rule that turns a genotype into
+ * Genetics core, a SERIALIZABLE cross model + the rule that turns a genotype into
  * a phenotype. Authored as data (so agents can declare it via JSON), resolved into
  * pure functions for the lab. One model covers simple dominance, multiple alleles,
  * codominance and incomplete dominance:
@@ -11,7 +11,7 @@
  *  • an optional `blends` entry overrides a specific heterozygote
  *    (INCOMPLETE DOMINANCE → red × white = pink)
  *
- * No reinvented numerics — this is just the genetics rule; UI lives in the preset.
+ * No reinvented numerics, this is just the genetics rule; UI lives in the preset.
  */
 interface AlleleSpec {
   symbol: string;
@@ -42,15 +42,15 @@ interface ResolvedModel {
   phenotypeColor: (label: string) => string;
   /** every possible genotype as a normalised [a,b] pair (for parent pickers). */
   genotypes: [string, string][];
-  /** true if `a` masks `b` here — a dominant over a present lower-rank allele. */
+  /** true if `a` masks `b` here, a dominant over a present lower-rank allele. */
   masks: (a: string, b: string) => boolean;
 }
 declare function resolveModel(spec: CrossModelSpec): ResolvedModel;
-/** Simple dominant/recessive — the classic monohybrid (also backs PunnettCross). */
+/** Simple dominant/recessive, the classic monohybrid (also backs PunnettCross). */
 declare const monohybridSpec: (letter?: string, dominant?: string, recessive?: string) => CrossModelSpec;
-/** ABO blood groups — multiple alleles + codominance (Aᴬ Aᴮ → AB). */
+/** ABO blood groups, multiple alleles + codominance (Aᴬ Aᴮ → AB). */
 declare const BLOOD_TYPE_SPEC: CrossModelSpec;
-/** Incomplete dominance — red × white = pink (a blended heterozygote). */
+/** Incomplete dominance, red × white = pink (a blended heterozygote). */
 declare const INCOMPLETE_SPEC: CrossModelSpec;
 declare const CROSS_PRESETS: {
   readonly monohybrid: CrossModelSpec;
@@ -58,7 +58,7 @@ declare const CROSS_PRESETS: {
   readonly incomplete: CrossModelSpec;
 };
 type CrossPresetKey = keyof typeof CROSS_PRESETS;
-/** Two independent genes — the classic dihybrid 9:3:3:1 (height × seed colour). */
+/** Two independent genes, the classic dihybrid 9:3:3:1 (height × seed colour). */
 declare const DIHYBRID_LOCI: CrossModelSpec[];
 //#endregion
 export { AlleleSpec, BLOOD_TYPE_SPEC, BlendSpec, CROSS_PRESETS, CrossModelSpec, CrossPresetKey, DIHYBRID_LOCI, INCOMPLETE_SPEC, Phenotype, ResolvedModel, monohybridSpec, resolveModel };

package/dist/biology/genetic-cross/core.mjs

@@ -45,7 +45,7 @@ function resolveModel(spec) {
 		masks: (a, b) => !blends.has(blendKey(a, b)) && (rank.get(a) ?? 0) > (rank.get(b) ?? 0)
 	};
 }
-/** Simple dominant/recessive — the classic monohybrid (also backs PunnettCross). */
+/** Simple dominant/recessive, the classic monohybrid (also backs PunnettCross). */
 const monohybridSpec = (letter = "A", dominant = "tall", recessive = "short") => ({
 	trait: "trait",
 	alleles: [{
@@ -62,7 +62,7 @@ const monohybridSpec = (letter = "A", dominant = "tall", recessive = "short") =>
 		[recessive]: "var(--stage-muted)"
 	}
 });
-/** ABO blood groups — multiple alleles + codominance (Aᴬ Aᴮ → AB). */
+/** ABO blood groups, multiple alleles + codominance (Aᴬ Aᴮ → AB). */
 const BLOOD_TYPE_SPEC = {
 	trait: "blood type",
 	alleles: [
@@ -89,7 +89,7 @@ const BLOOD_TYPE_SPEC = {
 		O: "var(--stage-muted)"
 	}
 };
-/** Incomplete dominance — red × white = pink (a blended heterozygote). */
+/** Incomplete dominance, red × white = pink (a blended heterozygote). */
 const INCOMPLETE_SPEC = {
 	trait: "flower colour",
 	alleles: [{
@@ -116,7 +116,7 @@ const CROSS_PRESETS = {
 	"blood-type": BLOOD_TYPE_SPEC,
 	incomplete: INCOMPLETE_SPEC
 };
-/** Two independent genes — the classic dihybrid 9:3:3:1 (height × seed colour). */
+/** Two independent genes, the classic dihybrid 9:3:3:1 (height × seed colour). */
 const DIHYBRID_LOCI = [monohybridSpec("A", "tall", "short"), monohybridSpec("B", "yellow", "green")];
 /** every distinct phenotype label a single-locus model can show (stable order). */
 function phenotypeLabels(m) {

package/dist/biology/genetic-cross/grid.mjs

@@ -1,13 +1,13 @@
 'use client';
 
 import { CheckButton, StatusPill } from "../../kit/controls.mjs";
-import { LabFrame, LiveRegion } from "../../kit/frame.mjs";
+import { ControlBar, LabFrame, LiveRegion } from "../../kit/frame.mjs";
 import { useEffect, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/biology/genetic-cross/grid.tsx
 /**
-* CrossGrid — the shared Punnett-grid UI (single source of truth for every cross
+* CrossGrid, the shared Punnett-grid UI (single source of truth for every cross
 * lab: monohybrid, dihybrid, sex-linked). It is PRESENTATIONAL: the parent labs
 * compute the gametes + the combine rule and hand them in; this draws the gametes
 * on the edges, fills the N×N grid, runs predict-before-reveal, and reads off the
@@ -91,6 +91,7 @@ function CrossGrid({ gametes1, gametes2, gameteLabel, combine, traitLabel, reset
 		});
 	};
 	const cellBg = (c) => highlight === c.genotype ? `color-mix(in oklab, ${c.phenotype.color} 34%, var(--stage-bg))` : `color-mix(in oklab, ${c.phenotype.color} 13%, var(--stage-bg))`;
+	const cellAria = (c, r, ci) => revealed ? `${gameteLabel(gametes1[r])} × ${gameteLabel(gametes2[ci])} → ${c.genotype}, ${c.phenotype.label}` : `${gameteLabel(gametes1[r])} × ${gameteLabel(gametes2[ci])}, hidden until revealed`;
 	const figure = /* @__PURE__ */ jsxs(Fragment$1, { children: [legend, /* @__PURE__ */ jsxs("div", {
 		style: {
 			borderRadius: 14,
@@ -99,141 +100,149 @@ function CrossGrid({ gametes1, gametes2, gameteLabel, combine, traitLabel, reset
 			padding: 16,
 			overflowX: "auto"
 		},
-		children: [
-			header,
-			/* @__PURE__ */ jsxs("div", {
-				style: {
-					display: "inline-grid",
-					gridTemplateColumns: `${cellSize}px repeat(${gametes2.length}, ${cellSize}px)`,
-					gap: 4
-				},
-				children: [
-					/* @__PURE__ */ jsx("div", {}),
-					gametes2.map((g, i) => /* @__PURE__ */ jsx("div", {
-						style: {
-							textAlign: "center",
-							fontSize,
-							fontWeight: 800,
-							color: "var(--stage-fg)"
-						},
-						children: gameteLabel(g)
-					}, i)),
-					cells.map((row, r) => /* @__PURE__ */ jsxs(Frag, { children: [/* @__PURE__ */ jsx("div", {
-						style: {
-							display: "flex",
-							alignItems: "center",
-							justifyContent: "center",
-							fontSize,
-							fontWeight: 800,
-							color: "var(--stage-fg)"
-						},
-						children: gameteLabel(gametes1[r])
-					}), row.map((c, ci) => /* @__PURE__ */ jsx("button", {
-						type: "button",
-						onClick: () => revealed && setHighlight((h) => h === c.genotype ? null : c.genotype),
-						title: revealed ? `${c.genotype} → ${c.phenotype.label}` : void 0,
-						style: {
-							width: cellSize,
-							height: cellSize,
-							borderRadius: 6,
-							border: "1px solid var(--stage-grid)",
-							background: revealed ? cellBg(c) : "var(--stage-bg)",
-							cursor: revealed ? "pointer" : "default",
-							fontSize,
-							fontWeight: 700,
-							color: "var(--stage-fg)",
-							padding: 0
-						},
-						children: revealed ? c.genotype : "?"
-					}, ci))] }, r))
-				]
-			}),
-			!revealed ? /* @__PURE__ */ jsxs("div", {
-				className: "lab-bar",
-				style: { marginTop: 12 },
-				children: [/* @__PURE__ */ jsxs("span", {
-					style: { fontWeight: 600 },
-					children: [
-						"Predict the ",
-						traitLabel,
-						" ratio, then…"
-					]
-				}), /* @__PURE__ */ jsx(CheckButton, {
-					onClick: reveal,
-					children: "Reveal the cross"
-				})]
-			}) : /* @__PURE__ */ jsxs("div", {
-				className: "lab-bar",
+		children: [/* @__PURE__ */ jsxs("div", {
+			role: "table",
+			"aria-label": revealed ? `Punnett grid, ${gametes1.length} by ${gametes2.length}. ${traitLabel} ratio ${phenoTally.map((p) => `${p.n} ${p.label}`).join(", ")}.` : `Punnett grid, ${gametes1.length} by ${gametes2.length}, offspring hidden until you reveal the cross.`,
+			style: {
+				display: "inline-grid",
+				gridTemplateColumns: `${cellSize}px repeat(${gametes2.length}, ${cellSize}px)`,
+				gap: 4
+			},
+			children: [/* @__PURE__ */ jsxs("div", {
+				role: "row",
+				style: { display: "contents" },
+				children: [/* @__PURE__ */ jsx("div", {
+					role: "columnheader",
+					"aria-hidden": true,
+					style: { pointerEvents: "none" }
+				}), gametes2.map((g, i) => /* @__PURE__ */ jsx("div", {
+					role: "columnheader",
+					style: {
+						textAlign: "center",
+						fontSize,
+						fontWeight: 800,
+						color: "var(--stage-fg)"
+					},
+					children: gameteLabel(g)
+				}, i))]
+			}), cells.map((row, r) => /* @__PURE__ */ jsxs("div", {
+				role: "row",
+				style: { display: "contents" },
+				children: [/* @__PURE__ */ jsx("div", {
+					role: "rowheader",
+					style: {
+						display: "flex",
+						alignItems: "center",
+						justifyContent: "center",
+						fontSize,
+						fontWeight: 800,
+						color: "var(--stage-fg)"
+					},
+					children: gameteLabel(gametes1[r])
+				}), row.map((c, ci) => /* @__PURE__ */ jsx("button", {
+					type: "button",
+					role: "cell",
+					"aria-label": cellAria(c, r, ci),
+					onClick: () => revealed && setHighlight((h) => h === c.genotype ? null : c.genotype),
+					title: revealed ? `${c.genotype} → ${c.phenotype.label}` : void 0,
+					style: {
+						width: cellSize,
+						height: cellSize,
+						borderRadius: 6,
+						border: "1px solid var(--stage-grid)",
+						background: revealed ? cellBg(c) : "var(--stage-bg)",
+						cursor: revealed ? "pointer" : "default",
+						fontSize,
+						fontWeight: 700,
+						color: "var(--stage-fg)",
+						padding: 0
+					},
+					children: revealed ? c.genotype : "?"
+				}, ci))]
+			}, r))]
+		}), revealed && highlight && (() => {
+			const c = flat.find((x) => x.genotype === highlight);
+			return /* @__PURE__ */ jsxs("p", {
 				style: {
-					marginTop: 14,
-					gap: 16,
-					flexWrap: "wrap"
+					fontSize: 12,
+					color: "var(--stage-muted)",
+					margin: "8px 0 0"
 				},
 				children: [
-					showGenotypeTally && /* @__PURE__ */ jsx(Bar, {
-						label: "Genotype",
-						parts: genotypes.map((g) => ({
-							n: genoCount(g),
-							color: genoColor(g),
-							tag: g
-						}))
-					}),
-					/* @__PURE__ */ jsx(Bar, {
-						label: traitLabel,
-						parts: phenoTally.map((p) => ({
-							n: p.n,
-							color: p.color,
-							tag: p.label
-						}))
+					highlight,
+					": ",
+					genoCount(highlight),
+					" of ",
+					flat.length,
+					" (",
+					(genoCount(highlight) / flat.length * 100).toFixed(0),
+					"%) → ",
+					/* @__PURE__ */ jsx("b", {
+						style: { color: c.phenotype.color },
+						children: c.phenotype.label
 					}),
-					/* @__PURE__ */ jsxs(StatusPill, {
-						ok: true,
-						children: [
-							phenoTally.map((p) => p.n).join(":"),
-							" ",
-							phenoTally.map((p) => p.label).join(" : ")
-						]
-					})
+					c.note ?? ""
 				]
-			}),
-			revealed && highlight && (() => {
-				const c = flat.find((x) => x.genotype === highlight);
-				return /* @__PURE__ */ jsxs("p", {
-					style: {
-						fontSize: 12,
-						color: "var(--stage-muted)",
-						margin: "8px 0 0"
-					},
-					children: [
-						highlight,
-						": ",
-						genoCount(highlight),
-						" of ",
-						flat.length,
-						" (",
-						(genoCount(highlight) / flat.length * 100).toFixed(0),
-						"%) → ",
-						/* @__PURE__ */ jsx("b", {
-							style: { color: c.phenotype.color },
-							children: c.phenotype.label
-						}),
-						c.note ?? ""
-					]
-				});
-			})()
-		]
+			});
+		})()]
 	})] });
 	return /* @__PURE__ */ jsx(LabFrame, {
 		title,
 		prompt,
 		objectives,
+		controls: /* @__PURE__ */ jsxs(ControlBar, { children: [header, !revealed && /* @__PURE__ */ jsxs("div", {
+			className: "lab-bar",
+			children: [/* @__PURE__ */ jsxs("span", {
+				style: { fontWeight: 600 },
+				children: [
+					"Predict the ",
+					traitLabel,
+					" ratio, then…"
+				]
+			}), /* @__PURE__ */ jsx(CheckButton, {
+				onClick: reveal,
+				children: "Reveal the cross"
+			})]
+		})] }),
+		aside: revealed ? /* @__PURE__ */ jsxs("div", {
+			className: "lab-bar",
+			style: {
+				gap: 16,
+				flexWrap: "wrap",
+				flexDirection: "column",
+				alignItems: "stretch"
+			},
+			children: [
+				showGenotypeTally && /* @__PURE__ */ jsx(Bar, {
+					label: "Genotype",
+					parts: genotypes.map((g) => ({
+						n: genoCount(g),
+						color: genoColor(g),
+						tag: g
+					}))
+				}),
+				/* @__PURE__ */ jsx(Bar, {
+					label: traitLabel,
+					parts: phenoTally.map((p) => ({
+						n: p.n,
+						color: p.color,
+						tag: p.label
+					}))
+				}),
+				/* @__PURE__ */ jsxs(StatusPill, {
+					ok: true,
+					children: [
+						phenoTally.map((p) => p.n).join(":"),
+						" ",
+						phenoTally.map((p) => p.label).join(" : ")
+					]
+				})
+			]
+		}) : void 0,
 		footer: /* @__PURE__ */ jsx(LiveRegion, { children: revealed ? `${traitLabel} ratio ${phenoTally.map((p) => `${p.n} ${p.label}`).join(", ")}.` : "Predict, then reveal." }),
 		children: figure
 	});
 }
-function Frag({ children }) {
-	return /* @__PURE__ */ jsx(Fragment$1, { children });
-}
 
 //#endregion
 export { CrossGrid };

package/dist/biology/genetic-cross/preset.mjs

@@ -8,7 +8,7 @@ import { useLearner } from "@classytic/stage";
 
 //#region src/biology/genetic-cross/preset.tsx
 /**
-* GeneticCrossLab — ONE authorable cross tool for every Mendelian pattern, now
+* GeneticCrossLab, ONE authorable cross tool for every Mendelian pattern, now
 * MULTI-LOCUS. The creator declares one model per gene; the lab derives gametes by
 * independent assortment (one allele per locus → 2ⁿ gametes), fills the Punnett
 * grid via the shared CrossGrid, and reads off the genotype + phenotype ratios.
@@ -53,7 +53,7 @@ function GeneticCrossLab({ spec, loci, parent1, parent2, predictFirst = true, ti
 			const [a, b] = perLocus[0].geno;
 			if (a !== b) {
 				const [hi, lo] = models[0].masks(a, b) ? [a, b] : models[0].masks(b, a) ? [b, a] : ["", ""];
-				if (hi) note = ` — the recessive ${lo} is still there, masked`;
+				if (hi) note = `, the recessive ${lo} is still there, masked`;
 			}
 		}
 		return {
@@ -159,8 +159,8 @@ function GeneticCrossLab({ spec, loci, parent1, parent2, predictFirst = true, ti
 		predictFirst,
 		header,
 		legend,
-		title: title ?? (multi ? "Dihybrid cross — 9 : 3 : 3 : 1" : "The cross you can count"),
-		prompt: prompt ?? (multi ? "Two genes assort independently — four gametes each, sixteen boxes, four phenotype classes." : "Alleles segregate into gametes, recombine, and the ratio falls out."),
+		title: title ?? (multi ? "Dihybrid cross, 9 : 3 : 3 : 1" : "The cross you can count"),
+		prompt: prompt ?? (multi ? "Two genes assort independently, four gametes each, sixteen boxes, four phenotype classes." : "Alleles segregate into gametes, recombine, and the ratio falls out."),
 		objectives,
 		showGenotypeTally: !multi,
 		onReveal: () => {

package/dist/biology/genetic-cross/sex-linked.mjs

@@ -7,9 +7,9 @@ import { useLearner } from "@classytic/stage";
 
 //#region src/biology/genetic-cross/sex-linked.tsx
 /**
-* SexLinkedCrossLab — an X-linked gene cross (colour blindness, haemophilia…) on
-* the shared CrossGrid. The biology that's special — the Y carries no allele, so
-* males are HEMIZYGOUS (a single recessive X shows) — lives here; the grid/tally/
+* SexLinkedCrossLab, an X-linked gene cross (colour blindness, haemophilia…) on
+* the shared CrossGrid. The biology that's special, the Y carries no allele, so
+* males are HEMIZYGOUS (a single recessive X shows), lives here; the grid/tally/
 * predict UI is reused. The payoff: affected sons from a carrier mother, while
 * daughters are carriers, not affected.
 */
@@ -60,7 +60,7 @@ function SexLinkedCrossLab({ allele = "B", dominant = "normal", recessive = "col
 					label: `${affected ? recessive : dominant} ♂`,
 					color: affected ? COL.recM : COL.domM
 				},
-				note: ` — males are hemizygous: one ${Xr} is enough to show ${recessive}`
+				note: `: males are hemizygous: one ${Xr} is enough to show ${recessive}`
 			};
 		}
 		const xs = [mx, fx].sort((a, b) => (isDom(a) ? -1 : 1) - (isDom(b) ? -1 : 1));
@@ -72,7 +72,7 @@ function SexLinkedCrossLab({ allele = "B", dominant = "normal", recessive = "col
 				label: `${domPresent ? dominant : recessive} ♀`,
 				color: domPresent ? COL.domF : COL.recF
 			},
-			note: carrier ? ` — a carrier (one ${Xr}), ${dominant} herself but can pass it on` : ""
+			note: carrier ? `: a carrier (one ${Xr}), ${dominant} herself but can pass it on` : ""
 		};
 	};
 	const cycleMom = (i) => setMom((m) => m.map((t, j) => j === i ? t === XD ? Xr : XD : t));
@@ -201,8 +201,8 @@ function SexLinkedCrossLab({ allele = "B", dominant = "normal", recessive = "col
 		predictFirst,
 		header,
 		legend,
-		title: title ?? "Sex linkage — why mostly sons are affected",
-		prompt: prompt ?? "The gene rides on the X. A carrier mother passes it to half her sons — who, with no second X, show it.",
+		title: title ?? "Sex linkage, why mostly sons are affected",
+		prompt: prompt ?? "The gene rides on the X. A carrier mother passes it to half her sons, who, with no second X, show it.",
 		objectives,
 		showGenotypeTally: true,
 		onReveal: () => {

package/dist/biology/photosynthesis-factors/preset.mjs

@@ -11,10 +11,10 @@ import { Axes, Dot, Label, Polyline, Segment, Stage } from "@classytic/stage";
 
 //#region src/biology/photosynthesis-factors/preset.tsx
 /**
-* PhotosynthesisFactorsLab — limiting factors: the slowest worker sets the pace.
+* PhotosynthesisFactorsLab, limiting factors: the slowest worker sets the pace.
 *
 * Sliders for light, CO₂ and temperature. The rate climbs with light then
-* PLATEAUS at whichever factor is in shortest supply — raise CO₂ and the SAME
+* PLATEAUS at whichever factor is in shortest supply, raise CO₂ and the SAME
 * light curve climbs to a higher plateau, proving light was no longer limiting.
 * Temperature is different: it gives a PEAK (optimum) not a plateau, because past
 * the optimum enzymes denature. "Freeze curve" overlays a faint copy so two CO₂
@@ -26,7 +26,7 @@ import { Axes, Dot, Label, Polyline, Segment, Stage } from "@classytic/stage";
 const CLIFF = 14;
 const FACTORS_CHALLENGE = [{
 	id: "plateau",
-	prompt: "Raising light further does nothing — the rate-vs-light curve has flattened. What sets the height of that plateau?",
+	prompt: "Raising light further does nothing, the rate-vs-light curve has flattened. What sets the height of that plateau?",
 	choices: [
 		{
 			value: "factor",
@@ -38,14 +38,14 @@ const FACTORS_CHALLENGE = [{
 		},
 		{
 			value: "random",
-			label: "nothing — it’s random"
+			label: "nothing: it’s random"
 		}
 	],
 	answer: "factor",
-	explain: "Where the curve flattens, some OTHER factor (CO₂ supply or temperature) is now the bottleneck — the slowest worker sets the pace."
+	explain: "Where the curve flattens, some OTHER factor (CO₂ supply or temperature) is now the bottleneck, the slowest worker sets the pace."
 }, {
 	id: "cliff",
-	prompt: "Push temperature well ABOVE the optimum and the rate CRASHES — not just plateaus. Why?",
+	prompt: "Push temperature well ABOVE the optimum and the rate CRASHES, not just plateaus. Why?",
 	choices: [
 		{
 			value: "denature",
@@ -61,9 +61,9 @@ const FACTORS_CHALLENGE = [{
 		}
 	],
 	answer: "denature",
-	explain: "Past the optimum the enzymes lose their shape (denature) — that destroys capacity, unlike a mere limiting factor."
+	explain: "Past the optimum the enzymes lose their shape (denature), that destroys capacity, unlike a mere limiting factor."
 }];
-function PhotosynthesisFactorsLab({ light = 70, co2 = 50, temperature = 25, tempOptimum = 28, title = "Limiting factors — the slowest worker sets the pace", prompt = "Raise light: the rate plateaus where another factor (CO₂ or temperature) takes over.", height = 240, objectives }) {
+function PhotosynthesisFactorsLab({ light = 70, co2 = 50, temperature = 25, tempOptimum = 28, title = "Limiting factors: the slowest worker sets the pace", prompt = "Raise light: the rate plateaus where another factor (CO₂ or temperature) takes over.", height = 240, objectives }) {
 	const [l, setL] = useState(light);
 	const [c, setC] = useState(co2);
 	const [t, setT] = useState(temperature);

package/dist/biology/respiration/preset.mjs

@@ -9,12 +9,12 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/biology/respiration/preset.tsx
 /**
-* RespirationLab — photosynthesis ⇌ respiration: one runs the other backwards.
+* RespirationLab, photosynthesis ⇌ respiration: one runs the other backwards.
 *
 * Two reaction flows, stacked, drawn with the SHARED MoleculeGlyph + ReactionFlow
 * engine: photosynthesis (6CO₂ + 6H₂O + light → glucose + 6O₂) and respiration
 * (glucose + 6O₂ → 6CO₂ + 6H₂O + ATP). The products of one are literally the
-* reactants of the other — the closed loop is impossible to forget. A day/night
+* reactants of the other, the closed loop is impossible to forget. A day/night
 * toggle shows the NET gas exchange: by day photosynthesis outpaces respiration
 * (net O₂ out); at night only respiration runs (net CO₂ out).
 *
@@ -79,7 +79,7 @@ const RESP_CHALLENGE = [{
 	answer: "o2",
 	explain: "Photosynthesis fixes more CO₂ than respiration makes, and releases more O₂ than it uses."
 }];
-function RespirationLab({ mode = "day", title = "Photosynthesis ⇌ Respiration — one runs the other backwards", prompt = "The products of one are the reactants of the other. Flip day/night to see the net gas exchange.", objectives }) {
+function RespirationLab({ mode = "day", title = "Photosynthesis ⇌ Respiration: one runs the other backwards", prompt = "The products of one are the reactants of the other. Flip day/night to see the net gas exchange.", objectives }) {
 	const [when, setWhen] = useState(mode);
 	const day = when === "day";
 	const challenge = useChallenge(RESP_CHALLENGE);
@@ -138,7 +138,7 @@ function RespirationLab({ mode = "day", title = "Photosynthesis ⇌ Respiration
 					color: "var(--stage-muted)",
 					fontWeight: 600
 				},
-				children: "↑ products feed ↓ reactants — the same six molecules loop ↑"
+				children: "↑ products feed ↓ reactants, the same six molecules loop ↑"
 			}),
 			flowCard("Respiration", "mitochondrion (always)", RESP, true, "var(--stage-accent-2)")
 		]

package/dist/biology/sequence/central-dogma.mjs

@@ -9,12 +9,12 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/biology/sequence/central-dogma.tsx
 /**
-* CentralDogmaLab — the whole central dogma in one flow: DNA → (transcription) →
+* CentralDogmaLab, the whole central dogma in one flow: DNA → (transcription) →
 * mRNA → (translation) → protein. The learner does BOTH steps on one starting
 * strand: first pair the DNA template into mRNA (T→U), then read each 3-base codon
 * to its amino acid. Translation unlocks only once the mRNA is correct, so the
 * dependency (you can't translate what isn't transcribed) is felt. Reuses the
-* sequence core (TRANSCRIBE + CODON_TABLE) — no new pairing logic.
+* sequence core (TRANSCRIBE + CODON_TABLE), no new pairing logic.
 */
 const hash = (s) => {
 	let h = 0;
@@ -44,7 +44,7 @@ function CentralDogmaLab({ dna = [
 	"A",
 	"T",
 	"T"
-], title = "The central dogma — DNA → mRNA → protein", prompt = "Transcribe the DNA into mRNA (T→U), then translate each codon into an amino acid.", objectives }) {
+], title = "The central dogma: DNA → mRNA → protein", prompt = "Transcribe the DNA into mRNA (T→U), then translate each codon into an amino acid.", objectives }) {
 	const nCodons = Math.floor(dna.length / 3);
 	const [mrna, setMrna] = useState(() => dna.map(() => null));
 	const [protein, setProtein] = useState(() => Array.from({ length: nCodons }, () => null));
@@ -154,7 +154,7 @@ function CentralDogmaLab({ dna = [
 					children: b
 				}, i))]
 			}),
-			arrow("transcription — copy the template, T → U"),
+			arrow("transcription, copy the template, T → U"),
 			/* @__PURE__ */ jsxs("div", {
 				style: {
 					display: "flex",
@@ -194,7 +194,7 @@ function CentralDogmaLab({ dna = [
 					}, i);
 				})]
 			}),
-			arrow(transcribed ? "translation — read each codon off the genetic code" : "translation — locked until the mRNA is complete"),
+			arrow(transcribed ? "translation, read each codon off the genetic code" : "translation, locked until the mRNA is complete"),
 			/* @__PURE__ */ jsxs("div", {
 				style: {
 					display: "flex",