@silvery/examples 0.17.4 → 0.17.5

package/dist/apps/data-explorer.mjs

@@ -1,8 +1,8 @@
 import { t as _usingCtx } from "../usingCtx-CsEf0xO3.mjs";
-import { t as require_jsx_runtime } from "../jsx-runtime-dMs_8fNu.mjs";
-import { t as ExampleBanner } from "../_banner-DLPxCqVy.mjs";
+import { t as ExampleBanner } from "../_banner-A70_y2Vi.mjs";
 import { useCallback, useDeferredValue, useMemo, useState } from "react";
 import { Box, Divider, Kbd, Lead, ListView, Muted, Text, TextInput, createTerm, render, useApp, useBoxRect, useInput } from "silvery";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region apps/data-explorer.tsx
 /**
 * Data Explorer — Process Table Example
@@ -24,7 +24,6 @@ import { Box, Divider, Kbd, Lead, ListView, Muted, Text, TextInput, createTerm,
 *   Esc             - Exit search / quit
 *   q               - Quit (when not searching)
 */
-var import_jsx_runtime = require_jsx_runtime();
 const meta = {
 	name: "Data Explorer",
 	description: "Process explorer table with search, ListView, and responsive column widths",
@@ -183,9 +182,9 @@ function useColumns(totalWidth) {
 }
 function TableHeader({ width }) {
 	const cols = useColumns(width);
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+	return /* @__PURE__ */ jsx(Box, {
 		paddingX: 1,
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+		children: /* @__PURE__ */ jsxs(Text, {
 			bold: true,
 			color: "$muted",
 			children: [
@@ -208,29 +207,29 @@ function ProcessRow({ proc, isSelected, width }) {
 	const cpuColor = proc.cpu > 80 ? "$error" : proc.cpu > 40 ? "$warning" : "$success";
 	const memColor = proc.mem > 40 ? "$warning" : "$muted";
 	const displayName = proc.name.length > cols.nameW - 1 ? proc.name.slice(0, cols.nameW - 2) + "…" : proc.name;
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		paddingX: 1,
 		backgroundColor: isSelected ? "$primary" : void 0,
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			/* @__PURE__ */ jsx(Text, {
 				color: isSelected ? "$primary-fg" : "$muted",
 				children: String(proc.pid).padEnd(cols.pidW)
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			/* @__PURE__ */ jsx(Text, {
 				bold: isSelected,
 				color: isSelected ? "$primary-fg" : void 0,
 				children: displayName.padEnd(cols.nameW)
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+			/* @__PURE__ */ jsxs(Text, {
 				color: isSelected ? "$primary-fg" : cpuColor,
 				children: [proc.cpu.toFixed(1).padStart(cols.cpuW - 1), "%"]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+			/* @__PURE__ */ jsxs(Text, {
 				color: isSelected ? "$primary-fg" : memColor,
 				children: [proc.mem.toFixed(1).padStart(cols.memW - 1), "%"]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "  " }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+			/* @__PURE__ */ jsx(Text, { children: "  " }),
+			/* @__PURE__ */ jsxs(Text, {
 				color: isSelected ? "$primary-fg" : STATUS_COLORS[proc.status],
 				children: [
 					STATUS_ICONS[proc.status],
@@ -238,16 +237,16 @@ function ProcessRow({ proc, isSelected, width }) {
 					proc.status.padEnd(cols.statusW - 2)
 				]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			/* @__PURE__ */ jsx(Text, {
 				color: isSelected ? "$primary-fg" : "$muted",
 				children: proc.user.padEnd(cols.userW)
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			/* @__PURE__ */ jsx(Text, {
 				color: isSelected ? "$primary-fg" : "$muted",
 				children: String(proc.threads).padStart(cols.threadsW)
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "  " }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			/* @__PURE__ */ jsx(Text, { children: "  " }),
+			/* @__PURE__ */ jsx(Text, {
 				color: isSelected ? "$primary-fg" : "$muted",
 				children: proc.uptime.padStart(cols.uptimeW)
 			})
@@ -270,23 +269,23 @@ function SummaryBar({ processes, query }) {
 			totalMem: totalMem.toFixed(1)
 		};
 	}, [processes]);
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		paddingX: 1,
 		gap: 2,
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			/* @__PURE__ */ jsx(Text, {
 				bold: true,
 				children: processes.length
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Muted, { children: "processes" }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			/* @__PURE__ */ jsx(Muted, { children: "processes" }),
+			/* @__PURE__ */ jsx(Text, {
 				color: "$success",
 				bold: true,
 				children: stats.running
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Muted, { children: "running" }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Muted, { children: "|" }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+			/* @__PURE__ */ jsx(Muted, { children: "running" }),
+			/* @__PURE__ */ jsx(Muted, { children: "|" }),
+			/* @__PURE__ */ jsxs(Text, {
 				color: "$primary",
 				children: [
 					"CPU: ",
@@ -294,7 +293,7 @@ function SummaryBar({ processes, query }) {
 					"%"
 				]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+			/* @__PURE__ */ jsxs(Text, {
 				color: "$warning",
 				children: [
 					"MEM: ",
@@ -302,7 +301,7 @@ function SummaryBar({ processes, query }) {
 					"%"
 				]
 			}),
-			query && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Muted, { children: "|" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+			query && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Muted, { children: "|" }), /* @__PURE__ */ jsxs(Text, {
 				dim: true,
 				children: [
 					"filter: \"",
@@ -316,13 +315,13 @@ function SummaryBar({ processes, query }) {
 /** Inner component that reads the flex container's height */
 function ProcessListArea({ processes, cursor, width }) {
 	const { height } = useBoxRect();
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListView, {
+	return /* @__PURE__ */ jsx(ListView, {
 		items: processes,
 		height,
 		estimateHeight: 1,
 		scrollTo: cursor,
 		overscan: 5,
-		renderItem: (proc, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProcessRow, {
+		renderItem: (proc, index) => /* @__PURE__ */ jsx(ProcessRow, {
 			proc,
 			isSelected: index === cursor,
 			width
@@ -380,21 +379,21 @@ function DataExplorer() {
 		halfPage,
 		query
 	]));
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		flexGrow: 1,
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SummaryBar, {
+			/* @__PURE__ */ jsx(SummaryBar, {
 				processes: filtered,
 				query: deferredQuery
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+			/* @__PURE__ */ jsx(Box, {
 				paddingX: 1,
-				children: searchMode ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+				children: searchMode ? /* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsxs(Text, {
 					color: "$primary",
 					bold: true,
 					children: ["/", " "]
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextInput, {
+				}), /* @__PURE__ */ jsx(TextInput, {
 					value: query,
 					onChange: (v) => {
 						setQuery(v);
@@ -403,57 +402,57 @@ function DataExplorer() {
 					onSubmit: handleSearchSubmit,
 					prompt: "",
 					isActive: searchMode
-				})] }) : query ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Muted, { children: [
+				})] }) : query ? /* @__PURE__ */ jsxs(Muted, { children: [
 					"filter: ",
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+					/* @__PURE__ */ jsx(Text, {
 						bold: true,
 						children: query
 					}),
 					" (backspace to clear, / to edit)"
-				] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Muted, { children: [
+				] }) : /* @__PURE__ */ jsxs(Muted, { children: [
 					"Press ",
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "/" }),
+					/* @__PURE__ */ jsx(Kbd, { children: "/" }),
 					" to search"
 				] })
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableHeader, { width }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+			/* @__PURE__ */ jsx(TableHeader, { width }),
+			/* @__PURE__ */ jsx(Box, {
 				paddingX: 1,
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Divider, {})
+				children: /* @__PURE__ */ jsx(Divider, {})
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+			/* @__PURE__ */ jsx(Box, {
 				flexGrow: 1,
 				flexDirection: "column",
-				children: filtered.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProcessListArea, {
+				children: filtered.length > 0 ? /* @__PURE__ */ jsx(ProcessListArea, {
 					processes: filtered,
 					cursor: effectiveCursor,
 					width
-				}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+				}) : /* @__PURE__ */ jsx(Box, {
 					paddingX: 1,
 					justifyContent: "center",
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Lead, { children: [
+					children: /* @__PURE__ */ jsxs(Lead, { children: [
 						"No processes match \"",
 						deferredQuery,
 						"\""
 					] })
 				})
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+			/* @__PURE__ */ jsxs(Box, {
 				paddingX: 1,
 				justifyContent: "space-between",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Muted, { children: [
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "j/k" }),
+				children: [/* @__PURE__ */ jsxs(Muted, { children: [
+					/* @__PURE__ */ jsx(Kbd, { children: "j/k" }),
 					" navigate ",
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "d/u" }),
+					/* @__PURE__ */ jsx(Kbd, { children: "d/u" }),
 					" half-page ",
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "g/G" }),
+					/* @__PURE__ */ jsx(Kbd, { children: "g/G" }),
 					" start/end ",
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "/" }),
+					/* @__PURE__ */ jsx(Kbd, { children: "/" }),
 					" search ",
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "Esc/q" }),
+					/* @__PURE__ */ jsx(Kbd, { children: "Esc/q" }),
 					" ",
 					"quit"
-				] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Muted, { children: [
+				] }), /* @__PURE__ */ jsxs(Muted, { children: [
 					effectiveCursor + 1,
 					"/",
 					filtered.length
@@ -466,10 +465,10 @@ async function main() {
 	try {
 		var _usingCtx$1 = _usingCtx();
 		const term = _usingCtx$1.u(createTerm());
-		const { waitUntilExit } = await render(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ExampleBanner, {
+		const { waitUntilExit } = await render(/* @__PURE__ */ jsx(ExampleBanner, {
 			meta,
 			controls: "j/k navigate  d/u half-page  g/G start/end  / search  Esc/q quit",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DataExplorer, {})
+			children: /* @__PURE__ */ jsx(DataExplorer, {})
 		}), term);
 		await waitUntilExit();
 	} catch (_) {

package/dist/apps/dev-tools.mjs

@@ -1,8 +1,8 @@
 import { t as _usingCtx } from "../usingCtx-CsEf0xO3.mjs";
-import { t as require_jsx_runtime } from "../jsx-runtime-dMs_8fNu.mjs";
-import { t as ExampleBanner } from "../_banner-DLPxCqVy.mjs";
+import { t as ExampleBanner } from "../_banner-A70_y2Vi.mjs";
 import { useCallback, useMemo, useState } from "react";
 import { Box, Divider, ListView, Muted, Strong, Text, createTerm, render, useApp, useBoxRect, useInput } from "silvery";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region apps/dev-tools.tsx
 /**
 * Dev Tools — Log Viewer Example
@@ -26,7 +26,6 @@ import { Box, Divider, ListView, Muted, Strong, Text, createTerm, render, useApp
 *   c               - Clear all logs
 *   q or Esc        - Quit
 */
-var import_jsx_runtime = require_jsx_runtime();
 const meta = {
 	name: "Dev Tools",
 	description: "Log viewer with severity levels, ListView, and keyboard-driven log injection",
@@ -147,20 +146,20 @@ function formatTime(date) {
 function LogRow({ entry, isSelected }) {
 	const badge = LEVEL_BADGES[entry.level];
 	const color = LEVEL_COLORS[entry.level];
-	if (isSelected) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	if (isSelected) return /* @__PURE__ */ jsxs(Box, {
 		paddingX: 1,
 		backgroundColor: "$primary",
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+			/* @__PURE__ */ jsxs(Text, {
 				color: "$primary-fg",
 				children: [formatTime(entry.timestamp), " "]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			/* @__PURE__ */ jsx(Text, {
 				color: "$primary-fg",
 				bold: true,
 				children: badge
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+			/* @__PURE__ */ jsxs(Text, {
 				color: "$primary-fg",
 				children: [
 					" [",
@@ -168,27 +167,27 @@ function LogRow({ entry, isSelected }) {
 					"] "
 				]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			/* @__PURE__ */ jsx(Text, {
 				color: "$primary-fg",
 				bold: true,
 				children: entry.message
 			})
 		]
 	});
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		paddingX: 1,
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Muted, { children: [formatTime(entry.timestamp), " "] }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Strong, {
+			/* @__PURE__ */ jsxs(Muted, { children: [formatTime(entry.timestamp), " "] }),
+			/* @__PURE__ */ jsx(Strong, {
 				color,
 				children: badge
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Muted, { children: [
+			/* @__PURE__ */ jsxs(Muted, { children: [
 				" [",
 				entry.source.padEnd(9),
 				"] "
 			] }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: entry.message })
+			/* @__PURE__ */ jsx(Text, { children: entry.message })
 		]
 	});
 }
@@ -203,10 +202,10 @@ function LevelCounts({ entries }) {
 		for (const e of entries) c[e.level]++;
 		return c;
 	}, [entries]);
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		gap: 2,
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Strong, {
+			/* @__PURE__ */ jsxs(Strong, {
 				color: "$muted",
 				children: [
 					LEVEL_BADGES.DEBUG,
@@ -214,7 +213,7 @@ function LevelCounts({ entries }) {
 					counts.DEBUG
 				]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Strong, {
+			/* @__PURE__ */ jsxs(Strong, {
 				color: "$primary",
 				children: [
 					LEVEL_BADGES.INFO,
@@ -222,7 +221,7 @@ function LevelCounts({ entries }) {
 					counts.INFO
 				]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Strong, {
+			/* @__PURE__ */ jsxs(Strong, {
 				color: "$warning",
 				children: [
 					LEVEL_BADGES.WARN,
@@ -230,7 +229,7 @@ function LevelCounts({ entries }) {
 					counts.WARN
 				]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Strong, {
+			/* @__PURE__ */ jsxs(Strong, {
 				color: "$error",
 				children: [
 					LEVEL_BADGES.ERROR,
@@ -244,13 +243,13 @@ function LevelCounts({ entries }) {
 /** Inner component that reads the flex container's height via useBoxRect */
 function LogListArea({ entries, cursor }) {
 	const { height } = useBoxRect();
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListView, {
+	return /* @__PURE__ */ jsx(ListView, {
 		items: entries,
 		height,
 		estimateHeight: 1,
 		scrollTo: cursor,
 		overscan: 5,
-		renderItem: (entry, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LogRow, {
+		renderItem: (entry, index) => /* @__PURE__ */ jsx(LogRow, {
 			entry,
 			isSelected: index === cursor
 		}, entry.id)
@@ -320,55 +319,55 @@ function DevTools() {
 		exit,
 		addEntry
 	]));
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		flexGrow: 1,
 		padding: 1,
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+			/* @__PURE__ */ jsxs(Box, {
 				justifyContent: "space-between",
 				backgroundColor: "$surfacebg",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+				children: [/* @__PURE__ */ jsxs(Box, {
 					gap: 2,
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+					children: [/* @__PURE__ */ jsxs(Text, {
 						bold: true,
 						color: "$primary",
 						children: ["▸", " Log Viewer"]
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LevelCounts, { entries })]
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+					}), /* @__PURE__ */ jsx(LevelCounts, { entries })]
+				}), /* @__PURE__ */ jsxs(Box, {
 					gap: 1,
 					children: [
-						autoScroll && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+						autoScroll && /* @__PURE__ */ jsx(Text, {
 							backgroundColor: "$success",
 							color: "$success-fg",
 							bold: true,
 							children: " LIVE "
 						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Strong, {
+						/* @__PURE__ */ jsx(Strong, {
 							color: "$primary",
 							children: cursor + 1
 						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Muted, { children: ["/ ", entries.length] })
+						/* @__PURE__ */ jsxs(Muted, { children: ["/ ", entries.length] })
 					]
 				})]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+			/* @__PURE__ */ jsxs(Box, {
 				paddingX: 1,
 				children: [
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Muted, { children: ["Time     ", " "] }),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Muted, { children: ["Lvl", " "] }),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Muted, { children: ["[Source   ]", " "] }),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Muted, { children: "Message" })
+					/* @__PURE__ */ jsxs(Muted, { children: ["Time     ", " "] }),
+					/* @__PURE__ */ jsxs(Muted, { children: ["Lvl", " "] }),
+					/* @__PURE__ */ jsxs(Muted, { children: ["[Source   ]", " "] }),
+					/* @__PURE__ */ jsx(Muted, { children: "Message" })
 				]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+			/* @__PURE__ */ jsx(Box, {
 				paddingX: 1,
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Divider, {})
+				children: /* @__PURE__ */ jsx(Divider, {})
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+			/* @__PURE__ */ jsx(Box, {
 				flexGrow: 1,
 				flexDirection: "column",
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LogListArea, {
+				children: /* @__PURE__ */ jsx(LogListArea, {
 					entries,
 					cursor
 				})
@@ -380,10 +379,10 @@ async function main() {
 	try {
 		var _usingCtx$1 = _usingCtx();
 		const term = _usingCtx$1.u(createTerm());
-		const { waitUntilExit } = await render(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ExampleBanner, {
+		const { waitUntilExit } = await render(/* @__PURE__ */ jsx(ExampleBanner, {
 			meta,
 			controls: "j/k navigate  g/G start/end  d/i/w/e add log  c clear  Esc/q quit",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DevTools, {})
+			children: /* @__PURE__ */ jsx(DevTools, {})
 		}), term);
 		await waitUntilExit();
 	} catch (_) {