@classytic/labs 0.1.0 → 0.2.0

package/dist/language/article-lens/preset.mjs

@@ -8,7 +8,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/language/article-lens/preset.tsx
 /**
-* ArticleLens — choose a / an / the / — (no article).
+* ArticleLens, choose a / an / the /, (no article).
 *
 * Bangla has no articles, so this is the highest-novelty English error for
 * Bangla speakers. The "lens" framing: tap the article that fits, and on a
@@ -19,15 +19,15 @@ const CHOICES = [
 	"a",
 	"an",
 	"the",
-	"—"
+	", "
 ];
 const RULE = {
 	a: "a → any one (new), before a consonant sound",
 	an: "an → any one (new), before a vowel sound",
 	the: "the → the specific one we both know",
-	"—": "no article → general or uncountable"
+	", ": "no article → general or uncountable"
 };
-function ArticleLensLab({ items, objectives, hints: hintList, title = "Choose the article", prompt = "Bangla has no a/an/the — pick what English needs." }) {
+function ArticleLensLab({ items, objectives, hints: hintList, title = "Choose the article", prompt = "Bangla has no a/an/the: pick what English needs." }) {
 	const [idx, setIdx] = useState(0);
 	const [picked, setPicked] = useState(null);
 	const [solvedCount, setSolvedCount] = useState(0);
@@ -50,7 +50,7 @@ function ArticleLensLab({ items, objectives, hints: hintList, title = "Choose th
 		},
 		hintsUsed: hints.count
 	});
-	const blank = useMemo(() => picked === null ? "▢" : picked === "—" ? "∅" : picked, [picked]);
+	const blank = useMemo(() => picked === null ? "▢" : picked === ", " ? "∅" : picked, [picked]);
 	if (!item) return null;
 	const pick = (a) => {
 		if (correct) return;
@@ -92,15 +92,15 @@ function ArticleLensLab({ items, objectives, hints: hintList, title = "Choose th
 					"data-state": picked === a ? correct ? "ok" : "no" : "idle",
 					disabled: correct,
 					onClick: () => pick(a),
-					"aria-label": a === "—" ? "no article" : a,
-					children: a === "—" ? "no article" : a
+					"aria-label": a === ", " ? "no article" : a,
+					children: a === ", " ? "no article" : a
 				}, a))
 			}),
 			picked !== null && /* @__PURE__ */ jsx("p", {
 				className: "lang-why",
 				"data-state": correct ? "ok" : "no",
 				"aria-live": "polite",
-				children: correct ? item.why ?? RULE[item.answer] : "Not quite — try another."
+				children: correct ? item.why ?? RULE[item.answer] : "Not quite, try another."
 			})
 		]
 	});

package/dist/language/deck.d.mts

@@ -1,7 +1,7 @@
 import { IconValue } from "./icon.mjs";
 
 //#region src/language/deck.d.ts
-/** Part of speech — drives the Montessori-style colour coding across grammar
+/** Part of speech, drives the Montessori-style colour coding across grammar
  *  labs so a learner builds one consistent visual intuition. */
 type Pos = 'noun' | 'verb' | 'article' | 'adjective' | 'preposition' | 'pronoun' | 'conjunction' | 'adverb' | 'other';
 declare const POS_LABEL: Record<Pos, string>;
@@ -14,7 +14,7 @@ interface DeckItem {
   transliteration?: string;
   /** Optional audio: an uploaded media URL OR an external URL. Never generated. */
   audioUrl?: string;
-  /** Optional picture for kids/visual decks — an emoji string, or an `IconRef`
+  /** Optional picture for kids/visual decks, an emoji string, or an `IconRef`
    *  ({ kind:'emoji'|'svg'|'image', … }) for a registered SVG / uploaded image. */
   icon?: IconValue;
   /** Optional usage example (target language). */
@@ -38,7 +38,7 @@ declare function hasVoiceFor(lang: string): boolean;
 declare function canSpeak(item: DeckItem, lang: string): boolean;
 /** Play an item's audio. Returns false if nothing was playable. */
 declare function speak(item: DeckItem, lang: string): boolean;
-/** Deterministic shuffle (seeded LCG) — same input+seed → same order, so SSR
+/** Deterministic shuffle (seeded LCG), same input+seed → same order, so SSR
  *  and client agree. Never uses Math.random at module scope. */
 declare function seededShuffle<T>(arr: readonly T[], seed?: number): T[];
 //#endregion

package/dist/language/deck.mjs

@@ -39,7 +39,7 @@ function speak(item, lang) {
 	}
 	return false;
 }
