@silvery/examples 0.17.4 → 0.17.5

package/dist/apps/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, useEffect, useMemo, useRef, useState } from "react";
 import { Box, Divider, Kbd, ListView, Muted, Tab, TabList, Tabs, Text, TextInput, createTerm, render, useApp, useBoxRect, useInput } from "silvery";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region apps/explorer.tsx
 /**
 * Explorer — Log Viewer & Process Explorer
@@ -26,7 +26,6 @@ import { Box, Divider, Kbd, ListView, Muted, Tab, TabList, Tabs, Text, TextInput
 *   Esc            - Exit search / quit
 *   q              - Quit (when not searching)
 */
-var import_jsx_runtime = require_jsx_runtime();
 const meta = {
 	name: "Explorer",
 	description: "Log viewer and process explorer with ListView search",
@@ -243,41 +242,41 @@ const SORT_COLUMNS = [
 	"status"
 ];
 function LogRow({ entry, isSelected }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		paddingX: 1,
 		backgroundColor: isSelected ? "$mutedbg" : void 0,
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Muted, { children: [entry.timestamp, " "] }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			/* @__PURE__ */ jsxs(Muted, { children: [entry.timestamp, " "] }),
+			/* @__PURE__ */ jsx(Text, {
 				color: LEVEL_COLORS[entry.level],
 				bold: true,
 				children: LEVEL_BADGES[entry.level]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Muted, { children: [
+			/* @__PURE__ */ jsxs(Muted, { children: [
 				" [",
 				entry.service.padEnd(9),
 				"] "
 			] }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: entry.message })
+			/* @__PURE__ */ jsx(Text, { children: entry.message })
 		]
 	});
 }
 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)
 	});
 }
 function LevelToggles({ levels, onToggle }) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+	return /* @__PURE__ */ jsx(Box, {
 		gap: 1,
 		children: [
 			"DEBUG",
@@ -286,13 +285,13 @@ function LevelToggles({ levels, onToggle }) {
 			"ERROR"
 		].map((level, i) => {
 			const active = levels[level];
-			return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+			return /* @__PURE__ */ jsxs(Box, {
 				gap: 0,
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+				children: [/* @__PURE__ */ jsxs(Text, {
 					color: "$muted",
 					dim: true,
 					children: [i + 1, ":"]
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+				}), /* @__PURE__ */ jsx(Text, {
 					color: active ? LEVEL_COLORS[level] : "$muted",
 					bold: active,
 					dim: !active,
@@ -321,9 +320,9 @@ function useColumns(totalWidth) {
 }
 function ProcessHeader({ 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: [
@@ -341,28 +340,28 @@ function ProcessRow({ proc, isSelected, width }) {
 	const cols = useColumns(width);
 	const cpuColor = proc.cpu > 80 ? "$error" : proc.cpu > 40 ? "$warning" : "$success";
 	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 ? "$mutedbg" : void 0,
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			/* @__PURE__ */ jsx(Text, {
 				color: "$muted",
 				children: String(proc.pid).padEnd(cols.pidW)
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			/* @__PURE__ */ jsx(Text, {
 				bold: isSelected,
 				children: displayName.padEnd(cols.nameW)
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+			/* @__PURE__ */ jsxs(Text, {
 				color: cpuColor,
 				children: [proc.cpu.toFixed(1).padStart(cols.cpuW - 1), "%"]
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+			/* @__PURE__ */ jsxs(Text, {
 				color: proc.mem > 40 ? "$warning" : "$muted",
 				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: STATUS_COLORS[proc.status],
 				children: [
 					STATUS_ICONS[proc.status],
@@ -375,13 +374,13 @@ function ProcessRow({ proc, isSelected, width }) {
 }
 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
@@ -521,19 +520,19 @@ function Explorer() {
 		toggleLevel,
 		setCursor
 	]));
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		flexGrow: 1,
 		children: [
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+			/* @__PURE__ */ jsx(Box, {
 				paddingX: 1,
-				children: searchMode ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+				children: searchMode ? /* @__PURE__ */ jsxs(Box, {
 					flexGrow: 1,
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+					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);
@@ -544,33 +543,33 @@ function Explorer() {
 						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
 					}),
 					" (",
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "backspace" }),
+					/* @__PURE__ */ jsx(Kbd, { children: "backspace" }),
 					" clear, ",
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "/" }),
+					/* @__PURE__ */ jsx(Kbd, { children: "/" }),
 					" edit)"
-				] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Muted, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "/" }), " search"] })
+				] }) : /* @__PURE__ */ jsxs(Muted, { children: [/* @__PURE__ */ jsx(Kbd, { children: "/" }), " search"] })
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tabs, {
+			/* @__PURE__ */ jsx(Tabs, {
 				value: activeTab,
 				onChange: setActiveTab,
 				isActive: !searchMode,
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+				children: /* @__PURE__ */ jsx(Box, {
 					paddingX: 1,
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TabList, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Tab, {
+					children: /* @__PURE__ */ jsxs(TabList, { children: [/* @__PURE__ */ jsxs(Tab, {
 						value: "logs",
 						children: [
 							"Logs (",
 							filteredLogs.length.toLocaleString(),
 							")"
 						]
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Tab, {
+					}), /* @__PURE__ */ jsxs(Tab, {
 						value: "processes",
 						children: [
 							"Processes (",
@@ -580,97 +579,97 @@ function Explorer() {
 					})] })
 				})
 			}),
-			activeTab === "logs" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+			activeTab === "logs" && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Box, {
 				paddingX: 1,
 				justifyContent: "space-between",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(LevelToggles, {
+				children: [/* @__PURE__ */ jsx(LevelToggles, {
 					levels: logLevels,
 					onToggle: toggleLevel
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Muted, { children: [
+				}), /* @__PURE__ */ jsxs(Muted, { children: [
 					effectiveLogCursor + 1,
 					"/",
 					filteredLogs.length.toLocaleString()
 				] })]
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+			}), /* @__PURE__ */ jsx(Box, {
 				flexGrow: 1,
 				flexDirection: "column",
-				children: filteredLogs.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LogListArea, {
+				children: filteredLogs.length > 0 ? /* @__PURE__ */ jsx(LogListArea, {
 					entries: filteredLogs,
 					cursor: effectiveLogCursor
-				}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+				}) : /* @__PURE__ */ jsx(Box, {
 					paddingX: 1,
 					justifyContent: "center",
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Muted, { children: "No logs match the current filter" })
+					children: /* @__PURE__ */ jsx(Muted, { children: "No logs match the current filter" })
 				})
 			})] }),
-			activeTab === "processes" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+			activeTab === "processes" && /* @__PURE__ */ jsxs(Fragment, { children: [
+				/* @__PURE__ */ jsxs(Box, {
 					paddingX: 1,
 					justifyContent: "space-between",
-					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+					children: [/* @__PURE__ */ jsxs(Box, {
 						gap: 1,
 						children: [
-							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Muted, { children: "sort:" }),
-							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+							/* @__PURE__ */ jsx(Muted, { children: "sort:" }),
+							/* @__PURE__ */ jsx(Text, {
 								bold: true,
 								color: "$primary",
 								children: sortCol.toUpperCase()
 							}),
-							/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Muted, { children: [
+							/* @__PURE__ */ jsxs(Muted, { children: [
 								"(",
-								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "s" }),
+								/* @__PURE__ */ jsx(Kbd, { children: "s" }),
 								" cycle)"
 							] })
 						]
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Muted, { children: [
+					}), /* @__PURE__ */ jsxs(Muted, { children: [
 						effectiveProcCursor + 1,
 						"/",
 						filteredProcesses.length
 					] })]
 				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProcessHeader, { width }),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+				/* @__PURE__ */ jsx(ProcessHeader, { 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: filteredProcesses.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProcessListArea, {
+					children: filteredProcesses.length > 0 ? /* @__PURE__ */ jsx(ProcessListArea, {
 						processes: filteredProcesses,
 						cursor: effectiveProcCursor,
 						width
-					}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+					}) : /* @__PURE__ */ jsx(Box, {
 						paddingX: 1,
 						justifyContent: "center",
-						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Muted, { children: "No processes match the current filter" })
+						children: /* @__PURE__ */ jsx(Muted, { children: "No processes match the current filter" })
 					})
 				})
 			] }),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+			/* @__PURE__ */ jsx(Box, {
 				paddingX: 1,
 				justifyContent: "space-between",
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Muted, { children: [
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "h/l" }),
+				children: /* @__PURE__ */ jsxs(Muted, { children: [
+					/* @__PURE__ */ jsx(Kbd, { children: "h/l" }),
 					" tab ",
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "j/k" }),
+					/* @__PURE__ */ jsx(Kbd, { children: "j/k" }),
 					" navigate ",
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "d/u" }),
+					/* @__PURE__ */ jsx(Kbd, { children: "d/u" }),
 					" page ",
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "/" }),
+					/* @__PURE__ */ jsx(Kbd, { children: "/" }),
 					" search",
 					" ",
-					activeTab === "logs" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "1-4" }),
+					activeTab === "logs" && /* @__PURE__ */ jsxs(Fragment, { children: [
+						/* @__PURE__ */ jsx(Kbd, { children: "1-4" }),
 						" levels",
 						" "
 					] }),
-					activeTab === "processes" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "s" }),
+					activeTab === "processes" && /* @__PURE__ */ jsxs(Fragment, { children: [
+						/* @__PURE__ */ jsx(Kbd, { children: "s" }),
 						" sort",
 						" "
 					] }),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Kbd, { children: "q" }),
+					/* @__PURE__ */ jsx(Kbd, { children: "q" }),
 					" quit"
 				] })
 			})
@@ -681,10 +680,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: "h/l tab  j/k navigate  d/u page  / search  1-4 levels  s sort  q quit",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Explorer, {})
+			children: /* @__PURE__ */ jsx(Explorer, {})
 		}), term);
 		await waitUntilExit();
 	} catch (_) {