code-ollama 0.17.0 → 0.18.1

package/dist/assets/{tui-CCHcdC7V.js → tui-GfzUJAWj.js}

@@ -1,4 +1,4 @@
-import { A as PLAN_GENERATION_INSTRUCTION, C as withSystemMessage, D as ASSISTANT, E as getTheme, F as APPROVE, I as REJECT, L as VERSION, M as LABEL, N as PLAN, O as SYSTEM, P as SAFE, R as LIST, S as resetSystemMessage, T as LIST$1, _ as setClearHandler, a as tick, b as loadConfig, c as appendMessage, d as deleteSessionIfEmpty, f as listSessions, g as reset, h as clear, i as WRITE_TOOLS, j as AUTO, k as USER, l as createSession, m as updateSessionModel, n as READ_TOOLS, o as color, p as loadSession, r as TOOLS, s as write, t as executeTool, u as deleteSession, v as listModels, w as HEADER_PREFIX, x as saveConfig, y as streamChat } from "../cli.js";
+import { A as SYSTEM, B as REJECT, C as resetSystemMessage, D as LIST$1, E as WARNING, F as AUTO, H as LIST, I as LABEL, L as PLAN, M as PLAN_GENERATION_INSTRUCTION, N as BACK, O as getTheme, P as CATALOG, R as SAFE, S as saveConfig, T as HEADER_PREFIX, V as VERSION, _ as deleteModel, a as color, b as streamChat, c as createSession, d as listSessions, f as loadSession, g as setClearHandler, h as reset, i as WRITE_TOOLS, j as USER, k as ASSISTANT, l as deleteSession, m as clear, n as READ_TOOLS, o as write, p as updateSessionModel, r as TOOLS, s as appendMessage, t as executeTool, u as deleteSessionIfEmpty, v as listModels, w as withSystemMessage, x as loadConfig, y as pullModel, z as APPROVE } from "../cli.js";
 import { readdirSync } from "node:fs";
 import { homedir } from "node:os";
 import { join, relative } from "node:path";
@@ -6,7 +6,7 @@ import { exec } from "node:child_process";
 import { Box, Static, Text, render, useApp, useInput, useStdout } from "ink";
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Select, Spinner } from "@inkjs/ui";
+import { ProgressBar, Select, Spinner } from "@inkjs/ui";
 import { Marked } from "marked";
 import { markedTerminal } from "marked-terminal";
 //#region src/components/CodeBlock/CodeBlock.tsx
