@classytic/labs 0.6.0 → 0.7.0

package/dist/domains/chem/acid-base/ph-scale/reference.mjs

@@ -0,0 +1,117 @@
+//#region src/domains/chem/acid-base/ph-scale/reference.ts
+const PIN_GROUPS = [
+	"body",
+	"soil",
+	"rain",
+	"cosmetics"
+];
+/** The label of a book line that differs from the reference. */
+const BOOK_LABEL = "বইয়ে যেভাবে লেখা আছে";
+const PIN_ITEMS = [
+	{
+		id: "stomach",
+		group: "body",
+		name: "stomach",
+		lo: 1,
+		hi: 1,
+		accept: [1, 1]
+	},
+	{
+		id: "skin",
+		group: "body",
+		name: "skin",
+		lo: 4.8,
+		hi: 5.5,
+		accept: [5, 5]
+	},
+	{
+		id: "urine",
+		group: "body",
+		name: "urine",
+		lo: 6,
+		hi: 6,
+		accept: [6, 6]
+	},
+	{
+		id: "blood",
+		group: "body",
+		name: "blood",
+		lo: 7.35,
+		hi: 7.45,
+		accept: [7, 7],
+		book: "রক্তের pH 7.43-7.45"
+	},
+	{
+		id: "pancreas",
+		group: "body",
+		name: "pancreatic juice",
+		lo: 8.1,
+		hi: 8.1,
+		accept: [8, 8]
+	},
+	{
+		id: "soil",
+		group: "soil",
+		name: "good soil",
+		lo: 6,
+		hi: 8,
+		accept: [6, 8]
+	},
+	{
+		id: "rain",
+		group: "rain",
+		name: "rain water",
+		lo: 5,
+		hi: 6,
+		accept: [5, 6]
+	},
+	{
+		id: "cosmetics",
+		group: "cosmetics",
+		name: "cosmetics",
+		lo: 4.8,
+		hi: 5.5,
+		accept: [5, 5]
+	}
+];
+/** The pins a lesson asked for, in the table's order. */
+function pinsFor(groups) {
+	return PIN_ITEMS.filter((item) => groups.includes(item.group));
+}
+/** The printed ladder: whole numbers 0 to 14 (the book's practical scale, not a limit of pH). */
+const LADDER_MIN = 0;
+const LADDER_MAX = 14;
+/** Pure water: [H+] = [OH-] = 1e-7 mol/L, pH 7 (book, page 219). */
+const PURE_WATER_PH = 7;
+/** What each universal-indicator band says in words, so colour never carries the meaning alone. */
+const BAND_WORDS = {
+	red: {
+		name: "red",
+		meaning: "strongly acidic"
+	},
+	orange: {
+		name: "orange",
+		meaning: "weakly acidic"
+	},
+	yellow: {
+		name: "yellow",
+		meaning: "very weakly acidic"
+	},
+	green: {
+		name: "green",
+		meaning: "neutral"
+	},
+	blue: {
+		name: "blue",
+		meaning: "weakly alkaline"
+	},
+	purple: {
+		name: "purple",
+		meaning: "strongly alkaline"
+	}
+};
+/** The book's line about the ends of the scale (page 220); a pH below 0 or above 14 is possible. */
+const SCALE_BOOK = "সবচেয়ে শক্তিশালী এসিডের pH 0 এবং ক্ষারের pH 14";
+
+//#endregion
+export { BAND_WORDS, BOOK_LABEL, PIN_GROUPS, PIN_ITEMS, SCALE_BOOK, pinsFor };

package/dist/domains/chem/acid-base/ph-scale/runtime.mjs

