@builder.io/buildercode 0.3.9 → 0.3.10

package/dist/cli.mjs

@@ -244266,7 +244266,7 @@ const LIB_CACHE = /* @__PURE__ */ new Map();
 const PENDING_LIB_CACHE = /* @__PURE__ */ new Map();
 const NODE_MODULE_CACHE = /* @__PURE__ */ new Map();
 const TSCONFIG_CACHE = /* @__PURE__ */ new Map();
-const pkgVersion = process.env.OVERRIDE_VERSION ?? "0.3.9";
+const pkgVersion = process.env.OVERRIDE_VERSION ?? "0.3.10";
 //#endregion
 //#region ../dev-tools/core/detect-frameworks.ts
 async function detectFrameworks$1(sys) {
@@ -538138,7 +538138,7 @@ const FooterSection = (0, import_react.memo)(() => {
 			children: [
 				"•",
 				" Fusion ",
-				"0.3.9"
+				"0.3.10"
 			]
 		});
 		$[10] = t7;
@@ -598441,8 +598441,8 @@ function ToolCallGetScreenshot(t0) {
 	return t5;
 }
 function ToolCallAgent(t0) {
-	const $ = (0, import_compiler_runtime.c)(17);
-	const { tool } = t0;
+	const $ = (0, import_compiler_runtime.c)(21);
+	const { tool, onRender } = t0;
 	let t1;
 	if ($[0] !== tool.input) {
 		t1 = tool.input ?? {};
@@ -598471,31 +598471,46 @@ function ToolCallAgent(t0) {
 	}
 	const lines = t2;
 	const isRunning = tool.state === "generating" || tool.state === "running";
-	const t3 = `Agent(${subagent_type ?? "explorer"})`;
+	let t3;
+	if ($[5] !== onRender) {
+		t3 = () => {
+			onRender();
+		};
+		$[5] = onRender;
+		$[6] = t3;
+	} else t3 = $[6];
 	let t4;
-	if ($[5] !== description) {
-		t4 = description ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+	if ($[7] !== lines.length) {
+		t4 = [lines.length];
+		$[7] = lines.length;
+		$[8] = t4;
+	} else t4 = $[8];
+	(0, import_react.useEffect)(t3, t4);
+	const t5 = `Agent(${subagent_type ?? "explorer"})`;
+	let t6;
+	if ($[9] !== description) {
+		t6 = description ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
 			dimColor: true,
 			children: description
 		}) : void 0;
-		$[5] = description;
-		$[6] = t4;
-	} else t4 = $[6];
-	let t5;
-	if ($[7] !== t3 || $[8] !== t4 || $[9] !== tool) {
-		t5 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolHeader, {
+		$[9] = description;
+		$[10] = t6;
+	} else t6 = $[10];
+	let t7;
+	if ($[11] !== t5 || $[12] !== t6 || $[13] !== tool) {
+		t7 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolHeader, {
 			tool,
-			label: t3,
-			extra: t4
+			label: t5,
+			extra: t6
 		});
-		$[7] = t3;
-		$[8] = t4;
-		$[9] = tool;
-		$[10] = t5;
-	} else t5 = $[10];
-	let t6;
-	if ($[11] !== isRunning || $[12] !== lines) {
-		t6 = isRunning && lines.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+		$[11] = t5;
+		$[12] = t6;
+		$[13] = tool;
+		$[14] = t7;
+	} else t7 = $[14];
+	let t8;
+	if ($[15] !== isRunning || $[16] !== lines) {
+		t8 = isRunning && lines.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
 			flexDirection: "column",
 			marginLeft: 3,
 			paddingX: 1,
@@ -598506,22 +598521,22 @@ function ToolCallAgent(t0) {
 			borderDimColor: true,
 			children: lines.map(_temp7)
 		});
-		$[11] = isRunning;
-		$[12] = lines;
-		$[13] = t6;
-	} else t6 = $[13];
-	let t7;
-	if ($[14] !== t5 || $[15] !== t6) {
-		t7 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+		$[15] = isRunning;
+		$[16] = lines;
+		$[17] = t8;
+	} else t8 = $[17];
+	let t9;
+	if ($[18] !== t7 || $[19] !== t8) {
+		t9 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
 			flexDirection: "column",
 			paddingX: 1,
-			children: [t5, t6]
+			children: [t7, t8]
 		});
