@neta-art/cohub-cli 9.1.2 → 10.0.0

package/dist/board-kernel.js

@@ -1,5 +1,6 @@
 import { $ as groupD8, A as bgr2rgb, B as Bounds, C as Sprite, D as TexturePool, E as RenderGroup, G as TextureStyle, H as Texture, I as BigPool, J as deprecation, K as definedProps, L as GlobalResourceRegistry, M as multiplyHexColors, N as getGlobalBounds, O as InstructionSet, P as FilterEffect, Q as Rectangle, R as warn, S as DOMAdapter, T as Container, U as TextureMatrix, V as updateQuadBounds, W as TextureSource, X as v8_3_4, Y as v8_0_0, Z as uid$1, _ as Cache, a as Geometry, at as extensions, b as ImageSource, c as Filter, d as RendererType, et as Matrix, f as BindGroup, g as getTestContext, h as GlProgram, i as canUseNewCanvasBlendModes, it as ExtensionType, j as multiplyColors, k as getLocalBounds, l as State, m as GpuProgram, n as CanvasPool, nt as eventemitter3_default, o as Buffer$1, p as UniformGroup, q as nextPow2, r as canvasUtils, rt as ObservablePoint, s as BufferUsage, t as getPo2TextureFromSource, tt as Point, u as Shader, v as Ticker, w as ViewContainer, x as CanvasSource, z as Color } from "./board-kernel/getPo2TextureFromSource.js";
