@neta-art/cohub 11.0.0 → 11.1.0

package/dist/board/render/script-runtime.js

@@ -33,6 +33,8 @@ function createScriptRuntime(module, initial, host) {
 	let patches = effects?.patches ?? {};
 	let items = effects?.items ?? {};
 	let space = effects?.space ?? "world";
+	let anchor = effects?.anchor;
+	let view = null;
 	let hits = effects?.hits ?? {};
 	const invalidate = () => {
 		if (disposed) return;
@@ -69,6 +71,9 @@ function createScriptRuntime(module, initial, host) {
 		get frame() {
 			return frame;
 		},
+		get view() {
+			return view;
+		},
 		random() {
 			randomState = Math.imul(randomState, 1664525) + 1013904223 >>> 0;
 			return randomState / 4294967296;
@@ -79,10 +84,11 @@ function createScriptRuntime(module, initial, host) {
 				listeners = /* @__PURE__ */ new Set();
 				handlers.set(type, listeners);
 			}
-			listeners.add(handler);
+			const listener = (event) => handler(event);
+			listeners.add(listener);
 			invalidate();
 			return () => {
-				listeners.delete(handler);
+				listeners.delete(listener);
 				invalidate();
 			};
 		},
@@ -101,6 +107,7 @@ function createScriptRuntime(module, initial, host) {
 		scene(next, options) {
 			items = structuredClone(next);
 			space = options?.space ?? "world";
+			anchor = options?.anchor ? structuredClone(options.anchor) : void 0;
 			invalidate();
 		},
 		hitRegions(next) {
@@ -162,6 +169,7 @@ function createScriptRuntime(module, initial, host) {
 		},
 		event(event) {
 			if (disposed) return;
+			if (event.type === "viewchange") view = event.data;
 			const listeners = handlers.get(event.type);
 			if (!listeners?.size) return;
 			for (const handler of listeners) handler(event);
@@ -175,6 +183,7 @@ function createScriptRuntime(module, initial, host) {
 			return {
 				parameters: module.parameters,
 				space,
+				anchor,
 				patches,
 				items,
 				hits,
@@ -193,7 +202,8 @@ function createScriptRuntime(module, initial, host) {
 					patches,
 					items,
 					hits,
-					space
+					space,
+					anchor
 				} : void 0
 			};
 			return clone ? structuredClone(snapshot) : snapshot;

package/dist/board/render/script-texture.d.ts

@@ -0,0 +1,11 @@
+import { Texture } from "pixi.js";
+//#region src/board/render/script-texture.d.ts
+declare class BoardScriptTexture {
+  private texture;
+  private bitmap;
+  get current(): Texture | null;
+  update(bitmap: ImageBitmap): void;
+  destroy(): void;
+}
+//#endregion
+export { BoardScriptTexture };

package/dist/board/render/script-texture.js

@@ -0,0 +1,33 @@
+import { ImageSource, Texture } from "pixi.js";
+//#region src/board/render/script-texture.ts
+var BoardScriptTexture = class {
+	texture = null;
+	bitmap = null;
+	get current() {
+		return this.texture;
+	}
+	update(bitmap) {
+		const previous = this.bitmap;
+		this.bitmap = bitmap;
+		if (!this.texture) {
+			this.texture = new Texture({
+				source: new ImageSource({ resource: bitmap }),
+				dynamic: true
+			});
+			return;
+		}
+		const source = this.texture.source;
+		source.resource = bitmap;
+		source.update();
+		if (previous !== bitmap) previous?.close();
+	}
+	destroy() {
+		if (!this.texture) return;
+		this.texture.destroy(true);
+		this.bitmap?.close();
+		this.bitmap = null;
+		this.texture = null;
+	}
+};
+//#endregion
+export { BoardScriptTexture };

package/dist/board/stage/assets.js

@@ -1,6 +1,6 @@
 import { mediaPreviewCandidates } from "../../media.js";
 import { parseBoardMediaSource } from "../../protocol/dist/board-model.js";
-import { featuredTaskArtifact } from "../model/task.js";
+import { featuredTaskArtifact } from "../../protocol/dist/board-task.js";
 import { boardImageKeySource, imageAssetKey } from "../model/image-key.js";
 import { loadVideoThumbnailTexture, videoTextureNaturalSize } from "../render/video-thumbnail.js";
 import { DEFAULT_LRU_BUDGET, selectLruEvictions } from "./lru.js";

package/dist/board/stage/scene.d.ts

@@ -24,6 +24,7 @@ type SceneSyncInput = {
   visibleIds: Set<string> | null;
   pinnedIds: Set<string>;
   globalSig: string;
+  staleIds?: ReadonlySet<string>;
   structureVersion: number;
   geometryVersion: number;
   gestureActive: boolean;
@@ -72,6 +73,7 @@ type BoardScene = {
   sync: (input: SceneSyncInput) => void;
   getNode: (itemId: string) => BoardSceneNode | null;
   readonly animated: boolean;
+  tick: (clock: number) => number | null;
   drawOverlay: (input: SceneOverlayInput, palette: BoardRenderPalette) => void;
   destroy: (context: BoardRenderContext) => void;
 };

package/dist/board/stage/scene.js

@@ -48,6 +48,7 @@ function createBoardScene(options) {
 	const cards = /* @__PURE__ */ new Map();
 	const clips = /* @__PURE__ */ new Map();
 	const animatedIds = /* @__PURE__ */ new Set();
+	const tickingIds = /* @__PURE__ */ new Set();
 	const pools = /* @__PURE__ */ new Map();
 	const heldKeys = /* @__PURE__ */ new Map();
 	let orderById = /* @__PURE__ */ new Map();
@@ -72,6 +73,7 @@ function createBoardScene(options) {
 		setHeldKey(context, id, null);
 		cards.delete(id);
 		animatedIds.delete(id);
+		tickingIds.delete(id);
 		if (destroyed) return;
 		entry.container.parent?.removeChild(entry.container);
 		entry.container.visible = false;
@@ -123,6 +125,7 @@ function createBoardScene(options) {
 		container.alpha = scene.opacity(item.id);
 		hostFor(item, scene).addChild(container);
 		if (renderer.animated) animatedIds.add(item.id);
+		if (renderer.tick) tickingIds.add(item.id);
 		const entry = {
 			item,
 			container,
@@ -352,7 +355,7 @@ function createBoardScene(options) {
 			const hovered = context.hoveredId === id;
 			const resizing = context.resizingIds.has(id);
 			const scriptRevision = context.scripts?.revision?.(id) ?? 0;
-			const changed = scriptRevision !== entry.scriptRevision || item !== entry.item || entry.renderer.animated || selected !== entry.selected || hovered !== entry.hovered || resizing !== entry.resizing || globalSig !== entry.globalSig;
+			const changed = input.staleIds?.has(id) || scriptRevision !== entry.scriptRevision || item !== entry.item || entry.renderer.animated || selected !== entry.selected || hovered !== entry.hovered || resizing !== entry.resizing || globalSig !== entry.globalSig;
 			entry.scriptRevision = scriptRevision;
 			entry.item = item;
 			entry.selected = selected;
@@ -363,12 +366,23 @@ function createBoardScene(options) {
 			if (changed) {
 				entry.renderer.update(entry.container, item, context);
 				entry.container.alpha = scene.opacity(id);
+				if (entry.renderer.tick) tickingIds.add(id);
 			}
 		}
 		if (structureChanged || liveSetChanged) syncClips(scene);
 		if (structureChanged || farModeChanged || liveSetChanged) applyChildOrder();
 		syncLiveStrokes(input);
 	}
+	function tick(clock) {
+		let next = null;
+		for (const id of tickingIds) {
+			const entry = cards.get(id);
+			const wait = entry?.container.visible ? entry.renderer.tick?.(entry.container, clock) ?? null : null;
+			if (wait === null) tickingIds.delete(id);
+			else next = next === null ? wait : Math.min(next, wait);
+		}
+		return next;
+	}
 	function applyChildOrder() {
 		for (const [id, entry] of cards) entry.container.zIndex = orderById.get(id) ?? 0;
 		world.sortableChildren = true;
@@ -489,6 +503,7 @@ function createBoardScene(options) {
 		for (const entry of clips.values()) entry.group.destroy({ children: true });
 		clips.clear();
 		animatedIds.clear();
+		tickingIds.clear();
 		for (const id of [...liveStrokes.keys()]) removeLiveStroke(id, context);
 		resetFarLayer();
 		farActive = false;
@@ -507,6 +522,7 @@ function createBoardScene(options) {
 		get animated() {
 			return animatedIds.size > 0;
 		},
+		tick,
 		drawOverlay,
 		destroy
 	};

package/dist/board/stage/script-pointer.d.ts

@@ -13,6 +13,7 @@ declare function createBoardScriptPointerRouter(): {
     recipient: BoardScriptPointerTarget | null;
     click: BoardScriptPointerTarget | null;
   };
+  cancelScripts(cancel: (pointerId: number, target: BoardScriptPointerTarget) => void, owner?: string, retained?: Readonly<Record<string, unknown>>): void;
   clear(): void;
 };
 //#endregion

package/dist/board/stage/script-pointer.js

@@ -15,17 +15,23 @@ function createBoardScriptPointerRouter() {
 				...point
 			});
 			const gesture = gestures.get(pointerId);
-			const recipient = gesture ? gesture.target : phase === "move" ? target : null;
+			const recipient = gesture ? gesture.cancelled ? null : gesture.target : phase === "move" ? target : null;
 			let click = null;
 			if (phase === "up") {
 				gestures.delete(pointerId);
-				if (!cancelled && gesture?.target && target?.owner === gesture.target.owner && target.target === gesture.target.target && Math.hypot(point.x - gesture.x, point.y - gesture.y) < 5) click = gesture.target;
+				if (!cancelled && !gesture?.cancelled && gesture?.target && target?.owner === gesture.target.owner && target.target === gesture.target.target && Math.hypot(point.x - gesture.x, point.y - gesture.y) < 5) click = gesture.target;
 			}
 			return {
 				recipient,
 				click
 			};
 		},
+		cancelScripts(cancel, owner, retained) {
+			for (const [pointerId, gesture] of gestures) if (!gesture.cancelled && gesture.target && (!owner || gesture.target.owner === owner) && (!retained || !Object.hasOwn(retained, gesture.target.target))) {
+				gesture.cancelled = true;
+				cancel(pointerId, gesture.target);
+			}
+		},
 		clear() {
 			gestures.clear();
 		}

package/dist/board/stage/stage.d.ts

@@ -1,8 +1,8 @@
-import { BoardItem } from "../../protocol/dist/board-model.js";
+import { BoardItem, BoardTaskItem } from "../../protocol/dist/board-model.js";
 import { BoardPlaybackSnapshot } from "../../protocol/dist/board.js";
 import "../../protocol/dist/index.js";
+import { BoardViewport, Rect, WorldPoint } from "../model/geometry.js";
 import { BoardScriptOutput, BoardScriptSnapshot } from "../model/script.js";
-import { BoardViewport, WorldPoint } from "../model/geometry.js";
 import { BoardScene, BoardSceneItem } from "../model/scene.js";
 import { BoardShapeColors } from "../model/palette.js";
 import { BoardAssetSource } from "../model/media-playback.js";
@@ -10,7 +10,7 @@ import "../model/index.js";
 import { BoardPointerEvent } from "../editor/interaction.js";
 import { BoardEditor } from "../editor/editor.js";
 import "../editor/index.js";
-import { BoardCardRendererResolver, BoardRenderPalette } from "../render/renderers/board-renderer-registry.js";
+import { BoardCardRendererResolver, BoardRenderLabels, BoardRenderPalette } from "../render/renderers/board-renderer-registry.js";
 import "../render/index.js";
 import { BoardAssetManager } from "./assets.js";
 import { BoardLiveStroke } from "./scene.js";
@@ -32,6 +32,12 @@ type BoardStageOptions = {
   renderers?: BoardCardRendererResolver;
   views?: readonly BoardItemView[];
   theme?: () => BoardStageTheme;
+  labels?: () => BoardRenderLabels;
+  taskRun?: (taskRunId: string) => {
+    status: BoardTaskItem["props"]["snapshot"]["status"];
+    startedAt?: string;
+  } | null;
+  reducedMotion?: () => boolean;
   playback?: () => BoardPlaybackSnapshot | null;
   fileState?: (path: string) => "ok" | "missing" | "unavailable";
   previews?: () => ReadonlyMap<string, BoardItem>;
@@ -48,6 +54,7 @@ type BoardStageOptions = {
     height: number;
   }) => void;
   onVisibleChange?: (ids: ReadonlySet<string> | null) => void;
+  safeRect?: () => Rect;
   scriptCapabilities?: Record<string, (id: string, input: unknown) => Promise<unknown>>;
 };
 type BoardStage = {
@@ -66,6 +73,7 @@ type BoardStage = {
   subscribeScripts(listener: () => void): () => void;
   invalidate(options?: {
     cards?: boolean;
+    items?: Iterable<string>;
   }): void;
   isMaterialized(id: string): boolean;
   toWorld(clientX: number, clientY: number): WorldPoint;

package/dist/board/stage/stage.js

@@ -1,20 +1,21 @@
 import { applyMatrix, invertMatrix } from "../../protocol/dist/board-layout.js";
+import { featuredTaskArtifact } from "../../protocol/dist/board-task.js";
 import { screenPoint, screenToWorld, stableCullRect, visibleWorldRect, worldPoint } from "../model/geometry.js";
 import { boardScriptScope, composeBoardScriptItems, prepareBoardScriptOutput, validateBoardScriptCommit } from "../model/script-scene.js";
 import { boardScriptTarget } from "../model/script-hit.js";
 import { createBoardAnimationSampler, resolveBoardAnimationCamera } from "../model/sampling.js";
 import { resolveSceneArrow } from "../model/arrow-geometry.js";
 import { buildFallbackShapeColors, pickBoardColor, resolveItemColor } from "../model/palette.js";
-import { featuredTaskArtifact } from "../model/task.js";
 import { isCreationBoardTool } from "../editor/tool.js";
 import { resizeCursorForHandle } from "../editor/selection-transform.js";
 import { parseBoardCssColor } from "../render/css-color.js";
 import { defaultBoardPalette, itemAlpha } from "../render/palette.js";
 import { createBoardBackground, updateBoardBackground } from "../render/board-background.js";
 import { getBoardResolution, textZoomBucket } from "../render/text-resolution.js";
-import { getBoardCardRenderer } from "../render/renderers/board-renderer-registry.js";
+import { DEFAULT_BOARD_RENDER_LABELS, getBoardCardRenderer } from "../render/renderers/board-renderer-registry.js";
 import { createBoardScriptHost } from "../render/script-host.js";
 import { createBoardPlayer } from "../player/index.js";
+import { createBoardScriptObservers } from "../model/script-observers.js";
 import { toBoardPointerEvent } from "./pointer.js";
 import { createBoardScene } from "./scene.js";
 import { scheduleBoardMaintenance } from "./maintenance.js";
@@ -56,12 +57,26 @@ function mountBoardStage(host, options) {
 	let scriptTime = 0;
 	let scriptLastTick = performance.now();
 	const scriptOutputs = /* @__PURE__ */ new Map();
+	const interactiveScripts = /* @__PURE__ */ new Set();
+	const screenScripts = /* @__PURE__ */ new Set();
+	const scriptObservers = createBoardScriptObservers((owner, event) => scripts?.event(owner, event));
+	let stopTransforms = null;
+	function syncTransformSubscription() {
+		if (scriptObservers.transforms && !stopTransforms) stopTransforms = editor.subscribeTransforms((event) => {
+			if (active && scriptMode !== "paused") scriptObservers.transform(editor.document, event);
+		});
+		else if (!scriptObservers.transforms && stopTransforms) {
+			stopTransforms();
+			stopTransforms = null;
+		}
+	}
 	const scriptListeners = /* @__PURE__ */ new Set();
 	let scriptVersion = 0;
 	let composedVersion = -1;
 	let composedZoom = 0;
 	let composedPlayhead = "";
 	let composedMoving = false;
+	let composedGesture = false;
 	let composedDocument = null;
 	let scriptHover = null;
 	const scriptPointers = createBoardScriptPointerRouter();
@@ -70,6 +85,10 @@ function mountBoardStage(host, options) {
 	let disposed = false;
 	let renderFrame = 0;
 	let tickFrame = 0;
+	let cardTickFrame = 0;
+	let cardTickTimer = null;
+	let cardTickDue = 0;
+	const staleIds = /* @__PURE__ */ new Set();
 	let resizeFrame = 0;
 	let cardEpoch = 0;
 	let assetVersion = 0;
@@ -144,6 +163,9 @@ function mountBoardStage(host, options) {
 			colorScheme: current.colorScheme,
 			rendererType: app?.renderer.type === RendererType.CANVAS ? "canvas" : "gpu",
 			zoom: renderCamera().zoom,
+			reducedMotion: options.reducedMotion?.() ?? false,
+			labels: options.labels?.() ?? DEFAULT_BOARD_RENDER_LABELS,
+			taskRun: options.taskRun ?? (() => null),
 			assetKey: assets.assetKey,
 			getTexture: (key) => assets.getTexture(key),
 			hasError: (key) => assets.hasError(key),
@@ -282,6 +304,28 @@ function mountBoardStage(host, options) {
 			app?.render();
 		});
 	}
+	function scheduleCardTick(wait) {
+		if (!active || disposed) return;
+		const due = performance.now() + wait;
+		if (cardTickFrame || cardTickTimer !== null && cardTickDue <= due) return;
+		if (cardTickTimer !== null) clearTimeout(cardTickTimer);
+		cardTickTimer = null;
+		if (wait > 0) {
+			cardTickDue = due;
+			cardTickTimer = setTimeout(() => {
+				cardTickTimer = null;
+				scheduleCardTick(0);
+			}, wait);
+			return;
+		}
+		cardTickFrame = requestAnimationFrame(() => {
+			cardTickFrame = 0;
+			if (!scene) return;
+			const next = scene.tick(performance.now());
+			scheduleRender();
+			if (next !== null) scheduleCardTick(next);
+		});
+	}
 	function scheduleTick() {
 		if (tickFrame || !active || disposed) return;
 		tickFrame = requestAnimationFrame(() => {
@@ -289,6 +333,16 @@ function mountBoardStage(host, options) {
 			sync();
 		});
 	}
+	function cancelScriptPointers(owner, retained) {
+		scriptPointers.cancelScripts((pointerId, target) => {
+			scripts?.event(target.owner, {
+				type: "pointercancel",
+				target: target.target,
+				pointerId
+			});
+		}, owner, retained);
+		if (!retained || scriptHover && scriptHover.owner === owner && !Object.hasOwn(retained, scriptHover.target)) scriptHover = null;
+	}
 	function createScripts() {
 		return createBoardScriptHost({
 			host,
@@ -310,8 +364,20 @@ function mountBoardStage(host, options) {
 			onOutput: (id, output) => {
 				if (output) {
 					prepareBoardScriptOutput(editor.document, id, output);
+					cancelScriptPointers(id, output.hits);
 					scriptOutputs.set(id, output);
-				} else scriptOutputs.delete(id);
+					if (Object.keys(output.hits).length) interactiveScripts.add(id);
+					else interactiveScripts.delete(id);
+					if (output.space === "screen" && Object.keys(output.items).length) screenScripts.add(id);
+					else screenScripts.delete(id);
+				} else {
+					cancelScriptPointers(id);
+					scriptOutputs.delete(id);
+					interactiveScripts.delete(id);
+					screenScripts.delete(id);
+				}
+				scriptObservers.update(id, output);
+				syncTransformSubscription();
 				scriptVersion++;
 				scheduleTick();
 			},
@@ -340,6 +406,10 @@ function mountBoardStage(host, options) {
 			const previous = scripts;
 			scripts = null;
 			previous.destroy();
+			scriptObservers.clear();
+			syncTransformSubscription();
+			interactiveScripts.clear();
+			screenScripts.clear();
 			scriptOutputs.clear();
 			editor.setScriptItems(/* @__PURE__ */ new Map());
 			scriptHover = null;
@@ -354,38 +424,48 @@ function mountBoardStage(host, options) {
 		const moving = new Map(previews);
 		for (const [id, item] of frame.items) moving.set(id, item);
 		editor.setPlayedItems(moving);
+		const animationId = editor.playhead?.animationId ?? (frame.playbackTime !== null ? playback?.animationId : null) ?? null;
+		if (animationId && (effectDocument !== editor.document || effectAnimation !== animationId)) {
+			effectDocument = editor.document;
+			effectAnimation = animationId;
+			effectSampler = createBoardAnimationSampler(editor.document, animationId);
+		}
+		if (editor.playhead && effectSampler) {
+			frame.camera = effectSampler.at(editor.playhead.time).evaluation.camera;
+			frame.time = editor.playhead.time;
+		}
+		playbackCamera = editor.cameraPolicy === "follow" && Object.keys(frame.camera).length > 0 ? followCamera(frame, editor.scene) : null;
+		const camera = renderCamera();
 		if (scripts && (scriptOutputs.size || composedVersion !== scriptVersion)) {
 			const playheadKey = `${editor.playhead?.animationId ?? ""}:${editor.playhead?.time ?? ""}`;
-			if (scriptVersion !== composedVersion || composedDocument !== editor.document || moving.size || composedMoving || composedZoom !== editor.camera.zoom || composedPlayhead !== playheadKey) {
+			if (scriptVersion !== composedVersion || composedDocument !== editor.document || screenScripts.size > 0 && editor.gestureActive || composedGesture || moving.size || composedMoving || composedZoom !== camera.zoom || composedPlayhead !== playheadKey) {
 				const animationItems = editor.animationItems();
-				const composed = composeBoardScriptItems(editor.document, editor.scene, scriptOutputs, animationItems, editor.camera, (owner, error) => scripts?.fault(owner, error instanceof Error ? error.message : String(error)));
+				const composed = composeBoardScriptItems(editor.document, editor.scene, scriptOutputs, animationItems, camera, (owner, error) => scripts?.fault(owner, error instanceof Error ? error.message : String(error)), editor.gestureActive ? editor.scene.layout : void 0);
 				const scriptedIds = new Set([...scriptOutputs.values()].flatMap((output) => Object.keys(output.patches)));
 				for (const id of animationItems.keys()) if (!scriptedIds.has(id)) composed.delete(id);
 				editor.setScriptItems(composed);
 				composedMoving = moving.size > 0;
 				composedPlayhead = playheadKey;
-				composedZoom = editor.camera.zoom;
+				composedZoom = camera.zoom;
+				composedGesture = screenScripts.size > 0 && editor.gestureActive;
 				composedVersion = scriptVersion;
 				composedDocument = editor.document;
 			}
 		}
 		const renderScene = editor.scene;
-		const animationId = editor.playhead?.animationId ?? (frame.playbackTime !== null ? playback?.animationId : null) ?? null;
-		if (animationId && (effectDocument !== editor.document || effectAnimation !== animationId)) {
-			effectDocument = editor.document;
-			effectAnimation = animationId;
-			effectSampler = createBoardAnimationSampler(editor.document, animationId);
-		}
-		if (editor.playhead && effectSampler) {
-			frame.camera = effectSampler.at(editor.playhead.time).evaluation.camera;
-			frame.time = editor.playhead.time;
-		}
-		playbackCamera = editor.cameraPolicy === "follow" && Object.keys(frame.camera).length > 0 ? followCamera(frame, renderScene) : null;
-		const camera = renderCamera();
 		if (scripts) {
 			const now = performance.now();
 			if (scriptMode !== "paused") scriptTime += Math.min(250, Math.max(0, now - scriptLastTick));
 			scriptLastTick = now;
+			if (scriptMode !== "paused" && scriptObservers.size) scriptObservers.sync(editor.document, editor.selection, () => ({
+				camera: { ...camera },
+				...surface,
+				safeRect: options.safeRect?.() ?? {
+					x: 0,
+					y: 0,
+					...surface
+				}
+			}));
 			scripts.sync(editor.document, renderScene, camera, scriptTime, scriptMode === "interact", visibleIds());
 		}
 		world.position.set(camera.x, camera.y);
@@ -420,10 +500,12 @@ function mountBoardStage(host, options) {
 				current.key,
 				textZoomBucket(camera.zoom)
 			].join("|"),
+			staleIds,
 			structureVersion: editor.structureVersion,
 			geometryVersion: editor.geometryVersion,
 			gestureActive: editor.gestureActive && editor.interaction.type !== "panning"
 		});
+		staleIds.clear();
 		const single = editor.selection.length === 1 ? renderScene.get(editor.selection[0]) : null;
 		let arrowEndpoints;
 		if (single?.type === "arrow" && !single.locked) {
@@ -467,6 +549,8 @@ function mountBoardStage(host, options) {
 		if (nextCursor !== cursor) host.style.cursor = cursor = nextCursor;
 		scheduleRender();
 		if (frame.running || scene.animated || scriptMode !== "paused" && scripts?.animated) scheduleTick();
+		const cardWait = scene.tick(performance.now());
+		if (cardWait !== null) scheduleCardTick(cardWait);
 	}
 	function resize() {
 		cancelAnimationFrame(resizeFrame);
@@ -517,7 +601,7 @@ function mountBoardStage(host, options) {
 		});
 	}
 	function scriptPointer(type, event, input) {
-		if (!scriptPointers.needsRouting(event.pointerId, scripts !== null)) return false;
+		if (!scriptPointers.needsRouting(event.pointerId, interactiveScripts.size > 0)) return false;
 		const enabled = scriptMode === "interact" && !editor.gestureActive && !editor.spaceHeld && event.button !== 1;
 		const target = type === "leave" || !enabled || scriptPointers.owner(event.pointerId) === "editor" ? null : scriptTarget(input);
 		if (target?.owner !== scriptHover?.owner || target?.target !== scriptHover?.target) {
@@ -525,6 +609,7 @@ function mountBoardStage(host, options) {
 			if (target) sendScriptEvent(target, "pointerenter", event, input, scriptHover);
 			scriptHover = target;
 		}
+		const consumed = scriptPointers.owner(event.pointerId) === "script";
 		const { recipient, click } = scriptPointers.route(type, event.pointerId, target, {
 			x: event.clientX,
 			y: event.clientY
@@ -535,10 +620,10 @@ function mountBoardStage(host, options) {
 		}
 		if (recipient && type !== "leave") sendScriptEvent(recipient, input.cancelled ? "pointercancel" : `pointer${type}`, event, input);
 		if (click) sendScriptEvent(click, "click", event, input);
-		return recipient !== null;
+		return consumed || recipient !== null;
 	}
 	function handleScriptKey(event) {
-		if (scriptMode !== "interact" || !scriptHover || event.target !== host) return;
+		if (scriptMode !== "interact" || !scriptHover || event.target !== host || !scriptOutputs.get(scriptHover.owner)?.listens.includes(event.type)) return;
 		const input = {
 			type: event.type,
 			target: scriptHover.target,
@@ -689,6 +774,7 @@ function mountBoardStage(host, options) {
 		},
 		setScriptMode(mode) {
 			if (mode === scriptMode) return;
+			if (mode !== "interact") cancelScriptPointers();
 			scriptMode = mode;
 			scriptLastTick = performance.now();
 			scheduleTick();
@@ -723,10 +809,15 @@ function mountBoardStage(host, options) {
 			if (active === next) return;
 			active = next;
 			if (!active) {
+				cancelScriptPointers();
 				cancelAnimationFrame(renderFrame);
 				cancelAnimationFrame(tickFrame);
+				cancelAnimationFrame(cardTickFrame);
+				if (cardTickTimer !== null) clearTimeout(cardTickTimer);
 				renderFrame = 0;
 				tickFrame = 0;
+				cardTickFrame = 0;
+				cardTickTimer = null;
 				return;
 			}
 			player.reset();
@@ -738,6 +829,7 @@ function mountBoardStage(host, options) {
 				cardEpoch += 1;
 				requestAssets = true;
 			}
+			for (const id of invalidation?.items ?? []) staleIds.add(id);
 			scheduleTick();
 		},
 		isMaterialized: (id) => Boolean(scene?.getNode(id)),
@@ -745,6 +837,8 @@ function mountBoardStage(host, options) {
 		destroy() {
 			disposed = true;
 			scriptPointers.clear();
+			stopTransforms?.();
+			scriptObservers.clear();
 			scriptListeners.clear();
 			stopMaintenance?.();
 			stopEditor();
@@ -753,6 +847,9 @@ function mountBoardStage(host, options) {
 			cancelAnimationFrame(resizeFrame);
 			cancelAnimationFrame(renderFrame);
 			cancelAnimationFrame(tickFrame);
+			cancelAnimationFrame(cardTickFrame);
+			if (cardTickTimer !== null) clearTimeout(cardTickTimer);
+			cardTickTimer = null;
 			for (const [type, listener] of listeners) host.removeEventListener(type, listener);
 			editor.setPlayedItems(/* @__PURE__ */ new Map());
 			editor.setScriptItems(/* @__PURE__ */ new Map());