-/** Deterministic shuffle (seeded LCG) — same input+seed → same order, so SSR
+/** Deterministic shuffle (seeded LCG), same input+seed → same order, so SSR
 *  and client agree. Never uses Math.random at module scope. */
 function seededShuffle(arr, seed = 1) {
 	const a = arr.slice();

package/dist/language/preposition-scene/preset.d.mts

@@ -13,9 +13,9 @@ interface PrepItem {
   options: string[];
   /** Spatial relation to depict (positions the figure vs the landmark). */
   scene: Relation;
-  /** The figure being placed — an emoji string or an `IconRef`. Default a ball. */
+  /** The figure being placed, an emoji string or an `IconRef`. Default a ball. */
   figure?: IconValue;
-  /** The reference landmark — an emoji/`IconRef`, OR a backdrop key string
+  /** The reference landmark, an emoji/`IconRef`, OR a backdrop key string
    *  ('sky'|'water'|'ground'|'room'). Default a box. */
   landmark?: IconValue;
   note?: string;

package/dist/language/preposition-scene/preset.mjs

@@ -9,12 +9,12 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/language/preposition-scene/preset.tsx
 /**
-* PrepositionScene — pick the preposition that matches a spatial picture.
+* PrepositionScene, pick the preposition that matches a spatial picture.
 *
 * Prepositions are inherently spatial, so each item shows a little scene (a
 * thing in / on / under / beside a box) and the learner names the relation.
 * The teaching point for Bangla speakers: English puts the preposition BEFORE
-* the noun ("on the box"), where Bangla uses a postposition AFTER it — so the
+* the noun ("on the box"), where Bangla uses a postposition AFTER it, so the
 * answer slots in front of the noun and the note makes that contrast explicit.
 */
 const figAt = (left, top, scale = 1, opacity) => ({
@@ -96,7 +96,7 @@ function backdropFigPos(kind, rel) {
 	if (kind === "ground") return hi ? figAt("50%", "20%") : lo ? figAt("50%", "86%") : figAt("50%", "60%");
 	return figAt("50%", "48%");
 }
-/** Plain-text label for an icon value (emoji char or IconRef.alt) — for the
+/** Plain-text label for an icon value (emoji char or IconRef.alt), for the
 *  scene's aria-label, since the visuals themselves are decorative. */
 function iconLabel(v) {
 	const r = normalizeIcon(v);
@@ -134,7 +134,7 @@ function SceneView({ relation, figure = "🔵", landmark = "📦" }) {
 		]
 	});
 }
-function PrepositionSceneLab({ items, title = "Where is it?", prompt = "Pick the preposition — in English it comes BEFORE the noun." }) {
+function PrepositionSceneLab({ items, title = "Where is it?", prompt = "Pick the preposition: in English it comes BEFORE the noun." }) {
 	const [idx, setIdx] = useState(0);
 	const [picked, setPicked] = useState(null);
 	const [solvedCount, setSolvedCount] = useState(0);
@@ -211,7 +211,7 @@ function PrepositionSceneLab({ items, title = "Where is it?", prompt = "Pick the
 				className: "lang-why",
 				"data-state": correct ? "ok" : "no",
 				"aria-live": "polite",
-				children: correct ? item.note ?? `English: "${item.answer} ${item.noun}" — the preposition comes first.` : "Not quite — look at the picture."
+				children: correct ? item.note ?? `English: "${item.answer} ${item.noun}", the preposition comes first.` : "Not quite, look at the picture."
 			})
 		]
 	});

package/dist/language/sentence-builder/preset.mjs

@@ -10,16 +10,16 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/language/sentence-builder/preset.tsx
 /**
-* SentenceBuilder — order the words into a correct sentence.
+* SentenceBuilder, order the words into a correct sentence.
 *
 * The flagship grammar lab: tiles are colour-coded by part of speech and carry
 * an optional L1 gloss, so a learner SEES the structure while building it. The
-* `prompt` shows the meaning (e.g. the learner's-language sentence) above —
+* `prompt` shows the meaning (e.g. the learner's-language sentence) above , 
 * which is exactly how a Bangla speaker meets English word order: same meaning,
 * different slot order (SOV → SVO).
 *
 * Tap a tile in the bank to place it; tap a placed tile to take it back. No
-* drag — buttons are touch- and keyboard-friendly. Validates by resulting text,
+* drag, buttons are touch- and keyboard-friendly. Validates by resulting text,
 * so duplicate/interchangeable words still pass.
 */
 function SentenceBuilderLab({ tiles, prompt, promptDir = "ltr", targetDir = "ltr", title = "Build the sentence", hint = "Tap the words in the right order." }) {
@@ -80,7 +80,7 @@ function SentenceBuilderLab({ tiles, prompt, promptDir = "ltr", targetDir = "ltr
 					gloss: tiles[i].gloss,
 					dir: targetDir,
 					onClick: () => take(i),
-					ariaLabel: `${tiles[i].text} — tap to remove`
+					ariaLabel: `${tiles[i].text}, tap to remove`
 				}, i))
 			}),
 			/* @__PURE__ */ jsx("div", {
@@ -92,7 +92,7 @@ function SentenceBuilderLab({ tiles, prompt, promptDir = "ltr", targetDir = "ltr
 					gloss: tiles[i].gloss,
 					dir: targetDir,
 					onClick: () => place(i),
-					ariaLabel: `${tiles[i].text} — tap to place`
+					ariaLabel: `${tiles[i].text}, tap to place`
 				}, i))
 			}),
 			/* @__PURE__ */ jsx(LiveRegion, { children: checked ? correct ? "Correct word order" : "Not the right order yet" : "" })

