@builder.io/buildercode 0.3.3 → 0.3.5

package/dist/cli.mjs

@@ -244266,7 +244266,7 @@ const LIB_CACHE = /* @__PURE__ */ new Map();
 const PENDING_LIB_CACHE = /* @__PURE__ */ new Map();
 const NODE_MODULE_CACHE = /* @__PURE__ */ new Map();
 const TSCONFIG_CACHE = /* @__PURE__ */ new Map();
-const pkgVersion = process.env.OVERRIDE_VERSION ?? "0.3.3";
+const pkgVersion = process.env.OVERRIDE_VERSION ?? "0.3.5";
 //#endregion
 //#region ../dev-tools/core/detect-frameworks.ts
 async function detectFrameworks$1(sys) {
@@ -521534,7 +521534,7 @@ Make the necessary changes and try again.`
 				position: agent?.position ?? `${basePosition}-agent`,
 				mode,
 				includeMemories,
-				modelOverride: resolveModelShortcut(resolvedModel) ?? this.#lastModelOverride ?? this.#modelOverride,
+				modelOverride: agent?.inheritSessionModel && (this.#lastModelOverride ?? this.#modelOverride) ? this.#lastModelOverride ?? this.#modelOverride : resolveModelShortcut(resolvedModel) ?? this.#lastModelOverride ?? this.#modelOverride,
 				sessionOrCompletionId: sessionId,
 				workingDirectory: this.#workingDirectory,
 				mcpServers,
@@ -523174,16 +523174,7 @@ Make the necessary changes and try again.`
 						this.#currentMessage = void 0;
 						if (filesChanged) this.#devServerOrchestrator?.addCheckpoint();
 						if (signal?.aborted) throw newAbortError(signal.reason);
-						const scheduledMessage = this.#consumeScheduledMessages();
-						if (scheduledMessage?.syncChanges) await this.syncChangesFromRemote(scheduledMessage.syncChanges);
 						const { hasHealthIssue } = await this.#checkAndUpdateHealthIssueCount();
-						if (scheduledMessage) {
-							this.#logger.debug(`(agentCompletion-${loopCount}): consumed queued messages`);
-							includeUserMessage = true;
-							userMessage = scheduledMessage;
-							totalCompletions = 0;
-							continue;
-						}
 						if (!shouldContinue) {
 							if (signal?.aborted) throw newAbortError(signal.reason);
 							const sessionMode = this.getSessionMode();
@@ -523199,6 +523190,15 @@ Make the necessary changes and try again.`
 								healthIssueCount++;
 								continue;
 							}
+							const scheduledMessage = this.#consumeScheduledMessages();
+							if (scheduledMessage?.syncChanges) await this.syncChangesFromRemote(scheduledMessage.syncChanges);
+							if (scheduledMessage) {
+								this.#logger.debug(`(agentCompletion-${loopCount}): consumed queued messages`);
+								includeUserMessage = true;
+								userMessage = scheduledMessage;
+								totalCompletions = 0;
+								continue;
+							}
 							const devServer = this.#devServerOrchestrator;
 							const shouldRunValidateCommand = userMessage.runValidateCommand ?? true;
 							if (devServer?.validateCommand && shouldRunValidateCommand && validationCount < 2 && this.#pendingValidation) {
@@ -523341,7 +523341,7 @@ failed with code ${result.code}`,
 				skipFileDiff: this.#skipFileDiff,
 				maxTokens: this.#maxTokens,
 				aclPolicy: this.#fusionConfig?.accessControl,
-				repoIndexingConfig: this.#fusionConfig?.repoIndexingConfig,
+				repoIndexingConfig: this.#fusionConfig?.repoIndexingConfig ?? { designSystems: [] },
 				recommendedRoot: this.#recommendedRootDir,
 				attachments: userInput.attachments,
 				customInstructions: sessionContext.customInstructions,
@@ -526439,7 +526439,8 @@ async function exit$1(toolContext, input) {
 		};
 	}
 	if (state === "verified") {
-		const setupVerified = configuration.setupCommand.verified;
+		const setupNoInstallNeeded = !configuration.setupCommand.value;
+		const setupVerified = configuration.setupCommand.verified || setupNoInstallNeeded;
 		const devVerified = configuration.devCommand.verified;
 		const serverVerified = configuration.devServer.verified;
 		const validateCommand = configuration.validateCommand.verified;
@@ -534260,7 +534261,8 @@ const InputPrompt = (0, import_react.memo)(({ onSubmit, onChange, onSlashCommand
 	const [inputKey, setInputKey] = (0, import_react.useState)(0);
 	const hasPlan = state.hasPlanToApply && !!onImplementPlan;
 	const planIsActive = hasPlan && !value;
-	const hint = hasPlan ? "Type to refine the plan..." : "Describe what you want to build...";
+	const isPlanning = state.sessionMode === "planning" || state.sessionMode === "auto-planning";
+	const hint = hasPlan ? "Type to refine the plan..." : isPlanning ? "Describe what you want to plan..." : "Describe what you want to build...";
 	const slashMenuActive = (0, import_react.useMemo)(() => !!onSlashCommand && isSlashCommandInput(value) && value.trim().length > 0 && value !== dismissedSlashValue, [
 		dismissedSlashValue,
 		onSlashCommand,
@@ -534330,7 +534332,7 @@ const InputPrompt = (0, import_react.memo)(({ onSubmit, onChange, onSlashCommand
 		setDismissedAtValue(value);
 	}, [value]);
 	const theme = useTheme();
-	const accentColor = state.sessionMode === "planning" || state.sessionMode === "auto-planning" ? "cyan" : "magenta";
+	const accentColor = isPlanning ? "cyan" : "magenta";
 	const ide = state.ideContext;
 	const ideBasename = ide?.file ? ide.file.split("/").pop() ?? ide.file : null;
 	const ideFilename = ideBasename && ideBasename.length > 20 ? "…" + ideBasename.slice(-19) : ideBasename;
@@ -536912,7 +536914,7 @@ const ContextSection = (0, import_react.memo)(() => {
 	const $ = (0, import_compiler_runtime.c)(72);
 	const [state] = useCodeGenState();
 	const ctx = state.contextWindow;
-	const barWidth = SIDEBAR_WIDTH$1 - 20;
+	const barWidth = SIDEBAR_WIDTH$1 - 24;
 	if (!ctx) {
 		let t0;
 		if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -537885,7 +537887,7 @@ const TodoSection = (0, import_react.memo)(() => {
 	return t4;
 });
 const FooterSection = (0, import_react.memo)(() => {
-	const $ = (0, import_compiler_runtime.c)(7);
+	const $ = (0, import_compiler_runtime.c)(10);
 	const [state] = useCodeGenState();
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -537893,49 +537895,63 @@ const FooterSection = (0, import_react.memo)(() => {
 		$[0] = t0;
 	} else t0 = $[0];
 	let t1;
-	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = process.cwd().replace(process.env.HOME ?? "", "~");
-		$[1] = t1;
-	} else t1 = $[1];
-	const t2 = state.gitState?.currentBranch;
-	let t3;
-	if ($[2] !== t2) {
-		t3 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+	if ($[1] !== state.sessionId) {
+		t1 = state.sessionId && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
 			marginTop: 1,
 			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
 				dimColor: true,
-				children: [t1, t2]
+				children: ["--resume ", state.sessionId]
 			})
 		});
-		$[2] = t2;
-		$[3] = t3;
-	} else t3 = $[3];
+		$[1] = state.sessionId;
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = process.cwd().replace(process.env.HOME ?? "", "~");
+		$[3] = t2;
+	} else t2 = $[3];
+	const t3 = state.gitState?.currentBranch;
 	let t4;
-	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+	if ($[4] !== t3) {
+		t4 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+			marginTop: 1,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+				dimColor: true,
+				children: [t2, t3]
+			})
+		});
+		$[4] = t3;
+		$[5] = t4;
+	} else t4 = $[5];
+	let t5;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
 			dimColor: true,
 			children: [
 				"•",
 				" Fusion ",
-				"0.3.3"
+				"0.3.5"
 			]
 		});
-		$[4] = t4;
-	} else t4 = $[4];
-	let t5;
-	if ($[5] !== t3) {
-		t5 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+		$[6] = t5;
+	} else t5 = $[6];
+	let t6;
+	if ($[7] !== t1 || $[8] !== t4) {
+		t6 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
 			flexDirection: "column",
 			children: [
 				t0,
-				t3,
-				t4
+				t1,
+				t4,
+				t5
 			]
 		});
-		$[5] = t3;
-		$[6] = t5;
-	} else t5 = $[6];
-	return t5;
+		$[7] = t1;
+		$[8] = t4;
+		$[9] = t6;
+	} else t6 = $[9];
+	return t6;
 });
 const Sidebar = (0, import_react.memo)(() => {
 	const $ = (0, import_compiler_runtime.c)(10);
@@ -597468,7 +597484,7 @@ function _temp2$1(line, i) {
 	}, i);
 }
 function ToolCallRead(t0) {
-	const $ = (0, import_compiler_runtime.c)(15);
+	const $ = (0, import_compiler_runtime.c)(14);
 	const { tool } = t0;
 	let t1;
 	if ($[0] !== tool.input) {
@@ -597478,43 +597494,41 @@ function ToolCallRead(t0) {
 	} else t1 = $[1];
 	const { file_path, offset, limit, view_range } = t1;
 	let rangeInfo;
-	if (view_range) rangeInfo = `lines ${view_range[0]}–${view_range[1]}`;
+	if (view_range) rangeInfo = `:${view_range[0]} ${view_range[1] - view_range[0]}L`;
 	else if (offset != null || limit != null) {
-		let parts;
-		if ($[2] !== limit || $[3] !== offset) {
-			parts = [];
-			if (offset != null) parts.push(`offset ${offset}`);
-			if (limit != null) parts.push(`${limit} lines`);
-			$[2] = limit;
-			$[3] = offset;
-			$[4] = parts;
-		} else parts = $[4];
-		rangeInfo = parts.join(", ");
+		const t2 = `${offset != null ? `:${offset}` : ""}${limit != null ? ` ${limit}L` : ""}`;
+		let t3;
+		if ($[2] !== t2) {
+			t3 = t2.trim();
+			$[2] = t2;
+			$[3] = t3;
+		} else t3 = $[3];
+		rangeInfo = t3;
 	}
 	let t2;
-	if ($[5] !== file_path) {
+	if ($[4] !== file_path) {
 		t2 = file_path && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FilePath, { path: file_path });
-		$[5] = file_path;
-		$[6] = t2;
-	} else t2 = $[6];
+		$[4] = file_path;
+		$[5] = t2;
+	} else t2 = $[5];
 	let t3;
-	if ($[7] !== rangeInfo) {
+	if ($[6] !== rangeInfo) {
 		t3 = rangeInfo && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
 			dimColor: true,
 			children: rangeInfo
 		});
-		$[7] = rangeInfo;
-		$[8] = t3;
-	} else t3 = $[8];
+		$[6] = rangeInfo;
+		$[7] = t3;
+	} else t3 = $[7];
 	let t4;
