@silvery/examples 0.17.4 → 0.17.5

package/dist/_banner-A70_y2Vi.mjs

@@ -0,0 +1,43 @@
+import "react";
+import { Box, Muted, Strong, Text, ThemeProvider, getThemeByName } from "silvery";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region _banner.tsx
+/**
+* Compact header shown when examples run standalone.
+* Wraps children in ThemeProvider for consistent theming.
+*/
+function ExampleBanner({ meta, controls, theme, children }) {
+	return /* @__PURE__ */ jsx(ThemeProvider, {
+		theme: theme ?? getThemeByName(process.env.SILVERY_THEME),
+		children: /* @__PURE__ */ jsxs(Box, {
+			flexDirection: "column",
+			flexGrow: 1,
+			children: [
+				/* @__PURE__ */ jsxs(Box, {
+					paddingX: 1,
+					gap: 1,
+					children: [
+						/* @__PURE__ */ jsx(Text, {
+							dim: true,
+							color: "$warning",
+							children: "▸ silvery"
+						}),
+						/* @__PURE__ */ jsx(Strong, { children: meta.name }),
+						/* @__PURE__ */ jsxs(Muted, { children: ["— ", meta.description] })
+					]
+				}),
+				meta.features && meta.features.length > 0 && /* @__PURE__ */ jsx(Box, {
+					paddingX: 1,
+					children: /* @__PURE__ */ jsxs(Muted, { children: ["  ", meta.features.join(" · ")] })
+				}),
+				controls && /* @__PURE__ */ jsx(Box, {
+					paddingX: 1,
+					children: /* @__PURE__ */ jsxs(Muted, { children: ["  ", controls] })
+				}),
+				children
+			]
+		})
+	});
+}
+//#endregion
+export { ExampleBanner as t };

package/dist/{ansi-CCE2pVS0.mjs → ansi-0VXlUmNn.mjs}

@@ -1,9 +1,9 @@
 import { a as __toCommonJS, i as __require, n as __esmMin, r as __exportAll, t as __commonJSMin } from "./chunk-BSw8zbkd.mjs";
 import { A as detectUnicode, C as bgColorCode, D as detectCursor, E as detectColor, O as detectInput, T as defaultCaps, _ as createStyle, g as createMixedStyle, k as detectTerminalCaps, n as src_exports$3, p as init_src$3, t as init_src$4, w as fgColorCode } from "./src-CUUOuRH6.mjs";
 import { n as keyToAnsi$1, r as parseKey$1, t as init_key_mapping } from "./key-mapping-D4LR1go6.mjs";
-import { _ as screenshotPng, a as ensureCachedVersion, c as isReady, d as init_terminal, f as createCellView, g as init_png, h as init_views, i as createTerminalByName, l as manifest, m as createRowView, n as backends, o as entry, p as createRegionView, r as buildBackend, s as init_backends, t as backend, u as createTerminal, v as init_svg, y as screenshotSvg } from "./backends-Bahh9mKN.mjs";
-import { n as init_gif, t as createGif } from "./gif-BtnXuxLF.mjs";
-import { n as init_apng, t as createApng } from "./apng-HhhBjRGt.mjs";
+import { _ as screenshotPng, a as ensureCachedVersion, c as isReady, d as init_terminal, f as createCellView, g as init_png, h as init_views, i as createTerminalByName, l as manifest, m as createRowView, n as backends, o as entry, p as createRegionView, r as buildBackend, s as init_backends, t as backend, u as createTerminal, v as init_svg, y as screenshotSvg } from "./backends-Dj-11kZF.mjs";
+import { n as init_gif, t as createGif } from "./gif-CfkOF-iG.mjs";
+import { n as init_apng, t as createApng } from "./apng-BTRDTfDW.mjs";
 import { createLogger } from "loggily";
 import { closeSync, openSync, writeSync } from "node:fs";
 //#region ../packages/ag/src/keys.ts
