@builder.io/buildercode 0.4.0 → 0.4.2

package/dist/cli.mjs

@@ -24577,6 +24577,14 @@ const setTextNodeValue = (node, text) => {
 	node.nodeValue = text;
 	markNodeAsDirty(node);
 };
+const addLayoutListener = (rootNode, listener) => {
+	if (rootNode.nodeName !== "ink-root") return () => {};
+	rootNode.internal_layoutListeners ??= /* @__PURE__ */ new Set();
+	rootNode.internal_layoutListeners.add(listener);
+	return () => {
+		rootNode.internal_layoutListeners?.delete(listener);
+	};
+};
 const emitLayoutListeners = (rootNode) => {
 	if (rootNode.nodeName !== "ink-root" || !rootNode.internal_layoutListeners) return;
 	for (const listener of rootNode.internal_layoutListeners) listener();
@@ -46020,6 +46028,73 @@ const useWindowSize = () => {
 	return size;
 };
 //#endregion
+//#region ../../node_modules/ink/build/hooks/use-box-metrics.js
+const emptyMetrics = {
+	width: 0,
+	height: 0,
+	left: 0,
+	top: 0
+};
+const findRootNode = (node) => {
+	if (!node) return;
+	if (!node.parentNode) return node.nodeName === "ink-root" ? node : void 0;
+	return findRootNode(node.parentNode);
+};
+/**
+A React hook that returns the current layout metrics for a tracked box element.
+It updates when layout changes (for example terminal resize, sibling/content changes, or position changes).
+
+The hook returns `{width: 0, height: 0, left: 0, top: 0}` until the first layout pass completes. It also returns zeros when the tracked ref is detached.
+
+Use `hasMeasured` to detect when the currently tracked element has been measured.
+
+@example
+```tsx
+import {useRef} from 'react';
+import {Box, Text, useBoxMetrics} from 'ink';
+
+const Example = () => {
+const ref = useRef(null);
+const {width, height, left, top, hasMeasured} = useBoxMetrics(ref);
+return (
+<Box ref={ref}>
+<Text>
+{hasMeasured ? `${width}x${height} at ${left},${top}` : 'Measuring...'}
+</Text>
+</Box>
+);
+};
+```
+*/
+const useBoxMetrics = (ref) => {
+	const [metrics, setMetrics] = (0, import_react.useState)(emptyMetrics);
+	const [hasMeasured, setHasMeasured] = (0, import_react.useState)(false);
+	const { stdout } = useStdout();
+	const updateMetrics = (0, import_react.useCallback)(() => {
+		const layout = ref.current?.yogaNode?.getComputedLayout() ?? emptyMetrics;
+		setMetrics((previousMetrics) => {
+			return previousMetrics.width !== layout.width || previousMetrics.height !== layout.height || previousMetrics.left !== layout.left || previousMetrics.top !== layout.top ? layout : previousMetrics;
+		});
+		setHasMeasured(Boolean(ref.current));
+	}, [ref]);
+	(0, import_react.useEffect)(updateMetrics);
+	(0, import_react.useEffect)(() => {
+		const rootNode = findRootNode(ref.current);
+		if (!rootNode) return;
+		return addLayoutListener(rootNode, updateMetrics);
+	});
+	(0, import_react.useEffect)(() => {
+		stdout.on("resize", updateMetrics);
+		return () => {
+			stdout.off("resize", updateMetrics);
+		};
+	}, [stdout, updateMetrics]);
+	return (0, import_react.useMemo)(() => ({
+		...metrics,
+		hasMeasured
+	}), [metrics, hasMeasured]);
+};
+//#endregion
 //#region ../../node_modules/ink/build/measure-element.js
 /**
 Measure the dimensions of a particular `<Box>` element.
@@ -245033,7 +245108,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.4.0";
+const pkgVersion = process.env.OVERRIDE_VERSION ?? "0.4.2";
 //#endregion
 //#region ../dev-tools/core/detect-frameworks.ts
 async function detectFrameworks$1(sys) {
@@ -290975,7 +291050,7 @@ function wc$1({ parent: e }) {
 		default: return !1;
 	}
 }
-function _c$25({ parent: e, grandparent: t }) {
+function _c$26({ parent: e, grandparent: t }) {
 	return t?.type === "JSXAttribute" && e.type === "JSXExpressionContainer" && t.name.type === "JSXIdentifier" && t.name.name === "css";
 }
 async function co(e, t, r) {
@@ -295991,7 +296066,7 @@ var init_estree = __esmMin((() => {
 		(e, t) => e.type === "CallExpression" && e.callee.type === "Identifier" && e.callee.name === "Component" && t === "arguments",
 		(e, t) => e.type === "Decorator" && t === "expression"
 	];
-	po$1 = (e) => Oc$1(e) || wc$1(e) || _c$25(e) || oo$2(e);
+	po$1 = (e) => Oc$1(e) || wc$1(e) || _c$26(e) || oo$2(e);
 	Es$6 = 0;
 	fo = mo.bind(void 0, "html"), yo = mo.bind(void 0, "angular");
 	jc = [
@@ -400168,7 +400243,7 @@ function xc(t, e, s = {}) {
 	let r = It(t, s.backwards ? e - 1 : e, s);
 	return r !== Gt(t, r, s);
 }
-function _c$24(t, e) {
+function _c$25(t, e) {
 	if (e === !1) return !1;
 	if (t.charAt(e) === "/" && t.charAt(e + 1) === "*") {
 		for (let s = e + 2; s < t.length; ++s) if (t.charAt(s) === "*" && t.charAt(s + 1) === "/") return s + 2;
@@ -405993,7 +406068,7 @@ https://evilmartians.com/chronicles/postcss-8-plugin-migration`));
 ` || t === "\r" || t === "\u2028" || t === "\u2029";
 	Gt = vc;
 	Yt = xc;
-	xi$1 = _c$24;
+	xi$1 = _c$25;
 	_i = bc;
 	Vt$1 = Ec;
 	De = Oc;
@@ -531515,6 +531590,7 @@ async function getAgent(url) {
 	}
 	return _agent || new import_undici.Agent({ connect: { rejectUnauthorized } });
 }
+let lastGetSetCookie = void 0;
 const safeFetch = async (input, init, debug) => {
 	const urlObj = new URL(input);
 	const hostname = urlObj.hostname;
@@ -531532,9 +531608,11 @@ const safeFetch = async (input, init, debug) => {
 			headers: {
 				...init?.headers,
 				...getUserAgent(),
-				...traceData
+				...traceData,
+				...lastGetSetCookie ? { Cookie: lastGetSetCookie.join("; ") } : {}
 			}
 		});
+		lastGetSetCookie = response.headers.getSetCookie();
 		outcome = `status: ${response.status}`;
 		if (!response.ok) {
 			if (response.status === 402) {
@@ -534467,6 +534545,80 @@ function getNextLineIndex(text, cursor) {
 	for (let i = 0; i <= lineIdx; i++) newIdx += lines[i].length + 1;
 	return newIdx + Math.min(col, targetLine.length);
 }
+/**
+* Split `text` into visual lines of at most `width` characters each,
+* returning the character-index range [start, end) for each visual row.
+* Hard newlines (\n) always create a new visual line.
+*/
+function getVisualLines(text, width) {
+	if (width <= 0) return [{
+		start: 0,
+		end: text.length
+	}];
+	const result = [];
+	const logicalLines = text.split("\n");
+	let pos = 0;
+	for (let li = 0; li < logicalLines.length; li++) {
+		const line = logicalLines[li];
+		const isLast = li === logicalLines.length - 1;
+		if (line.length === 0) result.push({
+			start: pos,
+			end: pos
+		});
+		else for (let col = 0; col < line.length; col += width) {
+			const segEnd = Math.min(col + width, line.length);
+			result.push({
+				start: pos + col,
+				end: pos + segEnd
+			});
+		}
+		pos += line.length + (isLast ? 0 : 1);
+	}
+	return result;
+}
+/**
+* Find which visual line the cursor is on, searching from the end.
+*
+* Searching in reverse means that when a cursor position falls on a
+* soft-wrap boundary (where segment_i.end === segment_{i+1}.start),
+* the LATER segment wins — which is visually correct: the cursor at
+* the first column of a wrapped row belongs to that row, not the one
+* above.  For hard-newline gaps there is no overlap, so the unique
+* containing segment is always found.
+*/
+function findVisualLineIndex(lines, cursor) {
+	for (let i = lines.length - 1; i >= 0; i--) {
+		const vl = lines[i];
+		if (cursor >= vl.start && cursor <= vl.end) return i;
+	}
+	return 0;
+}
+function isOnFirstVisualLine(text, cursor, width) {
+	const lines = getVisualLines(text, width);
+	if (lines.length <= 1) return true;
+	return findVisualLineIndex(lines, cursor) === 0;
+}
+function isOnLastVisualLine(text, cursor, width) {
+	const lines = getVisualLines(text, width);
+	if (!lines.length) return true;
+	return findVisualLineIndex(lines, cursor) === lines.length - 1;
+}
+function getPrevVisualLineIndex(text, cursor, width) {
+	const lines = getVisualLines(text, width);
+	const idx = findVisualLineIndex(lines, cursor);
+	if (idx <= 0) return cursor;
+	const col = cursor - lines[idx].start;
+	const prev = lines[idx - 1];
+	return prev.start + Math.min(col, prev.end - prev.start);
+}
+function getNextVisualLineIndex(text, cursor, width) {
+	const lines = getVisualLines(text, width);
+	const idx = findVisualLineIndex(lines, cursor);
+	if (idx >= lines.length - 1) return cursor;
+	const col = cursor - lines[idx].start;
+	const next = lines[idx + 1];
+	return next.start + Math.min(col, next.end - next.start);
+}
 const inputHistory = {
 	history: [],
 	historyIndex: -1,
@@ -534482,7 +534634,7 @@ function useInputHistory() {
 	let t0;
 	if ($[0] !== forceUpdate) {
 		t0 = () => {
-			const listener = () => forceUpdate(_temp$8);
+			const listener = () => forceUpdate(_temp$9);
 			inputHistory.listeners.add(listener);
 			return () => {
 				inputHistory.listeners.delete(listener);
@@ -534504,7 +534656,7 @@ function useInputHistory() {
 * characters — either case benefits from a compact inline placeholder rather
 * than flooding the input with raw content.
 */
-function _temp$8(n) {
+function _temp$9(n) {
 	return n + 1;
 }
 function isBigPaste(text) {
@@ -534514,24 +534666,16 @@ function makePasteToken(id, lineCount) {
 	return `[Pasted text #${id} +${lineCount} line${lineCount === 1 ? "" : "s"}]`;
 }
 function useTextInput(options = {}) {
-	const { onSubmit, onChange, onTab, onShiftTab, onPaste, onBackspaceEmpty, isActive = true, getIsMenuActive, submitDisabled = false, disableHistory = false, initialValue = "" } = options;
+	const { onSubmit, onChange, onTab, onShiftTab, onPaste, onBackspaceEmpty, isActive = true, getIsMenuActive, submitDisabled = false, disableHistory = false, initialValue = "", inputWidth = 0 } = options;
 	const [value, setValueState] = (0, import_react.useState)(initialValue);
 	const [cursorIndex, setCursorIndex] = (0, import_react.useState)(initialValue.length);
 	useInputHistory();
-	const fnDeleteRef = (0, import_react.useRef)(false);
-	(0, import_react.useEffect)(() => {
-		const onData = (data) => {
-			if (data.toString("utf8").includes("\x1B[3~")) fnDeleteRef.current = true;
-		};
-		process.stdin.on("data", onData);
-		return () => {
-			process.stdin.off("data", onData);
-		};
-	}, []);
 	const valueRef = (0, import_react.useRef)(value);
 	const cursorRef = (0, import_react.useRef)(cursorIndex);
+	const inputWidthRef = (0, import_react.useRef)(inputWidth);
 	valueRef.current = value;
 	cursorRef.current = cursorIndex;
+	inputWidthRef.current = inputWidth;
 	const pasteMapRef = (0, import_react.useRef)(/* @__PURE__ */ new Map());
 	const pasteCounterRef = (0, import_react.useRef)(0);
 	const resolvePaste = (0, import_react.useCallback)((val) => {
@@ -534579,6 +534723,7 @@ function useTextInput(options = {}) {
 		onChange?.("");
 	}, [onChange]);
 	useInput((input, key) => {
+		input = input.replaceAll("\\\r", "\n");
 		const val_3 = valueRef.current;
 		const cursor_1 = cursorRef.current;
 		const { active: isMenuActive, captureSpace } = getIsMenuActive?.() ?? {
@@ -534609,9 +534754,12 @@ function useTextInput(options = {}) {
 			return;
 		}
 		if (key.return && (key.ctrl || key.shift || key.meta)) {
-			const next_1 = val_3.slice(0, cursor_1) + "\n" + val_3.slice(cursor_1);
+			const hasStrayBackslash = cursor_1 > 0 && val_3[cursor_1 - 1] === "\\";
+			const baseVal = hasStrayBackslash ? val_3.slice(0, cursor_1 - 1) + val_3.slice(cursor_1) : val_3;
+			const baseCursor = hasStrayBackslash ? cursor_1 - 1 : cursor_1;
+			const next_1 = baseVal.slice(0, baseCursor) + "\n" + baseVal.slice(baseCursor);
 			setValueState(next_1);
-			setCursorIndex(cursor_1 + 1);
+			setCursorIndex(baseCursor + 1);
 			onChange?.(next_1);
 			return;
 		}
@@ -534667,11 +534815,12 @@ function useTextInput(options = {}) {
 			return;
 		}
 		if (key.upArrow) {
-			if (!isOnFirstLine(val_3, cursor_1)) {
-				setCursorIndex(getPrevLineIndex(val_3, cursor_1));
+			const iw = inputWidthRef.current;
+			if (!(iw > 0 ? isOnFirstVisualLine(val_3, cursor_1, iw) : isOnFirstLine(val_3, cursor_1))) {
+				setCursorIndex(iw > 0 ? getPrevVisualLineIndex(val_3, cursor_1, iw) : getPrevLineIndex(val_3, cursor_1));
 				return;
 			}
-			if (!disableHistory) {
+			if (!disableHistory && !val_3.includes("\n")) {
 				const { history: h, historyIndex: hi } = inputHistory;
 				const nextIndex = hi + 1;
 				if (nextIndex < h.length) {
@@ -534688,11 +534837,12 @@ function useTextInput(options = {}) {
 			return;
 		}
 		if (key.downArrow) {
-			if (!isOnLastLine(val_3, cursor_1)) {
-				setCursorIndex(getNextLineIndex(val_3, cursor_1));
+			const iw_0 = inputWidthRef.current;
+			if (!(iw_0 > 0 ? isOnLastVisualLine(val_3, cursor_1, iw_0) : isOnLastLine(val_3, cursor_1))) {
+				setCursorIndex(iw_0 > 0 ? getNextVisualLineIndex(val_3, cursor_1, iw_0) : getNextLineIndex(val_3, cursor_1));
 				return;
 			}
-			if (!disableHistory) {
+			if (!disableHistory && !val_3.includes("\n")) {
 				const { history: h_0, historyIndex: hi_0, historyDraft: hd } = inputHistory;
 				if (hi_0 > 0) {
 					const nextIndex_0 = hi_0 - 1;
@@ -534722,16 +534872,14 @@ function useTextInput(options = {}) {
 			setCursorIndex(Math.min(val_3.length, cursor_1 + 1));
 			return;
 		}
-		if (key.delete || key.backspace) {
-			const isFnDelete = fnDeleteRef.current;
-			fnDeleteRef.current = false;
-			if (isFnDelete) {
-				if (cursor_1 < val_3.length) {
-					const next_5 = val_3.slice(0, cursor_1) + val_3.slice(cursor_1 + 1);
-					setValueState(next_5);
-					onChange?.(next_5);
-				}
-			} else if (cursor_1 > 0) {
+		if (key.delete && cursor_1 < val_3.length) {
+			const next_5 = val_3.slice(0, cursor_1) + val_3.slice(cursor_1 + 1);
+			setValueState(next_5);
+			onChange?.(next_5);
+			return;
+		}
+		if (key.backspace) {
+			if (cursor_1 > 0) {
 				const next_6 = val_3.slice(0, cursor_1 - 1) + val_3.slice(cursor_1);
 				setValueState(next_6);
 				setCursorIndex(cursor_1 - 1);
@@ -534739,7 +534887,8 @@ function useTextInput(options = {}) {
 			} else if (val_3.length === 0) onBackspaceEmpty?.();
 			return;
 		}
-		if (input.length === 1 && input.charCodeAt(0) < 32) return;
+		const code = input.charCodeAt(0);
+		if (input.length === 1 && code < 32 && code !== 10) return;
 		if (input) {
 			if (inputHistory.historyIndex !== -1) {
 				inputHistory.historyIndex = -1;
@@ -536248,7 +536397,8 @@ function useCodeGenStateHandler() {
 					id: `thinking-${_msgIdCounter++}`,
 					type: "thinking",
 					content: step.content ?? "",
-					streaming: true
+					streaming: true,
+					startedAt: Date.now()
 				});
 				break;
 			case "delta": {
@@ -536695,7 +536845,7 @@ function SlashCommandMenu(t0) {
 	const contextPct = t2;
 	let t3;
 	if ($[3] !== state.customInstructions) {
-		t3 = (state.customInstructions ?? []).filter(_temp$7).map(_temp2$4);
+		t3 = (state.customInstructions ?? []).filter(_temp$8).map(_temp2$5);
 		$[3] = state.customInstructions;
 		$[4] = t3;
 	} else t3 = $[4];
@@ -537155,14 +537305,14 @@ function _temp4$1(cmd_1) {
 function _temp3$4(c) {
 	return c.label.length;
 }
-function _temp2$4(i_0) {
+function _temp2$5(i_0) {
 	return {
 		id: i_0.name,
 		label: `/${i_0.name}`,
 		description: i_0.description
 	};
 }
-function _temp$7(i) {
+function _temp$8(i) {
 	return i.isSkill && i.userInvocable !== false && !BUILTIN_COMMAND_IDS.has(i.name);
 }
 //#endregion
@@ -537520,6 +537670,8 @@ const InputPrompt = (0, import_react.memo)(({ onSubmit, onChange, onSlashCommand
 		setDismissedSlashValue(null);
 		onChange?.("");
 	}, [onChange, onSubmit]);
+	const inputBoxRef = (0, import_react.useRef)(null);
+	const { width: inputWidth } = useBoxMetrics(inputBoxRef);
 	const pasteHandlerRef = (0, import_react.useRef)(() => {});
 	const { value, cursorIndex, setValue, clear } = useTextInput({
 		onSubmit: handleSubmitFromHook,
@@ -537530,6 +537682,7 @@ const InputPrompt = (0, import_react.memo)(({ onSubmit, onChange, onSlashCommand
 		getIsMenuActive,
 		submitDisabled: false,
 		initialValue,
+		inputWidth,
 		onPaste: () => void Promise.resolve(pasteHandlerRef.current()).catch(() => {}),
 		onBackspaceEmpty: pendingAttachments.length > 0 && onRemoveAttachment ? () => {
 			const last = pendingAttachments[pendingAttachments.length - 1];
@@ -537640,7 +537793,8 @@ const InputPrompt = (0, import_react.memo)(({ onSubmit, onChange, onSlashCommand
 							children: "queued:"
 						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
 							color: "yellow",
-							children: msg.displayPrompt.length > 60 ? msg.displayPrompt.slice(0, 57) + "..." : msg.displayPrompt
+							wrap: "truncate-end",
+							children: msg.displayPrompt
 						})]
 					}, msg.idempotencyKey || i);
 				})
@@ -537700,14 +537854,17 @@ const InputPrompt = (0, import_react.memo)(({ onSubmit, onChange, onSlashCommand
 							children: "(backspace on empty input to remove)"
 						})]
 					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ControlledTextInput, {
-						value,
-						cursorIndex,
-						rows: 1,
-						placeholder: hint,
-						showCursor: true,
-						maxRows: 10
-					}) }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+						ref: inputBoxRef,
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ControlledTextInput, {
+							value,
+							cursorIndex,
+							rows: 1,
+							placeholder: hint,
+							showCursor: true,
+							maxRows: 10
+						})
+					}),
 					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
 						columnGap: 1,
 						flexWrap: "wrap",
@@ -537776,7 +537933,7 @@ function RewindMode(t0) {
 	if ($[0] !== onCancel || $[1] !== onSelect || $[2] !== selectedIndex || $[3] !== turns) {
 		t1 = (input, key) => {
 			if (key.upArrow) {
-				setSelectedIndex(_temp$6);
+				setSelectedIndex(_temp$7);
 				return;
 			}
 			if (key.downArrow) {
@@ -537910,7 +538067,7 @@ function RewindMode(t0) {
 	} else t7 = $[16];
 	return t7;
 }
-function _temp$6(i) {
+function _temp$7(i) {
 	return Math.max(0, i - 1);
 }
 //#endregion
@@ -537983,34 +538140,35 @@ const AskUserQuestionDisplay = (0, import_react.memo)(({ onSubmit, onAbort, isTa
 	};
 	useInput((input, key) => {
 		const { selectedIndex: selectedIndex_0, activeTabIndex: activeTabIndex_0, question: question_0, allOptions: allOptions_0, questions: questions_0, isConfirmTab: isConfirmTab_0, customMode: customMode_0, customText: customText_0, answers: answers_0 } = latestRef.current;
+		function submitAnswer(rawAnswer) {
+			if (!question_0) return;
+			const nextAnswer = rawAnswer.trim() || "Other";
+			const newAnswers = {
+				...answers_0,
+				[question_0.question]: nextAnswer
+			};
+			setAnswers(newAnswers);
+			setSelectedIndices((prev) => ({
+				...prev,
+				[question_0.question]: getSelectedIndexForAnswer(question_0, nextAnswer)
+			}));
+			setCustomMode(false);
+			setCustomText("");
+			const nextUnanswered = findNextUnansweredIndex(questions_0, newAnswers, activeTabIndex_0 + 1);
+			if (nextUnanswered >= 0) {
+				setActiveTabIndex(nextUnanswered);
+				return;
+			}
+			const firstUnanswered = findFirstUnansweredIndex(questions_0, newAnswers);
+			setActiveTabIndex(firstUnanswered >= 0 ? firstUnanswered : questions_0.length);
+		}
 		if (input === "c" && key.ctrl) {
 			onAbort?.();
 			return;
 		}
 		if (customMode_0) {
-			if (key.return) {
-				if (question_0) {
-					const nextAnswer = (customText_0 || "Other").trim() || "Other";
-					const newAnswers = {
-						...answers_0,
-						[question_0.question]: nextAnswer
-					};
-					setAnswers(newAnswers);
-					setSelectedIndices((prev) => ({
-						...prev,
-						[question_0.question]: getSelectedIndexForAnswer(question_0, nextAnswer)
-					}));
-					setCustomMode(false);
-					setCustomText("");
-					const nextUnanswered = findNextUnansweredIndex(questions_0, newAnswers, activeTabIndex_0 + 1);
-					if (nextUnanswered >= 0) {
-						setActiveTabIndex(nextUnanswered);
-						return;
-					}
-					const firstUnanswered = findFirstUnansweredIndex(questions_0, newAnswers);
-					setActiveTabIndex(firstUnanswered >= 0 ? firstUnanswered : questions_0.length);
-				}
-			} else if (key.escape) {
+			if (key.return) submitAnswer(customText_0 || "Other");
+			else if (key.escape) {
 				setCustomMode(false);
 				setCustomText("");
 			} else if (key.backspace || key.delete) setCustomText((text) => text.slice(0, -1));
@@ -538044,27 +538202,7 @@ const AskUserQuestionDisplay = (0, import_react.memo)(({ onSubmit, onAbort, isTa
 		else if (key.return || input === " ") if (selectedIndex_0 === allOptions_0.length - 1) {
 			setCustomMode(true);
 			setCustomText(answers_0[question_0.question] ?? "");
-		} else {
-			const nextAnswer_0 = allOptions_0[selectedIndex_0].label.trim() || "Other";
-			const newAnswers_0 = {
-				...answers_0,
-				[question_0.question]: nextAnswer_0
-			};
-			setAnswers(newAnswers_0);
-			setSelectedIndices((prev_2) => ({
-				...prev_2,
-				[question_0.question]: getSelectedIndexForAnswer(question_0, nextAnswer_0)
-			}));
-			setCustomMode(false);
-			setCustomText("");
-			const nextUnanswered_0 = findNextUnansweredIndex(questions_0, newAnswers_0, activeTabIndex_0 + 1);
-			if (nextUnanswered_0 >= 0) {
-				setActiveTabIndex(nextUnanswered_0);
-				return;
-			}
-			const firstUnanswered_0 = findFirstUnansweredIndex(questions_0, newAnswers_0);
-			setActiveTabIndex(firstUnanswered_0 >= 0 ? firstUnanswered_0 : questions_0.length);
-		}
+		} else submitAnswer(allOptions_0[selectedIndex_0].label);
 	}, { isActive: questions.length > 0 && isTabActive });
 	const confirmItems = (0, import_react.useMemo)(() => questions.map((item_0, index) => ({
 		key: item_0.question,
@@ -538106,17 +538244,17 @@ const AskUserQuestionDisplay = (0, import_react.memo)(({ onSubmit, onAbort, isTa
 						questions.map((item_1, index_0) => {
 							const isActive = index_0 === activeTabIndex;
 							const isAnswered = !!answers[item_1.question];
-							const label_0 = getQuestionTabLabel(item_1, index_0);
+							const label = getQuestionTabLabel(item_1, index_0);
 							return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
 								"aria-role": "tab",
 								"aria-state": { selected: isActive },
-								"aria-label": `${label_0} ${isAnswered ? "(answered)" : "(unanswered)"}`,
+								"aria-label": `${label} ${isAnswered ? "(answered)" : "(unanswered)"}`,
 								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
 									backgroundColor: isActive ? accentColor : void 0,
 									color: isActive ? "black" : isAnswered ? "green" : void 0,
 									bold: isActive,
 									dimColor: !isActive && !isAnswered,
-									children: ` ${isAnswered ? "✓" : index_0 + 1} ${label_0} `
+									children: ` ${isAnswered ? "✓" : index_0 + 1} ${label} `
 								})
 							}, item_1.question);
 						}),
@@ -540176,8 +540314,8 @@ function useToast() {
 //#endregion
 //#region src/components/StatusBar.tsx
 const StatusBar = (0, import_react.memo)((t0) => {
-	const $ = (0, import_compiler_runtime.c)(31);
-	const { ctrlCPending, showSidebar } = t0;
+	const $ = (0, import_compiler_runtime.c)(39);
+	const { ctrlCPending, showSidebar, updateCheck } = t0;
 	const [state] = useCodeGenState();
 	const toast = useToast();
 	if (ctrlCPending) {
@@ -540211,22 +540349,82 @@ const StatusBar = (0, import_react.memo)((t0) => {
 		} else t2 = $[3];
 		return t2;
 	}
+	if (updateCheck?.status === "upgrade") {
+		let t1;
+		if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+			t1 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+				color: "yellow",
+				children: "⬆"
+			});
+			$[4] = t1;
+		} else t1 = $[4];
+		let t2;
+		if ($[5] !== updateCheck.currentVersion || $[6] !== updateCheck.newVersion) {
+			t2 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+				color: "yellow",
+				children: [
+					"Update available: ",
+					updateCheck.currentVersion,
+					" →",
+					" ",
+					updateCheck.newVersion
+				]
+			});
+			$[5] = updateCheck.currentVersion;
+			$[6] = updateCheck.newVersion;
+			$[7] = t2;
+		} else t2 = $[7];
+		let t3;
+		let t4;
+		if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+			t3 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+				dimColor: true,
+				children: "· run"
+			});
+			t4 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+				bold: true,
+				color: "yellow",
+				children: "builder update"
+			});
+			$[8] = t3;
+			$[9] = t4;
+		} else {
+			t3 = $[8];
+			t4 = $[9];
+		}
+		let t5;
+		if ($[10] !== t2) {
+			t5 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+				paddingY: 0,
+				gap: 1,
+				children: [
+					t1,
+					t2,
+					t3,
+					t4
+				]
+			});
+			$[10] = t2;
+			$[11] = t5;
+		} else t5 = $[11];
+		return t5;
+	}
 	const ctx = state.contextWindow;
 	const showContext = !showSidebar && ctx != null;
 	let t1;
-	if ($[4] !== ctx || $[5] !== showContext) {
+	if ($[12] !== ctx || $[13] !== showContext) {
 		t1 = showContext ? Math.round(Math.min(ctx.usage, 1) * 100) : 0;
-		$[4] = ctx;
-		$[5] = showContext;
-		$[6] = t1;
-	} else t1 = $[6];
+		$[12] = ctx;
+		$[13] = showContext;
+		$[14] = t1;
+	} else t1 = $[14];
 	const pct = t1;
 	const tokens = showContext ? ctx.usedTokens : 0;
-	const fmtTokens = _temp$5;
+	const fmtTokens = _temp$6;
 	const ctxColor = pct > 80 ? "red" : pct > 50 ? "yellow" : "green";
 	if (ctx != null && pct >= 75 && !state.activeUserQuestions) {
 		let t2;
-		if ($[7] !== ctxColor || $[8] !== pct || $[9] !== showContext || $[10] !== tokens) {
+		if ($[15] !== ctxColor || $[16] !== pct || $[17] !== showContext || $[18] !== tokens) {
 			t2 = showContext && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
 				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
 					color: ctxColor,
@@ -540239,24 +540437,24 @@ const StatusBar = (0, import_react.memo)((t0) => {
 				}),
 				") · "
 			] });
-			$[7] = ctxColor;
-			$[8] = pct;
-			$[9] = showContext;
-			$[10] = tokens;
-			$[11] = t2;
-		} else t2 = $[11];
+			$[15] = ctxColor;
+			$[16] = pct;
+			$[17] = showContext;
+			$[18] = tokens;
+			$[19] = t2;
+		} else t2 = $[19];
 		let t3;
-		if ($[12] !== ctxColor) {
+		if ($[20] !== ctxColor) {
 			t3 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
 				bold: true,
 				color: ctxColor,
 				children: "/compact"
 			});
-			$[12] = ctxColor;
-			$[13] = t3;
-		} else t3 = $[13];
+			$[20] = ctxColor;
+			$[21] = t3;
+		} else t3 = $[21];
 		let t4;
-		if ($[14] !== ctxColor || $[15] !== t2 || $[16] !== t3) {
+		if ($[22] !== ctxColor || $[23] !== t2 || $[24] !== t3) {
 			t4 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
 				color: ctxColor,
 				dimColor: true,
@@ -540269,13 +540467,13 @@ const StatusBar = (0, import_react.memo)((t0) => {
 					"to summarize the conversation before hitting the limit"
 				]
 			});
-			$[14] = ctxColor;
-			$[15] = t2;
-			$[16] = t3;
-			$[17] = t4;
-		} else t4 = $[17];
+			$[22] = ctxColor;
+			$[23] = t2;
+			$[24] = t3;
+			$[25] = t4;
+		} else t4 = $[25];
 		let t5;
-		if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
+		if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
 			t5 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
 				gap: 3,
 				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
@@ -540286,22 +540484,22 @@ const StatusBar = (0, import_react.memo)((t0) => {
 					}), " mode"]
 				})
 			});
-			$[18] = t5;
-		} else t5 = $[18];
+			$[26] = t5;
+		} else t5 = $[26];
 		let t6;
-		if ($[19] !== t4) {
+		if ($[27] !== t4) {
 			t6 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
 				justifyContent: "space-between",
 				paddingY: 0,
 				children: [t4, t5]
 			});
-			$[19] = t4;
-			$[20] = t6;
-		} else t6 = $[20];
+			$[27] = t4;
+			$[28] = t6;
+		} else t6 = $[28];
 		return t6;
 	}
 	let t2;
-	if ($[21] !== ctxColor || $[22] !== pct || $[23] !== showContext || $[24] !== tokens) {
+	if ($[29] !== ctxColor || $[30] !== pct || $[31] !== showContext || $[32] !== tokens) {
 		t2 = showContext ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
 			dimColor: true,
 			children: [
@@ -540317,14 +540515,14 @@ const StatusBar = (0, import_react.memo)((t0) => {
 				")"
 			]
 		}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spacer, {});
-		$[21] = ctxColor;
-		$[22] = pct;
-		$[23] = showContext;
-		$[24] = tokens;
-		$[25] = t2;
-	} else t2 = $[25];
+		$[29] = ctxColor;
+		$[30] = pct;
+		$[31] = showContext;
+		$[32] = tokens;
+		$[33] = t2;
+	} else t2 = $[33];
 	let t3;
-	if ($[26] !== state.activeUserQuestions) {
+	if ($[34] !== state.activeUserQuestions) {
 		t3 = state.activeUserQuestions ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
 			gap: 3,
 			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [
@@ -540361,23 +540559,23 @@ const StatusBar = (0, import_react.memo)((t0) => {
 				}), " mode"]
 			})
 		});
-		$[26] = state.activeUserQuestions;
-		$[27] = t3;
-	} else t3 = $[27];
+		$[34] = state.activeUserQuestions;
+		$[35] = t3;
+	} else t3 = $[35];
 	let t4;
-	if ($[28] !== t2 || $[29] !== t3) {
+	if ($[36] !== t2 || $[37] !== t3) {
 		t4 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
 			justifyContent: "space-between",
 			paddingY: 0,
 			children: [t2, t3]
 		});
-		$[28] = t2;
-		$[29] = t3;
-		$[30] = t4;
-	} else t4 = $[30];
+		$[36] = t2;
+		$[37] = t3;
+		$[38] = t4;
+	} else t4 = $[38];
 	return t4;
 });
-function _temp$5(n) {
+function _temp$6(n) {
 	return n >= 1e6 ? `${(n / 1e6).toFixed(1)}M` : n >= 1e3 ? `${(n / 1e3).toFixed(0)}k` : String(n);
 }
 //#endregion
@@ -540420,8 +540618,8 @@ const GeneratingProgress = (0, import_react.memo)(() => {
 	const theme = useTheme();
 	const isGenerating = state.state === "generating";
 	const todos = state.todoItems ?? [];
-	const completed = todos.filter(_temp$4);
-	const inProgress = todos.find(_temp2$3);
+	const completed = todos.filter(_temp$5);
+	const inProgress = todos.find(_temp2$4);
 	const pending = todos.filter(_temp3$3);
 	const lastCompleted = completed[completed.length - 1];
 	const openCount = pending.length + (inProgress ? 1 : 0);
@@ -540458,7 +540656,6 @@ const GeneratingProgress = (0, import_react.memo)(() => {
 		if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
 			t1 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
 				gap: 1,
-				marginBottom: 1,
 				children: [t0, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
 					flexShrink: 0,
 					children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
@@ -540475,10 +540672,12 @@ const GeneratingProgress = (0, import_react.memo)(() => {
 		return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
 			flexDirection: "column",
 			marginTop: 2,
+			marginBottom: 1,
 			children: [
 				t1,
 				inProgress && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
 					gap: 1,
+					marginTop: 1,
 					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
 						flexShrink: 0,
 						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
@@ -540667,10 +540866,10 @@ const ProgressBar = (0, import_react.memo)(() => {
 	} else t2 = $[4];
 	return t2;
 });
-function _temp$4(t) {
+function _temp$5(t) {
 	return t.status === "completed";
 }
-function _temp2$3(t_0) {
+function _temp2$4(t_0) {
 	return t_0.status === "in_progress";
 }
 function _temp3$3(t_1) {
@@ -541524,7 +541723,7 @@ const TipsSection = (0, import_react.memo)(() => {
 	bb0: {
 		let t1;
 		if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-			t1 = TIPS.filter(_temp$3);
+			t1 = TIPS.filter(_temp$4);
 			$[0] = t1;
 		} else t1 = $[0];
 		const availableTips = t1;
@@ -541675,7 +541874,7 @@ const TodoSection = (0, import_react.memo)(() => {
 	if (!state.todoItems?.length) return null;
 	let t0;
 	if ($[0] !== state.todoItems) {
-		t0 = state.todoItems.filter(_temp2$2);
+		t0 = state.todoItems.filter(_temp2$3);
 		$[0] = state.todoItems;
 		$[1] = t0;
 	} else t0 = $[1];
@@ -541793,7 +541992,7 @@ const FooterSection = (0, import_react.memo)(() => {
 			children: [
 				"•",
 				" Fusion ",
-				"0.4.0"
+				"0.4.2"
 			]
 		});
 		$[10] = t7;
@@ -541879,10 +542078,10 @@ const Sidebar = (0, import_react.memo)(() => {
 	} else t8 = $[9];
 	return t8;
 });
-function _temp$3(item) {
+function _temp$4(item) {
 	return item.text;
 }
-function _temp2$2(t) {
+function _temp2$3(t) {
 	return t.status === "completed";
 }
 function _temp3$2(item) {
@@ -601272,7 +601471,7 @@ function OutputPreview(t0) {
 		T0 = Box;
 		t2 = "column";
 		t3 = 2;
-		t4 = lines.map(_temp$2);
+		t4 = lines.map(_temp$3);
 		$[0] = maxLines;
 		$[1] = text;
 		$[2] = T0;
@@ -601326,7 +601525,7 @@ function OutputPreview(t0) {
 	} else t6 = $[17];
 	return t6;
 }
-function _temp$2(line, i) {
+function _temp$3(line, i) {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
 		flexDirection: "row",
 		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
@@ -601391,7 +601590,7 @@ function DiffView(t0) {
 	const lines = t1;
 	let t2;
 	if ($[3] !== lines) {
-		t2 = lines.map(_temp2$1);
+		t2 = lines.map(_temp2$2);
 		$[3] = lines;
 		$[4] = t2;
 	} else t2 = $[4];
@@ -601407,7 +601606,7 @@ function DiffView(t0) {
 	} else t3 = $[6];
 	return t3;
 }
-function _temp2$1(line, i) {
+function _temp2$2(line, i) {
 	if (line.kind === "ellipsis") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
 		dimColor: true,
 		children: "  ···"
@@ -602853,6 +603052,7 @@ const MessageBlockView = (0, import_react.memo)((props) => {
 			if ($[15] !== message.content || $[16] !== message.id || $[17] !== props.onRender) {
 				t2 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CompletedTextBlock, {
 					text: message.content,
+					streaming: false,
 					onRender: props.onRender
 				}, message.id);
 				$[15] = message.content;
@@ -602918,52 +603118,54 @@ const MessageBlockView = (0, import_react.memo)((props) => {
 		}
 		case "thinking": {
 			let t2;
-			if ($[34] !== message.content || $[35] !== message.id || $[36] !== message.streaming || $[37] !== props.onRender) {
+			if ($[34] !== message.content || $[35] !== message.id || $[36] !== message.startedAt || $[37] !== message.streaming || $[38] !== props.onRender) {
 				t2 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThinkingBlock, {
 					text: message.content,
 					streaming: message.streaming,
+					startedAt: message.startedAt,
 					onRender: props.onRender
 				}, message.id);
 				$[34] = message.content;
 				$[35] = message.id;
-				$[36] = message.streaming;
-				$[37] = props.onRender;
-				$[38] = t2;
-			} else t2 = $[38];
+				$[36] = message.startedAt;
+				$[37] = message.streaming;
+				$[38] = props.onRender;
+				$[39] = t2;
+			} else t2 = $[39];
 			let t3;
-			if ($[39] !== flashBg || $[40] !== t2) {
+			if ($[40] !== flashBg || $[41] !== t2) {
 				t3 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
 					flexDirection: "column",
 					backgroundColor: flashBg,
 					"aria-hidden": true,
 					children: t2
 				});
-				$[39] = flashBg;
-				$[40] = t2;
-				$[41] = t3;
-			} else t3 = $[41];
+				$[40] = flashBg;
+				$[41] = t2;
+				$[42] = t3;
+			} else t3 = $[42];
 			inner = t3;
 			break bb0;
 		}
 		case "idle": {
 			const idleMsg = message;
 			let t2;
-			if ($[42] !== idleMsg.durationMs) {
+			if ($[43] !== idleMsg.durationMs) {
 				t2 = formatDuration(idleMsg.durationMs);
-				$[42] = idleMsg.durationMs;
-				$[43] = t2;
-			} else t2 = $[43];
+				$[43] = idleMsg.durationMs;
+				$[44] = t2;
+			} else t2 = $[44];
 			const idleDuration = t2;
 			const idleAriaLabel = idleMsg.state === "error" ? `Failed after ${idleDuration}` : idleMsg.state === "abort" ? `Interrupted after ${idleDuration}` : `Worked for ${idleDuration}`;
 			let t3;
-			if ($[44] !== idleMsg || $[45] !== message.id) {
+			if ($[45] !== idleMsg || $[46] !== message.id) {
 				t3 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IdleBlock, { message: idleMsg }, message.id);
-				$[44] = idleMsg;
-				$[45] = message.id;
-				$[46] = t3;
-			} else t3 = $[46];
+				$[45] = idleMsg;
+				$[46] = message.id;
+				$[47] = t3;
+			} else t3 = $[47];
 			let t4;
-			if ($[47] !== flashBg || $[48] !== idleAriaLabel || $[49] !== t3) {
+			if ($[48] !== flashBg || $[49] !== idleAriaLabel || $[50] !== t3) {
 				t4 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
 					flexDirection: "column",
 					backgroundColor: flashBg,
@@ -602971,22 +603173,15 @@ const MessageBlockView = (0, import_react.memo)((props) => {
 					"aria-label": idleAriaLabel,
 					children: t3
 				});
-				$[47] = flashBg;
-				$[48] = idleAriaLabel;
-				$[49] = t3;
-				$[50] = t4;
-			} else t4 = $[50];
+				$[48] = flashBg;
+				$[49] = idleAriaLabel;
+				$[50] = t3;
+				$[51] = t4;
+			} else t4 = $[51];
 			inner = t4;
 			break bb0;
 		}
-		default: {
-			let t2;
-			if ($[51] === Symbol.for("react.memo_cache_sentinel")) {
-				t2 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {});
-				$[51] = t2;
-			} else t2 = $[51];
-			return t2;
-		}
+		default: throw new Error(`Unknown message type: ${message}`);
 	}
 	let t2;
 	if ($[52] !== flash || $[53] !== theme) {
@@ -603059,36 +603254,62 @@ function CompletedTextBlock(t0) {
 	} else t4 = $[7];
 	return t4;
 }
-const THINKING_MAX_CHARS = 400;
 function ThinkingBlock(t0) {
-	const $ = (0, import_compiler_runtime.c)(16);
-	const { text, streaming: t1, onRender } = t0;
+	const $ = (0, import_compiler_runtime.c)(25);
+	const { text, streaming: t1, onRender, startedAt } = t0;
 	const streaming = t1 === void 0 ? false : t1;
 	let t2;
 	if ($[0] !== text) {
-		t2 = text.length > THINKING_MAX_CHARS ? "…" + text.slice(-THINKING_MAX_CHARS).trimStart() : text;
+		t2 = text.trimEnd().split("\n").pop() ?? "";
 		$[0] = text;
 		$[1] = t2;
 	} else t2 = $[1];
-	const preview = t2;
+	const lastParagraph = t2;
 	let t3;
-	if ($[2] !== onRender) {
-		t3 = () => {
-			onRender();
+	if ($[2] !== streaming) {
+		t3 = {
+			isActive: streaming,
+			interval: 1e3
 		};
-		$[2] = onRender;
+		$[2] = streaming;
 		$[3] = t3;
 	} else t3 = $[3];
+	const { frame } = useAnimation(t3);
 	let t4;
-	if ($[4] !== preview) {
-		t4 = [preview];
-		$[4] = preview;
+	if ($[4] !== onRender) {
+		t4 = () => {
+			onRender();
+		};
+		$[4] = onRender;
 		$[5] = t4;
 	} else t4 = $[5];
-	(0, import_react.useEffect)(t3, t4);
 	let t5;
-	if ($[6] !== streaming) {
-		t5 = streaming ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+	if ($[6] !== lastParagraph) {
+		t5 = [lastParagraph];
+		$[6] = lastParagraph;
+		$[7] = t5;
+	} else t5 = $[7];
+	(0, import_react.useEffect)(t4, t5);
+	let t6;
+	bb0: {
+		if (startedAt == null) {
+			t6 = void 0;
+			break bb0;
+		}
+		const t7 = Math.floor((Date.now() - startedAt) / 1e3) * 1e3;
+		let t8;
+		if ($[8] !== t7) {
+			t8 = formatDuration(t7);
+			$[8] = t7;
+			$[9] = t8;
+		} else t8 = $[9];
+		t6 = `for ${t8}`;
+	}
+	const durationText = t6;
+	let t7;
+	let t8;
+	if ($[10] !== streaming) {
+		t7 = streaming ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
 			bold: true,
 			color: "cyan",
 			"aria-hidden": true,
@@ -603098,53 +603319,73 @@ function ThinkingBlock(t0) {
 			"aria-hidden": true,
 			children: "◆"
 		});
-		$[6] = streaming;
-		$[7] = t5;
-	} else t5 = $[7];
-	let t6;
-	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-		t6 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+		t8 = streaming ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
 			bold: true,
 			dimColor: true,
 			children: "Thinking"
+		}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			bold: true,
+			children: "Thought"
 		});
-		$[8] = t6;
-	} else t6 = $[8];
-	let t7;
-	if ($[9] !== t5) {
-		t7 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+		$[10] = streaming;
+		$[11] = t7;
+		$[12] = t8;
+	} else {
+		t7 = $[11];
+		t8 = $[12];
+	}
+	let t9;
+	if ($[13] !== durationText) {
+		t9 = durationText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			dimColor: true,
+			children: durationText
+		});
+		$[13] = durationText;
+		$[14] = t9;
+	} else t9 = $[14];
+	let t10;
+	if ($[15] !== t7 || $[16] !== t8 || $[17] !== t9) {
+		t10 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
 			gap: 1,
-			children: [t5, t6]
+			children: [
+				t7,
+				t8,
+				t9
+			]
 		});
-		$[9] = t5;
-		$[10] = t7;
-	} else t7 = $[10];
-	let t8;
-	if ($[11] !== preview) {
-		t8 = preview.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+		$[15] = t7;
+		$[16] = t8;
+		$[17] = t9;
+		$[18] = t10;
+	} else t10 = $[18];
+	let t11;
+	if ($[19] !== lastParagraph || $[20] !== text.length) {
+		t11 = text.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
 			paddingLeft: 2,
+			flexWrap: "wrap",
 			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
 				dimColor: true,
 				wrap: "wrap",
-				children: preview
+				children: lastParagraph
 			})
 		});
-		$[11] = preview;
-		$[12] = t8;
-	} else t8 = $[12];
-	let t9;
-	if ($[13] !== t7 || $[14] !== t8) {
-		t9 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+		$[19] = lastParagraph;
+		$[20] = text.length;
+		$[21] = t11;
+	} else t11 = $[21];
+	let t12;
+	if ($[22] !== t10 || $[23] !== t11) {
+		t12 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
 			flexDirection: "column",
 			paddingX: 1,
 			marginY: 1,
-			children: [t7, t8]
+			children: [t10, t11]
 		});
-		$[13] = t7;
-		$[14] = t8;
-		$[15] = t9;
-	} else t9 = $[15];
-	return t9;
+		$[22] = t10;
+		$[23] = t11;
+		$[24] = t12;
+	} else t12 = $[24];
+	return t12;
 }
 function formatDuration(ms) {
 	if (ms < 1e3) return `${ms}ms`;
@@ -603230,7 +603471,7 @@ function IdleBlock(t0) {
 	const summaryText = isError ? `Failed after ${duration}` : isAbort ? `Interrupted after ${duration}` : `${verb} for ${duration}`;
 	let t5;
 	if ($[6] !== message.applyResults) {
-		t5 = message.applyResults.map(_temp$1);
+		t5 = message.applyResults.map(_temp$2);
 		$[6] = message.applyResults;
 		$[7] = t5;
 	} else t5 = $[7];
@@ -603295,7 +603536,7 @@ function IdleBlock(t0) {
 	} else t10 = $[23];
 	return t10;
 }
-function _temp$1(result) {
+function _temp$2(result) {
 	const { green, red } = buildDots(result.addedLines, result.removedLines);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
 		flexDirection: "row",
@@ -603366,8 +603607,8 @@ var ErrorBoundary = class extends import_react.Component {
 //#endregion
 //#region src/components/CodeSession.tsx
 const CodeSessionWrapper = (0, import_react.memo)((t0) => {
-	const $ = (0, import_compiler_runtime.c)(9);
-	const { session, onExit, isTabActive: t1 } = t0;
+	const $ = (0, import_compiler_runtime.c)(11);
+	const { session, onExit, isTabActive: t1, updateCheck, credentials } = t0;
 	const isTabActive = t1 === void 0 ? true : t1;
 	const [proxy, api] = useCodeGenFromSession(session);
 	let t2;
@@ -603378,28 +603619,32 @@ const CodeSessionWrapper = (0, import_react.memo)((t0) => {
 		$[2] = t2;
 	} else t2 = $[2];
 	let t3;
-	if ($[3] !== isTabActive || $[4] !== onExit) {
+	if ($[3] !== credentials || $[4] !== isTabActive || $[5] !== onExit || $[6] !== updateCheck) {
 		t3 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CodeSession, {
 			onExit,
-			isTabActive
-		});
-		$[3] = isTabActive;
-		$[4] = onExit;
-		$[5] = t3;
-	} else t3 = $[5];
+			isTabActive,
+			updateCheck,
+			credentials
+		});
+		$[3] = credentials;
+		$[4] = isTabActive;
+		$[5] = onExit;
+		$[6] = updateCheck;
+		$[7] = t3;
+	} else t3 = $[7];
 	let t4;
-	if ($[6] !== t2 || $[7] !== t3) {
+	if ($[8] !== t2 || $[9] !== t3) {
 		t4 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CodeGenStateContext.Provider, {
 			value: t2,
 			children: t3
 		});
-		$[6] = t2;
-		$[7] = t3;
-		$[8] = t4;
-	} else t4 = $[8];
+		$[8] = t2;
+		$[9] = t3;
+		$[10] = t4;
+	} else t4 = $[10];
 	return t4;
 });
-const CodeSession = (0, import_react.memo)(({ onExit, isTabActive = true }) => {
+const CodeSession = (0, import_react.memo)(({ onExit, isTabActive = true, updateCheck, credentials }) => {
 	const { stdout } = useStdout();
 	const { rows, columns } = useWindowSize();
 	const [slashMenuActive, setSlashMenuActive] = (0, import_react.useState)(false);
@@ -603546,7 +603791,8 @@ const CodeSession = (0, import_react.memo)(({ onExit, isTabActive = true }) => {
 					queue: true,
 					user: {
 						role: "user",
-						source: "builder.io"
+						source: "builder.io",
+						userId: credentials.userId
 					}
 				}).catch(() => {});
 				break;
@@ -603587,7 +603833,8 @@ const CodeSession = (0, import_react.memo)(({ onExit, isTabActive = true }) => {
 					queue: true,
 					user: {
 						role: "user",
-						source: "builder.io"
+						source: "builder.io",
+						userId: credentials.userId
 					}
 				}).catch(() => {});
 				break;
@@ -603626,7 +603873,8 @@ const CodeSession = (0, import_react.memo)(({ onExit, isTabActive = true }) => {
 				reasoning: prefs.reasoning,
 				user: {
 					role: "user",
-					source: "builder.io"
+					source: "builder.io",
+					userId: credentials.userId
 				},
 				...attachments ? { attachments } : {}
 			});
@@ -603646,7 +603894,8 @@ const CodeSession = (0, import_react.memo)(({ onExit, isTabActive = true }) => {
 			reasoning: prefs.reasoning,
 			user: {
 				role: "user",
-				source: "builder.io"
+				source: "builder.io",
+				userId: credentials.userId
 			}
 		});
 		userScrolledUp.current = false;
@@ -603659,7 +603908,14 @@ const CodeSession = (0, import_react.memo)(({ onExit, isTabActive = true }) => {
 	const getOnRenderCallback = (0, import_react.useCallback)((i_0) => {
 		let cb = onRenderCallbacksRef.current.get(i_0);
 		if (!cb) {
-			cb = () => scrollRef.current?.remeasureItem(i_0);
+			cb = () => {
+				if (isTabActive) {
+					scrollRef.current?.remeasureItem(i_0);
+					if (!userScrolledUp.current) setTimeout(() => {
+						scrollRef.current?.scrollToBottom();
+					}, 0);
+				}
+			};
 			onRenderCallbacksRef.current.set(i_0, cb);
 		}
 		return cb;
@@ -603672,9 +603928,9 @@ const CodeSession = (0, import_react.memo)(({ onExit, isTabActive = true }) => {
 		const termRow = row_0 - 1 - terminalTop;
 		if (termRow < 0 || termRow >= viewportHeight) return;
 		const contentRow = sv.getScrollOffset() + termRow;
-		const visibleCount = messageCount - startIndex + 1;
+		const visibleCount = messageCount - startIndex;
 		for (let i_1 = 0; i_1 < visibleCount; i_1++) {
-			const pos = sv.getItemPosition(i_1 + 1);
+			const pos = sv.getItemPosition(i_1);
 			if (!pos || contentRow < pos.top || contentRow >= pos.top + pos.height) continue;
 			const msg = proxy.messages[startIndex + i_1];
 			if (!msg) break;
@@ -603726,7 +603982,8 @@ const CodeSession = (0, import_react.memo)(({ onExit, isTabActive = true }) => {
 			isTabActive
 		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusBar, {
 			ctrlCPending,
-			showSidebar: false
+			showSidebar: false,
+			updateCheck
 		})]
 	});
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
@@ -603755,38 +604012,21 @@ const CodeSession = (0, import_react.memo)(({ onExit, isTabActive = true }) => {
 							children: "You can still type below. Use /clear to reset the session."
 						})]
 					}),
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ScrollView$1, {
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollView$1, {
 						ref: scrollRef,
 						flexGrow: 1,
 						flexDirection: "column",
 						width: "100%",
-						children: [messageCount === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
-							paddingX: 2,
-							paddingY: 1,
-							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-								dimColor: true,
-								children: "No messages yet. Type a prompt below to get started."
-							})
-						}), Array.from({ length: messageCount - startIndex }, (__0, i_2) => {
+						children: Array.from({ length: messageCount - startIndex }, (__0, i_2) => {
 							const idx = startIndex + i_2;
 							const msgProxy = proxy.messages[idx];
 							const msgId = msgProxy.id;
-							return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorBoundary, {
-								fallback: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
-									paddingX: 2,
-									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-										color: "red",
-										dimColor: true,
-										children: "[failed to render message]"
-									})
-								}),
-								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MessageBlockView, {
-									message: msgProxy,
-									highlighted: msgId === highlightedMessageId,
-									onRender: getOnRenderCallback(i_2)
-								})
-							}, `err-${msgId}-${idx}`);
-						})]
+							return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MessageBlockView, {
+								message: msgProxy,
+								highlighted: msgId === highlightedMessageId,
+								onRender: getOnRenderCallback(i_2)
+							}, `${msgId}-${idx}`);
+						})
 					})
 				})
 			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
@@ -603833,7 +604073,8 @@ const CodeSession = (0, import_react.memo)(({ onExit, isTabActive = true }) => {
 					})] }),
 					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusBar, {
 						ctrlCPending,
-						showSidebar
+						showSidebar,
+						updateCheck
 					})
 				]
 			})]
@@ -604375,7 +604616,7 @@ const ClawSession = (0, import_react.memo)(({ credentials, isActive, onNewMessag
 	});
 });
 //#endregion
-//#region ../../node_modules/ink-scroll-list/node_modules/ink-scroll-view/dist/index.js
+//#region ../../node_modules/ink-scroll-view/dist/index.js
 var MeasurableItem = ({ children, onMeasure, index, width, measureKey }) => {
 	const ref = (0, import_react.useRef)(null);
 	(0, import_react.useLayoutEffect)(() => {
@@ -605477,6 +605718,7 @@ const KanbanSession = (0, import_react.memo)(({ credentials, isActive, onExit, c
 		};
 	}, []);
 	useInput((input, key) => {
+		if (MOUSE_RE.test(input)) return;
 		if (input === "c" && key.ctrl) {
 			if (ctrlCPendingRef.current) {
 				if (ctrlCTimer.current) clearTimeout(ctrlCTimer.current);
@@ -605812,7 +606054,7 @@ function InitErrorScreen(t0) {
 	} else t5 = $[7];
 	return t5;
 }
-function CodeCommand({ onExit, sys, options }) {
+function CodeCommand({ onExit, sys, options, updateCheck }) {
 	const { exit } = useApp();
 	const [initPhase, setInitPhase] = (0, import_react.useState)("loading");
 	const [initError, setInitError] = (0, import_react.useState)("");
@@ -605961,9 +606203,11 @@ function CodeCommand({ onExit, sys, options }) {
 					flexGrow: 1,
 					display: onCodegen ? "flex" : "none",
 					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CodeSessionWrapper, {
+						credentials: credentialsRef.current,
 						session: sessionRef.current,
 						onExit: cleanup,
-						isTabActive: onCodegen
+						isTabActive: onCodegen,
+						updateCheck
 					})
 				}),
 				clawEnabled === true && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
@@ -605995,167 +606239,6 @@ function CodeCommand({ onExit, sys, options }) {
 	}
 }
 //#endregion
-//#region src/app.tsx
-function FatalErrorScreen(t0) {
-	const $ = (0, import_compiler_runtime.c)(8);
-	const { error } = t0;
-	const { exit } = useApp();
-	let t1;
-	if ($[0] !== exit) {
-		t1 = (input, key) => {
-			if (input === "c" && key.ctrl) {
-				exit();
-				process.exit(0);
-			}
-		};
-		$[0] = exit;
-		$[1] = t1;
-	} else t1 = $[1];
-	useInput(t1);
-	let t2;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-			color: "red",
-			bold: true,
-			children: "Fatal render error"
-		});
-		$[2] = t2;
-	} else t2 = $[2];
-	let t3;
-	if ($[3] !== error.message) {
-		t3 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-			color: "red",
-			children: error.message
-		});
-		$[3] = error.message;
-		$[4] = t3;
-	} else t3 = $[4];
-	let t4;
-	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-			dimColor: true,
-			children: "Press Ctrl+C to exit"
-		});
-		$[5] = t4;
-	} else t4 = $[5];
-	let t5;
-	if ($[6] !== t3) {
-		t5 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
-			flexDirection: "column",
-			padding: 1,
-			gap: 1,
-			children: [
-				t2,
-				t3,
-				t4
-			]
-		});
-		$[6] = t3;
-		$[7] = t5;
-	} else t5 = $[7];
-	return t5;
-}
-function App(t0) {
-	const $ = (0, import_compiler_runtime.c)(12);
-	const { command, options, sys, theme } = t0;
-	const { exit } = useApp();
-	const { rows } = useWindowSize();
-	let t1;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = [];
-		$[0] = t1;
-	} else t1 = $[0];
-	(0, import_react.useEffect)(_temp2, t1);
-	let t2;
-	if ($[1] !== command || $[2] !== exit || $[3] !== options || $[4] !== sys) {
-		t2 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorBoundary, {
-			fallback: _temp3,
-			children: command === "code" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CodeCommand, {
-				onExit: exit,
-				sys,
-				options
-			}) : command === "launch" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
-				flexDirection: "column",
-				paddingX: 1,
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-					color: "yellow",
-					children: "Launch command coming soon. Use: npx builder.io@latest launch"
-				})
-			}) : command === "index-repo" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
-				flexDirection: "column",
-				paddingX: 1,
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-					color: "yellow",
-					children: "Repo indexing coming soon. Use: npx builder.io@latest index-repo"
-				})
-			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
-				flexDirection: "column",
-				paddingX: 1,
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
-					color: "red",
-					children: ["Unknown command: ", command]
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-					dimColor: true,
-					children: "Run builder --help for usage information"
-				})]
-			})
-		});
-		$[1] = command;
-		$[2] = exit;
-		$[3] = options;
-		$[4] = sys;
-		$[5] = t2;
-	} else t2 = $[5];
-	let t3;
-	if ($[6] !== rows || $[7] !== t2) {
-		t3 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
-			flexDirection: "column",
-			height: rows,
-			children: t2
-		});
-		$[6] = rows;
-		$[7] = t2;
-		$[8] = t3;
-	} else t3 = $[8];
-	let t4;
-	if ($[9] !== t3 || $[10] !== theme) {
-		t4 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThemeContext$1.Provider, {
-			value: theme,
-			children: t3
-		});
-		$[9] = t3;
-		$[10] = theme;
-		$[11] = t4;
-	} else t4 = $[11];
-	return t4;
-}
-function _temp3(error) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FatalErrorScreen, { error });
-}
-function _temp2() {
-	enableSgrMouse();
-	return _temp;
-}
-function _temp() {
-	resetTerminal();
-}
-//#endregion
-//#region src/sentry.ts
-function initSentry() {
-	init({
-		dsn: "https://1c5033d697e0271ebe53773bff826de0@o117565.ingest.us.sentry.io/4511107776905216",
-		tracesSampleRate: 0,
-		release: "0.4.0",
-		environment: process.env.NODE_ENV ?? "development",
-		enabled: false,
-		registerEsmLoaderHooks: false,
-		normalizeDepth: 5,
-		maxValueLength: 1500,
-		integrations: [extraErrorDataIntegration()],
-		tracePropagationTargets: []
-	});
-}
-//#endregion
 //#region src/updater.ts
 const REGISTRY_BASE = "https://registry.npmjs.org/@builder.io";
 const CHECK_INTERVAL_MS = 1440 * 60 * 1e3;
