@neta-art/cohub-cli 10.6.0 → 10.8.0

package/dist/board-kernel.js

@@ -5650,6 +5650,51 @@ function json(params) {
 	return jsonSchema;
 }
 const BOARD_ARROW_STROKE_SIZE = 2.5;
+const BOARD_DEFAULT_ITEM_SIZE$1 = {
+	width: 240,
+	height: 160
+};
+const BOARD_DEFAULT_SIZES$1 = {
+	frame: {
+		width: 480,
+		height: 320
+	},
+	shape: {
+		width: 200,
+		height: 140
+	},
+	image: {
+		width: 480,
+		height: 270
+	},
+	video: {
+		width: 480,
+		height: 270
+	},
+	audio: {
+		width: 320,
+		height: 112
+	},
+	file: {
+		width: 260,
+		height: 132
+	},
+	task: {
+		width: 480,
+		height: 270
+	},
+	effect: {
+		width: 240,
+		height: 240
+	},
+	custom: {
+		width: 480,
+		height: 320
+	}
+};
+function boardDefaultSize(type) {
+	return { ...Object.hasOwn(BOARD_DEFAULT_SIZES$1, type) ? BOARD_DEFAULT_SIZES$1[type] : BOARD_DEFAULT_ITEM_SIZE$1 };
+}
 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
@@ -5827,12 +5872,9 @@ const itemEnvelope$1 = {
 	locked: boolean().optional(),
 	metadata: record(string(), unknown()).optional()
 };
