@classytic/labs 0.2.0 → 0.3.0

package/dist/commerce/economics/demand-shift-vs-move.mjs

@@ -2,12 +2,13 @@
 
 import { clamp } from "../../core/util.mjs";
 import { Chip, StatusPill } from "../../kit/controls.mjs";
-import { ControlBar, Field, LabFrame, LiveRegion } from "../../kit/frame.mjs";
-import { useCheckpoint } from "../../kit/pedagogy.mjs";
+import { Field, LiveRegion } from "../../kit/frame.mjs";
+import { AuthoredActivityRuntime, AuthoredMetricGate } from "../../kit/authored-activity-runtime.mjs";
 import { demandQ, equilibrium } from "./core.mjs";
 import { useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Axes, Dot, Label, MovableDot, Segment, Stage } from "@classytic/stage";
+import { Button } from "@/components/ui/button";
 
 //#region src/commerce/economics/demand-shift-vs-move.tsx
 /**
@@ -53,7 +54,89 @@ const SHIFTERS = [
 		delta: 1
 	}
 ];
-function DemandShiftVsMoveLab({ demand = DEMAND0, supply = SUPPLY0, shifters = SHIFTERS, askPrediction = true, priceMax = 11, qtyMax = 13, title = "Shift the curve, or move along it?", prompt = "Drag PRICE → move along (Δ quantity demanded). Click a TRIBE factor → the whole curve SHIFTS (Δ demand).", height = 320, objectives }) {
+const QUESTIONS = [{
+	id: "own-price",
+	prompt: "Changing the good's own price causes…",
+	choices: [
+		{
+			value: "move",
+			label: "a movement along demand"
+		},
+		{
+			value: "shift",
+			label: "the whole demand curve to shift"
+		},
+		{
+			value: "supply",
+			label: "the supply curve to shift"
+		}
+	],
+	answer: "move",
+	explain: "Own price is the axis variable, so it changes quantity demanded along the existing curve."
+}, {
+	id: "non-price",
+	prompt: "A change in tastes, income, buyers, expectations, or related-good prices causes…",
+	choices: [
+		{
+			value: "shift",
+			label: "a shift of the demand curve"
+		},
+		{
+			value: "move",
+			label: "only a movement along demand"
+		},
+		{
+			value: "none",
+			label: "no market change"
+		}
+	],
+	answer: "shift",
+	explain: "A non-price determinant changes demand at every own price, moving the whole curve."
+}];
+const STEPS = [
+	{
+		id: "predict",
+		phase: "predict",
+		title: "Classify an own-price change",
+		lead: "Predict whether own price moves the point or the curve.",
+		success: "own-price-rule"
+	},
+	{
+		id: "inspect",
+		phase: "observe",
+		title: "Inspect the market",
+		lead: "Compare the demand point with the full demand curve.",
+		reveal: ["model"]
+	},
+	{
+		id: "forecast",
+		phase: "act",
+		title: "Forecast a demand shift",
+		lead: "Choose a TRIBE factor, then correctly predict its equilibrium direction.",
+		controls: true,
+		success: "correct-shift"
+	},
+	{
+		id: "explain",
+		phase: "explain",
+		title: "Explain the distinction",
+		lead: "Identify what non-price determinants change.",
+		success: "non-price-rule"
+	},
+	{
+		id: "transfer",
+		phase: "transfer",
+		title: "Test more scenarios",
+		lead: "Try other factors and compare the new equilibria.",
+		reveal: ["transfer"],
+		controls: true
+	}
+];
+function DemandShiftVsMoveLab({ demand = DEMAND0, supply = SUPPLY0, shifters = SHIFTERS, askPrediction = true, priceMax = 11, qtyMax = 13, title = "Shift the curve, or move along it?", prompt = "Drag the price and you move along the curve, changing quantity demanded. Click a TRIBE factor and the whole curve shifts, changing demand itself.", height = 320, objectives = [
+	"Distinguish a movement along demand from a shift of demand",
+	"Classify own-price and non-price changes correctly",
+	"Predict how demand shifts change equilibrium price and quantity"
+] }) {
 	const [dShift, setDShift] = useState(0);
 	const [sShift, setSShift] = useState(0);
 	const [movePrice, setMovePrice] = useState(6);
@@ -61,11 +144,7 @@ function DemandShiftVsMoveLab({ demand = DEMAND0, supply = SUPPLY0, shifters = S
 	const [ghost, setGhost] = useState(null);
 	const [pending, setPending] = useState(null);
 	const [verdict, setVerdict] = useState(null);
-	const [solved, setSolved] = useState(false);
-	useCheckpoint({
-		solved,
-		activity: "demand-shift-vs-move"
-	});
+	const [correctForecast, setCorrectForecast] = useState(false);
 	const d = {
 		intercept: demand.intercept + dShift,
 		slope: demand.slope
@@ -90,7 +169,10 @@ function DemandShiftVsMoveLab({ demand = DEMAND0, supply = SUPPLY0, shifters = S
 	const clickShifter = (sh) => {
 		setVerdict(null);
 		if (askPrediction) setPending(sh);
-		else apply(sh);
+		else {
+			apply(sh);
+			setCorrectForecast(true);
+		}
 	};
 	const predict = (guess) => {
 		if (!pending) return;
@@ -99,7 +181,7 @@ function DemandShiftVsMoveLab({ demand = DEMAND0, supply = SUPPLY0, shifters = S
 		setVerdict(ok ? `✓ Right, ${pending.label} shifts demand ${pending.delta > 0 ? "right" : "left"}, so P* and Q* both go ${truth}.` : `Not quite, ${pending.label} shifts demand ${pending.delta > 0 ? "right" : "left"}: P* and Q* both go ${truth}.`);
 		apply(pending);
 		setPending(null);
-		if (ok) setSolved(true);
+		if (ok) setCorrectForecast(true);
 	};
 	const view = {
 		xMin: -.9,
@@ -123,12 +205,7 @@ function DemandShiftVsMoveLab({ demand = DEMAND0, supply = SUPPLY0, shifters = S
 	const [d0, d1] = lineEnds(d, true);
 	const [s0, s1] = lineEnds(s, false);
 	const figure = /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
-		style: {
-			borderRadius: 14,
-			overflow: "hidden",
-			background: "var(--stage-bg)",
-			border: "1px solid var(--stage-grid)"
-		},
+		className: "commerce-scene-frame",
 		children: /* @__PURE__ */ jsxs(Stage, {
 			view,
 			height,
@@ -241,82 +318,126 @@ function DemandShiftVsMoveLab({ demand = DEMAND0, supply = SUPPLY0, shifters = S
 			]
 		})
 	}), /* @__PURE__ */ jsx(LiveRegion, { children: verdict ?? (last === "move" ? "Movement along the demand curve: a change in quantity demanded." : last === "shift" ? `Demand shifted; new equilibrium price ${eq.p.toFixed(1)}, quantity ${eq.q.toFixed(1)}.` : "Drag the price or pick a factor.") })] });