@@ -606169,7 +606252,7 @@ function isStandaloneBinary() {
 	return !path$6.basename(process.execPath, ".exe").startsWith("node");
 }
 function getCurrentVersion() {
-	return "0.4.0";
+	return "0.4.2";
 }
 async function fetchLatestVersion() {
 	return new Promise((resolve, reject) => {
@@ -606216,8 +606299,8 @@ function isNewerVersion(a, b) {
 }
 /**
 * Checks npm registry for a newer version of fusion (at most once per 24h).
-* Returns a notification string if an update is available, null otherwise.
-* Never throws — update checks should never interrupt normal usage.
+* Returns the current and latest versions when an update is available, null
+* otherwise. Never throws — update checks should never interrupt normal usage.
 */
 async function runUpdateCheck() {
 	if (!isStandaloneBinary()) return null;
@@ -606234,7 +606317,10 @@ async function runUpdateCheck() {
 			});
 		}
 		const current = getCurrentVersion();
-		if (isNewerVersion(latestVersion, current)) return `Update available: ${current} → ${latestVersion}\nRun \`builder update\` to install.`;
+		if (isNewerVersion(latestVersion, current)) return {
+			currentVersion: current,
+			latestVersion
+		};
 	} catch {}
 	return null;
 }
@@ -606377,26 +606463,258 @@ async function downloadFile(url, dest, onRequest) {
 	});
 }
 //#endregion