-	if ($[9] !== t2 || $[10] !== t3) {
+	if ($[8] !== t2 || $[9] !== t3) {
 		t4 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [t2, t3] });
-		$[9] = t2;
-		$[10] = t3;
-		$[11] = t4;
-	} else t4 = $[11];
+		$[8] = t2;
+		$[9] = t3;
+		$[10] = t4;
+	} else t4 = $[10];
 	let t5;
-	if ($[12] !== t4 || $[13] !== tool) {
+	if ($[11] !== t4 || $[12] !== tool) {
 		t5 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
 			flexDirection: "column",
 			paddingX: 1,
@@ -597524,10 +597538,10 @@ function ToolCallRead(t0) {
 				extra: t4
 			})
 		});
-		$[12] = t4;
-		$[13] = tool;
-		$[14] = t5;
-	} else t5 = $[14];
+		$[11] = t4;
+		$[12] = tool;
+		$[13] = t5;
+	} else t5 = $[13];
 	return t5;
 }
 function ToolCallEdit(t0) {
@@ -597664,7 +597678,7 @@ function ToolCallMultiEdit(t0) {
 	return t7;
 }
 function ToolCallBash(t0) {
-	const $ = (0, import_compiler_runtime.c)(19);
+	const $ = (0, import_compiler_runtime.c)(21);
 	const { tool } = t0;
 	let t1;
 	if ($[0] !== tool.input) {
@@ -597673,61 +597687,78 @@ function ToolCallBash(t0) {
 		$[1] = t1;
 	} else t1 = $[1];
 	const { command, description, restart } = t1;
+	const displayTitle = restart ? "[restart]" : description;
 	let t2;
-	if ($[2] !== command || $[3] !== description || $[4] !== restart) {
-		t2 = restart ? "[restart]" : description || (command ? command.includes("\n") ? command.split("\n")[0] + " ..." : command.slice(0, 80) : void 0);
+	if ($[2] !== command || $[3] !== restart) {
+		t2 = !restart && command ? command.includes("\n") ? command.split("\n")[0] + " ..." : command.slice(0, 80) : void 0;
 		$[2] = command;
-		$[3] = description;
-		$[4] = restart;
-		$[5] = t2;
-	} else t2 = $[5];
+		$[3] = restart;
+		$[4] = t2;
+	} else t2 = $[4];
 	const displayCmd = t2;
 	let t3;
-	if ($[6] !== tool.state || $[7] !== tool.toolResult) {
+	if ($[5] !== tool.state || $[6] !== tool.toolResult) {
 		t3 = tool.state === "success" || tool.state === "error" ? getResultText(tool.toolResult) : void 0;
-		$[6] = tool.state;
-		$[7] = tool.toolResult;
-		$[8] = t3;
-	} else t3 = $[8];
+		$[5] = tool.state;
+		$[6] = tool.toolResult;
+		$[7] = t3;
+	} else t3 = $[7];
 	const resultText = t3;
 	let t4;
-	if ($[9] !== displayCmd) {
-		t4 = displayCmd ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CmdText, { cmd: displayCmd }) : void 0;
-		$[9] = displayCmd;
-		$[10] = t4;
-	} else t4 = $[10];
+	if ($[8] !== displayTitle) {
+		t4 = displayTitle ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CmdText, { cmd: displayTitle }) : void 0;
+		$[8] = displayTitle;
+		$[9] = t4;
+	} else t4 = $[9];
 	let t5;
-	if ($[11] !== t4 || $[12] !== tool) {
+	if ($[10] !== t4 || $[11] !== tool) {
 		t5 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolHeader, {
 			tool,
 			label: TOOL_LABELS.Bash,
 			extra: t4
 		});
-		$[11] = t4;
-		$[12] = tool;
-		$[13] = t5;
-	} else t5 = $[13];
+		$[10] = t4;
+		$[11] = tool;
+		$[12] = t5;
+	} else t5 = $[12];
 	let t6;
