@classytic/labs 0.3.0 → 0.4.0

package/dist/circuits/cmos-gate/preset.d.mts

@@ -1,4 +1,5 @@
 import { CmosInverterLab, CmosInverterProps } from "./inverter.mjs";
 import { RNmosNotLab, RNmosNotProps } from "./rnmos-not.mjs";
 import { CmosNandLab, CmosNandProps } from "./nand.mjs";
-import { CmosNorLab, CmosNorProps } from "./nor.mjs";
+import { CmosNorLab, CmosNorProps } from "./nor.mjs";
+export { CmosInverterLab, type CmosInverterProps, CmosNandLab, type CmosNandProps, CmosNorLab, type CmosNorProps, RNmosNotLab, type RNmosNotProps };

package/dist/circuits/cmos-gate/rnmos-not.d.mts

@@ -1,7 +1,6 @@
 import { AuthoredActivity } from "../../kit/activity-authoring.mjs";
 import { LabAskSpec } from "../../kit/ask.mjs";
 import { ReactNode } from "react";
-
 //#region src/circuits/cmos-gate/rnmos-not.d.ts
 interface RNmosNotProps {
   vdd?: number;
@@ -13,14 +12,6 @@ interface RNmosNotProps {
   ask?: LabAskSpec;
   activity?: string | AuthoredActivity;
 }
-declare function RNmosNotLab({
-  vdd,
-  vth,
-  rpull,
-  title,
-  prompt,
-  ask,
-  activity
-}?: RNmosNotProps): ReactNode;
+declare function RNmosNotLab({ vdd, vth, rpull, title, prompt, ask, activity }?: RNmosNotProps): ReactNode;
 //#endregion
 export { RNmosNotLab, RNmosNotProps };

package/dist/circuits/cmos-gate/rnmos-not.mjs

@@ -17,7 +17,8 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useFrameLoop } from "@classytic/stage";
 
 //#region src/circuits/cmos-gate/rnmos-not.tsx