+//#region src/hooks/useUpdateCheck.ts
+/**
+* Runs the update check once on mount and returns a structured state object
+* describing whether a newer version of the CLI is available.
+*
+* - `checking`   — the async check is still in progress
+* - `up-to-date` — the CLI is already on the latest version (or the check
+*                  doesn't apply, e.g. running via npx)
+* - `upgrade`    — a newer version is available; `newVersion` holds the latest
+*/
+function useUpdateCheck() {
+	const $ = (0, import_compiler_runtime.c)(3);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = {
+			status: "checking",
+			currentVersion: getCurrentVersion(),
+			newVersion: ""
+		};
+		$[0] = t0;
+	} else t0 = $[0];
+	const [state, setState] = (0, import_react.useState)(t0);
+	let t1;
+	let t2;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = () => {
+			runUpdateCheck().then((result) => {
+				if (result) setState({
+					status: "upgrade",
+					currentVersion: result.currentVersion,
+					newVersion: result.latestVersion
+				});
+				else setState(_temp$1);
+			}).catch(() => {
+				setState(_temp2$1);
+			});
+		};
+		t2 = [];
+		$[1] = t1;
+		$[2] = t2;
+	} else {
+		t1 = $[1];
+		t2 = $[2];
+	}
+	(0, import_react.useEffect)(t1, t2);
+	return state;
+}
+function _temp2$1(prev_0) {
+	return {
+		...prev_0,
+		status: "up-to-date"
+	};
+}
+function _temp$1(prev) {
+	return {
+		...prev,
+		status: "up-to-date"
+	};
+}
+//#endregion
+//#region src/app.tsx
+function FatalErrorScreen(t0) {
+	const $ = (0, import_compiler_runtime.c)(8);
+	const { error } = t0;
+	const { exit } = useApp();
+	let t1;
+	if ($[0] !== exit) {
+		t1 = (input, key) => {
+			if (input === "c" && key.ctrl) {
+				exit();
+				process.exit(0);
+			}
+		};
+		$[0] = exit;
+		$[1] = t1;
+	} else t1 = $[1];
+	useInput(t1);
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			color: "red",
+			bold: true,
+			children: "Fatal render error"
+		});
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] !== error.message) {
+		t3 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			color: "red",
+			children: error.message
+		});
+		$[3] = error.message;
+		$[4] = t3;
+	} else t3 = $[4];
+	let t4;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			dimColor: true,
+			children: "Press Ctrl+C to exit"
+		});
+		$[5] = t4;
+	} else t4 = $[5];
+	let t5;
+	if ($[6] !== t3) {
+		t5 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+			flexDirection: "column",
+			padding: 1,
+			gap: 1,
+			children: [
+				t2,
+				t3,
+				t4
+			]
+		});
+		$[6] = t3;
+		$[7] = t5;
+	} else t5 = $[7];
+	return t5;
+}
+function App(t0) {
+	const $ = (0, import_compiler_runtime.c)(13);
+	const { command, options, sys, theme } = t0;
+	const { exit } = useApp();
+	const { rows } = useWindowSize();
+	const updateCheck = useUpdateCheck();
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = [];
+		$[0] = t1;
+	} else t1 = $[0];
+	(0, import_react.useEffect)(_temp2, t1);
+	let t2;
+	if ($[1] !== command || $[2] !== exit || $[3] !== options || $[4] !== sys || $[5] !== updateCheck) {
+		t2 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorBoundary, {
+			fallback: _temp3,
+			children: command === "code" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CodeCommand, {
+				onExit: exit,
+				sys,
+				options,
+				updateCheck
+			}) : command === "launch" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+				flexDirection: "column",
+				paddingX: 1,
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+					color: "yellow",
+					children: "Launch command coming soon. Use: npx builder.io@latest launch"
+				})
+			}) : command === "index-repo" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+				flexDirection: "column",
+				paddingX: 1,
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+					color: "yellow",
+					children: "Repo indexing coming soon. Use: npx builder.io@latest index-repo"
+				})
+			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+				flexDirection: "column",
+				paddingX: 1,
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+					color: "red",
+					children: ["Unknown command: ", command]
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+					dimColor: true,
+					children: "Run builder --help for usage information"
+				})]
+			})
+		});
+		$[1] = command;
+		$[2] = exit;
+		$[3] = options;
+		$[4] = sys;
+		$[5] = updateCheck;
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] !== rows || $[8] !== t2) {
+		t3 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+			flexDirection: "column",
+			height: rows,
+			children: t2
+		});
+		$[7] = rows;
+		$[8] = t2;
+		$[9] = t3;
+	} else t3 = $[9];
+	let t4;
+	if ($[10] !== t3 || $[11] !== theme) {
+		t4 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThemeContext$1.Provider, {
+			value: theme,
+			children: t3
+		});
+		$[10] = t3;
+		$[11] = theme;
+		$[12] = t4;
+	} else t4 = $[12];
+	return t4;
+}
+function _temp3(error) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FatalErrorScreen, { error });
+}
+function _temp2() {
+	enableSgrMouse();
+	return _temp;
+}
+function _temp() {
+	resetTerminal();
+}
+//#endregion
+//#region src/sentry.ts
+function initSentry() {
+	init({
+		dsn: "https://1c5033d697e0271ebe53773bff826de0@o117565.ingest.us.sentry.io/4511107776905216",
+		tracesSampleRate: 0,
+		release: "0.4.2",
+		environment: process.env.NODE_ENV ?? "development",
+		enabled: false,
+		registerEsmLoaderHooks: false,
+		normalizeDepth: 5,
+		maxValueLength: 1500,
+		integrations: [extraErrorDataIntegration()],
+		tracePropagationTargets: []
+	});
+}
+//#endregion
 //#region src/cli.tsx
