@builder.io/buildercode 0.4.4 → 0.4.5

package/dist/cli.mjs

@@ -44471,8 +44471,12 @@ function App$1({ children, stdin, stdout, stderr, writeToStdout, writeToStderr,
 			handleExit();
 			return;
 		}
-		if (input === escape$3) setActiveFocusId(void 0);
-	}, [exitOnCtrlC, handleExit]);
+		if (input === escape$3 && isFocusEnabled) setActiveFocusId(void 0);
+	}, [
+		exitOnCtrlC,
+		handleExit,
+		isFocusEnabled
+	]);
 	const emitInput = (0, import_react.useCallback)((input) => {
 		handleInput(input);
 		internal_eventEmitter.current.emit("input", input);
@@ -45767,6 +45771,10 @@ const parseKeypress = (s = "") => {
 };
 //#endregion
 //#region ../../node_modules/ink/build/hooks/use-stdin.js
+/**
+A React hook that returns the stdin stream and stdin-related utilities.
+*/
+const useStdin = () => (0, import_react.useContext)(StdinContext);
 const useStdinContext = () => (0, import_react.useContext)(StdinContext);
 //#endregion
 //#region ../../node_modules/ink/build/hooks/use-input.js
@@ -45916,6 +45924,70 @@ A React hook that returns the stdout stream where Ink renders your app.
 */
 const useStdout = () => (0, import_react.useContext)(StdoutContext);
 //#endregion
+//#region ../../node_modules/ink/build/hooks/use-focus.js
+/**
+A React hook that returns focus state and focus controls for the current component.
+A component that uses the `useFocus` hook becomes "focusable" to Ink, so when the user presses <kbd>Tab</kbd>, Ink will switch focus to this component. If there are multiple components that execute the `useFocus` hook, focus will be given to them in the order in which these components are rendered.
+*/
+const useFocus = ({ isActive = true, autoFocus = false, id: customId } = {}) => {
+	const { isRawModeSupported, setRawMode } = useStdin();
+	const { activeId, add, remove, activate, deactivate, focus } = (0, import_react.useContext)(FocusContext);
+	const id = (0, import_react.useMemo)(() => {
+		return customId ?? Math.random().toString().slice(2, 7);
+	}, [customId]);
+	(0, import_react.useEffect)(() => {
+		add(id, { autoFocus });
+		return () => {
+			remove(id);
+		};
+	}, [
+		id,
+		autoFocus,
+		add,
+		remove
+	]);
+	(0, import_react.useEffect)(() => {
+		if (isActive) activate(id);
+		else deactivate(id);
+	}, [
+		isActive,
+		id,
+		activate,
+		deactivate
+	]);
+	(0, import_react.useEffect)(() => {
+		if (!isRawModeSupported || !isActive) return;
+		setRawMode(true);
+		return () => {
+			setRawMode(false);
+		};
+	}, [
+		isActive,
+		isRawModeSupported,
+		setRawMode
+	]);
+	return {
+		isFocused: Boolean(id) && activeId === id,
+		focus
+	};
+};
+//#endregion
+//#region ../../node_modules/ink/build/hooks/use-focus-manager.js
+/**
+A React hook that returns methods to enable or disable focus management for all components or manually switch focus to the next or previous components.
+*/
+const useFocusManager = () => {
+	const focusContext = (0, import_react.useContext)(FocusContext);
+	return {
+		enableFocus: focusContext.enableFocus,
+		disableFocus: focusContext.disableFocus,
+		focusNext: focusContext.focusNext,
+		focusPrevious: focusContext.focusPrevious,
+		focus: focusContext.focus,
+		activeId: focusContext.activeId
+	};
+};
+//#endregion
 //#region ../../node_modules/ink/build/hooks/use-animation.js
 const defaultAnimationInterval = 100;
 const maximumTimerInterval = 2147483647;
@@ -54110,9 +54182,9 @@ var init_platform = __esmMin((() => {
 }));
 //#endregion
 //#region ../../node_modules/@opentelemetry/api/build/esm/version.js
-var VERSION$5;
+var VERSION$6;
 var init_version = __esmMin((() => {
-	VERSION$5 = "1.9.0";
+	VERSION$6 = "1.9.0";
 }));
 //#endregion
 //#region ../../node_modules/@opentelemetry/api/build/esm/internal/semver.js
@@ -54181,26 +54253,26 @@ var re$7, isCompatible;
 var init_semver = __esmMin((() => {
 	init_version();
 	re$7 = /^(\d+)\.(\d+)\.(\d+)(-(.+))?$/;
-	isCompatible = _makeCompatibilityCheck(VERSION$5);
+	isCompatible = _makeCompatibilityCheck(VERSION$6);
 }));
 //#endregion
 //#region ../../node_modules/@opentelemetry/api/build/esm/internal/global-utils.js
 function registerGlobal(type, instance, diag, allowOverride) {
 	var _a;
 	if (allowOverride === void 0) allowOverride = false;
-	var api = _global[GLOBAL_OPENTELEMETRY_API_KEY] = (_a = _global[GLOBAL_OPENTELEMETRY_API_KEY]) !== null && _a !== void 0 ? _a : { version: VERSION$5 };
+	var api = _global[GLOBAL_OPENTELEMETRY_API_KEY] = (_a = _global[GLOBAL_OPENTELEMETRY_API_KEY]) !== null && _a !== void 0 ? _a : { version: VERSION$6 };
 	if (!allowOverride && api[type]) {
 		var err = /* @__PURE__ */ new Error("@opentelemetry/api: Attempted duplicate registration of API: " + type);
 		diag.error(err.stack || err.message);
 		return false;
 	}
 	if (api.version !== "1.9.0") {
-		var err = /* @__PURE__ */ new Error("@opentelemetry/api: Registration of version v" + api.version + " for " + type + " does not match previously registered API v" + VERSION$5);
+		var err = /* @__PURE__ */ new Error("@opentelemetry/api: Registration of version v" + api.version + " for " + type + " does not match previously registered API v" + VERSION$6);
 		diag.error(err.stack || err.message);
 		return false;
 	}
 	api[type] = instance;
-	diag.debug("@opentelemetry/api: Registered a global for " + type + " v" + VERSION$5 + ".");
+	diag.debug("@opentelemetry/api: Registered a global for " + type + " v" + VERSION$6 + ".");
 	return true;
 }
 function getGlobal(type) {
@@ -54210,7 +54282,7 @@ function getGlobal(type) {
 	return (_b = _global[GLOBAL_OPENTELEMETRY_API_KEY]) === null || _b === void 0 ? void 0 : _b[type];
 }
 function unregisterGlobal(type, diag) {
-	diag.debug("@opentelemetry/api: Unregistering a global for " + type + " v" + VERSION$5 + ".");
+	diag.debug("@opentelemetry/api: Unregistering a global for " + type + " v" + VERSION$6 + ".");
 	var api = _global[GLOBAL_OPENTELEMETRY_API_KEY];
 	if (api) delete api[type];
 }
@@ -54219,7 +54291,7 @@ var init_global_utils = __esmMin((() => {
 	init_platform();
 	init_version();
 	init_semver();
-	major = VERSION$5.split(".")[0];
+	major = VERSION$6.split(".")[0];
 	GLOBAL_OPENTELEMETRY_API_KEY = Symbol.for("opentelemetry.js.api." + major);
 	_global = _globalThis;
 }));
@@ -87613,8 +87685,8 @@ var package_default$3 = {
 	},
 	sideEffects: false
 };
-var VERSION$1 = package_default$3.version;
-var majorVersion = VERSION$1.split(".")[0];
+var VERSION$2 = package_default$3.version;
+var majorVersion = VERSION$2.split(".")[0];
 var GLOBAL_INSTRUMENTATION_ACCESSOR_KEY = "PRISMA_INSTRUMENTATION";
 var GLOBAL_VERSIONED_INSTRUMENTATION_ACCESSOR_KEY = `V${majorVersion}_PRISMA_INSTRUMENTATION`;
 var NAME = package_default$3.name;
@@ -87622,13 +87694,13 @@ var MODULE_NAME = "@prisma/client";
 var PrismaInstrumentation = class extends import_src$11.InstrumentationBase {
 	tracerProvider;
 	constructor(config = {}) {
-		super(NAME, VERSION$1, config);
+		super(NAME, VERSION$2, config);
 	}
 	setTracerProvider(tracerProvider) {
 		this.tracerProvider = tracerProvider;
 	}
 	init() {
-		return [new import_src$11.InstrumentationNodeModuleDefinition(MODULE_NAME, [VERSION$1])];
+		return [new import_src$11.InstrumentationNodeModuleDefinition(MODULE_NAME, [VERSION$2])];
 	}
 	enable() {
 		const config = this._config;
@@ -245183,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.4";
+const pkgVersion = process.env.OVERRIDE_VERSION ?? "0.4.5";
 //#endregion
 //#region ../dev-tools/core/detect-frameworks.ts
 async function detectFrameworks$1(sys) {
@@ -499150,7 +499222,7 @@ function joinPaths(origin, path) {
 * @returns The normalized URL string
 */
 function normalizeRepoUrl(remoteUrl) {
-	let normalized = remoteUrl.replace(/\.git$/, "");
+	let normalized = remoteUrl.trim().replace(/\.git$/, "");
 	if (normalized.startsWith("git@")) normalized = normalized.replace(/^git@/, "").replace(/:([^/])/, "/$1");
 	normalized = normalized.replace(/^https?:\/\//, "").replace(/^[^@]+@/, "");
 	return normalized.toLowerCase();
@@ -520781,6 +520853,14 @@ var CodeGenSession = class CodeGenSession {
 			if (gitLocation) this.#lastAICommits = await this.#getAllRepoCommits();
 			const primaryRepoUrl = this.#gitRepoContexts[0]?.repoUrl;
 			this.#repoHash = await computeRepoHash(primaryRepoUrl);
+			if (!this.#repoHash) try {
+				const result = await this.git([
+					"remote",
+					"get-url",
+					"origin"
+				], { cwd: this.#workingDirectory });
+				if (result) this.#repoHash = await computeRepoHash(result);
+			} catch {}
 			let sessionId;
 			let sessionMetadata;
 			if (!this.#sessionOrCompletionId) this.#sessionOrCompletionId = gitLocation?.sessionId;
@@ -534266,7 +534346,7 @@ const ControlledScrollView$1 = (0, import_react.forwardRef)(({ scrollOffset, onV
 	]);
 	(0, import_react.useLayoutEffect)(() => {
 		measureViewport();
-	});
+	}, [measureViewport, import_react.Children.count(children)]);
 	const currentKeys = [];
 	import_react.Children.forEach(children, (child, index_0) => {
 		if (!child) return;
@@ -534779,7 +534859,7 @@ 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 = "", inputWidth = 0 } = options;
+	const { onSubmit, onChange, onTab, onShiftTab, onPaste, onBackspaceEmpty, onUpEmpty, onDownEmpty, 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();
@@ -534947,6 +535027,7 @@ function useTextInput(options = {}) {
 					return;
 				}
 			}
+			if (val_3 === "") onUpEmpty?.();
 			return;
 		}
 		if (key.downArrow) {
@@ -534975,6 +535056,7 @@ function useTextInput(options = {}) {
 					return;
 				}
 			}
+			if (val_3 === "") onDownEmpty?.();
 			return;
 		}
 		if (key.leftArrow) {
@@ -536764,6 +536846,53 @@ function usePreferences() {
 	return t3;
 }
 //#endregion
+//#region src/hooks/useLocalHistory.ts
+const SysContext = (0, import_react.createContext)(null);
+function formatRelativeTime(ts) {
+	const diffMs = Date.now() - ts;
+	const diffSec = Math.floor(diffMs / 1e3);
+	if (diffSec < 60) return "just now";
+	const diffMin = Math.floor(diffSec / 60);
+	if (diffMin < 60) return `${diffMin}m ago`;
+	const diffHr = Math.floor(diffMin / 60);
+	if (diffHr < 24) return `${diffHr}h ago`;
+	const diffDays = Math.floor(diffHr / 24);
+	if (diffDays < 7) return `${diffDays}d ago`;
+	return new Date(ts).toLocaleDateString();
+}
+function useLocalHistory(cwd) {
+	const $ = (0, import_compiler_runtime.c)(5);
+	const sys = (0, import_react.useContext)(SysContext);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = [];
+		$[0] = t0;
+	} else t0 = $[0];
+	const [history, setHistory] = (0, import_react.useState)(t0);
+	let t1;
+	let t2;
+	if ($[1] !== cwd || $[2] !== sys) {
+		t1 = () => {
+			if (!sys) return;
+			getHistory(sys, cwd ?? process.cwd()).then((entries) => setHistory(entries.sort(_temp$8))).catch(_temp2$5);
+		};
+		t2 = [sys, cwd];
+		$[1] = cwd;
+		$[2] = sys;
+		$[3] = t1;
+		$[4] = t2;
+	} else {
+		t1 = $[3];
+		t2 = $[4];
+	}
+	(0, import_react.useEffect)(t1, t2);
+	return history;
+}
+function _temp2$5() {}
+function _temp$8(a, b) {
+	return b.lastActiveAt - a.lastActiveAt;
+}
+//#endregion
 //#region src/components/SlashCommandMenu.tsx
 const SLASH_COMMANDS = [
 	{
@@ -536820,6 +536949,11 @@ const SLASH_COMMANDS = [
 		id: "rewind",
 		label: "/rewind",
 		description: "Browse history and restore a previous state"
+	},
+	{
+		id: "sessions",
+		label: "/sessions",
+		description: "Browse recent local sessions"
 	}
 ];
 const BUILTIN_COMMAND_IDS = new Set(SLASH_COMMANDS.map((c) => c.id));
@@ -536891,7 +537025,8 @@ const SUBVIEW_IDS = new Set([
 	"config",
 	"effort",
 	"context",
-	"help"
+	"help",
+	"sessions"
 ]);
 const MAX_VISIBLE_ITEMS = 8;
 const SUBVIEW_CONFIG = {
@@ -536910,6 +537045,10 @@ const SUBVIEW_CONFIG = {
 	effort: {
 		title: "Effort",
 		description: "Choose reasoning effort level"
+	},
+	sessions: {
+		title: "Sessions",
+		description: "Recent local sessions"
 	}
 };
 function renderCommandRow({ cmd, isSelected, maxLabelLen, theme }) {
@@ -536946,508 +537085,387 @@ function renderCommandRow({ cmd, isSelected, maxLabelLen, theme }) {
 		] })
 	}, cmd.id);
 }
-function SlashCommandMenu(t0) {
-	const $ = (0, import_compiler_runtime.c)(41);
-	const { filter, onSelect, onCancel, currentReasoning: t1 } = t0;
-	const currentReasoning = t1 === void 0 ? "medium" : t1;
+function SlashCommandMenu({ filter, onSelect, onCancel, currentReasoning = "medium" }) {
 	const [view, setView] = (0, import_react.useState)("commands");
 	const [selectedIndex, setSelectedIndex] = (0, import_react.useState)(0);
 	const [scrollOffset, setScrollOffset] = (0, import_react.useState)(0);
 	const theme = useTheme();
 	const [state, , proxy] = useCodeGenState();
+	const sessionHistory = useLocalHistory(state.cwd ?? process.cwd());
 	const [prefs] = usePreferences();
 	const contextUsed = state.contextWindow?.usedTokens ?? 0;
 	const contextTotal = state.contextWindow?.totalTokens ?? 0;
-	let t2;
-	if ($[0] !== contextTotal || $[1] !== contextUsed) {
-		t2 = contextTotal > 0 ? Math.round(contextUsed / contextTotal * 100) : 0;
-		$[0] = contextTotal;
-		$[1] = contextUsed;
-		$[2] = t2;
-	} else t2 = $[2];
-	const contextPct = t2;
-	let t3;
-	if ($[3] !== state.customInstructions) {
-		t3 = (state.customInstructions ?? []).filter(_temp$8).map(_temp2$5);
-		$[3] = state.customInstructions;
-		$[4] = t3;
-	} else t3 = $[4];
-	const skillCommands = t3;
-	let t4;
-	if ($[5] !== filter || $[6] !== skillCommands) {
-		bb0: {
-			const query = filter.toLowerCase().replace(/^\//, "");
-			const allCommands = [...SLASH_COMMANDS, ...skillCommands];
-			if (!query) {
-				t4 = allCommands;
-				break bb0;
-			}
-			t4 = allCommands.filter((cmd) => cmd.id.toLowerCase().includes(query) || cmd.label.toLowerCase().includes(query));
-		}
-		$[5] = filter;
-		$[6] = skillCommands;
-		$[7] = t4;
-	} else t4 = $[7];
-	const filtered = t4;
-	let t5;
-	bb1: {
-		if (view === "mode") {
-			t5 = MODE_COMMANDS;
-			break bb1;
-		}
-		if (view === "model") {
-			t5 = MODEL_COMMANDS;
-			break bb1;
-		}
-		if (view === "config") {
-			t5 = CONFIG_COMMANDS;
-			break bb1;
-		}
-		if (view === "effort") {
-			t5 = EFFORT_COMMANDS;
-			break bb1;
-		}
-		if (view === "context") {
-			let t6;
-			if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-				t6 = [];
-				$[8] = t6;
-			} else t6 = $[8];
-			t5 = t6;
-			break bb1;
-		}
-		if (view === "help") {
-			let t6;
-			if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-				t6 = [];
-				$[9] = t6;
-			} else t6 = $[9];
-			t5 = t6;
-			break bb1;
-		}
-		t5 = filtered;
-	}
-	const commands = t5;
-	let t6;
-	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-		t6 = () => {
-			setView("commands");
-			setSelectedIndex(0);
-			setScrollOffset(0);
-		};
-		$[10] = t6;
-	} else t6 = $[10];
-	let t7;
-	if ($[11] !== filter) {
-		t7 = [filter];
-		$[11] = filter;
-		$[12] = t7;
-	} else t7 = $[12];
-	(0, import_react.useEffect)(t6, t7);
-	let t8;
-	if ($[13] !== commands || $[14] !== onCancel || $[15] !== onSelect || $[16] !== selectedIndex || $[17] !== view) {
-		t8 = (input, key) => {
-			if (key.escape) {
-				if (view !== "commands") {
-					setView("commands");
-					setSelectedIndex(0);
-					setScrollOffset(0);
-					return;
-				}
-				onCancel();
-				return;
-			}
-			if (key.upArrow) {
-				setSelectedIndex((i_1) => {
-					if (i_1 === 0) return i_1;
-					const next = i_1 - 1;
-					setScrollOffset((off) => {
-						if (next < off) return next;
-						return off;
-					});
-					return next;
-				});
-				return;
-			}
-			if (key.downArrow) {
-				setSelectedIndex((i_2) => {
-					if (i_2 === commands.length - 1) return i_2;
-					const next_0 = i_2 + 1;
-					setScrollOffset((off_0) => {
-						if (next_0 >= off_0 + MAX_VISIBLE_ITEMS) return next_0 - MAX_VISIBLE_ITEMS + 1;
-						return off_0;
-					});
-					return next_0;
-				});
-				return;
-			}
-			if (!key.return && input !== " ") return;
-			const selected = commands[selectedIndex];
-			if (!selected) return;
+	const contextPct = contextTotal > 0 ? Math.round(contextUsed / contextTotal * 100) : 0;
+	const skillCommands = (0, import_react.useMemo)(() => {
+		return (state.customInstructions ?? []).filter((i) => i.isSkill && i.userInvocable !== false && !BUILTIN_COMMAND_IDS.has(i.name)).map((i_0) => ({
+			id: i_0.name,
+			label: `/${i_0.name}`,
+			description: i_0.description
+		}));
+	}, [state.customInstructions]);
+	const filtered = (0, import_react.useMemo)(() => {
+		const query = filter.toLowerCase().replace(/^\//, "");
+		const allCommands = [...SLASH_COMMANDS, ...skillCommands];
+		if (!query) return allCommands;
+		return allCommands.filter((cmd) => cmd.id.toLowerCase().includes(query) || cmd.label.toLowerCase().includes(query));
+	}, [filter, skillCommands]);
+	const commands = (0, import_react.useMemo)(() => {
+		if (view === "mode") return MODE_COMMANDS;
+		if (view === "model") return MODEL_COMMANDS;
+		if (view === "config") return CONFIG_COMMANDS;
+		if (view === "effort") return EFFORT_COMMANDS;
+		if (view === "context") return [];
+		if (view === "help") return [];
+		if (view === "sessions") return sessionHistory.slice(0, 10).map((entry) => ({
+			id: entry.sessionId,
+			label: formatRelativeTime(entry.lastActiveAt),
+			description: entry.title
+		}));
+		return filtered;
+	}, [view, filtered]);
+	(0, import_react.useEffect)(() => {
+		setView("commands");
+		setSelectedIndex(0);
+		setScrollOffset(0);
+	}, [filter]);
+	useInput((input, key) => {
+		if (key.escape) {
 			if (view !== "commands") {
-				onSelect({
-					commandId: view,
-					value: selected.id,
-					keepMenuOpen: view === "config",
-					captureSpace: view === "config"
-				});
-				return;
-			}
-			if (SUBVIEW_IDS.has(selected.id)) {
-				setView(selected.id);
+				setView("commands");
 				setSelectedIndex(0);
 				setScrollOffset(0);
 				return;
 			}
-			onSelect({ commandId: selected.id });
-		};
-		$[13] = commands;
-		$[14] = onCancel;
-		$[15] = onSelect;
-		$[16] = selectedIndex;
-		$[17] = view;
-		$[18] = t8;
-	} else t8 = $[18];
-	useInput(t8);
-	if (view === "commands" && filtered.length === 0) {
-		let t9;
-		if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
-			t9 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-				dimColor: true,
-				children: "No matching commands"
+			onCancel();
+			return;
+		}
+		if (key.upArrow) {
+			setSelectedIndex((i_1) => {
+				if (i_1 === 0) return i_1;
+				const next = i_1 - 1;
+				setScrollOffset((off) => {
+					if (next < off) return next;
+					return off;
+				});
+				return next;
 			});
-			$[19] = t9;
-		} else t9 = $[19];
-		let t10;
-		if ($[20] !== theme.background) {
-			t10 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
-				borderStyle: "bold",
-				borderColor: "magenta",
-				borderLeft: true,
-				borderRight: false,
-				borderBottom: false,
-				borderTop: false,
-				paddingX: 2,
-				paddingY: 1,
-				backgroundColor: theme.background,
-				children: t9
+			return;
+		}
+		if (key.downArrow) {
+			setSelectedIndex((i_2) => {
+				if (i_2 === commands.length - 1) return i_2;
+				const next_0 = i_2 + 1;
+				setScrollOffset((off_0) => {
+					if (next_0 >= off_0 + MAX_VISIBLE_ITEMS) return next_0 - MAX_VISIBLE_ITEMS + 1;
+					return off_0;
+				});
+				return next_0;
 			});
-			$[20] = theme.background;
-			$[21] = t10;
-		} else t10 = $[21];
-		return t10;
-	}
-	let t9;
-	if ($[22] !== commands) {
-		t9 = commands.length > 0 ? Math.max(...commands.map(_temp3$4)) : 0;
-		$[22] = commands;
-		$[23] = t9;
-	} else t9 = $[23];
-	const maxLabelLen = t9;
+			return;
+		}
+		if (!key.return && input !== " ") return;
+		const selected = commands[selectedIndex];
+		if (!selected) return;
+		if (view !== "commands") {
+			onSelect({
+				commandId: view,
+				value: selected.id,
+				keepMenuOpen: view === "config",
+				captureSpace: view === "config"
+			});
+			return;
+		}
+		if (SUBVIEW_IDS.has(selected.id)) {
+			setView(selected.id);
+			setSelectedIndex(0);
+			setScrollOffset(0);
+			return;
+		}
+		onSelect({ commandId: selected.id });
+	});
+	if (view === "commands" && filtered.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+		borderStyle: "bold",
+		borderColor: "magenta",
+		borderLeft: true,
+		borderRight: false,
+		borderBottom: false,
+		borderTop: false,
+		paddingX: 2,
+		paddingY: 1,
+		backgroundColor: theme.background,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			dimColor: true,
+			children: "No matching commands"
+		})
+	});
+	const maxLabelLen = commands.length > 0 ? Math.max(...commands.map((c) => c.label.length)) : 0;
 	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 || $[37] !== view || $[38] !== visibleEnd || $[39] !== visibleStart) {
-		const visibleCommands = commands.slice(visibleStart, visibleEnd);
-		const itemsAbove = visibleStart;
-		const itemsBelow = commands.length - visibleEnd;
-		t10 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+	const visibleCommands = commands.slice(visibleStart, visibleEnd);
+	const itemsAbove = visibleStart;
+	const itemsBelow = commands.length - visibleEnd;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+		flexDirection: "column",
+		borderStyle: "bold",
+		borderColor: "magenta",
+		borderLeft: true,
+		borderRight: false,
+		borderTop: false,
+		borderBottom: false,
+		paddingX: 0,
+		paddingTop: itemsAbove > 0 ? 0 : 1,
+		paddingBottom: itemsBelow > 0 ? 0 : 1,
+		backgroundColor: theme.background,
+		children: view === "commands" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+			itemsAbove > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+				paddingX: 2,
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+					dimColor: true,
+					children: `▲ ${itemsAbove} more`
+				})
+			}),
+			visibleCommands.map((cmd_0, i_3) => renderCommandRow({
+				cmd: cmd_0,
+				isSelected: visibleStart + i_3 === selectedIndex,
+				maxLabelLen,
+				theme
+			})),
+			itemsBelow > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+				paddingX: 2,
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+					dimColor: true,
+					children: `▼ ${itemsBelow} more`
+				})
+			})
+		] }) : view === "help" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+			paddingX: 1,
+			gap: 1,
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+				bold: true,
+				children: "Help"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+				dimColor: true,
+				children: [
+					"  ·  ",
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+						bold: true,
+						children: "esc"
+					}),
+					" back"
+				]
+			})]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+			paddingX: 3,
 			flexDirection: "column",
