code-ollama 0.18.1 → 0.19.0

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

@@ -1,7 +1,7 @@
-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 { A as WARNING, B as LABEL, C as loadConfig, D as resetSystemMessage, E as saveClipboardImage, F as USER, G as VERSION, H as SAFE, I as PLAN_GENERATION_INSTRUCTION, K as LIST, L as BACK, M as getTheme, N as ASSISTANT, O as withSystemMessage, P as SYSTEM, R as CATALOG, S as streamChat, T as removeClipboardImage, U as APPROVE, V as PLAN, W as REJECT, _ as setClearHandler, a as tick, b as listModels, c as appendMessage, d as deleteSessionIfEmpty, f as listSessions, g as reset, h as clear, i as WRITE_TOOLS, j as LIST$1, k as HEADER_PREFIX, 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 checkHealth, w as saveConfig, x as pullModel, y as deleteModel, z as AUTO } from "../cli.js";
+import { existsSync, readdirSync, statSync } from "node:fs";
 import { homedir } from "node:os";
-import { join, relative } from "node:path";
+import { basename, extname, isAbsolute, join, relative, resolve } from "node:path";
 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";
@@ -416,6 +416,26 @@ function Message({ message, isStreaming = false, theme }) {
 			children: message.content
 		})
 	});
+	if (isUser) {
+		// v8 ignore start
+		const attachmentPrefix = (message.images ?? []).map((path) => `[${path.split(/[\\/]/).at(-1) ?? path}]`).join(" ");
+		// v8 ignore stop
+		return /* @__PURE__ */ jsx(Box, {
+			flexDirection: "column",
+			marginBottom: 1,
+			children: /* @__PURE__ */ jsxs(Text, {
+				color: messageColor,
+				children: [
+					"> ",
+					attachmentPrefix ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Text, {
+						color: theme.colors.accent,
+						children: attachmentPrefix
+					}), message.content ? " " : ""] }) : null,
+					message.content
+				]
+			})
+		});
+	}
 	const segments = parseContent(message.content);
 	const availableWidth = getAssistantContentWidth(stdout.columns);
 	if (stickyHeightRef.current.columns !== stdout.columns) stickyHeightRef.current = {
@@ -436,11 +456,7 @@ function Message({ message, isStreaming = false, theme }) {
 		flexDirection: "column",
 		marginBottom: 1,
 		children: [segments.map((segment, index) => {
-			const prefix = isUser && index === 0 ? "> " : "";
-			if (segment.type === "code") return isUser ? /* @__PURE__ */ jsx(Text, {
-				color: messageColor,
-				children: segment.content
-			}, index) : /* @__PURE__ */ jsx(Box, {
+			if (segment.type === "code") return /* @__PURE__ */ jsx(Box, {
 				marginX: 2,
 				children: /* @__PURE__ */ jsx(CodeBlock, {
 					code: segment.content,
@@ -461,17 +477,13 @@ function Message({ message, isStreaming = false, theme }) {
 					})
 				}, index);
 			}
-			const textParts = [{
-				type: "markdown",
-				content: segment.content
-			}];
-			return isUser ? /* @__PURE__ */ jsx(Text, {
-				color: messageColor,
-				children: prefix + segment.content
-			}, index) : /* @__PURE__ */ jsx(Box, {
+			return /* @__PURE__ */ jsx(Box, {
 				flexDirection: "column",
 				marginX: 2,
-				children: textParts.map((part, partIndex) => /* @__PURE__ */ jsx(Markdown, {
+				children: [{
+					type: "markdown",
+					content: segment.content
+				}].map((part, partIndex) => /* @__PURE__ */ jsx(Markdown, {
 					content: part.content,
 					theme
 				}, partIndex))
@@ -509,20 +521,38 @@ function Messages({ messages, isLoading, sessionId, streamingMessage, theme = ge
 //#endregion
 //#region src/components/SelectPrompt/SelectPrompt.tsx
 function SelectPrompt({ borderStyle, children, onCancel, ...selectProps }) {
+	const [isInteractive, setIsInteractive] = useState(false);
+	useEffect(() => {
+		let isMounted = true;
+		tick().then(() => {
+			// v8 ignore next
+			if (isMounted) setIsInteractive(true);
+		});
+		return () => {
+			isMounted = false;
+		};
+	}, []);
 	useInput((input, key) => {
 		if (key.escape || key.ctrl && input === "c") onCancel?.();
 	});
 	return /* @__PURE__ */ jsxs(Box, {
 		borderStyle,
 		flexDirection: "column",
-		children: [children, /* @__PURE__ */ jsx(Select, { ...selectProps })]
+		children: [children, /* @__PURE__ */ jsx(Select, {
+			...selectProps,
+			isDisabled: selectProps.isDisabled ?? !isInteractive
+		})]
 	});
 }
 //#endregion
 //#region src/components/SelectPrompt/SelectPromptHint.tsx
+/**
+* Select prompt hint component that displays:
+* Select option (↑↓ + Enter to confirm, Esc/Ctrl+C to cancel)
+*/
 function SelectPromptHint({ message = "Select option", escapeLabel = "cancel" }) {
-	return /* @__PURE__ */ jsxs(Box, {
-		flexDirection: "row",
+	return /* @__PURE__ */ jsxs(Text, {
+		color: getTheme().colors.secondary,
 		children: [
 			/* @__PURE__ */ jsxs(Text, {
 				dimColor: true,
@@ -548,6 +578,14 @@ function SelectPromptHint({ message = "Select option", escapeLabel = "cancel" })
 				bold: true,
 				children: "Esc"
 			}),
+			/* @__PURE__ */ jsx(Text, {
+				dimColor: true,
+				children: "/"
+			}),
+			/* @__PURE__ */ jsx(Text, {
+				bold: true,
+				children: "Ctrl+C"
+			}),
 			/* @__PURE__ */ jsxs(Text, {
 				dimColor: true,
 				children: [
@@ -560,7 +598,7 @@ function SelectPromptHint({ message = "Select option", escapeLabel = "cancel" })
 	});
 }
 //#endregion
-//#region src/components/PlanApproval.tsx
+//#region src/components/PlanApproval/PlanApproval.tsx
 var options$1 = [
 	{
 		label: "Auto - Execute tools automatically",
@@ -606,7 +644,7 @@ function PlanApproval({ planContent, onModeChange, theme = getTheme() }) {
 	});
 }
 //#endregion
-//#region src/components/ToolApproval.tsx
+//#region src/components/ToolApproval/ToolApproval.tsx
 var options = [{
 	label: "Approve tool call",
 	value: APPROVE
@@ -766,6 +804,7 @@ function TextInput({ value, isDisabled = false, placeholder, cursorPosition: ext
 			setCursorPosition(value.length);
 			return;
 		}
+		if (key.ctrl) return;
 		// v8 ignore start
 		if (input) {
 			onChange(value.slice(0, cursorPosition) + input + value.slice(cursorPosition));
@@ -802,6 +841,74 @@ function TextInput({ value, isDisabled = false, placeholder, cursorPosition: ext
 	});
 }
 //#endregion
+//#region src/components/Chat/attachments.ts
+var IMAGE_EXTENSIONS = new Set([
+	".avif",
+	".bmp",
+	".gif",
+	".heic",
+	".heif",
+	".jpeg",
+	".jpg",
+	".png",
+	".tif",
+	".tiff",
+	".webp"
+]);
+var PATH_CANDIDATE_PATTERN = /"([^"\n\r]+\.(?:avif|bmp|gif|heic|heif|jpeg|jpg|png|tif|tiff|webp))"|'([^'\n\r]+\.(?:avif|bmp|gif|heic|heif|jpeg|jpg|png|tif|tiff|webp))'|([^\s"'`]+\.(?:avif|bmp|gif|heic|heif|jpeg|jpg|png|tif|tiff|webp))/gi;
+function normalizeCandidatePath(value) {
+	return value.replaceAll(String.raw`\ `, " ");
+}
+function isPathLikeCandidate(candidate, matchedValue) {
+	return matchedValue.startsWith("\"") || matchedValue.startsWith("'") || candidate.includes("/") || candidate.includes("\\") || candidate.startsWith(".");
+}
+function getAttachmentLabel(path) {
+	return basename(path);
+}
+function isReadableImagePath(path) {
+	const normalizedPath = normalizeCandidatePath(path);
+	const extension = extname(normalizedPath).toLowerCase();
+	if (!IMAGE_EXTENSIONS.has(extension)) return false;
+	const resolvedPath = isAbsolute(normalizedPath) ? normalizedPath : resolve(normalizedPath);
+	if (!existsSync(resolvedPath)) return false;
+	try {
+		return statSync(resolvedPath).isFile();
+	} catch {
+		// v8 ignore next
+		return false;
+	}
+}
+function resolveAttachmentPath(path) {
+	const normalizedPath = normalizeCandidatePath(path);
+	return isAbsolute(normalizedPath) ? normalizedPath : resolve(normalizedPath);
+}
+function extractImageAttachments(input) {
+	const attachments = [];
+	const segments = [];
+	let lastIndex = 0;
+	for (const match of input.matchAll(PATH_CANDIDATE_PATTERN)) {
+		const matchedValue = match[0];
+		const candidate = match.slice(1).find((value) => Boolean(value));
+		// v8 ignore start
+		if (candidate === void 0) continue;
+		// v8 ignore stop
+		if (!isPathLikeCandidate(candidate, matchedValue)) continue;
+		if (!isReadableImagePath(candidate)) continue;
+		attachments.push(resolveAttachmentPath(candidate));
+		segments.push(input.slice(lastIndex, match.index));
+		lastIndex = match.index + matchedValue.length;
+	}
+	if (!attachments.length) return {
+		attachments,
+		remainingInput: input
+	};
+	segments.push(input.slice(lastIndex));
+	return {
+		attachments,
+		remainingInput: segments.join("").replaceAll(/\s{2,}/g, " ").trim()
+	};
+}
+//#endregion
 //#region src/components/Chat/CommandMenu.tsx
 function getMatchingCommands(input) {
 	const normalizedInput = input.trim().toLowerCase();
@@ -821,7 +928,7 @@ function CommandMenu({ input, onSubmit }) {
 	});
 }
 //#endregion
-//#region src/components/Suggestions.tsx
+//#region src/components/Suggestions/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);
@@ -992,28 +1099,81 @@ function FileSuggestions({ input, isDisabled = false, onChange, onSelect }) {
 function hasFileSuggestionQuery(input) {
 	return /(^|.)@\S+/.test(input);
 }
-function ChatInput({ history: sessionHistory, isDisabled = false, onInterrupt, onSubmit }) {
+function toAttachment(path, index, isTemp = false) {
+	return {
+		id: `${path}-${String(index)}`,
+		isTemp,
+		label: getAttachmentLabel(path),
+		path
+	};
+}
+function cleanupAttachments(attachments) {
+	for (const attachment of attachments) if (attachment.isTemp) removeClipboardImage(attachment.path);
+}
+function ChatInput({ history: sessionHistory, isDisabled = false, onInterrupt, onSubmit, theme = getTheme() }) {
 	const { exit } = useApp();
 	const [history, setHistory] = useState(sessionHistory);
 	const [historyIndex, setHistoryIndex] = useState(null);
 	const [input, setInput] = useState("");
 	const [cursorPosition, setCursorPosition] = useState(void 0);
+	const [attachments, setAttachments] = useState([]);
+	const [error, setError] = useState(null);
 	const fileSuggestionRef = useRef(null);
+	const nextClipboardImageRef = useRef(1);
+	const hasAttachments = attachments.length > 0;
 	useEffect(() => {
 		setHistory(sessionHistory);
 		setHistoryIndex(null);
 		setInput("");
 		setCursorPosition(void 0);
+		setError(null);
 		fileSuggestionRef.current = null;
+		nextClipboardImageRef.current = 1;
+		setAttachments((previousAttachments) => {
+			cleanupAttachments(previousAttachments);
+			return [];
+		});
 	}, [sessionHistory]);
-	const resetInput = useCallback(() => {
+	const resetInput = useCallback((deleteTempAttachments = false) => {
 		setInput("");
 		setCursorPosition(void 0);
 		setHistoryIndex(null);
+		setError(null);
+		if (deleteTempAttachments) {
+			setAttachments((previousAttachments) => {
+				cleanupAttachments(previousAttachments);
+				return [];
+			});
+			nextClipboardImageRef.current = 1;
+			return;
+		}
+		setAttachments([]);
+	}, []);
+	const removeLastAttachment = useCallback(() => {
+		setAttachments((previousAttachments) => {
+			const removedAttachment = previousAttachments.at(-1);
+			if (removedAttachment?.isTemp) removeClipboardImage(removedAttachment.path);
+			return previousAttachments.slice(0, -1);
+		});
+		setError(null);
 	}, []);
+	const stageAttachments = useCallback((paths, isTemp = false) => {
+		setAttachments((previousAttachments) => [...previousAttachments, ...paths.map((path, index) => toAttachment(path, previousAttachments.length + index, isTemp))]);
+		setError(null);
+	}, []);
+	const attachClipboardImage = useCallback(() => {
+		try {
+			const path = saveClipboardImage(`image-${String(nextClipboardImageRef.current)}`);
+			nextClipboardImageRef.current += 1;
+			stageAttachments([path], true);
+		} catch (error) {
+			setError(error instanceof Error ? error.message : String(error));
+		}
+	}, [stageAttachments]);
 	const handleSelectFileSuggestion = useCallback((nextInput) => {
 		setInput(nextInput.value);
 		setCursorPosition(nextInput.cursorPosition);
+		setError(null);
 	}, []);
 	const handleFileSuggestionChange = useCallback((nextInput) => {
 		if (nextInput) {
@@ -1034,21 +1194,40 @@ function ChatInput({ history: sessionHistory, isDisabled = false, onInterrupt, o
 		} else fileSuggestionRef.current = null;
 	}, [input]);
 	const handleInputChange = useCallback((nextInput) => {
+		if (nextInput.length - input.length > 1) {
+			const { attachments: nextAttachments, remainingInput } = extractImageAttachments(nextInput);
+			if (nextAttachments.length) {
+				stageAttachments(nextAttachments);
+				setInput(remainingInput);
+				setCursorPosition(remainingInput.length);
+				setHistoryIndex(null);
+				return;
+			}
+		}
 		setInput(nextInput);
 		setHistoryIndex(null);
-	}, []);
+		setError(null);
+	}, [input, stageAttachments]);
 	const submitAndReset = useCallback((input) => {
 		const trimmedInput = input.trim();
-		if (!trimmedInput) return;
-		onSubmit(trimmedInput);
-		if (!trimmedInput.startsWith("/")) setHistory((previousHistory) => [...previousHistory, trimmedInput]);
-		resetInput();
+		const imagePaths = attachments.map(({ path }) => path);
+		if (!trimmedInput && !imagePaths.length) return;
+		onSubmit({
+			content: trimmedInput,
+			...imagePaths.length ? { images: imagePaths } : {}
+		});
+		if (trimmedInput && !trimmedInput.startsWith("/")) setHistory((previousHistory) => [...previousHistory, trimmedInput]);
+		resetInput(trimmedInput.startsWith("/"));
 		fileSuggestionRef.current = null;
-	}, [onSubmit, resetInput]);
+	}, [
+		attachments,
+		onSubmit,
+		resetInput
+	]);
 	const showCommandMenu = input.startsWith("/");
 	const showFileSuggestions = !showCommandMenu && hasFileSuggestionQuery(input);
 	const handleHistoryNavigation = useCallback((direction) => {
-		if (!history.length || showFileSuggestions) return;
+		if (!history.length || showFileSuggestions || hasAttachments) return;
 		if (direction === "up") {
 			if (historyIndex === null) {
 				if (input) return;
@@ -1080,21 +1259,22 @@ function ChatInput({ history: sessionHistory, isDisabled = false, onInterrupt, o
 		setInput(nextInput);
 		setCursorPosition(nextInput.length);
 	}, [
+		hasAttachments,
 		history,
 		historyIndex,
 		input,
 		showFileSuggestions
 	]);
-	const handleSubmitText = useCallback((input) => {
-		if (input.startsWith("/")) return;
-		if (hasFileSuggestionQuery(input)) {
+	const handleSubmitText = useCallback((value) => {
+		if (value.startsWith("/")) return;
+		if (hasFileSuggestionQuery(value)) {
 			if (fileSuggestionRef.current) handleSelectFileSuggestion(fileSuggestionRef.current);
 			return;
 		}
-		submitAndReset(input);
+		submitAndReset(value);
 	}, [handleSelectFileSuggestion, submitAndReset]);
-	const handleSubmitCommand = useCallback((input) => {
-		if (LIST.find(({ name }) => name === input)) submitAndReset(input);
+	const handleSubmitCommand = useCallback((value) => {
+		if (LIST.find(({ name }) => name === value)) submitAndReset(value);
 	}, [submitAndReset]);
 	useInput((inputKey, key) => {
 		const isCtrlC = key.ctrl && inputKey === "c";
@@ -1102,6 +1282,14 @@ function ChatInput({ history: sessionHistory, isDisabled = false, onInterrupt, o
 			if (key.escape || isCtrlC) onInterrupt?.();
 			return;
 		}
+		if (key.ctrl && inputKey === "v") {
+			attachClipboardImage();
+			return;
+		}
+		if ((key.backspace || key.delete || inputKey === "") && !input) {
+			if (hasAttachments) removeLastAttachment();
+			return;
+		}
 		if (isCtrlC) {
 			if (input) {
 				resetInput();
@@ -1115,18 +1303,35 @@ function ChatInput({ history: sessionHistory, isDisabled = false, onInterrupt, o
 		}
 		if (key.downArrow) handleHistoryNavigation("down");
 	});
+	const attachmentPrefix = attachments.map(({ label }) => `[${label}]`).join(" ");
+	const wrapIndent = 2 + (attachmentPrefix ? attachmentPrefix.length + 1 : 0);
 	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		children: [
-			/* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Text, { children: "> " }), /* @__PURE__ */ jsx(TextInput, {
-				value: input,
-				isDisabled,
-				cursorPosition,
-				wrapIndent: 2,
-				onChange: handleInputChange,
-				onSubmit: handleSubmitText,
-				placeholder: "Ask anything... (/ commands, @ files)"
-			})] }),
+			error && /* @__PURE__ */ jsx(Box, {
+				marginBottom: 1,
+				marginX: 2,
+				children: /* @__PURE__ */ jsx(Text, {
+					color: theme.colors.error,
+					children: error
+				})
+			}),
+			/* @__PURE__ */ jsxs(Box, { children: [
+				/* @__PURE__ */ jsx(Text, { children: "> " }),
+				hasAttachments && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Text, {
+					color: theme.colors.accent,
+					children: attachmentPrefix
+				}), /* @__PURE__ */ jsx(Text, { children: " " })] }),
+				/* @__PURE__ */ jsx(TextInput, {
+					value: input,
+					isDisabled,
+					cursorPosition,
+					wrapIndent,
+					onChange: handleInputChange,
+					onSubmit: handleSubmitText,
+					placeholder: hasAttachments ? void 0 : "Ask anything... (/ commands, @ files, Ctrl+V images)"
+				})
+			] }),
 			showCommandMenu && /* @__PURE__ */ jsx(CommandMenu, {
 				input,
 				onSubmit: handleSubmitCommand
@@ -1468,10 +1673,10 @@ function Chat({ initialMessages, model, onCommand, onMessagesChange, mode, onMod
 		messages,
 		processStream
 	]);
-	const handleSubmit = useCallback(async (value) => {
+	const handleSubmit = useCallback(async ({ content, images }) => {
 		setInterruptReason(null);
-		const userContent = value.trim();
-		if (!userContent) return;
+		const userContent = content.trim();
+		if (!userContent && !images?.length) return;
 		if (userContent.startsWith("/")) {
 			onCommand(userContent);
 			return;
@@ -1479,7 +1684,8 @@ function Chat({ initialMessages, model, onCommand, onMessagesChange, mode, onMod
 		setIsLoading(true);
 		const userMessage = {
 			role: USER,
-			content: userContent
+			content: userContent,
+			...images?.length ? { images } : {}
 		};
 		const updatedMessages = [...messages, userMessage];
 		setMessages(updatedMessages);
@@ -1525,14 +1731,15 @@ function Chat({ initialMessages, model, onCommand, onMessagesChange, mode, onMod
 					history,
 					isDisabled: isLoading,
 					onInterrupt: handleInterrupt,
-					onSubmit: handleSubmit
+					onSubmit: handleSubmit,
+					theme
 				})
 			})
 		]
 	});
 }
 //#endregion
-//#region src/components/Footer.tsx
+//#region src/components/Footer/Footer.tsx
 function getModeColor(mode, theme) {
 	switch (mode) {
 		case PLAN: return theme.colors.modePlan;
@@ -1574,7 +1781,7 @@ function Footer({ mode, model, onToggleMode, theme = getTheme() }) {
 	});
 }
 //#endregion
-//#region src/components/Header.tsx
+//#region src/components/Header/Header.tsx
 function abbreviatePath(dir) {
 	const home = homedir();
 	return dir.startsWith(home) ? `~${dir.slice(home.length)}` : dir;
@@ -1813,11 +2020,15 @@ function ModelCustomDownloadView({ downloadDraft, notice, theme, onDraftChange,
 				onSelect: onSelectSuggestion
 			}),
 			renderNotice(),
-			/* @__PURE__ */ jsx(Text, {
-				color: theme.colors.secondary,
-				dimColor: true,
-				children: "Press Enter to download, Esc or Ctrl+C to go back."
-			})
+			/* @__PURE__ */ jsxs(Text, { children: [
+				/* @__PURE__ */ jsx(Text, {
+					color: theme.colors.secondary,
+					dimColor: true,
+					children: "Press Enter to download."
+				}),
+				" ",
+				/* @__PURE__ */ jsx(ExitHint, {})
+			] })
 		]
 	});
 }
@@ -1858,6 +2069,7 @@ function ModelDeleteConfirmView({ deleteCandidate, isDeleting, notice, theme, on
 //#endregion
 //#region src/components/ModelManager/ModelDeleteView.tsx
 function ModelDeleteView({ currentModel, installedModels, isLoading, notice, theme, onCancel, onSelect }) {
+	// v8 ignore next
 	if (isLoading) return /* @__PURE__ */ jsx(Spinner, { label: "Loading models..." });
 	return /* @__PURE__ */ jsxs(SelectPrompt, {
 		options: [...buildInstalledModelOptions(installedModels.filter((model) => model !== currentModel), currentModel), BACK],
@@ -2017,6 +2229,10 @@ function ModelManager({ currentModel, onSelect, onClose, theme = getTheme() }) {
 	useInput((input, key) => {
 		const isEscape = key.escape || input === "\x1B\x1B";
 		const isCtrlC = key.ctrl && input === "c" || input === "";
+		if (loadError && view !== View.Menu && (isEscape || isCtrlC)) {
+			handleBackToMenu();
+			return;
+		}
 		if (view === View.CustomDownload && (isEscape || isCtrlC)) {
 			setNotice(null);
 			setHighlightedSuggestion(null);
@@ -2167,17 +2383,10 @@ function ModelManager({ currentModel, onSelect, onClose, theme = getTheme() }) {
 		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 (loadError && view !== View.Menu) return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Text, {
+		color: theme.colors.error,
+		children: ["Error loading models: ", loadError]
+	}), /* @__PURE__ */ jsx(ExitHint, {})] });
 	if (view === View.Downloading && downloadProgress) return /* @__PURE__ */ jsx(ModelDownloadingView, {
 		progress: downloadProgress,
 		theme,
@@ -2243,7 +2452,7 @@ function ModelManager({ currentModel, onSelect, onClose, theme = getTheme() }) {
 	});
 }
 //#endregion
-//#region src/components/SearchSettings.tsx
+//#region src/components/SearchSettings/SearchSettings.tsx
 function SearchSettings({ currentUrl, onClose, onSave, theme = getTheme() }) {
 	const [view, setView] = useState("menu");
 	const [draftUrl, setDraftUrl] = useState(currentUrl ?? "");
@@ -2319,11 +2528,15 @@ function SearchSettings({ currentUrl, onClose, onSave, theme = getTheme() }) {
 				color: theme.colors.error,
 				children: error
 			}),
-			/* @__PURE__ */ jsx(Text, {
-				color: theme.colors.secondary,
-				dimColor: true,
-				children: "Press Enter to save, Esc to go back."
-			})
+			/* @__PURE__ */ jsxs(Text, { children: [
+				/* @__PURE__ */ jsx(Text, {
+					color: theme.colors.secondary,
+					dimColor: true,
+					children: "Press Enter to save."
+				}),
+				" ",
+				/* @__PURE__ */ jsx(ExitHint, {})
+			] })
 		]
 	});
 	return /* @__PURE__ */ jsxs(SelectPrompt, {
@@ -2345,7 +2558,7 @@ function SearchSettings({ currentUrl, onClose, onSave, theme = getTheme() }) {
 	});
 }
 //#endregion
-//#region src/components/SessionManager.tsx
+//#region src/components/SessionManager/SessionManager.tsx
 var ACTION = {
 	CLOSE: "close",
 	DELETE_MENU: "delete-menu",
@@ -2355,6 +2568,24 @@ var ACTION = {
 	OPEN_PREFIX: "open:"
 };
 var SESSION_LABEL_PADDING = 4;
+var MAIN_OPTIONS = [
+	{
+		label: "New session",
+		value: ACTION.NEW
+	},
+	{
+		label: "Open session",
+		value: ACTION.OPEN_MENU
+	},
+	{
+		label: "Delete session",
+		value: ACTION.DELETE_MENU
+	},
+	{
+		label: "Close",
+		value: ACTION.CLOSE
+	}
+];
 function truncate(value, maxLength) {
 	return value.length > maxLength ? `${value.slice(0, maxLength - 1).trimEnd()}…` : value;
 }
@@ -2367,34 +2598,29 @@ function formatSessionLabel(session, maxWidth, prefix = "") {
 function SessionManager({ currentSessionId, onClose, onDelete, onNew, onOpen, theme = getTheme() }) {
 	const [view, setView] = useState("main");
 	const [error, setError] = useState();
-	const [, refreshSessionList] = useState(0);
+	const [sessionListVersion, refreshSessionList] = useState(0);
 	const { stdout } = useStdout();
 	const sessions = listSessions();
 	const maxLabelWidth = Math.max(1, stdout.columns - SESSION_LABEL_PADDING);
-	const options = view === "open" ? [...sessions.filter(({ id }) => id !== currentSessionId).map((session) => ({
-		label: formatSessionLabel(session, maxLabelWidth),
-		value: `${ACTION.OPEN_PREFIX}${session.id}`
-	})), BACK] : view === "delete" ? [...sessions.filter(({ id }) => id !== currentSessionId).map((session) => ({
-		label: formatSessionLabel(session, maxLabelWidth, "Delete "),
-		value: `${ACTION.DELETE_PREFIX}${session.id}`
-	})), BACK] : [
-		{
-			label: "New session",
-			value: ACTION.NEW
-		},
-		{
-			label: "Open session",
-			value: ACTION.OPEN_MENU
-		},
-		{
-			label: "Delete session",
-			value: ACTION.DELETE_MENU
-		},
-		{
-			label: "Close",
-			value: ACTION.CLOSE
+	const options = useMemo(() => {
+		switch (view) {
+			case "open": return [...sessions.filter(({ id }) => id !== currentSessionId).map((session) => ({
+				label: formatSessionLabel(session, maxLabelWidth),
+				value: `${ACTION.OPEN_PREFIX}${session.id}`
+			})), BACK];
+			case "delete": return [...sessions.filter(({ id }) => id !== currentSessionId).map((session) => ({
+				label: formatSessionLabel(session, maxLabelWidth, "Delete "),
+				value: `${ACTION.DELETE_PREFIX}${session.id}`
+			})), BACK];
+			default: return MAIN_OPTIONS;
 		}
-	];
+	}, [
+		currentSessionId,
+		maxLabelWidth,
+		sessionListVersion,
+		sessions,
+		view
+	]);
 	const handleChange = useCallback((value) => {
 		switch (true) {
 			case value === ACTION.CLOSE:
@@ -2452,12 +2678,12 @@ function SessionManager({ currentSessionId, onClose, onDelete, onNew, onOpen, th
 				options,
 				onCancel: onClose,
 				onChange: handleChange
-			}, `${view}:${String(sessions.length)}`)
+			})
 		]
 	});
 }
 //#endregion
-//#region src/components/ThemeSettings.tsx
+//#region src/components/ThemeSettings/ThemeSettings.tsx
 function ThemeSettings({ currentTheme, onClose, onPreview, onSave }) {
 	const [selectedIndex, setSelectedIndex] = useState(() => {
 		const initialIndex = LIST$1.findIndex(({ id }) => id === currentTheme);
@@ -2701,11 +2927,13 @@ var ReadinessState = /* @__PURE__ */ function(ReadinessState) {
 	ReadinessState["Ready"] = "ready";
 	ReadinessState["MissingModelConfig"] = "missing-model-config";
 	ReadinessState["NoInstalledModels"] = "no-installed-models";
+	ReadinessState["ServerUnavailable"] = "server-unavailable";
 	ReadinessState["ModelLoadError"] = "model-load-error";
 	return ReadinessState;
 }({});
 function getTitle(setupState) {
 	switch (setupState) {
+		case "server-unavailable": return "Ollama Server Unavailable";
 		case "model-load-error": return "Connection Error";
 		case "missing-model-config": return "No Model Configured";
 		case "no-installed-models": return "No Model Installed";
@@ -2714,7 +2942,7 @@ function getTitle(setupState) {
 function getMessage(setupState, errorMessage) {
 	const theme = getTheme();
 	switch (setupState) {
-		case "checking": return /* @__PURE__ */ jsx(Text, { children: "Checking model setup..." });
+		case "checking": return /* @__PURE__ */ jsx(Text, { children: "Checking Ollama server and model setup..." });
 		case "missing-model-config": return /* @__PURE__ */ jsxs(Text, { children: [
 			"Select or download a model with",
 			" ",
@@ -2727,6 +2955,15 @@ function getMessage(setupState, errorMessage) {
 			color: theme.colors.command,
 			children: "/model"
 		})] });
+		case "server-unavailable": return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Text, { children: "Ollama server is not running or unreachable." }), /* @__PURE__ */ jsxs(Text, { children: [
+			"Start it with ",
+			/* @__PURE__ */ jsx(Text, {
+				color: theme.colors.command,
+				children: "ollama serve"
+			}),
+			" ",
+			"and restart the app"
+		] })] });
 		case "model-load-error": return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Text, { children: [
 			"Error loading models",
 			errorMessage ? `: ${errorMessage}` : "",
@@ -2756,7 +2993,10 @@ function ReadinessCheck({ errorMessage, onCommand, setupState, theme = getTheme(
 			}), getMessage(setupState, errorMessage)]
 		}), /* @__PURE__ */ jsx(ChatInput, {
 			history: [],
-			onSubmit: onCommand
+			onSubmit: ({ content }) => {
+				onCommand(content);
+			},
+			theme
 		})]
 	});
 }
@@ -2792,9 +3032,13 @@ function App({ sessionId }) {
 				setSetupState(ReadinessState.Checking);
 			}
 			try {
-				const installedModels = await listModels();
+				const isHealthy = await checkHealth();
 				if (!isMounted) return;
-				setSetupState(installedModels.length > 0 ? ReadinessState.Ready : ReadinessState.NoInstalledModels);
+				if (!isHealthy) {
+					setSetupState(ReadinessState.ServerUnavailable);
+					return;
+				}
+				setSetupState((await listModels()).length > 0 ? ReadinessState.Ready : ReadinessState.NoInstalledModels);
 			} catch (error) {
 				// v8 ignore start
 				if (!isMounted) return;
@@ -2937,6 +3181,43 @@ function App({ sessionId }) {
 	});
 }
 //#endregion
+//#region src/components/ExitHint/ExitHint.tsx
+/**
+* Exit hint component that displays:
+* Press Esc/Ctrl+C to go back.
+*/
+function ExitHint({ action = "go back" }) {
+	return /* @__PURE__ */ jsxs(Text, {
+		color: getTheme().colors.secondary,
+		children: [
+			/* @__PURE__ */ jsx(Text, {
+				dimColor: true,
+				children: "Press "
+			}),
+			/* @__PURE__ */ jsx(Text, {
+				bold: true,
+				children: "Esc"
+			}),
+			/* @__PURE__ */ jsx(Text, {
+				dimColor: true,
+				children: "/"
+			}),
+			/* @__PURE__ */ jsx(Text, {
+				bold: true,
+				children: "Ctrl+C"
+			}),
+			/* @__PURE__ */ jsxs(Text, {
+				dimColor: true,
+				children: [
+					" to ",
+					action,
+					"."
+				]
+			})
+		]
+	});
+}
+//#endregion
 //#region src/tui.tsx
 function renderApp(sessionId) {
 	let resetKey = 0;

package/dist/cli.js

@@ -1,11 +1,12 @@
 #!/usr/bin/env node
 import { appendFileSync, existsSync, mkdirSync, readFileSync, readdirSync, realpathSync, rmSync, writeFileSync } from "node:fs";
 import cac from "cac";
-import { homedir } from "node:os";
+import { homedir, tmpdir } from "node:os";
 import { join } from "node:path";
+import { exec, execFileSync, spawnSync } from "node:child_process";
+import { randomUUID } from "node:crypto";
 import { Ollama } from "ollama";
 import { v7 } from "uuid";
-import { exec } from "node:child_process";
 import { promisify } from "node:util";
 //#region src/constants/command.ts
 var LIST$1 = [
@@ -37,7 +38,7 @@ var LIST$1 = [
 //#endregion
 //#region package.json
 var name = "code-ollama";
-var version = "0.18.1";
+var version = "0.19.0";
 //#endregion
 //#region src/constants/package.ts
 var NAME = name;
@@ -326,6 +327,114 @@ function withSystemMessage(messages) {
 	return [systemMessage, ...messages];
 }
 //#endregion
+//#region src/utils/clipboard.ts
+var TEMP_IMAGES_DIRECTORY = join(tmpdir(), "code-ollama", "images");
+var WINDOWS_CLIPBOARD_EXIT_CODE = 11;
+function ensureTempDirectory(directory) {
+	mkdirSync(directory, { recursive: true });
+	return directory;
+}
+function buildTargetPath(directory, extension) {
+	const uniqueName = `${randomUUID()}.${extension}`;
+	return join(ensureTempDirectory(directory), uniqueName);
+}
+function readMacClipboardImage(path) {
+	execFileSync("osascript", ["-e", `
+set outputPath to POSIX file ${JSON.stringify(path)}
+try
+  set clipboardData to the clipboard as «class PNGf»
+on error
+  error "Clipboard does not contain an image"
+end try
+set fileHandle to open for access outputPath with write permission
+try
+  set eof fileHandle to 0
+  write clipboardData to fileHandle
+on error errorMessage
+  close access fileHandle
+  error errorMessage
+end try
+close access fileHandle
+`], { stdio: "ignore" });
+}
+function getClipboardErrorMessage(error) {
+	if (error.message.includes("Clipboard does not contain an image")) return "Clipboard does not contain an image.";
+	return "Clipboard image paste failed. Paste an image path instead.";
+}
+function readWindowsClipboardImage(path) {
+	execFileSync("powershell", [
+		"-NoProfile",
+		"-Command",
+		`
+Add-Type -AssemblyName System.Windows.Forms
+Add-Type -AssemblyName System.Drawing
+$image = [Windows.Forms.Clipboard]::GetImage()
+if ($null -eq $image) { exit ${String(WINDOWS_CLIPBOARD_EXIT_CODE)} }
+$image.Save($args[0], [System.Drawing.Imaging.ImageFormat]::Png)
+`,
+		path
+	], { stdio: "ignore" });
+}
+function readLinuxClipboardImage(directory) {
+	const wlPng = spawnSync("wl-paste", [
+		"--no-newline",
+		"--type",
+		"image/png"
+	], { encoding: "buffer" });
+	if (wlPng.status === 0 && wlPng.stdout.length > 0) {
+		const path = buildTargetPath(directory, "png");
+		writeClipboardImageFile(path, wlPng.stdout);
+		return path;
+	}
+	const xclipPng = spawnSync("xclip", [
+		"-selection",
+		"clipboard",
+		"-t",
+		"image/png",
+		"-o"
+	], { encoding: "buffer" });
+	if (xclipPng.status === 0 && xclipPng.stdout.length > 0) {
+		const path = buildTargetPath(directory, "png");
+		writeClipboardImageFile(path, xclipPng.stdout);
+		return path;
+	}
+	throw new Error("Clipboard image paste is unavailable. Paste an image path instead.");
+}
+function writeClipboardImageFile(path, data) {
+	writeFileSync(path, data, {
+		flag: "wx",
+		mode: 384
+	});
+}
+function saveClipboardImage(baseName, directory = TEMP_IMAGES_DIRECTORY) {
+	try {
+		switch (process.platform) {
+			case "darwin": {
+				const path = buildTargetPath(directory, "png");
+				readMacClipboardImage(path);
+				return path;
+			}
+			case "win32": {
+				const path = buildTargetPath(directory, "png");
+				readWindowsClipboardImage(path);
+				return path;
+			}
+			case "linux": return readLinuxClipboardImage(directory);
+			default: throw new Error("Clipboard image paste is not supported on this platform. Paste an image path instead.");
+		}
+	} catch (error) {
+		if (error instanceof Error && "status" in error && error.status === WINDOWS_CLIPBOARD_EXIT_CODE) throw new Error("Clipboard does not contain an image.", { cause: error });
+		const path = join(directory, `${baseName}.png`);
+		if (existsSync(path)) rmSync(path, { force: true });
+		if (error instanceof Error) throw new Error(getClipboardErrorMessage(error), { cause: error });
+		// v8 ignore next
+		throw error;
+	}
+}
+function removeClipboardImage(path) {
+	if (existsSync(path)) rmSync(path, { force: true });
+}
+//#endregion
 //#region src/utils/config.ts
 var CONFIG_PATH = join(DIRECTORY, "config.json");
 var DEFAULT_HOST = "http://localhost:11434";
@@ -358,6 +467,13 @@ function saveConfig(patch) {
 //#region src/utils/ollama.ts
 var { host } = loadConfig();
 var client = new Ollama({ host });
+async function checkHealth() {
+	try {
+		return (await fetch(host)).ok;
+	} catch {
+		return false;
+	}
+}
 async function* streamChat(messages, model, tools, signal) {
 	const response = await client.chat({
 		model,
@@ -577,6 +693,9 @@ function writeError(text) {
 	process.stderr.write(text);
 }
 //#endregion
+//#region src/utils/time.ts
+var tick = (ms = 0) => new Promise((resolve) => setTimeout(resolve, ms));
+//#endregion
 //#region src/utils/tools/definitions.ts
 /**
 * Helper to define tool parameters
@@ -1123,7 +1242,7 @@ async function main(args = process.argv.slice(2)) {
 	else await launchTui();
 }
 async function launchTui(sessionId) {
-	const { renderApp } = await import("./assets/tui-GfzUJAWj.js");
+	const { renderApp } = await import("./assets/tui-JyjdXasW.js");
 	reset();
 	renderApp(sessionId);
 }
@@ -1139,4 +1258,4 @@ function isEntrypoint(argv1 = process.argv[1]) {
 if (isEntrypoint()) main();
 // v8 ignore stop
 //#endregion
-export { SYSTEM as A, REJECT as B, resetSystemMessage as C, LIST as D, WARNING as E, AUTO as F, LIST$1 as H, LABEL as I, PLAN as L, PLAN_GENERATION_INSTRUCTION as M, BACK as N, getTheme as O, CATALOG as P, SAFE as R, saveConfig as S, HEADER_PREFIX as T, VERSION as V, deleteModel as _, color as a, streamChat as b, createSession as c, listSessions as d, loadSession as f, setClearHandler as g, reset as h, WRITE_TOOLS as i, USER as j, ASSISTANT as k, deleteSession as l, clear as m, main, READ_TOOLS as n, write as o, updateSessionModel as p, TOOLS as r, appendMessage as s, executeTool as t, deleteSessionIfEmpty as u, listModels as v, withSystemMessage as w, loadConfig as x, pullModel as y, APPROVE as z };
+export { WARNING as A, LABEL as B, loadConfig as C, resetSystemMessage as D, saveClipboardImage as E, USER as F, VERSION as G, SAFE as H, PLAN_GENERATION_INSTRUCTION as I, LIST$1 as K, BACK as L, getTheme as M, ASSISTANT as N, withSystemMessage as O, SYSTEM as P, CATALOG as R, streamChat as S, removeClipboardImage as T, APPROVE as U, PLAN as V, REJECT as W, setClearHandler as _, tick as a, listModels as b, appendMessage as c, deleteSessionIfEmpty as d, listSessions as f, reset as g, clear as h, WRITE_TOOLS as i, LIST as j, HEADER_PREFIX as k, createSession as l, updateSessionModel as m, main, READ_TOOLS as n, color as o, loadSession as p, TOOLS as r, write as s, executeTool as t, deleteSession as u, checkHealth as v, saveConfig as w, pullModel as x, deleteModel as y, AUTO as z };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "code-ollama",
-  "version": "0.18.1",
+  "version": "0.19.0",
   "description": "Ollama coding agent that runs in your terminal",
   "author": "Mark <mark@remarkablemark.org> (https://remarkablemark.org)",
   "type": "module",
@@ -40,7 +40,7 @@
   ],
   "dependencies": {
     "@inkjs/ui": "2.0.0",
-    "@shikijs/cli": "4.0.2",
+    "@shikijs/cli": "4.1.0",
     "cac": "7.0.0",
     "ink": "7.0.3",
     "marked": "15.0.12",
@@ -53,7 +53,7 @@
     "@commitlint/cli": "21.0.1",
     "@commitlint/config-conventional": "21.0.1",
     "@eslint/js": "10.0.1",
-    "@types/node": "25.8.0",
+    "@types/node": "25.9.0",
     "@types/react": "19.2.14",
     "@vitest/coverage-v8": "4.1.6",
     "eslint": "10.4.0",
@@ -65,9 +65,9 @@
     "lint-staged": "17.0.5",
     "prettier": "3.8.3",
     "publint": "0.3.21",
-    "tsx": "4.22.1",
+    "tsx": "4.22.2",
     "typescript": "6.0.3",
-    "typescript-eslint": "8.59.3",
+    "typescript-eslint": "8.59.4",
     "vite": "8.0.13",
     "vitest": "4.1.6"
   },