@neta-art/cohub-cli 10.0.0 → 10.1.0

package/dist/board-kernel.js

@@ -5953,8 +5953,16 @@ const fileProps$1 = {
 		coverUrl: string().optional()
 	}).strict().optional()
 };
-const timedFileProps$1 = {
+const BoardMediaOriginSchema$1 = object({
+	taskRunId: string().min(1).max(160),
+	artifactId: string().min(1).max(240)
+}).strict();
+const mediaProps$1 = {
 	...fileProps$1,
+	origin: BoardMediaOriginSchema$1.optional()
+};
+const timedFileProps$1 = {
+	...mediaProps$1,
 	time: nonNegative$1.optional()
 };
 const BoardCropSchema$1 = object({
@@ -5967,7 +5975,7 @@ const BoardImageItemSchema$1 = object({
 	...boxed$1(640, 360),
 	type: literal("image"),
 	props: object({
-		...fileProps$1,
+		...mediaProps$1,
 		crop: BoardCropSchema$1.optional()
 	}).strict()
 }).strict();
@@ -6032,8 +6040,10 @@ const BoardTaskSnapshotSchema$1 = object({
 	title: string().min(1).max(240),
 	model: string().max(160).optional(),
 	promptExcerpt: string().max(480).optional(),
+	errorExcerpt: string().max(240).optional(),
 	artifactCount: number$1().int().nonnegative(),
 	artifacts: array(BoardTaskArtifactSchema$1).max(6).default([]),
+	startedAt: string().max(64).optional(),
 	updatedAt: string().optional()
 }).strict();
 const BoardTaskItemSchema$1 = object({
@@ -6041,7 +6051,7 @@ const BoardTaskItemSchema$1 = object({
 	type: literal("task"),
 	props: object({
 		taskRunId: string().min(1).max(160),
-		snapshot: BoardTaskSnapshotSchema$1
+		snapshot: BoardTaskSnapshotSchema$1.describe("Maintained by the server for tasks in the Board's Space; writers may omit it.")
 	}).strict()
 }).strict();
 const BOARD_EFFECT_KINDS$1 = [
@@ -7328,6 +7338,42 @@ function parseBoardDocument(input) {
 	} : result;
 }
 //#endregion
+//#region ../protocol/src/board-task.ts
+function artifactScore(artifact) {
+	const kind = {
+		text: 1,
+		image: 2,
+		audio: 3,
+		video: 4
+	}[artifact.type];
+	if (artifact.type === "text") return [kind, artifact.textExcerpt.length];
+	if (artifact.type === "image") return [kind, (artifact.naturalWidth ?? 0) * (artifact.naturalHeight ?? 0)];
+	return [
+		kind,
+		artifact.previewUrl ? 1 : 0,
+		artifact.durationMs ? 1 : 0,
+		artifact.durationMs ?? 0
+	];
+}
+function compareArtifacts(a, b) {
+	const left = artifactScore(a);
+	const right = artifactScore(b);
+	for (let index = 0; index < Math.max(left.length, right.length); index += 1) {
+		const difference = (right[index] ?? 0) - (left[index] ?? 0);
+		if (difference !== 0) return difference;
+	}
+	return 0;
+}
+function featuredTaskArtifact(artifacts) {
+	let featured;
+	for (const artifact of artifacts) if (!featured || compareArtifacts(artifact, featured) < 0) featured = artifact;
+	return featured;
+}
+function taskArtifactPreviewUrl(artifact) {
+	if (artifact?.type === "image") return artifact.url;
+	if (artifact?.type === "video" || artifact?.type === "audio") return artifact.previewUrl;
+}
+//#endregion
 //#region ../sdk/src/board/model/script-index.ts
 const scriptsByItems = /* @__PURE__ */ new WeakMap();
 function boardScriptItems(document) {
@@ -7490,6 +7536,10 @@ 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.anchor) {
+		const { item, point } = output.anchor;
+		if (output.space !== "screen" || typeof item !== "string" || !item || point && ![point.x, point.y].every((n) => Number.isFinite(n) && n >= 0 && n <= 1)) throw new Error("Invalid screen scene anchor.");
+	}
 	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)) {
@@ -7513,6 +7563,7 @@ function validateBoardScriptOutput(output, scope) {
 		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 || typeof hit !== "object") throw new Error("Invalid script hit region.");
 		if (hit.cursor && ![
 			"default",
 			"pointer",
@@ -7525,7 +7576,11 @@ function validateBoardScriptOutput(output, scope) {
 			"ns-resize",
 			"not-allowed"
 		].includes(hit.cursor)) throw new Error("Invalid script cursor.");
-		if (![
+		if ("target" in hit) {
+			if (hit.target !== "self" || "item" in hit || "x" in hit) throw new Error("Invalid script hit target.");
+		} else if ("item" in hit) {
+			if (typeof hit.item !== "string" || !Object.hasOwn(output.items, hit.item) || "x" in hit) throw new Error("Hit items must belong to the temporary scene.");
+		} else if (![
 			hit.x,
 			hit.y,
 			hit.width,
@@ -7540,6 +7595,15 @@ function scriptTemporaryPrefix(owner) {
 }
 const preparedOutputs = /* @__PURE__ */ new WeakMap();
 const preparedScopes = /* @__PURE__ */ new WeakMap();
+const itemOrders = /* @__PURE__ */ new WeakMap();
+function orderedScriptOwners(document, outputs) {
+	let order = itemOrders.get(document.items);
+	if (!order) {
+		order = new Map(Object.keys(document.items).map((id, index) => [id, index]));
+		itemOrders.set(document.items, order);
+	}
+	return [...outputs.keys()].filter((id) => order.has(id)).sort((a, b) => (order.get(a) ?? 0) - (order.get(b) ?? 0));
+}
 function prepareBoardScriptOutput(document, owner, output) {
 	const previous = preparedOutputs.get(output);
 	if (previous?.document === document && previous.owner === owner) return previous;
@@ -7553,6 +7617,7 @@ function prepareBoardScriptOutput(document, owner, output) {
 		scope = boardScriptScope(document, owner);
 		scopes.set(owner, scope);
 	}
+	if (output.anchor && document.items[output.anchor.item] && !scope.has(output.anchor.item)) throw new Error("Scene anchor is outside the script scope.");
 	validateBoardScriptOutput(output, scope);
 	const presented = /* @__PURE__ */ new Map();
 	for (const [id, patch] of Object.entries(output.patches)) {
@@ -7617,11 +7682,11 @@ function prepareBoardScriptOutput(document, owner, output) {
 	preparedOutputs.set(output, prepared);
 	return prepared;
 }
-function composeBoardScriptItems(document, scene, outputs, incoming = /* @__PURE__ */ new Map(), screen, onError) {
+function composeBoardScriptItems(document, scene, outputs, incoming = /* @__PURE__ */ new Map(), screen, onError, gestureLayout) {
 	const result = new Map(incoming);
 	const screenAnchors = /* @__PURE__ */ new Map();
 	if (outputs.size === 0) return result;
-	for (const owner of Object.keys(document.items)) {
+	for (const owner of orderedScriptOwners(document, outputs)) {
 		const output = outputs.get(owner);
 		if (!output) continue;
 		try {
@@ -7689,15 +7754,23 @@ function composeBoardScriptItems(document, scene, outputs, incoming = /* @__PURE
 		}
 	}
 	if (screenAnchors.size) {
-		const layout = createBoardLayout((id) => result.get(id) ?? document.items[id]);
+		const layout = gestureLayout ?? createBoardLayout((id) => result.get(id) ?? document.items[id]);
 		for (const [owner, rootId] of screenAnchors) {
 			const root = result.get(rootId);
+			const anchor = outputs.get(owner)?.anchor;
+			const target = anchor?.item ?? owner;
+			const exists = Boolean(document.items[target]);
+			const box = exists ? layout.box(target) : {
+				width: 0,
+				height: 0
+			};
 			if (root) result.set(rootId, {
 				...root,
-				position: applyMatrix$1(layout.matrix(owner), {
-					x: 0,
-					y: 0
-				})
+				opacity: exists ? root.opacity : 0,
+				position: exists ? applyMatrix$1(layout.matrix(target), {
+					x: (anchor?.point?.x ?? 0) * box.width,
+					y: (anchor?.point?.y ?? 0) * box.height
+				}) : root.position
 			});
 		}
 	}
@@ -9449,42 +9522,6 @@ function boardFontFamily(font, stacks) {
 	return `"${font.replaceAll("\"", "")}", ${stacks.sans}`;
 }
 //#endregion
-//#region ../sdk/src/board/model/task.ts
-function artifactScore(artifact) {
-	const kind = {
-		text: 1,
-		image: 2,
-		audio: 3,
-		video: 4
-	}[artifact.type];
-	if (artifact.type === "text") return [kind, artifact.textExcerpt.length];
-	if (artifact.type === "image") return [kind, (artifact.naturalWidth ?? 0) * (artifact.naturalHeight ?? 0)];
-	return [
-		kind,
-		artifact.previewUrl ? 1 : 0,
-		artifact.durationMs ? 1 : 0,
-		artifact.durationMs ?? 0
-	];
-}
-function compareArtifacts(a, b) {
-	const left = artifactScore(a);
-	const right = artifactScore(b);
-	for (let index = 0; index < Math.max(left.length, right.length); index += 1) {
-		const difference = (right[index] ?? 0) - (left[index] ?? 0);
-		if (difference !== 0) return difference;
-	}
-	return 0;
-}
-function featuredTaskArtifact(artifacts) {
-	let featured;
-	for (const artifact of artifacts) if (!featured || compareArtifacts(artifact, featured) < 0) featured = artifact;
-	return featured;
-}
-function taskArtifactPreviewUrl(artifact) {
-	if (artifact?.type === "image") return artifact.url;
-	if (artifact?.type === "video" || artifact?.type === "audio") return artifact.previewUrl;
-}
-//#endregion
 //#region ../sdk/src/board/model/image-key.ts
 function imageAssetKey(item) {
 	if (item.type === "image") {
@@ -27701,6 +27738,10 @@ const PADDING = 12;
 const META_HEIGHT = 28;
 const TASK_CARD_FULL_DETAIL_ZOOM = .55;
 const PLAY_BADGE_RADIUS = 15;
+const SHIMMER_PERIOD_MS = 1600;
+const SHIMMER_FRAME_MS = 33;
+const REVEAL_MS = 180;
+const SECOND = 1e3;
 const partsByContainer$11 = /* @__PURE__ */ new WeakMap();
 function previewKindFor(artifact) {
 	if (!artifact) return "empty";
@@ -27708,36 +27749,51 @@ function previewKindFor(artifact) {
 	if (artifact.type === "audio") return artifact.previewUrl ? "texture" : "waveform";
 	return artifact.textExcerpt ? "text" : "empty";
 }
-function stateSurfaceFor(item, kind, hasTexture, previewFailed) {
+function liveStatus(item, context) {
+	const { snapshot } = item.props;
+	const live = snapshot.status === "completed" ? null : context.taskRun(item.props.taskRunId);
+	const liveStart = Date.parse(live?.startedAt ?? "");
+	const working = live?.status === "pending" || live?.status === "running";
+	const adopt = snapshot.status === "failed" ? working && liveStart > Date.parse(snapshot.updatedAt ?? "") : live?.status === "running" || live?.status === "pending" && snapshot.status === "pending";
+	const status = adopt && live ? live.status : snapshot.status;
+	const started = adopt ? liveStart : Date.parse(snapshot.startedAt ?? "");
+	return {
+		status,
+		startedAt: Number.isFinite(started) ? started : null
+	};
+}
+function stateSurfaceFor(status, kind, hasTexture, previewFailed) {
 	if (kind === "texture" && !hasTexture) {
-		if (item.props.snapshot.status === "failed") return "failed";
+		if (status === "failed") return "failed";
 		return previewFailed ? "unavailable" : "media-loading";
 	}
 	if (kind !== "empty") return null;
-	if (item.props.snapshot.status === "failed") return "failed";
-	if (item.props.snapshot.status === "running") return "generating";
-	if (item.props.snapshot.status === "pending") return "queued";
+	if (status === "failed") return "failed";
+	if (status === "running") return "generating";
+	if (status === "pending") return "queued";
 	return "empty";
 }
-function stateLabel(surface) {
+function stateLabel(surface, context) {
 	switch (surface) {
-		case "generating": return "Generating";
-		case "queued": return "Queued";
-		case "failed": return "Failed";
-		case "unavailable": return "Preview unavailable";
-		case "empty": return "No preview";
+		case "generating": return context.labels.generating;
+		case "queued": return context.labels.queued;
+		case "failed": return context.labels.failed;
+		case "unavailable": return context.labels.previewUnavailable;
+		case "empty": return context.labels.noPreview;
 		default: return "";
 	}
 }
-function statusColor(item, context) {
-	if (item.props.snapshot.status === "failed") return context.colors.rose.stroke;
-	if (item.props.snapshot.status === "running") return context.colors.brand.stroke;
+function statusColor(status, context) {
+	if (status === "failed") return context.colors.rose.stroke;
+	if (status === "running") return context.colors.brand.stroke;
 	return context.colors.neutral.stroke;
 }
-function metadata(item) {
-	const { artifactCount, artifacts } = item.props.snapshot;
-	const extra = artifactCount > artifacts.length ? `${artifacts.length}/${artifactCount}` : artifactCount > 1 ? `+${artifactCount - 1}` : null;
-	return [item.props.snapshot.model, extra].filter(Boolean).join(" · ");
+function formatTaskElapsed(ms) {
+	const total = Math.max(0, Math.floor(ms / SECOND));
+	const hours = Math.floor(total / 3600);
+	const minutes = Math.floor(total % 3600 / 60);
+	const seconds = String(total % 60).padStart(2, "0");
+	return hours > 0 ? `${hours}:${String(minutes).padStart(2, "0")}:${seconds}` : `${minutes}:${seconds}`;
 }
 function containTaskPreviewRect(width, height, imageWidth, imageHeight) {
 	if (width <= 0 || height <= 0 || imageWidth <= 0 || imageHeight <= 0) return {
@@ -27839,15 +27895,83 @@ function drawFailedBadge(graphics, width, color, context) {
 		cap: "round"
 	});
 }
+const shimmerGradients = /* @__PURE__ */ new Map();
+function shimmerGradient(color) {
+	let gradient = shimmerGradients.get(color);
+	if (!gradient) {
+		const rgb = `${color >> 16 & 255}, ${color >> 8 & 255}, ${color & 255}`;
+		gradient = new FillGradient({
+			type: "linear",
+			start: {
+				x: 0,
+				y: 0
+			},
+			end: {
+				x: 1,
+				y: 0
+			},
+			textureSpace: "local",
+			colorStops: [
+				{
+					offset: 0,
+					color: `rgba(${rgb}, 0)`
+				},
+				{
+					offset: .5,
+					color: `rgba(${rgb}, 0.07)`
+				},
+				{
+					offset: 1,
+					color: `rgba(${rgb}, 0)`
+				}
+			]
+		});
+		shimmerGradients.set(color, gradient);
+	}
+	return gradient;
+}
+function drawShimmerBand(graphics, width, height, color) {
+	const band = Math.max(48, width * .45);
+	graphics.clear().rect(-band, 0, band, height).fill(shimmerGradient(color));
+}
+function advance(parts, clock) {
+	const { motion } = parts;
+	let next = null;
+	if (motion.shimmer) {
+		const travel = motion.width + parts.shimmer.width;
+		parts.shimmer.x = clock % SHIMMER_PERIOD_MS / SHIMMER_PERIOD_MS * travel;
+		next = SHIMMER_FRAME_MS;
+	}
+	if (motion.startedAt !== null) {
+		const elapsedMs = Date.now() - motion.startedAt;
+		const elapsed = formatTaskElapsed(elapsedMs);
+		if (elapsed !== motion.elapsed) {
+			motion.elapsed = elapsed;
+			parts.body.text = `${motion.label} · ${elapsed}`;
+		}
+		const untilNextSecond = SECOND - Math.max(0, elapsedMs) % SECOND;
+		next = next === null ? untilNextSecond : Math.min(next, untilNextSecond);
+	}
+	if (motion.revealFrom !== null) {
+		const progress = Math.min(1, (clock - motion.revealFrom) / REVEAL_MS);
+		parts.preview.alpha = progress * (2 - progress);
+		if (progress >= 1) motion.revealFrom = null;
+		else next = 0;
+	}
+	return next;
+}
 function sync$11(container, item, context) {
 	const parts = partsByContainer$11.get(container);
 	if (!parts) return;
 	positionShell(parts.root, item);
 	const { width, height } = item.frame;
+	const { snapshot } = item.props;
+	const { status, startedAt } = liveStatus(item, context);
 	const selected = context.selectedIds.has(item.id);
 	const hovered = context.hoveredId === item.id;
 	const full = context.zoom >= TASK_CARD_FULL_DETAIL_ZOOM;
-	const color = statusColor(item, context);
+	const working = status === "pending" || status === "running";
+	const color = statusColor(status, context);
 	const key = context.assetKey(item);
 	if (key !== parts.assetKey) {
 		if (parts.assetKey) context.releaseTexture(parts.assetKey);
@@ -27856,20 +27980,58 @@ function sync$11(container, item, context) {
 	}
 	const texture = key ? context.getTexture(key) : null;
 	const previewFailed = Boolean(key && !texture && context.hasError(key));
-	const artifact = featuredTaskArtifact(item.props.snapshot.artifacts);
+	const artifact = featuredTaskArtifact(snapshot.artifacts);
 	const kind = previewKindFor(artifact);
-	const surface = stateSurfaceFor(item, kind, Boolean(texture), previewFailed);
+	const surface = stateSurfaceFor(status, kind, Boolean(texture), previewFailed);
 	const frame = {
 		x: 1,
 		y: 1,
 		width: Math.max(1, width - 2),
 		height: Math.max(1, height - 2)
 	};
-	const metaText = artifact ? metadata(item) : "";
+	const metaText = artifact || working ? snapshot.model ?? "" : "";
 	const showMeta = full && Boolean(metaText);
-	const failedWithOutput = item.props.snapshot.status === "failed" && kind !== "empty";
+	const failedWithOutput = status === "failed" && kind !== "empty";
+	const count = artifact && snapshot.artifactCount > 1 ? String(snapshot.artifactCount) : "";
+	const showBadge = full && Boolean(count);
+	const label = stateLabel(surface, context);
+	const counting = full && working && startedAt !== null && surface !== null;
+	const elapsed = counting ? formatTaskElapsed(Date.now() - startedAt) : "";
+	const detailText = !full || !surface ? "" : status === "failed" ? snapshot.errorExcerpt ?? "" : working ? snapshot.promptExcerpt ?? "" : "";
+	const textArtifact = kind === "text" && artifact?.type === "text";
+	const bodyText = textArtifact ? artifact.textExcerpt : counting ? `${label} · ${elapsed}` : label;
 	syncTextResolution(parts.body, parts, context.zoom);
+	syncTextResolution(parts.detail, parts, context.zoom);
 	syncTextResolution(parts.meta, parts, context.zoom);
+	syncTextResolution(parts.badge, parts, context.zoom);
+	const textSig = [
+		counting ? label : bodyText,
+		detailText,
+		metaText,
+		count,
+		kind,
+		surface,
+		full,
+		width,
+		height,
+		color,
+		context.palette.text,
+		context.palette.muted
+	].join("|");
+	if (textSig !== parts.textSig) {
+		parts.textSig = textSig;
+		const wrap = Math.max(24, width - 24);
+		parts.body.style.fill = surface === "failed" ? color : context.palette.text;
+		parts.body.anchor.set(textArtifact ? 0 : .5, 0);
+		fitTextToLines(parts.body, bodyText, textArtifact ? Math.max(1, Math.floor((height - 24 - (showMeta ? META_HEIGHT : 0)) / 16)) : 1, wrap);
+		parts.detail.style.fill = context.palette.muted;
+		fitTextToLines(parts.detail, detailText, height - 24 > 120 ? 2 : 1, Math.min(wrap, 360));
+		parts.meta.style.fill = context.palette.text;
+		fitTextToLines(parts.meta, metaText, 1, wrap);
+		parts.badge.style.fill = context.palette.text;
+		if (parts.badge.text !== count) parts.badge.text = count;
+	}
+	const badgeWidth = Math.max(22, parts.badge.width + 12);
 	const visualSig = [
 		width,
 		height,
@@ -27880,6 +28042,7 @@ function sync$11(container, item, context) {
 		kind,
 		surface,
 		showMeta,
+		showBadge && badgeWidth,
 		failedWithOutput,
 		artifact?.type ?? "none",
 		artifact?.id ?? "none",
@@ -27888,7 +28051,8 @@ function sync$11(container, item, context) {
 		context.palette.surface,
 		context.palette.hover,
 		context.palette.border,
-		context.palette.bg
+		context.palette.bg,
+		context.palette.text
 	].join("|");
 	if (visualSig !== parts.visualSig) {
 		parts.visualSig = visualSig;
@@ -27906,6 +28070,8 @@ function sync$11(container, item, context) {
 			alpha: .5
 		});
 		parts.previewMask.clear().rect(frame.x, frame.y, frame.width, frame.height).fill({ color: 16777215 });
+		drawShimmerBand(parts.shimmer, frame.width, frame.height, context.palette.text);
+		parts.shimmer.y = frame.y;
 		parts.previewArt.clear();
 		if (kind === "waveform") {
 			const bottomInset = showMeta ? META_HEIGHT : 0;
@@ -27918,47 +28084,52 @@ function sync$11(container, item, context) {
 		}
 		if (full && (artifact?.type === "audio" || artifact?.type === "video" && texture)) drawPlayBadge(parts.previewArt, frame, context);
 		if (surface) {
-			const markY = frame.y + frame.height / 2 - (full && stateLabel(surface) ? 10 : 0);
+			const markY = frame.y + frame.height / 2 - (full && label ? 18 : 0);
 			drawStateMark(parts.previewArt, surface, frame.x + frame.width / 2, markY, surface === "failed" ? color : context.colors.neutral.stroke);
 		}
 		if (showMeta) parts.previewArt.rect(frame.x, frame.y + frame.height - META_HEIGHT, frame.width, META_HEIGHT).fill({
 			color: context.palette.bg,
 			alpha: .68
 		});
+		if (showBadge) parts.previewArt.roundRect(width - badgeWidth - 8, 8, badgeWidth, 20, 10).fill({
+			color: context.palette.bg,
+			alpha: .72
+		});
 		if (failedWithOutput) drawFailedBadge(parts.previewArt, width, color, context);
 	}
-	parts.preview.visible = kind === "texture" && Boolean(texture);
-	if (parts.preview.visible && texture) {
+	const showPreview = kind === "texture" && Boolean(texture);
+	const revealKey = showPreview ? `${artifact?.id}:${texture?.uid}` : null;
+	const sameCard = parts.motion.itemId === item.id;
+	parts.motion.itemId = item.id;
+	if (revealKey !== parts.motion.revealKey || !sameCard) {
+		const appearing = sameCard && parts.motion.revealKey === null && revealKey !== null;
+		parts.motion.revealKey = revealKey;
+		parts.motion.revealFrom = appearing && !context.reducedMotion ? performance.now() : null;
+		parts.preview.alpha = parts.motion.revealFrom === null ? 1 : 0;
+	}
+	parts.preview.visible = showPreview;
+	if (showPreview && texture) {
 		if (parts.preview.texture !== texture) parts.preview.texture = texture;
 		const fitted = containTaskPreviewRect(frame.width, frame.height, texture.width, texture.height);
 		parts.preview.position.set(frame.x + fitted.x, frame.y + fitted.y);
 		parts.preview.width = fitted.width;
 		parts.preview.height = fitted.height;
 	}
-	const bodyText = kind === "text" && artifact?.type === "text" ? artifact.textExcerpt : stateLabel(surface);
-	const textSig = [
-		bodyText,
-		metaText,
-		kind,
-		surface,
-		full,
-		width,
-		height,
-		context.palette.text,
-		context.palette.muted
-	].join("|");
-	if (textSig !== parts.textSig) {
-		parts.textSig = textSig;
-		parts.body.style.fill = surface === "failed" ? color : context.palette.text;
-		fitTextToLines(parts.body, bodyText, kind === "text" ? Math.max(1, Math.floor((height - 24 - (showMeta ? META_HEIGHT : 0)) / 16)) : 1, Math.max(24, width - 24));
-		parts.meta.style.fill = context.palette.text;
-		fitTextToLines(parts.meta, metaText, 1, Math.max(24, width - 24));
-	}
 	parts.body.visible = full && Boolean(bodyText);
+	parts.detail.visible = full && Boolean(detailText);
 	parts.meta.visible = showMeta;
-	if (kind === "text") parts.body.position.set(PADDING, PADDING);
-	else parts.body.position.set(Math.max(PADDING, (width - parts.body.width) / 2), height / 2 + 10);
+	parts.badge.visible = showBadge;
+	if (textArtifact) parts.body.position.set(PADDING, PADDING);
+	else parts.body.position.set(width / 2, height / 2 + 2);
+	parts.detail.position.set(width / 2, height / 2 + 2 + parts.body.height + 4);
 	parts.meta.position.set(PADDING, height - META_HEIGHT + 7);
+	parts.badge.position.set(width - 8 - badgeWidth / 2, 18);
+	parts.motion.width = frame.width;
+	parts.motion.shimmer = full && working && kind !== "texture" && !context.reducedMotion;
+	parts.shimmer.visible = parts.motion.shimmer;
+	parts.motion.startedAt = counting ? startedAt : null;
+	parts.motion.label = label;
+	parts.motion.elapsed = elapsed;
 }
 const taskCardRenderer = {
 	id: "task-card",
@@ -27970,35 +28141,32 @@ const taskCardRenderer = {
 		const previewBg = new Graphics();
 		const preview = new Sprite();
 		const previewMask = new Graphics();
+		const shimmer = new Graphics();
 		const previewArt = new Graphics();
 		const resolution = textResolutionForZoom(context.zoom);
-		const body = new Text({
-			text: "",
-			style: {
-				fontFamily: BOARD_FONT_STACK,
-				fontSize: 11.5,
-				fontWeight: "500",
-				wordWrap: true,
-				breakWords: true
-			},
-			resolution,
-			roundPixels: true
-		});
-		const meta = new Text({
+		const text = (fontFamily, fontSize, fontWeight) => new Text({
 			text: "",
 			style: {
-				fontFamily: BOARD_MONO_FONT_STACK,
-				fontSize: 10,
-				fontWeight: "500",
+				fontFamily,
+				fontSize,
+				fontWeight,
 				wordWrap: true,
 				breakWords: true
 			},
 			resolution,
 			roundPixels: true
 		});
+		const body = text(BOARD_FONT_STACK, 11.5, "500");
+		const detail = text(BOARD_FONT_STACK, 10.5, "400");
+		const meta = text(BOARD_MONO_FONT_STACK, 10, "500");
+		const badge = text(BOARD_MONO_FONT_STACK, 10, "500");
+		badge.style.wordWrap = false;
+		badge.anchor.set(.5);
+		detail.anchor.set(.5, 0);
+		detail.style.align = "center";
 		preview.mask = previewMask;
 		root.mask = clip;
-		root.addChild(plate, clip, previewBg, preview, previewMask, previewArt, body, meta);
+		root.addChild(plate, clip, previewBg, shimmer, preview, previewMask, previewArt, body, detail, meta, badge);
 		partsByContainer$11.set(root, {
 			root,
 			plate,
@@ -28006,13 +28174,26 @@ const taskCardRenderer = {
 			previewBg,
 			preview,
 			previewMask,
+			shimmer,
 			previewArt,
+			badge,
 			body,
+			detail,
 			meta,
 			assetKey: null,
 			visualSig: "",
 			textSig: "",
-			resolution
+			resolution,
+			motion: {
+				itemId: "",
+				width: 0,
+				shimmer: false,
+				startedAt: null,
+				label: "",
+				elapsed: "",
+				revealFrom: null,
+				revealKey: null
+			}
 		});
 		if (item.type === "task") sync$11(root, item, context);
 		return root;
@@ -28020,14 +28201,19 @@ const taskCardRenderer = {
 	update: (container, item, context) => {
 		if (item.type === "task") sync$11(container, item, context);
 	},
+	tick: (container, clock) => {
+		const parts = partsByContainer$11.get(container);
+		return parts ? advance(parts, clock) : null;
+	},
 	renderFar: (graphics, item, context) => {
 		if (item.type !== "task") return;
-		const active = item.props.snapshot.status === "failed" || item.props.snapshot.status === "running" || item.props.snapshot.status === "pending";
+		const { status } = liveStatus(item, context);
+		const active = status === "failed" || status === "running" || status === "pending";
 		drawFarPlate(graphics, item.frame, {
 			fill: context.palette.surface,
 			fillAlpha: .82,
 			...active ? {
-				accent: statusColor(item, context),
+				accent: statusColor(status, context),
 				accentAlpha: .9
 			} : {}
 		});
@@ -29066,7 +29252,8 @@ function sync$4(container, item, context) {
 	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;
+	const display = texture ?? Texture.EMPTY;
+	if (parts.sprite.texture !== display) parts.sprite.texture = display;
 	parts.sprite.width = width;
 	parts.sprite.height = height;
 	const selected = context.selectedIds.has(item.id);
@@ -29577,65 +29764,73 @@ function sync(container, item, context) {
 	});
 	parts.label.style.fill = texture ? context.palette.text : context.palette.muted;
 }
+const videoCardRenderer = {
+	id: "video-card",
+	canRender: (item) => item.type === "video",
+	create: (item, context) => {
+		const root = new Container();
+		const plate = new Graphics();
+		const sprite = new Sprite(Texture.EMPTY);
+		const mask = new Graphics();
+		const chrome = new Graphics();
+		const resolution = textResolutionForZoom(context.zoom);
+		const label = new Text({
+			text: "",
+			style: {
+				fill: context.palette.muted,
+				fontFamily: BOARD_FONT_STACK,
+				fontSize: 12,
+				fontWeight: "500",
+				wordWrap: true
+			},
+			resolution,
+			roundPixels: true
+		});
+		root.addChild(plate, sprite, mask, chrome, label);
+		sprite.mask = mask;
+		partsByContainer.set(root, {
+			root,
+			plate,
+			sprite,
+			mask,
+			chrome,
+			label,
+			sig: "",
+			wrapWidth: 0,
+			resolution
+		});
+		if (item.type === "video") sync(root, item, context);
+		return root;
+	},
+	update: (container, item, context) => {
+		if (item.type === "video") sync(container, item, context);
+	},
+	renderFar: (graphics, item, context) => {
+		drawFarPlate(graphics, item.frame, {
+			fill: context.palette.surface,
+			fillAlpha: .96,
+			accent: context.palette.brand,
+			accentAlpha: .75
+		});
+	},
+	destroy: (container) => {
+		partsByContainer.get(container)?.root.destroy({ children: true });
+		partsByContainer.delete(container);
+	}
+};
 //#endregion
 //#region ../sdk/src/board/render/renderers/board-renderer-registry.ts
+const DEFAULT_BOARD_RENDER_LABELS = {
+	queued: "Queued",
+	generating: "Generating",
+	failed: "Failed",
+	previewUnavailable: "Preview unavailable",
+	noPreview: "No preview"
+};
 const builtinCardRenderers = [
 	textCardRenderer,
 	imageCardRenderer,
-	{
-		id: "video-card",
-		canRender: (item) => item.type === "video",
-		create: (item, context) => {
-			const root = new Container();
-			const plate = new Graphics();
-			const sprite = new Sprite(Texture.EMPTY);
-			const mask = new Graphics();
-			const chrome = new Graphics();
-			const resolution = textResolutionForZoom(context.zoom);
-			const label = new Text({
-				text: "",
-				style: {
-					fill: context.palette.muted,
-					fontFamily: BOARD_FONT_STACK,
-					fontSize: 12,
-					fontWeight: "500",
-					wordWrap: true
-				},
-				resolution,
-				roundPixels: true
-			});
-			root.addChild(plate, sprite, mask, chrome, label);
-			sprite.mask = mask;
-			partsByContainer.set(root, {
-				root,
-				plate,
-				sprite,
-				mask,
-				chrome,
-				label,
-				sig: "",
-				wrapWidth: 0,
-				resolution
-			});
-			if (item.type === "video") sync(root, item, context);
-			return root;
-		},
-		update: (container, item, context) => {
-			if (item.type === "video") sync(container, item, context);
-		},
-		renderFar: (graphics, item, context) => {
-			drawFarPlate(graphics, item.frame, {
-				fill: context.palette.surface,
-				fillAlpha: .96,
-				accent: context.palette.brand,
-				accentAlpha: .75
-			});
-		},
-		destroy: (container) => {
-			partsByContainer.get(container)?.root.destroy({ children: true });
-			partsByContainer.delete(container);
-		}
-	},
+	videoCardRenderer,
 	audioCardRenderer,
 	fileCardRenderer,
 	taskCardRenderer,
@@ -29960,8 +30155,16 @@ const fileProps = {
 		coverUrl: string().optional()
 	}).strict().optional()
 };
-const timedFileProps = {
+const BoardMediaOriginSchema = object({
+	taskRunId: string().min(1).max(160),
+	artifactId: string().min(1).max(240)
+}).strict();
+const mediaProps = {
 	...fileProps,
+	origin: BoardMediaOriginSchema.optional()
+};
+const timedFileProps = {
+	...mediaProps,
 	time: nonNegative.optional()
 };
 const BoardCropSchema = object({
@@ -29974,7 +30177,7 @@ object({
 	...boxed(640, 360),
 	type: literal("image"),
 	props: object({
-		...fileProps,
+		...mediaProps,
 		crop: BoardCropSchema.optional()
 	}).strict()
 }).strict();
@@ -30039,8 +30242,10 @@ const BoardTaskSnapshotSchema = object({
 	title: string().min(1).max(240),
 	model: string().max(160).optional(),
 	promptExcerpt: string().max(480).optional(),
+	errorExcerpt: string().max(240).optional(),
 	artifactCount: number$1().int().nonnegative(),
 	artifacts: array(BoardTaskArtifactSchema).max(6).default([]),
+	startedAt: string().max(64).optional(),
 	updatedAt: string().optional()
 }).strict();
 object({
@@ -30048,7 +30253,7 @@ object({
 	type: literal("task"),
 	props: object({
 		taskRunId: string().min(1).max(160),
-		snapshot: BoardTaskSnapshotSchema
+		snapshot: BoardTaskSnapshotSchema.describe("Maintained by the server for tasks in the Board's Space; writers may omit it.")
 	}).strict()
 }).strict();
 const BOARD_EFFECT_KINDS = [
@@ -30337,6 +30542,8 @@ function createScriptRuntime(module, initial, host) {
 	let patches = effects?.patches ?? {};
 	let items = effects?.items ?? {};
 	let space = effects?.space ?? "world";
+	let anchor = effects?.anchor;
+	let view = null;
 	let hits = effects?.hits ?? {};
 	const invalidate = () => {
 		if (disposed) return;
@@ -30373,6 +30580,9 @@ function createScriptRuntime(module, initial, host) {
 		get frame() {
 			return frame;
 		},
+		get view() {
+			return view;
+		},
 		random() {
 			randomState = Math.imul(randomState, 1664525) + 1013904223 >>> 0;
 			return randomState / 4294967296;
@@ -30383,10 +30593,11 @@ function createScriptRuntime(module, initial, host) {
 				listeners = /* @__PURE__ */ new Set();
 				handlers.set(type, listeners);
 			}
-			listeners.add(handler);
+			const listener = (event) => handler(event);
+			listeners.add(listener);
 			invalidate();
 			return () => {
-				listeners.delete(handler);
+				listeners.delete(listener);
 				invalidate();
 			};
 		},
@@ -30405,6 +30616,7 @@ function createScriptRuntime(module, initial, host) {
 		scene(next, options) {
 			items = structuredClone(next);
 			space = options?.space ?? "world";
+			anchor = options?.anchor ? structuredClone(options.anchor) : void 0;
 			invalidate();
 		},
 		hitRegions(next) {
@@ -30466,6 +30678,7 @@ function createScriptRuntime(module, initial, host) {
 		},
 		event(event) {
 			if (disposed) return;
+			if (event.type === "viewchange") view = event.data;
 			const listeners = handlers.get(event.type);
 			if (!listeners?.size) return;
 			for (const handler of listeners) handler(event);
@@ -30479,6 +30692,7 @@ function createScriptRuntime(module, initial, host) {
 			return {
 				parameters: module.parameters,
 				space,
+				anchor,
 				patches,
 				items,
 				hits,
@@ -30497,7 +30711,8 @@ function createScriptRuntime(module, initial, host) {
 					patches,
 					items,
 					hits,
-					space
+					space,
+					anchor
 				} : void 0
 			};
 			return clone ? structuredClone(snapshot) : snapshot;
@@ -30535,6 +30750,9 @@ function buildContext(input) {
 			colorScheme: input.colorScheme,
 			rendererType: "canvas",
 			zoom: input.scale,
+			reducedMotion: true,
+			labels: DEFAULT_BOARD_RENDER_LABELS,
+			taskRun: () => null,
 			scripts: input.scripts,
 			assetKey: input.assetKey ?? imageAssetKey,
 			getTexture: (key) => textures.get(key) ?? null,