-			borderStyle: "bold",
-			borderColor: "magenta",
-			borderLeft: true,
-			borderRight: false,
-			borderTop: false,
-			borderBottom: false,
-			paddingX: 0,
-			paddingTop: itemsAbove > 0 ? 0 : 1,
-			paddingBottom: itemsBelow > 0 ? 0 : 1,
-			backgroundColor: theme.background,
-			children: view === "commands" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-				itemsAbove > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
-					paddingX: 2,
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+					bold: true,
+					dimColor: true,
+					children: "Keyboard Shortcuts"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+					gap: 2,
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
 						dimColor: true,
-						children: `▲ ${itemsAbove} more`
-					})
+						children: "Enter        "
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "Submit prompt" })]
 				}),
-				visibleCommands.map((cmd_0, i_3) => renderCommandRow({
-					cmd: cmd_0,
-					isSelected: visibleStart + i_3 === selectedIndex,
-					maxLabelLen,
-					theme
-				})),
-				itemsBelow > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
-					paddingX: 2,
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+					gap: 2,
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
 						dimColor: true,
-						children: `▼ ${itemsBelow} more`
-					})
-				})
-			] }) : view === "help" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
-				paddingX: 1,
-				gap: 1,
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+						children: "Ctrl+Enter   "
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "New line" })]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+					gap: 2,
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+						dimColor: true,
+						children: "Tab          "
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "Toggle session mode" })]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+					gap: 2,
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+						dimColor: true,
+						children: "Esc          "
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "Interrupt / close menu" })]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+					gap: 2,
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+						dimColor: true,
+						children: "Ctrl+C x2    "
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "Exit" })]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+					gap: 2,
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+						dimColor: true,
+						children: "Ctrl+V       "
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "Paste / attach image" })]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+					gap: 2,
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+						dimColor: true,
+						children: "PageUp/Down  "
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "Scroll history" })]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: " " }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
 					bold: true,