-const VERSION = "0.4.0";
+const VERSION = "0.4.2";
 async function startInk(command, options) {
+	const sys = await createDevToolsNodeSys({
+		cwd: process.cwd(),
+		ignoreMissingConfig: true
+	});
+	const logFile = process.env.FUSION_LOG_FILE;
+	const theme = detectTheme(await queryOsc11());
+	const file = typeof logFile === "string" ? fs.createWriteStream(logFile) : void 0;
+	const restore = patchConsole((_, data) => {
+		file?.write(data);
+	});
 	await render(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(App, {
 		command,
 		options,
-		sys: await createDevToolsNodeSys({
-			cwd: process.cwd(),
-			ignoreMissingConfig: true
-		}),
-		theme: detectTheme(await queryOsc11())
+		sys,
+		theme
 	}), {
 		exitOnCtrlC: false,
 		incrementalRendering: true,
 		maxFps: 30,
-		patchConsole: true,
+		patchConsole: false,
 		concurrent: false,
-		alternateScreen: true,
-		isScreenReaderEnabled: process.env["INK_SCREEN_READER"] === "true"
+		alternateScreen: true
 	}).waitUntilExit();
+	file?.end();
+	restore();
 	await flush(2e3);
 }
 const program = new Command().name("fusion").version(VERSION, "-v, --version").description("Builder.io Fusion CLI — AI-powered code generation");
@@ -606423,9 +606741,6 @@ process.on("uncaughtException", (error) => {
 	captureException(error);
 	throw error;
 });
-runUpdateCheck().then((msg) => {
-	if (msg) process.stderr.write(`\n${msg}\n\n`);
-}).catch(() => {});
 await program.parseAsync();
 //#endregion
 export {};