-		$[14] = t5;
-		$[15] = t6;
-		$[16] = t7;
-	} else t7 = $[16];
-	return t7;
+		$[18] = t7;
+		$[19] = t8;
+		$[20] = t9;
+	} else t9 = $[20];
+	return t9;
 }
 function _temp7(line, i) {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
@@ -598797,8 +598812,8 @@ function CodePreview(t0) {
 	return t8;
 }
 function ToolCallCompleted(t0) {
-	const $ = (0, import_compiler_runtime.c)(26);
-	const { tool } = t0;
+	const $ = (0, import_compiler_runtime.c)(27);
+	const { tool, onRender } = t0;
 	switch (tool.toolName) {
 		case "Read": {
 			const t1 = tool;
@@ -598913,20 +598928,24 @@ function ToolCallCompleted(t0) {
 		case "Agent": {
 			const t1 = tool;
 			let t2;
-			if ($[22] !== t1) {
-				t2 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolCallAgent, { tool: t1 });
-				$[22] = t1;
-				$[23] = t2;
-			} else t2 = $[23];
+			if ($[22] !== onRender || $[23] !== t1) {
+				t2 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolCallAgent, {
+					tool: t1,
+					onRender
+				});
+				$[22] = onRender;
+				$[23] = t1;
+				$[24] = t2;
+			} else t2 = $[24];
 			return t2;
 		}
 		default: {
 			let t1;
-			if ($[24] !== tool) {
+			if ($[25] !== tool) {
 				t1 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolCallGeneric, { tool });
-				$[24] = tool;
-				$[25] = t1;
-			} else t1 = $[25];
+				$[25] = tool;
+				$[26] = t1;
+			} else t1 = $[26];
 			return t1;
 		}
 	}
@@ -598934,7 +598953,7 @@ function ToolCallCompleted(t0) {
 //#endregion
 //#region src/components/MessageBlockView.tsx
 const MessageBlockView = (0, import_react.memo)((props) => {
-	const $ = (0, import_compiler_runtime.c)(20);
+	const $ = (0, import_compiler_runtime.c)(23);
 	const message = useSnapshot(props.message);
 	const theme = useTheme();
 	switch (message.type) {
@@ -598974,87 +598993,111 @@ const MessageBlockView = (0, import_react.memo)((props) => {
 		}
 		case "text": {
 			let t0;
-			if ($[6] !== message.content || $[7] !== message.id) {
-				t0 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CompletedTextBlock, { text: message.content }, message.id);
+			if ($[6] !== message.content || $[7] !== message.id || $[8] !== props.onRender) {
+				t0 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CompletedTextBlock, {
+					text: message.content,
+					onRender: props.onRender
+				}, message.id);
 				$[6] = message.content;
 				$[7] = message.id;
-				$[8] = t0;
-			} else t0 = $[8];
+				$[8] = props.onRender;
+				$[9] = t0;
+			} else t0 = $[9];
 			return t0;
 		}
 		case "tool": {
 			const t0 = message;
 			let t1;
-			if ($[9] !== message.id || $[10] !== t0) {
-				t1 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolCallCompleted, { tool: t0 }, message.id);
-				$[9] = message.id;
-				$[10] = t0;
-				$[11] = t1;
-			} else t1 = $[11];
+			if ($[10] !== message.id || $[11] !== props.onRender || $[12] !== t0) {
+				t1 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolCallCompleted, {
+					tool: t0,
+					onRender: props.onRender
+				}, message.id);
+				$[10] = message.id;
+				$[11] = props.onRender;
+				$[12] = t0;
+				$[13] = t1;
+			} else t1 = $[13];
 			return t1;
 		}
 		case "thinking": {
-			const t0 = message;
-			let t1;
-			if ($[12] !== message.content || $[13] !== message.id || $[14] !== t0.streaming) {
-				t1 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThinkingBlock, {
+			let t0;
+			if ($[14] !== message.content || $[15] !== message.id || $[16] !== message.streaming || $[17] !== props.onRender) {
+				t0 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThinkingBlock, {
 					text: message.content,
-					streaming: t0.streaming
+					streaming: message.streaming,
+					onRender: props.onRender
 				}, message.id);
-				$[12] = message.content;
-				$[13] = message.id;
-				$[14] = t0.streaming;
-				$[15] = t1;
-			} else t1 = $[15];
-			return t1;
+				$[14] = message.content;
+				$[15] = message.id;
+				$[16] = message.streaming;
+				$[17] = props.onRender;
+				$[18] = t0;
+			} else t0 = $[18];
+			return t0;
 		}
 		case "idle": {
 			const t0 = message;
 			let t1;
-			if ($[16] !== message.id || $[17] !== t0) {
+			if ($[19] !== message.id || $[20] !== t0) {
 				t1 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IdleBlock, { message: t0 }, message.id);
-				$[16] = message.id;
-				$[17] = t0;
-				$[18] = t1;
-			} else t1 = $[18];
+				$[19] = message.id;
+				$[20] = t0;
+				$[21] = t1;
+			} else t1 = $[21];
 			return t1;
 		}
 		default: {
 			let t0;
-			if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
+			if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
 				t0 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {});
-				$[19] = t0;
-			} else t0 = $[19];
+				$[22] = t0;
+			} else t0 = $[22];
 			return t0;
 		}
 	}
 });
 function CompletedTextBlock(t0) {
-	const $ = (0, import_compiler_runtime.c)(4);
-	const { text } = t0;
+	const $ = (0, import_compiler_runtime.c)(8);
+	const { text, onRender } = t0;
 	let t1;
-	if ($[0] !== text) {
-		t1 = renderMarkdownBlocks(text);
-		$[0] = text;
+	if ($[0] !== onRender) {
+		t1 = () => {
+			onRender();
+		};
+		$[0] = onRender;
 		$[1] = t1;
 	} else t1 = $[1];
 	let t2;
-	if ($[2] !== t1) {
-		t2 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+	if ($[2] !== text) {
+		t2 = [text];
+		$[2] = text;
+		$[3] = t2;
+	} else t2 = $[3];
+	(0, import_react.useEffect)(t1, t2);
+	let t3;
+	if ($[4] !== text) {
+		t3 = renderMarkdownBlocks(text);
+		$[4] = text;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== t3) {
+		t4 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
 			flexDirection: "column",
 			paddingX: 2,
 			marginY: 1,
-			children: t1
+			children: t3
 		});
-		$[2] = t1;
-		$[3] = t2;
-	} else t2 = $[3];
-	return t2;
+		$[6] = t3;
+		$[7] = t4;
+	} else t4 = $[7];
+	return t4;
 }
 const THINKING_MAX_CHARS = 400;
 function ThinkingBlock(t0) {
-	const $ = (0, import_compiler_runtime.c)(13);
-	const { text, streaming: t1 } = t0;
+	const $ = (0, import_compiler_runtime.c)(17);
+	const { text, streaming: t1, onRender } = t0;
 	const streaming = t1 === void 0 ? false : t1;
 	let t2;
 	if ($[0] !== streaming || $[1] !== text) {
@@ -599065,8 +599108,23 @@ function ThinkingBlock(t0) {
 	} else t2 = $[2];
 	const preview = t2;
 	let t3;
-	if ($[3] !== streaming) {
-		t3 = streaming ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+	if ($[3] !== onRender) {
+		t3 = () => {
+			onRender();
+		};
+		$[3] = onRender;
+		$[4] = t3;
+	} else t3 = $[4];
+	let t4;
+	if ($[5] !== preview) {
+		t4 = [preview];
+		$[5] = preview;
+		$[6] = t4;
+	} else t4 = $[6];
+	(0, import_react.useEffect)(t3, t4);
+	let t5;
+	if ($[7] !== streaming) {
+		t5 = streaming ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
 			bold: true,
 			color: "cyan",
 			children: "●"
@@ -599074,30 +599132,30 @@ function ThinkingBlock(t0) {
 			dimColor: true,
 			children: "◆"
 		});
-		$[3] = streaming;
-		$[4] = t3;
-	} else t3 = $[4];
-	let t4;
-	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+		$[7] = streaming;
+		$[8] = t5;
+	} else t5 = $[8];
+	let t6;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
 			bold: true,
 			dimColor: true,
 			children: "Thinking"
 		});