-	if ($[14] !== resultText) {
-		t6 = resultText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OutputPreview, {
+	if ($[13] !== displayCmd) {
+		t6 = displayCmd && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+			paddingLeft: 3,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+				dimColor: true,
+				children: ["$ ", displayCmd]
+			})
+		});
+		$[13] = displayCmd;
+		$[14] = t6;
+	} else t6 = $[14];
+	let t7;
+	if ($[15] !== resultText) {
+		t7 = resultText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OutputPreview, {
 			text: resultText,
 			maxLines: 8
 		});
-		$[14] = resultText;
-		$[15] = t6;
-	} else t6 = $[15];
-	let t7;
-	if ($[16] !== t5 || $[17] !== t6) {
-		t7 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+		$[15] = resultText;
+		$[16] = t7;
+	} else t7 = $[16];
+	let t8;
+	if ($[17] !== t5 || $[18] !== t6 || $[19] !== t7) {
+		t8 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
 			flexDirection: "column",
 			paddingX: 1,
-			children: [t5, t6]
+			children: [
+				t5,
+				t6,
+				t7
+			]
 		});
-		$[16] = t5;
-		$[17] = t6;
-		$[18] = t7;
-	} else t7 = $[18];
-	return t7;
+		$[17] = t5;
+		$[18] = t6;
+		$[19] = t7;
+		$[20] = t8;
+	} else t8 = $[20];
+	return t8;
 }
 function ToolCallGrep(t0) {
 	const $ = (0, import_compiler_runtime.c)(23);
@@ -598613,8 +598644,30 @@ function buildDots(added, removed) {
 		red: dots - green
 	};
 }