@@ -0,0 +1,68 @@
+'use client';
+
+import { sci } from "../../../../model/format.mjs";
+import "../../../../kit/figure/format.mjs";
+import { LiveRegion, Stat, StatList } from "../../../../kit/frame.mjs";
+import { useLab } from "../../../../runtime/use-lab.mjs";
+import { AuthoredActivityRuntime } from "../../../../kit/authored-activity-runtime.mjs";
+import { BOOK_LABEL, SCALE_BOOK } from "./reference.mjs";
+import { phScaleModel } from "./model.mjs";
+import { phScaleActivity } from "./activity.mjs";
+import { PhScaleScene } from "./scene.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/domains/chem/acid-base/ph-scale/runtime.tsx
+/** A count of times, readable: 1,000,000 or 10 or 0.0001. */
+const timesText = (value) => value >= 10 ? Math.round(value).toLocaleString("en-US") : sci(value, 2);
+function PhScale(props) {
+	const lab = useLab(phScaleModel, props);
+	return /* @__PURE__ */ jsx(AuthoredActivityRuntime, {
+		lab,
+		activity: phScaleActivity,
+		layout: "stack",
+		sceneLabel: "A beaker of acid or alkali under a wash bottle, and the pH ladder from 0 to 14",
+		keyControls: ["marker", "dilution"],
+		status: ({ reading }) => /* @__PURE__ */ jsx("span", { children: `pH ${reading.strong.pH.toFixed(2)} · ${reading.strong.bandName}` }),
+		evidence: ({ reading, scenario }) => /* @__PURE__ */ jsxs(StatList, {
+			ariaLabel: "The solution's readings",
+			children: [
+				/* @__PURE__ */ jsx(Stat, {
+					label: "Universal indicator",
+					value: `${reading.strong.bandName}, ${reading.strong.meaning}`
+				}),
+				/* @__PURE__ */ jsx(Stat, {
+					label: "pH",
+					value: reading.strong.pH.toFixed(2)
+				}),
+				/* @__PURE__ */ jsx(Stat, {
+					label: `[${reading.ion}]`,
+					value: `${sci(reading.strong.ion, 2)} mol/L`
+				}),
+				scenario.showTimesMore ? /* @__PURE__ */ jsx(Stat, {
+					label: `${reading.ion} compared with pure water`,
+					value: `${timesText(reading.strong.timesWater)} times`
+				}) : null,
+				scenario.showPOH ? /* @__PURE__ */ jsx(Stat, {
+					label: "pOH",
+					value: reading.strong.pOH.toFixed(2)
+				}) : null,
+				reading.weak ? /* @__PURE__ */ jsx(Stat, {
+					label: `${reading.weak.name}, same concentration`,
+					value: `pH ${reading.weak.pH.toFixed(2)}, ${reading.weak.bandName}`
+				}) : null
+			]
+		}),
+		observation: ({ reading }) => {
+			const lines = [];
+			if (reading.strong.belowLadder || reading.strong.aboveLadder) lines.push(`This pH is ${reading.strong.belowLadder ? "below 0" : "above 14"}: the printed ladder is the usual range, not a limit. ${BOOK_LABEL}: ${SCALE_BOOK}.`);
+			if (reading.wrongItem) lines.push(`Not there. ${reading.wrongItem.name} sits at pH ${reading.wrongItem.lo === reading.wrongItem.hi ? reading.wrongItem.lo : `${reading.wrongItem.lo} to ${reading.wrongItem.hi}`}.`);
+			for (const { item, placed } of reading.items) if (placed !== null && item.book) lines.push(`${BOOK_LABEL}: ${item.book}. The usual reference range is pH ${item.lo} to ${item.hi}.`);
+			return lines.length ? lines.join(" ") : undefined;
+		},
+		transcript: ({ reading }) => /* @__PURE__ */ jsx(LiveRegion, { children: `pH ${reading.strong.pH.toFixed(2)}, ${reading.strong.bandName}. Marker at pH ${reading.marker}.` }),
+		children: /* @__PURE__ */ jsx(PhScaleScene, {})
+	});
+}
+
+//#endregion
+export { PhScale as default };

package/dist/domains/chem/acid-base/ph-scale/scene.mjs