-					children: "Help"
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
 					dimColor: true,
-					children: [
-						"  ·  ",
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-							bold: true,
-							children: "esc"
-						}),
-						" back"
-					]
-				})]
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
-				paddingX: 3,
-				flexDirection: "column",
-				children: [
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-						bold: true,
+					children: "Slash Commands"
+				}),
+				SLASH_COMMANDS.map((cmd_1) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+					gap: 2,
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
 						dimColor: true,
-						children: "Keyboard Shortcuts"
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
-						gap: 2,
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-							dimColor: true,
-							children: "Enter        "
-						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "Submit prompt" })]
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
-						gap: 2,
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-							dimColor: true,
-							children: "Ctrl+Enter   "
-						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "New line" })]
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
-						gap: 2,
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-							dimColor: true,
-							children: "Tab          "
-						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "Toggle session mode" })]
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
-						gap: 2,
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-							dimColor: true,
-							children: "Esc          "
-						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "Interrupt / close menu" })]
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
-						gap: 2,
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-							dimColor: true,
-							children: "Ctrl+C x2    "
-						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "Exit" })]
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
-						gap: 2,
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-							dimColor: true,
-							children: "Ctrl+V       "
-						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "Paste / attach image" })]
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
-						gap: 2,
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-							dimColor: true,
-							children: "PageUp/Down  "
-						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "Scroll history" })]
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: " " }),
+						children: cmd_1.label.padEnd(16)
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: cmd_1.description })]
+				}, cmd_1.id))
+			]
+		})] }) : view === "context" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+			paddingX: 1,
+			gap: 1,
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+				bold: true,
+				children: "Session Info"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+				dimColor: true,
+				children: [
+					"  ·  ",
 					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
 						bold: true,
-						dimColor: true,
-						children: "Slash Commands"
+						children: "esc"
 					}),
