@builder.io/buildercode 0.4.1 → 0.4.3

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.
@@ -91994,7 +92069,27 @@ const defaultDarkTheme = {
 	statusBarBackground: "#181818",
 	headerBackground: "#181818",
 	panelBackground: "#2A2A2A",
-	highlightBackground: "#3A3A3A"
+	highlightBackground: "#000000",
+	highlight: "#ffffff"
+};
+const defaultTransparentTheme = {
+	background: "",
+	foreground: "",
+	dimForeground: "gray",
+	accent: "cyan",
+	accentForeground: "black",
+	success: "green",
+	error: "red",
+	warning: "yellow",
+	info: "cyan",
+	border: "gray",
+	inputBackground: "",
+	inputBorder: "gray",
+	statusBarBackground: "",
+	headerBackground: "",
+	panelBackground: "",
+	highlightBackground: "#000000",
+	highlight: "#ffffff"
 };
 const defaultLightTheme = {
 	background: "#FFFFFF",
@@ -92012,7 +92107,8 @@ const defaultLightTheme = {
 	statusBarBackground: "#F6F8FA",
 	headerBackground: "#F6F8FA",
 	panelBackground: "#F0F2F5",
-	highlightBackground: "#D6EBFF"
+	highlightBackground: "#D6EBFF",
+	highlight: "white"
 };
 /**
 * Parse a terminal OSC 11 response into an [R, G, B] tuple (0–255 each).
@@ -92070,8 +92166,57 @@ function queryOsc11() {
 	});
 }
 /**
+* Compute HSL saturation (0–1) from an RGB tuple (0–255 each).
+* A value near 0 means achromatic (gray/black/white); near 1 means vivid.
+*/
+function rgbSaturation(r, g, b) {
+	const rn = r / 255, gn = g / 255, bn = b / 255;
+	const max = Math.max(rn, gn, bn);
+	const min = Math.min(rn, gn, bn);
+	const delta = max - min;
+	if (delta === 0) return 0;
+	const lightness = (max + min) / 2;
+	return delta / (1 - Math.abs(2 * lightness - 1));
+}
+/**
+* ANSI color indices (0–15) that represent chromatic colors — i.e. hues that
+* are neither near-black nor near-white.  If COLORFGBG reports one of these
+* as the background, hard-coded dark/light hex palettes will look wrong and
+* transparent mode is the safest choice.
+*
+* Index mapping (standard xterm-256 ANSI palette):
+*   0  black     7  light-gray   8  dark-gray    15 white
+*   1  red       2  green        3  yellow        4  blue
+*   5  magenta   6  cyan         9  bright-red   10  bright-green
+*  11  bright-yellow  12  bright-blue  13  bright-magenta  14  bright-cyan
+*/
+const CHROMATIC_ANSI_INDICES = new Set([
+	1,
+	2,
+	3,
+	4,
+	5,
+	6,
+	9,
+	10,
+	11,
+	12,
+	13,
+	14
+]);
+/**
 * Detect which theme to use.
 *
+* Priority:
+*  1. `FUSION_THEME` / `COLOR_THEME` env-var explicit override
+*  2. OSC 11 actual background color (most accurate)
+*     – high saturation → transparent (vivid/chromatic bg, e.g. blue, green)
+*     – low saturation + dark luminance → dark
+*     – low saturation + light luminance → light
+*  3. COLORFGBG heuristic (chromatic ANSI index → transparent)
+*  4. macOS system appearance
+*  5. Default dark
+*
 * @param terminalBg  RGB tuple from a prior `queryOsc11()` call, or null/undefined.
 *                    Pass this to get the most accurate result; without it the
 *                    function falls back to env-var heuristics.
@@ -92080,8 +92225,10 @@ function detectTheme(terminalBg) {
 	const explicitTheme = process.env.FUSION_THEME ?? process.env.COLOR_THEME;
 	if (explicitTheme === "light") return defaultLightTheme;
 	if (explicitTheme === "dark") return defaultDarkTheme;
+	if (explicitTheme === "transparent") return defaultTransparentTheme;
 	if (terminalBg != null) {
 		const [r, g, b] = terminalBg;
+		if (rgbSaturation(r, g, b) > .35) return defaultTransparentTheme;
 		return (.299 * r + .587 * g + .114 * b) / 255 < .5 ? defaultDarkTheme : defaultLightTheme;
 	}
 	const colorfgbg = process.env.COLORFGBG ?? "";
@@ -92089,7 +92236,10 @@ function detectTheme(terminalBg) {
 		const parts = colorfgbg.split(";");
 		if (parts.length >= 2) {
 			const bg = parseInt(parts[parts.length - 1], 10);
-			if (!isNaN(bg) && bg >= 0) return bg > 8 ? defaultLightTheme : defaultDarkTheme;
+			if (!isNaN(bg) && bg >= 0) {
+				if (CHROMATIC_ANSI_INDICES.has(bg)) return defaultTransparentTheme;
+				return bg > 8 ? defaultLightTheme : defaultDarkTheme;
+			}
 		}
 	}
 	if (process.platform === "darwin" && process.env.TERM_PROGRAM !== "vscode") try {
@@ -245033,7 +245183,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.1";
+const pkgVersion = process.env.OVERRIDE_VERSION ?? "0.4.3";
 //#endregion
 //#region ../dev-tools/core/detect-frameworks.ts
 async function detectFrameworks$1(sys) {
@@ -290975,7 +291125,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 +296141,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 +400318,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 +406143,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;
@@ -499176,8 +499326,47 @@ async function backupGitRepo({ sys, credentials, projectId, branchName, repoPath
 	}
 	const originalRepoUrl = (folderName ? workspace.folders.find((f) => (f.name ?? f.path) === folderName) : workspace.folders.find((f) => f.enableGit))?.originalRepoUrl ?? repoUrl;
 	if (!originalRepoUrl) throw new Error("Original repo URL is required for backup upload");
+	const forced = forcedFullBackup ? "offline-full" : !isConnectedToProvider ? "offline" : void 0;
 	const lastCommitHash = await getCurrentCommitHash();
-	if (!lastCommitHash) throw new Error("Failed to get current commit hash");
+	if (!lastCommitHash) {
+		let totalCommits = null;
+		try {
+			const out = await git([
+				"rev-list",
+				"--all",
+				"--count"
+			]);
+			totalCommits = parseInt(out.trim(), 10);
+		} catch {}
+		if (totalCommits === 0) {
+			backupLogger.info("Repository has no commits (empty repo) — nothing to back up");
+			return {
+				success: true,
+				empty: true,
+				lastCommitHash: "",
+				partial: true,
+				repoUrl: originalRepoUrl,
+				backupRef: void 0,
+				backupEntry: {
+					projectId,
+					branchName,
+					size: 0,
+					partial: true,
+					initialBranch: featureBranch,
+					initialCommitHash: void 0,
+					lastCommitHash: "",
+					gitBranchName: aiBranch,
+					empty: true,
+					status: "completed",
+					version: "v2",
+					repoUrl: originalRepoUrl,
+					forced,
+					...folderName && { folderName }
+				}
+			};
+		}
+		throw new Error(totalCommits === null ? "Failed to get current commit hash (git rev-list failed)" : `Failed to get current commit hash (rev-list --all --count returned ${totalCommits})`);
+	}
 	const currentBranch = await getCurrentBranch();
 	if (!silenceErrors && currentBranch !== aiBranch) throw new Error(`Current branch "${currentBranch}" is not the ai branch "${aiBranch}"`);
 	const initCommitHashResult = await getInitialCommitHash({
@@ -499192,7 +499381,6 @@ async function backupGitRepo({ sys, credentials, projectId, branchName, repoPath
 		projectId,
 		folderName
 	});
-	const forced = forcedFullBackup ? "offline-full" : !isConnectedToProvider ? "offline" : void 0;
 	const recentRemoteSHAs = await getRecentCommitSHAs(initCommitHashResult.initialBranch, 10);
 	const recentLocalSHAs = await getRecentCommitSHAs(aiBranch, 10);
 	try {
@@ -531515,6 +531703,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 +531721,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 +534658,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 +534747,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 +534769,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 +534779,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 +534836,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 +534867,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 +534928,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 +534950,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 +534985,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,8 +535000,9 @@ function useTextInput(options = {}) {
 			} else if (val_3.length === 0) onBackspaceEmpty?.();
 			return;
 		}
-		if (input.length === 1 && input.charCodeAt(0) < 32) return;
-		if (input) {
+		const code = input.charCodeAt(0);
+		if (input.length === 1 && code < 32 && code !== 10) return;
+		if (input && !key.ctrl && !key.meta) {
 			if (inputHistory.historyIndex !== -1) {
 				inputHistory.historyIndex = -1;
 				inputHistory.historyDraft = "";
@@ -536248,7 +536510,8 @@ function useCodeGenStateHandler() {
 					id: `thinking-${_msgIdCounter++}`,
 					type: "thinking",
 					content: step.content ?? "",
-					streaming: true
+					streaming: true,
+					startedAt: Date.now()
 				});
 				break;
 			case "delta": {
@@ -536649,18 +536912,28 @@ const SUBVIEW_CONFIG = {
 		description: "Choose reasoning effort level"
 	}
 };
-function renderCommandRow({ cmd, isSelected, maxLabelLen }) {
+function renderCommandRow({ cmd, isSelected, maxLabelLen, theme }) {
 	const padded = cmd.label.padEnd(maxLabelLen + 2);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
 		width: "100%",
 		paddingX: 1,
 		children: isSelected ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
-			backgroundColor: "blue",
-			color: "white",
+			backgroundColor: theme.highlightBackground,
+			color: theme.highlight,
 			children: [
 				"  ",
-				padded,
-				cmd.description,
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+					backgroundColor: theme.highlightBackground,
+					color: theme.highlight,
+					bold: true,
+					children: padded
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+					backgroundColor: theme.highlightBackground,
+					color: theme.highlight,
+					dimColor: true,
+					children: cmd.description
+				}),
 				"  "
 			]
 		}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [
@@ -536695,7 +536968,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];
@@ -536874,7 +537147,7 @@ function SlashCommandMenu(t0) {
 	const visibleStart = scrollOffset;
 	const visibleEnd = Math.min(scrollOffset + MAX_VISIBLE_ITEMS, commands.length);
 	let t10;
-	if ($[24] !== commands || $[25] !== contextPct || $[26] !== contextTotal || $[27] !== contextUsed || $[28] !== currentReasoning || $[29] !== maxLabelLen || $[30] !== prefs || $[31] !== proxy || $[32] !== selectedIndex || $[33] !== state.model || $[34] !== state.modelOverride || $[35] !== state.sessionMode || $[36] !== theme.background || $[37] !== view || $[38] !== visibleEnd || $[39] !== visibleStart) {
+	if ($[24] !== commands || $[25] !== contextPct || $[26] !== contextTotal || $[27] !== contextUsed || $[28] !== currentReasoning || $[29] !== maxLabelLen || $[30] !== prefs || $[31] !== proxy || $[32] !== selectedIndex || $[33] !== state.model || $[34] !== state.modelOverride || $[35] !== state.sessionMode || $[36] !== theme || $[37] !== view || $[38] !== visibleEnd || $[39] !== visibleStart) {
 		const visibleCommands = commands.slice(visibleStart, visibleEnd);
 		const itemsAbove = visibleStart;
 		const itemsBelow = commands.length - visibleEnd;
@@ -536901,7 +537174,8 @@ function SlashCommandMenu(t0) {
 				visibleCommands.map((cmd_0, i_3) => renderCommandRow({
 					cmd: cmd_0,
 					isSelected: visibleStart + i_3 === selectedIndex,
-					maxLabelLen
+					maxLabelLen,
+					theme
 				})),
 				itemsBelow > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
 					paddingX: 2,
@@ -537096,12 +537370,22 @@ function SlashCommandMenu(t0) {
 						width: "100%",
 						paddingLeft: 2,
 						children: absoluteIndex === selectedIndex ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
-							backgroundColor: "blue",
-							color: "white",
+							backgroundColor: theme.highlightBackground,
+							color: theme.highlight,
 							children: [
 								"  ",
-								padded,
-								cmd_2.description,
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+									backgroundColor: theme.highlightBackground,
+									color: theme.highlight,
+									bold: true,
+									children: padded
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+									backgroundColor: theme.highlightBackground,
+									color: theme.highlight,
+									dimColor: true,
+									children: cmd_2.description
+								}),
 								"  "
 							]
 						}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [
@@ -537135,7 +537419,7 @@ function SlashCommandMenu(t0) {
 		$[33] = state.model;
 		$[34] = state.modelOverride;
 		$[35] = state.sessionMode;
-		$[36] = theme.background;
+		$[36] = theme;
 		$[37] = view;
 		$[38] = visibleEnd;
 		$[39] = visibleStart;
@@ -537155,14 +537439,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 +537804,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 +537816,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 +537927,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);
 				})
@@ -537658,16 +537946,16 @@ const InputPrompt = (0, import_react.memo)(({ onSubmit, onChange, onSlashCommand
 				onCancel: handleAtCancel
 			}),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
-				borderStyle: "bold",
+				borderStyle: theme.panelBackground ? "bold" : "round",
 				borderColor: accentColor,
 				borderLeft: true,
-				borderRight: false,
-				borderTop: false,
-				borderBottom: false,
+				borderRight: !theme.panelBackground,
+				borderTop: !theme.panelBackground,
+				borderBottom: !theme.panelBackground,
 				flexDirection: "column",
 				paddingLeft: 2,
 				paddingRight: 2,
-				paddingY: 1,
+				paddingY: theme.panelBackground ? 1 : 0,
 				backgroundColor: theme.panelBackground,
 				children: [
 					pendingAttachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
@@ -537700,14 +537988,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 +538067,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 +538201,7 @@ function RewindMode(t0) {
 	} else t7 = $[16];
 	return t7;
 }
-function _temp$6(i) {
+function _temp$7(i) {
 	return Math.max(0, i - 1);
 }
 //#endregion
@@ -540157,8 +540448,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) {
@@ -540192,22 +540483,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,
@@ -540220,24 +540571,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,
@@ -540250,13 +540601,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, {
@@ -540267,22 +540618,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: [
@@ -540298,14 +540649,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: [
@@ -540342,23 +540693,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
@@ -540401,8 +540752,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);
@@ -540439,7 +540790,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, {
@@ -540460,6 +540810,7 @@ const GeneratingProgress = (0, import_react.memo)(() => {
 				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, {
@@ -540648,10 +540999,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) {
@@ -541505,7 +541856,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;
@@ -541656,7 +542007,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];
@@ -541774,7 +542125,7 @@ const FooterSection = (0, import_react.memo)(() => {
 			children: [
 				"•",
 				" Fusion ",
-				"0.4.1"
+				"0.4.3"
 			]
 		});
 		$[10] = t7;
@@ -541860,10 +542211,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) {
@@ -601253,7 +601604,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;
@@ -601307,7 +601658,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, {
@@ -601372,7 +601723,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];
@@ -601388,7 +601739,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: "  ···"
@@ -602715,57 +603066,35 @@ function getToolAriaProps(toolName, input) {
 	};
 }
 const MessageBlockView = (0, import_react.memo)((props) => {
-	const $ = (0, import_compiler_runtime.c)(58);
+	const $ = (0, import_compiler_runtime.c)(55);
 	const message = useSnapshot(props.message);
 	const theme = useTheme();
-	const [flash, setFlash] = (0, import_react.useState)(false);
-	let t0;
-	let t1;
-	if ($[0] !== props.highlighted) {
-		t0 = () => {
-			if (props.highlighted) {
-				setFlash(true);
-				const timer = setTimeout(() => setFlash(false), 1e3);
-				return () => clearTimeout(timer);
-			}
-			setFlash(false);
-		};
-		t1 = [props.highlighted];
-		$[0] = props.highlighted;
-		$[1] = t0;
-		$[2] = t1;
-	} else {
-		t0 = $[1];
-		t1 = $[2];
-	}
-	(0, import_react.useEffect)(t0, t1);
-	const flashBg = flash ? theme.highlightBackground : void 0;
 	let inner;
 	bb0: switch (message.type) {
 		case "user": {
 			if (message.compacting) {
-				const t2 = flash ? flashBg : theme.panelBackground;
-				let t3;
-				let t4;
-				if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-					t3 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+				const t0 = props.highlighted ? theme.highlightBackground : theme.panelBackground;
+				let t1;
+				let t2;
+				if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+					t1 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
 						color: "yellow",
 						bold: true,
 						children: "Compacting conversation"
 					});
-					t4 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+					t2 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
 						dimColor: true,
 						children: "The conversation is too long to keep in the AI memory, auto-summarizing might take up to 1 minute. Conversation can continue shortly."
 					});
-					$[3] = t3;
-					$[4] = t4;
+					$[0] = t1;
+					$[1] = t2;
 				} else {
-					t3 = $[3];
-					t4 = $[4];
+					t1 = $[0];
+					t2 = $[1];
 				}
-				let t5;
-				if ($[5] !== message.id || $[6] !== t2) {
-					t5 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+				let t3;
+				if ($[2] !== message.id || $[3] !== t0) {
+					t3 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
 						marginBottom: 1,
 						paddingLeft: 2,
 						paddingRight: 2,
@@ -602776,34 +603105,34 @@ const MessageBlockView = (0, import_react.memo)((props) => {
 						borderTop: false,
 						borderBottom: false,
 						borderColor: "yellow",
-						backgroundColor: t2,
+						backgroundColor: t0,
 						flexDirection: "column",
 						"aria-role": "listitem",
 						"aria-label": "Compacting conversation",
-						children: [t3, t4]
+						children: [t1, t2]
 					}, message.id);
-					$[5] = message.id;
-					$[6] = t2;
-					$[7] = t5;
-				} else t5 = $[7];
-				inner = t5;
+					$[2] = message.id;
+					$[3] = t0;
+					$[4] = t3;
+				} else t3 = $[4];
+				inner = t3;
 				break bb0;
 			}
-			const t2 = flash ? flashBg : theme.panelBackground;
-			const t3 = `User: ${message.displayPrompt ?? ""}`;
-			const t4 = message.displayPrompt ?? "";
-			let t5;
-			if ($[8] !== t4) {
-				t5 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			const t0 = props.highlighted ? theme.highlightBackground : theme.panelBackground;
+			const t1 = `User: ${message.displayPrompt ?? ""}`;
+			const t2 = message.displayPrompt ?? "";
+			let t3;
+			if ($[5] !== t2) {
+				t3 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
 					wrap: "wrap",
-					children: t4
+					children: t2
 				});
-				$[8] = t4;
-				$[9] = t5;
-			} else t5 = $[9];
-			let t6;
-			if ($[10] !== message.id || $[11] !== t2 || $[12] !== t3 || $[13] !== t5) {
-				t6 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+				$[5] = t2;
+				$[6] = t3;
+			} else t3 = $[6];
+			let t4;
+			if ($[7] !== message.id || $[8] !== t0 || $[9] !== t1 || $[10] !== t3) {
+				t4 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
 					marginBottom: 1,
 					paddingLeft: 2,
 					paddingRight: 2,
@@ -602814,164 +603143,164 @@ const MessageBlockView = (0, import_react.memo)((props) => {
 					borderTop: false,
 					borderBottom: false,
 					borderColor: "green",
-					backgroundColor: t2,
+					backgroundColor: t0,
 					flexDirection: "column",
 					"aria-role": "listitem",
-					"aria-label": t3,
-					children: t5
+					"aria-label": t1,
+					children: t3
 				}, message.id);
-				$[10] = message.id;
-				$[11] = t2;
-				$[12] = t3;
-				$[13] = t5;
-				$[14] = t6;
-			} else t6 = $[14];
-			inner = t6;
+				$[7] = message.id;
+				$[8] = t0;
+				$[9] = t1;
+				$[10] = t3;
+				$[11] = t4;
+			} else t4 = $[11];
+			inner = t4;
 			break bb0;
 		}
 		case "text": {
-			let t2;
-			if ($[15] !== message.content || $[16] !== message.id || $[17] !== props.onRender) {
-				t2 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CompletedTextBlock, {
+			const t0 = props.highlighted ? theme.highlightBackground : void 0;
+			let t1;
+			if ($[12] !== message.content || $[13] !== message.id || $[14] !== props.onRender) {
+				t1 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CompletedTextBlock, {
 					text: message.content,
+					streaming: false,
 					onRender: props.onRender
 				}, message.id);
-				$[15] = message.content;
-				$[16] = message.id;
-				$[17] = props.onRender;
-				$[18] = t2;
-			} else t2 = $[18];
-			let t3;
-			if ($[19] !== flashBg || $[20] !== t2) {
-				t3 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+				$[12] = message.content;
+				$[13] = message.id;
+				$[14] = props.onRender;
+				$[15] = t1;
+			} else t1 = $[15];
+			let t2;
+			if ($[16] !== t0 || $[17] !== t1) {
+				t2 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
 					flexDirection: "column",
-					backgroundColor: flashBg,
+					backgroundColor: t0,
 					"aria-role": "listitem",
-					children: t2
+					children: t1
 				});
-				$[19] = flashBg;
-				$[20] = t2;
-				$[21] = t3;
-			} else t3 = $[21];
-			inner = t3;
+				$[16] = t0;
+				$[17] = t1;
+				$[18] = t2;
+			} else t2 = $[18];
+			inner = t2;
 			break bb0;
 		}
 		case "tool": {
 			const toolMsg = message;
-			const t2 = toolMsg.input;
-			let t3;
-			if ($[22] !== t2 || $[23] !== toolMsg.toolName) {
-				t3 = getToolAriaProps(toolMsg.toolName, t2);
-				$[22] = t2;
-				$[23] = toolMsg.toolName;
-				$[24] = t3;
-			} else t3 = $[24];
-			const { ariaHidden, ariaLabel } = t3;
-			const t4 = ariaHidden || void 0;
-			let t5;
-			if ($[25] !== message.id || $[26] !== props.onRender || $[27] !== toolMsg) {
-				t5 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolCallCompleted, {
+			const t0 = toolMsg.input;
+			let t1;
+			if ($[19] !== t0 || $[20] !== toolMsg.toolName) {
+				t1 = getToolAriaProps(toolMsg.toolName, t0);
+				$[19] = t0;
+				$[20] = toolMsg.toolName;
+				$[21] = t1;
+			} else t1 = $[21];
+			const { ariaHidden, ariaLabel } = t1;
+			const t2 = props.highlighted ? theme.highlightBackground : void 0;
+			const t3 = ariaHidden || void 0;
+			let t4;
+			if ($[22] !== message.id || $[23] !== props.onRender || $[24] !== toolMsg) {
+				t4 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolCallCompleted, {
 					tool: toolMsg,
 					onRender: props.onRender
 				}, message.id);
-				$[25] = message.id;
-				$[26] = props.onRender;
-				$[27] = toolMsg;
-				$[28] = t5;
-			} else t5 = $[28];
-			let t6;
-			if ($[29] !== ariaLabel || $[30] !== flashBg || $[31] !== t4 || $[32] !== t5) {
-				t6 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+				$[22] = message.id;
+				$[23] = props.onRender;
+				$[24] = toolMsg;
+				$[25] = t4;
+			} else t4 = $[25];
+			let t5;
+			if ($[26] !== ariaLabel || $[27] !== t2 || $[28] !== t3 || $[29] !== t4) {
+				t5 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
 					flexDirection: "column",
-					backgroundColor: flashBg,
-					"aria-hidden": t4,
+					backgroundColor: t2,
+					"aria-hidden": t3,
 					"aria-label": ariaLabel,
-					children: t5
+					children: t4
 				});
-				$[29] = ariaLabel;
-				$[30] = flashBg;
-				$[31] = t4;
-				$[32] = t5;
-				$[33] = t6;
-			} else t6 = $[33];
-			inner = t6;
+				$[26] = ariaLabel;
+				$[27] = t2;
+				$[28] = t3;
+				$[29] = t4;
+				$[30] = t5;
+			} else t5 = $[30];
+			inner = t5;
 			break bb0;
 		}
 		case "thinking": {
-			let t2;
-			if ($[34] !== message.content || $[35] !== message.id || $[36] !== message.streaming || $[37] !== props.onRender) {
-				t2 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThinkingBlock, {
+			const t0 = props.highlighted ? theme.highlightBackground : void 0;
+			let t1;
+			if ($[31] !== message.content || $[32] !== message.id || $[33] !== message.startedAt || $[34] !== message.streaming || $[35] !== props.onRender) {
+				t1 = /* @__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];
-			let t3;
-			if ($[39] !== flashBg || $[40] !== t2) {
-				t3 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+				$[31] = message.content;
+				$[32] = message.id;
+				$[33] = message.startedAt;
+				$[34] = message.streaming;
+				$[35] = props.onRender;
+				$[36] = t1;
+			} else t1 = $[36];
+			let t2;
+			if ($[37] !== t0 || $[38] !== t1) {
+				t2 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
 					flexDirection: "column",
-					backgroundColor: flashBg,
+					backgroundColor: t0,
 					"aria-hidden": true,
-					children: t2
+					children: t1
 				});
-				$[39] = flashBg;
-				$[40] = t2;
-				$[41] = t3;
-			} else t3 = $[41];
-			inner = t3;
+				$[37] = t0;
+				$[38] = t1;
+				$[39] = t2;
+			} else t2 = $[39];
+			inner = t2;
 			break bb0;
 		}
 		case "idle": {
 			const idleMsg = message;
-			let t2;
-			if ($[42] !== idleMsg.durationMs) {
-				t2 = formatDuration(idleMsg.durationMs);
-				$[42] = idleMsg.durationMs;
-				$[43] = t2;
-			} else t2 = $[43];
-			const idleDuration = t2;
+			let t0;
+			if ($[40] !== idleMsg.durationMs) {
+				t0 = formatDuration(idleMsg.durationMs);
+				$[40] = idleMsg.durationMs;
+				$[41] = t0;
+			} else t0 = $[41];
+			const idleDuration = t0;
 			const idleAriaLabel = idleMsg.state === "error" ? `Failed after ${idleDuration}` : idleMsg.state === "abort" ? `Interrupted after ${idleDuration}` : `Worked for ${idleDuration}`;
+			const t1 = props.highlighted ? theme.highlightBackground : void 0;
+			let t2;
+			if ($[42] !== idleMsg || $[43] !== message.id) {
+				t2 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IdleBlock, { message: idleMsg }, message.id);
+				$[42] = idleMsg;
+				$[43] = message.id;
+				$[44] = t2;
+			} else t2 = $[44];
 			let t3;
-			if ($[44] !== idleMsg || $[45] !== message.id) {
-				t3 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IdleBlock, { message: idleMsg }, message.id);
-				$[44] = idleMsg;
-				$[45] = message.id;
-				$[46] = t3;
-			} else t3 = $[46];
-			let t4;
-			if ($[47] !== flashBg || $[48] !== idleAriaLabel || $[49] !== t3) {
-				t4 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+			if ($[45] !== idleAriaLabel || $[46] !== t1 || $[47] !== t2) {
+				t3 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
 					flexDirection: "column",
-					backgroundColor: flashBg,
+					backgroundColor: t1,
 					"aria-role": "listitem",
 					"aria-label": idleAriaLabel,
-					children: t3
+					children: t2
 				});
-				$[47] = flashBg;
-				$[48] = idleAriaLabel;
-				$[49] = t3;
-				$[50] = t4;
-			} else t4 = $[50];
-			inner = t4;
+				$[45] = idleAriaLabel;
+				$[46] = t1;
+				$[47] = t2;
+				$[48] = t3;
+			} else t3 = $[48];
+			inner = t3;
 			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) {
-		t2 = flash && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+	let t0;
+	if ($[49] !== props.highlighted || $[50] !== theme) {
+		t0 = props.highlighted && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
 			position: "absolute",
 			top: 0,
 			right: 0,
@@ -602987,21 +603316,21 @@ const MessageBlockView = (0, import_react.memo)((props) => {
 				children: "✓ Copied"
 			})
 		});
-		$[52] = flash;
-		$[53] = theme;
-		$[54] = t2;
-	} else t2 = $[54];
-	let t3;
-	if ($[55] !== inner || $[56] !== t2) {
-		t3 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+		$[49] = props.highlighted;
+		$[50] = theme;
+		$[51] = t0;
+	} else t0 = $[51];
+	let t1;
+	if ($[52] !== inner || $[53] !== t0) {
+		t1 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
 			position: "relative",
-			children: [inner, t2]
+			children: [inner, t0]
 		});
-		$[55] = inner;
-		$[56] = t2;
-		$[57] = t3;
-	} else t3 = $[57];
-	return t3;
+		$[52] = inner;
+		$[53] = t0;
+		$[54] = t1;
+	} else t1 = $[54];
+	return t1;
 });
 function CompletedTextBlock(t0) {
 	const $ = (0, import_compiler_runtime.c)(8);
@@ -603040,36 +603369,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,
@@ -603079,53 +603434,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`;
@@ -603211,7 +603586,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];
@@ -603276,7 +603651,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",
@@ -603347,8 +603722,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;
@@ -603359,28 +603734,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);
@@ -603527,7 +603906,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;
@@ -603568,7 +603948,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;
@@ -603607,7 +603988,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 } : {}
 			});
@@ -603627,7 +604009,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;
@@ -603640,7 +604023,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;
@@ -603653,9 +604043,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;
@@ -603707,7 +604097,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, {
@@ -603717,7 +604108,6 @@ const CodeSession = (0, import_react.memo)(({ onExit, isTabActive = true }) => {
 			flexDirection: "column",
 			flexGrow: 1,
 			paddingRight: 2,
-			paddingY: 1,
 			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
 				flexDirection: "column",
 				flexGrow: 1,
@@ -603736,38 +604126,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, {
@@ -603814,7 +604187,8 @@ const CodeSession = (0, import_react.memo)(({ onExit, isTabActive = true }) => {
 					})] }),
 					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusBar, {
 						ctrlCPending,
-						showSidebar
+						showSidebar,
+						updateCheck
 					})
 				]
 			})]
@@ -605458,6 +605832,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);
@@ -605704,7 +606079,7 @@ const TabBar = (0, import_react.memo)((t0) => {
 	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
 		t8 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
 			dimColor: true,
-			children: "   · Ctrl+] to cycle"
+			children: "   · Ctrl+T to cycle"
 		});
 		$[11] = t8;
 	} else t8 = $[11];
@@ -605793,7 +606168,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)("");
@@ -605823,8 +606198,8 @@ function CodeCommand({ onExit, sys, options }) {
 			process.exit(0);
 		}, 100);
 	}, [exit, onExit]);
-	useInput((input, _key) => {
-		if (input === "" && clawEnabled === true) {
+	useInput((input, key) => {
+		if (key.ctrl && input === "t" && clawEnabled === true) {
 			setClawHasUnread(false);
 			setDisplayMode((prev) => prev === "code" ? "claw" : prev === "claw" ? "kanban" : "code");
 		}
@@ -605942,9 +606317,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, {
@@ -605976,167 +606353,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.1",
-		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;
@@ -606150,7 +606366,7 @@ function isStandaloneBinary() {
 	return !path$6.basename(process.execPath, ".exe").startsWith("node");
 }
 function getCurrentVersion() {
-	return "0.4.1";
+	return "0.4.3";
 }
 async function fetchLatestVersion() {
 	return new Promise((resolve, reject) => {
@@ -606197,8 +606413,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;
@@ -606215,7 +606431,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;
 }
@@ -606358,26 +606577,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.3",
+		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.1";
+const VERSION = "0.4.3";
 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");
@@ -606404,9 +606855,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 {};