@@ -0,0 +1,412 @@
+'use client';
+
+import { FigText } from "../../../../kit/figure/text.mjs";
+import { SCENE } from "../../../../kit/scene/tokens.mjs";
+import { sci } from "../../../../model/format.mjs";
+import "../../../../kit/figure/format.mjs";
+import { HUE, STROKE, alpha } from "../../../../kit/figure/figure.mjs";
+import { GripDot, GripKey, GripKeyRow, GripSlider } from "../../../../kit/figure/grip.mjs";
+import { useControl } from "../../../../runtime/use-control.mjs";
+import { Bench, LabelChip } from "../../../../kit/scene/workbench.mjs";
+import { STEEL, Solid } from "../../../../kit/scene/objects/block.mjs";
+import { Scene } from "../../../../kit/scene/scene.mjs";
+import { useLabView } from "../../../../runtime/use-lab-view.mjs";
+import { OBSERVED } from "../../../../kit/chemistry/observation.mjs";
+import { SolutionBeaker, WashBottle } from "../../../../kit/chemistry/bench.mjs";
+import "./reference.mjs";
+import { phScaleModel } from "./model.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/domains/chem/acid-base/ph-scale/scene.tsx
+/** Universal-indicator band to the pinned colour a learner reads: one place, a Record over the union. */
+const BAND_COLOUR = {
+	red: "red",
+	orange: "orange-red",
+	yellow: "yellow",
+	green: "green",
+	blue: "blue",
+	purple: "purple"
+};
+const W = 460;
+const GROUND = 188;
+const BEAKER_H = 124;
+const BEAKER_VOLUME = 55;
+const BAR = {
+	x: 392,
+	top: 52,
+	h: 132,
+	w: 22
+};
+const RUNG = 28;
+const RUNG_X0 = 34;
+const RULER_Y = 278;
+const CELL_H = 26;
+const LANE = 15;
+const r2 = (n) => Math.round(n * 100) / 100;
+/** The x of a pH on the ladder, held to the printed ends so a pH beyond them points at the end rung. */
+const xOf = (pH) => r2(RUNG_X0 + RUNG * Math.min(14, Math.max(0, pH)));
+/** Which row each pin sits in under the ladder: greedy packing, so labels of nearby items never meet. */
+function packLanes(items) {
+	const ends = [];
+	const placed = [];
+	for (const item of [...items].sort((a, b) => a.accept[0] - b.accept[0] || a.accept[1] - b.accept[1])) {
+		const barL = r2(xOf(item.accept[0]) - RUNG / 2 + 1);
+		const barR = r2(xOf(item.accept[1]) + RUNG / 2 - 1);
+		const textW = item.name.length * 6 + 6;
+		const right = barR + 5 + textW <= W - 6;
+		const from = barL;
+		const to = right ? barR + 5 + textW : barR;
+		const spanL = right ? from : barL - 5 - textW;
+		let lane = ends.findIndex((end) => end + 6 < spanL);
+		if (lane < 0) lane = ends.length;
+		ends[lane] = right ? to : barR;
+		placed.push({
+			item,
+			lane,
+			barL,
+			barR,
+			textX: right ? r2(barR + 5) : r2(barL - 5),
+			anchor: right ? "start" : "end"
+		});
+	}
+	return placed;
+}
+/** A label chip as wide as its text, like `LabelChip`'s own estimate. */
+const chipWidth = (text) => Math.max(76, text.length * 7.4 + 14);
+const chunk = (list, size) => Array.from({ length: Math.ceil(list.length / size) }, (_, i) => list.slice(i * size, i * size + size));
+function PhScaleScene() {
+	const { scenario, reading } = useLabView(phScaleModel);
+	const pour = useControl(phScaleModel, "pour");
+	const dilution = useControl(phScaleModel, "dilution");
+	const marker = useControl(phScaleModel, "marker");
+	const pin = useControl(phScaleModel, "pin");
+	const place = useControl(phScaleModel, "place");
+	const compare = scenario.compare;
+	const beakers = compare ? [{
+		side: reading.strong,
+		x: 172,
+		w: 92
+	}, {
+		side: reading.weak,
+		x: 274,
+		w: 92
+	}] : [{
+		side: reading.strong,
+		x: 188,
+		w: 108
+	}];
+	const dilutionX = compare ? 223 : 188;
+	const lanes = packLanes(scenario.items);
+	const laneCount = lanes.reduce((n, l) => Math.max(n, l.lane + 1), 0);
+	const knobY = RULER_Y + CELL_H + 22 + laneCount * LANE;
+	const chipY = knobY + 28;
+	const pinRows = chunk(scenario.items, 4);
+	const keysY = chipY + 40;
+	const H = scenario.items.length ? keysY + pinRows.length * 36 + 40 : chipY + 14;
+	const markerX = xOf(reading.marker);
+	const needle = (pH) => xOf(pH);
+	const chipSpread = (a, b, gap) => {
+		if (b === null) return [Math.min(W - 52, Math.max(52, a)), null];
+		let ca = a;
+		let cb = b;
+		if (Math.abs(ca - cb) < gap) {
+			const mid = (ca + cb) / 2;
+			const dir = ca <= cb ? 1 : -1;
+			ca = mid - dir * gap / 2;
+			cb = mid + dir * gap / 2;
+		}
+		return [Math.min(W - 52, Math.max(52, ca)), Math.min(W - 52, Math.max(52, cb))];
+	};
+	const pointerText = (short, pH) => compare ? `${short} ${pH.toFixed(2)}` : `pH ${pH.toFixed(2)}`;
+	const strongText = pointerText(reading.strong.short, reading.strong.pH);
+	const weakText = reading.weak ? pointerText(reading.weak.short, reading.weak.pH) : "";
+	const [strongChipX, weakChipX] = chipSpread(needle(reading.strong.pH), reading.weak ? needle(reading.weak.pH) : null, (chipWidth(strongText) + (reading.weak ? chipWidth(weakText) : 0)) / 2 + 6);
+	const rows = pinRows.map((row) => row.map((item) => ({
+		value: item.id,
+		text: item.name,
+		label: `Place ${item.name}`
+	})));
+	return /* @__PURE__ */ jsxs(Scene, {
+		frame: {
+			w: W,
+			h: H,
+			groundY: GROUND
+		},
+		domain: "chem",
+		interactive: true,
+		label: `The pH ladder. ${reading.strong.name} reads pH ${reading.strong.pH.toFixed(2)}, ${reading.strong.bandName}. Marker at pH ${reading.marker}.`,
+		children: [
+			/* @__PURE__ */ jsx(Bench, {
+				x1: 16,
+				x2: W - 16,
+				y: GROUND
+			}),
+			pour.hidden ? /* @__PURE__ */ jsx(WashBottle, {
+				x: 70,
+				y: GROUND
+			}) : /* @__PURE__ */ jsx(WashBottle, {
+				x: 70,
+				y: GROUND,
+				control: pour
+			}),
+			beakers.map(({ side, x, w }) => /* @__PURE__ */ jsx(SolutionBeaker, {
+				x,
+				y: GROUND,
+				w,
+				h: BEAKER_H,
+				capacity: 100,
+				mark: 200,
+				unit: "mL",
+				volume: BEAKER_VOLUME,
+				particles: 0,
+				color: OBSERVED[BAND_COLOUR[side.band]],
+				strength: 1,
+				particleColor: HUE[1],
+				labels: [side.short, `${sci(side.c)} mol/L`]
+			}, side.short)),
+			/* @__PURE__ */ jsx(FigText, {
+				x: dilutionX,
+				y: 30,
+				size: "label",
+				anchor: "middle",
+				caps: false,
+				children: reading.pours === 0 ? "not diluted" : `diluted ×${reading.factor.toLocaleString("en-US")}`
+			}),
+			scenario.bar ? /* @__PURE__ */ jsxs("g", {
+				"data-part": "ion-bar",
+				children: [
+					/* @__PURE__ */ jsx(LabelChip, {
+						x: BAR.x,
+						y: BAR.top - 18,
+						width: 72,
+						children: `${reading.ion} left`
+					}),
+					/* @__PURE__ */ jsx("rect", {
+						x: BAR.x - BAR.w / 2,
+						y: BAR.top,
+						width: BAR.w,
+						height: BAR.h,
+						rx: 6,
+						fill: SCENE.steel.deep,
+						opacity: .35
+					}),
+					/* @__PURE__ */ jsx("rect", {
+						x: BAR.x - BAR.w / 2 + 3,
+						y: BAR.top + 3,
+						width: BAR.w - 6,
+						height: BAR.h - 6,
+						rx: 4,
+						fill: SCENE.glass.fill
+					}),
+					/* @__PURE__ */ jsx("rect", {
+						x: BAR.x - BAR.w / 2 + 3,
+						y: r2(BAR.top + 3 + (BAR.h - 6) * (1 - reading.strong.barFraction)),
+						width: BAR.w - 6,
+						height: r2((BAR.h - 6) * reading.strong.barFraction),
+						rx: 4,
+						fill: HUE[1]
+					}),
+					[
+						0,
+						.25,
+						.5,
+						.75,
+						1
+					].map((f) => /* @__PURE__ */ jsx("line", {
+						x1: BAR.x + BAR.w / 2 + 2,
+						x2: BAR.x + BAR.w / 2 + (f % .5 === 0 ? 9 : 5),
+						y1: r2(BAR.top + 3 + (BAR.h - 6) * (1 - f)),
+						y2: r2(BAR.top + 3 + (BAR.h - 6) * (1 - f)),
+						stroke: HUE.soft,
+						strokeWidth: STROKE.hair
+					}, f)),
+					/* @__PURE__ */ jsx(FigText, {
+						x: BAR.x + BAR.w / 2 + 12,
+						y: BAR.top + 7,
+						size: "note",
+						tone: "soft",
+						caps: false,
+						children: "start"
+					}),
+					/* @__PURE__ */ jsx(FigText, {
+						x: BAR.x + BAR.w / 2 + 12,
+						y: BAR.top + BAR.h - 2,
+						size: "note",
+						tone: "soft",
+						caps: false,
+						children: "none"
+					}),
+					/* @__PURE__ */ jsx(LabelChip, {
+						x: BAR.x,
+						y: GROUND + 10,
+						width: 96,
+						children: reading.pours === 0 ? "all of it" : `${sci(reading.strong.barFraction)} of it`
+					})
+				]
+			}) : null,
+			/* @__PURE__ */ jsx(Solid, {
+				x: 14,
+				y: RULER_Y - 6,
+				w: W - 28,
+				h: CELL_H + 12,
+				finish: "brushed",
+				ramp: STEEL,
+				radius: 8
+			}),
+			scenario.ladder.map(({ n, band }) => {
+				const cx = RUNG_X0 + RUNG * (n - 0);
+				return /* @__PURE__ */ jsxs("g", {
+					"data-part": "rung",
+					"data-band": band,
+					children: [
+						/* @__PURE__ */ jsx("rect", {
+							x: cx - 13,
+							y: RULER_Y,
+							width: 26,
+							height: CELL_H,
+							rx: 4,
+							fill: OBSERVED[BAND_COLOUR[band]],
+							stroke: SCENE.steel.deep,
+							strokeWidth: STROKE.hair
+						}),
+						/* @__PURE__ */ jsx("circle", {
+							cx,
+							cy: RULER_Y + CELL_H / 2,
+							r: 9,
+							fill: SCENE.label.paper
+						}),
+						/* @__PURE__ */ jsx(FigText, {
+							x: cx,
+							y: RULER_Y + CELL_H / 2 + .5,
+							size: "note",
+							anchor: "middle",
+							baseline: "middle",
+							caps: false,
+							color: SCENE.label.ink,
+							children: String(n)
+						})
+					]
+				}, n);
+			}),
+			/* @__PURE__ */ jsx(Pointer, {
+				x: needle(reading.strong.pH),
+				chipX: strongChipX,
+				text: strongText
+			}),
+			reading.weak && weakChipX !== null ? /* @__PURE__ */ jsx(Pointer, {
+				x: needle(reading.weak.pH),
+				chipX: weakChipX,
+				text: weakText,
+				hollow: true
+			}) : null,
+			lanes.map(({ item, lane, barL, barR, textX, anchor }) => {
+				const placed = reading.items.find((i) => i.item.id === item.id)?.placed != null;
+				if (!placed) return null;
+				const y = RULER_Y + CELL_H + 12 + lane * LANE;
+				return /* @__PURE__ */ jsxs("g", {
+					"data-part": "pin",
+					children: [/* @__PURE__ */ jsx("rect", {
+						x: barL,
+						y,
+						width: barR - barL,
+						height: 5,
+						rx: 2.5,
+						fill: HUE.good,
+						stroke: alpha(HUE.ink, 40),
+						strokeWidth: STROKE.hair
+					}), /* @__PURE__ */ jsx(FigText, {
+						x: textX,
+						y: y + 6,
+						size: "note",
+						tone: "soft",
+						anchor,
+						caps: false,
+						children: item.name
+					})]
+				}, item.id);
+			}),
+			/* @__PURE__ */ jsxs(GripSlider, {
+				cx: markerX,
+				cy: knobY,
+				r: 11,
+				hit: 26,
+				axis: "x",
+				control: marker,
+				toValue: (p) => (p.x - RUNG_X0) / RUNG + 0,
+				children: [
+					/* @__PURE__ */ jsx("line", {
+						x1: markerX,
+						y1: RULER_Y + CELL_H + 2,
+						x2: markerX,
+						y2: knobY - 8,
+						stroke: SCENE.steel.deep,
+						strokeWidth: STROKE.line
+					}),
+					/* @__PURE__ */ jsx(GripDot, {
+						cx: markerX,
+						cy: knobY,
+						r: 8
+					}),
+					/* @__PURE__ */ jsx(LabelChip, {
+						x: Math.min(W - 78, Math.max(78, markerX)),
+						y: chipY,
+						width: 148,
+						children: `your reading: pH ${reading.marker}`
+					})
+				]
+			}),
+			scenario.items.length ? /* @__PURE__ */ jsxs(Fragment, { children: [rows.map((row, i) => /* @__PURE__ */ jsx(GripKeyRow, {
+				x: W / 2,
+				y: keysY + i * 36,
+				control: pin,
+				options: row,
+				align: "middle",
+				h: 28
+			}, i)), /* @__PURE__ */ jsx("g", {
+				"data-state": reading.wrongItem ? "wrong" : undefined,
+				children: /* @__PURE__ */ jsx(GripKey, {
+					x: W / 2,
+					y: keysY + rows.length * 36,
+					w: 118,
+					h: 28,
+					control: place,
+					text: "Pin it here"
+				})
+			})] }) : null
+		]
+	});
+}
+/** A pointer standing on top of the ladder, pointing down at a pH; its chip may sit off to the side. */
+function Pointer({ x, chipX, text, hollow = false }) {
+	const tip = RULER_Y - 1;
+	return /* @__PURE__ */ jsxs("g", {
+		"data-part": "pointer",
+		"data-kind": hollow ? "weak" : "strong",
+		children: [
+			/* @__PURE__ */ jsx("line", {
+				x1: chipX,
+				y1: RULER_Y - 36,
+				x2: x,
+				y2: tip - 12,
+				stroke: SCENE.steel.deep,
+				strokeWidth: STROKE.hair
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: `M${x - 7} ${tip - 14}L${x + 7} ${tip - 14}L${x} ${tip}Z`,
+				fill: hollow ? SCENE.label.paper : SCENE.steel.base,
+				stroke: SCENE.steel.deep,
+				strokeWidth: STROKE.line,
+				strokeLinejoin: "round"
+			}),
+			/* @__PURE__ */ jsx(LabelChip, {
+				x: chipX,
+				y: RULER_Y - 47,
+				width: chipWidth(text),
+				children: text
+			})
+		]
+	});
+}
+
+//#endregion
+export { BAND_COLOUR, PhScaleScene };