+const IDLE_VERBS = [
+	"Worked",
+	"Cooked",
+	"Crunched",
+	"Built",
+	"Boiled",
+	"Crafted",
+	"Brewed",
+	"Hammered",
+	"Churned",
+	"Wrangled",
+	"Baked",
+	"Forged",
+	"Hacked",
+	"Computed",
+	"Chiseled"
+];
+function pickVerb(seed) {
+	let hash = 0;
+	for (let i = 0; i < seed.length; i++) hash = hash * 31 + seed.charCodeAt(i) >>> 0;
+	return IDLE_VERBS[hash % IDLE_VERBS.length];
+}
 function IdleBlock(t0) {
-	const $ = (0, import_compiler_runtime.c)(17);
+	const $ = (0, import_compiler_runtime.c)(20);
 	const { message } = t0;
 	let t1;
 	if ($[0] !== message.durationMs) {
@@ -598623,73 +598676,86 @@ function IdleBlock(t0) {
 		$[1] = t1;
 	} else t1 = $[1];
 	const duration = t1;
-	let t2;
-	if ($[2] !== message.creditsUsed) {
-		t2 = message.creditsUsed > 0 ? `${message.creditsUsed.toFixed(2)} credits` : null;
-		$[2] = message.creditsUsed;
-		$[3] = t2;
-	} else t2 = $[3];
-	const credits = t2;
+	const t2 = message.id ?? duration;
 	let t3;
-	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+	if ($[2] !== t2) {
+		t3 = pickVerb(t2);
+		$[2] = t2;
+		$[3] = t3;
+	} else t3 = $[3];
+	const verb = t3;
+	let t4;
+	if ($[4] !== message.creditsUsed) {
+		t4 = message.creditsUsed > 0 ? `${message.creditsUsed.toFixed(2)} credits` : null;
+		$[4] = message.creditsUsed;
+		$[5] = t4;
+	} else t4 = $[5];
+	const credits = t4;
+	let t5;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
 			color: "magenta",
 			bold: true,
 			children: "✦"
 		});