package/dist/language/transform/preset.d.mts

@@ -8,9 +8,9 @@ interface TransformTile {
   gloss?: string;
 }
 interface TransformProps {
-  /** Source sentence tiles (correct order) — shown read-only. */
+  /** Source sentence tiles (correct order), shown read-only. */
   from: TransformTile[];
-  /** Target sentence tiles (correct order) — the learner rebuilds these. */
+  /** Target sentence tiles (correct order), the learner rebuilds these. */
   to: TransformTile[];
   /** What to do, e.g. "Make it a question". */
   instruction?: string;

package/dist/language/transform/preset.mjs

@@ -10,11 +10,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/language/transform/preset.tsx
 /**
-* TransformLab — change one sentence into another and SEE what changed.
+* TransformLab, change one sentence into another and SEE what changed.
 *
 * Shows the source sentence (read-only), an instruction ("Make it a question"),
 * and the learner rebuilds the target by tapping tiles. On success the words
-* that are NEW vs the source are ringed — so the rule (e.g. English injects
+* that are NEW vs the source are ringed, so the rule (e.g. English injects
 * "Do" for a question; Bangla has no do-support) is visible, not just stated.
 */
 function TransformLab({ from, to, instruction = "Change the sentence.", note, title = "Transform it", targetDir = "ltr" }) {
@@ -90,7 +90,7 @@ function TransformLab({ from, to, instruction = "Change the sentence.", note, ti
 					dir: targetDir,
 					selected: checked && correct && isNew(i),
 					onClick: () => take(i),
-					ariaLabel: `${to[i].text} — tap to remove`
+					ariaLabel: `${to[i].text}, tap to remove`
 				}, i))
 			}),
 			/* @__PURE__ */ jsx("div", {
@@ -102,7 +102,7 @@ function TransformLab({ from, to, instruction = "Change the sentence.", note, ti
 					gloss: to[i].gloss,
 					dir: targetDir,
 					onClick: () => place(i),
-					ariaLabel: `${to[i].text} — tap to place`
+					ariaLabel: `${to[i].text}, tap to place`
 				}, i))
 			}),
 			checked && correct && note ? /* @__PURE__ */ jsx("p", {
@@ -118,7 +118,7 @@ function TransformLab({ from, to, instruction = "Change the sentence.", note, ti
 		prompt: instruction,
 		aside: checked ? /* @__PURE__ */ jsx(StatusPill, {
 			ok: correct,
-			children: correct ? "✓ Done — see what changed" : "Not the right order yet"
+			children: correct ? "✓ Done, see what changed" : "Not the right order yet"
 		}) : void 0,
 		controls: /* @__PURE__ */ jsxs(ControlBar, { children: [/* @__PURE__ */ jsx(CheckButton, {
 			onClick: () => setChecked(true),

package/dist/language/ui.d.mts

@@ -5,7 +5,7 @@ import { ReactNode } from "react";
 /**
  * True once the browser's TTS voice list is populated (it loads async).
  *
- * Starts `false` — NOT seeded from `getVoices()` — so the first client render
+ * Starts `false`, NOT seeded from `getVoices()`, so the first client render
  * matches the server (where there's no `speechSynthesis`). Seeding from the
  * live voice list would make a TTS-only item render its speaker button on the
  * client but not the server → a hydration mismatch that forces React to
@@ -14,11 +14,11 @@ import { ReactNode } from "react";
  */
 declare function useVoicesReady(): boolean;
 /**
- * A speaker button — renders nothing if the item can't be voiced.
+ * A speaker button, renders nothing if the item can't be voiced.
  *
  * `audioUrl` items can voice on the server too (no browser needed), so they
  * render the button consistently across SSR/hydration. Browser-TTS items only
- * become voiceable once `voicesReady` flips post-mount — gating on it (instead
+ * become voiceable once `voicesReady` flips post-mount, gating on it (instead
  * of querying `window.speechSynthesis` during render) keeps the first client
  * render identical to the server.
  */

package/dist/language/ui.mjs

@@ -6,7 +6,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/language/ui.tsx
 /**
-* Shared DOM UI for the language labs — Speaker button + POS-coloured Tile.
+* Shared DOM UI for the language labs, Speaker button + POS-coloured Tile.
 * Themed via the `.lang-*` classes shipped in `@classytic/labs/styles.css`
 * (POS colours come from `--lang-pos-*` tokens). Kept here, not in the generic
 * `kit/controls`, so non-language labs pay nothing for it.
@@ -14,7 +14,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 /**
 * True once the browser's TTS voice list is populated (it loads async).
 *
-* Starts `false` — NOT seeded from `getVoices()` — so the first client render
+* Starts `false`, NOT seeded from `getVoices()`, so the first client render
 * matches the server (where there's no `speechSynthesis`). Seeding from the
 * live voice list would make a TTS-only item render its speaker button on the
 * client but not the server → a hydration mismatch that forces React to
@@ -35,11 +35,11 @@ function useVoicesReady() {
 	return ready;
 }
 /**
-* A speaker button — renders nothing if the item can't be voiced.
+* A speaker button, renders nothing if the item can't be voiced.
 *
 * `audioUrl` items can voice on the server too (no browser needed), so they
 * render the button consistently across SSR/hydration. Browser-TTS items only
-* become voiceable once `voicesReady` flips post-mount — gating on it (instead
+* become voiceable once `voicesReady` flips post-mount, gating on it (instead
 * of querying `window.speechSynthesis` during render) keeps the first client
 * render identical to the server.
 */

package/dist/language/word-match/preset.mjs

@@ -11,11 +11,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/language/word-match/preset.tsx
 /**
-* WordMatch — pair each word with its meaning (or picture).
+* WordMatch, pair each word with its meaning (or picture).
 *
 * Tap a word on the left, then its match on the right; a correct pair locks
-* green, a wrong pair flashes. Right side shows the translation, or — for kids /
-* concrete vocab — the item's icon (emoji/SVG), which is where image-based
+* green, a wrong pair flashes. Right side shows the translation, or, for kids /
+* concrete vocab, the item's icon (emoji/SVG), which is where image-based
 * learning genuinely helps (dual coding). Reads its whole content from a `Deck`,
 * so a new language pair is just new data.
 */

package/dist/logic/LogicBuildLab.d.mts

@@ -0,0 +1,22 @@
+import { LogicDoc } from "./contract.mjs";
+import { ReactNode } from "react";
+
+//#region src/logic/LogicBuildLab.d.ts
+interface LogicBuildProps {
+  /** starting canvas. Defaults to a seed derived from the goal, or an empty board. */
+  doc?: LogicDoc;
+  /** a reference LogicDoc or preset key; when set, the lab grades against its truth table. */
+  goal?: LogicDoc | string;
+  title?: string;
+  prompt?: string;
+  activity?: string;
+}
+declare function LogicBuildLab({
+  doc: doc0,
+  goal,
+  title,
+  prompt,
+  activity
+}?: LogicBuildProps): ReactNode;
+//#endregion
+export { LogicBuildLab, LogicBuildProps };

package/dist/logic/LogicBuildLab.mjs

@@ -0,0 +1,170 @@
+'use client';
+
+import { LabFrame } from "../kit/frame.mjs";
+import { useCheckpoint } from "../kit/pedagogy.mjs";
+import { evaluate } from "./evaluate.mjs";
+import { presetDoc } from "./presets.mjs";
+import { LogicEditor } from "./LogicEditor.mjs";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/logic/LogicBuildLab.tsx
+/**
+* LogicBuildLab — a build-your-own-circuit activity on top of LogicEditor. In sandbox mode it
+* is an open canvas (build, wire, play, watch the signal glow). Given a `goal` (a reference
+* LogicDoc or a preset key) it becomes a graded DLD task: the target truth table is shown, the
+* learner wires gates, and the checkpoint fires when their circuit reproduces every target
+* output column (matched by label, over every input combination). The seed canvas starts with
+* the right switches and LEDs so the learner only has to wire the logic.
+*/
+const SIZE = {
+	w: 640,
+	h: 360
+};
+const labelOf = (n) => n.label ?? n.id;
+/** The column of `outputLabel` over every combination of `inputLabels` (given order); null if missing. */
+function columnByLabels(doc, inputLabels, outputLabel) {
+	const idFor = inputLabels.map((lab) => doc.inputs.find((i) => labelOf(i) === lab)?.id);
+	if (idFor.some((id) => !id)) return null;
+	const out = doc.outputs.find((o) => labelOf(o) === outputLabel);
+	if (!out) return null;
+	const n = inputLabels.length;
+	if (n > 12) return null;
+	const col = [];
+	for (let m = 0; m < 2 ** n; m++) {
+		const setVals = new Map(idFor.map((id, k) => [id, Boolean(m >> n - 1 - k & 1)]));
+		const probe = {
+			...doc,
+			inputs: doc.inputs.map((i) => setVals.has(i.id) ? {
+				...i,
+				value: setVals.get(i.id)
+			} : i)
+		};
+		col.push(evaluate(probe).outputs[out.id] ?? false);
+	}
+	return col;
+}
+const eqCol = (a, b) => !!a && !!b && a.length === b.length && a.every((v, i) => v === b[i]);
+/** Seed a starting canvas from the goal: its switches + empty LEDs, so the learner just wires gates. */
+function seedFromGoal(goalDoc) {
+	return {
+		size: SIZE,
+		inputs: goalDoc.inputs.map((inp, i) => ({
+			id: `in${i + 1}`,
+			label: labelOf(inp),
+			value: false,
+			x: 40,
+			y: 36 + i * 58
+		})),
+		gates: [],
+		outputs: goalDoc.outputs.map((o, i) => ({
+			id: `out${i + 1}`,
+			in: "",
+			label: labelOf(o),
+			x: SIZE.w - 76,
+			y: 56 + i * 72
+		}))
+	};
+}
+function LogicBuildLab({ doc: doc0, goal, title = "Build the circuit", prompt, activity = "logic-build" } = {}) {
+	const goalDoc = goal === void 0 ? null : typeof goal === "string" ? presetDoc(goal) : goal;
+	const [doc, setDoc] = useState(() => doc0 ?? (goalDoc ? seedFromGoal(goalDoc) : {
+		size: SIZE,
+		inputs: [],
+		gates: [],
+		outputs: []
+	}));
+	const inputLabels = goalDoc ? goalDoc.inputs.map(labelOf) : [];
+	const targets = goalDoc ? goalDoc.outputs.map((o) => ({
+		label: labelOf(o),
+		col: columnByLabels(goalDoc, inputLabels, labelOf(o))
+	})) : [];
+	const matchedSame = goalDoc ? doc.inputs.length === goalDoc.inputs.length : false;
+	const perOutput = targets.map((t) => ({
+		label: t.label,
+		ok: matchedSame && eqCol(columnByLabels(doc, inputLabels, t.label), t.col)
+	}));
+	const solved = !!goalDoc && perOutput.length > 0 && perOutput.every((p) => p.ok);
+	useCheckpoint({
+		solved,
+		activity
+	});
+	const targetTable = goalDoc ? /* @__PURE__ */ jsx("div", {
+		style: { overflowX: "auto" },
+		children: /* @__PURE__ */ jsxs("table", {
+			style: {
+				borderCollapse: "collapse",
+				fontSize: 12,
+				fontVariantNumeric: "tabular-nums"
+			},
+			children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [inputLabels.map((l) => /* @__PURE__ */ jsx("th", {
+				style: {
+					padding: "3px 7px",
+					color: "var(--stage-fg)",
+					borderBottom: "1px solid var(--stage-grid)"
+				},
+				children: l
+			}, l)), perOutput.map((p) => /* @__PURE__ */ jsxs("th", {
+				style: {
+					padding: "3px 7px",
+					color: p.ok ? "var(--stage-good)" : "var(--stage-accent)",
+					borderBottom: "1px solid var(--stage-grid)"
+				},
+				children: [p.label, p.ok ? " ✓" : ""]
+			}, p.label))] }) }), /* @__PURE__ */ jsx("tbody", { children: Array.from({ length: 1 << inputLabels.length }, (_, m) => /* @__PURE__ */ jsxs("tr", { children: [inputLabels.map((_l, k) => /* @__PURE__ */ jsx("td", {
+				style: {
+					padding: "3px 7px",
+					textAlign: "center",
+					color: "var(--stage-muted)"
+				},
+				children: m >> inputLabels.length - 1 - k & 1
+			}, k)), targets.map((t) => /* @__PURE__ */ jsx("td", {
+				style: {
+					padding: "3px 7px",
+					textAlign: "center",
+					fontWeight: 700,
+					color: t.col?.[m] ? "var(--stage-good)" : "var(--stage-fg)"
+				},
+				children: t.col?.[m] ? 1 : 0
+			}, t.label))] }, m)) })]
+		})
+	}) : null;
+	return /* @__PURE__ */ jsxs(LabFrame, {
+		title,
+		prompt: prompt ?? (goalDoc ? "Drag gates from the palette and wire them so each LED follows the target column for every input." : "Build any circuit: drop sources, gates, and LEDs, wire them up, and flip the switches to watch the signal flow."),
+		children: [goalDoc && /* @__PURE__ */ jsxs("div", {
+			style: {
+				display: "flex",
+				flexWrap: "wrap",
+				gap: 16,
+				alignItems: "flex-start",
+				marginBottom: 14
+			},
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "lab-pill",
+				"data-state": solved ? "ok" : "no",
+				role: "status",
+				children: solved ? "✓ your circuit matches the target" : "wire gates so each output matches its column"
+			}), /* @__PURE__ */ jsxs("div", {
+				style: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 4
+				},
+				children: [/* @__PURE__ */ jsx("span", {
+					style: {
+						fontSize: 12,
+						color: "var(--stage-muted)"
+					},
+					children: "target truth table (build a circuit that does this)"
+				}), targetTable]
+			})]
+		}), /* @__PURE__ */ jsx(LogicEditor, {
+			value: doc,
+			onChange: setDoc
+		})]
+	});
+}
+
+//#endregion
+export { LogicBuildLab };

package/dist/logic/LogicEditScene.d.mts

@@ -0,0 +1,31 @@
+import { LogicDoc } from "./contract.mjs";
+import { PortRef } from "./edit-ops.mjs";
+import { PointerEvent, ReactNode } from "react";
+
+//#region src/logic/LogicEditScene.d.ts
+interface LogicEditSceneProps {
+  doc: LogicDoc;
+  selectedId?: string;
+  wireStart?: PortRef;
+  /** cursor position (canvas coords) while a wire is pending: the rubber-band trails to it. */
+  previewCursor?: {
+    x: number;
+    y: number;
+  };
+  onNodePointerDown?: (id: string, e: PointerEvent) => void;
+  onPortPointerDown?: (ref: PortRef, e: PointerEvent) => void;
+  onBackground?: () => void;
+  ariaLabel?: string;
+}
+declare function LogicEditScene({
+  doc,
+  selectedId,
+  wireStart,
+  previewCursor,
+  onNodePointerDown,
+  onPortPointerDown,
+  onBackground,
+  ariaLabel
+}: LogicEditSceneProps): ReactNode;
+//#endregion
+export { LogicEditScene, LogicEditSceneProps };