-import { Script, createContext } from "node:vm";
+import { Worker } from "node:worker_threads";
+import { fileURLToPath } from "node:url";
 //#region ../../node_modules/.pnpm/zod@4.6.5/node_modules/zod/v4/core/util.js
 function getEnumValues(entries) {
 	const numericValues = Object.values(entries).filter((v) => typeof v === "number");
@@ -44,6 +45,24 @@ function floatSafeRemainder(val, step) {
 	if (Math.abs(ratio - roundedRatio) < tolerance) return 0;
 	return ratio - roundedRatio;
 }
+const EVALUATING = /* @__PURE__*/ Symbol("evaluating");
+function defineLazy(object, key, getter) {
+	let value = void 0;
+	Object.defineProperty(object, key, {
+		get() {
+			if (value === EVALUATING) return;
+			if (value === void 0) {
+				value = EVALUATING;
+				value = getter();
+			}
+			return value;
+		},
+		set(v) {
+			Object.defineProperty(object, key, { value: v });
+		},
+		configurable: true
+	});
+}
 function assignProp(target, prop, value) {
 	Object.defineProperty(target, prop, {
 		value,
@@ -1017,6 +1036,7 @@ const anyString = /^[\s\S]{0,}$/;
 const integer = /^-?\d+$/;
 const number$2 = /^-?\d+(?:\.\d+)?$/;
 const boolean$1 = /^(?:true|false)$/i;
+const _null$2 = /^null$/i;
 const lowercase = /^[^A-Z]*$/;
 const uppercase = /^[^a-z]*$/;
 //#endregion
@@ -1838,6 +1858,22 @@ const $ZodBoolean = /*@__PURE__*/ $constructor("$ZodBoolean", (inst, def) => {
 		return payload;
 	};
 });
+const $ZodNull = /*@__PURE__*/ $constructor("$ZodNull", (inst, def) => {
+	$ZodType.init(inst, def);
+	inst._zod.pattern = _null$2;
+	inst._zod.values = /* @__PURE__ */ new Set([null]);
+	inst._zod.parse = (payload, _ctx) => {
+		const input = payload.value;
+		if (input === null) return payload;
+		payload.issues.push({
+			expected: "null",
+			code: "invalid_type",
+			input,
+			inst
+		});
+		return payload;
+	};
+});
 const $ZodUnknown = /*@__PURE__*/ $constructor("$ZodUnknown", (inst, def) => {
 	$ZodType.init(inst, def);
 	inst._zod.parse = (payload) => payload;
@@ -2764,6 +2800,21 @@ function handleReadonlyResult(payload) {
 	if (!payload.memo) payload.value = Object.freeze(payload.value);
 	return payload;
 }
+const $ZodLazy = /*@__PURE__*/ $constructor("$ZodLazy", (inst, def) => {
+	$ZodType.init(inst, def);
+	defineLazy(inst._zod, "innerType", () => {
+		const d = def;
+		if (!d._cachedInner) d._cachedInner = def.getter();
+		return d._cachedInner;
+	});
+	defineLazyInternal(inst, "pattern", (zod) => zod.innerType?._zod?.pattern);
+	defineLazyInternal(inst, "propValues", (zod) => zod.innerType?._zod?.propValues);
+	defineLazyInternal(inst, "optin", (zod) => zod.innerType?._zod?.optin ?? void 0);
+	defineLazyInternal(inst, "optout", (zod) => zod.innerType?._zod?.optout ?? void 0);
+	inst._zod.parse = (payload, ctx) => {
+		return inst._zod.innerType._zod.run(payload, ctx);
+	};
+});
 const $ZodCustom = /*@__PURE__*/ $constructor("$ZodCustom", (inst, def) => {
 	$ZodCheck.init(inst, def);
 	$ZodType.init(inst, def);
@@ -3505,6 +3556,13 @@ function _boolean(Class, params) {
 	});
 }
 // @__NO_SIDE_EFFECTS__
+function _null$1(Class, params) {
+	return new Class({
+		type: "null",
+		...normalizeParams(params)
+	});
+}
+// @__NO_SIDE_EFFECTS__
 function _unknown(Class) {
 	return new Class({ type: "unknown" });
 }
@@ -4286,6 +4344,13 @@ const numberProcessor = (schema, ctx, _json, params) => {
 const booleanProcessor = (_schema, _ctx, json, _params) => {
 	json.type = "boolean";
 };
+const nullProcessor = (_schema, ctx, json, _params) => {
+	if (ctx.target === "openapi-3.0") {
+		json.type = "string";
+		json.nullable = true;
+		json.enum = [null];
+	} else json.type = "null";
+};
 const neverProcessor = (_schema, _ctx, json, _params) => {
 	json.not = {};
 };
@@ -4599,6 +4664,12 @@ const optionalProcessor = (schema, ctx, _json, params) => {
 	const seen = ctx.seen.get(schema);
 	seen.ref = def.innerType;
 };
+const lazyProcessor = (schema, ctx, _json, params) => {
+	const innerType = schema._zod.innerType;
+	processSchema(innerType, ctx, params);
+	const seen = ctx.seen.get(schema);
+	seen.ref = innerType;
+};
 //#endregion
 //#region ../../node_modules/.pnpm/zod@4.6.5/node_modules/zod/v4/classic/errors.js
 const _installedErrorProtos = /* @__PURE__ */ new WeakSet([Object.prototype, Error.prototype]);
@@ -5167,6 +5238,14 @@ const ZodBoolean = /*@__PURE__*/ $constructor("ZodBoolean", (inst, def) => {
 function boolean(params) {
 	return /* @__PURE__ */ _boolean(ZodBoolean, params);
 }
+const ZodNull = /*@__PURE__*/ $constructor("ZodNull", (inst, def) => {
+	$ZodNull.init(inst, def);
+	ZodType.init(inst, def);
+	inst._zod.processJSONSchema = (ctx, json, params) => nullProcessor(inst, ctx, json, params);
+});
+function _null(params) {
+	return /* @__PURE__ */ _null$1(ZodNull, params);
+}
 const ZodUnknown = /*@__PURE__*/ $constructor("ZodUnknown", (inst, def) => {
 	$ZodUnknown.init(inst, def);
 	ZodType.init(inst, def);
@@ -5534,6 +5613,18 @@ function readonly(innerType) {
 		innerType
 	});
 }
+const ZodLazy = /*@__PURE__*/ $constructor("ZodLazy", (inst, def) => {
+	$ZodLazy.init(inst, def);
+	ZodType.init(inst, def);
+	inst._zod.processJSONSchema = (ctx, json, params) => lazyProcessor(inst, ctx, json, params);
+	inst.unwrap = () => inst._zod.def.getter();
+});
+function lazy(getter) {
+	return new ZodLazy({
+		type: "lazy",
+		getter
+	});
+}
 const ZodCustom = /*@__PURE__*/ $constructor("ZodCustom", (inst, def) => {
 	$ZodCustom.init(inst, def);
 	ZodType.init(inst, def);
@@ -5545,23 +5636,123 @@ function refine(fn, _params = {}) {
 function superRefine(fn, params) {
 	return /* @__PURE__ */ _superRefine(fn, params);
 }
+function json(params) {
+	const jsonSchema = lazy(() => {
+		return union([
+			string(params),
+			number$1(),
+			boolean(),
+			_null(),
+			array(jsonSchema),
+			record(string(), jsonSchema)
+		]);
+	});
+	return jsonSchema;
+}
 const BOARD_ARROW_STROKE_SIZE = 2.5;
-const BOARD_FONT_STACK = "\"Geist\", system-ui, -apple-system, \"Noto Sans CJK SC\", \"Noto Sans SC\", \"PingFang SC\", \"Microsoft YaHei\", sans-serif";
-const BOARD_MONO_FONT_STACK = "\"Geist Mono\", \"Fira Code\", ui-monospace, \"Noto Sans Mono CJK SC\", monospace";
-const BOARD_CAMERA_TARGET = "camera";
-const BoardIdSchema = string().min(1).max(160).regex(/^[^\s/]+$/, "ids must not contain whitespace or '/'").refine((value) => value !== BOARD_CAMERA_TARGET, "\"camera\" is reserved");
-const finite = number$1().finite();
-const nonNegative = finite.nonnegative();
-const ratio = finite.min(0).max(1);
-const BoardVec2Schema = object({
-	x: finite,
-	y: finite
+const BOARD_FONT_STACK = "\"Geist\", system-ui, -apple-system, \"Noto Sans CJK SC\", \"Noto Sans SC\", \"PingFang SC\", \"Microsoft YaHei\", \"Noto Sans Math\", \"Noto Sans Symbols 2\", \"DejaVu Sans\", \"FreeSans\", \"FreeSerif\", sans-serif";
+const BOARD_MONO_FONT_STACK = "\"Geist Mono\", \"Fira Code\", ui-monospace, \"Noto Sans Mono CJK SC\", \"Noto Sans Math\", \"DejaVu Sans\", \"FreeSans\", \"FreeSerif\", monospace";
+//#endregion
+//#region ../protocol/src/board-url.ts
+const BOARD_REMOTE_URL_MAX_LENGTH$1 = 4096;
+function parseIpv4$1(host) {
+	const parts = host.split(".").map(Number);
+	return parts.length === 4 && parts.every((part) => Number.isInteger(part) && part >= 0 && part <= 255) ? parts : null;
+}
+function isBlockedIpv4$1(host) {
+	const parts = parseIpv4$1(host);
+	if (!parts) return false;
+	const [first, second, third] = parts;
+	if (first === 0 || first === 10 || first === 127) return true;
+	if (first === 100 && second >= 64 && second <= 127) return true;
+	if (first === 169 && second === 254) return true;
+	if (first === 172 && second >= 16 && second <= 31) return true;
+	if (first === 192 && second === 168) return true;
+	if (first === 192 && second === 0 && (third === 0 || third === 2)) return true;
+	if (first === 192 && second === 88 && third === 99) return true;
+	if (first === 198 && (second === 18 || second === 19)) return true;
+	if (first === 198 && second === 51 && third === 100) return true;
+	if (first === 203 && second === 0 && third === 113) return true;
+	return first >= 224;
+}
+function expandIpv6$1(host) {
+	const [head, tail, extra] = host.toLowerCase().split("::");
+	if (extra !== void 0) return null;
+	const headParts = head ? head.split(":").filter(Boolean) : [];
+	const tailParts = tail ? tail.split(":").filter(Boolean) : [];
+	const missing = 8 - headParts.length - tailParts.length;
+	if (missing < 0 || tail === void 0 && missing !== 0) return null;
+	const parts = [
+		...headParts,
+		...Array.from({ length: missing }, () => "0"),
+		...tailParts
+	];
+	if (parts.length !== 8 || parts.some((part) => !/^[0-9a-f]{1,4}$/.test(part))) return null;
+	return parts.map((part) => part.padStart(4, "0"));
+}
+function isBlockedIpv6$1(host) {
+	const parts = expandIpv6$1(host);
+	if (!parts) return true;
+	if (parts.every((part) => part === "0000")) return true;
+	if (parts.slice(0, 7).every((part) => part === "0000") && parts[7] === "0001") return true;
+	if (parts.slice(0, 5).every((part) => part === "0000") && parts[5] === "ffff") {
+		const high = Number.parseInt(parts[6] ?? "0", 16);
+		const low = Number.parseInt(parts[7] ?? "0", 16);
+		return isBlockedIpv4$1(`${high >> 8}.${high & 255}.${low >> 8}.${low & 255}`);
+	}
+	if (parts.slice(0, 6).every((part) => part === "0000")) return true;
+	const first = Number.parseInt(parts[0] ?? "0", 16);
+	if ((first & 65024) === 64512) return true;
+	if ((first & 65472) === 65152 || (first & 65472) === 65216) return true;
+	if ((first & 65280) === 65280) return true;
+	return parts[0] === "2001" && parts[1] === "0db8";
+}
+function isPublicBoardRemoteAddress$1(value) {
+	const address = value.toLowerCase().replace(/^\[|\]$/g, "").replace(/\.$/, "");
+	if (parseIpv4$1(address)) return !isBlockedIpv4$1(address);
+	return address.includes(":") && !isBlockedIpv6$1(address);
+}
+function isBlockedHost$1(hostname) {
+	const host = hostname.toLowerCase().replace(/^\[|\]$/g, "").replace(/\.$/, "");
+	if (host === "localhost" || host.endsWith(".localhost") || host.endsWith(".local") || host.endsWith(".internal")) return true;
+	if (parseIpv4$1(host) || host.includes(":")) return !isPublicBoardRemoteAddress$1(host);
+	return false;
+}
+/**
+* Normalize a browser-loadable public HTTP(S) URL. This blocks explicit local
+* addresses; any future server-side fetcher must additionally validate DNS
+* resolution to defend against rebinding.
+*/
+function normalizeBoardRemoteUrl$1(value) {
+	if (typeof value !== "string") return void 0;
+	const input = value.trim();
+	if (!input || input.length > 4096) return void 0;
+	try {
+		const url = new URL(input);
+		if (url.protocol !== "https:" && url.protocol !== "http:") return void 0;
+		if (url.username || url.password || isBlockedHost$1(url.hostname)) return;
+		const normalized = url.toString();
+		return normalized.length <= 4096 ? normalized : void 0;
+	} catch {
+		return;
+	}
+}
+string().max(BOARD_REMOTE_URL_MAX_LENGTH$1).refine((value) => normalizeBoardRemoteUrl$1(value) !== void 0, { message: "URL must be a public HTTP(S) URL without credentials" });
+const BOARD_CAMERA_TARGET$1 = "camera";
+const BoardKeySchema$1 = string().min(1).max(160).regex(/^[^\s/]+$/, "ids must not contain whitespace or '/'");
+const BoardIdSchema$1 = BoardKeySchema$1.refine((value) => value !== BOARD_CAMERA_TARGET$1, "\"camera\" is reserved");
+const finite$1 = number$1().finite();
+const nonNegative$1 = finite$1.nonnegative();
+const ratio$1 = finite$1.min(0).max(1);
+const BoardVec2Schema$1 = object({
+	x: finite$1,
+	y: finite$1
 }).strict();
-const BoardSizeSchema = object({
-	width: finite.positive(),
-	height: finite.positive()
+const BoardSizeSchema$1 = object({
+	width: finite$1.positive(),
+	height: finite$1.positive()
 }).strict();
-const BOARD_COLOR_TOKENS = [
+const BOARD_COLOR_TOKENS$1 = [
 	"brand",
 	"neutral",
 	"black",
@@ -5572,66 +5763,85 @@ const BOARD_COLOR_TOKENS = [
 	"violet",
 	"rose"
 ];
-const CSS_NAMED_COLORS = new Set("transparent aliceblue antiquewhite aqua aquamarine azure beige bisque blanchedalmond blueviolet brown burlywood cadetblue chartreuse chocolate coral cornflowerblue cornsilk crimson cyan darkblue darkcyan darkgoldenrod darkgray darkgreen darkgrey darkkhaki darkmagenta darkolivegreen darkorange darkorchid darkred darksalmon darkseagreen darkslateblue darkslategray darkslategrey darkturquoise darkviolet deeppink deepskyblue dimgray dimgrey dodgerblue firebrick floralwhite forestgreen fuchsia gainsboro ghostwhite gold goldenrod gray grey greenyellow honeydew hotpink indianred indigo ivory khaki lavender lavenderblush lawngreen lemonchiffon lightblue lightcoral lightcyan lightgoldenrodyellow lightgray lightgreen lightgrey lightpink lightsalmon lightseagreen lightskyblue lightslategray lightslategrey lightsteelblue lightyellow lime limegreen linen magenta maroon mediumaquamarine mediumblue mediumorchid mediumpurple mediumseagreen mediumslateblue mediumspringgreen mediumturquoise mediumvioletred midnightblue mintcream mistyrose moccasin navajowhite navy oldlace olive olivedrab orange orangered orchid palegoldenrod palegreen paleturquoise palevioletred papayawhip peachpuff peru pink plum powderblue purple rebeccapurple red rosybrown royalblue saddlebrown salmon sandybrown seagreen seashell sienna silver skyblue slateblue slategray slategrey snow springgreen steelblue tan teal thistle tomato turquoise violet wheat whitesmoke yellow yellowgreen".split(" "));
-function isBoardColorString(value) {
+const CSS_NAMED_COLORS$1 = new Set("transparent aliceblue antiquewhite aqua aquamarine azure beige bisque blanchedalmond blueviolet brown burlywood cadetblue chartreuse chocolate coral cornflowerblue cornsilk crimson cyan darkblue darkcyan darkgoldenrod darkgray darkgreen darkgrey darkkhaki darkmagenta darkolivegreen darkorange darkorchid darkred darksalmon darkseagreen darkslateblue darkslategray darkslategrey darkturquoise darkviolet deeppink deepskyblue dimgray dimgrey dodgerblue firebrick floralwhite forestgreen fuchsia gainsboro ghostwhite gold goldenrod gray grey greenyellow honeydew hotpink indianred indigo ivory khaki lavender lavenderblush lawngreen lemonchiffon lightblue lightcoral lightcyan lightgoldenrodyellow lightgray lightgreen lightgrey lightpink lightsalmon lightseagreen lightskyblue lightslategray lightslategrey lightsteelblue lightyellow lime limegreen linen magenta maroon mediumaquamarine mediumblue mediumorchid mediumpurple mediumseagreen mediumslateblue mediumspringgreen mediumturquoise mediumvioletred midnightblue mintcream mistyrose moccasin navajowhite navy oldlace olive olivedrab orange orangered orchid palegoldenrod palegreen paleturquoise palevioletred papayawhip peachpuff peru pink plum powderblue purple rebeccapurple red rosybrown royalblue saddlebrown salmon sandybrown seagreen seashell sienna silver skyblue slateblue slategray slategrey snow springgreen steelblue tan teal thistle tomato turquoise violet wheat whitesmoke yellow yellowgreen".split(" "));
+function isBoardColorString$1(value) {
 	const color = value.trim().toLowerCase();
-	return BOARD_COLOR_TOKENS.includes(color) || CSS_NAMED_COLORS.has(color) || /^#(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/.test(color) || /^(?:rgba?|hsla?|hwb|lab|lch|oklab|oklch|color)\([^()]*\)$/.test(color);
+	return BOARD_COLOR_TOKENS$1.includes(color) || CSS_NAMED_COLORS$1.has(color) || /^#(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/.test(color) || /^(?:rgba?|hsla?|hwb|lab|lch|oklab|oklch|color)\([^()]*\)$/.test(color);
 }
-const colorString = string().max(120).refine(isBoardColorString, "expected a palette token or a CSS color");
-const BoardColorSchema = union([colorString, object({
-	light: colorString,
-	dark: colorString
+const colorString$1 = string().max(120).refine(isBoardColorString$1, "expected a palette token or a CSS color");
+const BoardColorSchema$1 = union([colorString$1, object({
+	light: colorString$1,
+	dark: colorString$1
 }).strict()]);
-const BoardStyleSchema = object({
-	fill: BoardColorSchema.optional(),
-	fillOpacity: ratio.optional(),
-	stroke: BoardColorSchema.optional(),
-	strokeWidth: finite.min(0).max(64).optional(),
+const BoardStyleSchema$1 = object({
+	fill: BoardColorSchema$1.optional(),
+	fillOpacity: ratio$1.optional(),
+	stroke: BoardColorSchema$1.optional(),
+	strokeWidth: finite$1.min(0).max(64).optional(),
 	dash: _enum([
 		"solid",
 		"dashed",
 		"dotted"
 	]).optional(),
-	radius: nonNegative.optional(),
-	trim: ratio.optional()
+	radius: nonNegative$1.optional(),
+	trim: ratio$1.optional()
 }).strict();
-function isSafeBoardSourcePath(value) {
-	return value.length > 0 && value.length <= 4096 && !value.startsWith("/") && !value.includes("\\") && value.split("/").every((part) => part.length > 0 && part !== "." && part !== "..");
+function isSafeBoardSourcePath$1(value) {
+	return value.length > 0 && value.length <= 4096 && !value.startsWith("/") && !/^[a-z][a-z\d+.-]*:/i.test(value.trimStart()) && !value.includes("\\") && value.split("/").every((part) => part.length > 0 && part !== "." && part !== "..");
 }
-const srcSchema = string().refine(isSafeBoardSourcePath, "src must be a relative Space file path");
-const itemEnvelope = {
-	parent: BoardIdSchema.optional(),
-	z: finite.optional(),
-	position: BoardVec2Schema.default({
+const srcSchema$1 = string().refine(isSafeBoardSourcePath$1, "src must be a relative Space file path");
+function parseBoardMediaSource$1(src) {
+	if (isSafeBoardSourcePath$1(src)) return {
+		kind: "file",
+		value: src
+	};
+	return normalizeBoardRemoteUrl$1(src) ? {
+		kind: "url",
+		value: src
+	} : null;
+}
+const BoardMediaSourceSchema$1 = string().max(4096).refine((src) => parseBoardMediaSource$1(src) !== null, "src must be a public HTTP(S) URL or relative Space file path").describe("Prefer a stable public HTTP(S) URL; relative Space file paths remain supported.");
+const BoardScriptSchema$1 = object({
+	src: srcSchema$1.refine((path) => /\.m?js$/.test(path), "script src must be a .js or .mjs module"),
+	params: record(string(), json()).default({}),
+	targets: record(string().min(1).max(80), BoardIdSchema$1).default({}),
+	seed: string().min(1).max(160).optional(),
+	enabled: boolean().default(true)
+}).strict();
+const itemEnvelope$1 = {
+	script: BoardScriptSchema$1.optional(),
+	parent: BoardIdSchema$1.optional(),
+	z: finite$1.optional(),
+	position: BoardVec2Schema$1.default({
 		x: 0,
 		y: 0
 	}),
-	rotation: finite.default(0),
-	scale: union([finite, BoardVec2Schema]).default(1),
-	origin: BoardVec2Schema.default({
+	rotation: finite$1.default(0),
+	scale: union([finite$1, BoardVec2Schema$1]).default(1),
+	origin: BoardVec2Schema$1.default({
 		x: .5,
 		y: .5
 	}),
-	opacity: ratio.default(1),
-	style: BoardStyleSchema.default({}),
+	opacity: ratio$1.default(1),
+	style: BoardStyleSchema$1.default({}),
 	locked: boolean().optional(),
 	metadata: record(string(), unknown()).optional()
 };
-const boxed = (width, height) => ({
-	...itemEnvelope,
-	size: BoardSizeSchema.default({
+const boxed$1 = (width, height) => ({
+	...itemEnvelope$1,
+	size: BoardSizeSchema$1.default({
 		width,
 		height
 	})
 });
-const unsized = { ...itemEnvelope };
-const fontSize = finite.min(2).max(512);
-const BOARD_TEXT_ALIGNS = [
+const unsized$1 = { ...itemEnvelope$1 };
+const fontSize$1 = finite$1.min(2).max(512);
+const BOARD_TEXT_ALIGNS$1 = [
 	"left",
 	"center",
 	"right"
 ];
-const BOARD_SHAPE_GEOMETRIES = [
+const BOARD_SHAPE_GEOMETRIES$1 = [
 	"rectangle",
 	"rounded",
 	"ellipse",
@@ -5639,55 +5849,56 @@ const BOARD_SHAPE_GEOMETRIES = [
 	"triangle",
 	"path"
 ];
-const BoardFrameItemSchema = object({
-	...boxed(480, 320),
+const BoardFrameItemSchema$1 = object({
+	...boxed$1(480, 320),
 	type: literal("frame"),
 	props: object({
 		label: string().max(280).default(""),
+		decoration: _enum(["frame", "none"]).optional(),
 		clip: boolean().default(true)
 	}).strict().prefault({})
 }).strict();
-const BoardTextItemSchema = object({
-	...unsized,
+const BoardTextItemSchema$1 = object({
+	...unsized$1,
 	type: literal("text"),
 	props: object({
 		text: string().default(""),
-		fontSize: fontSize.default(24),
-		fontWeight: finite.min(100).max(900).default(500),
+		fontSize: fontSize$1.default(24),
+		fontWeight: finite$1.min(100).max(900).default(500),
 		font: string().min(1).max(120).default("sans"),
-		align: _enum(BOARD_TEXT_ALIGNS).default("left"),
-		lineHeight: finite.min(.5).max(4).default(4 / 3),
-		width: finite.positive().optional(),
-		reveal: ratio.default(1),
+		align: _enum(BOARD_TEXT_ALIGNS$1).default("left"),
+		lineHeight: finite$1.min(.5).max(4).default(4 / 3),
+		width: finite$1.positive().optional(),
+		reveal: ratio$1.default(1),
 		caret: boolean().default(false)
 	}).strict().prefault({})
 }).strict();
-const BoardShapeItemSchema = object({
-	...boxed(240, 160),
+const BoardShapeItemSchema$1 = object({
+	...boxed$1(240, 160),
 	type: literal("shape"),
 	props: object({
-		geometry: _enum(BOARD_SHAPE_GEOMETRIES).default("rectangle"),
+		geometry: _enum(BOARD_SHAPE_GEOMETRIES$1).default("rectangle"),
 		path: string().min(1).max(2e5).optional(),
 		text: string().default(""),
-		fontSize: fontSize.default(20),
-		align: _enum(BOARD_TEXT_ALIGNS).default("center")
+		fontSize: fontSize$1.default(20),
+		align: _enum(BOARD_TEXT_ALIGNS$1).default("center")
 	}).strict().refine((props) => props.geometry !== "path" || Boolean(props.path), {
 		message: "path geometry requires props.path",
 		path: ["path"]
 	}).prefault({})
 }).strict();
-const BoardDrawPointSchema = object({
-	x: finite,
-	y: finite,
-	p: ratio.default(.5)
+const BoardDrawPointSchema$1 = object({
+	x: finite$1,
+	y: finite$1,
+	p: ratio$1.default(.5)
 }).strict();
-const BoardDrawItemSchema = object({
-	...unsized,
+const BoardDrawItemSchema$1 = object({
+	...unsized$1,
 	type: literal("draw"),
-	props: object({ points: array(BoardDrawPointSchema).min(1).max(1e5) }).strict()
+	props: object({ points: array(BoardDrawPointSchema$1).min(1).max(1e5) }).strict()
 }).strict();
-const BoardArrowEndSchema = union([BoardVec2Schema, object({
-	item: BoardIdSchema,
+const BoardArrowEndSchema$1 = union([BoardVec2Schema$1, object({
+	item: BoardIdSchema$1,
 	anchor: union([
 		literal("auto"),
 		object({
@@ -5697,110 +5908,110 @@ const BoardArrowEndSchema = union([BoardVec2Schema, object({
 				"bottom",
 				"left"
 			]),
-			offset: ratio.default(.5)
+			offset: ratio$1.default(.5)
 		}).strict(),
 		object({
-			x: ratio,
-			y: ratio
+			x: ratio$1,
+			y: ratio$1
 		}).strict()
 	]).default("auto"),
 	port: string().min(1).max(120).optional()
 }).strict()]);
-const BOARD_ARROW_ROUTES = [
+const BOARD_ARROW_ROUTES$1 = [
 	"straight",
 	"curve",
 	"orthogonal"
 ];
-const BoardArrowItemSchema = object({
-	...unsized,
+const BoardArrowItemSchema$1 = object({
+	...unsized$1,
 	type: literal("arrow"),
 	props: object({
-		start: BoardArrowEndSchema,
-		end: BoardArrowEndSchema,
-		route: _enum(BOARD_ARROW_ROUTES).default("straight"),
-		bend: finite.min(-.85).max(.85).default(0),
-		waypoints: array(BoardVec2Schema).max(64).default([]),
+		start: BoardArrowEndSchema$1,
+		end: BoardArrowEndSchema$1,
+		route: _enum(BOARD_ARROW_ROUTES$1).default("straight"),
+		bend: finite$1.min(-.85).max(.85).default(0),
+		waypoints: array(BoardVec2Schema$1).max(64).default([]),
 		arrowStart: boolean().default(false),
 		arrowEnd: boolean().default(true),
 		label: string().max(280).default(""),
-		fontSize: fontSize.default(14),
+		fontSize: fontSize$1.default(14),
 		relation: string().max(64).regex(/^[a-z0-9]+(?:[.-][a-z0-9]+)*$/, "relation must be a lowercase slug").optional()
 	}).strict()
 }).strict();
-const fileProps = {
-	src: srcSchema,
+const fileProps$1 = {
+	src: BoardMediaSourceSchema$1,
 	snapshot: object({
 		title: string().optional(),
 		mimeType: string().optional(),
-		size: nonNegative.optional(),
-		mtimeMs: nonNegative.optional(),
-		naturalWidth: finite.positive().optional(),
-		naturalHeight: finite.positive().optional(),
-		durationMs: nonNegative.optional(),
+		size: nonNegative$1.optional(),
+		mtimeMs: nonNegative$1.optional(),
+		naturalWidth: finite$1.positive().optional(),
+		naturalHeight: finite$1.positive().optional(),
+		durationMs: nonNegative$1.optional(),
 		excerpt: string().optional(),
 		coverPath: string().optional(),
 		coverUrl: string().optional()
 	}).strict().optional()
 };
-const timedFileProps = {
-	...fileProps,
-	time: nonNegative.optional()
+const timedFileProps$1 = {
+	...fileProps$1,
+	time: nonNegative$1.optional()
 };
-const BoardCropSchema = object({
-	x: ratio,
-	y: ratio,
-	w: ratio,
-	h: ratio
+const BoardCropSchema$1 = object({
+	x: ratio$1,
+	y: ratio$1,
+	w: ratio$1,
+	h: ratio$1
 }).strict();
-const BoardImageItemSchema = object({
-	...boxed(640, 360),
+const BoardImageItemSchema$1 = object({
+	...boxed$1(640, 360),
 	type: literal("image"),
 	props: object({
-		...fileProps,
-		crop: BoardCropSchema.optional()
+		...fileProps$1,
+		crop: BoardCropSchema$1.optional()
 	}).strict()
 }).strict();
-const BoardVideoItemSchema = object({
-	...boxed(640, 360),
+const BoardVideoItemSchema$1 = object({
+	...boxed$1(640, 360),
 	type: literal("video"),
-	props: object(timedFileProps).strict()
+	props: object(timedFileProps$1).strict()
 }).strict();
-const BoardAudioItemSchema = object({
-	...boxed(480, 96),
+const BoardAudioItemSchema$1 = object({
+	...boxed$1(480, 96),
 	type: literal("audio"),
-	props: object(timedFileProps).strict()
+	props: object(timedFileProps$1).strict()
 }).strict();
-const BoardFileItemSchema = object({
-	...boxed(360, 220),
+const BoardFileItemSchema$1 = object({
+	...boxed$1(360, 220),
 	type: literal("file"),
-	props: object(fileProps).strict()
+	props: object(fileProps$1).strict()
 }).strict();
-const httpsUrl = string().max(4096).url();
-const artifactBase = {
+const httpsUrl$1 = string().max(4096).url();
+const artifactBase$1 = {
 	id: string().min(1).max(240),
 	title: string().max(240).optional(),
-	url: httpsUrl,
+	url: httpsUrl$1,
 	mimeType: string().max(160).optional()
 };
-const BoardTaskArtifactSchema = discriminatedUnion("type", [
+const BoardTaskArtifactSchema$1 = discriminatedUnion("type", [
 	object({
-		...artifactBase,
+		...artifactBase$1,
 		type: literal("image"),
-		naturalWidth: finite.positive().optional(),
-		naturalHeight: finite.positive().optional()
+		naturalWidth: finite$1.positive().optional(),
+		naturalHeight: finite$1.positive().optional()
 	}).strict(),
 	object({
-		...artifactBase,
+		...artifactBase$1,
 		type: literal("video"),
-		previewUrl: httpsUrl.optional(),
+		previewUrl: httpsUrl$1.optional(),
 		durationMs: number$1().int().positive().optional(),
-		naturalWidth: finite.positive().optional(),
-		naturalHeight: finite.positive().optional()
+		naturalWidth: finite$1.positive().optional(),
+		naturalHeight: finite$1.positive().optional()
 	}).strict(),
 	object({
-		...artifactBase,
+		...artifactBase$1,
 		type: literal("audio"),
-		previewUrl: httpsUrl.optional(),
+		previewUrl: httpsUrl$1.optional(),
 		durationMs: number$1().int().positive().optional()
 	}).strict(),
 	object({
@@ -5810,7 +6021,7 @@ const BoardTaskArtifactSchema = discriminatedUnion("type", [
 		textExcerpt: string().min(1).max(480)
 	}).strict()
 ]);
-const BoardTaskSnapshotSchema = object({
+const BoardTaskSnapshotSchema$1 = object({
 	taskType: string().min(1).max(120),
 	status: _enum([
 		"pending",
@@ -5822,81 +6033,78 @@ const BoardTaskSnapshotSchema = object({
 	model: string().max(160).optional(),
 	promptExcerpt: string().max(480).optional(),
 	artifactCount: number$1().int().nonnegative(),
-	artifacts: array(BoardTaskArtifactSchema).max(6).default([]),
+	artifacts: array(BoardTaskArtifactSchema$1).max(6).default([]),
 	updatedAt: string().optional()
 }).strict();
-const BoardTaskItemSchema = object({
-	...boxed(420, 240),
+const BoardTaskItemSchema$1 = object({
+	...boxed$1(420, 240),
 	type: literal("task"),
 	props: object({
 		taskRunId: string().min(1).max(160),
-		snapshot: BoardTaskSnapshotSchema
+		snapshot: BoardTaskSnapshotSchema$1
 	}).strict()
 }).strict();
-const BOARD_EFFECT_KINDS = [
+const BOARD_EFFECT_KINDS$1 = [
 	"particles",
 	"trail",
 	"impact",
 	"flash",
 	"glow"
 ];
-const BoardEffectItemSchema = object({
-	...boxed(240, 240),
+const BoardEffectItemSchema$1 = object({
+	...boxed$1(240, 240),
 	type: literal("effect"),
 	props: object({
-		kind: _enum(BOARD_EFFECT_KINDS),
-		rate: nonNegative.max(2e4).default(40),
-		life: finite.positive().max(6e4).default(1200),
-		particleSize: finite.positive().max(512).default(6),
-		speed: nonNegative.max(1e4).default(120),
-		direction: finite.default(-90),
-		spread: finite.min(0).max(360).default(360),
-		gravity: finite.default(0),
-		intensity: nonNegative.max(10).default(1),
-		follow: BoardIdSchema.optional(),
+		kind: _enum(BOARD_EFFECT_KINDS$1),
+		rate: nonNegative$1.max(2e4).default(40),
+		life: finite$1.positive().max(6e4).default(1200),
+		particleSize: finite$1.positive().max(512).default(6),
+		speed: nonNegative$1.max(1e4).default(120),
+		direction: finite$1.default(-90),
+		spread: finite$1.min(0).max(360).default(360),
+		gravity: finite$1.default(0),
+		intensity: nonNegative$1.max(10).default(1),
+		follow: BoardIdSchema$1.optional(),
 		seed: string().min(1).max(160).optional()
 	}).strict()
 }).strict();
-const BoardSketchItemSchema = object({
-	...boxed(480, 320),
-	type: literal("sketch"),
-	props: object({
-		src: srcSchema.refine((path) => /\.m?js$/.test(path), "sketch src must be a .js or .mjs module"),
-		params: record(string(), unknown()).default({}),
-		seed: string().min(1).max(160).optional()
-	}).strict()
+const BoardCustomItemSchema$1 = object({
+	...boxed$1(480, 320),
+	type: literal("custom"),
+	script: BoardScriptSchema$1,
+	props: object({}).strict().default({})
 }).strict();
-const BOARD_EXTENSION_TYPE_PATTERN = /^[a-z][a-z0-9]*(?:\.[a-z0-9-]+)+$/;
-const BoardExtensionItemSchema = object({
-	...itemEnvelope,
-	size: BoardSizeSchema.default({
+const BOARD_EXTENSION_TYPE_PATTERN$1 = /^[a-z][a-z0-9]*(?:\.[a-z0-9-]+)+$/;
+const BoardExtensionItemSchema$1 = object({
+	...itemEnvelope$1,
+	size: BoardSizeSchema$1.default({
 		width: 240,
 		height: 160
 	}),
-	type: string().regex(BOARD_EXTENSION_TYPE_PATTERN),
+	type: string().regex(BOARD_EXTENSION_TYPE_PATTERN$1),
 	props: record(string(), unknown()).default({})
 }).strict();
-const BOARD_ITEM_SCHEMAS = {
-	frame: BoardFrameItemSchema,
-	text: BoardTextItemSchema,
-	shape: BoardShapeItemSchema,
-	draw: BoardDrawItemSchema,
-	arrow: BoardArrowItemSchema,
-	image: BoardImageItemSchema,
-	video: BoardVideoItemSchema,
-	audio: BoardAudioItemSchema,
-	file: BoardFileItemSchema,
-	task: BoardTaskItemSchema,
-	effect: BoardEffectItemSchema,
-	sketch: BoardSketchItemSchema
-};
-const BOARD_ITEM_TYPES = Object.keys(BOARD_ITEM_SCHEMAS);
+const BOARD_ITEM_SCHEMAS$1 = {
+	frame: BoardFrameItemSchema$1,
+	text: BoardTextItemSchema$1,
+	shape: BoardShapeItemSchema$1,
+	draw: BoardDrawItemSchema$1,
+	arrow: BoardArrowItemSchema$1,
+	image: BoardImageItemSchema$1,
+	video: BoardVideoItemSchema$1,
+	audio: BoardAudioItemSchema$1,
+	file: BoardFileItemSchema$1,
+	task: BoardTaskItemSchema$1,
+	effect: BoardEffectItemSchema$1,
+	custom: BoardCustomItemSchema$1
+};
+const BOARD_ITEM_TYPES$1 = Object.keys(BOARD_ITEM_SCHEMAS$1);
 function isBuiltinItemType(type) {
-	return Object.hasOwn(BOARD_ITEM_SCHEMAS, type);
+	return Object.hasOwn(BOARD_ITEM_SCHEMAS$1, type);
 }
 function boardItemSchema(type) {
-	if (isBuiltinItemType(type)) return BOARD_ITEM_SCHEMAS[type];
-	return BOARD_EXTENSION_TYPE_PATTERN.test(type) ? BoardExtensionItemSchema : null;
+	if (isBuiltinItemType(type)) return BOARD_ITEM_SCHEMAS$1[type];
+	return BOARD_EXTENSION_TYPE_PATTERN$1.test(type) ? BoardExtensionItemSchema$1 : null;
 }
 function issuesToDiagnostics(error, path) {
 	return error.issues.map((issue) => {
@@ -5908,7 +6116,7 @@ function issuesToDiagnostics(error, path) {
 		};
 	});
 }
-function parseBoardItem(value, path = "item") {
+function parseBoardItem$1(value, path = "item") {
 	const type = value && typeof value === "object" && !Array.isArray(value) ? value.type : void 0;
 	if (typeof type !== "string") return {
 		ok: false,
@@ -5926,7 +6134,7 @@ function parseBoardItem(value, path = "item") {
 			severity: "error",
 			code: "INVALID_ITEM",
 			path: `${path}.type`,
-			message: `unknown type ${type}; expected ${BOARD_ITEM_TYPES.join(", ")} or a namespaced extension type`
+			message: `unknown type ${type}; expected ${BOARD_ITEM_TYPES$1.join(", ")} or a namespaced extension type`
 		}]
 	};
 	const parsed = schema.safeParse(value);
@@ -5938,7 +6146,7 @@ function parseBoardItem(value, path = "item") {
 		diagnostics: issuesToDiagnostics(parsed.error, path)
 	};
 }
-const CSS_EASE_KEYWORDS = /* @__PURE__ */ new Set([
+const CSS_EASE_KEYWORDS$1 = /* @__PURE__ */ new Set([
 	"linear",
 	"ease",
 	"ease-in",
@@ -5947,9 +6155,9 @@ const CSS_EASE_KEYWORDS = /* @__PURE__ */ new Set([
 	"step-start",
 	"step-end"
 ]);
-function isBoardEase(value) {
+function isBoardEase$1(value) {
 	const ease = value.trim();
-	if (CSS_EASE_KEYWORDS.has(ease)) return true;
+	if (CSS_EASE_KEYWORDS$1.has(ease)) return true;
 	const bezier = /^cubic-bezier\(\s*([^,()]+),\s*([^,()]+),\s*([^,()]+),\s*([^,()]+)\)$/.exec(ease);
 	if (bezier) {
 		const [x1, , x2] = bezier.slice(1).map(Number);
@@ -5957,16 +6165,16 @@ function isBoardEase(value) {
 	}
 	return /^steps\(\s*[1-9]\d*\s*(?:,\s*(?:start|end|jump-start|jump-end|jump-none|jump-both)\s*)?\)$/.test(ease);
 }
-const BoardEaseSchema = string().max(120).refine(isBoardEase, "expected a CSS easing: linear, ease-in-out, cubic-bezier(…) or steps(…)");
-const BoardKeyframeSchema = object({
-	at: nonNegative,
+const BoardEaseSchema$1 = string().max(120).refine(isBoardEase$1, "expected a CSS easing: linear, ease-in-out, cubic-bezier(…) or steps(…)");
+const BoardKeyframeSchema$1 = object({
+	at: nonNegative$1,
 	value: unknown(),
-	ease: BoardEaseSchema.optional()
+	ease: BoardEaseSchema$1.optional()
 }).strict();
-const BoardTrackSchema = object({
+const BoardTrackSchema$1 = object({
 	target: string().min(1).max(160),
 	property: string().min(1).max(200),
-	keyframes: array(BoardKeyframeSchema).min(1).max(1e5),
+	keyframes: array(BoardKeyframeSchema$1).min(1).max(1e5),
 	composite: _enum(["replace", "add"]).default("replace"),
 	interpolation: _enum([
 		"auto",
@@ -5985,65 +6193,65 @@ const BoardTrackSchema = object({
 		]
 	});
 });
-const BoardMarkerSchema = object({
-	at: nonNegative,
+const BoardMarkerSchema$1 = object({
+	at: nonNegative$1,
 	label: string().max(280).optional(),
 	pause: boolean().optional()
 }).strict();
-const BoardAnimationHeaderSchema = object({
+const BoardAnimationHeaderSchema$1 = object({
 	name: string().max(280).optional(),
-	duration: finite.positive().max(864e5),
+	duration: finite$1.positive().max(864e5),
 	play: _enum([
 		"manual",
 		"auto",
 		"always"
 	]).default("manual"),
-	delay: nonNegative.default(0),
+	delay: nonNegative$1.default(0),
 	loop: boolean().default(false),
 	end: _enum(["hold", "reset"]).default("hold"),
-	markers: array(BoardMarkerSchema).max(1e4).default([])
+	markers: array(BoardMarkerSchema$1).max(1e4).default([])
 }).strict();
-BoardAnimationHeaderSchema.extend({ tracks: record(BoardIdSchema, BoardTrackSchema).default({}) }).strict();
-const BOARD_ENTER_PRESETS = [
+BoardAnimationHeaderSchema$1.extend({ tracks: record(BoardKeySchema$1, BoardTrackSchema$1).default({}) }).strict();
+const BOARD_ENTER_PRESETS$1 = [
 	"fade-in",
 	"rise",
 	"drop",
 	"pop",
 	"deal"
 ];
-const BoardBackgroundSchema = object({
+const BoardBackgroundSchema$1 = object({
 	kind: _enum([
 		"solid",
 		"dots",
 		"grid",
 		"image"
 	]).default("dots"),
-	color: BoardColorSchema.optional(),
+	color: BoardColorSchema$1.optional(),
 	imageUrl: string().url().max(4096).optional(),
 	fit: _enum([
 		"cover",
 		"contain",
 		"repeat"
 	]).optional(),
-	opacity: ratio.optional()
+	opacity: ratio$1.optional()
 }).strict();
-const BoardSettingsSchema = object({
+const BoardSettingsSchema$1 = object({
 	title: string().min(1).max(255).optional(),
-	background: BoardBackgroundSchema.default({ kind: "dots" }),
+	background: BoardBackgroundSchema$1.default({ kind: "dots" }),
 	grid: object({
 		visible: boolean().default(false),
-		size: finite.min(4).max(512).default(24)
+		size: finite$1.min(4).max(512).default(24)
 	}).strict().optional(),
 	enter: object({
-		preset: _enum(BOARD_ENTER_PRESETS),
-		duration: finite.positive().max(1e4).optional()
+		preset: _enum(BOARD_ENTER_PRESETS$1),
+		duration: finite$1.positive().max(1e4).optional()
 	}).strict().optional()
 }).strict();
-const patchObject = record(string(), unknown());
-const BoardPatchSchema = object({
-	board: patchObject.nullable().optional(),
-	items: record(BoardIdSchema, patchObject.nullable()).optional(),
-	animations: record(BoardIdSchema, patchObject.and(object({ tracks: record(BoardIdSchema, patchObject.nullable()).optional() })).nullable()).optional()
+const patchObject$1 = record(string(), unknown());
+const BoardPatchSchema$1 = object({
+	board: patchObject$1.nullable().optional(),
+	items: record(BoardIdSchema$1, patchObject$1.nullable()).optional(),
+	animations: record(BoardIdSchema$1, patchObject$1.and(object({ tracks: record(BoardKeySchema$1, patchObject$1.nullable()).optional() })).nullable()).optional()
 }).strict();
 //#endregion
 //#region ../protocol/src/board-layout.ts
@@ -6592,7 +6800,8 @@ const NOT_ANIMATABLE = /* @__PURE__ */ new Set([
 	"parent",
 	"z",
 	"locked",
-	"metadata"
+	"metadata",
+	"script"
 ]);
 const CAMERA_PROPERTIES = {
 	focus: {
@@ -6611,7 +6820,7 @@ const CAMERA_PROPERTIES = {
 	},
 	center: {
 		kind: "vec2",
-		schema: BoardVec2Schema
+		schema: BoardVec2Schema$1
 	},
 	shake: {
 		kind: "number",
@@ -6625,7 +6834,7 @@ const ANIMATION_PROPERTIES = { time: {
 function kindOf(schema, path) {
 	const leaf = path[path.length - 1];
 	if (path.length === 1 && leaf === "scale") return "scale";
-	if (schema === BoardColorSchema || unwrap(schema) === BoardColorSchema) return "color";
+	if (schema === BoardColorSchema$1 || unwrap(schema) === BoardColorSchema$1) return "color";
 	if (def(unwrap(schema)).type === "number") return "number";
 	const shape = unwrapObjectShape(schema);
 	if (shape && Object.keys(shape).length === 2 && "x" in shape && "y" in shape) return "vec2";
@@ -6701,7 +6910,7 @@ function trackReferences(track) {
 	if (track.target === "camera" && track.property === "focus") {
 		for (const keyframe of track.keyframes) if (typeof keyframe.value === "string") refs.add(keyframe.value);
 	}
-	refs.delete(BOARD_CAMERA_TARGET);
+	refs.delete(BOARD_CAMERA_TARGET$1);
 	return [...refs];
 }
 function pruneBoardTrack(track, deleted) {
@@ -6728,7 +6937,7 @@ function stripId(value) {
 	return rest;
 }
 function applyBoardPatch(state, input, options = {}) {
-	const parsedPatch = BoardPatchSchema.safeParse(input);
+	const parsedPatch = BoardPatchSchema$1.safeParse(input);
 	if (!parsedPatch.success) return {
 		ok: false,
 		diagnostics: parsedPatch.error.issues.map((issue) => error(issue.path.map(String).join("."), "INVALID_PATCH", issue.message))
@@ -6753,7 +6962,7 @@ function applyBoardPatch(state, input, options = {}) {
 	};
 	if (patch.board !== void 0) {
 		const merged = patch.board === null ? {} : mergePatch(state.settings(), patch.board);
-		const parsed = BoardSettingsSchema.safeParse(merged);
+		const parsed = BoardSettingsSchema$1.safeParse(merged);
 		if (parsed.success) nextSettings = parsed.data;
 		else for (const issue of parsed.error.issues) diagnostics.push(error(["board", ...issue.path.map(String)].join("."), "INVALID_BOARD", issue.message));
 	}
@@ -6773,7 +6982,7 @@ function applyBoardPatch(state, input, options = {}) {
 			candidate.z = current?.z ?? top + 1;
 			if (!current) zByParent.set(key, top + 1);
 		}
-		const parsed = parseBoardItem(candidate, `items.${id}`);
+		const parsed = parseBoardItem$1(candidate, `items.${id}`);
 		if (!parsed.ok) {
 			diagnostics.push(...parsed.diagnostics);
 			continue;
@@ -6799,7 +7008,7 @@ function applyBoardPatch(state, input, options = {}) {
 				...headerPatch,
 				...headerPatch.duration === void 0 ? { duration: lastKeyframeAt([...Object.values(tracks ?? {}), ...state.trackIds(id).map((trackId) => state.track(id, trackId))]) } : {}
 			};
-			const parsed = BoardAnimationHeaderSchema.safeParse(header);
+			const parsed = BoardAnimationHeaderSchema$1.safeParse(header);
 			if (!parsed.success) {
 				for (const issue of parsed.error.issues) diagnostics.push(error([
 					"animations",
@@ -6816,7 +7025,7 @@ function applyBoardPatch(state, input, options = {}) {
 				if (existing) setTrack(id, trackId, null);
 				continue;
 			}
-			const parsed = BoardTrackSchema.safeParse(existing ? mergePatch(existing, trackPatch) : trackPatch);
+			const parsed = BoardTrackSchema$1.safeParse(existing ? mergePatch(existing, trackPatch) : trackPatch);
 			if (!parsed.success) {
 				for (const issue of parsed.error.issues) diagnostics.push(error([
 					"animations",
@@ -6981,7 +7190,7 @@ function applyBoardPatch(state, input, options = {}) {
 function validateTrack(path, animationId, value, item, animation, track, state) {
 	const diagnostics = [];
 	let targetType;
-	if (value.target === "camera") targetType = BOARD_CAMERA_TARGET;
+	if (value.target === "camera") targetType = BOARD_CAMERA_TARGET$1;
 	else if (item(value.target)) targetType = item(value.target).type;
 	else if (animation(value.target)) {
 		targetType = "animation";
@@ -7105,7 +7314,7 @@ function parseBoardDocument(input) {
 		diagnostics: [error("", "INVALID_DOCUMENT", "expected an object")]
 	};
 	const result = applyBoardPatchToDocument({
-		board: BoardSettingsSchema.parse({}),
+		board: BoardSettingsSchema$1.parse({}),
 		items: {},
 		animations: {}
 	}, {
@@ -7119,40 +7328,436 @@ function parseBoardDocument(input) {
 	} : result;
 }
 //#endregion
-//#region ../sdk/src/board/model/animation.ts
-const linear = (x) => x;
-function cubicBezier(x1, y1, x2, y2) {
-	const cx = 3 * x1;
-	const bx = 3 * (x2 - x1) - cx;
-	const ax = 1 - cx - bx;
-	const cy = 3 * y1;
-	const by = 3 * (y2 - y1) - cy;
-	const ay = 1 - cy - by;
-	const sampleX = (t) => ((ax * t + bx) * t + cx) * t;
-	const sampleY = (t) => ((ay * t + by) * t + cy) * t;
-	const slopeX = (t) => (3 * ax * t + 2 * bx) * t + cx;
-	return (x) => {
-		if (x <= 0) return 0;
-		if (x >= 1) return 1;
-		let t = x;
-		for (let index = 0; index < 8; index += 1) {
-			const error = sampleX(t) - x;
-			if (Math.abs(error) < 1e-6) return sampleY(t);
-			const slope = slopeX(t);
-			if (Math.abs(slope) < 1e-6) break;
-			t -= error / slope;
-		}
-		let low = 0;
-		let high = 1;
-		t = x;
-		for (let index = 0; index < 32; index += 1) {
-			const value = sampleX(t);
-			if (Math.abs(value - x) < 1e-6) break;
-			if (value < x) low = t;
-			else high = t;
-			t = (low + high) / 2;
-		}
-		return sampleY(t);
+//#region ../sdk/src/board/model/script-index.ts
+const scriptsByItems = /* @__PURE__ */ new WeakMap();
+function boardScriptItems(document) {
+	let scripts = scriptsByItems.get(document.items);
+	if (!scripts) {
+		scripts = Object.entries(document.items).filter(([, item]) => item.script?.enabled);
+		scriptsByItems.set(document.items, scripts);
+	}
+	return scripts;
+}
+function hasBoardScripts(document) {
+	return boardScriptItems(document).length > 0;
+}
+//#endregion
+//#region ../sdk/src/board/model/geometry.ts
+function worldPoint(x, y) {
+	return {
+		x,
+		y
+	};
+}
+const MIN_BOARD_ZOOM = .05;
+const DEFAULT_BOARD_VIEWPORT = {
+	x: 0,
+	y: 0,
+	zoom: 1
+};
+function clampZoom(zoom) {
+	const value = Number.isFinite(zoom) ? zoom : DEFAULT_BOARD_VIEWPORT.zoom;
+	return Math.min(8, Math.max(MIN_BOARD_ZOOM, value));
+}
+function normalizeViewport(viewport, fallback = DEFAULT_BOARD_VIEWPORT) {
+	const fallbackX = Number.isFinite(fallback.x) ? fallback.x : DEFAULT_BOARD_VIEWPORT.x;
+	const fallbackY = Number.isFinite(fallback.y) ? fallback.y : DEFAULT_BOARD_VIEWPORT.y;
+	const fallbackZoom = Number.isFinite(fallback.zoom) ? clampZoom(fallback.zoom) : DEFAULT_BOARD_VIEWPORT.zoom;
+	return {
+		x: Number.isFinite(viewport.x) ? viewport.x : fallbackX,
+		y: Number.isFinite(viewport.y) ? viewport.y : fallbackY,
+		zoom: Number.isFinite(viewport.zoom) ? clampZoom(viewport.zoom) : fallbackZoom
+	};
+}
+function degToRad(degrees) {
+	return degrees * Math.PI / 180;
+}
+function frameRect(frame) {
+	return {
+		x: frame.x,
+		y: frame.y,
+		width: frame.width,
+		height: frame.height
+	};
+}
+function rectCenter(rect) {
+	return worldPoint(rect.x + rect.width / 2, rect.y + rect.height / 2);
+}
+function rectsIntersect(a, b) {
+	return a.x < b.x + b.width && a.x + a.width > b.x && a.y < b.y + b.height && a.y + a.height > b.y;
+}
+function unionRects(rects) {
+	if (rects.length === 0) return null;
+	let minX = Number.POSITIVE_INFINITY;
+	let minY = Number.POSITIVE_INFINITY;
+	let maxX = Number.NEGATIVE_INFINITY;
+	let maxY = Number.NEGATIVE_INFINITY;
+	for (const rect of rects) {
+		minX = Math.min(minX, rect.x);
+		minY = Math.min(minY, rect.y);
+		maxX = Math.max(maxX, rect.x + rect.width);
+		maxY = Math.max(maxY, rect.y + rect.height);
+	}
+	return {
+		x: minX,
+		y: minY,
+		width: maxX - minX,
+		height: maxY - minY
+	};
+}
+function itemBounds(frame) {
+	const rotation = frame.rotation || 0;
+	if (rotation === 0) return frameRect(frame);
+	const center = rectCenter(frameRect(frame));
+	const halfW = frame.width / 2;
+	const halfH = frame.height / 2;
+	const rad = degToRad(rotation);
+	const cos = Math.abs(Math.cos(rad));
+	const sin = Math.abs(Math.sin(rad));
+	const boundW = halfW * cos + halfH * sin;
+	const boundH = halfW * sin + halfH * cos;
+	return {
+		x: center.x - boundW,
+		y: center.y - boundH,
+		width: boundW * 2,
+		height: boundH * 2
+	};
+}
+function cameraForState(state, surface) {
+	const zoom = clampZoom(state.zoom);
+	return normalizeViewport({
+		x: surface.width / 2 - state.centerX * zoom,
+		y: surface.height / 2 - state.centerY * zoom,
+		zoom
+	});
+}
+function cameraForRect(content, surface, options = {}) {
+	const padding = Math.max(0, Number.isFinite(options.padding) ? options.padding : 32);
+	const availableW = Math.max(1, surface.width - padding * 2);
+	const availableH = Math.max(1, surface.height - padding * 2);
+	const fitZoom = options.fit === "cover" ? Math.max(availableW / content.width, availableH / content.height) : Math.min(availableW / content.width, availableH / content.height);
+	const minZoom = clampZoom(options.minZoom ?? .05);
+	const maxZoom = clampZoom(options.maxZoom ?? 8);
+	const zoom = Math.min(Math.max(fitZoom, Math.min(minZoom, maxZoom)), Math.max(minZoom, maxZoom));
+	const center = rectCenter(content);
+	return cameraForState({
+		centerX: center.x,
+		centerY: center.y,
+		zoom
+	}, surface);
+}
+function rectForCameraFocus(focus, getFrame) {
+	if (typeof focus !== "string") return focus;
+	const frame = getFrame(focus);
+	return frame ? itemBounds(frame) : null;
+}
+function cameraForFocus(focus, getFrame, surface, options = {}) {
+	const rect = rectForCameraFocus(focus, getFrame);
+	return rect ? cameraForRect(rect, surface, options) : null;
+}
+//#endregion
+//#region ../sdk/src/board/model/script-scene.ts
+function parseBoardItem(value) {
+	const parsed = parseBoardItem$1(value);
+	if (!parsed.ok) throw new Error(parsed.diagnostics[0]?.message ?? "Invalid script item.");
+	return parsed.item;
+}
+const DISPLAY_FIELDS = /* @__PURE__ */ new Set([
+	"position",
+	"size",
+	"rotation",
+	"scale",
+	"opacity",
+	"style",
+	"props"
+]);
+function boardScriptScope(document, id) {
+	const scope = /* @__PURE__ */ new Set([id, ...Object.values(document.items[id]?.script?.targets ?? {}).filter((target) => Boolean(document.items[target]))]);
+	if (document.items[id]?.type !== "frame") return scope;
+	for (const candidate of Object.keys(document.items)) {
+		let parent = document.items[candidate]?.parent;
+		for (let depth = 0; parent && depth < 64; depth++) {
+			if (parent === id) {
+				scope.add(candidate);
+				break;
+			}
+			parent = document.items[parent]?.parent;
+		}
+	}
+	return scope;
+}
+function validateBoardScriptOutput(output, scope) {
+	if (!output || typeof output !== "object" || !output.patches || !output.items || !output.hits || !Array.isArray(output.listens)) throw new Error("Invalid script output.");
+	if (JSON.stringify(output).length > 1e6) throw new Error("Script output exceeds the 1 MB limit.");
+	if (output.space !== void 0 && output.space !== "world" && output.space !== "screen") throw new Error("Invalid script scene space.");
+	if (output.parameters) {
+		if (Object.keys(output.parameters).length > 64) throw new Error("A script may declare at most 64 parameters.");
+		for (const spec of Object.values(output.parameters)) {
+			if (!spec || ![
+				"number",
+				"boolean",
+				"string",
+				"color"
+			].includes(spec.type)) throw new Error("Invalid script parameter type.");
+			if (spec.label !== void 0 && typeof spec.label !== "string") throw new Error("Invalid script parameter label.");
+			if ([
+				spec.min,
+				spec.max,
+				spec.step
+			].some((value) => value !== void 0 && !Number.isFinite(value))) throw new Error("Invalid script parameter range.");
+		}
+	}
+	if (Object.keys(output.items).length > 1e3 || Object.keys(output.hits).length > 1e3) throw new Error("A script may create at most 1000 temporary items or hit regions.");
+	for (const [id, patch] of Object.entries(output.patches)) {
+		if (!scope.has(id)) throw new Error(`Item is outside the script scope: ${id}`);
+		if (!patch || typeof patch !== "object" || Object.keys(patch).some((key) => !DISPLAY_FIELDS.has(key))) throw new Error("Scripts may only present display properties.");
+	}
+	for (const hit of Object.values(output.hits)) {
+		if (hit.cursor && ![
+			"default",
+			"pointer",
+			"grab",
+			"grabbing",
+			"crosshair",
+			"text",
+			"move",
+			"ew-resize",
+			"ns-resize",
+			"not-allowed"
+		].includes(hit.cursor)) throw new Error("Invalid script cursor.");
+		if (![
+			hit.x,
+			hit.y,
+			hit.width,
+			hit.height
+		].every(Number.isFinite) || hit.width < 0 || hit.height < 0) throw new Error("Invalid script hit region.");
+	}
+}
+function scriptTemporaryPrefix(owner) {
+	let hash = 2166136261;
+	for (const char of owner) hash = Math.imul(hash ^ char.charCodeAt(0), 16777619) >>> 0;
+	return `~script-${hash.toString(36)}-`;
+}
+const preparedOutputs = /* @__PURE__ */ new WeakMap();
+const preparedScopes = /* @__PURE__ */ new WeakMap();
+function prepareBoardScriptOutput(document, owner, output) {
+	const previous = preparedOutputs.get(output);
+	if (previous?.document === document && previous.owner === owner) return previous;
+	let scopes = preparedScopes.get(document);
+	if (!scopes) {
+		scopes = /* @__PURE__ */ new Map();
+		preparedScopes.set(document, scopes);
+	}
+	let scope = scopes.get(owner);
+	if (!scope) {
+		scope = boardScriptScope(document, owner);
+		scopes.set(owner, scope);
+	}
+	validateBoardScriptOutput(output, scope);
+	const presented = /* @__PURE__ */ new Map();
+	for (const [id, patch] of Object.entries(output.patches)) {
+		const base = document.items[id];
+		if (base) presented.set(id, {
+			base,
+			item: parseBoardItem(mergePatch(base, patch))
+		});
+	}
+	const prefix = scriptTemporaryPrefix(owner);
+	const rootId = `${prefix}root`;
+	if (document.items[rootId]) throw new Error("Temporary item ID conflicts with the document.");
+	const items = /* @__PURE__ */ new Map();
+	const parsed = new Map(Object.entries(output.items).map(([id, value]) => [id, parseBoardItem(value)]));
+	for (const [local, value] of parsed) {
+		if (!/^[a-zA-Z0-9_-]{1,80}$/.test(local) || local === "root") throw new Error("Temporary IDs must be 1–80 letters, digits, underscores or hyphens; root is reserved.");
+		if (value.script) throw new Error("Temporary items cannot start scripts.");
+		if (value.parent && !(value.parent in output.items)) throw new Error("Temporary parents must belong to the same instance.");
+		let cursor = value.parent;
+		const visited = /* @__PURE__ */ new Set([local]);
+		while (cursor) {
+			if (visited.has(cursor)) throw new Error("Temporary parents must not form a cycle.");
+			visited.add(cursor);
+			const parentItem = parsed.get(cursor);
+			if (!parentItem) throw new Error("Temporary parent is missing.");
+			if (parentItem.type !== "frame") throw new Error("Only frames can contain temporary items.");
+			cursor = parentItem.parent;
+		}
+		const id = `${prefix}${local}`;
+		if (document.items[id]) throw new Error("Temporary item ID conflicts with the document.");
+		const parent = value.parent ? `${prefix}${value.parent}` : rootId;
+		if (value.type === "arrow") {
+			const remap = (endpoint) => {
+				if (!("item" in endpoint)) return endpoint;
+				if (!(endpoint.item in output.items) && !scope.has(endpoint.item)) throw new Error("Arrow target is outside the script scope.");
+				return endpoint.item in output.items ? {
+					...endpoint,
+					item: `${prefix}${endpoint.item}`
+				} : endpoint;
+			};
+			items.set(id, {
+				...value,
+				parent,
+				props: {
+					...value.props,
+					start: remap(value.props.start),
+					end: remap(value.props.end)
+				}
+			});
+		} else items.set(id, {
+			...value,
+			parent
+		});
+	}
+	const prepared = {
+		document,
+		owner,
+		rootId,
+		items,
+		presented
+	};
+	preparedOutputs.set(output, prepared);
+	return prepared;
+}
+function composeBoardScriptItems(document, scene, outputs, incoming = /* @__PURE__ */ new Map(), screen, onError) {
+	const result = new Map(incoming);
+	const screenAnchors = /* @__PURE__ */ new Map();
+	if (outputs.size === 0) return result;
+	for (const owner of Object.keys(document.items)) {
+		const output = outputs.get(owner);
+		if (!output) continue;
+		try {
+			const changes = /* @__PURE__ */ new Map();
+			const prepared = prepareBoardScriptOutput(document, owner, output);
+			for (const [id, patch] of Object.entries(output.patches)) {
+				const base = result.get(id) ?? document.items[id];
+				if (!base) continue;
+				let cached = prepared.presented.get(id);
+				if (cached?.base !== base) {
+					cached = {
+						base,
+						item: parseBoardItem(mergePatch(base, patch))
+					};
+					prepared.presented.set(id, cached);
+				}
+				changes.set(id, cached.item);
+			}
+			if (!prepared.items.size || output.space === "screen" && !screen) {
+				for (const [id, item] of changes) result.set(id, item);
+				continue;
+			}
+			const rootId = prepared.rootId;
+			const item = changes.get(owner) ?? result.get(owner) ?? document.items[owner];
+			if (!item) continue;
+			const box = scene.layout.box(owner);
+			const overlay = output.space === "screen" && screen ? {
+				parent: void 0,
+				position: {
+					x: 0,
+					y: 0
+				},
+				scale: 1 / screen.zoom,
+				rotation: 0,
+				origin: {
+					x: 0,
+					y: 0
+				}
+			} : {};
+			changes.set(rootId, parseBoardItem({
+				type: "frame",
+				parent: item.parent,
+				position: item.position,
+				rotation: item.rotation,
+				scale: item.scale,
+				origin: item.origin,
+				opacity: item.opacity,
+				size: {
+					width: Math.max(1, box.width),
+					height: Math.max(1, box.height)
+				},
+				z: (item.z ?? 0) + .001,
+				props: {
+					decoration: "none",
+					clip: false
+				},
+				...overlay
+			}));
+			for (const [id, value] of prepared.items) changes.set(id, value);
+			for (const [id, item] of changes) result.set(id, item);
+			if (output.space === "screen") screenAnchors.set(owner, rootId);
+		} catch (error) {
+			if (!onError) throw error;
+			onError(owner, error);
+		}
+	}
+	if (screenAnchors.size) {
+		const layout = createBoardLayout((id) => result.get(id) ?? document.items[id]);
+		for (const [owner, rootId] of screenAnchors) {
+			const root = result.get(rootId);
+			if (root) result.set(rootId, {
+				...root,
+				position: applyMatrix$1(layout.matrix(owner), {
+					x: 0,
+					y: 0
+				})
+			});
+		}
+	}
+	return result;
+}
+//#endregion
+//#region ../sdk/src/board/model/script-example.ts
+const BOARD_SCRIPT_DRAWING_EXAMPLE = `export const animated = true;
+
+export const parameters = {
+  amplitude: { type: "number", label: "Amplitude", default: 40, min: 0, max: 120 }
+};
+
+export function draw(ctx, { t, width, height, params }) {
+  ctx.strokeStyle = "#e67845";
+  ctx.lineWidth = 3;
+  ctx.beginPath();
+  for (let x = 0; x <= width; x += 2) {
+    const y = height / 2 + Math.sin(x / 40 - t / 800) * params.amplitude;
+    if (x === 0) ctx.moveTo(x, y);
+    else ctx.lineTo(x, y);
+  }
+  ctx.stroke();
+}
+`;
+//#endregion
+//#region ../sdk/src/board/model/animation.ts
+const linear = (x) => x;
+function cubicBezier(x1, y1, x2, y2) {
+	const cx = 3 * x1;
+	const bx = 3 * (x2 - x1) - cx;
+	const ax = 1 - cx - bx;
+	const cy = 3 * y1;
+	const by = 3 * (y2 - y1) - cy;
+	const ay = 1 - cy - by;
+	const sampleX = (t) => ((ax * t + bx) * t + cx) * t;
+	const sampleY = (t) => ((ay * t + by) * t + cy) * t;
+	const slopeX = (t) => (3 * ax * t + 2 * bx) * t + cx;
+	return (x) => {
+		if (x <= 0) return 0;
+		if (x >= 1) return 1;
+		let t = x;
+		for (let index = 0; index < 8; index += 1) {
+			const error = sampleX(t) - x;
+			if (Math.abs(error) < 1e-6) return sampleY(t);
+			const slope = slopeX(t);
+			if (Math.abs(slope) < 1e-6) break;
+			t -= error / slope;
+		}
+		let low = 0;
+		let high = 1;
+		t = x;
+		for (let index = 0; index < 32; index += 1) {
+			const value = sampleX(t);
+			if (Math.abs(value - x) < 1e-6) break;
+			if (value < x) low = t;
+			else high = t;
+			t = (low + high) / 2;
+		}
+		return sampleY(t);
 	};
 }
 function steps(count, position) {
@@ -7254,7 +7859,7 @@ function compileAnimation(animationId, animation, document) {
 	const compiled = [];
 	const children = [];
 	for (const [id, track] of Object.entries(tracks).sort(([a], [b]) => a < b ? -1 : a > b ? 1 : 0)) {
-		const targetType = track.target === "camera" ? BOARD_CAMERA_TARGET : document.animations[track.target] ? "animation" : document.items[track.target]?.type;
+		const targetType = track.target === "camera" ? BOARD_CAMERA_TARGET$1 : document.animations[track.target] ? "animation" : document.items[track.target]?.type;
 		if (!targetType) continue;
 		const entry = compileTrack(animationId, id, track, targetType);
 		if (!entry) continue;
@@ -7302,11 +7907,21 @@ function hex(color) {
 	return `#${Math.max(0, Math.min(16777215, Math.round(color))).toString(16).padStart(6, "0")}`;
 }
 function mixColor(a, b, t, resolve) {
-	const from = resolve(a);
-	const to = resolve(b);
-	if (from === null || to === null) return t < 1 ? a : b;
-	const channel = (shift) => Math.round(lerp(from >> shift & 255, to >> shift & 255, t));
-	return hex(channel(16) << 16 | channel(8) << 8 | channel(0));
+	const left = resolve(a);
+	const right = resolve(b);
+	if (left === null || right === null) return t < 1 ? a : b;
+	const from = typeof left === "number" ? {
+		color: left,
+		alpha: 1
+	} : left;
+	const to = typeof right === "number" ? {
+		color: right,
+		alpha: 1
+	} : right;
+	const alpha = lerp(from.alpha, to.alpha, t);
+	const channel = (shift) => alpha > 0 ? Math.round(lerp((from.color >> shift & 255) * from.alpha, (to.color >> shift & 255) * to.alpha, t) / alpha) : 0;
+	const rgb = hex(channel(16) << 16 | channel(8) << 8 | channel(0));
+	return alpha >= 1 ? rgb : `${rgb}${Math.round(Math.max(0, alpha) * 255).toString(16).padStart(2, "0")}`;
 }
 function parseHexColor(color) {
 	if (typeof color !== "string") return null;
@@ -7315,6 +7930,23 @@ function parseHexColor(color) {
 	const digits = match[1].length === 3 ? [...match[1]].map((digit) => digit + digit).join("") : match[1];
 	return Number.parseInt(digits, 16);
 }
+function parseAnimationColor(color) {
+	if (typeof color === "string") {
+		if (color.trim().toLowerCase() === "transparent") return {
+			color: 0,
+			alpha: 0
+		};
+		const match = /^#([0-9a-f]{4}|[0-9a-f]{8})$/i.exec(color.trim());
+		if (match?.[1]) {
+			const digits = match[1].length === 4 ? [...match[1]].map((digit) => digit + digit).join("") : match[1];
+			return {
+				color: Number.parseInt(digits.slice(0, 6), 16),
+				alpha: Number.parseInt(digits.slice(6), 16) / 255
+			};
+		}
+	}
+	return parseHexColor(color);
+}
 function blend(track, index, time, resolveColor) {
 	const { times, values } = track;
 	const from = values[index];
@@ -7348,7 +7980,7 @@ function blend(track, index, time, resolveColor) {
 		default: return progress >= 1 ? to : from;
 	}
 }
-function sampleBoardTrack(track, time, resolveColor = parseHexColor) {
+function sampleBoardTrack(track, time, resolveColor = parseAnimationColor) {
 	const index = keyframeIndex(track.times, time);
 	if (index < 0) return track.values[0];
 	return blend(track, index, time, resolveColor);
@@ -7421,7 +8053,7 @@ function outranks(track, time, other, otherTime) {
 	return track.id > other.id;
 }
 function evaluateBoardAnimations(compiled, times, options = {}) {
-	const resolveColor = options.resolveColor ?? parseHexColor;
+	const resolveColor = options.resolveColor ?? parseAnimationColor;
 	const local = new Map(times instanceof Map ? times : Object.entries(times));
 	for (const id of compiled.order) {
 		const animation = compiled.animations.get(id);
@@ -7462,7 +8094,7 @@ function evaluateBoardAnimations(compiled, times, options = {}) {
 	const camera = {};
 	const ordered = [...groups.values()].sort((a, b) => a.path.length - b.path.length);
 	for (const group of ordered) {
-		const isCamera = group.target === BOARD_CAMERA_TARGET;
+		const isCamera = group.target === BOARD_CAMERA_TARGET$1;
 		const base = isCamera ? void 0 : items.get(group.target) ?? compiled.document.items[group.target];
 		if (!isCamera && !base) continue;
 		let value = isCamera ? camera[group.path[0]] : readPath(base, group.path);
@@ -7519,65 +8151,384 @@ function boardDocumentAt(document, animationId, time, options = {}) {
 	};
 }
 //#endregion
-//#region ../sdk/src/board/model/geometry.ts
-function worldPoint(x, y) {
-	return {
-		x,
-		y
+//#region ../sdk/src/board/model/scene.ts
+function orderBoardItems(items) {
+	const children = /* @__PURE__ */ new Map();
+	for (const [id, item] of Object.entries(items)) {
+		const parent = item.parent && items[item.parent] && item.parent !== id ? item.parent : "";
+		const list = children.get(parent) ?? [];
+		list.push(id);
+		children.set(parent, list);
+	}
+	const compare = (a, b) => (items[a]?.z ?? 0) - (items[b]?.z ?? 0) || (a < b ? -1 : a > b ? 1 : 0);
+	for (const list of children.values()) list.sort(compare);
+	const order = [];
+	const seen = /* @__PURE__ */ new Set();
+	const visit = (id) => {
+		if (seen.has(id)) return;
+		seen.add(id);
+		order.push(id);
+		for (const child of children.get(id) ?? []) visit(child);
 	};
+	for (const id of children.get("") ?? []) visit(id);
+	for (const id of Object.keys(items)) visit(id);
+	return order;
 }
-function degToRad(degrees) {
-	return degrees * Math.PI / 180;
-}
-function frameRect(frame) {
-	return {
-		x: frame.x,
-		y: frame.y,
-		width: frame.width,
-		height: frame.height
+function buildBoardScene(document, previous) {
+	const items = document.items;
+	const children = /* @__PURE__ */ new Map();
+	const binders = /* @__PURE__ */ new Map();
+	for (const [id, item] of Object.entries(items)) {
+		const parent = item.parent && items[item.parent] ? item.parent : "";
+		const list = children.get(parent) ?? [];
+		list.push(id);
+		children.set(parent, list);
+		for (const bound of arrowBindings(item)) binders.set(bound, [...binders.get(bound) ?? [], id]);
+	}
+	const layout = createBoardLayout((id) => items[id], (id) => [...children.get(id) ?? [], ...binders.get(id) ?? []]);
+	const stable = /* @__PURE__ */ new Map();
+	const isStable = (id, depth = 0) => {
+		const known = stable.get(id);
+		if (known !== void 0) return known;
+		const item = items[id];
+		const before = previous?.get(id);
+		let result = Boolean(item && before && stripSceneSource(before) === item) && depth < 64;
+		if (result && item?.parent && items[item.parent]) result = isStable(item.parent, depth + 1);
+		if (result && item) {
+			for (const bound of arrowBindings(item)) if (items[bound] && !isStable(bound, depth + 1)) result = false;
+		}
+		stable.set(id, result);
+		return result;
 	};
-}
-function rectCenter(rect) {
-	return worldPoint(rect.x + rect.width / 2, rect.y + rect.height / 2);
-}
-function rectsIntersect(a, b) {
-	return a.x < b.x + b.width && a.x + a.width > b.x && a.y < b.y + b.height && a.y + a.height > b.y;
-}
-function unionRects(rects) {
-	if (rects.length === 0) return null;
-	let minX = Number.POSITIVE_INFINITY;
-	let minY = Number.POSITIVE_INFINITY;
-	let maxX = Number.NEGATIVE_INFINITY;
-	let maxY = Number.NEGATIVE_INFINITY;
-	for (const rect of rects) {
-		minX = Math.min(minX, rect.x);
-		minY = Math.min(minY, rect.y);
-		maxX = Math.max(maxX, rect.x + rect.width);
-		maxY = Math.max(maxY, rect.y + rect.height);
+	const ordered = orderBoardItems(items);
+	const sceneItems = [];
+	const byId = /* @__PURE__ */ new Map();
+	const indexById = /* @__PURE__ */ new Map();
+	for (const id of ordered) {
+		const item = items[id];
+		const scene = (isStable(id) ? previous?.get(id) : void 0) ?? toSceneItem(id, item, layout);
+		indexById.set(id, sceneItems.length);
+		sceneItems.push(scene);
+		byId.set(id, scene);
 	}
 	return {
-		x: minX,
-		y: minY,
-		width: maxX - minX,
-		height: maxY - minY
-	};
-}
-function itemBounds(frame) {
-	const rotation = frame.rotation || 0;
-	if (rotation === 0) return frameRect(frame);
-	const center = rectCenter(frameRect(frame));
-	const halfW = frame.width / 2;
-	const halfH = frame.height / 2;
-	const rad = degToRad(rotation);
-	const cos = Math.abs(Math.cos(rad));
-	const sin = Math.abs(Math.sin(rad));
-	const boundW = halfW * cos + halfH * sin;
-	const boundH = halfW * sin + halfH * cos;
+		items: sceneItems,
+		get: (id) => byId.get(id),
+		indexOf: (id) => indexById.get(id) ?? -1,
+		layout,
+		children: (id) => children.get(id ?? "") ?? [],
+		descendants: (id) => {
+			const result = [];
+			const seen = /* @__PURE__ */ new Set([id]);
+			const stack = [...children.get(id) ?? []];
+			while (stack.length) {
+				const next = stack.pop();
+				if (seen.has(next)) continue;
+				seen.add(next);
+				result.push(next);
+				stack.push(...children.get(next) ?? []);
+			}
+			return result;
+		},
+		binders: (id) => binders.get(id) ?? [],
+		opacity: (id) => cumulativeOpacity((key) => items[key], id)
+	};
+}
+function cumulativeOpacity(lookup, id) {
+	let value = 1;
+	let cursor = id;
+	for (let depth = 0; cursor && depth < 64; depth += 1) {
+		const item = lookup(cursor);
+		if (!item) break;
+		value *= item.opacity;
+		cursor = item.parent;
+	}
+	return value;
+}
+const sources = /* @__PURE__ */ new WeakMap();
+function stripSceneSource(scene) {
+	return sources.get(scene);
+}
+function toSceneItem(id, item, layout) {
+	const scene = {
+		...item,
+		id,
+		frame: layout.frame(id)
+	};
+	sources.set(scene, item);
+	return scene;
+}
+//#endregion
+//#region ../sdk/src/board/model/sampling.ts
+function createBoardAnimationSampler(document, animation, options = {}) {
+	const selected = animation ? document.animations[animation] : void 0;
+	if (animation && !selected) throw new Error(`Animation ${animation} does not exist.`);
+	const compiled = compileBoardAnimations(document);
+	const cache = /* @__PURE__ */ new Map();
+	const geometry = /* @__PURE__ */ new Map();
+	function sample(time) {
+		const times = /* @__PURE__ */ new Map();
+		for (const [id, entry] of compiled.animations) if (entry.header.play === "always") times.set(id, boardAnimationTime(entry.header, time) ?? 0);
+		if (animation && selected) times.set(animation, Math.min(time, selected.duration));
+		const evaluation = evaluateBoardAnimations(compiled, times, options);
+		return {
+			document: applyBoardEvaluation(document, evaluation),
+			evaluation
+		};
+	}
+	function stateAt(time) {
+		if (!Number.isFinite(time) || time < 0) throw new Error("Animation time must be finite and non-negative.");
+		let value = cache.get(time);
+		if (!value) {
+			value = sample(time);
+			const oldest = cache.keys().next().value;
+			if (cache.size >= 64 && oldest !== void 0) cache.delete(oldest);
+			cache.set(time, value);
+		}
+		return value;
+	}
+	let current;
 	return {
-		x: center.x - boundW,
-		y: center.y - boundH,
-		width: boundW * 2,
-		height: boundH * 2
+		frameAt(id, time) {
+			const key = `${time}:${id}`;
+			if (geometry.has(key)) return geometry.get(key);
+			const sampled = stateAt(time).document;
+			const items = {};
+			const pending = [id];
+			while (pending.length) {
+				const next = pending.pop();
+				if (!next || items[next]) continue;
+				const item = sampled.items[next];
+				if (!item) continue;
+				items[next] = item;
+				if (item.parent) pending.push(item.parent);
+				pending.push(...arrowBindings(item));
+			}
+			const frame = buildBoardScene({
+				...sampled,
+				items
+			}).get(id)?.frame;
+			if (geometry.size >= 2048) geometry.clear();
+			geometry.set(key, frame);
+			return frame;
+		},
+		at(time) {
+			if (current?.time === time) return current.value;
+			const sampled = stateAt(time);
+			const value = {
+				...sampled,
+				scene: buildBoardScene(sampled.document)
+			};
+			current = {
+				time,
+				value
+			};
+			return value;
+		}
+	};
+}
+function resolveBoardAnimationCamera(override, bounds, surface, time, base = {
+	x: 0,
+	y: 0,
+	zoom: 1
+}) {
+	let camera = override.focus === void 0 ? base : cameraForFocus(override.focus, bounds, surface, { padding: 48 }) ?? base;
+	if (override.zoom !== void 0) camera = {
+		...camera,
+		zoom: override.zoom
+	};
+	if (override.center) camera = cameraForState({
+		centerX: override.center.x,
+		centerY: override.center.y,
+		zoom: camera.zoom
+	}, surface);
+	if (override.shake) camera = {
+		...camera,
+		x: camera.x + Math.sin(time / 1e3 * 91.3) * override.shake,
+		y: camera.y + Math.cos(time / 1e3 * 77.9) * override.shake
+	};
+	return camera;
+}
+//#endregion
+//#region ../sdk/src/board/model/authoring.ts
+function validateChapterComposition(document, chapters) {
+	const uses = /* @__PURE__ */ new Map();
+	for (const [index, chapter] of chapters.entries()) for (const track of Object.values(document.animations[chapter.animation]?.tracks ?? {})) {
+		let properties = uses.get(track.target);
+		if (!properties) {
+			properties = /* @__PURE__ */ new Map();
+			uses.set(track.target, properties);
+		}
+		for (const [property, usage] of properties) if ((property === track.property || property.startsWith(`${track.property}.`) || track.property.startsWith(`${property}.`)) && (usage.additive || track.composite === "add") && [...usage.chapters].some((other) => other !== index)) throw new Error(`Chapters share additive tracks on ${track.target}.${track.property}; use distinct items or combine the tracks before sequencing.`);
+		const usage = properties.get(track.property) ?? {
+			chapters: /* @__PURE__ */ new Set(),
+			additive: false
+		};
+		usage.chapters.add(index);
+		usage.additive ||= track.composite === "add";
+		properties.set(track.property, usage);
+	}
+}
+function boardSequence(document, chapters) {
+	if (!chapters.length) throw new Error("A sequence needs at least one chapter.");
+	validateChapterComposition(document, chapters);
+	const tracks = {};
+	const markers = [];
+	let cursor = 0;
+	const seen = /* @__PURE__ */ new Set();
+	const seenFrames = /* @__PURE__ */ new Set();
+	for (const [index, chapter] of chapters.entries()) {
+		const animation = document.animations[chapter.animation];
+		if (!animation) throw new Error(`Animation ${chapter.animation} does not exist.`);
+		if (animation.play !== "manual") throw new Error(`Chapter ${chapter.animation} must use manual playback.`);
+		if (!Number.isFinite(animation.duration) || animation.duration <= 0) throw new Error("Chapter duration must be positive and finite.");
+		if (seen.has(chapter.animation)) throw new Error(`Animation ${chapter.animation} appears more than once; use separate animation IDs.`);
+		seen.add(chapter.animation);
+		if (chapter.frame && document.items[chapter.frame]?.type !== "frame") throw new Error(`Chapter ${chapter.animation} needs a valid frame.`);
+		if (chapter.frame && seenFrames.has(chapter.frame)) throw new Error("Each chapter needs a separate frame, or omit frame visibility control.");
+		if (chapter.frame) seenFrames.add(chapter.frame);
+		const gap = chapter.gap ?? 0;
+		if (!Number.isFinite(gap) || gap < 0) throw new Error("Chapter gap must be finite and non-negative.");
+		cursor += gap;
+		const start = cursor;
+		const end = start + animation.duration;
+		const rankWidth = String(Object.keys(animation.tracks).length).length;
+		const ranks = new Map(Object.keys(animation.tracks).sort().map((id, rank) => [id, String(rank).padStart(rankWidth, "0")]));
+		const chapterIndex = String(index).padStart(String(chapters.length).length, "0");
+		for (const [id, track] of Object.entries(animation.tracks)) {
+			if (document.animations[track.target]) throw new Error(`Chapter ${chapter.animation} contains nested clocks; compose its leaf animations instead.`);
+			if (chapter.frame && track.target === "camera" && track.property === "focus") continue;
+			tracks[`chapter-${chapterIndex}-${ranks.get(id)}`] = {
+				...track,
+				keyframes: track.keyframes.map((keyframe) => ({
+					...keyframe,
+					at: start + keyframe.at
+				}))
+			};
+		}
+		const boundary = end + (chapter.pause && index < chapters.length - 1 ? 1 : 0);
+		if (chapter.frame) {
+			tracks[`visibility-${index}`] = {
+				target: chapter.frame,
+				property: "opacity",
+				composite: "add",
+				interpolation: "step",
+				keyframes: [
+					...start > 0 ? [{
+						at: 0,
+						value: 0
+					}] : [],
+					{
+						at: start,
+						value: 1
+					},
+					...index < chapters.length - 1 ? [{
+						at: boundary + (chapters[index + 1]?.gap ?? 0),
+						value: 0
+					}] : []
+				]
+			};
+			tracks[`camera-${index}`] = {
+				target: "camera",
+				property: "focus",
+				composite: "replace",
+				interpolation: "step",
+				keyframes: [{
+					at: start,
+					value: chapter.frame
+				}]
+			};
+		}
+		markers.push({
+			at: start,
+			label: chapter.label ?? animation.name ?? chapter.animation
+		});
+		for (const marker of animation.markers) markers.push({
+			...marker,
+			at: start + marker.at
+		});
+		if (chapter.pause) markers.push({
+			at: end,
+			pause: true
+		});
+		cursor = boundary;
+	}
+	const byTime = /* @__PURE__ */ new Map();
+	for (const marker of markers) {
+		const previous = byTime.get(marker.at);
+		byTime.set(marker.at, {
+			...previous,
+			...marker,
+			pause: Boolean(previous?.pause || marker.pause)
+		});
+	}
+	return {
+		duration: cursor,
+		play: "manual",
+		end: "hold",
+		delay: 0,
+		loop: false,
+		tracks,
+		markers: [...byTime.values()].sort((a, b) => a.at - b.at)
+	};
+}
+function boardSequencePatch(document, id, chapters) {
+	BoardIdSchema$1.parse(id);
+	if (chapters.some((chapter) => chapter.animation === id)) throw new Error("A sequence cannot overwrite one of its source chapters.");
+	const animation = boardSequence(document, chapters);
+	const tracks = { ...animation.tracks };
+	for (const key of Object.keys(document.animations[id]?.tracks ?? {})) if (!(key in tracks)) tracks[key] = null;
+	const patch = { animations: { [id]: {
+		...animation,
+		tracks
+	} } };
+	const result = applyBoardPatchToDocument(document, patch);
+	if (!result.ok) throw new Error(result.diagnostics.map((entry) => `${entry.path}: ${entry.message}`).join("; "));
+	return patch;
+}
+function boardPathTrack(target, points, options) {
+	const { duration, at = 0, samples = 64, orient = false } = options;
+	if (points.length < 2 || points.length > 1e4 || points.some((p) => !Number.isFinite(p.x) || !Number.isFinite(p.y))) throw new Error("A path needs 2 to 10000 finite points.");
+	if (!Number.isFinite(duration) || duration <= 0 || !Number.isFinite(at) || at < 0) throw new Error("Path duration must be positive and start time non-negative.");
+	if (!Number.isInteger(samples) || samples < 2 || samples > 1e4) throw new Error("Path samples must be an integer from 2 to 10000.");
+	const segments = [];
+	let total = 0;
+	let previous = points[0];
+	for (const point of points.slice(1)) {
+		if (!previous) break;
+		const start = total;
+		total += Math.hypot(point.x - previous.x, point.y - previous.y);
+		segments.push({
+			a: previous,
+			b: point,
+			start,
+			end: total
+		});
+		previous = point;
+	}
+	const distances = [.../* @__PURE__ */ new Set([...segments.map((segment) => segment.end), ...Array.from({ length: samples }, (_, index) => total * index / (samples - 1))])].sort((a, b) => a - b);
+	let segmentIndex = 0;
+	return {
+		target,
+		property: "position",
+		composite: "replace",
+		interpolation: "auto",
+		orient,
+		keyframes: distances.map((distance) => {
+			const progress = total > 0 ? distance / total : 0;
+			while (segmentIndex < segments.length - 1 && (segments[segmentIndex]?.end ?? 0) < distance) segmentIndex++;
+			const segment = segments[segmentIndex];
+			if (!segment) throw new Error("Path has no segments.");
+			const { a, b, start, end } = segment;
+			const fraction = end > start ? (distance - start) / (end - start) : 0;
+			return {
+				at: at + duration * progress,
+				value: {
+					x: a.x + (b.x - a.x) * fraction,
+					y: a.y + (b.y - a.y) * fraction
+				}
+			};
+		})
 	};
 }
 const CURVE_SEGMENTS = 20;
@@ -7783,12 +8734,12 @@ function resolveSceneArrow(item, scene) {
 	return resolved;
 }
 const resolvedCache = /* @__PURE__ */ new WeakMap();
-function frameKey$1(frame) {
+function frameKey(frame) {
 	return frame ? `${frame.x},${frame.y},${frame.width},${frame.height},${frame.rotation}` : "-";
 }
 function arrowKey(item, matrix, getFrame) {
 	const { start, end } = item.props;
-	return `${matrix.join(",")}|${isArrowBinding(start) ? frameKey$1(getFrame(start.item)) : ""}|${isArrowBinding(end) ? frameKey$1(getFrame(end.item)) : ""}`;
+	return `${matrix.join(",")}|${isArrowBinding(start) ? frameKey(getFrame(start.item)) : ""}|${isArrowBinding(end) ? frameKey(getFrame(end.item)) : ""}`;
 }
 function pathMidpoint(path) {
 	if (path.length === 0) return worldPoint(0, 0);
@@ -8076,6 +9027,7 @@ function resolveRegion(scene, region) {
 		return boundsOf.get(item.id) ?? null;
 	};
 	const visible = (item, rect) => {
+		if (item.type === "effect" && item.props.kind === "trail" && item.props.follow) return true;
 		const box = bounds(item);
 		return box !== null && rectsIntersect(box, rect);
 	};
@@ -8152,7 +9104,31 @@ function planBoardExport(input) {
 	};
 }
 //#endregion
+//#region ../sdk/src/board/model/media.ts
+function getMediaResourceTitle(value) {
+	if (!/^[a-z][a-z\d+.-]*:/i.test(value)) return value.split("/").filter(Boolean).pop() || value;
+	try {
+		const url = new URL(value);
+		const title = url.pathname.split("/").filter(Boolean).pop() || url.hostname;
+		try {
+			return decodeURIComponent(title);
+		} catch {
+			return title;
+		}
+	} catch {
+		return value.split("/").filter(Boolean).pop() || value;
+	}
+}
+//#endregion
 //#region ../sdk/src/board/model/file-snapshot.ts
+/**
+* File-card snapshot derivation — pure, renderer-agnostic, dependency-free.
+*
+* Whoever holds the file content calls `buildFileSnapshot`; today that is the
+* web client, for cards near its viewport. Nothing here ever writes back to the
+* workspace file. The file on disk stays the single source of truth, and the
+* snapshot is a cache keyed by mtime so a stale card is detectable.
+*/
 const DOC_EXTENSIONS = /* @__PURE__ */ new Set([
 	"md",
 	"mdx",
@@ -8242,7 +9218,7 @@ const MEDIA_EXTENSIONS = /* @__PURE__ */ new Set([
 	"tgz"
 ]);
 function extensionOf(path) {
-	const name = path.split("/").filter(Boolean).pop() ?? path;
+	const name = fileBaseName(path);
 	const dot = name.lastIndexOf(".");
 	if (dot <= 0) return "";
 	return name.slice(dot + 1).toLowerCase();
@@ -8270,7 +9246,7 @@ function fileCategory(path, mimeType) {
 }
 /** Basename of a path, used as a last-resort card title. */
 function fileBaseName(path) {
-	return path.split("/").filter(Boolean).pop() ?? path;
+	return getMediaResourceTitle(path);
 }
 /** Basename with a trailing extension stripped. Dotfiles keep their full name. */
 function fileStem(path) {
@@ -8294,7 +9270,7 @@ function filePreviewKind(snapshot) {
 }
 /** Short uppercase type label for a file card (`MD`, `JSON`, `FILE`). */
 function fileTypeLabel(path) {
-	const name = path.split("/").filter(Boolean).pop() ?? path;
+	const name = fileBaseName(path);
 	const dot = name.lastIndexOf(".");
 	if (dot <= 0) return (name.replace(/^\./, "") || "file").toUpperCase();
 	return name.slice(dot + 1).toUpperCase();
@@ -8467,114 +9443,6 @@ function resolveItemColor(color, fallback, colors, mode, parseCss, part = "strok
 	return parseCss(value) ?? pickBoardColor(colors, fallback, mode)[part];
 }
 //#endregion
-//#region ../sdk/src/board/model/scene.ts
-function orderBoardItems(items) {
-	const children = /* @__PURE__ */ new Map();
-	for (const [id, item] of Object.entries(items)) {
-		const parent = item.parent && items[item.parent] && item.parent !== id ? item.parent : "";
-		const list = children.get(parent) ?? [];
-		list.push(id);
-		children.set(parent, list);
-	}
-	const compare = (a, b) => (items[a]?.z ?? 0) - (items[b]?.z ?? 0) || (a < b ? -1 : a > b ? 1 : 0);
-	for (const list of children.values()) list.sort(compare);
-	const order = [];
-	const seen = /* @__PURE__ */ new Set();
-	const visit = (id) => {
-		if (seen.has(id)) return;
-		seen.add(id);
-		order.push(id);
-		for (const child of children.get(id) ?? []) visit(child);
-	};
-	for (const id of children.get("") ?? []) visit(id);
-	for (const id of Object.keys(items)) visit(id);
-	return order;
-}
-function buildBoardScene(document, previous) {
-	const items = document.items;
-	const children = /* @__PURE__ */ new Map();
-	const binders = /* @__PURE__ */ new Map();
-	for (const [id, item] of Object.entries(items)) {
-		const parent = item.parent && items[item.parent] ? item.parent : "";
-		const list = children.get(parent) ?? [];
-		list.push(id);
-		children.set(parent, list);
-		for (const bound of arrowBindings(item)) binders.set(bound, [...binders.get(bound) ?? [], id]);
-	}
-	const layout = createBoardLayout((id) => items[id], (id) => [...children.get(id) ?? [], ...binders.get(id) ?? []]);
-	const stable = /* @__PURE__ */ new Map();
-	const isStable = (id, depth = 0) => {
-		const known = stable.get(id);
-		if (known !== void 0) return known;
-		const item = items[id];
-		const before = previous?.get(id);
-		let result = Boolean(item && before && stripSceneSource(before) === item) && depth < 64;
-		if (result && item?.parent && items[item.parent]) result = isStable(item.parent, depth + 1);
-		if (result && item) {
-			for (const bound of arrowBindings(item)) if (items[bound] && !isStable(bound, depth + 1)) result = false;
-		}
-		stable.set(id, result);
-		return result;
-	};
-	const ordered = orderBoardItems(items);
-	const sceneItems = [];
-	const byId = /* @__PURE__ */ new Map();
-	const indexById = /* @__PURE__ */ new Map();
-	for (const id of ordered) {
-		const item = items[id];
-		const scene = (isStable(id) ? previous?.get(id) : void 0) ?? toSceneItem(id, item, layout);
-		indexById.set(id, sceneItems.length);
-		sceneItems.push(scene);
-		byId.set(id, scene);
-	}
-	return {
-		items: sceneItems,
-		get: (id) => byId.get(id),
-		indexOf: (id) => indexById.get(id) ?? -1,
-		layout,
-		children: (id) => children.get(id ?? "") ?? [],
-		descendants: (id) => {
-			const result = [];
-			const seen = /* @__PURE__ */ new Set([id]);
-			const stack = [...children.get(id) ?? []];
-			while (stack.length) {
-				const next = stack.pop();
-				if (seen.has(next)) continue;
-				seen.add(next);
-				result.push(next);
-				stack.push(...children.get(next) ?? []);
-			}
-			return result;
-		},
-		binders: (id) => binders.get(id) ?? [],
-		opacity: (id) => cumulativeOpacity((key) => items[key], id)
-	};
-}
-function cumulativeOpacity(lookup, id) {
-	let value = 1;
-	let cursor = id;
-	for (let depth = 0; cursor && depth < 64; depth += 1) {
-		const item = lookup(cursor);
-		if (!item) break;
-		value *= item.opacity;
-		cursor = item.parent;
-	}
-	return value;
-}
-const sources = /* @__PURE__ */ new WeakMap();
-function stripSceneSource(scene) {
-	return sources.get(scene);
-}
-function toSceneItem(id, item, layout) {
-	const scene = {
-		...item,
-		id,
-		frame: layout.frame(id)
-	};
-	sources.set(scene, item);
-	return scene;
-}
-//#endregion
 //#region ../sdk/src/board/model/text-metrics.ts
 function boardFontFamily(font, stacks) {
 	if (font === "sans" || font === "serif" || font === "mono") return stacks[font];
@@ -8619,11 +9487,14 @@ function taskArtifactPreviewUrl(artifact) {
 //#endregion
 //#region ../sdk/src/board/model/image-key.ts
 function imageAssetKey(item) {
-	if (item.type === "image") return `file:${item.props.src}`;
+	if (item.type === "image") {
+		const source = parseBoardMediaSource$1(item.props.src);
+		return source ? `${source.kind}:${source.value}` : null;
+	}
 	if (item.type === "file") {
 		const snapshot = item.props.snapshot;
-		if (snapshot?.coverPath) return `file:${snapshot.coverPath}`;
 		if (snapshot?.coverUrl) return `url:${snapshot.coverUrl}`;
+		if (snapshot?.coverPath) return `file:${snapshot.coverPath}`;
 		return null;
 	}
 	if (item.type === "task") {
@@ -26041,20 +26912,122 @@ var CanvasRenderer = class extends AbstractRenderer {
 //#region ../../node_modules/.pnpm/pixi.js@8.20.1/node_modules/pixi.js/lib/index.mjs
 extensions.add(browserExt, webworkerExt);
 //#endregion
-//#region ../sdk/src/board/render/text-measurement.ts
-const BOARD_FONT_STACKS = {
-	sans: BOARD_FONT_STACK,
-	serif: "ui-serif, Georgia, \"Noto Serif CJK SC\", \"Songti SC\", serif",
-	mono: BOARD_MONO_FONT_STACK
-};
-let measureContext;
-let installed = false;
-function getMeasureContext() {
-	if (measureContext !== void 0) return measureContext;
+//#region ../sdk/src/board/render/css-color.ts
+const cache = /* @__PURE__ */ new Map();
+let canvas = null;
+function parseBoardCssPaint(value) {
+	const key = value.trim();
+	if (!key) return null;
+	if (key.toLowerCase() === "transparent") return {
+		color: 0,
+		alpha: 0
+	};
+	const hex = /^#([0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i.exec(key)?.[1];
+	if (hex) {
+		const digits = hex.length <= 4 ? [...hex].map((digit) => digit + digit).join("") : hex;
+		return {
+			color: Number.parseInt(digits.slice(0, 6), 16),
+			alpha: digits.length === 8 ? Number.parseInt(digits.slice(6), 16) / 255 : 1
+		};
+	}
+	if (cache.has(key)) return cache.get(key) ?? null;
+	let result = null;
 	try {
-		measureContext = DOMAdapter.get().createCanvas(1, 1).getContext("2d") ?? null;
+		canvas ??= DOMAdapter.get().createCanvas(1, 1);
+		const context = canvas.getContext("2d");
+		context.fillStyle = "#010203";
+		context.fillStyle = key;
+		const first = context.fillStyle;
+		context.fillStyle = "#040506";
+		context.fillStyle = key;
+		if (first === context.fillStyle) {
+			context.clearRect(0, 0, 1, 1);
+			context.fillRect(0, 0, 1, 1);
+			const [r = 0, g = 0, b = 0, a = 0] = context.getImageData(0, 0, 1, 1).data;
+			result = {
+				color: r << 16 | g << 8 | b,
+				alpha: a / 255
+			};
+		}
 	} catch {
-		measureContext = null;
+		result = null;
+	}
+	if (cache.size >= 256) cache.clear();
+	cache.set(key, result);
+	return result;
+}
+function parseBoardCssColor(value) {
+	return parseBoardCssPaint(value)?.color ?? null;
+}
+//#endregion
+//#region ../sdk/src/board/render/palette.ts
+const DARK = {
+	bg: 1315860,
+	surface: 2105376,
+	hover: 2763306,
+	border: 3815994,
+	brand: 16734751,
+	text: 16053492,
+	muted: 9211020,
+	rare: 3718648,
+	epic: 10980346,
+	legendary: 16096779
+};
+const LIGHT = {
+	bg: 16777215,
+	surface: 16053493,
+	hover: 15329772,
+	border: 14079706,
+	brand: 15222030,
+	text: 1579035,
+	muted: 7041664,
+	rare: 2450411,
+	epic: 8141549,
+	legendary: 11817737
+};
+function defaultBoardPalette(mode) {
+	return { ...mode === "light" ? LIGHT : DARK };
+}
+function itemAlpha(context, color) {
+	const value = typeof color === "object" && color ? color[context.colorScheme] : color;
+	return value ? parseBoardCssPaint(value)?.alpha ?? 1 : 1;
+}
+function itemColor(context, color, fallback, part = "stroke") {
+	if (((typeof color === "object" && color ? color[context.colorScheme] : color) ?? fallback) === "neutral" && part !== "fill") return context.palette.text;
+	return resolveItemColor(color, fallback, context.colors, context.colorScheme, parseBoardCssColor, part);
+}
+//#endregion
+//#region ../sdk/src/board/render/sampling.ts
+function createBoardRenderSampler(document, animation, options = {}) {
+	const colorScheme = options.colorScheme ?? "dark";
+	const context = {
+		colorScheme,
+		colors: options.colors ?? buildFallbackShapeColors(colorScheme),
+		palette: {
+			...defaultBoardPalette(colorScheme),
+			...options.palette
+		}
+	};
+	return createBoardAnimationSampler(document, animation, { resolveColor: (color) => ({
+		color: itemColor(context, color, "brand", "fill"),
+		alpha: itemAlpha(context, color)
+	}) });
+}
+//#endregion
+//#region ../sdk/src/board/render/text-measurement.ts
+const BOARD_FONT_STACKS = {
+	sans: BOARD_FONT_STACK,
+	serif: "ui-serif, Georgia, \"Noto Serif CJK SC\", \"Songti SC\", \"Noto Sans Math\", \"DejaVu Sans\", \"Noto Sans CJK SC\", \"FreeSans\", \"FreeSerif\", sans-serif",
+	mono: BOARD_MONO_FONT_STACK
+};
+let measureContext;
+let installed = false;
+function getMeasureContext() {
+	if (measureContext !== void 0) return measureContext;
+	try {
+		measureContext = DOMAdapter.get().createCanvas(1, 1).getContext("2d") ?? null;
+	} catch {
+		measureContext = null;
 	}
 	return measureContext;
 }
@@ -26074,38 +27047,115 @@ function ensureBoardTextMeasurement() {
 	installBoardTextMeasurement();
 }
 //#endregion
-//#region ../sdk/src/board/render/css-color.ts
-const CACHE_LIMIT = 256;
-const cache = /* @__PURE__ */ new Map();
-let canvas = null;
-function parseBoardCssColor(value) {
-	const key = value.trim();
-	if (!key) return null;
-	const cached = cache.get(key);
-	if (cached !== void 0 || cache.has(key)) return cached ?? null;
-	let result = null;
+//#region ../sdk/src/board/render/diagnostics.ts
+const glyphCache = /* @__PURE__ */ new Map();
+let glyphContext;
+function missingGlyph(character, font) {
+	if (/\s/u.test(character)) return false;
+	const key = `${font}:${character}`;
+	const cached = glyphCache.get(key);
+	if (cached !== void 0) return cached;
 	try {
-		const direct = /^#([0-9a-f]{6})$/i.exec(key);
-		if (direct?.[1]) result = Number.parseInt(direct[1], 16);
-		else {
-			canvas ??= DOMAdapter.get().createCanvas(1, 1);
-			const context = canvas.getContext("2d");
-			if (context) {
-				context.fillStyle = "#010203";
-				context.fillStyle = key;
-				const first = String(context.fillStyle);
-				context.fillStyle = "#040506";
-				context.fillStyle = key;
-				const match = first === String(context.fillStyle) ? /^#([0-9a-f]{6})$/i.exec(first) : null;
-				if (match?.[1]) result = Number.parseInt(match[1], 16);
+		glyphContext ??= DOMAdapter.get().createCanvas(64, 64).getContext("2d");
+		const ctx = glyphContext;
+		ctx.font = `32px ${font}`;
+		const absent = "􏿿";
+		if (ctx.measureText(character).width !== ctx.measureText(absent).width) {
+			if (glyphCache.size >= 2048) glyphCache.clear();
+			glyphCache.set(key, false);
+			return false;
+		}
+		const pixels = (text) => {
+			ctx.clearRect(0, 0, 64, 64);
+			ctx.fillStyle = "#000000";
+			ctx.fillText(text, 0, 40);
+			return ctx.getImageData(0, 0, 64, 64).data;
+		};
+		const a = pixels(character);
+		const b = pixels(absent);
+		const missing = a.some((n) => n !== 0) && a.every((n, i) => n === b[i]);
+		if (glyphCache.size >= 2048) glyphCache.clear();
+		glyphCache.set(key, missing);
+		return missing;
+	} catch {
+		return false;
+	}
+}
+function measureBoardText(props) {
+	ensureBoardTextMeasurement();
+	const font = boardFontFamily(props.font, BOARD_FONT_STACKS);
+	const characters = [...new Set(props.text)].slice(0, 512).filter((char) => missingGlyph(char, font)).join("");
+	return {
+		...layoutBoardText(props),
+		missingCharacters: characters
+	};
+}
+function inspectBoardScene(scene, limit = 100) {
+	ensureBoardTextMeasurement();
+	const diagnostics = [];
+	const texts = scene.items.filter((item) => item.type === "text" && scene.opacity(item.id) > .01);
+	const push = (entry) => {
+		if (diagnostics.length < limit) diagnostics.push(entry);
+	};
+	for (const item of scene.items) {
+		if (diagnostics.length >= limit) break;
+		if (item.type === "effect" && item.props.follow && item.props.kind !== "trail") push({
+			code: "effect-follow-unused",
+			item: item.id
+		});
+	}
+	let glyphBudget = 256;
+	for (const item of texts) {
+		if (diagnostics.length >= limit || item.type !== "text") break;
+		if (glyphBudget-- > 0) {
+			const measured = measureBoardText(item.props);
+			if (measured.missingCharacters) push({
+				code: "glyph-unavailable",
+				item: item.id,
+				characters: measured.missingCharacters
+			});
+		}
+		const bounds = itemBounds(item.frame);
+		let parentId = item.parent;
+		while (parentId) {
+			const parent = scene.get(parentId);
+			if (!parent) break;
+			if (parent.type === "frame" && parent.props.clip) {
+				const clip = itemBounds(parent.frame);
+				if (bounds.x < clip.x - 1 || bounds.y < clip.y - 1 || bounds.x + bounds.width > clip.x + clip.width + 1 || bounds.y + bounds.height > clip.y + clip.height + 1) {
+					push({
+						code: "text-clipped",
+						item: item.id,
+						related: parentId
+					});
+					break;
+				}
 			}
+			parentId = parent.parent;
+		}
+	}
+	const sorted = texts.map((item) => ({
+		item,
+		rect: itemBounds(item.frame)
+	})).sort((a, b) => a.rect.x - b.rect.x);
+	let comparisons = 0;
+	for (let i = 0; i < sorted.length && diagnostics.length < limit; i++) {
+		const a = sorted[i];
+		if (!a) continue;
+		for (let j = i + 1; j < sorted.length; j++) {
+			const b = sorted[j];
+			if (!b) continue;
+			if (b.rect.x >= a.rect.x + a.rect.width) break;
+			if (++comparisons > 1e4) return diagnostics;
+			if (a.item.parent === b.item.parent && rectsIntersect(a.rect, b.rect)) push({
+				code: "text-overlap",
+				item: a.item.id,
+				related: b.item.id
+			});
+			if (diagnostics.length >= limit) break;
 		}
-	} catch {
-		result = null;
 	}
-	if (cache.size >= CACHE_LIMIT) cache.clear();
-	cache.set(key, result);
-	return result;
+	return diagnostics;
 }
 //#endregion
 //#region ../sdk/src/board/render/clip.ts
@@ -26990,39 +28040,6 @@ const taskCardRenderer = {
 	}
 };
 //#endregion
-//#region ../sdk/src/board/render/palette.ts
-const DARK = {
-	bg: 1315860,
-	surface: 2105376,
-	hover: 2763306,
-	border: 3815994,
-	brand: 16734751,
-	text: 16053492,
-	muted: 9211020,
-	rare: 3718648,
-	epic: 10980346,
-	legendary: 16096779
-};
-const LIGHT = {
-	bg: 16777215,
-	surface: 16053493,
-	hover: 15329772,
-	border: 14079706,
-	brand: 15222030,
-	text: 1579035,
-	muted: 7041664,
-	rare: 2450411,
-	epic: 8141549,
-	legendary: 11817737
-};
-function defaultBoardPalette(mode) {
-	return { ...mode === "light" ? LIGHT : DARK };
-}
-function itemColor(context, color, fallback, part = "stroke") {
-	if (((typeof color === "object" && color ? color[context.colorScheme] : color) ?? fallback) === "neutral" && part !== "fill") return context.palette.text;
-	return resolveItemColor(color, fallback, context.colors, context.colorScheme, parseBoardCssColor, part);
-}
-//#endregion
 //#region ../sdk/src/board/render/stroke.ts
 const HEAD_SPREAD = Math.PI / 6;
 function dashPattern(dash, width) {
@@ -27110,6 +28127,27 @@ function endAngle(path, atStart) {
 	}
 	return null;
 }
+function roundRectPoints(width, height, radius) {
+	const r = Math.min(radius, width / 2, height / 2);
+	if (r <= 0) return [
+		worldPoint(0, 0),
+		worldPoint(width, 0),
+		worldPoint(width, height),
+		worldPoint(0, height),
+		worldPoint(0, 0)
+	];
+	const corner = (cx, cy, from) => Array.from({ length: 9 }, (_, index) => {
+		const angle = from + index / 8 * (Math.PI / 2);
+		return worldPoint(cx + Math.cos(angle) * r, cy + Math.sin(angle) * r);
+	});
+	return [
+		...corner(width - r, r, -Math.PI / 2),
+		...corner(width - r, height - r, 0),
+		...corner(r, height - r, Math.PI / 2),
+		...corner(r, r, Math.PI),
+		worldPoint(width - r, 0)
+	];
+}
 //#endregion
 //#region ../sdk/src/board/render/renderers/arrow-card-renderer.ts
 const partsByContainer$10 = /* @__PURE__ */ new WeakMap();
@@ -27122,6 +28160,7 @@ function sync$10(container, item, context) {
 	const { props, style } = item;
 	const selected = context.selectedIds.has(item.id);
 	const hovered = context.hoveredId === item.id;
+	parts.line.alpha = itemAlpha(context, style.stroke);
 	const color = itemColor(context, style.stroke, "brand");
 	const size = style.strokeWidth ?? 2.5;
 	syncTextResolution(parts.label, parts, context.zoom);
@@ -27235,7 +28274,7 @@ const arrowCardRenderer = {
 		drawFarStroke(graphics, trimPolyline(resolveSceneArrow(arrow, context.scene).path, arrow.style.trim), {
 			color: itemColor(context, arrow.style.stroke, "brand"),
 			width: arrow.style.strokeWidth ?? 2.5,
-			alpha: .85
+			alpha: .85 * itemAlpha(context, arrow.style.stroke)
 		});
 	},
 	destroy: (container) => {
@@ -27255,7 +28294,7 @@ function sync$9(container, item, context) {
 	const { width, height } = item.frame;
 	const selected = context.selectedIds.has(item.id);
 	const hovered = context.hoveredId === item.id;
-	const title = item.props.snapshot?.title ?? item.props.src.split("/").pop() ?? "Audio";
+	const title = item.props.snapshot?.title ?? getMediaResourceTitle(item.props.src);
 	syncTextResolution(parts.label, parts, context.zoom);
 	if (parts.label.text !== title) parts.label.text = title;
 	syncTextWrapWidth(parts.label, parts, Math.max(1, width - 24), false);
@@ -27430,6 +28469,7 @@ function sync$8(container, item, context) {
 	}
 	const stroke = parts.stroke;
 	if (!stroke) return;
+	stroke.alpha = itemAlpha(context, item.style.stroke);
 	if (stroke instanceof Mesh) stroke.tint = color;
 	const { box } = parts;
 	const sx = item.frame.width / box.width;
@@ -27472,7 +28512,7 @@ const drawCardRenderer = {
 		drawFarStroke(graphics, farStrokeSamples(trimDrawPoints(draw.props.points, draw.style.trim)).map((point) => applyMatrix$1(matrix, point)), {
 			color: itemColor(context, draw.style.stroke, "brand"),
 			width: draw.style.strokeWidth ?? 4,
-			alpha: 1
+			alpha: itemAlpha(context, draw.style.stroke)
 		});
 	},
 	destroy: (container) => {
@@ -27588,11 +28628,27 @@ function drawTrail(graphics, parts, item, context, color) {
 		parts.trail.length = 0;
 		return;
 	}
-	const head = {
-		x: target.frame.x + target.frame.width / 2 - item.frame.x,
-		y: target.frame.y + target.frame.height / 2 - item.frame.y,
-		t: time
+	const angle = item.frame.rotation * Math.PI / 180;
+	const localPoint = (frame, t) => {
+		const dx = frame.x + frame.width / 2 - item.frame.x - item.frame.width / 2;
+		const dy = frame.y + frame.height / 2 - item.frame.y - item.frame.height / 2;
+		return {
+			x: dx * Math.cos(angle) + dy * Math.sin(angle) + item.frame.width / 2,
+			y: -dx * Math.sin(angle) + dy * Math.cos(angle) + item.frame.height / 2,
+			t
+		};
 	};
+	const head = localPoint(target.frame, time);
+	if (context.frameAt) {
+		parts.trail.length = 0;
+		const start = Math.max(0, time - item.props.life);
+		const step = Math.max(1e3 / 30, item.props.life / 63);
+		for (let t = Math.ceil(start / step) * step; t < time; t += step) {
+			const past = context.frameAt(target.id, t);
+			if (past) parts.trail.push(localPoint(past, t));
+		}
+		parts.trail.push(head);
+	}
 	const last = parts.trail.at(-1);
 	if (last && (time < last.t || time - last.t > item.props.life)) parts.trail.length = 0;
 	if (!last || Math.hypot(head.x - last.x, head.y - last.y) > .5) parts.trail.push(head);
@@ -27619,6 +28675,7 @@ function sync$7(container, item, context) {
 	const seed = hashString(props.seed ?? item.id);
 	const time = Math.max(0, context.time);
 	const graphics = parts.graphics;
+	graphics.alpha = itemAlpha(context, item.style.fill ?? item.style.stroke);
 	graphics.clear();
 	switch (props.kind) {
 		case "particles":
@@ -27685,13 +28742,15 @@ function sync$6(container, item, context) {
 	const selected = context.selectedIds.has(item.id);
 	const hovered = context.hoveredId === item.id;
 	const fill = itemColor(context, style.fill ?? style.stroke, "neutral", "fill");
-	const fillAlpha = style.fillOpacity ?? (style.fill ? 1 : DEFAULT_WASH);
+	const fillAlpha = (style.fillOpacity ?? (style.fill ? 1 : DEFAULT_WASH)) * itemAlpha(context, style.fill ?? style.stroke);
 	const baseStroke = itemColor(context, style.stroke, "neutral");
-	const stroke = selected ? context.palette.brand : baseStroke;
-	const alpha = selected ? 1 : hovered ? .85 : .55;
+	const stroke = selected ? context.palette.brand : hovered && style.stroke ? context.palette.muted : baseStroke;
+	const alpha = (selected || style.stroke ? 1 : hovered ? .85 : .55) * itemAlpha(context, style.stroke);
 	const radius = style.radius ?? 4;
 	const strokeWidth = style.strokeWidth ?? 1.5;
+	const decorated = props.decoration !== "none";
 	const visualSig = [
+		props.decoration,
 		frame.width,
 		frame.height,
 		selected,
@@ -27699,23 +28758,36 @@ function sync$6(container, item, context) {
 		fill,
 		fillAlpha,
 		stroke,
+		alpha,
 		radius,
-		strokeWidth
+		strokeWidth,
+		style.dash,
+		style.trim
 	].join("|");
 	if (visualSig !== parts.visualSig) {
 		parts.visualSig = visualSig;
 		parts.box.clear();
-		parts.box.roundRect(0, 0, frame.width, frame.height, radius).fill({
+		if (decorated) parts.box.roundRect(0, 0, frame.width, frame.height, radius).fill({
 			color: fill,
 			alpha: fillAlpha
 		});
-		if (strokeWidth > 0 || selected) parts.box.roundRect(0, 0, frame.width, frame.height, radius).stroke({
-			color: stroke,
-			width: selected ? Math.max(2, strokeWidth) : strokeWidth,
-			alpha
-		});
+		const width = selected ? Math.max(2, strokeWidth) : strokeWidth;
+		const pattern = decorated ? dashPattern(style.dash, width) : null;
+		const trim = decorated ? style.trim ?? 1 : 1;
+		if ((decorated && strokeWidth > 0 || selected || hovered) && trim > 0) {
+			if (pattern || trim < 1) tracePolyline(parts.box, trimPolyline(roundRectPoints(frame.width, frame.height, radius), trim), pattern);
+			else parts.box.roundRect(0, 0, frame.width, frame.height, radius);
+			parts.box.stroke({
+				color: stroke,
+				width,
+				alpha,
+				cap: pattern || trim < 1 ? "round" : "butt",
+				join: "round"
+			});
+		}
 	}
-	const title = locked ? `🔒 ${props.label || "Frame"}` : props.label || "Frame";
+	parts.label.visible = decorated;
+	const title = locked ? `🔒 ${props.label}`.trim() : props.label;
 	const labelColor = style.stroke ? baseStroke : context.palette.muted;
 	const textSig = [title, labelColor].join("|");
 	if (textSig !== parts.textSig) {
@@ -27753,10 +28825,10 @@ const frameCardRenderer = {
 		if (item.type === "frame") sync$6(container, item, context);
 	},
 	renderFar: (graphics, item, context) => {
-		if (item.type !== "frame") return;
+		if (item.type !== "frame" || item.props.decoration === "none") return;
 		drawFarPlate(graphics, item.frame, {
 			fill: itemColor(context, item.style.fill ?? item.style.stroke, "neutral", "fill"),
-			fillAlpha: Math.max(.07, item.style.fillOpacity ?? (item.style.fill ? 1 : 0))
+			fillAlpha: Math.max(.07, item.style.fillOpacity ?? (item.style.fill ? 1 : 0)) * itemAlpha(context, item.style.fill ?? item.style.stroke)
 		});
 	},
 	destroy: (container) => {
@@ -27845,27 +28917,7 @@ function outlinePoints(geometry, width, height, radius) {
 			p(0, height),
 			p(width / 2, 0)
 		];
-		default: {
-			const r = Math.min(radius, width / 2, height / 2);
-			if (r <= 0) return [
-				p(0, 0),
-				p(width, 0),
-				p(width, height),
-				p(0, height),
-				p(0, 0)
-			];
-			const corner = (cx, cy, from) => Array.from({ length: 9 }, (_, index) => {
-				const angle = from + index / 8 * (Math.PI / 2);
-				return p(cx + Math.cos(angle) * r, cy + Math.sin(angle) * r);
-			});
-			return [
-				...corner(width - r, r, -Math.PI / 2),
-				...corner(width - r, height - r, 0),
-				...corner(r, height - r, Math.PI / 2),
-				...corner(r, r, Math.PI),
-				p(width - r, 0)
-			];
-		}
+		default: return roundRectPoints(width, height, radius);
 	}
 }
 function sync$5(container, item, context) {
@@ -27878,7 +28930,8 @@ function sync$5(container, item, context) {
 	const hovered = context.hoveredId === item.id;
 	const stroke = itemColor(context, style.stroke ?? style.fill, "brand");
 	const fill = itemColor(context, style.fill ?? style.stroke, "brand", "fill");
-	const fillOpacity = style.fillOpacity ?? (style.fill ? 1 : 0);
+	const fillOpacity = (style.fillOpacity ?? (style.fill ? 1 : 0)) * itemAlpha(context, style.fill ?? style.stroke);
+	const strokeAlpha = itemAlpha(context, style.stroke ?? style.fill);
 	const strokeWidth = style.strokeWidth ?? 1.75;
 	syncTextResolution(parts.label, parts, context.zoom);
 	const visualSig = [
@@ -27891,6 +28944,7 @@ function sync$5(container, item, context) {
 		fill,
 		fillOpacity,
 		stroke,
+		strokeAlpha,
 		strokeWidth,
 		style.dash,
 		style.radius,
@@ -27918,12 +28972,13 @@ function sync$5(container, item, context) {
 			parts.shape.stroke({
 				color: hovered && !selected ? context.palette.muted : stroke,
 				width: lineWidth,
-				alpha: selected ? 1 : hovered ? .95 : .85,
+				alpha: (selected ? 1 : hovered ? .95 : .85) * strokeAlpha,
 				cap: partial || pattern ? "round" : "butt",
 				join: "round"
 			});
 		}
 	}
+	parts.label.alpha = itemAlpha(context, style.stroke);
 	const label = itemColor(context, style.stroke, "neutral", "label");
 	const textSig = [
 		props.text,
@@ -27985,9 +29040,9 @@ const shapeCardRenderer = {
 		if (item.type !== "shape") return;
 		drawFarPlate(graphics, item.frame, {
 			fill: itemColor(context, item.style.fill ?? item.style.stroke, "brand", "fill"),
-			fillAlpha: Math.max(.18, item.style.fillOpacity ?? 0),
+			fillAlpha: Math.max(.18, item.style.fillOpacity ?? 0) * itemAlpha(context, item.style.fill ?? item.style.stroke),
 			accent: itemColor(context, item.style.stroke, "brand"),
-			accentAlpha: .9
+			accentAlpha: .9 * itemAlpha(context, item.style.stroke)
 		});
 	},
 	destroy: (container) => {
@@ -27996,26 +29051,27 @@ const shapeCardRenderer = {
 	}
 };
 //#endregion
-//#region ../sdk/src/board/render/renderers/sketch-card-renderer.ts
+//#region ../sdk/src/board/render/renderers/custom-card-renderer.ts
 const partsByContainer$4 = /* @__PURE__ */ new WeakMap();
 function sync$4(container, item, context) {
 	const parts = partsByContainer$4.get(container);
 	if (!parts) return;
 	if (parts.id !== item.id) {
-		context.sketches?.release(parts.id);
+		context.scripts?.release(parts.id);
 		parts.id = item.id;
 	}
 	positionShell(parts.root, item);
 	const { width, height } = item.frame;
 	const resolution = Math.min(4, Math.max(.25, context.zoom * getBoardResolution()));
-	const texture = context.sketches?.frame(item, context.time, resolution) ?? null;
-	const error = context.sketches?.error(item.id) ?? null;
+	const texture = context.scripts?.frame(item, context.time, resolution) ?? null;
+	const error = context.scripts?.error(item.id) ?? null;
 	parts.sprite.visible = Boolean(texture);
 	if (texture && parts.sprite.texture !== texture) parts.sprite.texture = texture;
 	parts.sprite.width = width;
 	parts.sprite.height = height;
 	const selected = context.selectedIds.has(item.id);
-	const message = texture ? "" : error ? `${item.props.src}\n${error}` : item.props.src;
+	const ready = Boolean(texture) || context.scripts?.ready?.(item.id) === true;
+	const message = error ? `${item.script.src}\n${error}` : ready ? "" : item.script.src;
 	const sig = [
 		width,
 		height,
@@ -28028,21 +29084,21 @@ function sync$4(container, item, context) {
 	if (sig === parts.sig) return;
 	parts.sig = sig;
 	parts.placeholder.clear();
-	if (!texture || selected) parts.placeholder.rect(0, 0, width, height).stroke({
+	if (!ready || selected || error) parts.placeholder.rect(0, 0, width, height).stroke({
 		color: selected ? context.palette.brand : context.palette.border,
 		width: selected ? 2 : 1,
 		alpha: .8
 	});
-	parts.label.visible = !texture;
+	parts.label.visible = !ready || Boolean(error);
 	parts.label.text = message;
 	parts.label.style.fill = error ? context.colors.rose.stroke : context.palette.muted;
 	parts.label.style.wordWrapWidth = Math.max(40, width - 16);
 	parts.label.position.set(width / 2, height / 2);
 }
-const sketchCardRenderer = {
-	id: "sketch-card",
-	canRender: (item) => item.type === "sketch",
-	animated: true,
+const customCardRenderer = {
+	id: "custom-card",
+	canRender: (item) => item.type === "custom",
+	animated: false,
 	create: (item, context) => {
 		const root = new Container();
 		const sprite = new Sprite(Texture.EMPTY);
@@ -28068,11 +29124,11 @@ const sketchCardRenderer = {
 			label,
 			sig: ""
 		});
-		if (item.type === "sketch") sync$4(root, item, context);
+		if (item.type === "custom") sync$4(root, item, context);
 		return root;
 	},
 	update: (container, item, context) => {
-		if (item.type === "sketch") sync$4(container, item, context);
+		if (item.type === "custom") sync$4(container, item, context);
 	},
 	renderFar: (graphics, item, context) => {
 		drawFarPlate(graphics, item.frame, {
@@ -28082,7 +29138,7 @@ const sketchCardRenderer = {
 	},
 	destroy: (container, context) => {
 		const parts = partsByContainer$4.get(container);
-		if (parts) context.sketches?.release(parts.id);
+		if (parts) context.scripts?.release(parts.id);
 		parts?.root.destroy({ children: true });
 		partsByContainer$4.delete(container);
 	}
@@ -28102,6 +29158,39 @@ function layoutContain$1(sprite, width, height) {
 	sprite.x = (width - sprite.width) / 2;
 	sprite.y = (height - sprite.height) / 2;
 }
+function cropRect(crop) {
+	if (!crop) return null;
+	const w = Math.min(crop.w, 1 - crop.x);
+	const h = Math.min(crop.h, 1 - crop.y);
+	return w > 0 && h > 0 ? {
+		x: crop.x,
+		y: crop.y,
+		w,
+		h
+	} : null;
+}
+function showTexture(parts, texture, crop) {
+	const rect = texture ? cropRect(crop) : null;
+	const key = rect ? `${rect.x}|${rect.y}|${rect.w}|${rect.h}` : "";
+	const previous = parts.cropped;
+	const reusable = previous && parts.cropSource === texture && parts.cropKey === key;
+	if (texture && rect && !reusable) {
+		const { frame } = texture;
+		const width = Math.max(1, frame.width * rect.w);
+		const height = Math.max(1, frame.height * rect.h);
+		const x = frame.x + Math.min(frame.width * rect.x, frame.width - width);
+		const y = frame.y + Math.min(frame.height * rect.y, frame.height - height);
+		parts.cropped = new Texture({
+			source: texture.source,
+			frame: new Rectangle(x, y, width, height)
+		});
+	} else if (!rect) parts.cropped = null;
+	parts.cropSource = rect ? texture : null;
+	parts.cropKey = key;
+	const display = parts.cropped ?? texture ?? Texture.EMPTY;
+	if (parts.sprite.texture !== display) parts.sprite.texture = display;
+	if (previous && previous !== parts.cropped) previous.destroy(false);
+}
 function sync$3(container, item, context) {
 	const parts = partsByContainer$3.get(container);
 	if (!parts) return;
@@ -28120,12 +29209,13 @@ function sync$3(container, item, context) {
 		selected,
 		hovered,
 		texId,
+		JSON.stringify(item.props.crop ?? null),
 		failed,
 		context.colorScheme
 	].join("|");
 	if (sig === parts.sig) return;
 	parts.sig = sig;
-	if (texture && parts.sprite.texture !== texture) parts.sprite.texture = texture;
+	showTexture(parts, texture, item.props.crop);
 	parts.sprite.visible = Boolean(texture);
 	if (texture) layoutContain$1(parts.sprite, width, height);
 	parts.placeholder.clear();
@@ -28185,7 +29275,10 @@ const imageCardRenderer = {
 			root,
 			sprite,
 			placeholder,
-			sig: ""
+			sig: "",
+			cropped: null,
+			cropSource: null,
+			cropKey: ""
 		});
 		if (item.type === "image") sync$3(root, item, context);
 		return root;
@@ -28205,7 +29298,9 @@ const imageCardRenderer = {
 		});
 	},
 	destroy: (container) => {
-		partsByContainer$3.get(container)?.root.destroy({ children: true });
+		const parts = partsByContainer$3.get(container);
+		parts?.root.destroy({ children: true });
+		parts?.cropped?.destroy(false);
 		partsByContainer$3.delete(container);
 	}
 };
@@ -28237,6 +29332,8 @@ function sync$2(container, item, context) {
 	parts.body.anchor.set(anchorX, 0);
 	parts.body.position.set(item.frame.width * anchorX, 0);
 	syncTextResolution(parts.body, parts, context.zoom * Math.max(1, previewScale));
+	parts.body.alpha = itemAlpha(context, item.style.fill);
+	parts.caret.alpha = parts.body.alpha;
 	const ink = itemColor(context, item.style.fill, "neutral");
 	const text = revealed(props.text, props.reveal);
 	const contentSig = [
@@ -28297,7 +29394,7 @@ const textCardRenderer = {
 		if (item.type !== "text") return;
 		drawFarPlate(graphics, item.frame, {
 			fill: itemColor(context, item.style.fill, "neutral"),
-			fillAlpha: .35
+			fillAlpha: .35 * itemAlpha(context, item.style.fill)
 		});
 	},
 	destroy: (container) => {
@@ -28357,6 +29454,7 @@ const unknownCardRenderer = {
 	create: (item, context) => {
 		const root = new Container();
 		const box = new Graphics();
+		box.context.batchMode = "batch";
 		const resolution = textResolutionForZoom(context.zoom);
 		const label = new Text({
 			text: "",
@@ -28416,7 +29514,7 @@ function sync(container, item, context) {
 	const selected = context.selectedIds.has(item.id);
 	const hovered = context.hoveredId === item.id;
 	const resizing = context.resizingIds.has(item.id);
-	const title = item.props.snapshot?.title ?? item.props.src.split("/").pop() ?? "Video";
+	const title = item.props.snapshot?.title ?? getMediaResourceTitle(item.props.src);
 	const key = context.assetKey(item);
 	const texture = key ? context.getTexture(key) : null;
 	const failed = Boolean(key && !texture && context.hasError(key));
@@ -28546,7 +29644,7 @@ const builtinCardRenderers = [
 	arrowCardRenderer,
 	frameCardRenderer,
 	effectCardRenderer,
-	sketchCardRenderer
+	customCardRenderer
 ];
 /**
 * Pick a renderer per item: `renderers` first, then the built-ins. Items no
@@ -28562,100 +29660,968 @@ function createBoardCardRendererResolver(renderers = []) {
 /** The built-in renderers alone. */
 const getBoardCardRenderer = createBoardCardRendererResolver();
 //#endregion
-//#region ../sdk/src/board/export/scene.ts
-function buildContext(input) {
-	const missing = /* @__PURE__ */ new Set();
-	const textures = input.textures ?? /* @__PURE__ */ new Map();
-	return {
-		context: {
-			settings: input.settings,
-			scene: input.scene,
-			time: input.time ?? 0,
-			selectedIds: /* @__PURE__ */ new Set(),
-			hoveredId: null,
-			resizingIds: /* @__PURE__ */ new Set(),
-			palette: {
-				...defaultBoardPalette(input.colorScheme),
-				...input.palette
-			},
-			colors: input.colors ?? buildFallbackShapeColors(input.colorScheme),
-			colorScheme: input.colorScheme,
-			rendererType: "canvas",
-			zoom: input.scale,
-			sketches: input.sketches,
-			assetKey: input.assetKey ?? imageAssetKey,
-			getTexture: (key) => textures.get(key) ?? null,
-			hasError: (key) => {
-				if (!textures.has(key)) missing.add(key);
-				return false;
-			},
-			fileState: () => "ok",
-			acquireTexture: () => {},
-			releaseTexture: () => {}
-		},
-		missing
-	};
+//#region ../protocol/dist/board-url.js
+const BOARD_REMOTE_URL_MAX_LENGTH = 4096;
+function parseIpv4(host) {
+	const parts = host.split(".").map(Number);
+	return parts.length === 4 && parts.every((part) => Number.isInteger(part) && part >= 0 && part <= 255) ? parts : null;
+}
+function isBlockedIpv4(host) {
+	const parts = parseIpv4(host);
+	if (!parts) return false;
+	const [first, second, third] = parts;
+	if (first === 0 || first === 10 || first === 127) return true;
+	if (first === 100 && second >= 64 && second <= 127) return true;
+	if (first === 169 && second === 254) return true;
+	if (first === 172 && second >= 16 && second <= 31) return true;
+	if (first === 192 && second === 168) return true;
+	if (first === 192 && second === 0 && (third === 0 || third === 2)) return true;
+	if (first === 192 && second === 88 && third === 99) return true;
+	if (first === 198 && (second === 18 || second === 19)) return true;
+	if (first === 198 && second === 51 && third === 100) return true;
+	if (first === 203 && second === 0 && third === 113) return true;
+	return first >= 224;
+}
+function expandIpv6(host) {
+	const [head, tail, extra] = host.toLowerCase().split("::");
+	if (extra !== void 0) return null;
+	const headParts = head ? head.split(":").filter(Boolean) : [];
+	const tailParts = tail ? tail.split(":").filter(Boolean) : [];
+	const missing = 8 - headParts.length - tailParts.length;
+	if (missing < 0 || tail === void 0 && missing !== 0) return null;
+	const parts = [
+		...headParts,
+		...Array.from({ length: missing }, () => "0"),
+		...tailParts
+	];
+	if (parts.length !== 8 || parts.some((part) => !/^[0-9a-f]{1,4}$/.test(part))) return null;
+	return parts.map((part) => part.padStart(4, "0"));
+}
+function isBlockedIpv6(host) {
+	const parts = expandIpv6(host);
+	if (!parts) return true;
+	if (parts.every((part) => part === "0000")) return true;
+	if (parts.slice(0, 7).every((part) => part === "0000") && parts[7] === "0001") return true;
+	if (parts.slice(0, 5).every((part) => part === "0000") && parts[5] === "ffff") {
+		const high = Number.parseInt(parts[6] ?? "0", 16);
+		const low = Number.parseInt(parts[7] ?? "0", 16);
+		return isBlockedIpv4(`${high >> 8}.${high & 255}.${low >> 8}.${low & 255}`);
+	}
+	if (parts.slice(0, 6).every((part) => part === "0000")) return true;
+	const first = Number.parseInt(parts[0] ?? "0", 16);
+	if ((first & 65024) === 64512) return true;
+	if ((first & 65472) === 65152 || (first & 65472) === 65216) return true;
+	if ((first & 65280) === 65280) return true;
+	return parts[0] === "2001" && parts[1] === "0db8";
+}
+function isPublicBoardRemoteAddress(value) {
+	const address = value.toLowerCase().replace(/^\[|\]$/g, "").replace(/\.$/, "");
+	if (parseIpv4(address)) return !isBlockedIpv4(address);
+	return address.includes(":") && !isBlockedIpv6(address);
+}
+function isBlockedHost(hostname) {
+	const host = hostname.toLowerCase().replace(/^\[|\]$/g, "").replace(/\.$/, "");
+	if (host === "localhost" || host.endsWith(".localhost") || host.endsWith(".local") || host.endsWith(".internal")) return true;
+	if (parseIpv4(host) || host.includes(":")) return !isPublicBoardRemoteAddress(host);
+	return false;
 }
-function createBoardExportScene(input) {
-	const { context, missing } = buildContext(input);
-	const root = new Container({ label: "board-export-root" });
-	const outputWidth = input.world.width * input.scale;
-	const outputHeight = input.world.height * input.scale;
-	if (input.background != null) root.addChild(new Graphics().rect(0, 0, outputWidth, outputHeight).fill({
-		color: input.background,
-		alpha: 1
-	}));
-	if (input.backgroundImage) {
-		const { texture, fit, position, opacity } = input.backgroundImage;
-		if (fit === "repeat") root.addChild(new TilingSprite({
-			texture,
-			width: outputWidth,
-			height: outputHeight,
-			alpha: opacity
-		}));
-		else {
-			const sprite = new Sprite({
-				texture,
-				alpha: opacity
-			});
-			const scale = fit === "cover" ? Math.max(outputWidth / texture.width, outputHeight / texture.height) : Math.min(outputWidth / texture.width, outputHeight / texture.height);
-			sprite.width = texture.width * scale;
-			sprite.height = texture.height * scale;
-			const x = position === "left" ? 0 : position === "right" ? outputWidth - sprite.width : (outputWidth - sprite.width) / 2;
-			const y = position === "top" ? 0 : position === "bottom" ? outputHeight - sprite.height : (outputHeight - sprite.height) / 2;
-			sprite.position.set(x, y);
-			root.addChild(sprite);
-		}
-	}
-	const world = new Container({
-		isRenderGroup: true,
-		label: "board-export-world"
-	});
-	world.scale.set(input.scale);
-	world.position.set(-input.world.x * input.scale, -input.world.y * input.scale);
-	const resolve = input.renderers ?? getBoardCardRenderer;
-	const groups = /* @__PURE__ */ new Map();
-	for (const item of input.items) {
-		const clip = clippingAncestor(input.scene, item);
-		const host = clip && groups.get(clip) || world;
-		const container = resolve(item, context).create(item, context);
-		container.alpha = input.scene.opacity(item.id);
-		host.addChild(container);
-		if (isClippingFrame(item)) {
-			const { group } = syncClipGroup(void 0, item);
-			host.addChild(group);
-			groups.set(item.id, group);
-		}
+/**
+* Normalize a browser-loadable public HTTP(S) URL. This blocks explicit local
+* addresses; any future server-side fetcher must additionally validate DNS
+* resolution to defend against rebinding.
+*/
+function normalizeBoardRemoteUrl(value) {
+	if (typeof value !== "string") return void 0;
+	const input = value.trim();
+	if (!input || input.length > 4096) return void 0;
+	try {
+		const url = new URL(input);
+		if (url.protocol !== "https:" && url.protocol !== "http:") return void 0;
+		if (url.username || url.password || isBlockedHost(url.hostname)) return;
+		const normalized = url.toString();
+		return normalized.length <= 4096 ? normalized : void 0;
+	} catch {
+		return;
 	}
-	root.addChild(world);
-	return {
-		root,
-		missingImageKeys: [...missing],
-		destroy: () => root.destroy({ children: true })
-	};
 }
-//#endregion
-//#region ../sdk/src/board/export/index.ts
+string().max(BOARD_REMOTE_URL_MAX_LENGTH).refine((value) => normalizeBoardRemoteUrl(value) !== void 0, { message: "URL must be a public HTTP(S) URL without credentials" });
+const BOARD_CAMERA_TARGET = "camera";
+const BoardKeySchema = string().min(1).max(160).regex(/^[^\s/]+$/, "ids must not contain whitespace or '/'");
+const BoardIdSchema = BoardKeySchema.refine((value) => value !== BOARD_CAMERA_TARGET, "\"camera\" is reserved");
+const finite = number$1().finite();
+const nonNegative = finite.nonnegative();
+const ratio = finite.min(0).max(1);
+const BoardVec2Schema = object({
+	x: finite,
+	y: finite
+}).strict();
+const BoardSizeSchema = object({
+	width: finite.positive(),
+	height: finite.positive()
+}).strict();
+const BOARD_COLOR_TOKENS = [
+	"brand",
+	"neutral",
+	"black",
+	"white",
+	"blue",
+	"green",
+	"amber",
+	"violet",
+	"rose"
+];
+const CSS_NAMED_COLORS = new Set("transparent aliceblue antiquewhite aqua aquamarine azure beige bisque blanchedalmond blueviolet brown burlywood cadetblue chartreuse chocolate coral cornflowerblue cornsilk crimson cyan darkblue darkcyan darkgoldenrod darkgray darkgreen darkgrey darkkhaki darkmagenta darkolivegreen darkorange darkorchid darkred darksalmon darkseagreen darkslateblue darkslategray darkslategrey darkturquoise darkviolet deeppink deepskyblue dimgray dimgrey dodgerblue firebrick floralwhite forestgreen fuchsia gainsboro ghostwhite gold goldenrod gray grey greenyellow honeydew hotpink indianred indigo ivory khaki lavender lavenderblush lawngreen lemonchiffon lightblue lightcoral lightcyan lightgoldenrodyellow lightgray lightgreen lightgrey lightpink lightsalmon lightseagreen lightskyblue lightslategray lightslategrey lightsteelblue lightyellow lime limegreen linen magenta maroon mediumaquamarine mediumblue mediumorchid mediumpurple mediumseagreen mediumslateblue mediumspringgreen mediumturquoise mediumvioletred midnightblue mintcream mistyrose moccasin navajowhite navy oldlace olive olivedrab orange orangered orchid palegoldenrod palegreen paleturquoise palevioletred papayawhip peachpuff peru pink plum powderblue purple rebeccapurple red rosybrown royalblue saddlebrown salmon sandybrown seagreen seashell sienna silver skyblue slateblue slategray slategrey snow springgreen steelblue tan teal thistle tomato turquoise violet wheat whitesmoke yellow yellowgreen".split(" "));
+function isBoardColorString(value) {
+	const color = value.trim().toLowerCase();
+	return BOARD_COLOR_TOKENS.includes(color) || CSS_NAMED_COLORS.has(color) || /^#(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/.test(color) || /^(?:rgba?|hsla?|hwb|lab|lch|oklab|oklch|color)\([^()]*\)$/.test(color);
+}
+const colorString = string().max(120).refine(isBoardColorString, "expected a palette token or a CSS color");
+const BoardColorSchema = union([colorString, object({
+	light: colorString,
+	dark: colorString
+}).strict()]);
+const BoardStyleSchema = object({
+	fill: BoardColorSchema.optional(),
+	fillOpacity: ratio.optional(),
+	stroke: BoardColorSchema.optional(),
+	strokeWidth: finite.min(0).max(64).optional(),
+	dash: _enum([
+		"solid",
+		"dashed",
+		"dotted"
+	]).optional(),
+	radius: nonNegative.optional(),
+	trim: ratio.optional()
+}).strict();
+function isSafeBoardSourcePath(value) {
+	return value.length > 0 && value.length <= 4096 && !value.startsWith("/") && !/^[a-z][a-z\d+.-]*:/i.test(value.trimStart()) && !value.includes("\\") && value.split("/").every((part) => part.length > 0 && part !== "." && part !== "..");
+}
+const srcSchema = string().refine(isSafeBoardSourcePath, "src must be a relative Space file path");
+function parseBoardMediaSource(src) {
+	if (isSafeBoardSourcePath(src)) return {
+		kind: "file",
+		value: src
+	};
+	return normalizeBoardRemoteUrl(src) ? {
+		kind: "url",
+		value: src
+	} : null;
+}
+const BoardMediaSourceSchema = string().max(4096).refine((src) => parseBoardMediaSource(src) !== null, "src must be a public HTTP(S) URL or relative Space file path").describe("Prefer a stable public HTTP(S) URL; relative Space file paths remain supported.");
+const BoardScriptSchema = object({
+	src: srcSchema.refine((path) => /\.m?js$/.test(path), "script src must be a .js or .mjs module"),
+	params: record(string(), json()).default({}),
+	targets: record(string().min(1).max(80), BoardIdSchema).default({}),
+	seed: string().min(1).max(160).optional(),
+	enabled: boolean().default(true)
+}).strict();
+const itemEnvelope = {
+	script: BoardScriptSchema.optional(),
+	parent: BoardIdSchema.optional(),
+	z: finite.optional(),
+	position: BoardVec2Schema.default({
+		x: 0,
+		y: 0
+	}),
+	rotation: finite.default(0),
+	scale: union([finite, BoardVec2Schema]).default(1),
+	origin: BoardVec2Schema.default({
+		x: .5,
+		y: .5
+	}),
+	opacity: ratio.default(1),
+	style: BoardStyleSchema.default({}),
+	locked: boolean().optional(),
+	metadata: record(string(), unknown()).optional()
+};
+const boxed = (width, height) => ({
+	...itemEnvelope,
+	size: BoardSizeSchema.default({
+		width,
+		height
+	})
+});
+const unsized = { ...itemEnvelope };
+const fontSize = finite.min(2).max(512);
+const BOARD_TEXT_ALIGNS = [
+	"left",
+	"center",
+	"right"
+];
+const BOARD_SHAPE_GEOMETRIES = [
+	"rectangle",
+	"rounded",
+	"ellipse",
+	"diamond",
+	"triangle",
+	"path"
+];
+object({
+	...boxed(480, 320),
+	type: literal("frame"),
+	props: object({
+		label: string().max(280).default(""),
+		decoration: _enum(["frame", "none"]).optional(),
+		clip: boolean().default(true)
+	}).strict().prefault({})
+}).strict();
+object({
+	...unsized,
+	type: literal("text"),
+	props: object({
+		text: string().default(""),
+		fontSize: fontSize.default(24),
+		fontWeight: finite.min(100).max(900).default(500),
+		font: string().min(1).max(120).default("sans"),
+		align: _enum(BOARD_TEXT_ALIGNS).default("left"),
+		lineHeight: finite.min(.5).max(4).default(4 / 3),
+		width: finite.positive().optional(),
+		reveal: ratio.default(1),
+		caret: boolean().default(false)
+	}).strict().prefault({})
+}).strict();
+object({
+	...boxed(240, 160),
+	type: literal("shape"),
+	props: object({
+		geometry: _enum(BOARD_SHAPE_GEOMETRIES).default("rectangle"),
+		path: string().min(1).max(2e5).optional(),
+		text: string().default(""),
+		fontSize: fontSize.default(20),
+		align: _enum(BOARD_TEXT_ALIGNS).default("center")
+	}).strict().refine((props) => props.geometry !== "path" || Boolean(props.path), {
+		message: "path geometry requires props.path",
+		path: ["path"]
+	}).prefault({})
+}).strict();
+const BoardDrawPointSchema = object({
+	x: finite,
+	y: finite,
+	p: ratio.default(.5)
+}).strict();
+object({
+	...unsized,
+	type: literal("draw"),
+	props: object({ points: array(BoardDrawPointSchema).min(1).max(1e5) }).strict()
+}).strict();
+const BoardArrowEndSchema = union([BoardVec2Schema, object({
+	item: BoardIdSchema,
+	anchor: union([
+		literal("auto"),
+		object({
+			side: _enum([
+				"top",
+				"right",
+				"bottom",
+				"left"
+			]),
+			offset: ratio.default(.5)
+		}).strict(),
+		object({
+			x: ratio,
+			y: ratio
+		}).strict()
+	]).default("auto"),
+	port: string().min(1).max(120).optional()
+}).strict()]);
+const BOARD_ARROW_ROUTES = [
+	"straight",
+	"curve",
+	"orthogonal"
+];
+object({
+	...unsized,
+	type: literal("arrow"),
+	props: object({
+		start: BoardArrowEndSchema,
+		end: BoardArrowEndSchema,
+		route: _enum(BOARD_ARROW_ROUTES).default("straight"),
+		bend: finite.min(-.85).max(.85).default(0),
+		waypoints: array(BoardVec2Schema).max(64).default([]),
+		arrowStart: boolean().default(false),
+		arrowEnd: boolean().default(true),
+		label: string().max(280).default(""),
+		fontSize: fontSize.default(14),
+		relation: string().max(64).regex(/^[a-z0-9]+(?:[.-][a-z0-9]+)*$/, "relation must be a lowercase slug").optional()
+	}).strict()
+}).strict();
+const fileProps = {
+	src: BoardMediaSourceSchema,
+	snapshot: object({
+		title: string().optional(),
+		mimeType: string().optional(),
+		size: nonNegative.optional(),
+		mtimeMs: nonNegative.optional(),
+		naturalWidth: finite.positive().optional(),
+		naturalHeight: finite.positive().optional(),
+		durationMs: nonNegative.optional(),
+		excerpt: string().optional(),
+		coverPath: string().optional(),
+		coverUrl: string().optional()
+	}).strict().optional()
+};
+const timedFileProps = {
+	...fileProps,
+	time: nonNegative.optional()
+};
+const BoardCropSchema = object({
+	x: ratio,
+	y: ratio,
+	w: ratio,
+	h: ratio
+}).strict();
+object({
+	...boxed(640, 360),
+	type: literal("image"),
+	props: object({
+		...fileProps,
+		crop: BoardCropSchema.optional()
+	}).strict()
+}).strict();
+object({
+	...boxed(640, 360),
+	type: literal("video"),
+	props: object(timedFileProps).strict()
+}).strict();
+object({
+	...boxed(480, 96),
+	type: literal("audio"),
+	props: object(timedFileProps).strict()
+}).strict();
+object({
+	...boxed(360, 220),
+	type: literal("file"),
+	props: object(fileProps).strict()
+}).strict();
+const httpsUrl = string().max(4096).url();
+const artifactBase = {
+	id: string().min(1).max(240),
+	title: string().max(240).optional(),
+	url: httpsUrl,
+	mimeType: string().max(160).optional()
+};
+const BoardTaskArtifactSchema = discriminatedUnion("type", [
+	object({
+		...artifactBase,
+		type: literal("image"),
+		naturalWidth: finite.positive().optional(),
+		naturalHeight: finite.positive().optional()
+	}).strict(),
+	object({
+		...artifactBase,
+		type: literal("video"),
+		previewUrl: httpsUrl.optional(),
+		durationMs: number$1().int().positive().optional(),
+		naturalWidth: finite.positive().optional(),
+		naturalHeight: finite.positive().optional()
+	}).strict(),
+	object({
+		...artifactBase,
+		type: literal("audio"),
+		previewUrl: httpsUrl.optional(),
+		durationMs: number$1().int().positive().optional()
+	}).strict(),
+	object({
+		id: string().min(1).max(240),
+		type: literal("text"),
+		title: string().max(240).optional(),
+		textExcerpt: string().min(1).max(480)
+	}).strict()
+]);
+const BoardTaskSnapshotSchema = object({
+	taskType: string().min(1).max(120),
+	status: _enum([
+		"pending",
+		"running",
+		"completed",
+		"failed"
+	]),
+	title: string().min(1).max(240),
+	model: string().max(160).optional(),
+	promptExcerpt: string().max(480).optional(),
+	artifactCount: number$1().int().nonnegative(),
+	artifacts: array(BoardTaskArtifactSchema).max(6).default([]),
+	updatedAt: string().optional()
+}).strict();
+object({
+	...boxed(420, 240),
+	type: literal("task"),
+	props: object({
+		taskRunId: string().min(1).max(160),
+		snapshot: BoardTaskSnapshotSchema
+	}).strict()
+}).strict();
+const BOARD_EFFECT_KINDS = [
+	"particles",
+	"trail",
+	"impact",
+	"flash",
+	"glow"
+];
+object({
+	...boxed(240, 240),
+	type: literal("effect"),
+	props: object({
+		kind: _enum(BOARD_EFFECT_KINDS),
+		rate: nonNegative.max(2e4).default(40),
+		life: finite.positive().max(6e4).default(1200),
+		particleSize: finite.positive().max(512).default(6),
+		speed: nonNegative.max(1e4).default(120),
+		direction: finite.default(-90),
+		spread: finite.min(0).max(360).default(360),
+		gravity: finite.default(0),
+		intensity: nonNegative.max(10).default(1),
+		follow: BoardIdSchema.optional(),
+		seed: string().min(1).max(160).optional()
+	}).strict()
+}).strict();
+object({
+	...boxed(480, 320),
+	type: literal("custom"),
+	script: BoardScriptSchema,
+	props: object({}).strict().default({})
+}).strict();
+const BOARD_EXTENSION_TYPE_PATTERN = /^[a-z][a-z0-9]*(?:\.[a-z0-9-]+)+$/;
+object({
+	...itemEnvelope,
+	size: BoardSizeSchema.default({
+		width: 240,
+		height: 160
+	}),
+	type: string().regex(BOARD_EXTENSION_TYPE_PATTERN),
+	props: record(string(), unknown()).default({})
+}).strict();
+const CSS_EASE_KEYWORDS = /* @__PURE__ */ new Set([
+	"linear",
+	"ease",
+	"ease-in",
+	"ease-out",
+	"ease-in-out",
+	"step-start",
+	"step-end"
+]);
+function isBoardEase(value) {
+	const ease = value.trim();
+	if (CSS_EASE_KEYWORDS.has(ease)) return true;
+	const bezier = /^cubic-bezier\(\s*([^,()]+),\s*([^,()]+),\s*([^,()]+),\s*([^,()]+)\)$/.exec(ease);
+	if (bezier) {
+		const [x1, , x2] = bezier.slice(1).map(Number);
+		return bezier.slice(1).every((part) => Number.isFinite(Number(part))) && x1 >= 0 && x1 <= 1 && x2 >= 0 && x2 <= 1;
+	}
+	return /^steps\(\s*[1-9]\d*\s*(?:,\s*(?:start|end|jump-start|jump-end|jump-none|jump-both)\s*)?\)$/.test(ease);
+}
+const BoardEaseSchema = string().max(120).refine(isBoardEase, "expected a CSS easing: linear, ease-in-out, cubic-bezier(…) or steps(…)");
+const BoardKeyframeSchema = object({
+	at: nonNegative,
+	value: unknown(),
+	ease: BoardEaseSchema.optional()
+}).strict();
+const BoardTrackSchema = object({
+	target: string().min(1).max(160),
+	property: string().min(1).max(200),
+	keyframes: array(BoardKeyframeSchema).min(1).max(1e5),
+	composite: _enum(["replace", "add"]).default("replace"),
+	interpolation: _enum([
+		"auto",
+		"step",
+		"spline"
+	]).default("auto"),
+	orient: boolean().optional()
+}).strict().superRefine((track, context) => {
+	for (let index = 1; index < track.keyframes.length; index += 1) if ((track.keyframes[index]?.at ?? 0) < (track.keyframes[index - 1]?.at ?? 0)) context.addIssue({
+		code: "custom",
+		message: "keyframes must be ordered by at",
+		path: [
+			"keyframes",
+			index,
+			"at"
+		]
+	});
+});
+const BoardMarkerSchema = object({
+	at: nonNegative,
+	label: string().max(280).optional(),
+	pause: boolean().optional()
+}).strict();
+object({
+	name: string().max(280).optional(),
+	duration: finite.positive().max(864e5),
+	play: _enum([
+		"manual",
+		"auto",
+		"always"
+	]).default("manual"),
+	delay: nonNegative.default(0),
+	loop: boolean().default(false),
+	end: _enum(["hold", "reset"]).default("hold"),
+	markers: array(BoardMarkerSchema).max(1e4).default([])
+}).strict().extend({ tracks: record(BoardKeySchema, BoardTrackSchema).default({}) }).strict();
+const BOARD_ENTER_PRESETS = [
+	"fade-in",
+	"rise",
+	"drop",
+	"pop",
+	"deal"
+];
+const BoardBackgroundSchema = object({
+	kind: _enum([
+		"solid",
+		"dots",
+		"grid",
+		"image"
+	]).default("dots"),
+	color: BoardColorSchema.optional(),
+	imageUrl: string().url().max(4096).optional(),
+	fit: _enum([
+		"cover",
+		"contain",
+		"repeat"
+	]).optional(),
+	opacity: ratio.optional()
+}).strict();
+object({
+	title: string().min(1).max(255).optional(),
+	background: BoardBackgroundSchema.default({ kind: "dots" }),
+	grid: object({
+		visible: boolean().default(false),
+		size: finite.min(4).max(512).default(24)
+	}).strict().optional(),
+	enter: object({
+		preset: _enum(BOARD_ENTER_PRESETS),
+		duration: finite.positive().max(1e4).optional()
+	}).strict().optional()
+}).strict();
+const patchObject = record(string(), unknown());
+object({
+	board: patchObject.nullable().optional(),
+	items: record(BoardIdSchema, patchObject.nullable()).optional(),
+	animations: record(BoardIdSchema, patchObject.and(object({ tracks: record(BoardKeySchema, patchObject.nullable()).optional() })).nullable()).optional()
+}).strict();
+function createBoardScriptModuleReader(read, timeoutMs = 15e3) {
+	const cache = /* @__PURE__ */ new Map();
+	const queue = [];
+	let active = 0;
+	let disposed = false;
+	function pump() {
+		while (active < 4 && queue.length) queue.shift()?.();
+	}
+	return {
+		read(path) {
+			if (disposed) return Promise.reject(/* @__PURE__ */ new Error("Module reader is disposed."));
+			const cached = cache.get(path);
+			if (cached) return cached;
+			const promise = new Promise((resolve, reject) => {
+				queue.push(() => {
+					if (disposed) {
+						reject(/* @__PURE__ */ new Error("Module reader is disposed."));
+						return;
+					}
+					active++;
+					let timer;
+					const timeout = new Promise((_resolve, rejectRead) => {
+						timer = setTimeout(() => rejectRead(/* @__PURE__ */ new Error(`Module read timed out: ${path}`)), timeoutMs);
+					});
+					Promise.race([Promise.resolve().then(() => read(path)), timeout]).then(resolve, reject).finally(() => {
+						clearTimeout(timer);
+						active--;
+						pump();
+					});
+				});
+				pump();
+			});
+			cache.set(path, promise);
+			promise.catch(() => {
+				if (cache.get(path) === promise) cache.delete(path);
+			});
+			return promise;
+		},
+		invalidate(path) {
+			if (path) cache.delete(path);
+			else cache.clear();
+		},
+		destroy() {
+			disposed = true;
+			cache.clear();
+			for (const job of queue.splice(0)) job();
+		}
+	};
+}
+function resolveScriptImport(from, specifier) {
+	if (!specifier.startsWith("./") && !specifier.startsWith("../")) throw new Error(`Only relative module imports are supported: ${specifier}`);
+	const parts = from.split("/").slice(0, -1);
+	for (const part of specifier.split("/")) {
+		if (part === ".") continue;
+		if (part === "..") {
+			if (!parts.length) throw new Error("Module import leaves the Space.");
+			parts.pop();
+		} else parts.push(part);
+	}
+	const path = parts.join("/");
+	if (!isSafeBoardSourcePath(path) || !/\.m?js$/.test(path)) throw new Error(`Invalid module path: ${path}`);
+	return path;
+}
+async function loadBoardScriptSources(src, read, timeoutMs = 15e3) {
+	if (!isSafeBoardSourcePath(src) || !/\.m?js$/.test(src)) throw new Error("Invalid script entry path.");
+	const { init, parse } = await import("./board-kernel/lexer.js");
+	await init;
+	const sources = {};
+	const visiting = /* @__PURE__ */ new Set();
+	let bytes = 0;
+	async function visit(path) {
+		if (visiting.has(path)) throw new Error(`Circular module dependency: ${path}`);
+		if (sources[path]) return;
+		if (Object.keys(sources).length + visiting.size >= 64) throw new Error("A script may load at most 64 modules.");
+		visiting.add(path);
+		let timer;
+		const code = await Promise.race([Promise.resolve().then(() => read(path)), new Promise((_resolve, reject) => {
+			timer = setTimeout(() => reject(/* @__PURE__ */ new Error(`Module read timed out: ${path}`)), timeoutMs);
+		})]).finally(() => clearTimeout(timer));
+		bytes += new TextEncoder().encode(code).byteLength;
+		if (bytes > 2e6) throw new Error("Script modules exceed the 2 MB limit.");
+		const [imports] = parse(code, path);
+		const resolved = [];
+		for (const entry of imports) {
+			if (entry.d === -2) throw new Error("import.meta is not available in Board scripts.");
+			if (entry.n === void 0) throw new Error("Dynamic imports must use a literal relative path.");
+			const dependency = resolveScriptImport(path, entry.n);
+			await visit(dependency);
+			resolved.push({
+				start: entry.s,
+				end: entry.e,
+				path: dependency,
+				dynamic: entry.d >= 0
+			});
+		}
+		sources[path] = {
+			code,
+			imports: resolved
+		};
+		visiting.delete(path);
+	}
+	await visit(src);
+	return sources;
+}
+//#endregion
+//#region ../sdk/src/board/render/script-runtime.ts
+/** Self-contained so browser workers and Node execute exactly the same kernel. */
+function createScriptRuntime(module, initial, host) {
+	if ("mount" in module) throw new Error("Board scripts do not support DOM mount(). Use draw() or native scene items.");
+	let input = initial;
+	let disposed = false;
+	let revision = 0;
+	let randomState = 2166136261;
+	for (const char of initial.item.script?.seed ?? initial.id) randomState = Math.imul(randomState ^ char.charCodeAt(0), 16777619) >>> 0;
+	const parameterDefaults = Object.fromEntries(Object.entries(module.parameters ?? {}).filter(([, spec]) => spec.default !== void 0).map(([key, spec]) => [key, spec.default]));
+	let params = {
+		...parameterDefaults,
+		...initial.item.script?.params
+	};
+	const state = structuredClone(initial.snapshot?.state ?? {});
+	if (initial.snapshot) randomState = initial.snapshot.random;
+	let time = initial.snapshot?.time ?? 0;
+	let started = Boolean(initial.snapshot);
+	const stepMs = 1e3 / 60;
+	let frame = {
+		t: time,
+		dt: 0,
+		width: initial.width,
+		height: initial.height,
+		seed: initial.item.script?.seed ?? initial.id,
+		params,
+		state
+	};
+	const handlers = /* @__PURE__ */ new Map();
+	const frames = /* @__PURE__ */ new Set();
+	const cleanups = [];
+	const effects = structuredClone(initial.snapshot?.effects);
+	let patches = effects?.patches ?? {};
+	let items = effects?.items ?? {};
+	let space = effects?.space ?? "world";
+	let hits = effects?.hits ?? {};
+	const invalidate = () => {
+		if (disposed) return;
+		revision++;
+		host.invalidate();
+	};
+	const present = (id, patch) => {
+		if (patch === null) delete patches[id];
+		else patches[id] = structuredClone(patch);
+		invalidate();
+	};
+	const context = {
+		self: {
+			id: initial.id,
+			get base() {
+				return input.item;
+			},
+			present: (patch) => present(initial.id, patch)
+		},
+		get params() {
+			return params;
+		},
+		get targets() {
+			return input.item.script?.targets ?? {};
+		},
+		async emit(target, type, data) {
+			await host.call("board.emit", {
+				target,
+				type,
+				data
+			});
+		},
+		state,
+		get frame() {
+			return frame;
+		},
+		random() {
+			randomState = Math.imul(randomState, 1664525) + 1013904223 >>> 0;
+			return randomState / 4294967296;
+		},
+		on(type, handler) {
+			let listeners = handlers.get(type);
+			if (!listeners) {
+				listeners = /* @__PURE__ */ new Set();
+				handlers.set(type, listeners);
+			}
+			listeners.add(handler);
+			invalidate();
+			return () => {
+				listeners.delete(handler);
+				invalidate();
+			};
+		},
+		onFrame(handler) {
+			frames.add(handler);
+			invalidate();
+			return () => {
+				frames.delete(handler);
+				invalidate();
+			};
+		},
+		onDispose: (handler) => cleanups.push(handler),
+		invalidate,
+		get: (id) => input.items[id],
+		present,
+		scene(next, options) {
+			items = structuredClone(next);
+			space = options?.space ?? "world";
+			invalidate();
+		},
+		hitRegions(next) {
+			hits = structuredClone(next);
+			invalidate();
+		},
+		async commit(patch) {
+			await host.call("board.commit", patch);
+		},
+		capabilities: {
+			has: (name) => (input.capabilities ?? []).includes(name),
+			call: (name, value) => host.call(name, value)
+		}
+	};
+	const setup = module.default?.(context);
+	if (typeof setup === "function") cleanups.push(setup);
+	return {
+		get animated() {
+			return frames.size > 0 || module.animated === true;
+		},
+		update(next) {
+			input = next;
+			params = {
+				...parameterDefaults,
+				...next.item.script?.params
+			};
+		},
+		step(t) {
+			if (disposed) return;
+			if (!Number.isFinite(t) || t < time - .001) throw new Error("Reset the instance before seeking backwards.");
+			const update = (at, dt) => {
+				frame = {
+					...frame,
+					t: at,
+					dt,
+					width: input.width,
+					height: input.height,
+					params: context.params
+				};
+				for (const handler of frames) handler(frame);
+			};
+			if (!started) {
+				started = true;
+				update(time, 0);
+			}
+			if (frames.size) while (time + stepMs <= t + 1e-6) {
+				time += stepMs;
+				update(time, stepMs);
+			}
+			else time = t;
+			frame = {
+				...frame,
+				t,
+				dt: 0,
+				width: input.width,
+				height: input.height,
+				params: context.params
+			};
+		},
+		event(event) {
+			if (disposed) return;
+			const listeners = handlers.get(event.type);
+			if (!listeners?.size) return;
+			for (const handler of listeners) handler(event);
+			invalidate();
+		},
+		draw(canvas) {
+			const result = module.draw?.(canvas, frame);
+			if (result && typeof result.then === "function") throw new Error("draw() must be synchronous.");
+		},
+		output() {
+			return {
+				parameters: module.parameters,
+				space,
+				patches,
+				items,
+				hits,
+				listens: [...handlers].filter(([, callbacks]) => callbacks.size).map(([type]) => type),
+				animated: this.animated,
+				updating: frames.size > 0,
+				version: revision
+			};
+		},
+		snapshot(includeEffects = true, clone = true) {
+			const snapshot = {
+				state,
+				time,
+				random: randomState,
+				effects: includeEffects ? {
+					patches,
+					items,
+					hits,
+					space
+				} : void 0
+			};
+			return clone ? structuredClone(snapshot) : snapshot;
+		},
+		destroy() {
+			disposed = true;
+			for (const cleanup of cleanups.reverse()) cleanup();
+			handlers.clear();
+			frames.clear();
+			patches = {};
+			items = {};
+			hits = {};
+		}
+	};
+}
+//#endregion
+//#region ../sdk/src/board/export/scene.ts
+function buildContext(input) {
+	const missing = /* @__PURE__ */ new Set();
+	const textures = input.textures ?? /* @__PURE__ */ new Map();
+	return {
+		context: {
+			settings: input.settings,
+			scene: input.scene,
+			time: input.time ?? 0,
+			frameAt: input.frameAt,
+			selectedIds: /* @__PURE__ */ new Set(),
+			hoveredId: null,
+			resizingIds: /* @__PURE__ */ new Set(),
+			palette: {
+				...defaultBoardPalette(input.colorScheme),
+				...input.palette
+			},
+			colors: input.colors ?? buildFallbackShapeColors(input.colorScheme),
+			colorScheme: input.colorScheme,
+			rendererType: "canvas",
+			zoom: input.scale,
+			scripts: input.scripts,
+			assetKey: input.assetKey ?? imageAssetKey,
+			getTexture: (key) => textures.get(key) ?? null,
+			hasError: (key) => {
+				if (!textures.has(key)) missing.add(key);
+				return false;
+			},
+			fileState: () => "ok",
+			acquireTexture: () => {},
+			releaseTexture: () => {}
+		},
+		missing
+	};
+}
+function createBoardExportScene(input) {
+	const { context, missing } = buildContext(input);
+	const root = new Container({ label: "board-export-root" });
+	const outputWidth = input.world.width * input.scale;
+	const outputHeight = input.world.height * input.scale;
+	if (input.background != null) root.addChild(new Graphics().rect(0, 0, outputWidth, outputHeight).fill({
+		color: input.background,
+		alpha: 1
+	}));
+	if (input.backgroundImage) {
+		const { texture, fit, position, opacity } = input.backgroundImage;
+		if (fit === "repeat") root.addChild(new TilingSprite({
+			texture,
+			width: outputWidth,
+			height: outputHeight,
+			alpha: opacity
+		}));
+		else {
+			const sprite = new Sprite({
+				texture,
+				alpha: opacity
+			});
+			const scale = fit === "cover" ? Math.max(outputWidth / texture.width, outputHeight / texture.height) : Math.min(outputWidth / texture.width, outputHeight / texture.height);
+			sprite.width = texture.width * scale;
+			sprite.height = texture.height * scale;
+			const x = position === "left" ? 0 : position === "right" ? outputWidth - sprite.width : (outputWidth - sprite.width) / 2;
+			const y = position === "top" ? 0 : position === "bottom" ? outputHeight - sprite.height : (outputHeight - sprite.height) / 2;
+			sprite.position.set(x, y);
+			root.addChild(sprite);
+		}
+	}
+	const world = new Container({
+		isRenderGroup: true,
+		label: "board-export-world"
+	});
+	world.scale.set(input.scale);
+	world.position.set(-input.world.x * input.scale, -input.world.y * input.scale);
+	const resolve = input.renderers ?? getBoardCardRenderer;
+	const groups = /* @__PURE__ */ new Map();
+	function hostFor(item) {
+		const clip = clippingAncestor(input.scene, item);
+		const ancestor = clip ? input.scene.get(clip) : void 0;
+		if (!ancestor) return world;
+		let group = groups.get(ancestor.id);
+		if (!group) {
+			group = syncClipGroup(void 0, ancestor).group;
+			hostFor(ancestor).addChild(group);
+			groups.set(ancestor.id, group);
+		}
+		return group;
+	}
+	for (const item of input.items) {
+		const opacity = input.scene.opacity(item.id);
+		if (opacity <= 0) continue;
+		const host = hostFor(item);
+		const container = resolve(item, context).create(item, context);
+		container.alpha = opacity;
+		host.addChild(container);
+		if (isClippingFrame(item) && !groups.has(item.id)) {
+			const { group } = syncClipGroup(void 0, item);
+			host.addChild(group);
+			groups.set(item.id, group);
+		}
+	}
+	root.addChild(world);
+	return {
+		root,
+		missingImageKeys: [...missing],
+		destroy: () => root.destroy({ children: true })
+	};
+}
+//#endregion
+//#region ../sdk/src/board/export/index.ts
 function resolveBackground(background, palette, document, colorScheme) {
 	if (background === "transparent") return null;
 	if (typeof background === "number") return background;
@@ -28663,20 +30629,50 @@ function resolveBackground(background, palette, document, colorScheme) {
 	const css = typeof declared === "object" ? declared[colorScheme] : declared;
 	return css ? parseBoardCssColor(css) ?? palette.bg : palette.bg;
 }
-function renderBoardExport(renderer, input, options = {}) {
+function prepareBoardExport(input, options = {}) {
 	ensureBoardTextMeasurement();
-	const base = normalizeBoardDocument(input);
-	const document = options.at ? boardDocumentAt(base, options.at.animation ?? null, options.at.time).document : base;
-	const scene = buildBoardScene(document);
+	const base = options.sampler ? input : normalizeBoardDocument(input);
+	if (options.camera && options.region && options.region.kind !== "all") throw new Error("Camera export cannot be combined with a fixed region.");
+	if (options.camera && !options.at) throw new Error("Camera export needs an animation time.");
+	if (options.camera && ![options.camera.width, options.camera.height].every((n) => Number.isSafeInteger(n) && n > 0)) throw new Error("Camera dimensions must be positive integers.");
+	const sampler = options.at ? options.sampler ?? createBoardRenderSampler(base, options.at.animation ?? null, options) : void 0;
+	const sample = options.at ? sampler?.at(options.at.time) : void 0;
+	const sampled = sample?.document ?? base;
+	const document = options.scripts?.document?.(sampled, options.at?.time ?? 0) ?? sampled;
+	const scene = document === sampled ? sample?.scene ?? buildBoardScene(document) : buildBoardScene(document);
+	const camera = options.camera ? resolveBoardAnimationCamera(sample?.evaluation.camera ?? {}, (id) => scene.get(id)?.frame, options.camera, options.at?.time ?? 0) : void 0;
 	const plan = planBoardExport({
 		scene,
-		region: options.region ?? { kind: "all" },
-		scale: options.scale,
-		padding: options.padding,
+		region: camera && options.camera ? {
+			kind: "rect",
+			rect: {
+				x: -camera.x / camera.zoom,
+				y: -camera.y / camera.zoom,
+				width: options.camera.width / camera.zoom,
+				height: options.camera.height / camera.zoom
+			}
+		} : options.region ?? { kind: "all" },
+		scale: camera?.zoom ?? options.scale,
+		padding: camera ? 0 : options.padding,
 		maxEdge: options.maxEdge,
 		maxPixels: options.maxPixels
 	});
-	if (!plan) return null;
+	if (plan && camera && options.camera) {
+		const ratio = plan.clamped ? plan.scale / camera.zoom : 1;
+		plan.width = Math.max(1, Math.floor(options.camera.width * ratio));
+		plan.height = Math.max(1, Math.floor(options.camera.height * ratio));
+	}
+	return plan ? {
+		document,
+		scene,
+		plan,
+		sampler
+	} : null;
+}
+function renderBoardExport(renderer, input, options = {}) {
+	const prepared = prepareBoardExport(input, options);
+	if (!prepared) return null;
+	const { document, scene, plan, sampler } = prepared;
 	const colorScheme = options.colorScheme ?? "dark";
 	const palette = {
 		...defaultBoardPalette(colorScheme),
@@ -28687,13 +30683,14 @@ function renderBoardExport(renderer, input, options = {}) {
 		scene,
 		items: plan.items,
 		time: options.at?.time ?? 0,
+		frameAt: sampler?.frameAt,
 		world: plan.world,
 		scale: plan.scale,
 		colorScheme,
 		palette,
 		colors: options.colors,
 		textures: options.textures,
-		sketches: options.sketches,
+		scripts: options.scripts,
 		assetKey: options.assetKey,
 		renderers: options.renderers,
 		background: resolveBackground(options.background, palette, document, colorScheme),
@@ -28731,145 +30728,253 @@ function renderBoardExport(renderer, input, options = {}) {
 	}
 }
 //#endregion
-//#region ../sdk/src/board/export/node/sketch.ts
-const MAX_EDGE = 2048;
-const DEFAULT_TIMEOUT_MS = 2e3;
-const DEFAULT_READ_TIMEOUT_MS = 15e3;
-const MAX_PREPARE_CONCURRENCY = 4;
-function transformModule(code, src) {
-	return `(function(module, exports) {\n${code.replace(/export\s+default\s+/g, "module.exports.default = ").replace(/export\s+(async\s+)?function\s+draw\b/g, (_match, asyncKeyword = "") => `module.exports.draw = ${asyncKeyword}function draw`).replace(/export\s+(const|let|var)\s+draw\s*=/g, "module.exports.draw =")}\n})(module, module.exports);\n//# sourceURL=${JSON.stringify(src)}`;
-}
-function runModule(code, src, timeoutMs) {
-	const module = { exports: {} };
-	const context = createContext({
-		module,
-		exports: module.exports,
-		console: {
-			log() {},
-			warn() {},
-			error() {}
-		},
-		fetch: void 0,
-		XMLHttpRequest: void 0,
-		WebSocket: void 0,
-		EventSource: void 0,
-		importScripts: void 0,
-		indexedDB: void 0,
-		caches: void 0,
-		process: void 0,
-		require: void 0
-	});
-	new Script(transformModule(code, src), { filename: src }).runInContext(context, { timeout: timeoutMs });
-	const value = module.exports.default && typeof module.exports.default === "object" ? {
-		...module.exports.default,
-		...module.exports
-	} : module.exports;
-	if (typeof value.draw !== "function") throw new Error(`${src} does not export draw(ctx, frame)`);
-	if (value.draw.constructor?.name === "AsyncFunction") throw new Error(`${src} must export a synchronous draw(ctx, frame) for Node export.`);
-	return {
-		module: value,
-		context
-	};
-}
-function withTimeout(promise, timeoutMs, src) {
-	return new Promise((resolve, reject) => {
-		const timer = setTimeout(() => reject(/* @__PURE__ */ new Error(`${src} exceeded the ${timeoutMs}ms sketch timeout.`)), timeoutMs);
-		promise.then(resolve, reject).finally(() => clearTimeout(timer));
-	});
-}
-function frameKey(item, time, scale) {
-	return `${item.id}|${time}|${item.frame.width}|${item.frame.height}|${scale}|${item.props.seed ?? item.id}|${JSON.stringify(item.props.params)}`;
-}
-function frameScale(resolution, width, height) {
-	return Math.min(4, Math.max(.25, resolution), MAX_EDGE / Math.max(1, width), MAX_EDGE / Math.max(1, height));
-}
-function textureFromCanvas(canvas) {
-	return new Texture({ source: new ImageSource({
-		resource: canvas,
-		width: canvas.width,
-		height: canvas.height
-	}) });
-}
-function createNodeBoardSketchHost(renderer, options) {
+//#region ../sdk/src/board/export/node/scripts.ts
+const WORKER = `
+const {parentPort, workerData} = require('node:worker_threads');
+const {createContext, Script, SourceTextModule} = require('node:vm');
+const {createCanvas} = require(workerData.canvasModule);
+const instances = new Map();
+const graphs = new Map();
+const update = new Script('__runtime.update(JSON.parse(__inputJson)); __runtime.step(__time)');
+const draw = new Script('__runtime.draw(__drawing)');
+const output = new Script('JSON.stringify(__runtime.output())');
+const dispose = new Script('__runtime.destroy()');
+function release(id) {
+ const entry=instances.get(id);instances.delete(id);
+ if(entry) {try {dispose.runInContext(entry.context,{timeout:workerData.timeout});} catch {}}
+}
+async function create(data) {
+ const context = createContext({console:{log(){},warn(){},error(){}},structuredClone},{codeGeneration:{strings:false,wasm:false}});
+ new Script("const __name=(value,name)=>Object.defineProperty(value,'name',{value:name,configurable:true})").runInContext(context);
+ const sources = graphs.get(data.src);
+ if(!sources) throw new Error('Module graph is unavailable.');
+ const modules = new Map();
+ const resolve = (from,name) => {
+  const parts=from.split('/').slice(0,-1);
+  for(const part of name.split('/')) { if(part==='..') parts.pop(); else if(part!=='.') parts.push(part); }
+  return parts.join('/');
+ };
+ const link = (name,ref) => load(resolve(ref.identifier,name));
+ function load(path) {
+  if(modules.has(path)) return modules.get(path);
+  const source=sources[path];
+  if(!source) throw new Error('Module is unavailable: '+path);
+  const module=new SourceTextModule(source.code,{context,identifier:path,importModuleDynamically:async name=>{
+   const child=load(resolve(path,name));
+   if(child.status==='unlinked') await child.link(link);
+   if(child.status==='linked') await child.evaluate({timeout:workerData.timeout});
+   return child;
+  }});
+  modules.set(path,module);return module;
+ }
+ const root=load(data.src);
+ await root.link(link);await root.evaluate({timeout:workerData.timeout});
+ context.__module=root.namespace;
+ context.__inputJson=JSON.stringify(data.input);
+ new Script('globalThis.__runtime=('+workerData.runtime+')(__module,JSON.parse(__inputJson),{call:async()=>{throw new Error("Capabilities are unavailable during export.")},invalidate(){}})').runInContext(context,{timeout:workerData.timeout});
+ return {context,signature:data.signature,time:-1,draw:!!root.namespace.draw,canvas:null};
+}
+parentPort.on('message',async data=>{
+ try {
+  if(data.release) {for(const id of data.release) release(id);return;}
+  if(data.sources) graphs.set(data.src,data.sources);
+  let entry=instances.get(data.input.id);
+  if(!entry || entry.signature!==data.signature || data.time<entry.time) {
+   release(data.input.id);
+   entry=await create(data);instances.set(data.input.id,entry);
+  }
+  const context=entry.context;
+  context.__inputJson=JSON.stringify(data.input);context.__time=data.time;
+  update.runInContext(context,{timeout:workerData.timeout});entry.time=data.time;
+  let png;
+  if(entry.draw) {
+   const width=Math.max(1,Math.round(data.input.width*data.scale));
+   const height=Math.max(1,Math.round(data.input.height*data.scale));
+   const canvas=entry.canvas??=createCanvas(width,height);
+   canvas.width=width;canvas.height=height;
+   const drawing=canvas.getContext('2d');drawing.scale(data.scale,data.scale);
+   context.__drawing=drawing;draw.runInContext(context,{timeout:workerData.timeout});
+   png=canvas.toBuffer('image/png');delete context.__drawing;
+  }
+  parentPort.postMessage({png,output:JSON.parse(output.runInContext(context,{timeout:workerData.timeout}))});
+ } catch(error) { instances.delete(data.input?.id);parentPort.postMessage({error:String(error.stack||error)}); }
+});
+`;
+function createNodeBoardScriptHost(renderer, options) {
 	const textures = /* @__PURE__ */ new Map();
+	const outputs = /* @__PURE__ */ new Map();
 	const errors = /* @__PURE__ */ new Map();
-	const lastErrors = /* @__PURE__ */ new Map();
-	const modules = /* @__PURE__ */ new Map();
-	const timeoutMs = options.timeoutMs ?? DEFAULT_TIMEOUT_MS;
-	const readTimeoutMs = options.readTimeoutMs ?? DEFAULT_READ_TIMEOUT_MS;
-	const loadModule = (src) => {
-		let pending = modules.get(src);
-		if (!pending) {
-			pending = withTimeout(options.readModule(src), readTimeoutMs, src).then((code) => runModule(code, src, timeoutMs));
-			modules.set(src, pending);
-			pending.catch(() => modules.delete(src));
-		}
-		return pending;
-	};
-	const render = async (item, time, scale) => {
-		const key = frameKey(item, time, scale);
-		if (textures.has(key) || errors.has(key)) return;
-		try {
-			const runtime = await loadModule(item.props.src);
-			const width = Math.max(1, Math.round(item.frame.width * scale));
-			const height = Math.max(1, Math.round(item.frame.height * scale));
-			const canvas = renderer.canvasModule.createCanvas(width, height);
-			const context = canvas.getContext("2d");
-			context.scale(scale, scale);
-			const frame = {
-				...item.props,
-				t: time,
-				width: item.frame.width,
-				height: item.frame.height,
-				seed: item.props.seed ?? item.id
-			};
-			runtime.context.__boardDraw = runtime.module.draw;
-			runtime.context.__boardDrawContext = context;
-			runtime.context.__boardFrame = frame;
-			try {
-				const drawResult = new Script("__boardDraw(__boardDrawContext, __boardFrame)", { filename: item.props.src }).runInContext(runtime.context, { timeout: timeoutMs });
-				if (drawResult && typeof drawResult.then === "function") throw new Error(`${item.props.src} must export a synchronous draw(ctx, frame) for Node export.`);
-			} finally {
-				delete runtime.context.__boardDraw;
-				delete runtime.context.__boardDrawContext;
-				delete runtime.context.__boardFrame;
+	const sources = /* @__PURE__ */ new Map();
+	const modules = createBoardScriptModuleReader(options.readModule, options.readTimeoutMs);
+	const lanes = Array.from({ length: 4 }, () => ({
+		worker: null,
+		tail: Promise.resolve(),
+		graphs: /* @__PURE__ */ new Set()
+	}));
+	const assignments = /* @__PURE__ */ new Map();
+	let disposed = false;
+	let nextLane = 0;
+	const timeout = options.timeoutMs ?? 2e3;
+	const key = (id, time) => `${id}|${time}`;
+	function stop(lane) {
+		const worker = lane.worker;
+		lane.worker = null;
+		lane.graphs.clear();
+		worker?.terminate();
+	}
+	function sample(input, graph, time, scale) {
+		let lane = assignments.get(input.id);
+		if (!lane) {
+			lane = lanes[nextLane++ % lanes.length];
+			assignments.set(input.id, lane);
+		}
+		const selected = lane;
+		const task = selected.tail.then(() => new Promise((resolve, reject) => {
+			if (disposed) {
+				reject(/* @__PURE__ */ new Error("Script host is disposed."));
+				return;
 			}
-			textures.set(key, textureFromCanvas(canvas));
-			lastErrors.delete(item.id);
-		} catch (error) {
-			errors.set(key, error instanceof Error ? error.message : String(error));
-			lastErrors.set(item.id, error instanceof Error ? error.message : String(error));
-		}
-	};
+			if (!Number.isFinite(time) || time < 0 || time > 6e5) {
+				reject(/* @__PURE__ */ new Error("Script export time must be between 0 and 600000 ms."));
+				return;
+			}
+			const freshWorker = !selected.worker;
+			selected.worker ??= new Worker(WORKER, {
+				eval: true,
+				execArgv: ["--experimental-vm-modules", "--disable-warning=ExperimentalWarning"],
+				env: {},
+				resourceLimits: { maxOldGenerationSizeMb: 128 },
+				workerData: {
+					runtime: createScriptRuntime.toString(),
+					timeout,
+					canvasModule: fileURLToPath(import.meta.resolve("@napi-rs/canvas"))
+				}
+			});
+			const worker = selected.worker;
+			if (freshWorker) {
+				const stopped = (error) => {
+					if (selected.worker !== worker) return;
+					if (selected.reject) selected.reject(error);
+					else stop(selected);
+				};
+				worker.on("error", stopped);
+				worker.on("exit", () => stopped(/* @__PURE__ */ new Error("Script worker stopped.")));
+			}
+			const cleanup = () => {
+				clearTimeout(timer);
+				worker.off("message", message);
+				selected.reject = void 0;
+			};
+			const failure = (error) => {
+				cleanup();
+				stop(selected);
+				reject(error);
+			};
+			const message = (value) => {
+				cleanup();
+				if (value.error) reject(new Error(value.error));
+				else resolve(value);
+			};
+			const timer = setTimeout(() => failure(/* @__PURE__ */ new Error("Script export timed out.")), Math.max(timeout, 15e3));
+			selected.reject = failure;
+			worker.once("message", message);
+			const src = input.item.script?.src ?? "";
+			worker.postMessage({
+				input,
+				src,
+				signature: JSON.stringify(input.item.script),
+				sources: selected.graphs.has(src) ? void 0 : graph,
+				time,
+				scale
+			});
+			selected.graphs.add(src);
+		}));
+		selected.tail = task.catch(() => void 0);
+		return task;
+	}
 	return {
-		frame(item, time, resolution) {
-			const scale = frameScale(resolution, item.frame.width, item.frame.height);
-			return textures.get(frameKey(item, time, scale)) ?? null;
+		ready: (id) => [...outputs.values()].some((at) => at.has(id)),
+		frame: (item, time) => textures.get(key(item.id, time)) ?? null,
+		error: (id) => errors.get(id) ?? null,
+		release() {},
+		document(document, time) {
+			const at = outputs.get(time);
+			if (!at?.size) return document;
+			const items = { ...document.items };
+			for (const [id, item] of composeBoardScriptItems(document, buildBoardScene(document), at)) items[id] = item;
+			return {
+				...document,
+				items
+			};
+		},
+		clearFrames() {
+			for (const texture of textures.values()) texture.destroy(true);
+			textures.clear();
+			outputs.clear();
+			errors.clear();
 		},
-		error: (id) => lastErrors.get(id) ?? null,
-		release: () => {},
 		async prepare(items, times, zoom) {
-			const sketches = items.filter((item) => item.type === "sketch");
-			const jobs = [];
-			for (const item of sketches) {
-				const scale = frameScale(zoom, item.frame.width, item.frame.height);
-				for (const time of times) jobs.push(() => render(item, time, scale));
+			const scripted = items.filter((item) => item.script?.enabled);
+			const alive = new Set(scripted.map((item) => item.id));
+			for (const [id, lane] of assignments) if (!alive.has(id)) {
+				lane.worker?.postMessage({ release: [id] });
+				assignments.delete(id);
 			}
-			let next = 0;
-			const worker = async () => {
-				while (next < jobs.length) {
-					const job = jobs[next++];
-					if (job) await job();
+			if (!scripted.length) return;
+			const all = Object.fromEntries(items.map(({ id, frame: _frame, ...item }) => [id, item]));
+			await Promise.all(scripted.map(async (item) => {
+				const base = all[item.id];
+				const src = item.script?.src;
+				if (!base || !src) return;
+				try {
+					let graph = sources.get(src);
+					if (!graph) {
+						graph = loadBoardScriptSources(src, modules.read, options.readTimeoutMs);
+						sources.set(src, graph);
+					}
+					const resolved = await graph;
+					const width = "size" in item ? item.size.width : item.frame.width;
+					const height = "size" in item ? item.size.height : item.frame.height;
+					const scale = Math.min(4, Math.max(.25, zoom), 2048 / Math.max(1, width, height));
+					const scoped = Object.fromEntries([...boardScriptScope({ items: all }, item.id)].flatMap((id) => all[id] ? [[id, all[id]]] : []));
+					for (const time of times) {
+						const result = await sample({
+							id: item.id,
+							item: base,
+							items: scoped,
+							width,
+							height
+						}, resolved, time, scale);
+						if (disposed) return;
+						if (result.png) {
+							const frameKey = key(item.id, time);
+							textures.get(frameKey)?.destroy(true);
+							textures.set(frameKey, await renderer.decodeImage(result.png));
+						}
+						let at = outputs.get(time);
+						if (!at) {
+							at = /* @__PURE__ */ new Map();
+							outputs.set(time, at);
+						}
+						at.set(item.id, result.output);
+					}
+				} catch (error) {
+					errors.set(item.id, error instanceof Error ? error.message : String(error));
 				}
-			};
-			await Promise.all(Array.from({ length: Math.min(MAX_PREPARE_CONCURRENCY, jobs.length) }, worker));
+			}));
 		},
 		destroy() {
+			disposed = true;
+			for (const lane of lanes) {
+				lane.reject?.(/* @__PURE__ */ new Error("Script host is disposed."));
+				stop(lane);
+			}
 			for (const texture of textures.values()) texture.destroy(true);
 			textures.clear();
-			errors.clear();
-			lastErrors.clear();
-			modules.clear();
+			outputs.clear();
+			sources.clear();
+			modules.destroy();
+			assignments.clear();
 		}
 	};
 }
@@ -28999,10 +31104,10 @@ const MIME = {
 	webp: "image/webp"
 };
 function exportBoardImageBytes(renderer, document, options = {}) {
-	const { format = "png", quality = .92, textures, sketches, backgroundImage, ...rest } = options;
+	const { format = "png", quality = .92, textures, scripts, backgroundImage, ...rest } = options;
 	const result = renderBoardExport(renderer.renderer, document, {
 		...rest,
-		...sketches ? { sketches } : {},
+		...scripts ? { scripts } : {},
 		...textures ? { textures } : {},
 		...backgroundImage ? { backgroundImage: {
 			...backgroundImage,
@@ -29011,13 +31116,18 @@ function exportBoardImageBytes(renderer, document, options = {}) {
 	});
 	if (!result) return null;
 	const canvas = result.canvas;
-	const bytes = format === "png" ? canvas.toBuffer(MIME.png) : canvas.toBuffer(MIME[format], Math.round(quality * 100));
-	return {
-		bytes: new Uint8Array(bytes),
-		plan: result.plan,
-		warnings: result.warnings,
-		format
-	};
+	try {
+		const bytes = format === "png" ? canvas.toBuffer(MIME.png) : canvas.toBuffer(MIME[format], Math.round(quality * 100));
+		return {
+			bytes: new Uint8Array(bytes),
+			plan: result.plan,
+			warnings: result.warnings,
+			format
+		};
+	} finally {
+		canvas.width = 1;
+		canvas.height = 1;
+	}
 }
 //#endregion
-export { boardDocumentAt, boardImageKeySource, buildBoardScene, createNodeBoardRenderer, createNodeBoardSketchHost, exportBoardImageBytes, imageAssetKey, parseBoardDocument, planBoardExport, selectBoardExportAssets };
+export { BOARD_SCRIPT_DRAWING_EXAMPLE, boardDocumentAt, boardImageKeySource, boardPathTrack, boardSequence, boardSequencePatch, buildBoardScene, createBoardAnimationSampler, createBoardRenderSampler, createNodeBoardRenderer, createNodeBoardScriptHost, exportBoardImageBytes, hasBoardScripts, imageAssetKey, inspectBoardScene, measureBoardText, parseBoardDocument, planBoardExport, prepareBoardExport, selectBoardExportAssets };