@@ -630,9 +630,13 @@ function ToolApproval({ toolCall, onDecision, theme = getTheme() }) {
 			onChange: handleChange,
 			onCancel: handleEscape,
 			children: [
-				/* @__PURE__ */ jsx(Text, {
+				/* @__PURE__ */ jsxs(Text, {
 					color: theme.colors.warning,
-					children: "Tool requires approval ⚠️ "
+					children: [
+						"Tool requires approval ",
+						WARNING,
+						" "
+					]
 				}),
 				/* @__PURE__ */ jsxs(Box, {
 					flexDirection: "column",
@@ -817,8 +821,57 @@ function CommandMenu({ input, onSubmit }) {
 	});
 }
 //#endregion
+//#region src/components/Suggestions.tsx
+var DEFAULT_MAX_VISIBLE_OPTIONS = 5;
+function Suggestions({ options, isDisabled = false, maxVisibleOptions = DEFAULT_MAX_VISIBLE_OPTIONS, resetKey, onHighlight, onSelect }) {
+	const [focusedIndex, setFocusedIndex] = useState(0);
+	useEffect(() => {
+		setFocusedIndex(0);
+	}, [resetKey]);
+	useEffect(() => {
+		if (!options.length) {
+			setFocusedIndex(0);
+			onHighlight?.(null);
+			return;
+		}
+		setFocusedIndex((currentIndex) => Math.min(currentIndex, options.length - 1));
+	}, [onHighlight, options]);
+	useEffect(() => {
+		onHighlight?.(options[focusedIndex] ?? null);
+	}, [
+		focusedIndex,
+		onHighlight,
+		options
+	]);
+	useInput((input, key) => {
+		if (isDisabled || !options.length) return;
+		if (key.downArrow || input === "\x1B[B") {
+			setFocusedIndex((currentIndex) => Math.min(currentIndex + 1, options.length - 1));
+			return;
+		}
+		if (key.upArrow || input === "\x1B[A") {
+			setFocusedIndex((currentIndex) => Math.max(currentIndex - 1, 0));
+			return;
+		}
+		if (key.tab || key.return || input === "	" || input === "\r") onSelect(options[focusedIndex]);
+	});
+	if (!options.length) return null;
+	const visibleStart = Math.min(Math.max(0, focusedIndex - maxVisibleOptions + 1), Math.max(0, options.length - maxVisibleOptions));
+	return /* @__PURE__ */ jsx(Box, {
+		flexDirection: "column",
+		children: options.slice(visibleStart, visibleStart + maxVisibleOptions).map((option, index) => {
+			return /* @__PURE__ */ jsx(Box, {
+				marginLeft: 2,
+				children: /* @__PURE__ */ jsx(Text, {
+					color: visibleStart + index === focusedIndex ? "cyan" : void 0,
+					children: option.label
+				})
+			}, option.label);
+		})
+	});
+}
+//#endregion
 //#region src/components/Chat/FileSuggestions.tsx
-var MAX_VISIBLE_OPTIONS = 5;
 var MENTION_PATTERN = /(^|.)@(\S+)/;
 var RIPGREP_MAX_BUFFER = 10 * 1024 * 1024;
 function normalizePath(filePath) {
@@ -897,7 +950,6 @@ async function listProjectFiles(rootDir) {
 }
 function FileSuggestions({ input, isDisabled = false, onChange, onSelect }) {
 	const [filePaths, setFilePaths] = useState([]);
-	const [focusedIndex, setFocusedIndex] = useState(0);
 	useEffect(() => {
 		async function loadProjectFiles() {
 			setFilePaths(await listProjectFiles(process.cwd()));
@@ -910,55 +962,29 @@ function FileSuggestions({ input, isDisabled = false, onChange, onSelect }) {
 		const normalizedQuery = mentionMatch.query.toLowerCase();
 		return filePaths.filter((filePath) => filePath.toLowerCase().includes(normalizedQuery));
 	}, [filePaths, mentionMatch]);
-	useEffect(() => {
-		setFocusedIndex(0);
-	}, [input]);
-	useEffect(() => {
-		if (!options.length) {
-			setFocusedIndex(0);
-			return;
-		}
-		setFocusedIndex((currentIndex) => Math.min(currentIndex, options.length - 1));
-	}, [options]);
 	useEffect(() => {
 		if (!onChange) return;
-		if (!mentionMatch || !options.length) {
-			onChange(null);
-			return;
-		}
-		onChange(buildNextInput(input, options[focusedIndex]).value);
+		if (!mentionMatch || !options.length) onChange(null);
 	}, [
-		focusedIndex,
-		input,
 		mentionMatch,
 		onChange,
 		options
 	]);
-	useInput((_, key) => {
-		if (isDisabled || !options.length) return;
-		if (key.downArrow) {
-			setFocusedIndex((currentIndex) => Math.min(currentIndex + 1, options.length - 1));
-			return;
-		}
-		if (key.upArrow) {
-			setFocusedIndex((currentIndex) => Math.max(currentIndex - 1, 0));
-			return;
-		}
-		if (key.tab || key.return) onSelect(buildNextInput(input, options[focusedIndex]));
-	});
 	if (!mentionMatch || !options.length) return null;
-	const visibleStart = Math.min(Math.max(0, focusedIndex - MAX_VISIBLE_OPTIONS + 1), Math.max(0, options.length - MAX_VISIBLE_OPTIONS));
-	return /* @__PURE__ */ jsx(Box, {
-		flexDirection: "column",
-		children: options.slice(visibleStart, visibleStart + MAX_VISIBLE_OPTIONS).map((option, index) => {
-			return /* @__PURE__ */ jsx(Box, {
-				marginLeft: 2,
-				children: /* @__PURE__ */ jsx(Text, {
-					color: visibleStart + index === focusedIndex ? "cyan" : void 0,
-					children: option
-				})
-			}, option);
-		})
+	return /* @__PURE__ */ jsx(Suggestions, {
+		isDisabled,
+		options: options.map((option) => ({
+			label: option,
+			value: option
+		})),
+		resetKey: input,
+		onHighlight: (option) => {
+			// v8 ignore next
+			onChange?.(option ? buildNextInput(input, option.value).value : null);
+		},
+		onSelect: (option) => {
+			onSelect(buildNextInput(input, option.value));
+		}
 	});
 }
 //#endregion
@@ -1119,10 +1145,10 @@ function ChatInput({ history: sessionHistory, isDisabled = false, onInterrupt, o
 var ACTION_NOT_PERFORMED = "The requested action was NOT performed";
 var PLAN_CHECKLIST_REMINDER = "Then display the execution plan as an unchecked Markdown checklist only";
 var PLAN_EXECUTION_REMINDER = `Do not claim success and do not call ${Array.from(WRITE_TOOLS).join(", ")} until the user approves execution`;
-var INTERRUPT_REASON = /* @__PURE__ */ function(INTERRUPT_REASON) {
-	INTERRUPT_REASON["INTERRUPTED"] = "interrupted";
-	INTERRUPT_REASON["REJECTED"] = "rejected";
-	return INTERRUPT_REASON;
+var InterruptReason = /* @__PURE__ */ function(InterruptReason) {
+	InterruptReason["Interrupted"] = "interrupted";
+	InterruptReason["Rejected"] = "rejected";
+	return InterruptReason;
 }({});
 //#endregion
 //#region src/components/Chat/plan.ts
@@ -1190,13 +1216,15 @@ function Chat({ initialMessages, model, onCommand, onMessagesChange, mode, onMod
 		abortControllerRef.current = null;
 		setIsLoading(false);
 		setStreamingMessage(null);
-		setInterruptReason(INTERRUPT_REASON.INTERRUPTED);
+		setInterruptReason(InterruptReason.Interrupted);
 		setMessages((prev) => [...prev, {
 			role: USER,
 			content: TURN_ABORTED_MESSAGE
 		}]);
 	}, []);
 	const processStream = useCallback(async (currentMessages, executionMode = mode) => {
+		// v8 ignore next
+		if (!model) throw new Error("Model is required");
 		const controller = new AbortController();
 		abortControllerRef.current = controller;
 		const assistantMessage = {
@@ -1271,6 +1299,9 @@ function Chat({ initialMessages, model, onCommand, onMessagesChange, mode, onMod
 		theme
 	]);
 	const processStreamReadOnly = useCallback(async (currentMessages) => {
+		const modelName = model;
+		// v8 ignore next
+		if (!modelName) throw new Error("Model is required");
 		const controller = new AbortController();
 		abortControllerRef.current = controller;
 		const assistantMessage = {
@@ -1301,7 +1332,7 @@ function Chat({ initialMessages, model, onCommand, onMessagesChange, mode, onMod
 		setStreamingMessage(assistantMessage);
 		try {
 			const readOnlyTools = TOOLS.filter((tool) => READ_TOOLS.has(tool.function.name));
-			for await (const chunk of streamChat(withSystemMessage(currentMessages), model, readOnlyTools, controller.signal)) {
+			for await (const chunk of streamChat(withSystemMessage(currentMessages), modelName, readOnlyTools, controller.signal)) {
 				// v8 ignore next 3
 				if (controller.signal.aborted) return;
 				if (chunk.type === "content") {
@@ -1337,7 +1368,7 @@ function Chat({ initialMessages, model, onCommand, onMessagesChange, mode, onMod
 			};
 			setStreamingMessage(planAssistantMessage);
 			try {
-				for await (const chunk of streamChat(withSystemMessage(planMessages), model, [], controller.signal)) {
+				for await (const chunk of streamChat(withSystemMessage(planMessages), modelName, [], controller.signal)) {
 					// v8 ignore next 3
 					if (controller.signal.aborted) return;
 					if (chunk.type === "content") {
@@ -1429,7 +1460,7 @@ function Chat({ initialMessages, model, onCommand, onMessagesChange, mode, onMod
 					content: TURN_ABORTED_MESSAGE
 				}]);
 				setIsLoading(false);
-				setInterruptReason(INTERRUPT_REASON.REJECTED);
+				setInterruptReason(InterruptReason.Rejected);
 				break;
 		}
 	}, [
@@ -1485,7 +1516,7 @@ function Chat({ initialMessages, model, onCommand, onMessagesChange, mode, onMod
 				marginBottom: 1,
 				children: /* @__PURE__ */ jsx(Text, {
 					color: theme.colors.error,
-					children: interruptReason === INTERRUPT_REASON.REJECTED ? "❗ Tool call rejected." : "❗ Execution interrupted."
+					children: interruptReason === InterruptReason.Rejected ? `❗ Tool call rejected.` : `❗ Execution interrupted.`
 				})
 			}),
 			!pendingPlan && !pendingToolCall && /* @__PURE__ */ jsx(Box, {
@@ -1512,6 +1543,7 @@ function getModeColor(mode, theme) {
 	}
 }
 function Footer({ mode, model, onToggleMode, theme = getTheme() }) {
+	const modelLabel = model || "not configured";
 	useInput((_, key) => {
 		if (key.tab && key.shift) onToggleMode();
 	});
@@ -1535,7 +1567,7 @@ function Footer({ mode, model, onToggleMode, theme = getTheme() }) {
 				" Model: ",
 				/* @__PURE__ */ jsx(Text, {
 					color: theme.colors.model,
-					children: model
+					children: modelLabel
 				})
 			]
 		})
@@ -1549,6 +1581,7 @@ function abbreviatePath(dir) {
 }
 function Header({ model, onLoad, theme = getTheme() }) {
 	const directory = abbreviatePath(process.cwd());
+	const modelLabel = model || "not configured";
 	useEffect(() => {
 		onLoad();
 	}, []);
@@ -1580,7 +1613,7 @@ function Header({ model, onLoad, theme = getTheme() }) {
 							dimColor: true,
 							children: "model:".padEnd(11)
 						}),
-						/* @__PURE__ */ jsx(Text, { children: model.padEnd(model.length + 3) }),
+						/* @__PURE__ */ jsx(Text, { children: modelLabel.padEnd(modelLabel.length + 3) }),
 						/* @__PURE__ */ jsx(Text, {
 							color: theme.colors.command,
 							children: "/model"
@@ -1588,7 +1621,7 @@ function Header({ model, onLoad, theme = getTheme() }) {
 						/* @__PURE__ */ jsxs(Text, {
 							color: theme.colors.secondary,
 							dimColor: true,
-							children: [" ", "to switch"]
+							children: [" ", "to manage"]
 						})
 					]
 				}),
@@ -1602,48 +1635,611 @@ function Header({ model, onLoad, theme = getTheme() }) {
 	});
 }
 //#endregion
-//#region src/components/ModelPicker.tsx
-function ModelPicker({ currentModel, onSelect, onClose, theme = getTheme() }) {
-	const [options, setOptions] = useState([]);
-	const [error, setError] = useState(null);
-	const handleChange = useCallback((model) => {
-		onSelect({ model });
-	}, [onSelect]);
-	useInput(async (_input, key) => {
-		if (!error && options.length && key.return) {
-			await tick();
-			onClose();
+//#region src/components/ModelManager/ModelSuggestions.tsx
+function rankCatalogMatch(entry, normalizedInput) {
+	const normalizedValue = entry.value.toLowerCase();
+	const normalizedLabel = entry.label.toLowerCase();
+	// v8 ignore start
+	switch (true) {
+		case normalizedValue.startsWith(normalizedInput): return 0;
+		case normalizedLabel.startsWith(normalizedInput): return 1;
+		case normalizedValue.includes(normalizedInput): return 2;
+		case normalizedLabel.includes(normalizedInput): return 3;
+		default: return Number.MAX_SAFE_INTEGER;
+	}
+	// v8 ignore stop
+}
+function ModelSuggestions({ catalog, input, isDisabled = false, onHighlight, onSelect }) {
+	const normalizedInput = input.trim().toLowerCase();
+	return /* @__PURE__ */ jsx(Suggestions, {
+		isDisabled,
+		options: useMemo(() => {
+			if (!normalizedInput) return [];
+			return catalog.filter((entry) => entry.value.toLowerCase().includes(normalizedInput) || entry.label.toLowerCase().includes(normalizedInput)).sort((left, right) => rankCatalogMatch(left, normalizedInput) - rankCatalogMatch(right, normalizedInput) || left.label.localeCompare(right.label)).map((entry) => ({
+				label: entry.value,
+				value: entry.value
+			}));
+		}, [catalog, normalizedInput]),
+		resetKey: input,
+		/* v8 ignore next */
+		onHighlight: (option) => onHighlight?.(option?.value ?? null),
+		onSelect: (option) => {
+			onSelect(option.value);
+		}
+	});
+}
+//#endregion
+//#region src/components/ModelManager/types.ts
+var View = /* @__PURE__ */ function(View) {
+	View["Menu"] = "menu";
+	View["Switch"] = "switch";
+	View["Download"] = "download";
+	View["CustomDownload"] = "custom-download";
+	View["Downloading"] = "downloading";
+	View["Delete"] = "delete";
+	View["DeleteConfirm"] = "delete-confirm";
+	return View;
+}({});
+var MenuAction = /* @__PURE__ */ function(MenuAction) {
+	MenuAction["Switch"] = "switch";
+	MenuAction["Download"] = "download";
+	MenuAction["Delete"] = "delete";
+	MenuAction["Cancel"] = "cancel";
+	return MenuAction;
+}({});
+var DownloadAction = /* @__PURE__ */ function(DownloadAction) {
+	DownloadAction["Custom"] = "custom";
+	return DownloadAction;
+}({});
+var ConfirmDeleteAction = /* @__PURE__ */ function(ConfirmDeleteAction) {
+	ConfirmDeleteAction["Delete"] = "delete";
+	return ConfirmDeleteAction;
+}({});
+//#endregion
+//#region src/components/ModelManager/utils.ts
+function buildMenuOptions() {
+	return [
+		{
+			label: "Switch model",
+			value: MenuAction.Switch
+		},
+		{
+			label: "Download model",
+			value: MenuAction.Download
+		},
+		{
+			label: "Delete model",
+			value: MenuAction.Delete
+		},
+		{
+			label: "Cancel",
+			value: MenuAction.Cancel
 		}
+	];
+}
+function buildInstalledModelOptions(models, currentModel) {
+	const nextModels = [...models];
+	if (nextModels.includes(currentModel)) {
+		nextModels.splice(nextModels.indexOf(currentModel), 1);
+		nextModels.unshift(currentModel);
+	}
+	return nextModels.map((model) => ({
+		label: model === currentModel ? `${model} (current model)` : model,
+		value: model
+	}));
+}
+function buildDownloadOptions(installedModels) {
+	const installedModelSet = new Set(installedModels);
+	const availableCatalog = CATALOG.filter(({ value, alias }) => !installedModelSet.has(value) && !(alias && installedModelSet.has(alias)));
+	return [
+		{
+			label: "Enter custom model...",
+			value: DownloadAction.Custom
+		},
+		...availableCatalog.map(({ label, value }) => ({
+			label,
+			value
+		})),
+		BACK
+	];
+}
+function getNoticeColor(tone, theme) {
+	switch (tone) {
+		case "error": return theme.colors.error;
+		case "success": return theme.colors.status;
+		default: return theme.colors.secondary;
+	}
+}
+function formatBytes(bytes) {
+	if (!Number.isFinite(bytes) || bytes <= 0) return "0 B";
+	const units = [
+		"B",
+		"KB",
+		"MB",
+		"GB",
+		"TB"
+	];
+	let value = bytes;
+	let index = 0;
+	while (value >= 1024 && index < units.length - 1) {
+		value /= 1024;
+		index += 1;
+	}
+	const fractionDigits = value >= 10 || index === 0 ? 0 : 1;
+	return `${value.toFixed(fractionDigits)} ${units[index]}`;
+}
+function isAbortError(error) {
+	return error instanceof Error && error.name === "AbortError";
+}
+function mergeDownloadProgress(previous, model, status, completed, total) {
+	const nextCompleted = typeof completed === "number" && Number.isFinite(completed) && completed >= 0 ? completed : null;
+	const nextTotal = typeof total === "number" && Number.isFinite(total) && total > 0 ? total : null;
+	if (nextTotal !== null && nextCompleted !== null) return {
+		model,
+		status,
+		completed: nextCompleted,
+		total: nextTotal
+	};
+	const hasPreviousProgress = previous?.model === model && previous.total > 0;
+	return {
+		model,
+		status,
+		completed: hasPreviousProgress ? previous.completed : 0,
+		total: hasPreviousProgress ? previous.total : 0
+	};
+}
+//#endregion
+//#region src/components/ModelManager/ModelCustomDownloadView.tsx
+function ModelCustomDownloadView({ downloadDraft, notice, theme, onDraftChange, onHighlight, onSelectSuggestion, onSubmit }) {
+	const renderNotice = () => notice ? /* @__PURE__ */ jsx(Text, {
+		color: getNoticeColor(notice.tone, theme),
+		children: notice.text
+	}) : null;
+	return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		children: [
+			/* @__PURE__ */ jsx(Text, { children: "Enter an Ollama model name to download." }),
+			/* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Text, { children: "> " }), /* @__PURE__ */ jsx(TextInput, {
+				value: downloadDraft,
+				placeholder: "name:tag",
+				wrapIndent: 2,
+				onChange: onDraftChange,
+				onSubmit
+			})] }),
+			/* @__PURE__ */ jsx(ModelSuggestions, {
+				catalog: [],
+				input: downloadDraft,
+				onHighlight,
+				onSelect: onSelectSuggestion
+			}),
+			renderNotice(),
+			/* @__PURE__ */ jsx(Text, {
+				color: theme.colors.secondary,
+				dimColor: true,
+				children: "Press Enter to download, Esc or Ctrl+C to go back."
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/ModelManager/ModelDeleteConfirmView.tsx
+function ModelDeleteConfirmView({ deleteCandidate, isDeleting, notice, theme, onCancel, onConfirm }) {
+	if (isDeleting) return /* @__PURE__ */ jsx(Spinner, { label: `Deleting model ${deleteCandidate}...` });
+	const renderNotice = () => notice ? /* @__PURE__ */ jsx(Text, {
+		color: getNoticeColor(notice.tone, theme),
+		children: notice.text
+	}) : null;
+	return /* @__PURE__ */ jsxs(SelectPrompt, {
+		options: [{
+			label: `Yes, delete ${deleteCandidate}`,
+			value: ConfirmDeleteAction.Delete
+		}, {
+			...BACK,
+			label: "No"
+		}],
+		onCancel,
+		onChange: onConfirm,
+		children: [
+			/* @__PURE__ */ jsxs(Text, { children: [
+				WARNING,
+				" Delete model",
+				" ",
+				/* @__PURE__ */ jsx(Text, {
+					color: theme.colors.model,
+					children: deleteCandidate
+				}),
+				"?"
+			] }),
+			renderNotice(),
+			/* @__PURE__ */ jsx(SelectPromptHint, { message: "This action cannot be undone" })
+		]
+	});
+}
+//#endregion
+//#region src/components/ModelManager/ModelDeleteView.tsx
+function ModelDeleteView({ currentModel, installedModels, isLoading, notice, theme, onCancel, onSelect }) {
+	if (isLoading) return /* @__PURE__ */ jsx(Spinner, { label: "Loading models..." });
+	return /* @__PURE__ */ jsxs(SelectPrompt, {
+		options: [...buildInstalledModelOptions(installedModels.filter((model) => model !== currentModel), currentModel), BACK],
+		onCancel,
+		onChange: (value) => {
+			if (value === BACK.value) onCancel();
+			else onSelect(value);
+		},
+		children: [
+			/* @__PURE__ */ jsxs(Text, { children: [
+				"Delete an installed model (current model",
+				" ",
+				/* @__PURE__ */ jsx(Text, {
+					color: theme.colors.model,
+					children: currentModel
+				}),
+				" cannot be deleted)."
+			] }),
+			notice && /* @__PURE__ */ jsx(Text, {
+				color: getNoticeColor(notice.tone, theme),
+				children: notice.text
+			}),
+			/* @__PURE__ */ jsx(SelectPromptHint, { message: "Delete models" })
+		]
+	});
+}
+//#endregion
+//#region src/components/ModelManager/ModelDownloadingView.tsx
+function ModelDownloadingView({ progress, theme, onCancel }) {
+	const percent = progress.total > 0 && Number.isFinite(progress.completed) && Number.isFinite(progress.total) ? Math.round(progress.completed / progress.total * 100) : null;
+	return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		children: [
+			/* @__PURE__ */ jsxs(Text, { children: [
+				"Downloading model:",
+				" ",
+				/* @__PURE__ */ jsx(Text, {
+					color: theme.colors.model,
+					children: progress.model
+				})
+			] }),
+			/* @__PURE__ */ jsx(Text, { children: progress.status }),
+			percent !== null ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Text, { children: [
+				percent,
+				"% (",
+				formatBytes(progress.completed),
+				" /",
+				" ",
+				formatBytes(progress.total),
+				")"
+			] }), /* @__PURE__ */ jsx(ProgressBar, { value: Math.max(0, Math.min(100, percent)) })] }) : /* @__PURE__ */ jsx(Text, {
+				color: theme.colors.secondary,
+				dimColor: true,
+				children: "Progress details unavailable. Waiting for Ollama updates..."
+			}),
+			/* @__PURE__ */ jsx(SelectPrompt, {
+				options: [{
+					label: "Cancel download",
+					value: "cancel-download"
+				}],
+				onCancel,
+				onChange: onCancel,
+				children: /* @__PURE__ */ jsx(SelectPromptHint, { message: "Press Enter, Esc, or Ctrl+C to cancel" })
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/ModelManager/ModelDownloadView.tsx
+function ModelDownloadView({ installedModels, notice, theme, onCancel, onChange }) {
+	return /* @__PURE__ */ jsxs(SelectPrompt, {
+		options: buildDownloadOptions(installedModels),
+		onCancel,
+		onChange: (value) => {
+			switch (value) {
+				case "custom":
+					onChange("custom");
+					break;
+				case "back":
+					onCancel();
+					break;
+				default:
+					onChange(value);
+					break;
+			}
+		},
+		children: [
+			/* @__PURE__ */ jsx(Text, { children: "Choose a model to download or use a custom model name." }),
+			notice && /* @__PURE__ */ jsx(Text, {
+				color: getNoticeColor(notice.tone, theme),
+				children: notice.text
+			}),
+			/* @__PURE__ */ jsx(SelectPromptHint, { message: "Download models" })
+		]
+	});
+}
+//#endregion
+//#region src/components/ModelManager/ModelSwitchView.tsx
+function ModelSwitchView({ currentModel, installedModels, isLoading, onCancel, onSelect }) {
+	if (isLoading) return /* @__PURE__ */ jsx(Spinner, { label: "Loading models..." });
+	return /* @__PURE__ */ jsx(SelectPrompt, {
+		options: [...buildInstalledModelOptions(installedModels, currentModel), BACK],
+		onCancel,
+		onChange: (value) => {
+			if (value === BACK.value) onCancel();
+			else onSelect(value);
+		},
+		children: /* @__PURE__ */ jsx(SelectPromptHint, { message: "Switch models" })
 	});
+}
+//#endregion
+//#region src/components/ModelManager/ModelManager.tsx
+function ModelManager({ currentModel, onSelect, onClose, theme = getTheme() }) {
+	const [view, setView] = useState(View.Menu);
+	const [installedModels, setInstalledModels] = useState([]);
+	const [isLoadingModels, setIsLoadingModels] = useState(true);
+	const [loadError, setLoadError] = useState(null);
+	const [notice, setNotice] = useState(null);
+	const [downloadDraft, setDownloadDraft] = useState("");
+	const [highlightedSuggestion, setHighlightedSuggestion] = useState(null);
+	const [downloadProgress, setDownloadProgress] = useState(null);
+	const [deleteCandidate, setDeleteCandidate] = useState(null);
+	const [isDeleting, setIsDeleting] = useState(false);
+	const isDeletingRef = useRef(false);
+	const pullRef = useRef(null);
+	const loadInstalledModels = useCallback(async () => {
+		setIsLoadingModels(true);
+		setLoadError(null);
+		try {
+			setInstalledModels(await listModels());
+		} catch (error) {
+			setLoadError(error instanceof Error ? error.message : 			/* v8 ignore next */ String(error));
+		} finally {
+			setIsLoadingModels(false);
+		}
+	}, []);
 	useEffect(() => {
-		async function load() {
-			try {
-				const models = await listModels();
-				if (models.includes(currentModel)) {
-					models.splice(models.indexOf(currentModel), 1);
-					models.unshift(currentModel);
-				}
-				setOptions(models.map((model) => ({
-					label: model,
-					value: model
-				})));
-			} catch (error) {
-				setError(error instanceof Error ? error.message : String(error));
+		loadInstalledModels();
+	}, [loadInstalledModels]);
+	const resetDownloadState = useCallback(() => {
+		setDownloadDraft("");
+		setHighlightedSuggestion(null);
+		setDownloadProgress(null);
+		pullRef.current = null;
+	}, []);
+	const handleBackToMenu = useCallback(() => {
+		setNotice(null);
+		setDeleteCandidate(null);
+		setIsDeleting(false);
+		isDeletingRef.current = false;
+		resetDownloadState();
+		setView(View.Menu);
+	}, [resetDownloadState]);
+	const cancelActivePull = useCallback(() => {
+		pullRef.current?.abort();
+	}, []);
+	useInput((input, key) => {
+		const isEscape = key.escape || input === "\x1B\x1B";
+		const isCtrlC = key.ctrl && input === "c" || input === "";
+		if (view === View.CustomDownload && (isEscape || isCtrlC)) {
+			setNotice(null);
+			setHighlightedSuggestion(null);
+			setView(View.Download);
+			return;
+		}
+		// v8 ignore next
+		if (view === View.Downloading && (isEscape || isCtrlC)) cancelActivePull();
+	});
+	const handleMenuChange = useCallback((value) => {
+		setNotice(null);
+		switch (value) {
+			case "switch":
+				setView(View.Switch);
+				break;
+			case "download":
+				setView(View.Download);
+				break;
+			case "delete":
+				setView(View.Delete);
+				break;
+			default: onClose();
+		}
+	}, [onClose]);
+	const handleSwitchChange = useCallback((model) => {
+		onSelect({ model });
+	}, [onSelect]);
+	const startPull = useCallback(async (model) => {
+		const normalizedModel = model.trim();
+		if (!normalizedModel) {
+			setNotice({
+				tone: "error",
+				text: `❗ Enter a model name to download`
+			});
+			return;
+		}
+		if (installedModels.includes(normalizedModel)) {
+			setNotice({
+				tone: "info",
+				text: `${normalizedModel} is already installed`
+			});
+			return;
+		}
+		setNotice(null);
+		setDownloadProgress({
+			model: normalizedModel,
+			status: "Starting download...",
+			completed: 0,
+			total: 0
+		});
+		setView(View.Downloading);
+		try {
+			const pull = await pullModel(normalizedModel);
+			pullRef.current = pull;
+			for await (const update of pull) setDownloadProgress((previous) => {
+				return mergeDownloadProgress(previous, normalizedModel, update.status, update.completed, update.total);
+			});
+			pullRef.current = null;
+			resetDownloadState();
+			await loadInstalledModels();
+			setNotice({
+				tone: "success",
+				text: `✅ ${normalizedModel} downloaded successfully`
+			});
+			setView(View.Menu);
+		} catch (error) {
+			pullRef.current = null;
+			if (isAbortError(error)) {
+				setNotice({
+					tone: "error",
+					text: `❌ Download canceled for ${normalizedModel}`
+				});
+				setDownloadProgress(null);
+				setView(View.Download);
+				return;
 			}
+			setNotice({
+				tone: "error",
+				text: `❗ Error downloading model: ${error instanceof Error ? error.message : 				/* v8 ignore next */ String(error)}`
+			});
+			setDownloadProgress(null);
+			setView(View.CustomDownload);
+		}
+	}, [
+		installedModels,
+		loadInstalledModels,
+		resetDownloadState
+	]);
+	const handleDownloadChange = useCallback((value) => {
+		if (value === "custom") {
+			setNotice(null);
+			setView(View.CustomDownload);
+			return;
+		}
+		// v8 ignore next 3
+		if (value === "back") {
+			handleBackToMenu();
+			return;
+		}
+		setDownloadDraft(value);
+		startPull(value);
+	}, [handleBackToMenu, startPull]);
+	const handleCustomDownloadSubmit = useCallback((value) => {
+		const nextValue = highlightedSuggestion ?? value.trim();
+		setDownloadDraft(nextValue);
+		startPull(nextValue);
+	}, [highlightedSuggestion, startPull]);
+	const handleDeleteChange = useCallback((model) => {
+		setNotice(null);
+		setDeleteCandidate(model);
+		setView(View.DeleteConfirm);
+	}, []);
+	const handleDeleteConfirm = useCallback(async (value) => {
+		if (isDeletingRef.current) return;
+		if (value === "back") {
+			setView(View.Delete);
+			return;
+		}
+		// v8 ignore next 3
+		if (!deleteCandidate) {
+			setView(View.Delete);
+			return;
+		}
+		try {
+			isDeletingRef.current = true;
+			setIsDeleting(true);
+			await deleteModel(deleteCandidate);
+			await loadInstalledModels();
+			setNotice({
+				tone: "success",
+				text: `✅ ${deleteCandidate} deleted successfully`
+			});
+			isDeletingRef.current = false;
+			setIsDeleting(false);
+			setDeleteCandidate(null);
+			setView(View.Delete);
+		} catch (error) {
+			isDeletingRef.current = false;
+			setIsDeleting(false);
+			setNotice({
+				tone: "error",
+				text: `❗ Error deleting model: ${error instanceof Error ? error.message : 				/* v8 ignore next */ String(error)}`
+			});
+			setView(View.Delete);
 		}
-		load();
-	}, [currentModel]);
-	if (error) return /* @__PURE__ */ jsxs(Text, {
-		color: theme.colors.error,
-		children: ["Error loading models: ", error]
+	}, [deleteCandidate, loadInstalledModels]);
+	const renderNotice = () => notice ? /* @__PURE__ */ jsx(Text, {
+		color: notice.tone === "error" ? theme.colors.error : notice.tone === "success" ? theme.colors.status : theme.colors.secondary,
+		children: notice.text
+	}) : null;
+	if (loadError && view !== View.Menu) return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		children: [/* @__PURE__ */ jsxs(Text, {
+			color: theme.colors.error,
+			children: ["Error loading models: ", loadError]
+		}), /* @__PURE__ */ jsx(Text, {
+			color: theme.colors.secondary,
+			dimColor: true,
+			children: "Press Esc to go back."
+		})]
 	});
-	if (!options.length) return /* @__PURE__ */ jsx(Spinner, { label: "Loading models..." });
-	return /* @__PURE__ */ jsx(SelectPrompt, {
-		options,
-		defaultValue: currentModel,
-		onChange: handleChange,
+	if (view === View.Downloading && downloadProgress) return /* @__PURE__ */ jsx(ModelDownloadingView, {
+		progress: downloadProgress,
+		theme,
+		onCancel: cancelActivePull
+	});
+	if (view === View.CustomDownload) return /* @__PURE__ */ jsx(ModelCustomDownloadView, {
+		downloadDraft,
+		notice,
+		theme,
+		onDraftChange: setDownloadDraft,
+		onHighlight: setHighlightedSuggestion,
+		onSelectSuggestion: (value) => {
+			setDownloadDraft(value);
+			setHighlightedSuggestion(value);
+		},
+		onSubmit: handleCustomDownloadSubmit
+	});
+	if (view === View.Switch) return /* @__PURE__ */ jsx(ModelSwitchView, {
+		currentModel,
+		installedModels,
+		isLoading: isLoadingModels,
+		onCancel: handleBackToMenu,
+		onSelect: handleSwitchChange
+	});
+	if (view === View.Download) return /* @__PURE__ */ jsx(ModelDownloadView, {
+		installedModels,
+		notice,
+		theme,
+		onCancel: handleBackToMenu,
+		onChange: handleDownloadChange
+	});
+	if (view === View.Delete) return /* @__PURE__ */ jsx(ModelDeleteView, {
+		currentModel,
+		installedModels,
+		isLoading: isLoadingModels,
+		notice,
+		theme,
+		onCancel: handleBackToMenu,
+		onSelect: handleDeleteChange
+	});
+	if (view === View.DeleteConfirm && deleteCandidate) return /* @__PURE__ */ jsx(ModelDeleteConfirmView, {
+		deleteCandidate,
+		isDeleting,
+		notice,
+		theme,
+		onCancel: () => {
+			setView(View.Delete);
+		},
+		onConfirm: handleDeleteConfirm
+	});
+	return /* @__PURE__ */ jsxs(SelectPrompt, {
+		options: buildMenuOptions(),
 		onCancel: onClose,
-		children: /* @__PURE__ */ jsx(SelectPromptHint, { message: "Select a model" })
+		onChange: handleMenuChange,
+		children: [
+			/* @__PURE__ */ jsxs(Text, { children: ["Current model: ", /* @__PURE__ */ jsx(Text, {
+				color: theme.colors.model,
+				children: currentModel
+			})] }),
+			renderNotice(),
+			/* @__PURE__ */ jsx(SelectPromptHint, { message: "Manage models" })
+		]
 	});
 }
 //#endregion
@@ -1751,7 +2347,6 @@ function SearchSettings({ currentUrl, onClose, onSave, theme = getTheme() }) {
 //#endregion
 //#region src/components/SessionManager.tsx
 var ACTION = {
-	BACK: "back",
 	CLOSE: "close",
 	DELETE_MENU: "delete-menu",
 	DELETE_PREFIX: "delete:",
@@ -1779,16 +2374,10 @@ function SessionManager({ currentSessionId, onClose, onDelete, onNew, onOpen, th
 	const options = view === "open" ? [...sessions.filter(({ id }) => id !== currentSessionId).map((session) => ({
 		label: formatSessionLabel(session, maxLabelWidth),
 		value: `${ACTION.OPEN_PREFIX}${session.id}`
-	})), {
-		label: "Back",
-		value: ACTION.BACK
-	}] : view === "delete" ? [...sessions.filter(({ id }) => id !== currentSessionId).map((session) => ({
+	})), BACK] : view === "delete" ? [...sessions.filter(({ id }) => id !== currentSessionId).map((session) => ({
 		label: formatSessionLabel(session, maxLabelWidth, "Delete "),
 		value: `${ACTION.DELETE_PREFIX}${session.id}`
-	})), {
-		label: "Back",
-		value: ACTION.BACK
-	}] : [
+	})), BACK] : [
 		{
 			label: "New session",
 			value: ACTION.NEW
@@ -1820,7 +2409,7 @@ function SessionManager({ currentSessionId, onClose, onDelete, onNew, onOpen, th
 			case value === ACTION.OPEN_MENU:
 				setView("open");
 				break;
-			case value === ACTION.BACK:
+			case value === BACK.value:
 				setView("main");
 				break;
 			case value.startsWith(ACTION.DELETE_PREFIX):
@@ -1970,45 +2559,45 @@ function ThemeSettings({ currentTheme, onClose, onPreview, onSave }) {
 }
 //#endregion
 //#region src/components/App/constants.ts
-var SCREEN = /* @__PURE__ */ function(SCREEN) {
-	SCREEN["CHAT"] = "chat";
-	SCREEN["MODEL_PICKER"] = "model-picker";
-	SCREEN["SEARCH_SETTINGS"] = "search-settings";
-	SCREEN["SESSION_MANAGER"] = "session-manager";
-	SCREEN["THEME_SETTINGS"] = "theme-settings";
-	return SCREEN;
+var Screen = /* @__PURE__ */ function(Screen) {
+	Screen["Chat"] = "chat";
+	Screen["ModelManager"] = "model-manager";
+	Screen["SearchSettings"] = "search-settings";
+	Screen["SessionManager"] = "session-manager";
+	Screen["ThemeSettings"] = "theme-settings";
+	return Screen;
 }({});
 //#endregion
 //#region src/components/App/hooks/useScreenRouter.ts
 function useScreenRouter() {
 	const { exit } = useApp();
-	const [currentScreen, setScreen] = useState(SCREEN.CHAT);
+	const [currentScreen, setScreen] = useState(Screen.Chat);
 	return {
 		currentScreen,
 		setScreen,
 		handleClose: useCallback(() => {
-			setScreen(SCREEN.CHAT);
+			setScreen(Screen.Chat);
 		}, []),
 		handleCommand: useCallback((command, callbacks) => {
 			const { onCreateSession, onSetPreviewThemeId, model, theme } = callbacks;
 			switch (command) {
 				case "/session":
-					setScreen(SCREEN.SESSION_MANAGER);
+					setScreen(Screen.SessionManager);
 					break;
 				case "/model":
-					setScreen(SCREEN.MODEL_PICKER);
+					setScreen(Screen.ModelManager);
 					break;
 				case "/search":
-					setScreen(SCREEN.SEARCH_SETTINGS);
+					setScreen(Screen.SearchSettings);
 					break;
 				case "/theme":
 					onSetPreviewThemeId(theme);
-					setScreen(SCREEN.THEME_SETTINGS);
+					setScreen(Screen.ThemeSettings);
 					break;
 				case "/clear": {
 					resetSystemMessage();
 					const nextSession = onCreateSession(model);
-					setScreen(SCREEN.CHAT);
+					setScreen(Screen.Chat);
 					clear(nextSession.metadata.id);
 					break;
 				}
@@ -2049,8 +2638,6 @@ function useSessionManager({ sessionId, model, commandColor }) {
 	}, []);
 	return {
 		activeSession,
-		sessionRef,
-		setActiveSession,
 		setSession,
 		handleCreateSession: useCallback(() => {
 			const nextSession = createSession(modelRef.current);
@@ -2089,39 +2676,137 @@ function useSessionManager({ sessionId, model, commandColor }) {
 //#region src/components/App/hooks/useThemeSettings.ts
 function useThemeSettings({ currentTheme, onUpdateConfig, setScreen }) {
 	const [previewThemeId, setPreviewThemeId] = useState(null);
-	const activeThemeId = previewThemeId ?? currentTheme;
-	const activeTheme = getTheme(activeThemeId);
+	const activeTheme = getTheme(previewThemeId ?? currentTheme);
 	const handleThemePreview = useCallback((themeId) => {
 		setPreviewThemeId(themeId);
 	}, []);
 	return {
 		activeTheme,
-		activeThemeId,
 		handleThemeClose: useCallback(() => {
 			setPreviewThemeId(null);
-			setScreen(SCREEN.CHAT);
+			setScreen(Screen.Chat);
 		}, [setScreen]),
 		handleThemePreview,
 		handleThemeSave: useCallback((themeId) => {
 			setPreviewThemeId(null);
 			onUpdateConfig({ theme: themeId });
 		}, [onUpdateConfig]),
-		previewThemeId,
 		setPreviewThemeId
 	};
 }
 //#endregion
+//#region src/components/App/ReadinessCheck.tsx
+var ReadinessState = /* @__PURE__ */ function(ReadinessState) {
+	ReadinessState["Checking"] = "checking";
+	ReadinessState["Ready"] = "ready";
+	ReadinessState["MissingModelConfig"] = "missing-model-config";
+	ReadinessState["NoInstalledModels"] = "no-installed-models";
+	ReadinessState["ModelLoadError"] = "model-load-error";
+	return ReadinessState;
+}({});
+function getTitle(setupState) {
+	switch (setupState) {
+		case "model-load-error": return "Connection Error";
+		case "missing-model-config": return "No Model Configured";
+		case "no-installed-models": return "No Model Installed";
+	}
+}
+function getMessage(setupState, errorMessage) {
+	const theme = getTheme();
+	switch (setupState) {
+		case "checking": return /* @__PURE__ */ jsx(Text, { children: "Checking model setup..." });
+		case "missing-model-config": return /* @__PURE__ */ jsxs(Text, { children: [
+			"Select or download a model with",
+			" ",
+			/* @__PURE__ */ jsx(Text, {
+				color: theme.colors.command,
+				children: "/model"
+			})
+		] });
+		case "no-installed-models": return /* @__PURE__ */ jsxs(Text, { children: ["Download a model with ", /* @__PURE__ */ jsx(Text, {
+			color: theme.colors.command,
+			children: "/model"
+		})] });
+		case "model-load-error": return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Text, { children: [
+			"Error loading models",
+			errorMessage ? `: ${errorMessage}` : "",
+			"."
+		] }), /* @__PURE__ */ jsx(Text, { children: "Fix the connection and restart the app" })] });
+		default: return null;
+	}
+}
+function ReadinessCheck({ errorMessage, onCommand, setupState, theme = getTheme() }) {
+	const title = getTitle(setupState);
+	return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		children: [/* @__PURE__ */ jsxs(Box, {
+			borderStyle: "round",
+			flexDirection: "column",
+			marginBottom: 1,
+			paddingX: 1,
+			paddingY: 1,
+			children: [title && /* @__PURE__ */ jsxs(Text, {
+				bold: true,
+				color: theme.colors.error,
+				children: [
+					"❗",
+					" ",
+					title
+				]
+			}), getMessage(setupState, errorMessage)]
+		}), /* @__PURE__ */ jsx(ChatInput, {
+			history: [],
+			onSubmit: onCommand
+		})]
+	});
+}
+//#endregion
 //#region src/components/App/App.tsx
 function App({ sessionId }) {
 	const [appConfig, setConfig] = useState(() => loadConfig());
 	const [mode, setMode] = useState(SAFE);
 	const [isHeaderLoaded, setIsHeaderLoaded] = useState(false);
+	const [setupState, setSetupState] = useState(() => appConfig.model ? ReadinessState.Ready : ReadinessState.MissingModelConfig);
+	const [setupErrorMessage, setSetupErrorMessage] = useState(null);
 	const { currentScreen, setScreen, handleClose, handleCommand } = useScreenRouter();
 	const { activeSession, setSession, handleCreateSession, handleOpenSession, handleDeleteSession, handleMessagesChange } = useSessionManager({
 		sessionId,
-		model: appConfig.model,
+		model: appConfig.model ?? "",
 		commandColor: getTheme(appConfig.theme).colors.command
 	});
+	useEffect(() => {
+		let isMounted = true;
+		async function refreshSetupState() {
+			if (!appConfig.model) {
+				// v8 ignore next
+				if (isMounted) {
+					setSetupErrorMessage(null);
+					setSetupState(ReadinessState.MissingModelConfig);
+				}
+				return;
+			}
+			if (currentScreen !== Screen.Chat) return;
+			// v8 ignore next
+			if (isMounted) {
+				setSetupErrorMessage(null);
+				setSetupState(ReadinessState.Checking);
+			}
+			try {
+				const installedModels = await listModels();
+				if (!isMounted) return;
+				setSetupState(installedModels.length > 0 ? ReadinessState.Ready : ReadinessState.NoInstalledModels);
+			} catch (error) {
+				// v8 ignore start
+				if (!isMounted) return;
+				setSetupErrorMessage(error instanceof Error ? error.message : String(error));
+				setSetupState(ReadinessState.ModelLoadError);
+			}
+		}
+		refreshSetupState();
+		return () => {
+			isMounted = false;
+		};
+	}, [appConfig.model, currentScreen]);
 	const handleUpdateConfig = useCallback((update) => {
 		setConfig((current) => ({
 			...current,
@@ -2133,7 +2818,7 @@ function App({ sessionId }) {
 			...current,
 			metadata: updateSessionModel(current.metadata.id, newModel)
 		}));
-		setScreen(SCREEN.CHAT);
+		setScreen(Screen.Chat);
 	}, [setScreen, setSession]);
 	const { activeTheme, handleThemeClose, handleThemePreview, handleThemeSave, setPreviewThemeId } = useThemeSettings({
 		currentTheme: appConfig.theme,
@@ -2155,7 +2840,7 @@ function App({ sessionId }) {
 	}, []);
 	const handleChatCommand = useCallback((command) => {
 		handleCommand(command, {
-			model: appConfig.model,
+			model: appConfig.model ?? "",
 			theme: appConfig.theme,
 			onCreateSession: handleCreateSession,
 			onSetPreviewThemeId: setPreviewThemeId
@@ -2169,27 +2854,27 @@ function App({ sessionId }) {
 	]);
 	const handleDeleteSessionAndStay = useCallback((sid) => {
 		handleDeleteSession(sid);
-		setScreen(SCREEN.SESSION_MANAGER);
+		setScreen(Screen.SessionManager);
 	}, [handleDeleteSession, setScreen]);
 	const handleOpenSessionAndNavigate = useCallback((sid) => {
 		handleOpenSession(sid);
-		setScreen(SCREEN.CHAT);
+		setScreen(Screen.Chat);
 	}, [handleOpenSession, setScreen]);
 	const handleCreateSessionAndNavigate = useCallback(() => {
 		handleCreateSession();
-		setScreen(SCREEN.CHAT);
+		setScreen(Screen.Chat);
 	}, [handleCreateSession, setScreen]);
 	let screenContent;
 	switch (currentScreen) {
-		case SCREEN.MODEL_PICKER:
-			screenContent = /* @__PURE__ */ jsx(ModelPicker, {
-				currentModel: appConfig.model,
+		case Screen.ModelManager:
+			screenContent = /* @__PURE__ */ jsx(ModelManager, {
+				currentModel: appConfig.model ?? "",
 				onSelect: handleUpdateConfig,
 				onClose: handleClose,
 				theme: activeTheme
 			});
 			break;
-		case SCREEN.SEARCH_SETTINGS:
+		case Screen.SearchSettings:
 			screenContent = /* @__PURE__ */ jsx(SearchSettings, {
 				currentUrl: appConfig.searxngBaseUrl,
 				onSave: handleUpdateConfig,
@@ -2197,7 +2882,7 @@ function App({ sessionId }) {
 				theme: activeTheme
 			});
 			break;
-		case SCREEN.SESSION_MANAGER:
+		case Screen.SessionManager:
 			screenContent = /* @__PURE__ */ jsx(SessionManager, {
 				currentSessionId: activeSession.metadata.id,
 				onClose: handleClose,
@@ -2207,7 +2892,7 @@ function App({ sessionId }) {
 				theme: activeTheme
 			});
 			break;
-		case SCREEN.THEME_SETTINGS:
+		case Screen.ThemeSettings:
 			screenContent = /* @__PURE__ */ jsx(ThemeSettings, {
 				currentTheme: appConfig.theme,
 				onClose: handleThemeClose,
@@ -2215,8 +2900,8 @@ function App({ sessionId }) {
 				onSave: handleThemeSave
 			});
 			break;
-		case SCREEN.CHAT:
-			screenContent = /* @__PURE__ */ jsx(Chat, {
+		case Screen.Chat:
+			screenContent = setupState === ReadinessState.Ready ? /* @__PURE__ */ jsx(Chat, {
 				initialMessages: activeSession.messages,
 				model: appConfig.model,
 				onCommand: handleChatCommand,
@@ -2225,6 +2910,11 @@ function App({ sessionId }) {
 				onModeChange: setMode,
 				sessionId: activeSession.metadata.id,
 				theme: activeTheme
+			}) : /* @__PURE__ */ jsx(ReadinessCheck, {
+				errorMessage: setupErrorMessage,
+				onCommand: handleChatCommand,
+				setupState,
+				theme: activeTheme
 			});
 			break;
 	}
@@ -2232,14 +2922,14 @@ function App({ sessionId }) {
 		flexDirection: "column",
 		children: [
 			/* @__PURE__ */ jsx(Header, {
-				model: appConfig.model,
+				model: appConfig.model ?? "",
 				onLoad: handleHeaderLoad,
 				theme: activeTheme
 			}),
 			isHeaderLoaded && screenContent,
 			/* @__PURE__ */ jsx(Footer, {
 				mode,
-				model: appConfig.model,
+				model: appConfig.model ?? "",
 				onToggleMode: handleToggleMode,
 				theme: activeTheme
 			})