-		$[5] = t4;
-	} else t4 = $[5];
-	let t5;
-	if ($[6] !== t3) {
-		t5 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+		$[9] = t6;
+	} else t6 = $[9];
+	let t7;
+	if ($[10] !== t5) {
+		t7 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
 			gap: 1,
-			children: [t3, t4]
+			children: [t5, t6]
 		});
-		$[6] = t3;
-		$[7] = t5;
-	} else t5 = $[7];
-	let t6;
-	if ($[8] !== preview) {
-		t6 = preview.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+		$[10] = t5;
+		$[11] = t7;
+	} else t7 = $[11];
+	let t8;
+	if ($[12] !== preview) {
+		t8 = preview.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
 			paddingLeft: 2,
 			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
 				dimColor: true,
@@ -599105,22 +599163,22 @@ function ThinkingBlock(t0) {
 				children: preview
 			})
 		});
-		$[8] = preview;
-		$[9] = t6;
-	} else t6 = $[9];
-	let t7;
-	if ($[10] !== t5 || $[11] !== t6) {
-		t7 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+		$[12] = preview;
+		$[13] = t8;
+	} else t8 = $[13];
+	let t9;
+	if ($[14] !== t7 || $[15] !== t8) {
+		t9 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
 			flexDirection: "column",
 			paddingX: 1,
 			marginY: 1,
-			children: [t5, t6]
+			children: [t7, t8]
 		});