-		$[4] = t3;
-	} else t3 = $[4];
-	let t4;
-	if ($[5] !== duration) {
-		t4 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+		$[6] = t5;
+	} else t5 = $[6];
+	let t6;
+	if ($[7] !== duration || $[8] !== verb) {
+		t6 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
 			bold: true,
-			children: ["Worked for ", duration]
+			children: [
+				verb,
+				" for ",
+				duration
+			]
 		});
-		$[5] = duration;
-		$[6] = t4;
-	} else t4 = $[6];
-	let t5;
-	if ($[7] !== credits) {
-		t5 = credits && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+		$[7] = duration;
+		$[8] = verb;
+		$[9] = t6;
+	} else t6 = $[9];
+	let t7;
+	if ($[10] !== credits) {
+		t7 = credits && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
 			dimColor: true,
 			children: ["· ", credits]
 		});
-		$[7] = credits;
-		$[8] = t5;
-	} else t5 = $[8];
-	let t6;
-	if ($[9] !== t4 || $[10] !== t5) {
-		t6 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+		$[10] = credits;
+		$[11] = t7;
+	} else t7 = $[11];
+	let t8;
+	if ($[12] !== t6 || $[13] !== t7) {
+		t8 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
 			gap: 1,
 			children: [
-				t3,
-				t4,
-				t5
+				t5,
+				t6,
+				t7
 			]
 		});
-		$[9] = t4;
-		$[10] = t5;
-		$[11] = t6;
-	} else t6 = $[11];
-	let t7;
-	if ($[12] !== message.applyResults) {
-		t7 = message.applyResults.map(_temp$1);
-		$[12] = message.applyResults;
+		$[12] = t6;
 		$[13] = t7;
-	} else t7 = $[13];
-	let t8;
-	if ($[14] !== t6 || $[15] !== t7) {
-		t8 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+		$[14] = t8;
+	} else t8 = $[14];
+	let t9;
+	if ($[15] !== message.applyResults) {
+		t9 = message.applyResults.map(_temp$1);
+		$[15] = message.applyResults;
+		$[16] = t9;
+	} else t9 = $[16];
+	let t10;
+	if ($[17] !== t8 || $[18] !== t9) {
+		t10 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
 			flexDirection: "column",
 			paddingX: 0,
 			marginY: 1,
-			children: [t6, t7]
+			children: [t8, t9]
 		});