-					SLASH_COMMANDS.map(_temp4$1)
+					" back"
 				]
-			})] }) : view === "context" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+			})]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+			paddingX: 3,
+			flexDirection: "column",
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+					gap: 2,
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+						dimColor: true,
+						children: "Session ID:"
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: proxy.sessionId ?? "—" })]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+					gap: 2,
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+						dimColor: true,
+						children: "Model:"
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: state.modelOverride ? `${state.model ?? "—"} (override: ${state.modelOverride})` : state.model ?? "—" })]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+					gap: 2,
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+						dimColor: true,
+						children: "Mode:"
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: state.sessionMode ?? "normal" })]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+					gap: 2,
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+						dimColor: true,
+						children: "Effort:"
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: prefs.reasoning })]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+					gap: 2,
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+						dimColor: true,
+						children: "Context:"
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: contextTotal > 0 ? `${contextUsed.toLocaleString()} / ${contextTotal.toLocaleString()} tokens (${contextPct}%)` : "—" })]
+				})
+			]
+		})] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
 				paddingX: 1,
 				gap: 1,
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-					bold: true,
-					children: "Session Info"
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
-					dimColor: true,
-					children: [
-						"  ·  ",
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-							bold: true,
-							children: "esc"
-						}),
-						" back"
-					]
-				})]
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
-				paddingX: 3,
-				flexDirection: "column",
 				children: [
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
-						gap: 2,
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-							dimColor: true,
-							children: "Session ID:"
-						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: proxy.sessionId ?? "—" })]
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
-						gap: 2,
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-							dimColor: true,
-							children: "Model:"
-						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: state.modelOverride ? `${state.model ?? "—"} (override: ${state.modelOverride})` : state.model ?? "—" })]
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
-						gap: 2,
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-							dimColor: true,
-							children: "Mode:"
-						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: state.sessionMode ?? "normal" })]
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+						bold: true,
+						children: SUBVIEW_CONFIG[view].title
 					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
