@builder.io/buildercode 0.4.5 → 0.4.6

package/dist/cli.mjs

@@ -245255,7 +245255,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.5";
+const pkgVersion = process.env.OVERRIDE_VERSION ?? "0.4.6";
 //#endregion
 //#region ../dev-tools/core/detect-frameworks.ts
 async function detectFrameworks$1(sys) {
@@ -537795,6 +537795,7 @@ function getAtQuery(value) {
 }
 const InputPrompt = (0, import_react.memo)(({ onSubmit, onChange, onSlashCommand, onToggleSessionMode, onSlashMenuActiveChange, isTabActive = true, currentReasoning, initialValue, pendingAttachments = [], onAddAttachment, onRemoveAttachment }) => {
 	const { isFocused } = useFocus({
+		id: "input-prompt",
 		autoFocus: true,
 		isActive: isTabActive
 	});
@@ -537937,6 +537938,7 @@ const InputPrompt = (0, import_react.memo)(({ onSubmit, onChange, onSlashCommand
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
 		flexDirection: "column",
 		marginY: 1,
+		flexShrink: 0,
 		children: [
 			state.queue && state.queue.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
 				flexDirection: "column",
@@ -540355,7 +540357,7 @@ const RecentSessions = (0, import_react.memo)(({ cwd, sessions: sessionsProp, li
 });
 //#endregion
 //#region src/components/WelcomeScreen.tsx
-const VERSION$1 = "0.4.5";
+const VERSION$1 = "0.4.6";
 const FOCUS_SESSIONS = "welcome-sessions";
 const LOGO = `
  ██████╗  ██╗   ██╗ ██╗ ██╗     ██████╗  ███████╗ ██████╗
@@ -540371,7 +540373,7 @@ const LOGO_SMALL = `
 ╚═╝ ╚═╝ ╩ ╩═╝╚╩╝ ╚═╝ ╩╚═`.trim();
 const MAX_SESSIONS = 5;
 const WelcomeScreen = (0, import_react.memo)((t0) => {
-	const $ = (0, import_compiler_runtime.c)(43);
+	const $ = (0, import_compiler_runtime.c)(36);
 	const { onSubmit, onChange, onSlashCommand, onSlashMenuActiveChange, onToggleSessionMode, isTabActive: t1, localSessions: t2 } = t0;
 	const isTabActive = t1 === void 0 ? true : t1;
 	let t3;
@@ -540382,67 +540384,42 @@ const WelcomeScreen = (0, import_react.memo)((t0) => {
 	} else t3 = $[1];
 	const localSessions = t3;
 	const [state] = useCodeGenState();
-	const { stdout } = useStdout();
 	const theme = useTheme();
 	const { activeId } = useFocusManager();
-	const [cols, setCols] = (0, import_react.useState)(stdout?.columns ?? 80);
-	const [rows, setRows] = (0, import_react.useState)(stdout?.rows ?? 24);
+	const { rows, columns } = useWindowSize();
 	let t4;
-	let t5;
-	if ($[2] !== stdout) {
-		t4 = () => {
-			if (!stdout) return;
-			const onResize = () => {
-				setCols(stdout.columns ?? 80);
-				setRows(stdout.rows ?? 24);
-			};
-			stdout.on("resize", onResize);
-			return () => {
-				stdout.off("resize", onResize);
-			};
-		};
-		t5 = [stdout];
-		$[2] = stdout;
+	if ($[2] !== state.cwd) {
+		t4 = state.cwd ? state.cwd.replace(process.env.HOME ?? "", "~") : process.cwd().replace(process.env.HOME ?? "", "~");
+		$[2] = state.cwd;
 		$[3] = t4;
-		$[4] = t5;
-	} else {
-		t4 = $[3];
-		t5 = $[4];
-	}
-	(0, import_react.useEffect)(t4, t5);
-	let t6;
-	if ($[5] !== state.cwd) {
-		t6 = state.cwd ? state.cwd.replace(process.env.HOME ?? "", "~") : process.cwd().replace(process.env.HOME ?? "", "~");
-		$[5] = state.cwd;
-		$[6] = t6;
-	} else t6 = $[6];
-	const displayCwd = t6;
-	const inputWidth = Math.min(Math.max(cols, 20), 90);
-	let t7;
-	if ($[7] !== localSessions) {
-		t7 = localSessions.slice(0, MAX_SESSIONS);
-		$[7] = localSessions;
-		$[8] = t7;
-	} else t7 = $[8];
-	const sessions = t7;
+	} else t4 = $[3];
+	const displayCwd = t4;
+	const inputWidth = Math.min(Math.max(columns, 20), 90);
+	let t5;
+	if ($[4] !== localSessions) {
+		t5 = localSessions.slice(0, MAX_SESSIONS);
+		$[4] = localSessions;
+		$[5] = t5;
+	} else t5 = $[5];
+	const sessions = t5;
 	const showHistory = rows >= 16 && sessions.length > 0;
 	const sessionsFocused = activeId === FOCUS_SESSIONS;
-	let t8;
-	if ($[9] !== onSlashCommand) {
-		t8 = (sessionId) => {
+	let t6;
+	if ($[6] !== onSlashCommand) {
+		t6 = (sessionId) => {
 			onSlashCommand?.({
 				commandId: "sessions",
 				value: sessionId
 			});
 		};
-		$[9] = onSlashCommand;
-		$[10] = t8;
-	} else t8 = $[10];
-	const handleSessionSelect = t8;
-	const t9 = cols >= 70 && rows >= 20 ? LOGO : cols >= 28 && rows >= 14 ? LOGO_SMALL : "BUILDER";
-	let t10;
-	if ($[11] !== t9 || $[12] !== theme.background) {
-		t10 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+		$[6] = onSlashCommand;
+		$[7] = t6;
+	} else t6 = $[7];
+	const handleSessionSelect = t6;
+	const t7 = columns >= 70 && rows >= 20 ? LOGO : columns >= 28 && rows >= 14 ? LOGO_SMALL : "BUILDER";
+	let t8;
+	if ($[8] !== t7 || $[9] !== theme.background) {
+		t8 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
 			flexDirection: "column",
 			alignItems: "center",
 			marginBottom: 1,
@@ -540450,17 +540427,17 @@ const WelcomeScreen = (0, import_react.memo)((t0) => {
 				name: "vice",
 				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
 					backgroundColor: theme.background,
-					children: t9
+					children: t7
 				})
 			})
 		});
-		$[11] = t9;
-		$[12] = theme.background;
-		$[13] = t10;
-	} else t10 = $[13];
-	let t11;
-	if ($[14] !== isTabActive || $[15] !== onChange || $[16] !== onSlashCommand || $[17] !== onSlashMenuActiveChange || $[18] !== onSubmit || $[19] !== onToggleSessionMode) {
-		t11 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputPrompt, {
+		$[8] = t7;
+		$[9] = theme.background;
+		$[10] = t8;
+	} else t8 = $[10];
+	let t9;
+	if ($[11] !== isTabActive || $[12] !== onChange || $[13] !== onSlashCommand || $[14] !== onSlashMenuActiveChange || $[15] !== onSubmit || $[16] !== onToggleSessionMode) {
+		t9 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputPrompt, {
 			onSubmit,
 			onChange,
 			onSlashCommand,
@@ -540468,28 +540445,28 @@ const WelcomeScreen = (0, import_react.memo)((t0) => {
 			onToggleSessionMode,
 			isTabActive
 		});
-		$[14] = isTabActive;
-		$[15] = onChange;
-		$[16] = onSlashCommand;
-		$[17] = onSlashMenuActiveChange;
-		$[18] = onSubmit;
-		$[19] = onToggleSessionMode;
-		$[20] = t11;
-	} else t11 = $[20];
-	let t12;
-	if ($[21] !== inputWidth || $[22] !== t11) {
-		t12 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+		$[11] = isTabActive;
+		$[12] = onChange;
+		$[13] = onSlashCommand;
+		$[14] = onSlashMenuActiveChange;
+		$[15] = onSubmit;
+		$[16] = onToggleSessionMode;
+		$[17] = t9;
+	} else t9 = $[17];
+	let t10;
+	if ($[18] !== inputWidth || $[19] !== t9) {
+		t10 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
 			width: inputWidth,
 			flexDirection: "column",
-			children: t11
+			children: t9
 		});
-		$[21] = inputWidth;
-		$[22] = t11;
-		$[23] = t12;
-	} else t12 = $[23];
-	let t13;
-	if ($[24] !== handleSessionSelect || $[25] !== inputWidth || $[26] !== isTabActive || $[27] !== sessions || $[28] !== showHistory) {
-		t13 = showHistory && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+		$[18] = inputWidth;
+		$[19] = t9;
+		$[20] = t10;
+	} else t10 = $[20];
+	let t11;
+	if ($[21] !== handleSessionSelect || $[22] !== inputWidth || $[23] !== isTabActive || $[24] !== sessions || $[25] !== showHistory) {
+		t11 = showHistory && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
 			width: inputWidth,
 			marginTop: 1,
 			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RecentSessions, {
@@ -540500,103 +540477,87 @@ const WelcomeScreen = (0, import_react.memo)((t0) => {
 				onSelect: handleSessionSelect
 			})
 		});
-		$[24] = handleSessionSelect;
-		$[25] = inputWidth;
-		$[26] = isTabActive;
-		$[27] = sessions;
-		$[28] = showHistory;
-		$[29] = t13;
-	} else t13 = $[29];
-	let t14;
-	if ($[30] !== sessionsFocused) {
-		t14 = sessionsFocused ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
-			gap: 3,
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
-				dimColor: true,
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-					bold: true,
-					children: "↑↓"
-				}), " navigate"]
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
-				dimColor: true,
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-					bold: true,
-					children: "enter"
-				}), " resume"]
-			})]
-		}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
-			gap: 3,
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
-				dimColor: true,
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-					bold: true,
-					children: "↑↓"
-				}), " navigate"]
+		$[21] = handleSessionSelect;
+		$[22] = inputWidth;
+		$[23] = isTabActive;
+		$[24] = sessions;
+		$[25] = showHistory;
+		$[26] = t11;
+	} else t11 = $[26];
+	let t12;
+	if ($[27] !== displayCwd || $[28] !== rows || $[29] !== sessionsFocused) {
+		t12 = rows > 14 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+			marginTop: 1,
+			flexDirection: "column",
+			alignItems: "center",
+			children: [sessionsFocused ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+				gap: 3,
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+					dimColor: true,
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+						bold: true,
+						children: "↑↓"
+					}), " navigate"]
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+					dimColor: true,
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+						bold: true,
+						children: "enter"
+					}), " resume"]
+				})]
+			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+				gap: 3,
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+					dimColor: true,
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+						bold: true,
+						children: "↑↓"
+					}), " navigate"]
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+					dimColor: true,
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+						bold: true,
+						children: "tab"
+					}), " switch modes"]
+				})]
 			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
 				dimColor: true,
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-					bold: true,
-					children: "tab"
-				}), " switch modes"]
+				children: [
+					displayCwd,
+					" ",
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+						dimColor: true,
+						children: ["v", VERSION$1]
+					})
+				]
 			})]
 		});
-		$[30] = sessionsFocused;
-		$[31] = t14;
-	} else t14 = $[31];
-	let t15;
-	if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
-		t15 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
-			dimColor: true,
-			children: ["v", VERSION$1]
-		});
-		$[32] = t15;
-	} else t15 = $[32];
-	let t16;
-	if ($[33] !== displayCwd) {
-		t16 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
-			dimColor: true,
-			children: [
-				displayCwd,
-				" ",
-				t15
-			]
-		});
-		$[33] = displayCwd;
-		$[34] = t16;
-	} else t16 = $[34];
-	let t17;
-	if ($[35] !== t14 || $[36] !== t16) {
-		t17 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
-			marginTop: 1,
-			flexDirection: "column",
-			alignItems: "center",
-			children: [t14, t16]
-		});
-		$[35] = t14;
-		$[36] = t16;
-		$[37] = t17;
-	} else t17 = $[37];
-	let t18;
-	if ($[38] !== t10 || $[39] !== t12 || $[40] !== t13 || $[41] !== t17) {
-		t18 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+		$[27] = displayCwd;
+		$[28] = rows;
+		$[29] = sessionsFocused;
+		$[30] = t12;
+	} else t12 = $[30];
+	let t13;
+	if ($[31] !== t10 || $[32] !== t11 || $[33] !== t12 || $[34] !== t8) {
+		t13 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
 			flexDirection: "column",
 			alignItems: "center",
 			justifyContent: "center",
 			flexGrow: 1,
 			children: [
+				t8,
 				t10,
-				t12,
-				t13,
-				t17
+				t11,
+				t12
 			]
 		});
-		$[38] = t10;
-		$[39] = t12;
-		$[40] = t13;
-		$[41] = t17;
-		$[42] = t18;
-	} else t18 = $[42];
-	return t18;
+		$[31] = t10;
+		$[32] = t11;
+		$[33] = t12;
+		$[34] = t8;
+		$[35] = t13;
+	} else t13 = $[35];
+	return t13;
 });
 //#endregion
 //#region src/hooks/useToast.ts
@@ -542321,7 +542282,7 @@ const FooterSection = (0, import_react.memo)(() => {
 			children: [
 				"•",
 				" Fusion ",
-				"0.4.5"
+				"0.4.6"
 			]
 		});
 		$[10] = t7;
@@ -606396,6 +606357,7 @@ function CodeCommand({ onExit, sys, options, updateCheck }) {
 	const sessionRef = (0, import_react.useRef)(null);
 	const credentialsRef = (0, import_react.useRef)(null);
 	const { rows } = useWindowSize();
+	const { focus } = useFocusManager();
 	const [credentials, setCredentials] = (0, import_react.useState)(null);
 	const [sessionVersion, setSessionVersion] = (0, import_react.useState)(0);
 	const [displayMode, setDisplayMode] = (0, import_react.useState)("code");
@@ -606424,6 +606386,9 @@ function CodeCommand({ onExit, sys, options, updateCheck }) {
 			setDisplayMode((prev) => prev === "code" ? "claw" : prev === "claw" ? "kanban" : "code");
 		}
 	}, { isActive: initPhase === "ready" });
+	(0, import_react.useEffect)(() => {
+		if (displayMode === "code") focus("input-prompt");
+	}, [displayMode]);
 	const handleClawNewMessages = (0, import_react.useCallback)(() => {
 		if (displayMode !== "claw") setClawHasUnread(true);
 	}, [displayMode]);
@@ -606532,12 +606497,10 @@ function CodeCommand({ onExit, sys, options, updateCheck }) {
 		})
 	});
 	if (initPhase === "needs-login") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NeedsLoginScreen, {
-		rows,
 		onConfirm: continueInit,
 		onExit: cleanup
 	});
 	if (initPhase === "authenticating") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AuthenticatingScreen, {
-		rows,
 		authStatus,
 		authUrl,
 		onExit: cleanup
@@ -606554,7 +606517,7 @@ function CodeCommand({ onExit, sys, options, updateCheck }) {
 			flexDirection: "column",
 			flexGrow: 1,
 			children: [
-				clawEnabled === true && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabBar, {
+				clawEnabled === true && rows > 20 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabBar, {
 					displayMode,
 					clawHasUnread
 				}),
@@ -606614,7 +606577,7 @@ function isStandaloneBinary() {
 	return !path$6.basename(process.execPath, ".exe").startsWith("node");
 }
 function getCurrentVersion() {
-	return "0.4.5";
+	return "0.4.6";
 }
 async function fetchLatestVersion() {
 	return new Promise((resolve, reject) => {
@@ -607055,7 +607018,7 @@ function initSentry() {
 	init({
 		dsn: "https://1c5033d697e0271ebe53773bff826de0@o117565.ingest.us.sentry.io/4511107776905216",
 		tracesSampleRate: 0,
-		release: "0.4.5",
+		release: "0.4.6",
 		environment: process.env.NODE_ENV ?? "development",
 		enabled: false,
 		registerEsmLoaderHooks: false,
@@ -607067,7 +607030,7 @@ function initSentry() {
 }
 //#endregion
 //#region src/cli.tsx
-const VERSION = "0.4.5";
+const VERSION = "0.4.6";
 async function startInk(command, options) {
 	const sys = await createDevToolsNodeSys({
 		cwd: process.cwd(),

package/package.json

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