@sayknow-cli/coding-agent 0.4.6 → 0.5.0

package/scripts/capture-platform-shortcut-labels-showcase.ts

@@ -0,0 +1,342 @@
+import * as fs from "node:fs/promises";
+import * as path from "node:path";
+import {
+	PLATFORM_SHORTCUT_LABELS_SHOWCASE_ENTRIES,
+	PLATFORM_SHORTCUT_LABELS_SHOWCASE_EXPECTED_ENTRY_COUNT,
+	type PlatformShortcutLabelsShowcaseEntry,
+	renderPlatformShortcutLabelsShowcase,
+} from "../test/fixtures/tui/platform-shortcut-labels-showcase";
+
+const CANONICAL_COMMAND =
+	"bun packages/coding-agent/scripts/capture-platform-shortcut-labels-showcase.ts --output .skc/qa/platform-shortcut-labels";
+const CAPTURE_TOOL_VERSION = "platform-shortcut-labels-fixture-injected-platform-v1";
+const EXPECTED_KEYS = [
+	"darwin/composer-idle/80x24/unicode-color",
+	"darwin/composer-idle/120x36/unicode-color",
+	"darwin/composer-idle/160x48/unicode-color",
+	"darwin/composer-busy-effective-queue-remap/80x24/unicode-color",
+	"darwin/composer-busy-effective-queue-remap/120x36/unicode-color",
+	"darwin/composer-busy-effective-queue-remap/160x48/unicode-color",
+	"darwin/status-effective-remap-unbound/80x24/unicode-color",
+	"darwin/status-effective-remap-unbound/120x36/unicode-color",
+	"darwin/status-effective-remap-unbound/160x48/unicode-color",
+	"darwin/welcome-flow/80x24/unicode-color",
+	"darwin/welcome-flow/120x36/unicode-color",
+	"darwin/welcome-flow/160x48/unicode-color",
+	"win32/composer-idle/80x24/unicode-color",
+	"win32/composer-idle/120x36/unicode-color",
+	"win32/composer-busy-effective-queue-remap/80x24/unicode-color",
+	"win32/composer-busy-effective-queue-remap/120x36/unicode-color",
+	"win32/status-effective-remap-unbound/80x24/unicode-color",
+	"win32/status-effective-remap-unbound/120x36/unicode-color",
+	"win32/welcome-flow/80x24/unicode-color",
+	"win32/welcome-flow/120x36/unicode-color",
+	"linux/composer-idle/80x24/unicode-color",
+	"linux/composer-idle/120x36/unicode-color",
+	"linux/composer-busy-effective-queue-remap/80x24/unicode-color",
+	"linux/composer-busy-effective-queue-remap/120x36/unicode-color",
+	"linux/status-effective-remap-unbound/80x24/unicode-color",
+	"linux/status-effective-remap-unbound/120x36/unicode-color",
+	"linux/welcome-flow/80x24/unicode-color",
+	"linux/welcome-flow/120x36/unicode-color",
+	"darwin/composer-idle/80x24/ascii-no-color",
+	"darwin/composer-busy-effective-queue-remap/80x24/ascii-no-color",
+	"darwin/status-effective-remap-unbound/80x24/ascii-no-color",
+	"darwin/welcome-flow/80x24/ascii-no-color",
+	"darwin/status-effective-remap-unbound/48x36/unicode-color",
+	"darwin/welcome-flow/48x36/unicode-color",
+] as const;
+
+type ArtifactFile = { path: string; sha256: string; byte_length: number };
+type ManifestEntry = {
+	key: string;
+	platform: string;
+	surface: string;
+	viewport: { id: string; columns: number; rows: number };
+	render_mode: string;
+	capture_mode: "fixture-injected-platform";
+	files: ArtifactFile[];
+};
+
+function usage(): never {
+	throw new Error(`Usage: ${CANONICAL_COMMAND}`);
+}
+function outputPath(args: string[]): string {
+	if (args.length !== 2 || args[0] !== "--output" || !args[1]) usage();
+	return args[1];
+}
+function json(value: unknown): string {
+	return `${JSON.stringify(value, null, 2)}\n`;
+}
+function sha256(value: string): string {
+	return new Bun.CryptoHasher("sha256").update(value).digest("hex");
+}
+function escapeHtml(value: string): string {
+	return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+
+type AnsiStyle = {
+	foreground?: string;
+	background?: string;
+	bold?: boolean;
+	dim?: boolean;
+	italic?: boolean;
+	underline?: boolean;
+	inverse?: boolean;
+};
+
+const ANSI_COLORS: Record<number, string> = {
+	30: "#000000",
+	31: "#cc0000",
+	32: "#4e9a06",
+	33: "#c4a000",
+	34: "#3465a4",
+	35: "#75507b",
+	36: "#06989a",
+	37: "#d3d7cf",
+	90: "#555753",
+	91: "#ef2929",
+	92: "#8ae234",
+	93: "#fce94f",
+	94: "#729fcf",
+	95: "#ad7fa8",
+	96: "#34e2e2",
+	97: "#eeeeec",
+};
+
+function ansi256Color(index: number): string {
+	if (index < 16) return ANSI_COLORS[index < 8 ? index + 30 : index + 82] ?? "#ffffff";
+	if (index >= 232) {
+		const value = (index - 232) * 10 + 8;
+		return `rgb(${value},${value},${value})`;
+	}
+	const value = index - 16;
+	const red = Math.floor(value / 36);
+	const green = Math.floor((value % 36) / 6);
+	const blue = value % 6;
+	const channel = (component: number) => (component === 0 ? 0 : component * 40 + 55);
+	return `rgb(${channel(red)},${channel(green)},${channel(blue)})`;
+}
+
+function styleAttribute(style: AnsiStyle): string {
+	const declarations: string[] = [];
+	if (style.foreground) declarations.push(`color:${style.foreground}`);
+	if (style.background) declarations.push(`background-color:${style.background}`);
+	if (style.bold) declarations.push("font-weight:700");
+	if (style.dim) declarations.push("opacity:.65");
+	if (style.italic) declarations.push("font-style:italic");
+	if (style.underline) declarations.push("text-decoration:underline");
+	if (style.inverse) declarations.push("filter:invert(1)");
+	return declarations.join(";");
+}
+
+const NON_VISUAL_TERMINAL_CONTROL = /\x1b_[^\x1b\x07]*(?:\x07|\x1b\\)/g;
+
+/** Render emitted SGR styles as safe inline CSS without retaining terminal control codes. */
+function ansiToHtml(value: string): string {
+	const visibleText = value.replace(NON_VISUAL_TERMINAL_CONTROL, "");
+	const sgr = /\x1b\[([0-9;]*)m/g;
+	let body = "";
+	let offset = 0;
+	let spanOpen = false;
+	let style: AnsiStyle = {};
+	const close = () => {
+		if (!spanOpen) return;
+		body += "</span>";
+		spanOpen = false;
+	};
+	const open = () => {
+		const attribute = styleAttribute(style);
+		if (!attribute) return;
+		body += `<span style="${attribute}">`;
+		spanOpen = true;
+	};
+
+	for (const match of visibleText.matchAll(sgr)) {
+		body += escapeHtml(visibleText.slice(offset, match.index));
+		offset = (match.index ?? 0) + match[0].length;
+		close();
+		const codes = (match[1] || "0").split(";").map(Number);
+		for (let index = 0; index < codes.length; index += 1) {
+			const code = codes[index];
+			if (code === 0) style = {};
+			else if (code === 1) style.bold = true;
+			else if (code === 2) style.dim = true;
+			else if (code === 3) style.italic = true;
+			else if (code === 4) style.underline = true;
+			else if (code === 7) style.inverse = true;
+			else if (code === 22) {
+				style.bold = false;
+				style.dim = false;
+			} else if (code === 23) style.italic = false;
+			else if (code === 24) style.underline = false;
+			else if (code === 27) style.inverse = false;
+			else if (code === 39) style.foreground = undefined;
+			else if (code === 49) style.background = undefined;
+			else if (code in ANSI_COLORS) style.foreground = ANSI_COLORS[code];
+			else if (code >= 40 && code <= 47) style.background = ANSI_COLORS[code - 10];
+			else if (code >= 100 && code <= 107) style.background = ANSI_COLORS[code - 10];
+			else if (code === 38 || code === 48) {
+				const colorMode = codes[index + 1];
+				if (colorMode === 2) {
+					const red = codes[index + 2];
+					const green = codes[index + 3];
+					const blue = codes[index + 4];
+					if ([red, green, blue].every(Number.isInteger)) {
+						if (code === 38) style.foreground = `rgb(${red},${green},${blue})`;
+						else style.background = `rgb(${red},${green},${blue})`;
+					}
+					index += 4;
+				} else if (colorMode === 5 && Number.isInteger(codes[index + 2])) {
+					if (code === 38) style.foreground = ansi256Color(codes[index + 2]!);
+					else style.background = ansi256Color(codes[index + 2]!);
+					index += 2;
+				}
+			}
+		}
+		open();
+	}
+	body += escapeHtml(visibleText.slice(offset));
+	close();
+	return `<!doctype html>\n<html lang="en"><head><meta charset="utf-8"><meta name="color-scheme" content="dark"><title>Platform shortcut labels showcase</title><style>body{margin:0;background:#110b0b;color:#ffe7dc;overflow:auto}pre{margin:0;padding:1em;white-space:pre;font-family:ui-monospace,monospace;line-height:1.2}</style></head><body><pre>${body}</pre></body></html>\n`;
+}
+function validateMatrix(entries: readonly PlatformShortcutLabelsShowcaseEntry[]): void {
+	if (PLATFORM_SHORTCUT_LABELS_SHOWCASE_EXPECTED_ENTRY_COUNT !== 34)
+		throw new Error("Expected showcase entry count must remain 34");
+	if (entries.length !== PLATFORM_SHORTCUT_LABELS_SHOWCASE_EXPECTED_ENTRY_COUNT)
+		throw new Error(`Showcase matrix changed: expected 34 entries, received ${entries.length}`);
+	const actual = entries.map(entry => entry.key);
+	if (new Set(actual).size !== actual.length) throw new Error("Showcase matrix contains duplicate entry keys");
+	const expected = new Set<string>(EXPECTED_KEYS);
+	const missing = EXPECTED_KEYS.filter(key => !actual.includes(key));
+	const surplus = actual.filter(key => !expected.has(key));
+	if (missing.length || surplus.length || actual.some((key, index) => key !== EXPECTED_KEYS[index]))
+		throw new Error(
+			`Showcase matrix keys differ; missing=${missing.join(",") || "none"}; surplus=${surplus.join(",") || "none"}`,
+		);
+}
+async function writeArtifact(filePath: string, content: string, outputRoot: string): Promise<ArtifactFile> {
+	await Bun.write(filePath, content);
+	return {
+		path: path.relative(outputRoot, filePath).split(path.sep).join("/"),
+		sha256: sha256(content),
+		byte_length: Buffer.byteLength(content, "utf8"),
+	};
+}
+async function captureEntry(
+	entry: PlatformShortcutLabelsShowcaseEntry,
+	outputRoot: string,
+	capturedAt: string,
+): Promise<ManifestEntry> {
+	const rendered = await renderPlatformShortcutLabelsShowcase(entry);
+	const directory = path.join(outputRoot, entry.platform, entry.surface, entry.viewport.id, entry.renderMode);
+	await fs.mkdir(directory, { recursive: true });
+	const html = ansiToHtml(rendered.terminalAnsiText);
+	const metadata = json({
+		schema_version: 1,
+		entry_key: entry.key,
+		platform: entry.platform,
+		viewport: entry.viewport,
+		render_mode: entry.renderMode,
+		capture_mode: rendered.captureMode,
+		platform_provenance: rendered.platformProvenance,
+		key_display_context: rendered.keyDisplayContext,
+		components: rendered.components,
+		capture_timestamp: capturedAt,
+		command_or_replay_source: CANONICAL_COMMAND,
+		fixture_source: "packages/coding-agent/test/fixtures/tui/platform-shortcut-labels-showcase.ts",
+		tool_version: CAPTURE_TOOL_VERSION,
+		terminal: {
+			columns: entry.viewport.columns,
+			rows: entry.viewport.rows,
+			font_rendering_assumptions:
+				"Embedded red-octopus truecolor theme; HTML uses a monospace terminal fallback stack.",
+			wrapping_policy:
+				"Real components render at the recorded terminal-cell width; CJK content is retained for width review.",
+			ansi_control_semantics:
+				"terminal-ansi.txt preserves emitted SGR sequences; terminal.txt strips them; ascii-no-color strips styling only.",
+		},
+		provenance: {
+			platform: "fixture-injected-platform",
+			live_capture: false,
+			native_platform_claim: entry.platform === "darwin" ? "none (fixture only)" : "none",
+		},
+		fixed_clock_timestamp: rendered.fixedClockTimestamp,
+	});
+	const files = await Promise.all([
+		writeArtifact(path.join(directory, "terminal.txt"), rendered.terminalText, outputRoot),
+		writeArtifact(path.join(directory, "terminal-ansi.txt"), rendered.terminalAnsiText, outputRoot),
+		writeArtifact(path.join(directory, "terminal.html"), html, outputRoot),
+		writeArtifact(path.join(directory, "metadata.json"), metadata, outputRoot),
+	]);
+	return {
+		key: entry.key,
+		platform: entry.platform,
+		surface: entry.surface,
+		viewport: entry.viewport,
+		render_mode: entry.renderMode,
+		capture_mode: rendered.captureMode,
+		files,
+	};
+}
+async function main(): Promise<void> {
+	const root = path.resolve(outputPath(process.argv.slice(2)));
+	const capturedAt = new Date().toISOString();
+	validateMatrix(PLATFORM_SHORTCUT_LABELS_SHOWCASE_ENTRIES);
+	await fs.mkdir(root, { recursive: true });
+	const entries: ManifestEntry[] = [];
+	for (const entry of PLATFORM_SHORTCUT_LABELS_SHOWCASE_ENTRIES)
+		entries.push(await captureEntry(entry, root, capturedAt));
+	const manifest = json({
+		schema_version: 1,
+		capture_tool: CAPTURE_TOOL_VERSION,
+		capture_mode: "fixture-injected-platform",
+		command: CANONICAL_COMMAND,
+		capture_timestamp: capturedAt,
+		expected_entry_count: 34,
+		entry_count: entries.length,
+		ordered_keys: EXPECTED_KEYS,
+		provenance: "fixture-injected-platform",
+		review_input_file: "visual-review-input.json",
+		entries,
+	});
+	const manifestSha256 = sha256(manifest);
+	await Bun.write(path.join(root, "manifest.json"), manifest);
+	await Bun.write(
+		path.join(root, "visual-review-input.json"),
+		json({
+			schema_version: 1,
+			manifest_sha256: manifestSha256,
+			expected_manifest_entries: 34,
+			ordered_keys: EXPECTED_KEYS,
+			evidence_scope: {
+				component_surface: "Real CustomEditor, StatusLineComponent, and WelcomeComponent rendering.",
+				operations_boundary: "Fixed clock, in-memory settings, and explicit injected KeyDisplayContext platform.",
+				external_effects: "No network, filesystem settings, daemon, or live native platform capture is invoked.",
+			},
+			review_requirements: [
+				"Inspect every recorded key.",
+				"Confirm Darwin glyphs and ASCII/no-color variants retain the same labels.",
+				"Confirm CJK and terminal-cell width evidence in both 48x36 entries.",
+				"Confirm all platform provenance is fixture-injected-platform.",
+			],
+			required_feature_cases: [
+				{
+					id: "darwin-composer",
+					entry_key: "darwin/composer-idle/80x24/unicode-color",
+					focus: "Darwin modifier and Enter glyph labels.",
+				},
+				{
+					id: "effective-remap",
+					entry_key: "darwin/status-effective-remap-unbound/80x24/unicode-color",
+					focus: "Effective remap and unbound action labels.",
+				},
+				{ id: "cjk-width", entry_key: "darwin/welcome-flow/48x36/unicode-color", focus: "CJK width and wrapping." },
+			],
+		}),
+	);
+	process.stdout.write(
+		`Captured ${entries.length} deterministic platform shortcut showcase entries to ${root}\nmanifest.json sha256: ${manifestSha256}\n`,
+	);
+}
+await main();

package/scripts/capture-sticky-viewport-showcase.ts

@@ -0,0 +1,292 @@
+import * as fs from "node:fs/promises";
+import * as path from "node:path";
+import {
+	renderStickyViewportShowcase,
+	STICKY_VIEWPORT_SHOWCASE_ENTRIES,
+	STICKY_VIEWPORT_SHOWCASE_KEYS,
+	type StickyViewportShowcaseEntry,
+} from "../test/fixtures/tui/sticky-viewport-showcase";
+
+const COMMAND =
+	"bun packages/coding-agent/scripts/capture-sticky-viewport-showcase.ts --out .skc/qa/sticky-viewport-<run>";
+const REVISION = "sticky-viewport-showcase-v2";
+const TIMESTAMP = "1970-01-01T00:00:00.000Z";
+const PAYLOADS = ["terminal.txt", "terminal-ansi.txt", "terminal.html", "metadata.json"] as const;
+const FONT_RENDERING_ASSUMPTIONS =
+	"Embedded red-octopus theme at deterministic truecolor; HTML uses a monospace terminal fallback stack.";
+const WRAPPING_TRUNCATION_POLICY =
+	"ANSI-aware terminal-cell wrapping preserves semantic CJK phrase boundaries; constrained height drops the notice, decorative pet, then low-priority hooks without truncating pinned status or the focused composer.";
+const ACCEPTANCE_VERSION = "sticky-viewport-stage-03";
+const DESIGN_VERSION = "modes-design-sticky-viewport-v3";
+const CJK_PHRASE_BOUNDARIES = ["의미 있는 문장 경계", "意味のある文の境界", "保留语义短语边界"] as const;
+const HOST_MATRIX = {
+	capture_host: "VirtualTerminal",
+	live_pty: false,
+	network: false,
+} as const;
+const escapeHtml = (value: string) =>
+	value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+type AnsiStyle = {
+	foreground?: string;
+	background?: string;
+	bold?: boolean;
+	dim?: boolean;
+	italic?: boolean;
+	underline?: boolean;
+	blink?: boolean;
+	inverse?: boolean;
+	invisible?: boolean;
+	strikethrough?: boolean;
+	overline?: boolean;
+};
+const TERMINAL_DEFAULT_FOREGROUND = "#ffe7dc";
+const TERMINAL_DEFAULT_BACKGROUND = "#110b0b";
+const ANSI_COLORS: Record<number, string> = {
+	30: "#000000",
+	31: "#cc0000",
+	32: "#4e9a06",
+	33: "#c4a000",
+	34: "#3465a4",
+	35: "#75507b",
+	36: "#06989a",
+	37: "#d3d7cf",
+	90: "#555753",
+	91: "#ef2929",
+	92: "#8ae234",
+	93: "#fce94f",
+	94: "#729fcf",
+	95: "#ad7fa8",
+	96: "#34e2e2",
+	97: "#eeeeec",
+};
+/** Converts an xterm 256-color palette index into its canonical CSS color. */
+export const xterm256Color = (index: number): string => {
+	if (!Number.isInteger(index) || index < 0 || index > 255) throw new RangeError(`invalid xterm color index ${index}`);
+	if (index < 16) return ANSI_COLORS[index < 8 ? index + 30 : index + 82]!;
+	if (index >= 232) {
+		const value = (index - 232) * 10 + 8;
+		return `rgb(${value},${value},${value})`;
+	}
+	const value = index - 16,
+		channel = (component: number) => (component === 0 ? 0 : component * 40 + 55);
+	return `rgb(${channel(Math.floor(value / 36))},${channel(Math.floor((value % 36) / 6))},${channel(value % 6)})`;
+};
+const styleAttribute = (style: AnsiStyle): string => {
+	const foreground = style.inverse ? (style.background ?? TERMINAL_DEFAULT_BACKGROUND) : style.foreground;
+	const background = style.inverse ? (style.foreground ?? TERMINAL_DEFAULT_FOREGROUND) : style.background;
+	const decorations = [
+		style.underline && "underline",
+		style.strikethrough && "line-through",
+		style.overline && "overline",
+	]
+		.filter(Boolean)
+		.join(" ");
+	return [
+		foreground && `color:${foreground}`,
+		background && `background-color:${background}`,
+		style.bold && "font-weight:700",
+		style.dim && "opacity:.65",
+		style.italic && "font-style:italic",
+		style.blink && "animation:blink 1s step-end infinite",
+		style.invisible && "visibility:hidden",
+		decorations && `text-decoration:${decorations}`,
+	]
+		.filter(Boolean)
+		.join(";");
+};
+const NON_VISUAL_TERMINAL_CONTROL = /\x1b_[^\x1b\x07]*(?:\x07|\x1b\\)/g;
+/** Stateful SGR conversion with closing/reopening spans and partial/full resets. */
+export function ansiToHtml(value: string): string {
+	const visibleText = value.replace(NON_VISUAL_TERMINAL_CONTROL, "");
+	let body = "",
+		offset = 0,
+		spanOpen = false,
+		style: AnsiStyle = {};
+	const close = () => {
+		if (spanOpen) {
+			body += "</span>";
+			spanOpen = false;
+		}
+	};
+	const open = () => {
+		const attribute = styleAttribute(style);
+		if (attribute) {
+			body += `<span style="${attribute}">`;
+			spanOpen = true;
+		}
+	};
+	for (const match of visibleText.matchAll(/\x1b\[([0-9;]*)m/g)) {
+		body += escapeHtml(visibleText.slice(offset, match.index));
+		offset = (match.index ?? 0) + match[0].length;
+		close();
+		const codes = (match[1] || "0").split(";").map(Number);
+		for (let index = 0; index < codes.length; index += 1) {
+			const code = codes[index];
+			if (code === 0) style = {};
+			else if (code === 1) style.bold = true;
+			else if (code === 2) style.dim = true;
+			else if (code === 3) style.italic = true;
+			else if (code === 4) style.underline = true;
+			else if (code === 5) style.blink = true;
+			else if (code === 7) style.inverse = true;
+			else if (code === 8) style.invisible = true;
+			else if (code === 9) style.strikethrough = true;
+			else if (code === 22) {
+				style.bold = false;
+				style.dim = false;
+			} else if (code === 23) style.italic = false;
+			else if (code === 24) style.underline = false;
+			else if (code === 25) style.blink = false;
+			else if (code === 27) style.inverse = false;
+			else if (code === 28) style.invisible = false;
+			else if (code === 29) style.strikethrough = false;
+			else if (code === 53) style.overline = true;
+			else if (code === 55) style.overline = false;
+			else if (code === 39) style.foreground = undefined;
+			else if (code === 49) style.background = undefined;
+			else if (code in ANSI_COLORS) style.foreground = ANSI_COLORS[code];
+			else if (code >= 40 && code <= 47) style.background = ANSI_COLORS[code - 10];
+			else if (code >= 100 && code <= 107) style.background = ANSI_COLORS[code - 10];
+			else if (code === 38 || code === 48) {
+				const mode = codes[index + 1];
+				if (mode === 2 && [codes[index + 2], codes[index + 3], codes[index + 4]].every(Number.isInteger)) {
+					const color = `rgb(${codes[index + 2]},${codes[index + 3]},${codes[index + 4]})`;
+					if (code === 38) style.foreground = color;
+					else style.background = color;
+					index += 4;
+				} else if (mode === 5 && Number.isInteger(codes[index + 2])) {
+					if (code === 38) style.foreground = xterm256Color(codes[index + 2]!);
+					else style.background = xterm256Color(codes[index + 2]!);
+					index += 2;
+				}
+			}
+		}
+		open();
+	}
+	body += escapeHtml(visibleText.slice(offset));
+	close();
+	return `<!doctype html><html lang="en"><meta charset="utf-8"><title>Sticky viewport showcase</title><style>body{margin:0;background:#110b0b;color:#ffe7dc}pre{white-space:pre;font-family:ui-monospace,monospace}@keyframes blink{50%{visibility:hidden}}</style><pre>${body}</pre></html>\n`;
+}
+const json = (value: unknown) => `${JSON.stringify(value, null, 2)}\n`;
+const hash = (value: string) => new Bun.CryptoHasher("sha256").update(value).digest("hex");
+function out(args: string[]): string {
+	if (args.length !== 2 || args[0] !== "--out" || !args[1]) throw new Error(`Usage: ${COMMAND}`);
+	return args[1];
+}
+async function capture(entry: StickyViewportShowcaseEntry, root: string) {
+	const rendered = await renderStickyViewportShowcase(entry);
+	if (!rendered.state.composer_visible)
+		throw new Error(`${entry.key}: focused composer was not visible in production frame`);
+	if (entry.stateId === "manual-new-output" && rendered.state.notice !== true)
+		throw new Error(`${entry.key}: manual output notice precondition failed`);
+	if (
+		JSON.stringify(rendered.cjkPhraseBoundaries) !==
+		JSON.stringify(entry.stateId === "narrow-cjk" ? CJK_PHRASE_BOUNDARIES : [])
+	)
+		throw new Error(`${entry.key}: CJK phrase boundary metadata precondition failed`);
+	const directory = path.join(root, ...entry.key.split("/"));
+	await fs.mkdir(directory, { recursive: true });
+	const metadata = json({
+		schema_version: 2,
+		entry_key: entry.key,
+		fixture_revision: REVISION,
+		capture_timestamp: TIMESTAMP,
+		command_or_replay_source: COMMAND,
+		fixture_source: "packages/coding-agent/test/fixtures/tui/sticky-viewport-showcase.ts",
+		terminal: {
+			...entry.viewport,
+			font_rendering_assumptions: FONT_RENDERING_ASSUMPTIONS,
+			wrapping_truncation_policy: WRAPPING_TRUNCATION_POLICY,
+		},
+		render_mode: entry.renderMode,
+		ansi_mode: entry.renderMode === "unicode-color",
+		source_revision: rendered.sourceRevision,
+		output_revision: rendered.outputRevision,
+		state: rendered.state,
+		provenance: {
+			capture_mode: "production-tui-virtual-terminal",
+			live_pty: false,
+			network: false,
+			fixed_clock: true,
+			author_identity: "capture-sticky-viewport-showcase",
+			executor_identity: "capture-sticky-viewport-showcase",
+		},
+		cjk_phrase_boundaries: rendered.cjkPhraseBoundaries,
+	});
+	const contents = {
+		"terminal.txt": rendered.terminalText,
+		"terminal-ansi.txt": rendered.terminalAnsiText,
+		"terminal.html": ansiToHtml(rendered.terminalAnsiText),
+		"metadata.json": metadata,
+	};
+	const files = await Promise.all(
+		PAYLOADS.map(async name => {
+			const content = contents[name];
+			await Bun.write(path.join(directory, name), content);
+			return {
+				path: `${entry.key}/${name}`,
+				sha256: hash(content),
+				byte_length: Buffer.byteLength(content),
+			};
+		}),
+	);
+	return {
+		key: entry.key,
+		state_id: entry.stateId,
+		viewport: entry.viewport,
+		render_mode: entry.renderMode,
+		files,
+	};
+}
+async function main() {
+	const root = path.resolve(out(process.argv.slice(2)));
+	await fs.mkdir(root, { recursive: true });
+	const entries = [];
+	for (const entry of STICKY_VIEWPORT_SHOWCASE_ENTRIES) entries.push(await capture(entry, root));
+	const manifest = json({
+		schema_version: 2,
+		fixture_revision: REVISION,
+		command: COMMAND,
+		capture_timestamp: TIMESTAMP,
+		expected_entry_count: 20,
+		entry_count: 20,
+		ordered_keys: STICKY_VIEWPORT_SHOWCASE_KEYS,
+		provenance: {
+			capture_mode: "production-tui-virtual-terminal",
+			live_pty: false,
+			network: false,
+			fixed_clock: true,
+			author_identity: "capture-sticky-viewport-showcase",
+			executor_identity: "capture-sticky-viewport-showcase",
+		},
+		review_input_file: "review-input.json",
+		entries,
+	});
+	await Bun.write(path.join(root, "manifest.json"), manifest);
+	await Bun.write(
+		path.join(root, "review-input.json"),
+		json({
+			schema_version: 2,
+			manifest_sha256: hash(manifest),
+			command_or_replay_source: COMMAND,
+			capture_timestamp: TIMESTAMP,
+			fixture_source: "packages/coding-agent/test/fixtures/tui/sticky-viewport-showcase.ts",
+			fixed_clock: true,
+			live_pty: false,
+			network: false,
+			expected_keys: STICKY_VIEWPORT_SHOWCASE_KEYS,
+			author_identity: "capture-sticky-viewport-showcase",
+			executor_identity: "capture-sticky-viewport-showcase",
+			required_artifacts: PAYLOADS,
+			acceptance_version: ACCEPTANCE_VERSION,
+			design_version: DESIGN_VERSION,
+			host_matrix: HOST_MATRIX,
+			narrow_cjk: {
+				entry_key: "narrow-cjk/48x10/unicode-color",
+				phrase_boundaries: ["의미 있는 문장 경계", "意味のある文の境界", "保留语义短语边界"],
+			},
+		}),
+	);
+	process.stdout.write(`Captured 20 production TUI sticky viewport entries to ${root}\n`);
+}
+if (import.meta.main) await main();

package/scripts/compile-args.ts

@@ -7,7 +7,6 @@ export interface CompileArgOptions {
 	externals?: string[];
 }
 
-
 export const compileAutoloadDisableFlags = [
 	"--no-compile-autoload-bunfig",
 	"--no-compile-autoload-dotenv",