-						gap: 2,
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-							dimColor: true,
-							children: "Effort:"
-						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: prefs.reasoning })]
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+						dimColor: true,
+						wrap: "truncate-end",
+						children: SUBVIEW_CONFIG[view].description
 					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
-						gap: 2,
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-							dimColor: true,
-							children: "Context:"
-						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: contextTotal > 0 ? `${contextUsed.toLocaleString()} / ${contextTotal.toLocaleString()} tokens (${contextPct}%)` : "—" })]
-					})
-				]
-			})] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
-					paddingX: 1,
-					gap: 1,
-					children: [
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-							bold: true,
-							children: SUBVIEW_CONFIG[view].title
-						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-							dimColor: true,
-							wrap: "truncate-end",
-							children: SUBVIEW_CONFIG[view].description
-						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
-							dimColor: true,
-							children: [
-								"  ·  ",
-								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-									bold: true,
-									children: "esc"
-								}),
-								" back"
-							]
-						})
-					]
-				}),
-				itemsAbove > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
-					paddingX: 2,
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
 						dimColor: true,
-						children: `▲ ${itemsAbove} more`
+						children: [
+							"  ·  ",
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+								bold: true,
+								children: "esc"
+							}),
+							" back"
+						]
 					})
-				}),
-				visibleCommands.map((cmd_2, i_4) => {
-					const absoluteIndex = visibleStart + i_4;
-					let prefix;
-					if (view === "config") prefix = prefs[cmd_2.id] ? "[✓]" : "[ ]";
-					if (view === "effort") prefix = cmd_2.id === currentReasoning ? "●" : " ";
-					const displayLabel = prefix ? `${prefix} ${cmd_2.label}` : cmd_2.label;
-					const padLen = maxLabelLen + 4;
-					const padded = displayLabel.padEnd(padLen);
-					return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
-						width: "100%",
-						paddingLeft: 2,
-						children: absoluteIndex === selectedIndex ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
-							backgroundColor: theme.highlightBackground,
-							color: theme.highlight,
-							children: [
-								"  ",
-								/* @__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: [
+				]
+			}),
+			itemsAbove > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+				paddingX: 2,
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+					dimColor: true,
+					children: `▲ ${itemsAbove} more`
+				})
+			}),
+			visibleCommands.map((cmd_2, i_4) => {
+				const absoluteIndex = visibleStart + i_4;
+				let prefix;
+				if (view === "config") prefix = prefs[cmd_2.id] ? "[✓]" : "[ ]";
+				if (view === "effort") prefix = cmd_2.id === currentReasoning ? "●" : " ";
+				const displayLabel = prefix ? `${prefix} ${cmd_2.label}` : cmd_2.label;
+				const padLen = maxLabelLen + 4;
+				const padded = displayLabel.padEnd(padLen);
+				return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+					width: "100%",
+					paddingLeft: 2,
+					children: absoluteIndex === selectedIndex ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+						backgroundColor: theme.highlightBackground,
+						color: theme.highlight,
+						children: [
 							"  ",
-							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: padded }),
 							/* @__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
-							})
-						] })
-					}, cmd_2.id);
-				}),
-				itemsBelow > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
-					paddingX: 2,
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-						dimColor: true,
-						children: `▼ ${itemsBelow} more`
-					})
+							}),
+							"  "
+						]
+					}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [
+						"  ",
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: padded }),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+							dimColor: true,
+							children: cmd_2.description
+						})
+					] })
+				}, cmd_2.id);
+			}),
+			itemsBelow > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+				paddingX: 2,
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+					dimColor: true,
+					children: `▼ ${itemsBelow} more`
 				})
-			] })
-		});
-		$[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;
-		$[40] = t10;
-	} else t10 = $[40];
-	return t10;
-}
-function _temp4$1(cmd_1) {
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
-		gap: 2,
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-			dimColor: true,
-			children: cmd_1.label.padEnd(16)
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: cmd_1.description })]
-	}, cmd_1.id);
-}
-function _temp3$4(c) {
-	return c.label.length;
-}
-function _temp2$5(i_0) {
-	return {
-		id: i_0.name,
-		label: `/${i_0.name}`,
-		description: i_0.description
-	};
-}
-function _temp$8(i) {
-	return i.isSkill && i.userInvocable !== false && !BUILTIN_COMMAND_IDS.has(i.name);
+			})
+		] })
+	});
 }
 //#endregion
 //#region src/components/FilePicker.tsx
@@ -537776,6 +537794,11 @@ function getAtQuery(value) {
 	return match ? match[1] : null;
 }
 const InputPrompt = (0, import_react.memo)(({ onSubmit, onChange, onSlashCommand, onToggleSessionMode, onSlashMenuActiveChange, isTabActive = true, currentReasoning, initialValue, pendingAttachments = [], onAddAttachment, onRemoveAttachment }) => {
+	const { isFocused } = useFocus({
+		autoFocus: true,
+		isActive: isTabActive
+	});
+	const { focusNext } = useFocusManager();
 	const [state] = useCodeGenState();
 	const [dismissedSlashValue, setDismissedSlashValue] = (0, import_react.useState)(null);
 	const [dismissedAtValue, setDismissedAtValue] = (0, import_react.useState)(null);
@@ -537812,12 +537835,13 @@ const InputPrompt = (0, import_react.memo)(({ onSubmit, onChange, onSlashCommand
 		onChange: handleChange,
 		onTab: onToggleSessionMode,
 		onShiftTab: onToggleSessionMode,
-		isActive: isTabActive,
+		isActive: isTabActive && isFocused,
 		getIsMenuActive,
 		submitDisabled: false,
 		initialValue,
 		inputWidth,
 		onPaste: () => void Promise.resolve(pasteHandlerRef.current()).catch(() => {}),
+		onDownEmpty: focusNext,
 		onBackspaceEmpty: pendingAttachments.length > 0 && onRemoveAttachment ? () => {
 			const last = pendingAttachments[pendingAttachments.length - 1];
 			if (last) onRemoveAttachment(last.id);
@@ -537996,6 +538020,7 @@ const InputPrompt = (0, import_react.memo)(({ onSubmit, onChange, onSlashCommand
 							rows: 1,
 							placeholder: hint,
 							showCursor: true,
+							focus: isTabActive && isFocused,
 							maxRows: 10
 						})
 					}),
@@ -540242,7 +540267,96 @@ const Gradient = (props) => {
 	return (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: applyGradientToChildren(props.children) });
 };
 //#endregion
+//#region src/components/RecentSessions.tsx
+const RecentSessions = (0, import_react.memo)(({ cwd, sessions: sessionsProp, limit = 5, maxTitleWidth = 60, showHint = false, focusId, isTabActive = true, onSelect }) => {
+	const localHistory = useLocalHistory(cwd ?? process.cwd());
+	const theme = useTheme();
+	const sessions = (sessionsProp ?? localHistory).slice(0, limit);
+	const { isFocused } = useFocus({
+		id: focusId ?? "__noop__",
+		isActive: isTabActive
+	});
+	const { focusPrevious } = useFocusManager();
+	const [selectedIndex, setSelectedIndex] = (0, import_react.useState)(0);
+	const selectedIndexRef = (0, import_react.useRef)(selectedIndex);
+	selectedIndexRef.current = selectedIndex;
+	(0, import_react.useEffect)(() => {
+		if (isFocused) setSelectedIndex(0);
+	}, [isFocused]);
+	const isNavigable = Boolean(focusId);
+	useInput((_, key) => {
+		if (key.upArrow) {
+			if (selectedIndexRef.current === 0) focusPrevious();
+			else setSelectedIndex((i) => i - 1);
+			return;
+		}
+		if (key.downArrow) {
+			setSelectedIndex((i_0) => i_0 < sessions.length - 1 ? i_0 + 1 : i_0);
+			return;
+		}
+		if (key.escape) {
+			focusPrevious();
+			return;
+		}
+		if (key.return) {
+			const entry = sessions[selectedIndexRef.current];
+			if (entry) onSelect?.(entry.sessionId);
+		}
+	}, { isActive: isNavigable && isTabActive && isFocused });
+	const activeIndex = isNavigable && isFocused ? selectedIndex : void 0;
+	if (sessions.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+		paddingX: 1,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+			dimColor: true,
+			children: "No recent sessions found for this directory."
+		})
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+		flexDirection: "column",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+			paddingX: 1,
+			marginBottom: 0,
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+				dimColor: true,
+				bold: true,
+				children: "Recent sessions"
+			}), showHint && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+				dimColor: true,
+				children: " · /sessions to browse"
+			})]
+		}), sessions.map((entry_0, i_1) => {
+			const isSelected = i_1 === activeIndex;
+			const title = entry_0.title.length > maxTitleWidth ? entry_0.title.slice(0, maxTitleWidth - 3) + "..." : entry_0.title;
+			const timeStr = formatRelativeTime(entry_0.lastActiveAt);
+			return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+				paddingX: 1,
+				gap: 1,
+				children: isSelected ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+					backgroundColor: theme.highlightBackground,
+					color: theme.highlight,
+					children: ` ▶ ${title}  ${timeStr} `
+				}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+						dimColor: true,
+						children: "·"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+						dimColor: true,
+						children: title
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+						dimColor: true,
+						children: timeStr
+					})
+				] })
+			}, entry_0.sessionId);
+		})]
+	});
+});
+//#endregion
 //#region src/components/WelcomeScreen.tsx
+const VERSION$1 = "0.4.5";
+const FOCUS_SESSIONS = "welcome-sessions";
 const LOGO = `
  ██████╗  ██╗   ██╗ ██╗ ██╗     ██████╗  ███████╗ ██████╗
  ██╔══██╗ ██║   ██║ ██║ ██║     ██╔══██╗ ██╔════╝ ██╔══██╗
@@ -540255,19 +540369,28 @@ const LOGO_SMALL = `
 ╔╗  ╦ ╦ ╦ ╦  ╔╦╗ ╔═╗ ╦═╗
 ╠╩╗ ║ ║ ║ ║  ║ ║ ║╣  ╠╦╝
 ╚═╝ ╚═╝ ╩ ╩═╝╚╩╝ ╚═╝ ╩╚═`.trim();
+const MAX_SESSIONS = 5;
 const WelcomeScreen = (0, import_react.memo)((t0) => {
-	const $ = (0, import_compiler_runtime.c)(26);
-	const { onSubmit, onChange, onSlashCommand, onSlashMenuActiveChange, onToggleSessionMode, isTabActive: t1 } = t0;
+	const $ = (0, import_compiler_runtime.c)(43);
+	const { onSubmit, onChange, onSlashCommand, onSlashMenuActiveChange, onToggleSessionMode, isTabActive: t1, localSessions: t2 } = t0;
 	const isTabActive = t1 === void 0 ? true : t1;
+	let t3;
+	if ($[0] !== t2) {
+		t3 = t2 === void 0 ? [] : t2;
+		$[0] = t2;
+		$[1] = t3;
+	} 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);
-	let t2;
-	let t3;
-	if ($[0] !== stdout) {
-		t2 = () => {
+	let t4;
+	let t5;
+	if ($[2] !== stdout) {
+		t4 = () => {
 			if (!stdout) return;
 			const onResize = () => {
 				setCols(stdout.columns ?? 80);
@@ -540278,27 +540401,48 @@ const WelcomeScreen = (0, import_react.memo)((t0) => {
 				stdout.off("resize", onResize);
 			};
 		};
-		t3 = [stdout];
-		$[0] = stdout;
-		$[1] = t2;
-		$[2] = t3;
+		t5 = [stdout];
+		$[2] = stdout;
+		$[3] = t4;
+		$[4] = t5;
 	} else {
-		t2 = $[1];
-		t3 = $[2];
+		t4 = $[3];
+		t5 = $[4];
 	}
-	(0, import_react.useEffect)(t2, t3);
-	let t4;
-	if ($[3] !== state.cwd) {
-		t4 = state.cwd ? state.cwd.replace(process.env.HOME ?? "", "~") : process.cwd().replace(process.env.HOME ?? "", "~");
-		$[3] = state.cwd;
-		$[4] = t4;
-	} else t4 = $[4];
-	const displayCwd = t4;
-	const inputWidth = Math.min(Math.max(cols, 20), 90);
-	const t5 = cols >= 70 && rows >= 20 ? LOGO : cols >= 28 && rows >= 14 ? LOGO_SMALL : "BUILDER";
+	(0, import_react.useEffect)(t4, t5);
 	let t6;
-	if ($[5] !== t5 || $[6] !== theme.background) {
-		t6 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+	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;
+	const showHistory = rows >= 16 && sessions.length > 0;
+	const sessionsFocused = activeId === FOCUS_SESSIONS;
+	let t8;
+	if ($[9] !== onSlashCommand) {
+		t8 = (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, {
 			flexDirection: "column",
 			alignItems: "center",
 			marginBottom: 1,
@@ -540306,17 +540450,17 @@ const WelcomeScreen = (0, import_react.memo)((t0) => {
 				name: "vice",
 				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
 					backgroundColor: theme.background,
-					children: t5
+					children: t9
 				})
 			})
 		});
-		$[5] = t5;
-		$[6] = theme.background;
-		$[7] = t6;
-	} else t6 = $[7];
-	let t7;
-	if ($[8] !== isTabActive || $[9] !== onChange || $[10] !== onSlashCommand || $[11] !== onSlashMenuActiveChange || $[12] !== onSubmit || $[13] !== onToggleSessionMode) {
-		t7 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputPrompt, {
+		$[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, {
 			onSubmit,
 			onChange,
 			onSlashCommand,
@@ -540324,83 +540468,135 @@ const WelcomeScreen = (0, import_react.memo)((t0) => {
 			onToggleSessionMode,
 			isTabActive
 		});
-		$[8] = isTabActive;
-		$[9] = onChange;
-		$[10] = onSlashCommand;
-		$[11] = onSlashMenuActiveChange;
-		$[12] = onSubmit;
-		$[13] = onToggleSessionMode;
-		$[14] = t7;
-	} else t7 = $[14];
-	let t8;
-	if ($[15] !== inputWidth || $[16] !== t7) {
-		t8 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+		$[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, {
 			width: inputWidth,
 			flexDirection: "column",
-			children: t7
+			children: t11
 		});
-		$[15] = inputWidth;
-		$[16] = t7;
-		$[17] = t8;
-	} else t8 = $[17];
-	let t9;
-	if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
-		t9 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
-			dimColor: true,
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-				bold: true,
-				children: "tab"
-			}), " agents"]
+		$[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, {
+			width: inputWidth,
+			marginTop: 1,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RecentSessions, {
+				sessions,
+				maxTitleWidth: inputWidth - 20,
+				focusId: FOCUS_SESSIONS,
+				isTabActive,
+				onSelect: handleSessionSelect
+			})
 		});
-		$[18] = t9;
-	} else t9 = $[18];
-	let t10;
-	if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
-		t10 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+		$[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: [t9, /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, {
+			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: "ctrl+]"
-				}), " cycle modes"]
+					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"]
 			})]
 		});
-		$[19] = t10;
-	} else t10 = $[19];
-	let t11;
-	if ($[20] !== displayCwd) {
-		t11 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+		$[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: [t10, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
-				dimColor: true,
-				children: displayCwd
-			})]
-		});
-		$[20] = displayCwd;
-		$[21] = t11;
-	} else t11 = $[21];
-	let t12;
-	if ($[22] !== t11 || $[23] !== t6 || $[24] !== t8) {
-		t12 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+			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, {
 			flexDirection: "column",
 			alignItems: "center",
 			justifyContent: "center",
 			flexGrow: 1,
 			children: [
-				t6,
-				t8,
-				t11
+				t10,
+				t12,
+				t13,
+				t17
 			]
 		});
-		$[22] = t11;
-		$[23] = t6;
-		$[24] = t8;
-		$[25] = t12;
-	} else t12 = $[25];
-	return t12;
+		$[38] = t10;
+		$[39] = t12;
+		$[40] = t13;
+		$[41] = t17;
+		$[42] = t18;
+	} else t18 = $[42];
+	return t18;
 });
 //#endregion
 //#region src/hooks/useToast.ts
@@ -540754,7 +540950,7 @@ const GeneratingProgress = (0, import_react.memo)(() => {
 	const todos = state.todoItems ?? [];
 	const completed = todos.filter(_temp$5);
 	const inProgress = todos.find(_temp2$4);
-	const pending = todos.filter(_temp3$3);
+	const pending = todos.filter(_temp3$2);
 	const lastCompleted = completed[completed.length - 1];
 	const openCount = pending.length + (inProgress ? 1 : 0);
 	const hasTodos = todos.length > 0;
@@ -540977,12 +541173,12 @@ const ProgressBar = (0, import_react.memo)(() => {
 		$[0] = t0;
 	} else t0 = $[0];
 	const { frame } = useAnimation(t0);
-	const pos = frame % 20;
-	const center = pos < 10 ? pos : 20 - pos;
+	const pos = frame % 16;
+	const center = pos < 8 ? pos : 16 - pos;
 	let t1;
 	if ($[1] !== center) {
-		t1 = Array.from({ length: 10 }, (_, i) => {
-			return Math.abs(i - center) < 4 ? "█" : "░";
+		t1 = Array.from({ length: 8 }, (_, i) => {
+			return Math.abs(i - center) < 3 ? "█" : "░";
 		});
 		$[1] = center;
 		$[2] = t1;
@@ -541005,7 +541201,7 @@ function _temp$5(t) {
 function _temp2$4(t_0) {
 	return t_0.status === "in_progress";
 }
-function _temp3$3(t_1) {
+function _temp3$2(t_1) {
 	return t_1.status === "pending";
 }
 //#endregion
@@ -542040,7 +542236,7 @@ const TodoSection = (0, import_react.memo)(() => {
 	} else t2 = $[5];
 	let t3;
 	if ($[6] !== state.todoItems) {
-		t3 = state.todoItems.map(_temp3$2);
+		t3 = state.todoItems.map(_temp3$1);
 		$[6] = state.todoItems;
 		$[7] = t3;
 	} else t3 = $[7];
@@ -542125,7 +542321,7 @@ const FooterSection = (0, import_react.memo)(() => {
 			children: [
 				"•",
 				" Fusion ",
-				"0.4.4"
+				"0.4.5"
 			]
 		});
 		$[10] = t7;
@@ -542217,7 +542413,7 @@ function _temp$4(item) {
 function _temp2$3(t) {
 	return t.status === "completed";
 }
-function _temp3$2(item) {
+function _temp3$1(item) {
 	const icon = item.status === "completed" ? "✓" : item.status === "in_progress" ? "▶" : "○";
 	const color = item.status === "completed" ? "green" : item.status === "in_progress" ? "yellow" : "gray";
 	const content = item.content ?? "";
@@ -602151,7 +602347,7 @@ function ToolCallGrep(t0) {
 		t5 = previewFiles && previewFiles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
 			flexDirection: "column",
 			paddingLeft: 2,
-			children: [previewFiles.map(_temp3$1), hiddenCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+			children: [previewFiles.map(_temp3), hiddenCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
 				flexDirection: "row",
 				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
 					dimColor: true,
@@ -602221,7 +602417,7 @@ function ToolCallGrep(t0) {
 	} else t7 = $[35];
 	return t7;
 }
-function _temp3$1(file, i) {
+function _temp3(file, i) {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
 		flexDirection: "row",
 		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
@@ -603667,6 +603863,7 @@ function _temp$2(result) {
 		justifyContent: "space-between",
 		paddingLeft: 6,
 		"aria-hidden": true,
+		columnGap: 2,
 		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
 			dimColor: true,
 			children: result.filePath
@@ -603731,8 +603928,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)(11);
-	const { session, onExit, isTabActive: t1, updateCheck, credentials } = t0;
+	const $ = (0, import_compiler_runtime.c)(13);
+	const { session, onExit, isTabActive: t1, updateCheck, credentials, onResumeSession, localSessions } = t0;
 	const isTabActive = t1 === void 0 ? true : t1;
 	const [proxy, api] = useCodeGenFromSession(session);
 	let t2;
@@ -603743,32 +603940,36 @@ const CodeSessionWrapper = (0, import_react.memo)((t0) => {
 		$[2] = t2;
 	} else t2 = $[2];
 	let t3;
-	if ($[3] !== credentials || $[4] !== isTabActive || $[5] !== onExit || $[6] !== updateCheck) {
+	if ($[3] !== credentials || $[4] !== isTabActive || $[5] !== localSessions || $[6] !== onExit || $[7] !== onResumeSession || $[8] !== updateCheck) {
 		t3 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CodeSession, {
 			onExit,
 			isTabActive,
 			updateCheck,
-			credentials
+			credentials,
+			onResumeSession,
+			localSessions
 		});
 		$[3] = credentials;
 		$[4] = isTabActive;
-		$[5] = onExit;
-		$[6] = updateCheck;
-		$[7] = t3;
-	} else t3 = $[7];
+		$[5] = localSessions;
+		$[6] = onExit;
+		$[7] = onResumeSession;
+		$[8] = updateCheck;
+		$[9] = t3;
+	} else t3 = $[9];
 	let t4;
-	if ($[8] !== t2 || $[9] !== t3) {
+	if ($[10] !== t2 || $[11] !== t3) {
 		t4 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CodeGenStateContext.Provider, {
 			value: t2,
 			children: t3
 		});
-		$[8] = t2;
-		$[9] = t3;
-		$[10] = t4;
-	} else t4 = $[10];
+		$[10] = t2;
+		$[11] = t3;
+		$[12] = t4;
+	} else t4 = $[12];
 	return t4;
 });
-const CodeSession = (0, import_react.memo)(({ onExit, isTabActive = true, updateCheck, credentials }) => {
+const CodeSession = (0, import_react.memo)(({ onExit, isTabActive = true, updateCheck, credentials, onResumeSession, localSessions }) => {
 	const { stdout } = useStdout();
 	const { rows, columns } = useWindowSize();
 	const [slashMenuActive, setSlashMenuActive] = (0, import_react.useState)(false);
@@ -603947,6 +604148,9 @@ const CodeSession = (0, import_react.memo)(({ onExit, isTabActive = true, update
 			case "rewind":
 				setRewindMode(true);
 				break;
+			case "sessions":
+				if (selection.value && onResumeSession) onResumeSession(selection.value);
+				break;
 			case "effort":
 				if (selection.value) setPreference("reasoning", selection.value);
 				break;
@@ -603968,7 +604172,8 @@ const CodeSession = (0, import_react.memo)(({ onExit, isTabActive = true, update
 		api,
 		proxy,
 		prefs,
-		setPreference
+		setPreference,
+		onResumeSession
 	]);
 	const handleToggleSessionMode = (0, import_react.useCallback)(() => {
 		if (proxy.sessionMode) if (proxy.sessionMode === "planning" || proxy.sessionMode === "auto-planning") api.switchSessionMode("normal");
@@ -604094,21 +604299,18 @@ const CodeSession = (0, import_react.memo)(({ onExit, isTabActive = true, update
 	const isAnsweringQuestion = !!state.activeUserQuestions;
 	const showPlanActions = !!state.hasPlanToApply && !refinePlanMode && !isAnsweringQuestion && state.state !== "generating";
 	const showInput = !isAnsweringQuestion && !showPlanActions && !rewindMode;
-	if (showWelcome()) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
+	if (showWelcome()) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
 		flexDirection: "column",
 		flexGrow: 1,
 		paddingX: 1,
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(WelcomeScreen, {
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WelcomeScreen, {
 			onSubmit: handlePromptSubmit,
 			onSlashCommand: handleSlashCommand,
 			onSlashMenuActiveChange: setSlashMenuActive,
 			onToggleSessionMode: handleToggleSessionMode,
-			isTabActive
-		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusBar, {
-			ctrlCPending,
-			showSidebar: false,
-			updateCheck
-		})]
+			isTabActive,
+			localSessions
+		})
 	});
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
 		flexDirection: "row",
@@ -604117,12 +604319,19 @@ const CodeSession = (0, import_react.memo)(({ onExit, isTabActive = true, update
 			flexDirection: "column",
 			flexGrow: 1,
 			paddingRight: 2,
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
 				flexDirection: "column",
 				flexGrow: 1,
 				flexBasis: 0,
 				overflow: "hidden",
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorBoundary, {
+				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."
+					})
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorBoundary, {
 					fallback: (error) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
 						flexDirection: "column",
 						padding: 1,
@@ -604151,7 +604360,7 @@ const CodeSession = (0, import_react.memo)(({ onExit, isTabActive = true, update
 							}, `${msgId}-${idx}`);
 						})
 					})
-				})
+				})]
 			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box, {
 				flexDirection: "column",
 				children: [
@@ -606188,8 +606397,10 @@ function CodeCommand({ onExit, sys, options, updateCheck }) {
 	const credentialsRef = (0, import_react.useRef)(null);
 	const { rows } = useWindowSize();
 	const [credentials, setCredentials] = (0, import_react.useState)(null);
+	const [sessionVersion, setSessionVersion] = (0, import_react.useState)(0);
 	const [displayMode, setDisplayMode] = (0, import_react.useState)("code");
 	const [clawHasUnread, setClawHasUnread] = (0, import_react.useState)(false);
+	const localSessions = useLocalHistory(sys.getCwdDir?.() ?? process.cwd());
 	const { columns: kanbanColumns, loading: kanbanLoading, error: kanbanError, refetch: kanbanRefetch, clawEnabled } = useKanbanSession(credentials);
 	const cleanup = (0, import_react.useCallback)((info) => {
 		exit();
@@ -606249,10 +606460,11 @@ function CodeCommand({ onExit, sys, options, updateCheck }) {
 			const codeSession = new CodeGenSession({
 				sys,
 				credentials: creds,
-				position: "cli",
+				position: "builder-code",
 				mode: "quality-v4",
 				fusionConfig,
 				git: false,
+				persistSessionLocally: true,
 				...sessionId ? { sessionOrCompletionId: sessionId } : {}
 			});
 			await codeSession.initializeSession({ skipSessionLoading: !sessionId && !options?.continue });
@@ -606265,6 +606477,31 @@ function CodeCommand({ onExit, sys, options, updateCheck }) {
 			setInitPhase("error");
 		}
 	}, []);
+	const resumeSession = (0, import_react.useCallback)(async (sessionId_0) => {
+		if (!credentialsRef.current) return;
+		setInitPhase("loading");
+		try {
+			const fusionConfig_0 = await getFusionConfig(sys, { _: [] });
+			const newSession = new CodeGenSession({
+				sys,
+				credentials: credentialsRef.current,
+				position: "builder-code",
+				mode: "quality-v4",
+				fusionConfig: fusionConfig_0,
+				git: false,
+				persistSessionLocally: true,
+				sessionOrCompletionId: sessionId_0,
+				queueMode: "next-turn"
+			});
+			await newSession.initializeSession({ skipSessionLoading: false });
+			sessionRef.current = newSession;
+			setSessionVersion((v) => v + 1);
+			setInitPhase("ready");
+		} catch (err_1) {
+			setInitError(err_1?.message ?? String(err_1));
+			setInitPhase("error");
+		}
+	}, [sys]);
 	if (initPhase === "loading") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
 		flexDirection: "column",
 		flexGrow: 1,
@@ -606330,8 +606567,10 @@ function CodeCommand({ onExit, sys, options, updateCheck }) {
 						session: sessionRef.current,
 						onExit: cleanup,
 						isTabActive: onCodegen,
-						updateCheck
-					})
+						updateCheck,
+						onResumeSession: resumeSession,
+						localSessions
+					}, sessionVersion)
 				}),
 				clawEnabled === true && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box, {
 					flexDirection: "column",
@@ -606375,7 +606614,7 @@ function isStandaloneBinary() {
 	return !path$6.basename(process.execPath, ".exe").startsWith("node");
 }
 function getCurrentVersion() {
-	return "0.4.4";
+	return "0.4.5";
 }
 async function fetchLatestVersion() {
 	return new Promise((resolve, reject) => {
@@ -606707,21 +606946,32 @@ function FatalErrorScreen(t0) {
 	return t5;
 }
 function App(t0) {
-	const $ = (0, import_compiler_runtime.c)(13);
+	const $ = (0, import_compiler_runtime.c)(18);
 	const { command, options, sys, theme } = t0;
 	const { exit } = useApp();
 	const { rows } = useWindowSize();
 	const updateCheck = useUpdateCheck();
+	const { disableFocus } = useFocusManager();
 	let t1;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = [];
-		$[0] = t1;
-	} else t1 = $[0];
-	(0, import_react.useEffect)(_temp2, t1);
+	if ($[0] !== disableFocus) {
+		t1 = () => {
+			enableSgrMouse();
+			disableFocus();
+			return _temp;
+		};
+		$[0] = disableFocus;
+		$[1] = t1;
+	} else t1 = $[1];
 	let t2;
-	if ($[1] !== command || $[2] !== exit || $[3] !== options || $[4] !== sys || $[5] !== updateCheck) {
-		t2 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorBoundary, {
-			fallback: _temp3,
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = [];
+		$[2] = t2;
+	} else t2 = $[2];
+	(0, import_react.useEffect)(t1, t2);
+	let t3;
+	if ($[3] !== command || $[4] !== exit || $[5] !== options || $[6] !== sys || $[7] !== updateCheck) {
+		t3 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorBoundary, {
+			fallback: _temp2,
 			children: command === "code" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CodeCommand, {
 				onExit: exit,
 				sys,
@@ -606753,43 +607003,49 @@ function App(t0) {
 				})]
 			})
 		});
-		$[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, {
+		$[3] = command;
+		$[4] = exit;
+		$[5] = options;
+		$[6] = sys;
+		$[7] = updateCheck;
+		$[8] = t3;
+	} else t3 = $[8];
+	let t4;
+	if ($[9] !== rows || $[10] !== t3) {
+		t4 = /* @__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
 		});
+		$[9] = rows;
 		$[10] = t3;
-		$[11] = theme;
+		$[11] = t4;
+	} else t4 = $[11];
+	let t5;
+	if ($[12] !== t4 || $[13] !== theme) {
+		t5 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThemeContext$1.Provider, {
+			value: theme,
+			children: t4
+		});
 		$[12] = t4;
-	} else t4 = $[12];
-	return t4;
+		$[13] = theme;
+		$[14] = t5;
+	} else t5 = $[14];
+	let t6;
+	if ($[15] !== sys || $[16] !== t5) {
+		t6 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SysContext.Provider, {
+			value: sys,
+			children: t5
+		});
+		$[15] = sys;
+		$[16] = t5;
+		$[17] = t6;
+	} else t6 = $[17];
+	return t6;
 }
-function _temp3(error) {
+function _temp2(error) {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FatalErrorScreen, { error });
 }
-function _temp2() {
-	enableSgrMouse();
-	return _temp;
-}
 function _temp() {
 	resetTerminal();
 }
@@ -606799,7 +607055,7 @@ function initSentry() {
 	init({
 		dsn: "https://1c5033d697e0271ebe53773bff826de0@o117565.ingest.us.sentry.io/4511107776905216",
 		tracesSampleRate: 0,
-		release: "0.4.4",
+		release: "0.4.5",
 		environment: process.env.NODE_ENV ?? "development",
 		enabled: false,
 		registerEsmLoaderHooks: false,
@@ -606811,7 +607067,7 @@ function initSentry() {
 }
 //#endregion
 //#region src/cli.tsx
-const VERSION = "0.4.4";
+const VERSION = "0.4.5";
 async function startInk(command, options) {
 	const sys = await createDevToolsNodeSys({
 		cwd: process.cwd(),