package/dist/domains/chem/acid-base/proton-transfer/scene.mjs

@@ -3,7 +3,6 @@
 import { FigText } from "../../../../kit/figure/text.mjs";
 import { Figure, HUE, STROKE, alpha } from "../../../../kit/figure/figure.mjs";
 import { GripKeyRow, 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 { protonTransferModel } from "./model.mjs";

package/dist/domains/chem/acid-base/titration/scene.mjs

@@ -1,18 +1,17 @@
+'use client';
+
 import { FigText } from "../../../../kit/figure/text.mjs";
 import { Figure, HUE, STROKE } from "../../../../kit/figure/figure.mjs";
 import { GripKey } from "../../../../kit/figure/grip.mjs";
+import { useControl } from "../../../../runtime/use-control.mjs";
+import { LabelChip } from "../../../../kit/scene/workbench.mjs";
+import { useLabView } from "../../../../runtime/use-lab-view.mjs";
 import { Ball } from "../../../../kit/figure/body.mjs";
 import { Glass, Region, glassInner } from "../../../../kit/figure/container.mjs";
 import { Curve, Guide, Marker, PlotFrame } from "../../../../kit/figure/plot.mjs";
 import { useNarrow } from "../../../../kit/figure/narrow.mjs";
 import { FigureValueControl } from "../../../../kit/figure/value-control.mjs";
-import { LabelChip } from "../../../../kit/scene/workbench.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 { useReveal } from "../../../../runtime/use-reveal.mjs";
-import "../../../../runtime/index.mjs";
 import { LANDMARKS, titrationModel, volumeText } from "./model.mjs";
 import { AnswerKeys, useAnswerKeysLayout } from "../../../../kit/figure/answer-keys.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/domains/chem/acid-base/titration-run/live-scene.mjs

@@ -1,14 +1,12 @@
 'use client';
 
 import { FigText } from "../../../../kit/figure/text.mjs";
-import { HUE, STROKE } from "../../../../kit/figure/figure.mjs";
-import { Glass } from "../../../../kit/figure/container.mjs";
-import { Scene } from "../../../../kit/scene/scene.mjs";
 import { SCENE } from "../../../../kit/scene/tokens.mjs";
+import { HUE, STROKE } from "../../../../kit/figure/figure.mjs";
 import { Bench, LabelChip } from "../../../../kit/scene/workbench.mjs";
-import "../../../../kit/scene/index.mjs";
-import "../../../../kit/figure/index.mjs";
+import { Scene } from "../../../../kit/scene/scene.mjs";
 import { useLabView } from "../../../../runtime/use-lab-view.mjs";
+import { Glass } from "../../../../kit/figure/container.mjs";
 import { OBSERVED } from "../../../../kit/chemistry/observation.mjs";
 import { Burette } from "../../../../kit/chemistry/glassware.mjs";
 import { cm3, titrationRunModel } from "./model.mjs";

package/dist/domains/chem/acid-base/titration-run/scene.mjs

@@ -1,18 +1,16 @@
 'use client';
 
 import { FigText } from "../../../../kit/figure/text.mjs";
+import { ACCENT, SCENE } from "../../../../kit/scene/tokens.mjs";
 import { HUE, STROKE, alpha } from "../../../../kit/figure/figure.mjs";
 import { useMarkDrawn } from "../../../../runtime/drawn-controls.mjs";
 import { GripButton } from "../../../../kit/figure/grip.mjs";
-import { Glass } from "../../../../kit/figure/container.mjs";
-import { useNarrow } from "../../../../kit/figure/narrow.mjs";
-import { Scene } from "../../../../kit/scene/scene.mjs";
-import { ACCENT, SCENE } from "../../../../kit/scene/tokens.mjs";
-import { Bench } from "../../../../kit/scene/workbench.mjs";
-import "../../../../kit/scene/index.mjs";
-import "../../../../kit/figure/index.mjs";
 import { useControl } from "../../../../runtime/use-control.mjs";
+import { Bench } from "../../../../kit/scene/workbench.mjs";
+import { Scene } from "../../../../kit/scene/scene.mjs";
 import { useLabView } from "../../../../runtime/use-lab-view.mjs";
+import { Glass } from "../../../../kit/figure/container.mjs";
+import { useNarrow } from "../../../../kit/figure/narrow.mjs";
 import { OBSERVED } from "../../../../kit/chemistry/observation.mjs";
 import { Burette } from "../../../../kit/chemistry/glassware.mjs";
 import { cm3, titrationRunModel } from "./model.mjs";