-	return /* @__PURE__ */ jsx(LabFrame, {
-		title,
-		prompt,
-		objectives,
-		controls: /* @__PURE__ */ jsx(ControlBar, { children: pending ? /* @__PURE__ */ jsx(Field, {
-			label: `“${pending.label}” → P* and Q* will go`,
-			children: /* @__PURE__ */ jsxs("span", {
-				style: {
-					display: "flex",
-					flexWrap: "wrap",
-					gap: 8
+	const controls = /* @__PURE__ */ jsx(Fragment$1, { children: pending ? /* @__PURE__ */ jsx(Field, {
+		label: `“${pending.label}” → P* and Q* will go`,
+		children: /* @__PURE__ */ jsxs("span", {
+			className: "lab-field-row",
+			children: [
+				/* @__PURE__ */ jsx(Chip, {
+					selected: false,
+					onClick: () => predict("up"),
+					children: "both UP"
+				}),
+				/* @__PURE__ */ jsx(Chip, {
+					selected: false,
+					onClick: () => predict("down"),
+					children: "both DOWN"
+				}),
+				/* @__PURE__ */ jsx(Chip, {
+					selected: false,
+					onClick: () => predict("indeterminate"),
+					children: "indeterminate"
+				})
+			]
+		})
+	}) : /* @__PURE__ */ jsx(Field, {
+		label: "TRIBE factor",
+		children: /* @__PURE__ */ jsxs("span", {
+			className: "lab-field-row",
+			children: [shifters.map((sh) => /* @__PURE__ */ jsx(Chip, {
+				selected: false,
+				onClick: () => clickShifter(sh),
+				children: sh.label
+			}, sh.label)), /* @__PURE__ */ jsx(Button, {
+				variant: "outline",
+				size: "sm",
+				type: "button",
+				className: "lab-chip",
+				onClick: () => {
+					setDShift(0);
+					setSShift(0);
+					setGhost(null);
+					setLast(null);
+					setVerdict(null);
+					setCorrectForecast(false);
 				},
-				children: [
-					/* @__PURE__ */ jsx(Chip, {
-						selected: false,
-						onClick: () => predict("up"),
-						children: "both UP"
-					}),
-					/* @__PURE__ */ jsx(Chip, {
-						selected: false,
-						onClick: () => predict("down"),
-						children: "both DOWN"
-					}),
-					/* @__PURE__ */ jsx(Chip, {
-						selected: false,
-						onClick: () => predict("indeterminate"),
-						children: "indeterminate"
-					})
-				]
-			})
-		}) : /* @__PURE__ */ jsx(Field, {
-			label: "TRIBE factor",
-			children: /* @__PURE__ */ jsxs("span", {
-				style: {
-					display: "flex",
-					flexWrap: "wrap",
-					gap: 8
+				children: "reset"
+			})]
+		})
+	}) });
+	const footer = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		last === "move" && /* @__PURE__ */ jsx(StatusPill, {
+			ok: false,
+			children: "MOVEMENT along the curve, Δ quantity demanded (own price changed)"
+		}),
+		last === "shift" && /* @__PURE__ */ jsx(StatusPill, {
+			ok: true,
+			children: "SHIFT of the whole curve, Δ demand (a TRIBE factor)"
+		}),
+		!last && /* @__PURE__ */ jsx("p", {
+			className: "lab-prompt",
+			children: "Drag the price, or click a factor."
+		}),
+		verdict && /* @__PURE__ */ jsx(StatusPill, {
+			ok: verdict.startsWith("✓"),
+			children: verdict
+		})
+	] });
+	return /* @__PURE__ */ jsx(AuthoredActivityRuntime, {
+		activity: {
+			pattern: "forecast",
+			title,
+			objectives,
+			steps: STEPS,
+			questions: QUESTIONS,
+			success: [
+				{
+					id: "own-price-rule",
+					source: "answer",
+					key: "own-price",
+					pendingLabel: "Classify the own-price change."
 				},
-				children: [shifters.map((sh) => /* @__PURE__ */ jsx(Chip, {
-					selected: false,
-					onClick: () => clickShifter(sh),
-					children: sh.label
-				}, sh.label)), /* @__PURE__ */ jsx("button", {
-					type: "button",
-					className: "lab-chip",
-					onClick: () => {
-						setDShift(0);
-						setSShift(0);
-						setGhost(null);
-						setLast(null);
-						setVerdict(null);
-						setSolved(false);
-					},
-					children: "reset"
-				})]
-			})
-		}) }),
-		footer: /* @__PURE__ */ jsxs(Fragment$1, { children: [
-			last === "move" && /* @__PURE__ */ jsx(StatusPill, {
-				ok: false,
-				children: "MOVEMENT along the curve, Δ quantity demanded (own price changed)"
-			}),
-			last === "shift" && /* @__PURE__ */ jsx(StatusPill, {
-				ok: true,
-				children: "SHIFT of the whole curve, Δ demand (a TRIBE factor)"
-			}),
-			!last && /* @__PURE__ */ jsx("p", {
-				className: "lab-prompt",
-				children: "Drag the price, or click a factor."
-			}),
-			verdict && /* @__PURE__ */ jsx(StatusPill, {
-				ok: verdict.startsWith("✓"),
-				children: verdict
-			})
+				{
+					id: "correct-shift",
+					source: "metric",
+					key: "correctForecast",
+					operator: "eq",
+					value: true,
+					pendingLabel: "Correctly forecast a TRIBE-factor shift."
+				},
+				{
+					id: "non-price-rule",
+					source: "answer",
+					key: "non-price",
+					pendingLabel: "Explain the non-price rule."
+				}
+			]
+		},
+		activityId: "demand-shift-vs-move",
+		eyebrow: "Demand analysis",
+		title,
+		description: prompt,
+		status: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+			/* @__PURE__ */ jsx("span", { children: last === "shift" ? "curve shifted" : last === "move" ? "movement along curve" : "ready" }),
+			/* @__PURE__ */ jsxs("span", { children: ["P* ", eq.p.toFixed(1)] }),
+			/* @__PURE__ */ jsxs("span", { children: ["Q* ", eq.q.toFixed(1)] })
 		] }),
-		children: figure
+		task: ({ sequence }) => sequence.current.id === "forecast" ? /* @__PURE__ */ jsx("p", {
+			className: "commerce-task-copy",
+			children: pending ? `Predict how “${pending.label}” changes equilibrium price and quantity.` : "Choose a TRIBE factor, then predict the direction."
+		}) : null,
+		controls: ({ sequence }) => sequence.current.id === "forecast" || sequence.shows("transfer") ? controls : null,
+		observation: footer,
+		transcript: `Demand ${dShift === 0 ? "is at its starting position" : `has shifted by ${dShift.toFixed(1)}`}. Equilibrium price is ${eq.p.toFixed(1)} and quantity is ${eq.q.toFixed(1)}. ${last === "move" ? `Own price ${movePrice.toFixed(1)} gives quantity demanded ${moveQ.toFixed(1)} along the curve.` : last === "shift" ? "A non-price factor shifted the whole curve." : "No change has been applied yet."}`,
+		children: ({ sequence, complete }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(AuthoredMetricGate, {
+			conditionId: "correct-shift",
+			met: sequence.current.id === "forecast" && correctForecast,
+			complete,
+			outcome: verdict ?? void 0
+		}), sequence.shows("model") ? figure : /* @__PURE__ */ jsxs("div", {
+			className: "commerce-model-lock",
+			children: [/* @__PURE__ */ jsx("strong", { children: "Classify the change first" }), /* @__PURE__ */ jsx("span", { children: "The market model opens after your own-price prediction." })]
+		})] })
 	});
 }
 