@@ -7228,7 +7228,7 @@ async function executeTape(tape, options) {
 	let backendInstance;
 	const backendOpt = options?.backend ?? "vterm";
 	if (typeof backendOpt === "string") {
-		const { backend } = await import("./backends-CCtCDQ94.mjs");
+		const { backend } = await import("./backends-U3QwStfO.mjs");
 		backendInstance = await backend(backendOpt);
 	} else backendInstance = backendOpt;
 	const terminal = createTerminal({
@@ -7741,11 +7741,11 @@ async function renderAnimation(frames, format, options) {
 	switch (format) {
 		case "svg": return createAnimatedSvg(frames, options);
 		case "gif": {
-			const { createGif } = await import("./gif-BZaqPPVX.mjs");
+			const { createGif } = await import("./gif-B6NGH5gs.mjs");
 			return createGif(frames, options);
 		}
 		case "apng": {
-			const { createApng } = await import("./apng-mwUQbTTF.mjs");
+			const { createApng } = await import("./apng-B0gRaDVT.mjs");
 			return createApng(frames, options);
 		}
 		default: throw new Error(`Unsupported animation format: ${format}`);
@@ -12604,7 +12604,7 @@ var init_ghostty_web = __esmMin((() => {
 				await C.exists() && (B = await C.arrayBuffer());
 			} catch {}
 			if (!B) try {
-				const I = await (await import("./__vite-browser-external-2447137e-BML7CYau.mjs")).readFile(A);
+				const I = await (await import("./__vite-browser-external-2447137e-Bopa5BFR.mjs")).readFile(A);
 				B = I.buffer.slice(I.byteOffset, I.byteOffset + I.byteLength);
 			} catch {}
 			if (!B) {

package/dist/apng-B0gRaDVT.mjs

@@ -0,0 +1,3 @@
+import { n as init_apng, t as createApng } from "./apng-BTRDTfDW.mjs";
+init_apng();
+export { createApng };

package/dist/{apng-HhhBjRGt.mjs → apng-BTRDTfDW.mjs}

@@ -3,7 +3,7 @@ import { n as __esmMin, o as __toESM } from "./chunk-BSw8zbkd.mjs";
 async function loadUpng() {
 	if (upngModule) return upngModule;
 	try {
-		upngModule = await import("./UPNG-Cy7ViL8f.mjs").then((m) => /* @__PURE__ */ __toESM(m.default, 1));
+		upngModule = await import("./UPNG-ShUlaTDh.mjs").then((m) => /* @__PURE__ */ __toESM(m.default, 1));
 		return upngModule;
 	} catch {
 		throw new Error("createApng() requires upng-js. Install it:\n  bun add upng-js");
@@ -12,7 +12,7 @@ async function loadUpng() {
 async function loadResvg() {
 	if (resvgModule) return resvgModule;
 	try {
-		resvgModule = await import("./resvg-js-C_8Wps1F.mjs").then((m) => /* @__PURE__ */ __toESM(m.default, 1));
+		resvgModule = await import("./resvg-js-Cnk2o49d.mjs").then((m) => /* @__PURE__ */ __toESM(m.default, 1));
 		return resvgModule;
 	} catch {
 		throw new Error("createApng() requires @resvg/resvg-js. Install it:\n  bun add @resvg/resvg-js");

package/dist/apps/aichat/index.mjs

@@ -1,7 +1,7 @@
 import { t as _usingCtx } from "../../usingCtx-CsEf0xO3.mjs";
-import { t as require_jsx_runtime } from "../../jsx-runtime-dMs_8fNu.mjs";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Box, Link, ListView, Spinner, Text, TextInput, fx, useTea, useTerminalFocused, useWindowSize } from "silvery";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { run, useExit, useInput as useInput$1 } from "silvery/runtime";
 //#region apps/aichat/script.ts
 const CONTEXT_WINDOW = 2e5;
@@ -760,7 +760,6 @@ function createDemoUpdate(script, fastMode, autoMode) {
 }
 //#endregion
 //#region apps/aichat/components.tsx
-var import_jsx_runtime = require_jsx_runtime();
 /** Split content into a short title (first sentence) and the remaining body.
 * Title must be ≤40 chars to fit on the header line with metadata. */
 function splitTitleBody(content) {
@@ -785,39 +784,39 @@ function LinkifiedLine({ text, dim, color }) {
 	let match;
 	URL_RE.lastIndex = 0;
 	while ((match = URL_RE.exec(text)) !== null) {
-		if (match.index > lastIndex) parts.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+		if (match.index > lastIndex) parts.push(/* @__PURE__ */ jsx(Text, {
 			dim,
 			color,
 			children: text.slice(lastIndex, match.index)
 		}, `t${lastIndex}`));
 		const url = match[0];
-		parts.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, {
+		parts.push(/* @__PURE__ */ jsx(Link, {
 			href: url,
 			dim,
 			children: url
 		}, `l${match.index}`));
 		lastIndex = match.index + url.length;
 	}
-	if (lastIndex < text.length) parts.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+	if (lastIndex < text.length) parts.push(/* @__PURE__ */ jsx(Text, {
 		dim,
 		color,
 		children: text.slice(lastIndex)
 	}, `t${lastIndex}`));
-	if (parts.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+	if (parts.length === 0) return /* @__PURE__ */ jsx(Text, {
 		dim,
 		color,
 		children: text
 	});
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: parts });
+	return /* @__PURE__ */ jsx(Text, { children: parts });
 }
 /** Thinking block — shows thinking text preview in the body. */
 function ThinkingBlock({ text, done }) {
-	if (done) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+	if (done) return /* @__PURE__ */ jsx(Text, {
 		color: "$muted",
 		italic: true,
 		children: "▸ thought"
 	});
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+	return /* @__PURE__ */ jsx(Text, {
 		color: "$muted",
 		wrap: "truncate",
 		italic: true,
@@ -827,50 +826,50 @@ function ThinkingBlock({ text, done }) {
 /** Tool call with lifecycle: spinner -> output -> checkmark. */
 function ToolCallBlock({ call, phase }) {
 	const color = TOOL_COLORS[call.tool] ?? "$muted";
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		marginTop: 0,
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [
-			phase === "running" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, { type: "dots" }), " "] }) : phase === "done" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+		children: [/* @__PURE__ */ jsxs(Text, { children: [
+			phase === "running" ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Spinner, { type: "dots" }), " "] }) : phase === "done" ? /* @__PURE__ */ jsx(Text, {
 				color: "$success",
 				children: "✓ "
-			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			}) : /* @__PURE__ */ jsx(Text, {
 				color: "$muted",
 				children: "○ "
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			/* @__PURE__ */ jsx(Text, {
 				color,
 				bold: true,
 				children: call.tool
 			}),
 			" ",
-			call.tool === "Bash" || call.tool === "Grep" || call.tool === "Glob" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			call.tool === "Bash" || call.tool === "Grep" || call.tool === "Glob" ? /* @__PURE__ */ jsx(Text, {
 				color: "$muted",
 				children: call.args
-			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, {
+			}) : /* @__PURE__ */ jsx(Link, {
 				href: `file://${call.args}`,
 				children: call.args
 			})
-		] }), phase === "done" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+		] }), phase === "done" && /* @__PURE__ */ jsx(Box, {
 			flexDirection: "column",
 			paddingLeft: 2,
 			children: call.output.map((line, i) => {
-				if (line.startsWith("+")) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LinkifiedLine, {
+				if (line.startsWith("+")) return /* @__PURE__ */ jsx(LinkifiedLine, {
 					text: line,
 					color: "$success"
 				}, i);
-				if (line.startsWith("-")) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LinkifiedLine, {
+				if (line.startsWith("-")) return /* @__PURE__ */ jsx(LinkifiedLine, {
 					text: line,
 					color: "$error"
 				}, i);
-				return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LinkifiedLine, { text: line }, i);
+				return /* @__PURE__ */ jsx(LinkifiedLine, { text: line }, i);
 			})
 		})]
 	});
 }
 /** Streaming text — reveals content word by word. */
 function StreamingText({ fullText, revealFraction, showCursor }) {
-	if (revealFraction >= 1) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: fullText });
+	if (revealFraction >= 1) return /* @__PURE__ */ jsx(Text, { children: fullText });
 	const words = fullText.split(/(\s+)/);
 	const totalWords = words.filter((w) => w.trim()).length;
 	const revealWords = Math.ceil(totalWords * revealFraction);
@@ -883,39 +882,39 @@ function StreamingText({ fullText, revealFraction, showCursor }) {
 		}
 		revealedText += word;
 	}
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [revealedText, showCursor && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+	return /* @__PURE__ */ jsxs(Text, { children: [revealedText, showCursor && /* @__PURE__ */ jsx(Text, {
 		color: "$primary",
 		children: "▌"
 	})] });
 }
 function ExchangeItem({ exchange, streamPhase, revealFraction, pulse, isLatest, isFirstInGroup, isLastInGroup }) {
-	if (exchange.role === "system") return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	if (exchange.role === "system") return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: " " }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			/* @__PURE__ */ jsx(Text, { children: " " }),
+			/* @__PURE__ */ jsx(Text, {
 				bold: true,
 				children: "AI Chat"
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: " " }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			/* @__PURE__ */ jsx(Text, { children: " " }),
+			/* @__PURE__ */ jsx(Text, {
 				color: "$muted",
 				children: exchange.content
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: " " })
+			/* @__PURE__ */ jsx(Text, { children: " " })
 		]
 	});
-	if (exchange.role === "user") return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	if (exchange.role === "user") return /* @__PURE__ */ jsxs(Box, {
 		paddingX: 1,
 		flexDirection: "row",
 		backgroundColor: "$surface-bg",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+		children: [/* @__PURE__ */ jsxs(Text, {
 			bold: true,
 			color: "$focusring",
 			children: ["❯", " "]
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+		}), /* @__PURE__ */ jsx(Box, {
 			flexShrink: 1,
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: exchange.content })
+			children: /* @__PURE__ */ jsx(Text, { children: exchange.content })
 		})]
 	});
 	const phase = isLatest ? streamPhase : "done";
@@ -930,25 +929,25 @@ function ExchangeItem({ exchange, streamPhase, revealFraction, pulse, isLatest,
 	const { title, body } = splitTitleBody(exchange.content);
 	const bulletColor = hasOperations ? "$success" : "$muted";
 	const contentText = title ? body : exchange.content;
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+		children: [/* @__PURE__ */ jsxs(Text, { children: [/* @__PURE__ */ jsx(Text, {
 			bold: true,
 			color: bulletColor,
 			dimColor: hasOperations && !pulse && phase !== "done",
 			children: "●"
-		}), phase === "thinking" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+		}), phase === "thinking" ? /* @__PURE__ */ jsxs(Text, {
 			color: "$muted",
 			italic: true,
 			children: [
 				" ",
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, { type: "dots" }),
+				/* @__PURE__ */ jsx(Spinner, { type: "dots" }),
 				" thinking"
 			]
-		}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [title && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [" ", title] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+		}) : /* @__PURE__ */ jsxs(Fragment, { children: [title && /* @__PURE__ */ jsxs(Text, { children: [" ", title] }), /* @__PURE__ */ jsx(Text, {
 			color: "$muted",
 			children: metaStr
-		})] })] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+		})] })] }), /* @__PURE__ */ jsxs(Box, {
 			flexDirection: "column",
 			borderStyle: "bold",
 			borderColor: "$border",
@@ -958,18 +957,18 @@ function ExchangeItem({ exchange, streamPhase, revealFraction, pulse, isLatest,
 			borderBottom: false,
 			paddingLeft: 1,
 			children: [
-				exchange.thinking && (phase === "thinking" || phase === "streaming") && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThinkingBlock, {
+				exchange.thinking && (phase === "thinking" || phase === "streaming") && /* @__PURE__ */ jsx(ThinkingBlock, {
 					text: exchange.thinking,
 					done: phase !== "thinking"
 				}),
-				(phase === "streaming" || phase === "tools" || phase === "done") && contentText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StreamingText, {
+				(phase === "streaming" || phase === "tools" || phase === "done") && contentText && /* @__PURE__ */ jsx(StreamingText, {
 					fullText: contentText,
 					revealFraction: phase === "streaming" ? fraction : 1,
 					showCursor: phase === "streaming" && fraction < 1
 				}),
-				toolRevealCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+				toolRevealCount > 0 && /* @__PURE__ */ jsx(Box, {
 					flexDirection: "column",
-					children: toolCalls.map((call, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolCallBlock, {
+					children: toolCalls.map((call, i) => /* @__PURE__ */ jsx(ToolCallBlock, {
 						call,
 						phase: phase === "done" ? "done" : i < toolRevealCount - 1 ? "done" : "running"
 					}, i))
@@ -988,11 +987,11 @@ function StatusBar({ exchanges, compacting, done, elapsed, contextBaseline = 0,
 	const ctxPct = Math.round(ctxFrac * 100);
 	const ctxColor = ctxPct > 100 ? "$error" : ctxPct > 80 ? "$warning" : "$primary";
 	const ctxBar = "█".repeat(ctxFilled) + "░".repeat(CTX_W - ctxFilled);
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "row",
 		justifyContent: "space-between",
 		width: "100%",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+		children: [/* @__PURE__ */ jsxs(Text, {
 			color: "$muted",
 			wrap: "truncate",
 			children: [
@@ -1000,7 +999,7 @@ function StatusBar({ exchanges, compacting, done, elapsed, contextBaseline = 0,
 				"  ",
 				ctrlDPending ? "Ctrl-D again to exit" : compacting ? "compacting..." : "esc quit"
 			]
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+		}), /* @__PURE__ */ jsxs(Text, {
 			color: ctxPct > 80 ? ctxColor : "$muted",
 			wrap: "truncate",
 			children: [
@@ -1055,24 +1054,24 @@ function DemoFooter({ controlRef, onSubmit, streamPhase, done, compacting, excha
 		autoTypingText,
 		onSubmit
 	]);
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		width: "100%",
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: " " }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+			/* @__PURE__ */ jsx(Text, { children: " " }),
+			/* @__PURE__ */ jsxs(Box, {
 				flexDirection: "row",
 				borderStyle: "round",
 				borderColor: !done && terminalFocused ? "$focusborder" : "$inputborder",
 				paddingX: 1,
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+				children: [/* @__PURE__ */ jsxs(Text, {
 					bold: true,
 					color: "$focusring",
 					children: ["❯", " "]
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+				}), /* @__PURE__ */ jsx(Box, {
 					flexShrink: 1,
 					flexGrow: 1,
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextInput, {
+					children: /* @__PURE__ */ jsx(TextInput, {
 						value: autoTypingText ?? inputText,
 						onChange: autoTypingText ? () => {} : setInputText,
 						onSubmit: handleSubmit,
@@ -1081,10 +1080,10 @@ function DemoFooter({ controlRef, onSubmit, streamPhase, done, compacting, excha
 					})
 				})]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+			/* @__PURE__ */ jsx(Box, {
 				paddingX: 2,
 				width: "100%",
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusBar, {
+				children: /* @__PURE__ */ jsx(StatusBar, {
 					exchanges,
 					compacting,
 					done,
@@ -1134,13 +1133,13 @@ function AIChat({ script, autoStart, fastMode }) {
 	useKeyBindings(state, send, footerControlRef);
 	const renderExchange = useCallback((exchange, index, _meta) => {
 		const isLatest = index === state.exchanges.length - 1;
-		return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+		return /* @__PURE__ */ jsxs(Box, {
 			flexDirection: "column",
 			children: [
-				index > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: " " }),
-				state.compacting && isLatest && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CompactingOverlay, {}),
-				state.done && autoStart && isLatest && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SessionComplete, {}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ExchangeItem, {
+				index > 0 && /* @__PURE__ */ jsx(Text, { children: " " }),
+				state.compacting && isLatest && /* @__PURE__ */ jsx(CompactingOverlay, {}),
+				state.done && autoStart && isLatest && /* @__PURE__ */ jsx(SessionComplete, {}),
+				/* @__PURE__ */ jsx(ExchangeItem, {
 					exchange,
 					streamPhase: state.streamPhase,
 					revealFraction: state.revealFraction,
@@ -1152,10 +1151,10 @@ function AIChat({ script, autoStart, fastMode }) {
 			]
 		});
 	}, [state, autoStart]);
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+	return /* @__PURE__ */ jsx(Box, {
 		flexDirection: "column",
 		paddingX: 1,
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListView, {
+		children: /* @__PURE__ */ jsx(ListView, {
 			items: state.exchanges,
 			getKey: (ex) => ex.id,
 			height: termRows,
@@ -1166,7 +1165,7 @@ function AIChat({ script, autoStart, fastMode }) {
 				mode: "virtual",
 				isCacheable: (_ex, index) => index < state.exchanges.length - 1
 			},
-			listFooter: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DemoFooter, {
+			listFooter: /* @__PURE__ */ jsx(DemoFooter, {
 				controlRef: footerControlRef,
 				onSubmit: (text) => send({
 					type: "submit",
@@ -1190,7 +1189,7 @@ async function main() {
 		const args = process.argv.slice(2);
 		const script = args.includes("--stress") ? generateStressScript() : SCRIPT;
 		const mode = args.includes("--inline") ? "inline" : "fullscreen";
-		await _usingCtx$1.u(await run(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AIChat, {
+		await _usingCtx$1.u(await run(/* @__PURE__ */ jsx(AIChat, {
 			script,
 			autoStart: args.includes("--auto"),
 			fastMode: args.includes("--fast")
@@ -1259,20 +1258,20 @@ function useKeyBindings(state, send, footerControlRef) {
 	});
 }
 function CompactingOverlay() {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		borderStyle: "round",
 		borderColor: "$warning",
 		paddingX: 1,
 		overflow: "hidden",
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+			/* @__PURE__ */ jsxs(Text, {
 				color: "$warning",
 				bold: true,
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, { type: "arc" }), " Compacting context"]
+				children: [/* @__PURE__ */ jsx(Spinner, { type: "arc" }), " Compacting context"]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: " " }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			/* @__PURE__ */ jsx(Text, { children: " " }),
+			/* @__PURE__ */ jsx(Text, {
 				color: "$muted",
 				children: "Freezing exchanges into terminal scrollback. Scroll up to review."
 			})
@@ -1280,16 +1279,16 @@ function CompactingOverlay() {
 	});
 }
 function SessionComplete() {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		borderStyle: "round",
 		borderColor: "$success",
 		paddingX: 1,
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+		children: [/* @__PURE__ */ jsxs(Text, {
 			color: "$success",
 			bold: true,
 			children: ["✓", " Session complete"]
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+		}), /* @__PURE__ */ jsx(Text, {
 			color: "$muted",
 			children: "Scroll up to review — colors, borders, and hyperlinks preserved in scrollback."
 		})]

package/dist/apps/app-todo.mjs

@@ -1,10 +1,9 @@
-import { a as createApp, i as pipe, n as withTerminal, o as useApp$1, r as withReact } from "../plugins-D1KtkT4a.mjs";
-import { t as require_jsx_runtime } from "../jsx-runtime-dMs_8fNu.mjs";
-import { t as ExampleBanner } from "../_banner-DLPxCqVy.mjs";
+import { a as createApp, i as pipe, n as withTerminal, o as useApp$1, r as withReact } from "../plugins-CT0DdV_E.mjs";
+import { t as ExampleBanner } from "../_banner-A70_y2Vi.mjs";
 import "react";
 import { Box, Kbd, Muted, Text } from "silvery";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region apps/app-todo.tsx
-var import_jsx_runtime = require_jsx_runtime();
 const meta = {
 	name: "Todo App",
 	description: "Layer 3: pipe() + createApp() + withReact() + withTerminal()",
@@ -16,10 +15,10 @@ const meta = {
 	]
 };
 function TodoItem({ todo, isCursor }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+	return /* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Text, {
 		color: isCursor ? "$primary" : void 0,
 		children: isCursor ? "› " : "  "
-	}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+	}), /* @__PURE__ */ jsxs(Text, {
 		color: todo.completed ? "$success" : void 0,
 		strikethrough: todo.completed,
 		children: [
@@ -32,31 +31,31 @@ function TodoItem({ todo, isCursor }) {
 function TodoList() {
 	const todos = useApp$1((s) => s.todos);
 	const cursor = useApp$1((s) => s.cursor);
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
-		children: [todos.map((todo, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TodoItem, {
+		children: [todos.map((todo, i) => /* @__PURE__ */ jsx(TodoItem, {
 			todo,
 			isCursor: i === cursor
-		}, todo.id)), todos.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Muted, { children: "No todos. Press 'a' to add one." })]
+		}, todo.id)), todos.length === 0 && /* @__PURE__ */ jsx(Muted, { children: "No todos. Press 'a' to add one." })]
 	});
 }
 function TodoApp() {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		padding: 1,
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TodoList, {}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: " " }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Muted, { children: [
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "j/k" }),
+			/* @__PURE__ */ jsx(TodoList, {}),
+			/* @__PURE__ */ jsx(Text, { children: " " }),
+			/* @__PURE__ */ jsxs(Muted, { children: [
+				/* @__PURE__ */ jsx(Kbd, { children: "j/k" }),
 				" move ",
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "x" }),
+				/* @__PURE__ */ jsx(Kbd, { children: "x" }),
 				" toggle ",
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "a" }),
+				/* @__PURE__ */ jsx(Kbd, { children: "a" }),
 				" add ",
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "d" }),
+				/* @__PURE__ */ jsx(Kbd, { children: "d" }),
 				" delete ",
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "Esc/q" }),
+				/* @__PURE__ */ jsx(Kbd, { children: "Esc/q" }),
 				" quit"
 			] })
 		]
@@ -124,10 +123,10 @@ const app = pipe(createApp(() => (set, get) => ({
 			break;
 		case "q": return "exit";
 	}
-} }), withReact(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ExampleBanner, {
+} }), withReact(/* @__PURE__ */ jsx(ExampleBanner, {
 	meta,
 	controls: "j/k move  x toggle  a add  d delete  Esc/q quit",
-	children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TodoApp, {})
+	children: /* @__PURE__ */ jsx(TodoApp, {})
 })), withTerminal(process));
 async function main() {
 	const handle = await app.run();