-		$[10] = t5;
-		$[11] = t6;
-		$[12] = t7;
-	} else t7 = $[12];
-	return t7;
+		$[14] = t7;
+		$[15] = t8;
+		$[16] = t9;
+	} else t9 = $[16];
+	return t9;
 }
 function formatDuration(ms) {
 	if (ms < 1e3) return `${ms}ms`;
@@ -599443,19 +599501,6 @@ const CodeSession = (0, import_react.memo)(({ onExit, isTabActive = true }) => {
 		}
 	}, [isTabActive]);
 	useInput((input, key) => {
-		if (slashMenuActive) return;
-		if (key.escape && proxy.state === "generating") {
-			api.abort().catch(() => {});
-			return;
-		}
-		if (key.pageUp) {
-			scrollByClamped(-(scrollRef.current?.getViewportHeight() || 10));
-			return;
-		}
-		if (key.pageDown) {
-			scrollByClamped(scrollRef.current?.getViewportHeight() || 10);
-			return;
-		}
 		if (input === "c" && key.ctrl) {
 			if (showWelcome || ctrlCPending) {
 				if (ctrlCTimer.current) clearTimeout(ctrlCTimer.current);
@@ -599472,7 +599517,20 @@ const CodeSession = (0, import_react.memo)(({ onExit, isTabActive = true }) => {
 			}
 			return;
 		}
-	}, { isActive: isTabActive && !slashMenuActive && !state.activeUserQuestions });
+		if (slashMenuActive || state.activeUserQuestions) return;
+		if (key.escape && proxy.state === "generating") {
+			api.abort().catch(() => {});
+			return;
+		}
+		if (key.pageUp) {
+			scrollByClamped(-(scrollRef.current?.getViewportHeight() || 10));
+			return;
+		}
+		if (key.pageDown) {
+			scrollByClamped(scrollRef.current?.getViewportHeight() || 10);
+			return;
+		}
+	}, { isActive: isTabActive });
 	const handleSlashCommand = (0, import_react.useCallback)((selection) => {
 		setSlashMenuActive(false);
 		switch (selection.commandId) {
@@ -599613,8 +599671,6 @@ const CodeSession = (0, import_react.memo)(({ onExit, isTabActive = true }) => {
 								const idx = startIndex + i;
 								const msgProxy = proxy.messages[idx];
 								const msgId = msgProxy.id;
-								const isLastMessage = idx === messageCount - 1;
-								const isStreaming = state.state === "generating";
 								return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorBoundary, {
 									fallback: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
 										paddingX: 2,
@@ -599624,9 +599680,11 @@ const CodeSession = (0, import_react.memo)(({ onExit, isTabActive = true }) => {
 											children: "[failed to render message]"
 										})
 									}),
-									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
-										minHeight: isLastMessage && isStreaming ? Math.floor(rows * .4) : void 0,
-										children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MessageBlockView, { message: msgProxy })
+									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MessageBlockView, {
+										message: msgProxy,
+										onRender: () => {
+											scrollRef.current?.remeasureItem(i);
+										}
 									})
 								}, `err-${msgId}-${idx}`);
 							})
@@ -600784,7 +600842,7 @@ function initSentry() {
 	init({
 		dsn: "https://1c5033d697e0271ebe53773bff826de0@o117565.ingest.us.sentry.io/4511107776905216",
 		tracesSampleRate: 0,
-		release: "0.3.9",
+		release: "0.3.10",
 		environment: process.env.NODE_ENV ?? "development",
 		enabled: false,
 		registerEsmLoaderHooks: false,
@@ -600808,7 +600866,7 @@ function isStandaloneBinary() {
 	return !path$6.basename(process.execPath, ".exe").startsWith("node");
 }
 function getCurrentVersion() {
-	return "0.3.9";
+	return "0.3.10";
 }
 async function fetchLatestVersion() {
 	return new Promise((resolve, reject) => {
@@ -601017,7 +601075,7 @@ async function downloadFile(url, dest, onRequest) {
 }
 //#endregion
 //#region src/cli.tsx
-const VERSION = "0.3.9";
+const VERSION = "0.3.10";
 async function startInk(command, options) {
 	await render(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(App, {
 		command,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/buildercode",
-  "version": "0.3.9",
+  "version": "0.3.10",
   "description": "Builder.io CLI - AI-powered code generation",
   "license": "MIT",
   "bin": {