-const boxed$1 = (width, height) => ({
+const boxed$1 = (size) => ({
 	...itemEnvelope$1,
-	size: BoardSizeSchema$1.default({
-		width,
-		height
-	})
+	size: BoardSizeSchema$1.default({ ...size })
 });
 const unsized$1 = { ...itemEnvelope$1 };
 const fontSize$1 = finite$1.min(2).max(512);
@@ -5850,7 +5892,7 @@ const BOARD_SHAPE_GEOMETRIES$1 = [
 	"path"
 ];
 const BoardFrameItemSchema$1 = object({
-	...boxed$1(480, 320),
+	...boxed$1(BOARD_DEFAULT_SIZES$1.frame),
 	type: literal("frame"),
 	props: object({
 		label: string().max(280).default(""),
@@ -5874,7 +5916,7 @@ const BoardTextItemSchema$1 = object({
 	}).strict().prefault({})
 }).strict();
 const BoardShapeItemSchema$1 = object({
-	...boxed$1(240, 160),
+	...boxed$1(BOARD_DEFAULT_SIZES$1.shape),
 	type: literal("shape"),
 	props: object({
 		geometry: _enum(BOARD_SHAPE_GEOMETRIES$1).default("rectangle"),
@@ -5972,7 +6014,7 @@ const BoardCropSchema$1 = object({
 	h: ratio$1
 }).strict().describe("Region shown, as fractions of the image. Without it the whole image fits inside size.");
 const BoardImageItemSchema$1 = object({
-	...boxed$1(640, 360),
+	...boxed$1(BOARD_DEFAULT_SIZES$1.image),
 	type: literal("image"),
 	props: object({
 		...mediaProps$1,
@@ -5980,17 +6022,17 @@ const BoardImageItemSchema$1 = object({
 	}).strict()
 }).strict();
 const BoardVideoItemSchema$1 = object({
-	...boxed$1(640, 360),
+	...boxed$1(BOARD_DEFAULT_SIZES$1.video),
 	type: literal("video"),
 	props: object(timedFileProps$1).strict()
 }).strict();
 const BoardAudioItemSchema$1 = object({
-	...boxed$1(480, 96),
+	...boxed$1(BOARD_DEFAULT_SIZES$1.audio),
 	type: literal("audio"),
 	props: object(timedFileProps$1).strict()
 }).strict();
 const BoardFileItemSchema$1 = object({
-	...boxed$1(360, 220),
+	...boxed$1(BOARD_DEFAULT_SIZES$1.file),
 	type: literal("file"),
 	props: object(fileProps$1).strict()
 }).strict();
@@ -6047,7 +6089,7 @@ const BoardTaskSnapshotSchema$1 = object({
 	updatedAt: string().optional()
 }).strict();
 const BoardTaskItemSchema$1 = object({
-	...boxed$1(420, 240),
+	...boxed$1(BOARD_DEFAULT_SIZES$1.task),
 	type: literal("task"),
 	props: object({
 		taskRunId: string().min(1).max(160).describe("The generation run shown; the server keeps the card's status and results up to date."),
@@ -6062,7 +6104,7 @@ const BOARD_EFFECT_KINDS$1 = [
 	"glow"
 ];
 const BoardEffectItemSchema$1 = object({
-	...boxed$1(240, 240),
+	...boxed$1(BOARD_DEFAULT_SIZES$1.effect),
 	type: literal("effect"),
 	props: object({
 		kind: _enum(BOARD_EFFECT_KINDS$1),
@@ -6079,18 +6121,14 @@ const BoardEffectItemSchema$1 = object({
 	}).strict()
 }).strict();
 const BoardCustomItemSchema$1 = object({
-	...boxed$1(480, 320),
+	...boxed$1(BOARD_DEFAULT_SIZES$1.custom),
 	type: literal("custom"),
 	script: BoardScriptSchema$1,
 	props: object({}).strict().default({})
 }).strict();
 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
-	}),
+	...boxed$1(BOARD_DEFAULT_ITEM_SIZE$1),
 	type: string().regex(BOARD_EXTENSION_TYPE_PATTERN$1),
 	props: record(string(), unknown()).default({})
 }).strict();
@@ -6540,8 +6578,7 @@ function createBoardLayout(initialLookup, dependents) {
 		} else box = {
 			x: 0,
 			y: 0,
-			width: 240,
-			height: 160
+			...boardDefaultSize(item.type)
 		};
 		boxes.set(id, box);
 		return box;
@@ -27490,9 +27527,14 @@ function fitTextToWidth(text, value, width) {
 }
 //#endregion
 //#region ../sdk/src/board/render/text-resolution.ts
-const MAX_BOARD_RESOLUTION = 2;
-function getBoardResolution() {
-	return Math.min(globalThis.devicePixelRatio || 1, MAX_BOARD_RESOLUTION);
+const MAX_BOARD_RESOLUTION = 3;
+const MAX_BOARD_PIXELS = 8e6;
+const MAX_TEXT_RESOLUTION = 6;
+function getBoardResolution(size, devicePixelRatio = globalThis.devicePixelRatio) {
+	const density = Number.isFinite(devicePixelRatio) && devicePixelRatio > 0 ? devicePixelRatio : 1;
+	const pixels = size ? size.width * size.height : 0;
+	const budget = pixels > 0 ? Math.sqrt(MAX_BOARD_PIXELS / pixels) : MAX_BOARD_RESOLUTION;
+	return Math.min(density, MAX_BOARD_RESOLUTION, budget);
 }
 /**
 * Zoom buckets for text re-rasterisation. Pixi Text is a bitmap: at high zoom it
@@ -27518,12 +27560,12 @@ function boardCardDetailed(zoom) {
 /** Effective text resolution for a given camera zoom. */
 function textResolutionForZoom(zoom) {
 	const bucket = textZoomBucket(zoom);
-	return Math.min(getBoardResolution() * Math.max(1, bucket), 6);
+	return Math.min(getBoardResolution() * Math.max(1, bucket), MAX_TEXT_RESOLUTION);
 }
 /** Update a Pixi text texture only when zoom crosses a resolution bucket. */
 function syncTextResolution(text, state, zoom) {
 	const resolution = textResolutionForZoom(zoom);
-	if (resolution === state.resolution) return;
+	if (resolution === state.resolution && resolution === text.resolution) return;
 	text.resolution = resolution;
 	state.resolution = resolution;
 }
@@ -27963,6 +28005,19 @@ function traceCardOutline(graphics, rect, style, grow = 0) {
 	const radius = Math.min(Math.max(0, style.radius + grow), width / 2, height / 2);
 	return radius > 0 ? graphics.roundRect(x, y, width, height, radius) : graphics.rect(x, y, width, height);
 }
+function fillCardPicture(graphics, texture, picture, style, crop) {
+	const sampling = texture.source.style;
+	if (sampling.addressMode !== "mirror-repeat") {
+		sampling.addressMode = "mirror-repeat";
+		sampling.update();
+	}
+	const matrix = crop ? new Matrix(1 / crop.w, 0, 0, 1 / crop.h, -crop.x / crop.w, -crop.y / crop.h) : void 0;
+	return traceCardOutline(graphics, picture, style).fill({
+		texture,
+		textureSpace: "local",
+		...matrix ? { matrix } : {}
+	});
+}
 function tracePixelRect(graphics, x, y, width, height, step) {
 	const s = Math.min(step, width / 4, height / 4);
 	if (s <= 0) return graphics.rect(x, y, width, height);
@@ -28056,13 +28111,10 @@ function cardElevation(context, id) {
 }
 //#endregion
 //#region ../sdk/src/board/render/renderers/base-card-renderer.ts
-const TEXT_OPTIONS = {
-	resolution: getBoardResolution(),
-	roundPixels: true
-};
 function createLabel(text, style) {
 	return new Text({
-		...TEXT_OPTIONS,
+		resolution: getBoardResolution(),
+		roundPixels: true,
 		text,
 		style: {
 			fontFamily: BOARD_FONT_STACK,
@@ -28301,6 +28353,9 @@ const audioCardRenderer = {
 	update: (container, item, context) => {
 		if (item.type === "audio") sync$13(container, item, context);
 	},
+	resolution: (container, item, context) => {
+		if (item.type === "audio") sync$13(container, item, context);
+	},
 	renderFar: (graphics, item, context) => {
 		drawFarPlate(graphics, item.frame, {
 			fill: context.palette.surface,
@@ -28349,7 +28404,7 @@ function sync$12(container, item, context) {
 	const elevation = cardElevation(context, item.id);
 	const sig = [
 		key ?? "",
-		texture ? `${texture.width}x${texture.height}` : "none",
+		texture?.uid ?? "none",
 		failed,
 		width,
 		height,
@@ -28418,6 +28473,9 @@ const modelCardRenderer = {
 	update: (container, item, context) => {
 		if (item.type === "file") sync$12(container, item, context);
 	},
+	resolution: (container, item, context) => {
+		if (item.type === "file") sync$12(container, item, context);
+	},
 	zoom: (container, zoom) => {
 		const tag = partsByContainer$12.get(container)?.tag;
 		if (tag) zoomCardTag(tag, zoom);
@@ -28558,6 +28616,10 @@ const arrowCardRenderer = {
 	update: (container, item, context) => {
 		if (item.type === "arrow") sync$11(container, item, context);
 	},
+	resolution: (container, _item, context) => {
+		const parts = partsByContainer$11.get(container);
+		if (parts) syncTextResolution(parts.label, parts, context.zoom);
+	},
 	renderFar: (graphics, item, context) => {
 		if (item.type !== "arrow") return;
 		const arrow = item;
@@ -28967,7 +29029,7 @@ function sync$8(container, item, context) {
 		height,
 		detail,
 		elevation,
-		texture ? `${texture.width}x${texture.height}` : "none",
+		texture?.uid ?? "none",
 		coverFailed,
 		fileState,
 		kind,
@@ -29152,6 +29214,9 @@ const fileCardRenderer = {
 	update: (container, item, context) => {
 		if (item.type === "file") sync$8(container, item, context);
 	},
+	resolution: (container, item, context) => {
+		if (item.type === "file") sync$8(container, item, context);
+	},
 	zoom: (container, zoom) => {
 		const tag = partsByContainer$8.get(container)?.tag;
 		if (tag) zoomCardTag(tag, zoom);
@@ -29264,6 +29329,10 @@ const frameCardRenderer = {
 	update: (container, item, context) => {
 		if (item.type === "frame") sync$7(container, item, context);
 	},
+	resolution: (container, _item, context) => {
+		const parts = partsByContainer$7.get(container);
+		if (parts) syncTextResolution(parts.label, parts, context.zoom);
+	},
 	renderFar: (graphics, item, context) => {
 		if (item.type !== "frame" || item.props.decoration === "none") return;
 		drawFarPlate(graphics, item.frame, {
@@ -29470,6 +29539,10 @@ const shapeCardRenderer = {
 	update: (container, item, context) => {
 		if (item.type === "shape") sync$6(container, item, context);
 	},
+	resolution: (container, _item, context) => {
+		const parts = partsByContainer$6.get(container);
+		if (parts) syncTextResolution(parts.label, parts, context.zoom);
+	},
 	renderFar: (graphics, item, context) => {
 		if (item.type !== "shape") return;
 		drawFarPlate(graphics, item.frame, {
@@ -29495,9 +29568,9 @@ function sync$5(container, item, context) {
 		parts.id = item.id;
 	}
 	positionShell(parts.root, item);
+	syncTextResolution(parts.label, parts.label, context.zoom);
 	const { width, height } = item.frame;
-	const resolution = Math.min(4, Math.max(.25, context.zoom * getBoardResolution()));
-	const texture = context.scripts?.frame(item, context.time, resolution) ?? null;
+	const texture = context.scripts?.frame(item, context.time) ?? null;
 	const error = context.scripts?.error(item.id) ?? null;
 	parts.sprite.visible = Boolean(texture);
 	const display = texture ?? Texture.EMPTY;
@@ -29562,6 +29635,10 @@ const customCardRenderer = {
 	update: (container, item, context) => {
 		if (item.type === "custom") sync$5(container, item, context);
 	},
+	resolution: (container, _item, context) => {
+		const parts = partsByContainer$5.get(container);
+		if (parts) syncTextResolution(parts.label, parts.label, context.zoom);
+	},
 	renderFar: (graphics, item, context) => {
 		drawFarPlate(graphics, item.frame, {
 			fill: context.palette.muted,
@@ -29589,28 +29666,6 @@ function cropRect(crop) {
 		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);
-}
 const PRINT_MARGIN = 6;
 function sync$4(container, item, context) {
 	const parts = partsByContainer$4.get(container);
@@ -29625,7 +29680,7 @@ function sync$4(container, item, context) {
 		key ?? "",
 		width,
 		height,
-		texture ? `${texture.width}x${texture.height}` : "none",
+		texture?.uid ?? "none",
 		JSON.stringify(item.props.crop ?? null),
 		failed,
 		elevation,
@@ -29633,8 +29688,7 @@ function sync$4(container, item, context) {
 	].join("|");
 	if (sig === parts.sig) return;
 	parts.sig = sig;
-	showTexture(parts, texture, item.props.crop);
-	const display = parts.sprite.texture;
+	const crop = cropRect(item.props.crop);
 	const framed = context.style.media === "framed";
 	const margin = framed ? Math.min(PRINT_MARGIN, width / 8, height / 8) : 0;
 	const area = {
@@ -29643,7 +29697,7 @@ function sync$4(container, item, context) {
 		width: width - margin * 2,
 		height: height - margin * 2
 	};
-	const fitted = texture ? containRect(area.width, area.height, display.width, display.height) : {
+	const fitted = texture ? containRect(area.width, area.height, texture.width * (crop?.w ?? 1), texture.height * (crop?.h ?? 1)) : {
 		...area,
 		x: 0,
 		y: 0
@@ -29660,16 +29714,11 @@ function sync$4(container, item, context) {
 		width: picture.width + margin * 2,
 		height: picture.height + margin * 2
 	} : picture;
-	parts.sprite.visible = Boolean(texture);
-	if (texture) {
-		parts.sprite.position.set(picture.x, picture.y);
-		parts.sprite.width = picture.width;
-		parts.sprite.height = picture.height;
-	}
-	traceCardOutline(parts.mask.clear(), picture, framed ? {
+	parts.picture.clear();
+	if (texture) fillCardPicture(parts.picture, texture, picture, framed ? {
 		corner: "round",
 		radius: 0
-	} : context.style).fill({ color: 16777215 });
+	} : context.style, crop);
 	parts.placeholder.clear();
 	if (texture && !framed) return;
 	drawCardSurface(parts.placeholder, card, context.style, {
@@ -29696,20 +29745,14 @@ const imageCardRenderer = {
 	canRender: (item) => item.type === "image",
 	create: (item, context) => {
 		const root = new Container();
-		const sprite = new Sprite(Texture.EMPTY);
 		const placeholder = new Graphics();
-		const mask = new Graphics();
-		root.addChild(placeholder, sprite, mask);
-		sprite.mask = mask;
+		const picture = new Graphics();
+		root.addChild(placeholder, picture);
 		partsByContainer$4.set(root, {
 			root,
-			sprite,
 			placeholder,
-			mask,
-			sig: "",
-			cropped: null,
-			cropSource: null,
-			cropKey: ""
+			picture,
+			sig: ""
 		});
 		if (item.type === "image") sync$4(root, item, context);
 		return root;
@@ -29724,9 +29767,7 @@ const imageCardRenderer = {
 		});
 	},
 	destroy: (container) => {
-		const parts = partsByContainer$4.get(container);
-		parts?.root.destroy({ children: true });
-		parts?.cropped?.destroy(false);
+		partsByContainer$4.get(container)?.root.destroy({ children: true });
 		partsByContainer$4.delete(container);
 	}
 };
@@ -29982,7 +30023,7 @@ function sync$3(container, item, context) {
 	if (key !== parts.assetKey) {
 		if (parts.assetKey) context.releaseTexture(parts.assetKey);
 		parts.assetKey = key;
-		if (key) context.acquireTexture(key);
+		if (key) context.acquireTexture(key, item);
 	}
 	const texture = key ? context.getTexture(key) : null;
 	const previewFailed = Boolean(key && !texture && context.hasError(key));
@@ -30055,7 +30096,7 @@ function sync$3(container, item, context) {
 		artifact?.type ?? "none",
 		artifact?.id ?? "none",
 		item.props.taskRunId,
-		texture ? `${texture.width}x${texture.height}` : "none",
+		texture?.uid ?? "none",
 		context.themeKey
 	].join("|");
 	if (visualSig !== parts.visualSig) {
@@ -30224,6 +30265,9 @@ const taskCardRenderer = {
 		const parts = partsByContainer$3.get(container);
 		return parts ? advance(parts, clock) : null;
 	},
+	resolution: (container, item, context) => {
+		if (item.type === "task") sync$3(container, item, context);
+	},
 	zoom: (container, zoom) => {
 		const tag = partsByContainer$3.get(container)?.tag;
 		if (tag) zoomCardTag(tag, zoom);
@@ -30334,6 +30378,10 @@ const textCardRenderer = {
 	update: (container, item, context) => {
 		if (item.type === "text") sync$2(container, item, context);
 	},
+	resolution: (container, _item, context) => {
+		const parts = partsByContainer$2.get(container);
+		if (parts) syncTextResolution(parts.body, parts, context.zoom * Math.max(1, parts.body.scale.x));
+	},
 	renderFar: (graphics, item, context) => {
 		if (item.type !== "text") return;
 		drawFarPlate(graphics, item.frame, {
@@ -30426,6 +30474,10 @@ const unknownCardRenderer = {
 	update: (container, item, context) => {
 		sync$1(container, item, context);
 	},
+	resolution: (container, _item, context) => {
+		const parts = partsByContainer$1.get(container);
+		if (parts) syncTextResolution(parts.label, parts, context.zoom);
+	},
 	renderFar: (graphics, item, context) => {
 		drawFarPlate(graphics, item.frame, {
 			fill: context.palette.muted,
@@ -30463,7 +30515,7 @@ function sync(container, item, context) {
 	const elevation = cardElevation(context, item.id);
 	const sig = [
 		key ?? "",
-		texture ? `${texture.width}x${texture.height}` : "none",
+		texture?.uid ?? "none",
 		width,
 		height,
 		elevation,
@@ -30493,17 +30545,18 @@ function sync(container, item, context) {
 		elevation
 	});
 	if (framed) drawFilmRails(parts.plate, width, height, rail, context.palette.bg);
-	traceCardOutline(parts.mask.clear(), framed ? screen : rect, framed ? {
-		corner: "round",
-		radius: 1
-	} : context.style).fill({ color: 16777215 });
-	if (texture && parts.sprite.texture !== texture) parts.sprite.texture = texture;
-	parts.sprite.visible = Boolean(texture);
+	parts.picture.clear();
 	if (texture) {
 		const fitted = containRect(screen.width, screen.height, texture.width, texture.height);
-		parts.sprite.position.set(screen.x + fitted.x, screen.y + fitted.y);
-		parts.sprite.width = fitted.width;
-		parts.sprite.height = fitted.height;
+		const picture = {
+			...fitted,
+			x: screen.x + fitted.x,
+			y: screen.y + fitted.y
+		};
+		fillCardPicture(parts.picture, texture, picture, framed ? {
+			corner: "round",
+			radius: 1
+		} : context.style);
 	}
 	parts.chrome.clear();
 	if (boardCardDetailed(context.zoom)) drawMediaPlayKey(parts.chrome, screen.x + screen.width / 2, screen.y + screen.height / 2, Math.min(18, Math.min(screen.width, screen.height) * .16), context);
@@ -30528,17 +30581,14 @@ const videoCardRenderer = {
 	create: (item, context) => {
 		const root = new Container();
 		const plate = new Graphics();
-		const sprite = new Sprite(Texture.EMPTY);
-		const mask = new Graphics();
+		const picture = new Graphics();
 		const chrome = new Graphics();
 		const tag = createCardTag();
-		root.addChild(plate, sprite, mask, chrome, tag.root);
-		sprite.mask = mask;
+		root.addChild(plate, picture, chrome, tag.root);
 		partsByContainer.set(root, {
 			root,
 			plate,
-			sprite,
-			mask,
+			picture,
 			chrome,
 			tag,
 			sig: ""
@@ -30549,6 +30599,9 @@ const videoCardRenderer = {
 	update: (container, item, context) => {
 		if (item.type === "video") sync(container, item, context);
 	},
+	resolution: (container, item, context) => {
+		if (item.type === "video") sync(container, item, context);
+	},
 	zoom: (container, zoom) => {
 		const tag = partsByContainer.get(container)?.tag;
 		if (tag) zoomCardTag(tag, zoom);
@@ -30603,6 +30656,48 @@ function createBoardCardRendererResolver(renderers = []) {
 }
 /** The built-in renderers alone. */
 const getBoardCardRenderer = createBoardCardRendererResolver();
+const BOARD_DEFAULT_ITEM_SIZE = {
+	width: 240,
+	height: 160
+};
+const BOARD_DEFAULT_SIZES = {
+	frame: {
+		width: 480,
+		height: 320
+	},
+	shape: {
+		width: 200,
+		height: 140
+	},
+	image: {
+		width: 480,
+		height: 270
+	},
+	video: {
+		width: 480,
+		height: 270
+	},
+	audio: {
+		width: 320,
+		height: 112
+	},
+	file: {
+		width: 260,
+		height: 132
+	},
+	task: {
+		width: 480,
+		height: 270
+	},
+	effect: {
+		width: 240,
+		height: 240
+	},
+	custom: {
+		width: 480,
+		height: 320
+	}
+};
 //#endregion
 //#region ../protocol/dist/board-url.js
 const BOARD_REMOTE_URL_MAX_LENGTH = 4096;
@@ -30778,12 +30873,9 @@ const itemEnvelope = {
 	locked: boolean().optional(),
 	metadata: record(string(), unknown()).optional()
 };
-const boxed = (width, height) => ({
+const boxed = (size) => ({
 	...itemEnvelope,
-	size: BoardSizeSchema.default({
-		width,
-		height
-	})
+	size: BoardSizeSchema.default({ ...size })
 });
 const unsized = { ...itemEnvelope };
 const fontSize = finite.min(2).max(512);
@@ -30801,7 +30893,7 @@ const BOARD_SHAPE_GEOMETRIES = [
 	"path"
 ];
 object({
-	...boxed(480, 320),
+	...boxed(BOARD_DEFAULT_SIZES.frame),
 	type: literal("frame"),
 	props: object({
 		label: string().max(280).default(""),
@@ -30825,7 +30917,7 @@ object({
 	}).strict().prefault({})
 }).strict();
 object({
-	...boxed(240, 160),
+	...boxed(BOARD_DEFAULT_SIZES.shape),
 	type: literal("shape"),
 	props: object({
 		geometry: _enum(BOARD_SHAPE_GEOMETRIES).default("rectangle"),
@@ -30923,7 +31015,7 @@ const BoardCropSchema = object({
 	h: ratio
 }).strict().describe("Region shown, as fractions of the image. Without it the whole image fits inside size.");
 object({
-	...boxed(640, 360),
+	...boxed(BOARD_DEFAULT_SIZES.image),
 	type: literal("image"),
 	props: object({
 		...mediaProps,
@@ -30931,17 +31023,17 @@ object({
 	}).strict()
 }).strict();
 object({
-	...boxed(640, 360),
+	...boxed(BOARD_DEFAULT_SIZES.video),
 	type: literal("video"),
 	props: object(timedFileProps).strict()
 }).strict();
 object({
-	...boxed(480, 96),
+	...boxed(BOARD_DEFAULT_SIZES.audio),
 	type: literal("audio"),
 	props: object(timedFileProps).strict()
 }).strict();
 object({
-	...boxed(360, 220),
+	...boxed(BOARD_DEFAULT_SIZES.file),
 	type: literal("file"),
 	props: object(fileProps).strict()
 }).strict();
@@ -30998,7 +31090,7 @@ const BoardTaskSnapshotSchema = object({
 	updatedAt: string().optional()
 }).strict();
 object({
-	...boxed(420, 240),
+	...boxed(BOARD_DEFAULT_SIZES.task),
 	type: literal("task"),
 	props: object({
 		taskRunId: string().min(1).max(160).describe("The generation run shown; the server keeps the card's status and results up to date."),
@@ -31013,7 +31105,7 @@ const BOARD_EFFECT_KINDS = [
 	"glow"
 ];
 object({
-	...boxed(240, 240),
+	...boxed(BOARD_DEFAULT_SIZES.effect),
 	type: literal("effect"),
 	props: object({
 		kind: _enum(BOARD_EFFECT_KINDS),
@@ -31030,18 +31122,14 @@ object({
 	}).strict()
 }).strict();
 object({
-	...boxed(480, 320),
+	...boxed(BOARD_DEFAULT_SIZES.custom),
 	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
-	}),
+	...boxed(BOARD_DEFAULT_ITEM_SIZE),
 	type: string().regex(BOARD_EXTENSION_TYPE_PATTERN),
 	props: record(string(), unknown()).default({})
 }).strict();