-const RN_W = 460, RN_H = 250;
+const RN_W = 460;
+const RN_H = 250;
 function RNmosNotLab({ vdd = 5, vth = 2, rpull = 2e3, title = "A NOT gate from a single transistor", prompt = "Flip the input. HIGH turns the transistor on and pulls the output LOW; LOW leaves it off, so the resistor pulls the output HIGH. One transistor inverts, that is a NOT gate.", ask, activity = "rnmos-not" } = {}) {
 	const activityId = typeof activity === "string" ? activity : "rnmos-not";
 	const authoredActivity = typeof activity === "string" ? rnmosActivity : activity;
@@ -32,7 +33,7 @@ function RNmosNotLab({ vdd = 5, vth = 2, rpull = 2e3, title = "A NOT gate from a
 	const Pres = Math.max(0, Iload * (vdd - Y));
 	useFrameLoop((f) => setPhase((p) => (p + f.dtMs / 1e3 * .4) % 1), { running: nmosOn && !reduce });
 	const SX = 250, VDD_Y = 30, GND_Y = 220, Y_Y = 125;
-	const RCY = 72, NCY = 168, NHALF = 32;
+	const RCY = 72, NCY = 168;
 	const scene = /* @__PURE__ */ jsx("div", {
 		className: "cmos-scene cmos-scene-centered",
 		children: /* @__PURE__ */ jsxs("svg", {
@@ -50,7 +51,7 @@ function RNmosNotLab({ vdd = 5, vth = 2, rpull = 2e3, title = "A NOT gate from a
 					live: nmosOn
 				}),
 				/* @__PURE__ */ jsx(Wire, {
-					points: [[SX, VDD_Y], [SX, RCY - 30]],
+					points: [[SX, VDD_Y], [SX, 42]],
 					live: nmosOn
 				}),
 				/* @__PURE__ */ jsx(Wire, {
@@ -58,7 +59,7 @@ function RNmosNotLab({ vdd = 5, vth = 2, rpull = 2e3, title = "A NOT gate from a
 					live: nmosOn
 				}),
 				/* @__PURE__ */ jsx(Wire, {
-					points: [[SX, Y_Y], [SX, NCY - NHALF]],
+					points: [[SX, Y_Y], [SX, 136]],
 					live: nmosOn
 				}),
 				/* @__PURE__ */ jsx(Wire, {
@@ -69,7 +70,7 @@ function RNmosNotLab({ vdd = 5, vth = 2, rpull = 2e3, title = "A NOT gate from a
 					points: [[SX, Y_Y], [392, Y_Y]],
 					live: yHi
 				}),
-				/* @__PURE__ */ jsx(Wire, { points: [[96, NCY], [SX - 37, NCY]] }),
+				/* @__PURE__ */ jsx(Wire, { points: [[96, NCY], [213, NCY]] }),
 				nmosOn && /* @__PURE__ */ jsx(FlowDots, {
 					points: [
 						[SX, VDD_Y],
@@ -92,7 +93,7 @@ function RNmosNotLab({ vdd = 5, vth = 2, rpull = 2e3, title = "A NOT gate from a
 				/* @__PURE__ */ jsx(MosfetGlyph, {
 					cx: SX,
 					cy: NCY,
-					half: NHALF,
+					half: 32,
 					on: nmosOn,
 					live: nmosOn,
 					label: "NMOS"
@@ -117,7 +118,7 @@ function RNmosNotLab({ vdd = 5, vth = 2, rpull = 2e3, title = "A NOT gate from a
 				}),
 				/* @__PURE__ */ jsx(Tag, {
 					x: 90,
-					y: NCY - 8,
+					y: 160,
 					text: "A (in)",
 					color: "var(--stage-fg)",
 					size: 12,
@@ -141,7 +142,7 @@ function RNmosNotLab({ vdd = 5, vth = 2, rpull = 2e3, title = "A NOT gate from a
 				}),
 				/* @__PURE__ */ jsx(Tag, {
 					x: 404,
-					y: Y_Y - 8,
+					y: 117,
 					text: "Y (out)",
 					color: "var(--stage-fg)",
 					size: 12,

package/dist/circuits/diode/index.d.mts

@@ -1 +1,2 @@
-import { DiodeLab, DiodeProps } from "./preset.mjs";
+import { DiodeLab, DiodeProps } from "./preset.mjs";
+export { DiodeLab, type DiodeProps };

package/dist/circuits/diode/preset.d.mts

@@ -1,7 +1,6 @@
 import { AuthoredActivity } from "../../kit/activity-authoring.mjs";
 import { LabAskSpec } from "../../kit/ask.mjs";
 import { ReactNode } from "react";
-
 //#region src/circuits/diode/preset.d.ts
 interface DiodeProps {
   volts?: number;
@@ -11,16 +10,8 @@ interface DiodeProps {
   title?: string;
   prompt?: string;
   ask?: LabAskSpec;
-  activity?: string | AuthoredActivity;
+  activity?: string | AuthoredActivity | false;
 }
-declare function DiodeLab({
-  volts,
-  resistanceK,
-  show,
-  title,
-  prompt,
-  ask,
-  activity
-}?: DiodeProps): ReactNode;
+declare function DiodeLab({ volts, resistanceK, show, title, prompt, ask, activity }?: DiodeProps): ReactNode;
 //#endregion
 export { DiodeLab, DiodeProps };

package/dist/circuits/diode/preset.mjs

@@ -1,12 +1,14 @@
 'use client';
 
-import { Segmented, Slider, StatusPill } from "../../kit/controls.mjs";
+import { Slider, StatusPill } from "../../kit/controls.mjs";
+import { Activity } from "../../kit/activity.mjs";
 import { Field, Stat, StatList } from "../../kit/frame.mjs";
+import { useCheckpoint } from "../../kit/pedagogy.mjs";
 import { AuthoredActivityRuntime, AuthoredMetricGate } from "../../kit/authored-activity-runtime.mjs";
+import { FigText } from "../../kit/figure/text.mjs";
 import { CoordPlane } from "../../kit/coords.mjs";
 import { useReducedMotion } from "../../kit/anim.mjs";
 import { LabAsk } from "../../kit/ask.mjs";
-import { Tag } from "../../kit/electronics/_shared.mjs";
 import { BulbGlyph, CellGlyph } from "../../kit/electronics/basics.mjs";
 import { DiodeGlyph } from "../../kit/electronics/semiconductor.mjs";
 import { FlowDots, Wire } from "../../kit/electronics/wire.mjs";
@@ -16,6 +18,7 @@ import { useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Dot, Label, Plot, Segment, useFrameLoop } from "@classytic/stage";
 import { solveDC } from "@classytic/stage/circuit";
+import { Button } from "@/components/ui/button";
 
 //#region src/circuits/diode/preset.tsx
 /**
@@ -29,11 +32,20 @@ import { solveDC } from "@classytic/stage/circuit";
 */
 /** Top of the current axis, in mA. */
 const I_TOP = 10;
-const VT = .025852, IS = 1e-12;
+const VT = .025852;
+const IS = 1e-12;
 const C_OK = "var(--stage-good)";
-const C_BAD = "var(--stage-danger, #e03131)";
-const W = 520, H = 188, xL = 45, xR = 475, yT = 56, yB = 150, HALF = 28;
-const CELL_X = 110, DIODE_X = 250, BULB_X = 400;
+const C_BAD = "var(--stage-danger, var(--stage-warn))";
+const W = 520;
+const H = 188;
+const xL = 45;
+const xR = 475;
+const yT = 56;
+const yB = 150;
+const HALF = 28;
+const CELL_X = 110;
+const DIODE_X = 250;
+const BULB_X = 400;
 const LOOP = [
 	[xL, yT],
 	[xR, yT],
@@ -43,11 +55,13 @@ const LOOP = [
 ];
 function DiodeLab({ volts = 2, resistanceK = 1, show = "both", title = "The diode: a one-way valve", prompt = "The battery pushes current around the loop. Forward, the valve opens and the lamp lights; reverse it and the flow is blocked.", ask, activity = "diode" } = {}) {
 	const activityId = typeof activity === "string" ? activity : "diode";
-	const authoredActivity = typeof activity === "string" ? diodeActivity : activity;
+	const authoredActivity = typeof activity === "string" || !activity ? diodeActivity : activity;
 	const [Vs, setVs] = useState(volts);
 	const [Rk, setRk] = useState(resistanceK);
 	const [reversed, setReversed] = useState(false);
 	const [phase, setPhase] = useState(0);
+	const [viewTab, setViewTab] = useState(show);
+	const [showParams, setShowParams] = useState(false);
 	const reduce = useReducedMotion();
 	const R = Rk * 1e3;
 	const sol = solveDC([
@@ -83,6 +97,10 @@ function DiodeLab({ volts = 2, resistanceK = 1, show = "both", title = "The diod
 	const conducting = Ima > .05;
 	const brightness = Math.max(0, Math.min(1, Ima / (Vs / R * 1e3 || 1)));
 	useFrameLoop((f) => setPhase((p) => (p + f.dtMs / 1e3 * (.1 + .4 * brightness)) % 1), { running: conducting && !reduce });
+	useCheckpoint({
+		solved: reversed,
+		activity: `${activityId}:reversed`
+	});
 	const scene = /* @__PURE__ */ jsx("div", {
 		className: "electronics-scene",
 		children: /* @__PURE__ */ jsxs("svg", {
@@ -104,18 +122,49 @@ function DiodeLab({ volts = 2, resistanceK = 1, show = "both", title = "The diod
 					cy: yT,
 					half: HALF,
 					live: conducting,
-					label: `${Vs} V`
+					label: `${Vs.toFixed(1)} V`
 				}),
-				/* @__PURE__ */ jsx("g", {
-					transform: reversed ? `translate(${2 * DIODE_X} 0) scale(-1 1)` : void 0,
-					children: /* @__PURE__ */ jsx(DiodeGlyph, {
-						cx: DIODE_X,
-						cy: yT,
-						half: HALF,
-						live: conducting,
-						conducting,
-						label: reversed ? "reverse" : "forward"
-					})
+				/* @__PURE__ */ jsxs("g", {
+					style: { cursor: "pointer" },
+					role: "button",
+					tabIndex: 0,
+					"aria-label": `Diode is ${reversed ? "REVERSE biased (blocking)" : "FORWARD biased (conducting)"}. Tap to flip orientation.`,
+					onClick: () => setReversed((prev) => !prev),
+					onKeyDown: (e) => {
+						if (e.key === "Enter" || e.key === " ") {
+							e.preventDefault();
+							setReversed((prev) => !prev);
+						}
+					},
+					children: [
+						/* @__PURE__ */ jsx("rect", {
+							x: 214,
+							y: 20,
+							width: 72,
+							height: 94,
+							fill: "transparent"
+						}),
+						/* @__PURE__ */ jsx("g", {
+							transform: reversed ? `translate(500 0) scale(-1 1)` : void 0,
+							children: /* @__PURE__ */ jsx(DiodeGlyph, {
+								cx: DIODE_X,
+								cy: yT,
+								half: HALF,
+								live: conducting,
+								conducting,
+								label: reversed ? "reverse" : "forward"
+							})
+						}),
+						/* @__PURE__ */ jsx(FigText, {
+							x: DIODE_X,
+							y: 98,
+							size: "note",
+							tone: "soft",
+							anchor: "middle",
+							baseline: "middle",
+							children: "⚡ TAP TO FLIP"
+						})
+					]
 				}),
 				/* @__PURE__ */ jsx(BulbGlyph, {
 					cx: BULB_X,
@@ -126,19 +175,11 @@ function DiodeLab({ volts = 2, resistanceK = 1, show = "both", title = "The diod
 					label: "lamp"
 				}),
 				/* @__PURE__ */ jsx(VoltagePort, {
-					x: DIODE_X - HALF,
+					x: 222,
 					y: yT,
 					name: "diode voltage",
 					reading: `${Vd.toFixed(2)} V`,
 					side: "left"
-				}),
-				/* @__PURE__ */ jsx(Tag, {
-					x: 520 / 2,
-					y: yB - 10,
-					text: conducting ? `current ${Ima.toFixed(2)} mA →` : "current ≈ 0 mA · blocked",
-					color: conducting ? "var(--stage-accent)" : "var(--stage-muted)",
-					size: 10,
-					weight: 700
 				})
 			]
 		})
@@ -193,89 +234,198 @@ function DiodeLab({ volts = 2, resistanceK = 1, show = "both", title = "The diod
 			})
 		]
 	});
-	const figure = show === "circuit" ? scene : show === "graph" ? graph : /* @__PURE__ */ jsxs("div", {
+	const figure = viewTab === "circuit" ? scene : viewTab === "graph" ? graph : /* @__PURE__ */ jsxs("div", {
 		className: "electronics-visual-stack",
 		children: [scene, graph]
 	});
-	const controls = /* @__PURE__ */ jsxs(Fragment$1, { children: [
-		/* @__PURE__ */ jsx(Field, {
-			label: "orientation",
-			children: /* @__PURE__ */ jsx(Segmented, {
-				ariaLabel: "orientation",
-				value: reversed ? "reverse" : "forward",
-				onChange: (v) => setReversed(v === "reverse"),
-				options: [{
-					value: "forward",
-					label: "forward ▶|"
-				}, {
-					value: "reverse",
-					label: "reverse |◀"
-				}]
-			})
-		}),
-		/* @__PURE__ */ jsx(Field, {
-			label: "battery",
-			value: `${Vs} V`,
-			children: /* @__PURE__ */ jsx(Slider, {
-				value: Vs,
-				min: 0,
-				max: 5,
-				step: .1,
-				onChange: setVs,
-				ariaLabel: "battery voltage"
-			})
-		}),
-		/* @__PURE__ */ jsx(Field, {
-			label: "R",
-			value: `${Rk} kΩ`,
-			children: /* @__PURE__ */ jsx(Slider, {
-				value: Rk,
-				min: .2,
-				max: 10,
-				step: .1,
-				onChange: setRk,
-				ariaLabel: "series resistance"
+	const hudControls = /* @__PURE__ */ jsxs("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: 6,
+			width: "100%",
+			gridColumn: "1 / -1"
+		},
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "lab-hud-toolbar",
+			role: "toolbar",
+			"aria-label": "Diode Controls",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "lab-hud-group",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "lab-hud-badge",
+						children: "Bias"
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "lab-hud-chip-select",
+						role: "radiogroup",
+						"aria-label": "Diode orientation",
+						children: [/* @__PURE__ */ jsx(Button, {
+							type: "button",
+							role: "radio",
+							"aria-checked": !reversed,
+							className: "lab-hud-chip-btn",
+							"data-active": !reversed ? "true" : void 0,
+							onClick: () => setReversed(false),
+							children: "▶ Forward"
+						}), /* @__PURE__ */ jsx(Button, {
+							type: "button",
+							role: "radio",
+							"aria-checked": reversed,
+							className: "lab-hud-chip-btn",
+							"data-active": reversed ? "true" : void 0,
+							onClick: () => setReversed(true),
+							children: "◀ Reverse"
+						})]
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "lab-hud-group",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "lab-hud-badge",
+						children: "View"
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "lab-hud-chip-select",
+						role: "radiogroup",
+						"aria-label": "View mode",
+						children: [
+							/* @__PURE__ */ jsx(Button, {
+								type: "button",
+								role: "radio",
+								"aria-checked": viewTab === "both",
+								className: "lab-hud-chip-btn",
+								"data-active": viewTab === "both" ? "true" : void 0,
+								onClick: () => setViewTab("both"),
+								children: "Both"
+							}),
+							/* @__PURE__ */ jsx(Button, {
+								type: "button",
+								role: "radio",
+								"aria-checked": viewTab === "circuit",
+								className: "lab-hud-chip-btn",
+								"data-active": viewTab === "circuit" ? "true" : void 0,
+								onClick: () => setViewTab("circuit"),
+								children: "Circuit"
+							}),
+							/* @__PURE__ */ jsx(Button, {
+								type: "button",
+								role: "radio",
+								"aria-checked": viewTab === "graph",
+								className: "lab-hud-chip-btn",
+								"data-active": viewTab === "graph" ? "true" : void 0,
+								onClick: () => setViewTab("graph"),
+								children: "I–V Curve"
+							})
+						]
+					})]
+				}),
+				/* @__PURE__ */ jsxs("span", {
+					className: "lab-hud-badge",
+					style: { fontVariantNumeric: "tabular-nums" },
+					children: [
+						/* @__PURE__ */ jsxs("span", { children: ["Vd: ", /* @__PURE__ */ jsxs("strong", { children: [Vd.toFixed(2), " V"] })] }),
+						/* @__PURE__ */ jsx("span", { children: "·" }),
+						/* @__PURE__ */ jsxs("span", { children: ["I: ", /* @__PURE__ */ jsxs("strong", { children: [Math.abs(Ima) < .001 ? "0.00" : Ima.toFixed(2), " mA"] })] }),
+						/* @__PURE__ */ jsx("span", { children: "·" }),
+						/* @__PURE__ */ jsx("span", {
+							style: {
+								color: conducting ? "var(--stage-good)" : "var(--stage-warn)",
+								fontWeight: 600
+							},
+							children: conducting ? "✓ Conduction" : "✗ Blocked"
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "lab-hud-group",
+					style: {
+						flex: "1 1 auto",
+						minWidth: 130
+					},
+					children: [/* @__PURE__ */ jsxs("span", {
+						className: "lab-hud-badge",
+						children: ["Vs: ", /* @__PURE__ */ jsxs("strong", { children: [Vs.toFixed(1), " V"] })]
+					}), /* @__PURE__ */ jsx(Slider, {
+						value: Vs,
+						min: 0,
+						max: 5,
+						step: .1,
+						onChange: setVs,
+						ariaLabel: "Supply voltage in volts"
+					})]
+				}),
+				/* @__PURE__ */ jsxs(Button, {
+					type: "button",
+					className: "lab-hud-drawer-toggle",
+					onClick: () => setShowParams((prev) => !prev),
+					"aria-expanded": showParams,
+					children: [/* @__PURE__ */ jsxs("span", { children: [
+						"⚙ Resistor (",
+						Rk.toFixed(1),
+						" kΩ)"
+					] }), /* @__PURE__ */ jsx("span", {
+						"aria-hidden": "true",
+						children: showParams ? "▲" : "▼"
+					})]
+				})
+			]
+		}), showParams && /* @__PURE__ */ jsx("div", {
+			className: "lab-hud-drawer",
+			children: /* @__PURE__ */ jsx(Field, {
+				label: "series resistance R",
+				value: `${Rk.toFixed(1)} kΩ`,
+				children: /* @__PURE__ */ jsx(Slider, {
+					value: Rk,
+					min: .2,
+					max: 10,
+					step: .1,
+					onChange: setRk,
+					ariaLabel: "Series resistance"
+				})
 			})
-		})
-	] });
+		})]
+	});
 	const aside = /* @__PURE__ */ jsxs("div", {
 		className: "electronics-inspector",
 		children: [/* @__PURE__ */ jsx(StatusPill, {
 			ok: conducting,
-			children: conducting ? "✓ valve OPEN, current flows, lamp lit" : "✗ valve SHUT, blocked, lamp dark"
+			children: conducting ? "✓ Valve OPEN, current flows, lamp lit" : "✗ Valve SHUT, reverse biased, flow blocked"
 		}), /* @__PURE__ */ jsxs(StatList, { children: [
 			/* @__PURE__ */ jsx(Stat, {
 				label: "V across diode",
 				value: `${Vd.toFixed(2)} V`
 			}),
 			/* @__PURE__ */ jsx(Stat, {
-				label: "current",
-				value: Math.abs(Ima) < .001 ? "≈ 0" : `${Ima.toFixed(2)} mA`
+				label: "circuit current",
+				value: Math.abs(Ima) < .001 ? "≈ 0 mA" : `${Ima.toFixed(2)} mA`
+			}),
+			/* @__PURE__ */ jsx(Stat, {
+				label: "lamp brightness",
+				value: conducting ? `${Math.round(brightness * 100)}%` : "Dark (0%)"
 			}),
 			/* @__PURE__ */ jsx("span", {
 				className: "electronics-explanation",
-				children: "silicon forward voltage is often around 0.6–0.7 V at common currents, but changes logarithmically with current and also with temperature"
+				children: "Silicon forward voltage exhibits a threshold knee (~0.6–0.7 V). Below the knee, current is negligible; above it, current climbs steeply as modeled by the Shockley equation."
 			})
 		] })]
 	});
-	return /* @__PURE__ */ jsx(AuthoredActivityRuntime, {
+	if (activity) return /* @__PURE__ */ jsx(AuthoredActivityRuntime, {
 		focusLayout: "immersive",
 		activity: authoredActivity,
 		activityId,
 		eyebrow: "Semiconductor devices",
 		title,
 		description: prompt,
-		status: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", { children: reversed ? "reverse bias" : "forward bias" }), /* @__PURE__ */ jsx("span", { children: Math.abs(Ima) < .001 ? "≈ 0 mA" : `${Ima.toFixed(2)} mA` })] }),
+		status: null,
 		evidence: aside,
-		controls,
+		controls: hudControls,
 		observation: conducting ? "The operating point lies on the steep forward region; current flows and the lamp responds." : "Reverse bias places the operating point near zero current in this model.",
 		transcript: /* @__PURE__ */ jsxs("p", { children: [
 			"The diode is ",
 			reversed ? "reverse" : "forward",
 			" biased. Diode voltage ",
 			Vd.toFixed(2),
-			" volts; current",
-			" ",
+			" volts; current ",
 			Ima.toFixed(3),
 			" milliamps; lamp ",
 			conducting ? "lit" : "dark",
@@ -301,6 +451,30 @@ function DiodeLab({ volts = 2, resistanceK = 1, show = "both", title = "The diod
 			figure
 		] })
 	});
+	return /* @__PURE__ */ jsxs(Activity.Root, {
+		className: "lab-diode",
+		focusLayout: "immersive",
+		children: [
+			/* @__PURE__ */ jsxs(Activity.Header, { children: [/* @__PURE__ */ jsx(Activity.Heading, {
+				eyebrow: "Semiconductor Devices",
+				title,
+				description: prompt
+			}), /* @__PURE__ */ jsx(Activity.FocusButton, {})] }),
+			/* @__PURE__ */ jsxs(Activity.Workspace, { children: [
+				/* @__PURE__ */ jsx(Activity.Canvas, {
+					"aria-label": prompt,
+					children: figure
+				}),
+				/* @__PURE__ */ jsx(Activity.Dock, { children: hudControls }),
+				/* @__PURE__ */ jsx(Activity.Inspector, {
+					label: "Explore Cambridge I-V Operating Point",
+					defaultOpen: false,
+					children: aside
+				})
+			] }),
+			/* @__PURE__ */ jsx(Activity.Feedback, { message: conducting ? `Forward bias: supply voltage (${Vs.toFixed(1)} V) overcomes diode knee (~0.6 V). Current is ${Ima.toFixed(2)} mA, lamp is lit.` : `Reverse bias: diode blocks current flow (I ≈ 0 mA). The full supply voltage appears across the diode (${Math.abs(Vd).toFixed(2)} V).` })
+		]
+	});
 }
 
 //#endregion