package/dist/commerce/economics/elasticity-revenue.mjs

@@ -1,8 +1,10 @@
 'use client';
 
 import { clamp } from "../../core/util.mjs";
-import { Chip, Slider, StatusPill } from "../../kit/controls.mjs";
-import { ControlBar, Field, LabFrame, LiveRegion } from "../../kit/frame.mjs";
+import { Segmented, Slider } from "../../kit/controls.mjs";
+import { Field, LiveRegion, Readout } from "../../kit/frame.mjs";
+import { AuthoredActivityRuntime, AuthoredMetricGate } from "../../kit/authored-activity-runtime.mjs";
+import { EvidencePanel } from "../activity.mjs";
 import { demandQ, pointElasticity } from "./core.mjs";
 import { useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -21,6 +23,84 @@ import { Axes, Dot, Label, MovableDot, Polygon, Segment, Stage } from "@classyti
 *
 * Reuses the shared econ core (pointElasticity / demandQ). Tokenized; reduced-motion safe.
 */
+const CHALLENGE = [{
+	id: "slide",
+	prompt: "As you slide the price downwards along one straight demand line, its elasticity…",
+	choices: [
+		{
+			value: "changes",
+			label: "changes — elastic up top, inelastic near the bottom"
+		},
+		{
+			value: "same",
+			label: "stays the same (it’s one line)"
+		},
+		{
+			value: "slope",
+			label: "equals the slope"
+		}
+	],
+	answer: "changes",
+	explain: "Elasticity is %ΔQ ÷ %ΔP, not the slope. On one straight line it runs elastic at high prices → unit at the midpoint → inelastic at low prices."
+}, {
+	id: "cut",
+	prompt: "For an elastic good (|E| > 1), cutting the price…",
+	choices: [
+		{
+			value: "up",
+			label: "raises total revenue"
+		},
+		{
+			value: "down",
+			label: "lowers it"
+		},
+		{
+			value: "same",
+			label: "leaves it unchanged"
+		}
+	],
+	answer: "up",
+	explain: "When demand is elastic, quantity jumps by more than the price falls, so P×Q rises. Watch the revenue box grow on the upper half of the line."
+}];
+const STEPS = [
+	{
+		id: "predict",
+		phase: "predict",
+		title: "Predict the stretch",
+		lead: "Decide whether elasticity stays fixed on one straight demand line.",
+		success: "elasticity-forecast"
+	},
+	{
+		id: "inspect",
+		phase: "observe",
+		title: "Open the revenue model",
+		lead: "Inspect the revenue rectangle and point elasticity together.",
+		reveal: ["model"]
+	},
+	{
+		id: "configure",
+		phase: "act",
+		title: "Find an inelastic case",
+		lead: "Use the substitutes presets to make demand inelastic.",
+		controls: true,
+		success: "inelastic-case"
+	},
+	{
+		id: "explain",
+		phase: "explain",
+		title: "Explain the revenue response",
+		lead: "Explain what an elastic price cut does to total revenue.",
+		success: "revenue-explanation"
+	},
+	{
+		id: "transfer",
+		phase: "transfer",
+		title: "Stress-test the curve",
+		lead: "Rotate the curve and move price to compare new cases.",
+		reveal: ["transfer"],
+		controls: true
+	}
+];
 const PRESETS = [
 	{
 		label: "💉 insulin (few substitutes)",
@@ -38,7 +118,11 @@ const PRESETS = [
 function ElasticityRevenueLab({ pivot = {
 	p: 5,
 	q: 5
-}, priceMax = 11, qtyMax = 13, anchorPresets = PRESETS, title = "The stretch test: elasticity is not slope", prompt = "Rotate the curve (substitutes), then drag the price: watch the revenue box + the elasticity flip.", height = 320, objectives }) {
+}, priceMax = 11, qtyMax = 13, anchorPresets = PRESETS, title = "The stretch test: elasticity is not slope", prompt = "Rotate the curve (substitutes), then drag the price: watch the revenue box + the elasticity flip.", height = 320, objectives = [
+	"Distinguish point elasticity from the slope of a demand curve",
+	"Connect elastic and inelastic demand to changes in total revenue",
+	"Compare elasticity at different points and with different substitutes"
+] }) {
 	const [b, setB] = useState(.8);
 	const curve = {
 		intercept: pivot.p + b * pivot.q,
@@ -59,12 +143,7 @@ function ElasticityRevenueLab({ pivot = {
 	const qAtP0 = clamp(curve.intercept / b, 0, qtyMax * 1.3);
 	const pAtQ0 = clamp(curve.intercept, 0, priceMax * 1.3);
 	const figure = /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
-		style: {
-			borderRadius: 14,
-			overflow: "hidden",
-			background: "var(--stage-bg)",
-			border: "1px solid var(--stage-grid)"
-		},
+		className: "commerce-scene-frame",
 		children: /* @__PURE__ */ jsxs(Stage, {
 			view,
 			height,
@@ -186,66 +265,113 @@ function ElasticityRevenueLab({ pivot = {
 			]
 		})
 	}), /* @__PURE__ */ jsx(LiveRegion, { children: `At price ${price.toFixed(1)}, quantity ${q.toFixed(1)}, revenue ${revenue.toFixed(1)}. Elasticity ${E === Infinity ? "infinite" : E.toFixed(2)}, ${kind}.` })] });
-	return /* @__PURE__ */ jsx(LabFrame, {
-		title,
-		prompt,
-		objectives,
-		controls: /* @__PURE__ */ jsxs(ControlBar, { children: [
-			/* @__PURE__ */ jsx(Field, {
-				label: "steep ↔ flat",
-				children: /* @__PURE__ */ jsx(Slider, {
-					value: b,
-					min: .2,
-					max: 2.4,
-					step: .05,
-					onChange: setB,
-					ariaLabel: "rotate the demand curve (substitutes)"
-				})
-			}),
-			/* @__PURE__ */ jsx(Field, {
-				label: "substitutes",
-				children: /* @__PURE__ */ jsx("span", {
-					style: {
-						display: "flex",
-						flexWrap: "wrap",
-						gap: 8
-					},
-					children: anchorPresets.map((a) => /* @__PURE__ */ jsx(Chip, {
-						selected: Math.abs(b - a.slope) < .03,
-						onClick: () => setB(a.slope),
-						children: a.label
-					}, a.label))
-				})
-			}),
-			/* @__PURE__ */ jsx(Field, {
-				label: "price",
-				value: price.toFixed(1),
-				children: /* @__PURE__ */ jsx("span", {})
-			}),
-			/* @__PURE__ */ jsx(Field, {
-				label: "Q",
-				value: /* @__PURE__ */ jsx("span", {
-					style: { color: "var(--stage-accent)" },
-					children: q.toFixed(1)
-				}),
-				children: /* @__PURE__ */ jsx("span", {})
-			}),
-			/* @__PURE__ */ jsx(Field, {
-				label: "revenue",
-				value: revenue.toFixed(1),
-				children: /* @__PURE__ */ jsx("span", {})
-			})
-		] }),
-		footer: /* @__PURE__ */ jsxs(StatusPill, {
-			ok: kind === "elastic",
-			children: [
+	const evidence = /* @__PURE__ */ jsxs(EvidencePanel, {
+		title: "Elasticity evidence",
+		children: [/* @__PURE__ */ jsx(Readout, {
+			accent: kindColor,
+			value: /* @__PURE__ */ jsxs(Fragment$1, { children: [
 				"|E| ",
 				E === Infinity ? "∞" : E.toFixed(2),
 				" · ",
 				kind.toUpperCase()
+			] }),
+			sub: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				"price ",
+				price.toFixed(1),
+				" · Q ",
+				q.toFixed(1),
+				" · revenue ",
+				revenue.toFixed(1)
+			] })
+		}), /* @__PURE__ */ jsxs("p", {
+			className: "finance-aside-copy",
+			children: [
+				/* @__PURE__ */ jsx("strong", { children: "Elastic" }),
+				" (|E| > 1): a price cut raises revenue. ",
+				/* @__PURE__ */ jsx("strong", { children: "Inelastic" }),
+				" (|E| < 1): a price cut lowers it. Same straight line, elasticity still changes as you slide."
 			]
-		}),
-		children: figure
+		})]
+	});
+	const controls = /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Field, {
+		label: "steep ↔ flat",
+		children: /* @__PURE__ */ jsx(Slider, {
+			value: b,
+			min: .2,
+			max: 2.4,
+			step: .05,
+			onChange: setB,
+			ariaLabel: "rotate the demand curve (substitutes)"
+		})
+	}), /* @__PURE__ */ jsx(Field, {
+		label: "substitutes",
+		children: /* @__PURE__ */ jsx(Segmented, {
+			ariaLabel: "substitutes",
+			value: anchorPresets.find((a) => Math.abs(b - a.slope) < .03)?.label ?? "",
+			onChange: (v) => {
+				const preset = anchorPresets.find((a) => a.label === v);
+				if (preset) setB(preset.slope);
+			},
+			options: anchorPresets.map((a) => ({
+				value: a.label,
+				label: a.label
+			}))
+		})
+	})] });
+	const activity = {
+		pattern: "forecast",
+		title,
+		objectives,
+		steps: STEPS,
+		questions: CHALLENGE,
+		success: [
+			{
+				id: "elasticity-forecast",
+				source: "answer",
+				key: "slide",
+				pendingLabel: "Commit to an elasticity forecast."
+			},
+			{
+				id: "inelastic-case",
+				source: "metric",
+				key: "inelastic",
+				operator: "eq",
+				value: true,
+				pendingLabel: "Choose a curve that makes this point inelastic."
+			},
+			{
+				id: "revenue-explanation",
+				source: "answer",
+				key: "cut",
+				pendingLabel: "Explain the elastic revenue response."
+			}
+		]
+	};
+	const observation = kind === "elastic" ? "Quantity responds proportionally more than price, so the quantity effect dominates total revenue." : kind === "inelastic" ? "Quantity responds proportionally less than price, so the price effect dominates total revenue." : "The percentage changes balance at unit elasticity.";
+	return /* @__PURE__ */ jsx(AuthoredActivityRuntime, {
+		activity,
+		activityId: "elasticity-revenue",
+		eyebrow: "Demand responsiveness",
+		title,
+		description: prompt,
+		status: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+			/* @__PURE__ */ jsx("span", { children: kind }),
+			/* @__PURE__ */ jsxs("span", { children: ["|E| ", E === Infinity ? "∞" : E.toFixed(2)] }),
+			/* @__PURE__ */ jsxs("span", { children: ["revenue ", revenue.toFixed(1)] })
+		] }),
+		evidence: ({ sequence }) => sequence.shows("model") ? evidence : null,
+		controls: ({ sequence }) => sequence.current.id === "configure" || sequence.shows("transfer") ? controls : null,
+		observation,
+		transcript: `Demand slope ${b.toFixed(2)}. At price ${price.toFixed(1)}, quantity is ${q.toFixed(1)}, total revenue is ${revenue.toFixed(1)}, and point elasticity is ${E === Infinity ? "infinite" : E.toFixed(2)} (${kind}).`,
+		children: ({ sequence, complete }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(AuthoredMetricGate, {
+			conditionId: "inelastic-case",
+			met: sequence.current.id === "configure" && kind === "inelastic",
+			complete,
+			outcome: kind
+		}), sequence.shows("model") ? figure : /* @__PURE__ */ jsxs("div", {
+			className: "commerce-model-lock",
+			children: [/* @__PURE__ */ jsx("strong", { children: "Predict before inspecting" }), /* @__PURE__ */ jsx("span", { children: "The demand curve and revenue rectangle open after your forecast." })]
+		})] })
 	});
 }