-		$[14] = t6;
-		$[15] = t7;
-		$[16] = t8;
-	} else t8 = $[16];
-	return t8;
+		$[17] = t8;
+		$[18] = t9;
+		$[19] = t10;
+	} else t10 = $[19];
+	return t10;
 }
 function _temp$1(result) {
 	const { green, red } = buildDots(result.addedLines, result.removedLines);
@@ -598701,13 +598767,15 @@ function _temp$1(result) {
 			dimColor: true,
 			children: result.filePath
 		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, { children: [
-			result.addedLines > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
-				color: "green",
-				children: ["+", result.addedLines]
-			}),
-			result.removedLines > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
-				color: "red",
-				children: ["-", result.removedLines]
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+				marginRight: 1,
+				children: [result.addedLines > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+					color: "green",
+					children: ["+", result.addedLines]
+				}), result.removedLines > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+					color: "red",
+					children: ["-", result.removedLines]
+				})]
 			}),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
 				color: "green",
@@ -598794,6 +598862,7 @@ const CodeSessionWrapper = (0, import_react.memo)((t0) => {
 const CodeSession = (0, import_react.memo)(({ onExit, isTabActive = true }) => {
 	const { stdout } = useStdout();
 	const [cols, setCols] = (0, import_react.useState)(stdout?.columns ?? 80);
+	const [rows, setRows] = (0, import_react.useState)(stdout?.rows ?? 24);
 	const [slashMenuActive, setSlashMenuActive] = (0, import_react.useState)(false);
 	const [ctrlCPending, setCtrlCPending] = (0, import_react.useState)(false);
 	const ctrlCTimer = (0, import_react.useRef)(null);
@@ -598827,7 +598896,7 @@ const CodeSession = (0, import_react.memo)(({ onExit, isTabActive = true }) => {
 	}, [scrollByClamped]);
 	const [state, api, proxy] = useCodeGenState();
 	const showWelcome = state.state === "loading" || state.state === "initial-with-url" || state.state === "initial-without-url";
-	const showSidebar = cols >= 90 && !showWelcome;
+	const showSidebar = cols >= 90 && rows >= 24 && !showWelcome;
 	const answerUserQuestions = (0, import_react.useCallback)((answers) => {
 		const id = state.activeUserQuestions?.id;
 		if (!id) return;
@@ -598837,6 +598906,7 @@ const CodeSession = (0, import_react.memo)(({ onExit, isTabActive = true }) => {
 		const handleResize = () => {
 			scrollRef.current?.remeasure();
 			setCols(stdout?.columns ?? 80);
+			setRows(stdout?.rows ?? 24);
 		};
 		stdout?.on("resize", handleResize);
 		return () => {
@@ -598949,12 +599019,11 @@ const CodeSession = (0, import_react.memo)(({ onExit, isTabActive = true }) => {
 		scrollRef.current?.scrollToBottom();
 	}, [handleSlashCommand]);
 	const handleImplementPlan = (0, import_react.useCallback)(async () => {
-		await api.switchSessionMode("normal");
-		await api.clearSession();
 		await api.sendMessage({
-			userPrompt: "Implement the plan.",
-			displayPrompt: "Implement the plan",
+			userPrompt: "Let's implement the plan. Pay attention to the details, makes sure to use TodoWrite to update the steps to todo.",
+			displayPrompt: `Let's implement the plan`,
 			queue: true,
+			sessionMode: "normal",
 			user: {
 				role: "user",
 				source: "builder.io"
@@ -598963,6 +599032,9 @@ const CodeSession = (0, import_react.memo)(({ onExit, isTabActive = true }) => {
 		userScrolledUp.current = false;
 		scrollRef.current?.scrollToBottom();
 	}, [api]);
+	const startIndex = Math.max(0, state.messages.length - 200);
+	const visibleMessages = state.messages.slice(startIndex);
+	const hiddenCount = startIndex;
 	const showInput = !!!state.activeUserQuestions;
 	if (!isTabActive) return null;
 	if (showWelcome) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
@@ -599003,11 +599075,24 @@ 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.jsx)(ScrollView, {
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ScrollView, {
 						ref: scrollRef,
 						flexGrow: 1,
 						flexDirection: "column",
-						children: state.messages.map((msg, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorBoundary, {
+						children: [hiddenCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+							paddingX: 2,
+							paddingY: 1,
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+								dimColor: true,
+								children: [
+									"─── ",
+									hiddenCount,
+									" older message",
+									hiddenCount === 1 ? "" : "s",
+									" not shown ───"
+								]
+							})
+						}), visibleMessages.map((msg, i) => /* @__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, {
@@ -599016,8 +599101,8 @@ const CodeSession = (0, import_react.memo)(({ onExit, isTabActive = true }) => {
 									children: "[failed to render message]"
 								})
 							}),
-							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MessageBlockView, { message: proxy.messages[i] }, `msg-${msg.id}-${i}`)
-						}, `err-${msg.id}-${i}`))
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MessageBlockView, { message: proxy.messages[startIndex + i] }, `msg-${msg.id}-${startIndex + i}`)
+						}, `err-${msg.id}-${startIndex + i}`))]
 					})
 				})
 			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
@@ -599358,6 +599443,7 @@ const ClawSidebar = (0, import_react.memo)(() => {
 const ClawSession = (0, import_react.memo)(({ credentials, isActive, onNewMessages, onExit }) => {
 	const { stdout } = useStdout();
 	const [cols, setCols] = (0, import_react.useState)(stdout?.columns ?? 80);
+	const [rows, setRows] = (0, import_react.useState)(stdout?.rows ?? 24);
 	const theme = useTheme();
 	const [inputValue, setInputValue] = (0, import_react.useState)("");
 	const [ctrlCPending, setCtrlCPending] = (0, import_react.useState)(false);
@@ -599400,13 +599486,14 @@ const ClawSession = (0, import_react.memo)(({ credentials, isActive, onNewMessag
 		const handleResize = () => {
 			scrollRef.current?.remeasure();
 			setCols(stdout?.columns ?? 80);
+			setRows(stdout?.rows ?? 24);
 		};
 		stdout?.on("resize", handleResize);
 		return () => {
 			stdout?.off("resize", handleResize);
 		};
 	}, [stdout]);
-	const showSidebar = cols >= 100;
+	const showSidebar = cols >= 100 && rows >= 24;
 	const handleSubmit = (0, import_react.useCallback)(async (val) => {
 		if (!val.trim() || isSending) return;
 		setInputValue("");
@@ -599469,17 +599556,35 @@ const ClawSession = (0, import_react.memo)(({ credentials, isActive, onNewMessag
 								dimColor: true,
 								children: "No messages yet. Send a message to start a conversation with Claw."
 							})
-						}) : messages.map((msg) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorBoundary, {
-							fallback: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+						}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: (() => {
+							const startIndex = Math.max(0, messages.length - 100);
+							const visibleMessages = messages.slice(startIndex);
+							const hiddenCount = startIndex;
+							return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [hiddenCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
 								paddingX: 2,
-								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-									color: "red",
+								paddingY: 1,
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
 									dimColor: true,
-									children: "[failed to render message]"
+									children: [
+										"─── ",
+										hiddenCount,
+										" older message",
+										hiddenCount === 1 ? "" : "s",
+										" not shown ───"
+									]
 								})
-							}),
-							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ClawMessageView, { message: msg })
-						}, msg.id))
+							}), visibleMessages.map((msg) => /* @__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)(ClawMessageView, { message: msg })
+							}, msg.id))] });
+						})() })
 					})
 				}),
 				isWaitingForReply && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
@@ -599976,7 +600081,7 @@ function initSentry() {
 	init({
 		dsn: "https://1c5033d697e0271ebe53773bff826de0@o117565.ingest.us.sentry.io/4511107776905216",
 		tracesSampleRate: 0,
-		release: "0.3.3",
+		release: "0.3.5",
 		environment: process.env.NODE_ENV ?? "development",
 		enabled: false,
 		registerEsmLoaderHooks: false,
@@ -600000,7 +600105,7 @@ function isStandaloneBinary() {
 	return !path$6.basename(process.execPath, ".exe").startsWith("node");
 }
 function getCurrentVersion() {
-	return "0.3.3";
+	return "0.3.5";
 }
 async function fetchLatestVersion() {
 	return new Promise((resolve, reject) => {
@@ -600176,7 +600281,7 @@ async function downloadFile(url, dest) {
 }
 //#endregion
 //#region src/cli.tsx
-const VERSION = "0.3.3";
+const VERSION = "0.3.5";
 async function startInk(command, options) {
 	await render(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(App, {
 		command,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/buildercode",
-  "version": "0.3.3",
-  "description": "Builder.io Fusion CLI - AI-powered code generation",
+  "version": "0.3.5",
+  "description": "Builder.io CLI - AI-powered code generation",
   "license": "MIT",
   "bin": {
     "builder": "dist/cli.mjs"