skydive-cli 0.6.0-beta.18 → 0.6.0-beta.20

package/dist/js/{boot-BcyHfvnh.mjs → boot-CPaxEwFQ.mjs}

@@ -1,15 +1,15 @@
 #!/usr/bin/env node
-import { a as errorMessage, i as sendErrorMessage, n as errorDetail, o as isRecord, t as createRestClient } from "./rest-DZCq0tZw.mjs";
-import { C as DEFAULT_APP_URL, E as getConfigPath, K as saveTheme, L as recordDefaultAgent, M as getSavedTheme, S as DEFAULT_API_URL, U as resolveWebUrl, _ as parseConnectCard, c as actionableCardVerb, d as parseOauthConnectParams, f as prioritizeActionableCards, g as computeSettledLabel, h as composeQuestionAnswer, i as resolveAgent, j as getReviewStateDir, l as cardActionErrorMessage, m as resolveConnectUrl, p as reconcileMaskedInput, s as MASK_CHAR, u as parseExternalOauthConnectParams, v as specKeyFor } from "./print-CCXpClJw.mjs";
-import { A as installAgentAlias, C as themeVersion, D as machineOsFromPlatform, F as detectShell, L as getActiveWorkspaceId, M as takenAliasNames, O as aliasActivationHint, S as themeModeFromColorFgBg, T as themesForMode, V as setActiveWorkspace, _ as monoTheme, a as WORDMARK, b as themeForMode, d as profilingEnabled, f as record, g as findTheme, h as applyTheme, i as MARK_CELLS, j as slugifyAliasName, k as dedupeAliasName, m as DEFAULT_THEME_ID, n as buildCrashReport, p as writeArtifact, r as writeCrashReport, s as splashFitsWidth, t as installCrashHandler, v as noColorRequested, x as themeMode, y as theme, z as listWorkspaces } from "./install-Dvl9vzTP.mjs";
+import { a as errorMessage, i as sendErrorMessage, n as errorDetail, o as isRecord, t as createRestClient } from "./rest-iJiyyUZk.mjs";
+import { C as DEFAULT_APP_URL, E as getConfigPath, K as saveTheme, L as recordDefaultAgent, M as getSavedTheme, S as DEFAULT_API_URL, U as resolveWebUrl, _ as parseConnectCard, c as actionableCardVerb, d as parseOauthConnectParams, f as prioritizeActionableCards, g as computeSettledLabel, h as composeQuestionAnswer, i as resolveAgent, j as getReviewStateDir, l as cardActionErrorMessage, m as resolveConnectUrl, p as reconcileMaskedInput, s as MASK_CHAR, u as parseExternalOauthConnectParams, v as specKeyFor } from "./print-BryBur1Q.mjs";
+import { A as installAgentAlias, C as themeVersion, D as machineOsFromPlatform, F as detectShell, L as getActiveWorkspaceId, M as takenAliasNames, O as aliasActivationHint, S as themeModeFromColorFgBg, T as themesForMode, V as setActiveWorkspace, _ as monoTheme, a as WORDMARK, b as themeForMode, d as profilingEnabled, f as record, g as findTheme, h as applyTheme, i as MARK_CELLS, j as slugifyAliasName, k as dedupeAliasName, m as DEFAULT_THEME_ID, n as buildCrashReport, p as writeArtifact, r as writeCrashReport, s as splashFitsWidth, t as installCrashHandler, v as noColorRequested, x as themeMode, y as theme, z as listWorkspaces } from "./install-i9xERvoF.mjs";
 import { t as HttpError } from "./http-error-BF2NZZE3.mjs";
 import { i as billingBlockedOutcomeFromSendResponse } from "./billing-blocked-D3l5kJlX.mjs";
-import { t as PortalClient } from "./client-DG0vUvWI.mjs";
+import { t as PortalClient } from "./client-BPgSlxoE.mjs";
 import { t as defaultTlsCertSource } from "./tls-cert-Rua2oV7n.mjs";
 import "./api-BFQ4PQDA.mjs";
-import "./daemon-rHe1xapN.mjs";
+import "./daemon-By6thwls.mjs";
 import { t as SandboxStream } from "./client-l6orYfqq.mjs";
-import { t as PortalDaemonClient } from "./daemon-client-D-k67MEB.mjs";
+import { t as PortalDaemonClient } from "./daemon-client-CyYn91wO.mjs";
 import { t as runRawPtyPassthrough } from "./raw-pty-dndn1Kxc.mjs";
 import * as os$1 from "node:os";
 import { homedir, platform, release, tmpdir } from "node:os";
@@ -136,6 +136,7 @@ const useStore = create((set, get) => ({
 	portalClient: null,
 	toast: null,
 	seedPrompt: null,
+	seedAttachments: [],
 	autoGrantMachine: false,
 	forcedOnboarding: false,
 	earlyInput: "",
@@ -3120,6 +3121,393 @@ function WorkspacePicker({ appUrl, sessionToken, onSelect, onCancel }) {
 	});
 }
 
+//#endregion
+//#region src/chat/paste.ts
+const MAX_PATH_PASTE_CHARS = 4096;
+/**
+* Decode a `file://` URL to a filesystem path, host-independently. Node's
+* `fileURLToPath` maps to the *running* OS's path shape, so a POSIX file URL
+* pasted on Windows would come back as a backslash drive-relative path. A
+* dropped-file URL is decided by its own shape, not by our host: a Windows
+* drive URL (`file:///C:/...`) yields a Windows path, anything else a POSIX
+* path. Returns null for a malformed URL.
+*/
+function fileUrlToPath(url) {
+	let parsed;
+	try {
+		parsed = new URL(url);
+	} catch (_error) {
+		return null;
+	}
+	if (parsed.protocol !== "file:") return null;
+	const decoded = decodeURIComponent(parsed.pathname);
+	if (/^\/[a-zA-Z]:\//.test(decoded)) return decoded.slice(1).replace(/\//g, "\\");
+	return decoded;
+}
+/**
+* Parse the text a terminal emits for dropped files. This only identifies
+* path-shaped candidates; filesystem and content validation happen later.
+*/
+function parseDroppedPaths(text) {
+	const trimmed = text.trim();
+	if (!trimmed || trimmed.length > MAX_PATH_PASTE_CHARS || /[\r\n]/.test(trimmed)) return null;
+	const tokens = [];
+	let current = "";
+	let quote = null;
+	for (let i = 0; i < trimmed.length; i += 1) {
+		const ch = trimmed.charAt(i);
+		if (quote) {
+			if (ch === quote) quote = null;
+			else if (ch === "\\" && quote === "\"" && i + 1 < trimmed.length) {
+				current += trimmed.charAt(i + 1);
+				i += 1;
+			} else current += ch;
+			continue;
+		}
+		if (ch === "'" || ch === "\"") {
+			quote = ch;
+			continue;
+		}
+		if (ch === "\\" && i + 1 < trimmed.length) {
+			current += trimmed.charAt(i + 1);
+			i += 1;
+			continue;
+		}
+		if (ch === " " || ch === "	") {
+			if (current) {
+				tokens.push(current);
+				current = "";
+			}
+			continue;
+		}
+		current += ch;
+	}
+	if (quote) return null;
+	if (current) tokens.push(current);
+	if (tokens.length === 0) return null;
+	const paths = [];
+	for (const token of tokens) {
+		let path = token;
+		if (path.startsWith("file://")) {
+			const resolved = fileUrlToPath(path);
+			if (resolved === null) return null;
+			path = resolved;
+		}
+		if (path.startsWith("~/")) path = `${homedir()}${path.slice(1)}`;
+		if (!isAbsolute(path) && !win32.isAbsolute(path) && !path.startsWith("./") && !path.startsWith("../")) return null;
+		paths.push(path);
+	}
+	return paths;
+}
+const TEXT_MIME_BY_EXT = {
+	".txt": "text/plain",
+	".md": "text/markdown",
+	".markdown": "text/markdown",
+	".csv": "text/csv",
+	".tsv": "text/tab-separated-values",
+	".json": "application/json",
+	".yaml": "application/yaml",
+	".yml": "application/yaml",
+	".xml": "application/xml",
+	".html": "text/html",
+	".htm": "text/html",
+	".css": "text/css",
+	".js": "text/javascript",
+	".ts": "text/plain",
+	".tsx": "text/plain",
+	".jsx": "text/plain",
+	".py": "text/x-python",
+	".sh": "text/x-shellscript",
+	".log": "text/plain",
+	".svg": "image/svg+xml"
+};
+/** Decide how to handle a paste. `kind: 'binary'` events carry the mime of
+* bytes the terminal forwarded; text events carry the decoded paste text.
+*
+* The empty-text case is the fix for "can't paste an image": on macOS the
+* reflex is Cmd+V, which the terminal turns into a bracketed *text* paste, so
+* a screenshot on the clipboard arrives as empty bytes. We route that to an OS
+* clipboard read instead of dropping it, matching the explicit ctrl+v path. */
+function routePaste(input) {
+	if (input.kind === "binary") {
+		if (input.mimeType?.startsWith("image/")) return {
+			kind: "binary-image",
+			mediaType: input.mimeType
+		};
+		return { kind: "text" };
+	}
+	const paths = parseDroppedPaths(input.text);
+	if (paths) return {
+		kind: "dropped-paths",
+		paths,
+		text: input.text
+	};
+	if (input.text.trim() === "") return { kind: "clipboard-image" };
+	return { kind: "text" };
+}
+/**
+* Resolve path candidates into attachable files. Every path must be an
+* existing regular file; otherwise the caller should restore the original
+* paste as text (an all-or-nothing rule so a paste meant as text — which
+* merely *looks* path-shaped — is never partially eaten).
+*
+* Any file type attaches. The mediaType comes from magic bytes when
+* detectable, an extension map for the plain-text formats magic can't see,
+* and application/octet-stream as the last resort — the attachments API
+* accepts any mediaType (100MB cap enforced server-side at presign).
+*/
+async function resolveDroppedFiles(paths) {
+	try {
+		const files = await Promise.all(paths.map(async (path) => {
+			if (!(await stat(path)).isFile()) return null;
+			const data = new Uint8Array(await readFile(path));
+			const mediaType = (await fileTypeFromBuffer(data))?.mime ?? TEXT_MIME_BY_EXT[extname(path).toLowerCase()] ?? "application/octet-stream";
+			return {
+				fileName: basename(path),
+				mediaType,
+				data
+			};
+		}));
+		if (!files.every((file) => file !== null)) return null;
+		return files;
+	} catch (_error) {
+		return null;
+	}
+}
+
+//#endregion
+//#region src/chat/tui/composer-attachments.tsx
+/**
+* Attachments a composer can stage for its next send, shared by every screen
+* that owns a composer (the chat transcript and the agent home). Staging
+* starts the upload immediately — the web composer's behavior — so submit
+* only awaits the in-flight uploads and collects their server ids.
+*/
+/** Files one composer can hold at once, so a stray multi-file drop can't
+* queue an unbounded pile of uploads. */
+const MAX_COMPOSER_ATTACHMENTS = 10;
+/**
+* Owns a composer's staged attachments and the paste routing that feeds them.
+*
+* `pasteDisabled` suppresses attaching while the screen has something else in
+* front of the composer (an overlay, a prompt, a channel with no composer at
+* all); the paste then falls through to whatever is focused, untouched.
+* `onPasteText` restores a paste that only *looked* like dropped file paths —
+* the filesystem check is async, so the text has to be held and put back.
+* `onError` receives user-facing failures (the cap, a failed upload) because
+* each screen surfaces them differently: the transcript takes an error row,
+* the home takes its status line.
+*/
+function useComposerAttachments(input) {
+	const { rest, agentId, pasteDisabled, onPasteText, onError } = input;
+	const [staged, setStaged] = useState([]);
+	const uploadsRef = useRef(/* @__PURE__ */ new Map());
+	const stagedRef = useRef(staged);
+	stagedRef.current = staged;
+	const stageFile = useCallback(({ fileName, mediaType, data }) => {
+		if (!rest) return;
+		if (stagedRef.current.length >= MAX_COMPOSER_ATTACHMENTS) {
+			onError(`attachment limit reached (${MAX_COMPOSER_ATTACHMENTS}); ${fileName} skipped`);
+			return;
+		}
+		const tempId = crypto.randomUUID();
+		setStaged((prev) => [...prev, {
+			tempId,
+			fileName,
+			sizeBytes: data.byteLength,
+			status: "uploading",
+			errorText: null
+		}]);
+		const promise = rest.uploadAttachment({
+			agentId,
+			fileName,
+			mediaType,
+			data
+		});
+		uploadsRef.current.set(tempId, promise);
+		promise.then(() => {
+			setStaged((prev) => prev.map((a) => a.tempId === tempId ? {
+				...a,
+				status: "ready"
+			} : a));
+		}).catch((err) => {
+			setStaged((prev) => prev.map((a) => a.tempId === tempId ? {
+				...a,
+				status: "error",
+				errorText: errorMessage(err)
+			} : a));
+		});
+	}, [
+		rest,
+		agentId,
+		onError
+	]);
+	const stageFiles = useCallback((files) => {
+		for (const file of files) stageFile(file);
+	}, [stageFile]);
+	const stageClipboardImage = useCallback(async () => {
+		const image = await readClipboardImage();
+		if (!image) return;
+		stageFile(image);
+	}, [stageFile]);
+	const dropLast = useCallback(() => {
+		const last = stagedRef.current.at(-1);
+		if (!last) return;
+		uploadsRef.current.delete(last.tempId);
+		setStaged((prev) => prev.filter((a) => a.tempId !== last.tempId));
+	}, []);
+	const clearStaged = useCallback(() => setStaged([]), []);
+	const collectForSend = useCallback(async (staged) => {
+		const files = [];
+		const rows = [];
+		const failed = [];
+		const settled = await Promise.allSettled(staged.map((a) => uploadsRef.current.get(a.tempId)));
+		for (const [i, result] of settled.entries()) {
+			const row = staged[i];
+			if (!row) continue;
+			if (result.status === "fulfilled" && result.value) {
+				files.push(result.value);
+				rows.push({
+					...row,
+					status: "ready",
+					errorText: null
+				});
+			} else {
+				uploadsRef.current.delete(row.tempId);
+				failed.push({
+					attachment: row,
+					reason: result.status === "rejected" ? result.reason : null
+				});
+			}
+		}
+		return {
+			files,
+			rows,
+			failed
+		};
+	}, []);
+	const releaseUploaded = useCallback((rows) => {
+		for (const row of rows) uploadsRef.current.delete(row.tempId);
+	}, []);
+	const adoptUploaded = useCallback((uploaded) => uploaded.map((file) => {
+		const tempId = crypto.randomUUID();
+		uploadsRef.current.set(tempId, Promise.resolve(file));
+		return {
+			tempId,
+			fileName: file.fileName,
+			sizeBytes: file.sizeBytes,
+			status: "ready",
+			errorText: null
+		};
+	}), []);
+	const restoreStaged = useCallback((rows) => {
+		const restore = rows.filter((a) => uploadsRef.current.has(a.tempId));
+		if (restore.length === 0) return;
+		setStaged((prev) => [...restore.map((a) => ({
+			...a,
+			status: "ready",
+			errorText: null
+		})), ...prev]);
+	}, []);
+	usePaste((event) => {
+		if (pasteDisabled) return;
+		const text = event.metadata?.kind === "binary" ? "" : decodePasteBytes(event.bytes);
+		const route = routePaste({
+			kind: event.metadata?.kind,
+			mimeType: event.metadata?.mimeType,
+			text
+		});
+		switch (route.kind) {
+			case "binary-image":
+				event.preventDefault();
+				stageFiles([{
+					fileName: pastedImageName(route.mediaType),
+					mediaType: route.mediaType,
+					data: event.bytes
+				}]);
+				return;
+			case "clipboard-image":
+				event.preventDefault();
+				stageClipboardImage();
+				return;
+			case "dropped-paths":
+				event.preventDefault();
+				resolveDroppedFiles(route.paths).then((files) => {
+					if (files) {
+						stageFiles(files);
+						return;
+					}
+					onPasteText(route.text);
+				});
+				return;
+			case "text": return;
+		}
+	});
+	return {
+		staged,
+		stagedRef,
+		stageFiles,
+		stageClipboardImage,
+		dropLast,
+		clearStaged,
+		collectForSend,
+		adoptUploaded,
+		releaseUploaded,
+		restoreStaged
+	};
+}
+/** Name for clipboard image bytes, which arrive with no filename of their
+* own: `pasted-image-<timestamp>.<ext>` from the paste's own media type. */
+function pastedImageName(mediaType) {
+	const ext = mediaType.split("/")[1]?.split("+")[0] ?? "png";
+	return `pasted-image-${(/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-")}.${ext}`;
+}
+function formatBytes$2(bytes) {
+	if (bytes < 1024) return `${bytes} B`;
+	if (bytes < 1024 * 1024) return `${Math.round(bytes / 1024)} KB`;
+	return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+/** Status glyph for a staged attachment chip: uploading / ready / failed. */
+function attachmentGlyph(a) {
+	switch (a.status) {
+		case "uploading": return "↑";
+		case "ready": return "✓";
+		case "error": return `✗ ${a.errorText ?? "upload failed"}`;
+	}
+}
+/** Rows a rendered tray occupies: one per attachment plus the hint line and
+* its top margin, so a screen can budget its own layout around it. */
+function attachmentTrayRows(count) {
+	return count === 0 ? 0 : count + 2;
+}
+/** The staged-attachment tray under a composer: a chip per file with its
+* upload state, and the chord that removes the last one. */
+function AttachmentTray({ attachments }) {
+	return /* @__PURE__ */ jsxs("box", {
+		style: {
+			paddingLeft: 1,
+			paddingRight: 1,
+			flexShrink: 0,
+			marginTop: 1,
+			flexDirection: "column"
+		},
+		children: [attachments.map((a) => /* @__PURE__ */ jsxs("text", {
+			fg: a.status === "error" ? theme.error : theme.muted,
+			children: [
+				"📎 ",
+				a.fileName,
+				" (",
+				formatBytes$2(a.sizeBytes),
+				") ",
+				attachmentGlyph(a)
+			]
+		}, a.tempId)), /* @__PURE__ */ jsx("text", {
+			fg: theme.dim,
+			children: "ctrl+x remove last"
+		})]
+	});
+}
+
 //#endregion
 //#region src/chat/tui/list-line.ts
 /**
@@ -3474,6 +3862,17 @@ function ConversationHome({ agent, initialQuery, conversations, showAutomated, o
 	const [archiveOverrides, setArchiveOverrides] = useState(/* @__PURE__ */ new Map());
 	const [confirmId, setConfirmId] = useState(null);
 	const [error, setError] = useState(null);
+	const [sending, setSending] = useState(false);
+	const { staged: attachments, stageClipboardImage, dropLast: dropLastAttachment, collectForSend } = useComposerAttachments({
+		rest,
+		agentId: agent.id,
+		pasteDisabled: confirmId !== null || isSearchInput || sending,
+		onPasteText: (text) => {
+			composerRef.current?.insertText(text);
+			handleComposerChange();
+		},
+		onError: setError
+	});
 	const isArchived = (c) => archiveOverrides.get(c.id) ?? c.viewerArchivedAt != null;
 	const list = ((isSearching && search?.query === debouncedQuery && search.state.kind === "ready" ? search.state.conversations : null) ?? conversations).filter((c) => !removedIds.has(c.id) && (showArchived || !isArchived(c)));
 	useEffect(() => {
@@ -3497,10 +3896,14 @@ function ConversationHome({ agent, initialQuery, conversations, showAutomated, o
 	const searchState = isSearching ? search?.state : void 0;
 	const searchStatusSegment = !isSearching ? "" : searchState?.kind === "loading" || search === null ? "searching…" : searchState?.kind === "error" ? `search failed: ${searchState.message}` : list.length === 0 ? "no matches" : "";
 	const trimmedMessage = isSearchInput ? "" : input.trim();
-	const enterHint = isSearchInput ? "filtering" : trimmedMessage ? "↵ send" : "↵ open";
+	const hasMessage = trimmedMessage.length > 0 || attachments.length > 0;
+	const enterHint = isSearchInput ? "filtering" : hasMessage ? "↵ send" : "↵ open";
 	const status = confirmConv ? {
 		fg: theme.error,
 		text: truncate(`delete “${confirmConv.title ?? "(untitled)"}”? y/n`, innerWidth)
+	} : sending ? {
+		fg: theme.muted,
+		text: "uploading attachments…"
 	} : error ? {
 		fg: theme.error,
 		text: truncate(error, innerWidth)
@@ -3519,7 +3922,8 @@ function ConversationHome({ agent, initialQuery, conversations, showAutomated, o
 		].filter((segment) => segment !== ""), innerWidth)
 	};
 	const identityRows = height >= 24 ? 3 : 0;
-	const fixedRows = 6 + brandHeaderRows(height, width) + identityRows;
+	const trayRows = attachmentTrayRows(attachments.length);
+	const fixedRows = 6 + brandHeaderRows(height, width) + identityRows + trayRows;
 	const composerRows = Math.max(1, Math.min(composerLines, height - fixedRows - 2 - MIN_LIST_ROWS));
 	const visibleRows = Math.max(MIN_LIST_ROWS, height - fixedRows - (composerRows + 2));
 	const start = windowStart(clamped, rows.length, visibleRows);
@@ -3534,8 +3938,22 @@ function ConversationHome({ agent, initialQuery, conversations, showAutomated, o
 			conversation: row.hit.item
 		});
 	};
-	const sendNewConversation = (message) => {
-		useStore.setState({ seedPrompt: message });
+	const sendNewConversation = async (message) => {
+		setSending(true);
+		const { files, failed } = await collectForSend(attachments);
+		setSending(false);
+		if (!message && files.length === 0) {
+			setError("attachment upload failed");
+			return;
+		}
+		if (failed.length > 0) {
+			const plural = failed.length === 1 ? "" : "s";
+			setError(`${failed.length} attachment${plural} failed to upload; sending without ${plural ? "them" : "it"}`);
+		}
+		useStore.setState({
+			seedPrompt: message,
+			seedAttachments: files
+		});
 		onPick({
 			kind: "chat",
 			agent,
@@ -3559,7 +3977,8 @@ function ConversationHome({ agent, initialQuery, conversations, showAutomated, o
 		setHighlight(0);
 	};
 	const submit = () => {
-		if (trimmedMessage) sendNewConversation(trimmedMessage);
+		if (sending) return;
+		if (hasMessage) sendNewConversation(trimmedMessage);
 		else openHighlighted();
 	};
 	/**
@@ -3653,6 +4072,15 @@ function ConversationHome({ agent, initialQuery, conversations, showAutomated, o
 				toggleArchived(row.hit.item);
 			}
 			key.preventDefault();
+		} else if (key.name === "v" && key.ctrl) {
+			if (confirmId === null && !isSearchInput) {
+				setError(null);
+				stageClipboardImage();
+			}
+			key.preventDefault();
+		} else if (key.name === "x" && key.ctrl) {
+			dropLastAttachment();
+			key.preventDefault();
 		} else if (key.name === "tab" && key.shift) {
 			onToggleArchived();
 			key.preventDefault();
@@ -3736,6 +4164,7 @@ function ConversationHome({ agent, initialQuery, conversations, showAutomated, o
 							}
 						})
 					}),
+					attachments.length > 0 ? /* @__PURE__ */ jsx(AttachmentTray, { attachments }) : null,
 					/* @__PURE__ */ jsx("text", {
 						fg: status.fg,
 						children: status.text
@@ -3967,166 +4396,12 @@ function formatTranscript(messages, format) {
 	if (format === "markdown") return `# Conversation transcript\n\n${entries.join("\n\n")}\n`;
 	return `${entries.join("\n\n")}\n`;
 }
-async function exportTranscript(options) {
-	const extension = options.format === "markdown" ? "md" : "txt";
-	const filePath = path.join(options.cwd, `skydive-conversation-${options.conversationId}.${extension}`);
-	await writeFile(filePath, formatTranscript(options.messages, options.format), "utf8");
-	return filePath;
-}
-
-//#endregion
-//#region src/chat/paste.ts
-const MAX_PATH_PASTE_CHARS = 4096;
-/**
-* Decode a `file://` URL to a filesystem path, host-independently. Node's
-* `fileURLToPath` maps to the *running* OS's path shape, so a POSIX file URL
-* pasted on Windows would come back as a backslash drive-relative path. A
-* dropped-file URL is decided by its own shape, not by our host: a Windows
-* drive URL (`file:///C:/...`) yields a Windows path, anything else a POSIX
-* path. Returns null for a malformed URL.
-*/
-function fileUrlToPath(url) {
-	let parsed;
-	try {
-		parsed = new URL(url);
-	} catch (_error) {
-		return null;
-	}
-	if (parsed.protocol !== "file:") return null;
-	const decoded = decodeURIComponent(parsed.pathname);
-	if (/^\/[a-zA-Z]:\//.test(decoded)) return decoded.slice(1).replace(/\//g, "\\");
-	return decoded;
-}
-/**
-* Parse the text a terminal emits for dropped files. This only identifies
-* path-shaped candidates; filesystem and content validation happen later.
-*/
-function parseDroppedPaths(text) {
-	const trimmed = text.trim();
-	if (!trimmed || trimmed.length > MAX_PATH_PASTE_CHARS || /[\r\n]/.test(trimmed)) return null;
-	const tokens = [];
-	let current = "";
-	let quote = null;
-	for (let i = 0; i < trimmed.length; i += 1) {
-		const ch = trimmed.charAt(i);
-		if (quote) {
-			if (ch === quote) quote = null;
-			else if (ch === "\\" && quote === "\"" && i + 1 < trimmed.length) {
-				current += trimmed.charAt(i + 1);
-				i += 1;
-			} else current += ch;
-			continue;
-		}
-		if (ch === "'" || ch === "\"") {
-			quote = ch;
-			continue;
-		}
-		if (ch === "\\" && i + 1 < trimmed.length) {
-			current += trimmed.charAt(i + 1);
-			i += 1;
-			continue;
-		}
-		if (ch === " " || ch === "	") {
-			if (current) {
-				tokens.push(current);
-				current = "";
-			}
-			continue;
-		}
-		current += ch;
-	}
-	if (quote) return null;
-	if (current) tokens.push(current);
-	if (tokens.length === 0) return null;
-	const paths = [];
-	for (const token of tokens) {
-		let path = token;
-		if (path.startsWith("file://")) {
-			const resolved = fileUrlToPath(path);
-			if (resolved === null) return null;
-			path = resolved;
-		}
-		if (path.startsWith("~/")) path = `${homedir()}${path.slice(1)}`;
-		if (!isAbsolute(path) && !win32.isAbsolute(path) && !path.startsWith("./") && !path.startsWith("../")) return null;
-		paths.push(path);
-	}
-	return paths;
-}
-const TEXT_MIME_BY_EXT = {
-	".txt": "text/plain",
-	".md": "text/markdown",
-	".markdown": "text/markdown",
-	".csv": "text/csv",
-	".tsv": "text/tab-separated-values",
-	".json": "application/json",
-	".yaml": "application/yaml",
-	".yml": "application/yaml",
-	".xml": "application/xml",
-	".html": "text/html",
-	".htm": "text/html",
-	".css": "text/css",
-	".js": "text/javascript",
-	".ts": "text/plain",
-	".tsx": "text/plain",
-	".jsx": "text/plain",
-	".py": "text/x-python",
-	".sh": "text/x-shellscript",
-	".log": "text/plain",
-	".svg": "image/svg+xml"
-};
-/** Decide how to handle a paste. `kind: 'binary'` events carry the mime of
-* bytes the terminal forwarded; text events carry the decoded paste text.
-*
-* The empty-text case is the fix for "can't paste an image": on macOS the
-* reflex is Cmd+V, which the terminal turns into a bracketed *text* paste, so
-* a screenshot on the clipboard arrives as empty bytes. We route that to an OS
-* clipboard read instead of dropping it, matching the explicit ctrl+v path. */
-function routePaste(input) {
-	if (input.kind === "binary") {
-		if (input.mimeType?.startsWith("image/")) return {
-			kind: "binary-image",
-			mediaType: input.mimeType
-		};
-		return { kind: "text" };
-	}
-	const paths = parseDroppedPaths(input.text);
-	if (paths) return {
-		kind: "dropped-paths",
-		paths,
-		text: input.text
-	};
-	if (input.text.trim() === "") return { kind: "clipboard-image" };
-	return { kind: "text" };
-}
-/**
-* Resolve path candidates into attachable files. Every path must be an
-* existing regular file; otherwise the caller should restore the original
-* paste as text (an all-or-nothing rule so a paste meant as text — which
-* merely *looks* path-shaped — is never partially eaten).
-*
-* Any file type attaches. The mediaType comes from magic bytes when
-* detectable, an extension map for the plain-text formats magic can't see,
-* and application/octet-stream as the last resort — the attachments API
-* accepts any mediaType (100MB cap enforced server-side at presign).
-*/
-async function resolveDroppedFiles(paths) {
-	try {
-		const files = await Promise.all(paths.map(async (path) => {
-			if (!(await stat(path)).isFile()) return null;
-			const data = new Uint8Array(await readFile(path));
-			const mediaType = (await fileTypeFromBuffer(data))?.mime ?? TEXT_MIME_BY_EXT[extname(path).toLowerCase()] ?? "application/octet-stream";
-			return {
-				fileName: basename(path),
-				mediaType,
-				data
-			};
-		}));
-		if (!files.every((file) => file !== null)) return null;
-		return files;
-	} catch (_error) {
-		return null;
-	}
-}
+async function exportTranscript(options) {
+	const extension = options.format === "markdown" ? "md" : "txt";
+	const filePath = path.join(options.cwd, `skydive-conversation-${options.conversationId}.${extension}`);
+	await writeFile(filePath, formatTranscript(options.messages, options.format), "utf8");
+	return filePath;
+}
 
 //#endregion
 //#region src/chat/save-file.ts
@@ -5994,9 +6269,9 @@ function stripLeadingMarker(s) {
 }
 const ELISION_MARKER_TAG = "⋯ elided";
 function elisionMarker(bytes) {
-	return `${ELISION_MARKER_TAG} ${formatBytes$2(bytes)} to save memory ⋯`;
+	return `${ELISION_MARKER_TAG} ${formatBytes$1(bytes)} to save memory ⋯`;
 }
-function formatBytes$2(n) {
+function formatBytes$1(n) {
 	if (n < 1024) return `${n} chars`;
 	if (n < 1024 * 1024) return `${(n / 1024).toFixed(1)} KB`;
 	return `${(n / (1024 * 1024)).toFixed(1)} MB`;
@@ -7059,9 +7334,14 @@ function todosCanExpand(todos, cap) {
 * reserve exactly this much and keep the composer pinned. Header + optional
 * done-summary line + rendered rows + optional "+N more" tail + top margin.
 * Must track `windowTodos` and `TodoCardView`'s layout.
+*
+* `minimized` is the card folded down to its header row (label, progress
+* counter and the chevron that brings the rows back) plus the top margin, and
+* nothing else, however long the list is.
 */
-function todoCardHeight(todos, { expanded }) {
+function todoCardHeight(todos, { expanded, minimized }) {
 	if (todos.length === 0) return 0;
+	if (minimized) return 2;
 	const w = windowTodos(todos, {
 		cap: MAX_VISIBLE_ROWS$1,
 		expanded
@@ -7102,15 +7382,24 @@ function rowColor$1(status) {
 	}
 }
 /**
-* The plan card's checklist content. The caller owns outer spacing and
-* the expanded state — the chat screen has to reserve the card's rows, so it
-* can't discover the height from a toggle held down here.
+* The plan card's checklist content. The caller owns outer spacing and both
+* view states — the chat screen has to reserve the card's rows, so it can't
+* discover the height from a toggle held down here.
+*
+* The card has two independent click targets, one per axis of "how much do I
+* show":
+*  - the **header** minimizes the card to that one row and back
+*    (`minimized` / `onToggleMinimized`), which is what keeps a long plan from
+*    eating the screen above the composer. The chevron carries the affordance.
+*  - the **body** unfolds the completed work the window hides
+*    (`expanded` / `onToggleExpanded`), the same interaction reasoning and
+*    tool output already use. Only clickable when something is actually folded.
 *
-* A card whose completed work is folded away is clickable: the header carries
-* the affordance and clicking anywhere on the card toggles it, the same
-* interaction reasoning and tool output already use.
+* Each surface names the other in its hint, since a chevron alone can't say
+* which click does which: folded, the `✔ N done` row offers the unfold;
+* unfolded, the header says the rows are what folds back.
 */
-function TaskCardContent({ label, todos, isActive, expanded, onToggleExpanded }) {
+function TaskCardContent({ label, todos, isActive, minimized, expanded, onToggleMinimized, onToggleExpanded }) {
 	const completed = todos.filter((todo) => todo.status === "completed").length;
 	const canExpand = todosCanExpand(todos, MAX_VISIBLE_ROWS$1);
 	const { doneSummary, rows, moreCount } = windowTodos(todos, {
@@ -7119,66 +7408,76 @@ function TaskCardContent({ label, todos, isActive, expanded, onToggleExpanded })
 	});
 	return /* @__PURE__ */ jsxs("box", {
 		style: { flexDirection: "column" },
-		onMouseDown: canExpand ? onToggleExpanded : void 0,
-		children: [
-			/* @__PURE__ */ jsxs("box", {
-				style: { flexDirection: "row" },
-				children: [
-					/* @__PURE__ */ jsx("text", {
-						fg: isActive ? theme.accent : theme.muted,
-						children: /* @__PURE__ */ jsx("b", { children: label })
-					}),
-					/* @__PURE__ */ jsxs("text", {
-						fg: theme.dim,
-						children: [
-							"  ",
-							completed,
-							"/",
-							todos.length
-						]
-					}),
-					canExpand ? /* @__PURE__ */ jsxs("text", {
-						fg: theme.dim,
-						children: [
-							"  ",
-							"· click to ",
-							expanded ? "collapse" : "expand"
-						]
-					}) : null
-				]
-			}),
-			doneSummary > 0 ? /* @__PURE__ */ jsxs("box", {
-				style: { flexDirection: "row" },
-				children: [/* @__PURE__ */ jsx("text", {
-					fg: theme.success,
-					children: "✔ "
-				}), /* @__PURE__ */ jsxs("text", {
+		children: [/* @__PURE__ */ jsxs("box", {
+			style: { flexDirection: "row" },
+			onMouseDown: onToggleMinimized,
+			children: [
+				/* @__PURE__ */ jsx("text", {
 					fg: theme.dim,
-					children: [doneSummary, " done"]
-				})]
-			}) : null,
-			rows.map((todo) => {
-				const g = glyph(todo.status);
-				return /* @__PURE__ */ jsxs("box", {
+					children: minimized ? "▸ " : "▾ "
+				}),
+				/* @__PURE__ */ jsx("text", {
+					fg: isActive ? theme.accent : theme.muted,
+					children: /* @__PURE__ */ jsx("b", { children: label })
+				}),
+				/* @__PURE__ */ jsxs("text", {
+					fg: theme.dim,
+					children: [
+						"  ",
+						completed,
+						"/",
+						todos.length
+					]
+				}),
+				!minimized && expanded && canExpand ? /* @__PURE__ */ jsxs("text", {
+					fg: theme.dim,
+					children: ["  ", "· click a row to fold"]
+				}) : null
+			]
+		}), minimized ? null : /* @__PURE__ */ jsxs("box", {
+			style: { flexDirection: "column" },
+			onMouseDown: canExpand ? onToggleExpanded : void 0,
+			children: [
+				doneSummary > 0 ? /* @__PURE__ */ jsxs("box", {
 					style: { flexDirection: "row" },
-					children: [/* @__PURE__ */ jsxs("text", {
-						fg: g.fg,
-						children: [g.char, " "]
-					}), /* @__PURE__ */ jsx("text", {
-						fg: rowColor$1(todo.status),
-						children: todo.content
-					})]
-				}, todo.id);
-			}),
-			moreCount > 0 ? /* @__PURE__ */ jsxs("text", {
-				fg: theme.dim,
-				children: [
-					" … +",
-					moreCount,
-					" more"
-				]
-			}) : null
-		]
+					children: [
+						/* @__PURE__ */ jsx("text", {
+							fg: theme.success,
+							children: "✔ "
+						}),
+						/* @__PURE__ */ jsxs("text", {
+							fg: theme.dim,
+							children: [doneSummary, " done"]
+						}),
+						/* @__PURE__ */ jsxs("text", {
+							fg: theme.dim,
+							children: ["  ", "· click to show"]
+						})
+					]
+				}) : null,
+				rows.map((todo) => {
+					const g = glyph(todo.status);
+					return /* @__PURE__ */ jsxs("box", {
+						style: { flexDirection: "row" },
+						children: [/* @__PURE__ */ jsxs("text", {
+							fg: g.fg,
+							children: [g.char, " "]
+						}), /* @__PURE__ */ jsx("text", {
+							fg: rowColor$1(todo.status),
+							children: todo.content
+						})]
+					}, todo.id);
+				}),
+				moreCount > 0 ? /* @__PURE__ */ jsxs("text", {
+					fg: theme.dim,
+					children: [
+						" … +",
+						moreCount,
+						" more"
+					]
+				}) : null
+			]
+		})]
 	});
 }
 
@@ -7193,9 +7492,12 @@ function TaskCardContent({ label, todos, isActive, expanded, onToggleExpanded })
 * The card can't scroll like the web card, so it windows completed and pending
 * work. `isActive` dims the header while the run is idle. `expanded` unfolds
 * the completed work the window hides — a settled plan collapses to `✔ N done`
-* otherwise, and clicking the card (or `/plan expand`) brings the rows back.
+* otherwise, and clicking the body (or `/plan expand`) brings the rows back.
+* `minimized` is the card folded down to its header row, so a long plan can be
+* kept out of the way (click the header, or `/plan minimize`) without losing
+* the label and progress counter the way `/plan hide` does.
 */
-function TodoCardView({ todos, isActive, expanded, onToggleExpanded }) {
+function TodoCardView({ todos, isActive, minimized, expanded, onToggleMinimized, onToggleExpanded }) {
 	if (todos.length === 0) return null;
 	return /* @__PURE__ */ jsx("box", {
 		style: {
@@ -7209,7 +7511,9 @@ function TodoCardView({ todos, isActive, expanded, onToggleExpanded }) {
 			label: "Plan",
 			todos,
 			isActive,
+			minimized,
 			expanded,
+			onToggleMinimized,
 			onToggleExpanded
 		})
 	});
@@ -7552,8 +7856,14 @@ function SubagentRowView({ row, selected, width, nowMs, onOpen }) {
 * ↵ to view (the chat screen owns those keys and the esc-back bookkeeping;
 * the card reports its rows up through ConversationContext so the screen
 * knows what's selectable).
+*
+* `minimized` folds the card down to its header row: a wide fan-out is 10 rows
+* of the terminal for as long as the conversation lives, so clicking the
+* header (or `/subagent collapse`) folds the rows away and leaves the label,
+* the live glyph and the N/M counter. The chat screen owns the flag because it
+* reserves the card's rows to keep the composer pinned.
 */
-function ToolSubagent({ items, isActive: _isActive, onHeightChange }) {
+function ToolSubagent({ items, isActive: _isActive, minimized, onToggleMinimized, onHeightChange }) {
 	const { rest, conversationId, openConversation, onSubagentBatch, subagentSelection } = useConversationContext();
 	const { width } = useTerminalDimensions();
 	const optimistic = /* @__PURE__ */ new Map();
@@ -7596,8 +7906,9 @@ function ToolSubagent({ items, isActive: _isActive, onHeightChange }) {
 	}, [live, rows.length]);
 	useEffect(() => {
 		const visibleRows = Math.min(rows.length, MAX_VISIBLE_ROWS);
-		onHeightChange?.(rows.length === 0 ? items.length > 0 ? 1 : 0 : 1 + visibleRows + (rows.length > MAX_VISIBLE_ROWS ? 1 : 0));
+		onHeightChange?.(rows.length === 0 ? items.length > 0 ? 1 : 0 : minimized ? 1 : 1 + visibleRows + (rows.length > MAX_VISIBLE_ROWS ? 1 : 0));
 	}, [
+		minimized,
 		items.length,
 		onHeightChange,
 		rows.length
@@ -7656,32 +7967,40 @@ function ToolSubagent({ items, isActive: _isActive, onHeightChange }) {
 	const moreBelow = rows.length - start - visible.length;
 	return /* @__PURE__ */ jsxs("box", {
 		style: { flexDirection: "column" },
-		children: [/* @__PURE__ */ jsxs("text", { children: [
-			live ? /* @__PURE__ */ jsx(Spinner, { color: theme.accent }) : rows.every((row) => row.status === "completed") ? /* @__PURE__ */ jsx("span", {
-				fg: theme.success,
-				children: "✔"
-			}) : /* @__PURE__ */ jsx("span", {
-				fg: theme.error,
-				children: "✗"
-			}),
-			/* @__PURE__ */ jsxs("span", {
-				fg: theme.tool,
-				children: [" ", /* @__PURE__ */ jsx("b", { children: headerLabel(rows) })]
-			}),
-			/* @__PURE__ */ jsxs("span", {
-				fg: theme.dim,
-				children: [
-					"  ",
-					rows.filter((row) => row.status === "completed").length,
-					"/",
-					rows.length
-				]
-			}),
-			openConversation ? /* @__PURE__ */ jsxs("span", {
-				fg: theme.dim,
-				children: ["  ", selectedIndex !== null ? "↑/↓ select · ↵ view · esc back" : "/subagent to browse"]
-			}) : null
-		] }), /* @__PURE__ */ jsxs("box", {
+		children: [/* @__PURE__ */ jsx("box", {
+			style: { flexDirection: "row" },
+			onMouseDown: onToggleMinimized,
+			children: /* @__PURE__ */ jsxs("text", { children: [
+				/* @__PURE__ */ jsx("span", {
+					fg: theme.dim,
+					children: minimized ? "▸ " : "▾ "
+				}),
+				live ? /* @__PURE__ */ jsx(Spinner, { color: theme.accent }) : rows.every((row) => row.status === "completed") ? /* @__PURE__ */ jsx("span", {
+					fg: theme.success,
+					children: "✔"
+				}) : /* @__PURE__ */ jsx("span", {
+					fg: theme.error,
+					children: "✗"
+				}),
+				/* @__PURE__ */ jsxs("span", {
+					fg: theme.tool,
+					children: [" ", /* @__PURE__ */ jsx("b", { children: headerLabel(rows) })]
+				}),
+				/* @__PURE__ */ jsxs("span", {
+					fg: theme.dim,
+					children: [
+						"  ",
+						rows.filter((row) => row.status === "completed").length,
+						"/",
+						rows.length
+					]
+				}),
+				openConversation && !minimized ? /* @__PURE__ */ jsxs("span", {
+					fg: theme.dim,
+					children: ["  ", selectedIndex !== null ? "↑/↓ select · ↵ view · esc back" : "/subagent to browse"]
+				}) : null
+			] })
+		}), minimized ? null : /* @__PURE__ */ jsxs("box", {
 			style: { flexDirection: "column" },
 			children: [visible.map((row, i) => {
 				const target = row.conversationId;
@@ -7707,8 +8026,12 @@ function ToolSubagent({ items, isActive: _isActive, onHeightChange }) {
 * Delegated work pinned above the plan. Each batch owns its status polling;
 * a settled batch keeps its rows — titles and drill-in — until the next
 * fan-out replaces the group.
+*
+* `minimized` folds the rows away and leaves the header (click it, or
+* `/subagent minimize`), so a ten-task fan-out stops owning ten rows above the
+* composer for the rest of the conversation.
 */
-function SubagentCardView({ items, isActive, onHeightChange }) {
+function SubagentCardView({ items, isActive, minimized, onToggleMinimized, onHeightChange }) {
 	const [height, setHeight] = useState(0);
 	useEffect(() => onHeightChange?.(height > 0 ? height + 1 : 0), [height, onHeightChange]);
 	return /* @__PURE__ */ jsx("box", {
@@ -7723,6 +8046,8 @@ function SubagentCardView({ items, isActive, onHeightChange }) {
 		children: /* @__PURE__ */ jsx(ToolSubagent, {
 			items,
 			isActive,
+			minimized,
+			onToggleMinimized,
 			onHeightChange: setHeight
 		})
 	});
@@ -8751,12 +9076,20 @@ const keybindGroups = [
 				action: "jump back to your last message"
 			},
 			{
-				keys: "click",
+				keys: "click card header",
+				action: "minimize the pinned plan or subagents card, and restore it"
+			},
+			{
+				keys: "click card body",
 				action: "expand a folded plan card back to its finished rows"
 			},
 			{
-				keys: "/plan [show|hide|expand|collapse]",
-				action: "show / hide / unfold the pinned plan card"
+				keys: "/plan [show|hide|minimize|expand|collapse]",
+				action: "show / hide / minimize the pinned plan card, or unfold it"
+			},
+			{
+				keys: "/subagent [minimize]",
+				action: "browse the pinned subagents card, or minimize it"
 			},
 			{
 				keys: "/rename <title>",
@@ -8910,6 +9243,18 @@ const keybindGroups = [
 				keys: "↵",
 				action: "open conversation"
 			},
+			{
+				keys: "ctrl+v",
+				action: "paste image from clipboard"
+			},
+			{
+				keys: "drag-drop",
+				action: "attach image files dropped onto the terminal"
+			},
+			{
+				keys: "ctrl+x",
+				action: "drop the last staged image"
+			},
 			{
 				keys: "ctrl+a",
 				action: "archive conversation (hides it for you only; again to restore)"
@@ -9461,8 +9806,8 @@ const slashCommands = [
 	{
 		name: "subagent",
 		aliases: ["subagents"],
-		argsHint: null,
-		description: "select a subagent from the fan-out card and open its chat",
+		argsHint: "[minimize]",
+		description: "browse or minimize the fan-out card",
 		action: { kind: "subagent" }
 	},
 	{
@@ -9482,8 +9827,8 @@ const slashCommands = [
 	{
 		name: "plan",
 		aliases: ["todos", "todo"],
-		argsHint: "[show|hide|expand|collapse]",
-		description: "show, hide, or expand the pinned plan card",
+		argsHint: "[show|hide|minimize|expand|collapse]",
+		description: "show, hide, minimize, or unfold the pinned plan card",
 		action: {
 			kind: "plan",
 			mode: "toggle"
@@ -11794,7 +12139,7 @@ function canPreview(file) {
 	if (/\/(json|xml|javascript|typescript|x-sh|yaml)$/.test(file.mediaType)) return true;
 	return /\.(md|mdx|txt|json|jsonl|ya?ml|toml|ini|env|csv|ts|tsx|js|jsx|mjs|cjs|css|scss|html|xml|svg|py|rb|rs|go|java|kt|swift|c|cc|cpp|h|hpp|sh|zsh|fish|sql|graphql|gql)$/i.test(file.path);
 }
-function formatBytes$1(bytes) {
+function formatBytes(bytes) {
 	if (bytes < 1024) return `${bytes} B`;
 	if (bytes < 1024 * 1024) return `${Math.round(bytes / 1024)} KB`;
 	return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
@@ -11862,7 +12207,7 @@ function WorkspaceFilesTab({ agentId, viewportWidth, viewportHeight, active, she
 	]);
 	const visibleFiles = useMemo(() => load.kind === "ready" ? filterReviewFiles(load.files, fileSearch ?? "", (file) => file.path) : [], [load, fileSearch]);
 	const rows = useMemo(() => buildWorkspaceTree(visibleFiles), [visibleFiles]);
-	const navigatorPreferredWidth = reviewTreePreferredWidth(useMemo(() => buildReviewTree(visibleFiles, (file) => file.path), [visibleFiles]), (file) => ` · ${formatBytes$1(file.sizeBytes)}`.length);
+	const navigatorPreferredWidth = reviewTreePreferredWidth(useMemo(() => buildReviewTree(visibleFiles, (file) => file.path), [visibleFiles]), (file) => ` · ${formatBytes(file.sizeBytes)}`.length);
 	const shellDimensions = reviewShellDimensions({
 		width,
 		height: shellHeight,
@@ -11901,7 +12246,7 @@ function WorkspaceFilesTab({ agentId, viewportWidth, viewportHeight, active, she
 		if (!canPreview(selectedFile)) {
 			setPreview({
 				kind: "none",
-				message: `${selectedFile.mediaType} · ${formatBytes$1(selectedFile.sizeBytes)}\npreview unavailable for binary or large files`
+				message: `${selectedFile.mediaType} · ${formatBytes(selectedFile.sizeBytes)}\npreview unavailable for binary or large files`
 			});
 			return;
 		}
@@ -12140,7 +12485,7 @@ function WorkspaceFilesTab({ agentId, viewportWidth, viewportHeight, active, she
 					row.name,
 					/* @__PURE__ */ jsxs("span", {
 						fg: theme.faint,
-						children: [" · ", formatBytes$1(row.file.sizeBytes)]
+						children: [" · ", formatBytes(row.file.sizeBytes)]
 					})
 				]
 			}, row.file.id);
@@ -13322,9 +13667,13 @@ function routeInput(raw) {
 				const arg = match.rest.toLowerCase();
 				return {
 					kind: "plan",
-					mode: arg === "show" ? "show" : arg === "hide" ? "hide" : arg === "expand" ? "expand" : arg === "collapse" ? "collapse" : "toggle"
+					mode: arg === "show" ? "show" : arg === "hide" ? "hide" : arg === "expand" ? "expand" : arg === "collapse" ? "collapse" : arg === "minimize" ? "minimize" : "toggle"
 				};
 			}
+			case "subagent": return {
+				kind: "subagent",
+				mode: match.rest.toLowerCase() === "minimize" ? "minimize" : "browse"
+			};
 			case "new-conversation":
 			case "fork":
 			case "archive-conversation":
@@ -13332,7 +13681,6 @@ function routeInput(raw) {
 			case "effort-picker":
 			case "theme-picker":
 			case "pr-picker":
-			case "subagent":
 			case "status":
 			case "share":
 			case "browser":
@@ -13446,7 +13794,6 @@ const pageScrollFraction = .75;
 const HISTORY_PAGE_SIZE = 60;
 /** Cap composer growth; past this the textarea scrolls its content instead. */
 const maxComposerRows = 8;
-const maxAttachments = 10;
 /**
 * A server timestamp as local epoch ms, or null when it is missing or
 * unparseable so the caller can fall back to its own clock.
@@ -13456,19 +13803,6 @@ function parseStampMs(iso) {
 	const ms = Date.parse(iso);
 	return Number.isNaN(ms) ? null : ms;
 }
-function formatBytes(bytes) {
-	if (bytes < 1024) return `${bytes} B`;
-	if (bytes < 1024 * 1024) return `${Math.round(bytes / 1024)} KB`;
-	return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
-}
-/** Status glyph for a staged attachment chip: uploading / ready / failed. */
-function attachmentGlyph(a) {
-	switch (a.status) {
-		case "uploading": return "↑";
-		case "ready": return "✓";
-		case "error": return `✗ ${a.errorText ?? "upload failed"}`;
-	}
-}
 /**
 * Open a URL in the user's local browser. Best-effort: over SSH there may be
 * nothing to open — the card keeps showing the URL as the copyable fallback.
@@ -13524,6 +13858,11 @@ function ChatScreen({ agent, conversation, attachRunId, parentConversationId })
 	const [planHidden, setPlanHidden] = useState(false);
 	const [planExpanded, setPlanExpanded] = useState(false);
 	const togglePlanExpanded = useCallback(() => setPlanExpanded((current) => !current), []);
+	const [planMinimized, setPlanMinimized] = useState(false);
+	const togglePlanMinimized = useCallback(() => {
+		setPlanMinimized((current) => !current);
+		setPlanExpanded(false);
+	}, []);
 	const [subagentRows, setSubagentRows] = useState(0);
 	const [anchoredSubagentIds, setAnchoredSubagentIds] = useState([]);
 	const [scrolledUp, setScrolledUp] = useState(false);
@@ -13555,6 +13894,11 @@ function ChatScreen({ agent, conversation, attachRunId, parentConversationId })
 	const [modelPickerView, setModelPickerView] = useState(null);
 	const modelPickerOpen = modelPickerView !== null;
 	const [subagentSelection, setSubagentSelection] = useState(null);
+	const [subagentMinimized, setSubagentMinimized] = useState(false);
+	const toggleSubagentMinimized = useCallback(() => {
+		setSubagentMinimized((current) => !current);
+		setSubagentSelection(null);
+	}, []);
 	const [subagentBatches, setSubagentBatches] = useState(() => /* @__PURE__ */ new Map());
 	const onSubagentBatch = useCallback((report) => {
 		setSubagentBatches((current) => {
@@ -13588,8 +13932,6 @@ function ChatScreen({ agent, conversation, attachRunId, parentConversationId })
 	}, [initialConversationId]);
 	const [ctrlCArmed, setCtrlCArmed] = useState(false);
 	const [composerRows, setComposerRows] = useState(1);
-	const [attachments, setAttachments] = useState([]);
-	const uploadsRef = useRef(/* @__PURE__ */ new Map());
 	const [forking, setForking] = useState(false);
 	const forkingRef = useRef(false);
 	const [credPrompt, setCredPrompt] = useState(null);
@@ -13599,6 +13941,20 @@ function ChatScreen({ agent, conversation, attachRunId, parentConversationId })
 	const [askPrompt, setAskPrompt] = useState(null);
 	const askPromptOpen = askPrompt !== null;
 	const [restartConfirm, setRestartConfirm] = useState(false);
+	const { staged: attachments, stagedRef: attachmentsRef, stageClipboardImage, dropLast: dropLastAttachment, clearStaged: clearAttachments, collectForSend, adoptUploaded, releaseUploaded, restoreStaged } = useComposerAttachments({
+		rest,
+		agentId: agent.id,
+		pasteDisabled: cardPickerOpen || modelPickerOpen || themePickerOpen || prPickerOpen || helpOpen || creditsOpen || bgTasksOpen || credPromptOpen || Boolean(grantPrompt) || computePromptOpen || askPromptOpen || restartConfirm || nonWebChannel !== null,
+		onPasteText: (text) => {
+			composerRef.current?.insertText(text);
+			handleComposerChange();
+		},
+		onError: (message) => setItems((prev) => [...prev, {
+			kind: "error",
+			id: crypto.randomUUID(),
+			text: message
+		}])
+	});
 	const [menuDismissed, setMenuDismissed] = useState(false);
 	const [menuHighlight, setMenuHighlight] = useState(0);
 	const commandQuery = grantPrompt || credPrompt || computePrompt || askPrompt || restartConfirm ? null : detectCommandTrigger(input);
@@ -13611,8 +13967,6 @@ function ChatScreen({ agent, conversation, attachRunId, parentConversationId })
 	conversationIdRef.current = conversationId;
 	const itemsRef = useRef(items);
 	itemsRef.current = items;
-	const attachmentsRef = useRef(attachments);
-	attachmentsRef.current = attachments;
 	const inputRef = useRef(input);
 	inputRef.current = input;
 	const credPromptRef = useRef(credPrompt);
@@ -13699,7 +14053,7 @@ function ChatScreen({ agent, conversation, attachRunId, parentConversationId })
 	const paneDragRef = useRef(null);
 	const composerBoxHeight = composerRows + 2;
 	const pendingVisible = !grantPrompt && !credPrompt && !computePrompt && !askPrompt && !nonWebChannel && attachments.length > 0;
-	const pendingRows = pendingVisible ? attachments.length + 2 : 0;
+	const pendingRows = pendingVisible ? attachmentTrayRows(attachments.length) : 0;
 	const credPromptHeight = 4 + (credPrompt && (credPrompt.error || credPrompt.submitting) ? 1 : 0);
 	const nonWebNoticeHeight = 5;
 	const computePromptHeight = 4;
@@ -13720,7 +14074,10 @@ function ChatScreen({ agent, conversation, attachRunId, parentConversationId })
 	const inlineReviewHeight = reviewOpen && reviewPlacement === "below" ? reviewHeight : 0;
 	const menuRows = menuOpen ? completionMenuHeight(menuCommands.length) : 0;
 	const todoCardVisible = !credPrompt && !planHidden && !!todos && todos.length > 0;
-	const todoRows = todoCardVisible ? todoCardHeight(todos, { expanded: planExpanded }) : 0;
+	const todoRows = todoCardVisible ? todoCardHeight(todos, {
+		expanded: planExpanded,
+		minimized: planMinimized
+	}) : 0;
 	const subagentItems = useMemo(() => {
 		const ids = new Set(anchoredSubagentIds);
 		return items.filter((item) => item.kind === "tool" && item.toolName === "subagent" && ids.has(item.id));
@@ -14034,28 +14391,13 @@ function ChatScreen({ agent, conversation, attachRunId, parentConversationId })
 			startedAtMs: Date.now()
 		});
 		try {
-			const attachmentIds = [];
-			const restorable = [];
-			const settled = await Promise.allSettled(staged.map((a) => uploadsRef.current.get(a.tempId)));
-			for (const [i, result] of settled.entries()) {
-				const row = staged[i];
-				if (!row) continue;
-				if (result.status === "fulfilled" && result.value) {
-					attachmentIds.push(result.value.id);
-					restorable.push({
-						...row,
-						status: "ready",
-						errorText: null
-					});
-				} else {
-					uploadsRef.current.delete(row.tempId);
-					setItems((prev) => [...prev, {
-						kind: "error",
-						id: crypto.randomUUID(),
-						text: `attachment failed: ${row.fileName}${result.status === "rejected" ? ` (${errorDetail(result.reason)})` : ""}`
-					}]);
-				}
-			}
+			const { files, rows, failed } = await collectForSend(staged);
+			const attachmentIds = files.map((file) => file.id);
+			for (const { attachment, reason } of failed) setItems((prev) => [...prev, {
+				kind: "error",
+				id: crypto.randomUUID(),
+				text: `attachment failed: ${attachment.fileName}${reason === null ? "" : ` (${errorDetail(reason)})`}`
+			}]);
 			if (!trimmed && attachmentIds.length === 0) {
 				setItems((prev) => prev.filter((m) => m.id !== optimisticId));
 				if (!wasStreaming) setRun({ kind: "idle" });
@@ -14068,7 +14410,7 @@ function ChatScreen({ agent, conversation, attachRunId, parentConversationId })
 				attachmentIds,
 				clientSurface: "tui"
 			});
-			for (const row of restorable) uploadsRef.current.delete(row.tempId);
+			releaseUploaded(rows);
 			if (result.isNewConversation) setConversationId(result.conversationId);
 			if (result.steered) {
 				const directiveId = result.directive?.id;
@@ -14098,27 +14440,26 @@ function ChatScreen({ agent, conversation, attachRunId, parentConversationId })
 				text: sendErrorMessage(err)
 			}]);
 			if (echo) setInput((existing) => existing ? existing : trimmed);
-			const restore = staged.filter((a) => uploadsRef.current.has(a.tempId));
-			if (restore.length > 0) setAttachments((prev) => [...restore.map((a) => ({
-				...a,
-				status: "ready",
-				errorText: null
-			})), ...prev]);
+			restoreStaged(staged);
 			if (!wasStreaming) setRun({ kind: "idle" });
 		}
 	}, [
 		rest,
 		agent.id,
 		conversationId,
-		attachToRun
+		attachToRun,
+		collectForSend,
+		releaseUploaded,
+		restoreStaged
 	]);
 	const portalStatus = portal.status;
 	useEffect(() => {
-		const { seedPrompt, autoGrantMachine } = useStore.getState();
-		if (!seedPrompt || !isNewConversation(conversation)) return;
+		const { seedPrompt, seedAttachments, autoGrantMachine } = useStore.getState();
+		if (!seedPrompt && seedAttachments.length === 0 || !isNewConversation(conversation)) return;
 		if (autoGrantMachine && (portalStatus === "off" || portalStatus === "connecting")) return;
 		useStore.setState({
 			seedPrompt: null,
+			seedAttachments: [],
 			autoGrantMachine: false
 		});
 		(async () => {
@@ -14136,7 +14477,7 @@ function ChatScreen({ agent, conversation, attachRunId, parentConversationId })
 					variant: "warning"
 				});
 			}
-			await sendContent(seedPrompt, []);
+			await sendContent(seedPrompt ?? "", adoptUploaded(seedAttachments));
 		})();
 	}, [
 		conversation,
@@ -14144,7 +14485,8 @@ function ChatScreen({ agent, conversation, attachRunId, parentConversationId })
 		portalClient,
 		agent.id,
 		agent.name,
-		sendContent
+		sendContent,
+		adoptUploaded
 	]);
 	const cancelLatestSteer = useCallback(() => {
 		if (!rest) return false;
@@ -14551,95 +14893,6 @@ function ChatScreen({ agent, conversation, attachRunId, parentConversationId })
 		if (detectCommandTrigger(composer.plainText) === null) setMenuDismissed(false);
 		setComposerRows(Math.min(Math.max(composer.editorView.getTotalVirtualLineCount(), 1), maxComposerRows));
 	}, []);
-	/**
-	* Stage a pasted/dropped file in the composer tray and start its upload
-	* immediately (the web composer's behavior). Submit awaits the in-flight
-	* uploads and carries the resulting attachment ids; the composer never
-	* blocks while an upload runs.
-	*/
-	const stageAttachment = useCallback(({ fileName, mediaType, data }) => {
-		if (!rest) return;
-		if (attachmentsRef.current.length >= maxAttachments) {
-			setItems((prev) => [...prev, {
-				kind: "error",
-				id: crypto.randomUUID(),
-				text: `attachment limit reached (${maxAttachments}); ${fileName} skipped`
-			}]);
-			return;
-		}
-		const tempId = crypto.randomUUID();
-		setAttachments((prev) => [...prev, {
-			tempId,
-			fileName,
-			sizeBytes: data.byteLength,
-			status: "uploading",
-			errorText: null
-		}]);
-		const promise = rest.uploadAttachment({
-			agentId: agent.id,
-			fileName,
-			mediaType,
-			data
-		});
-		uploadsRef.current.set(tempId, promise);
-		promise.then(() => {
-			setAttachments((prev) => prev.map((a) => a.tempId === tempId ? {
-				...a,
-				status: "ready"
-			} : a));
-		}).catch((err) => {
-			setAttachments((prev) => prev.map((a) => a.tempId === tempId ? {
-				...a,
-				status: "error",
-				errorText: errorMessage(err)
-			} : a));
-		});
-	}, [rest, agent.id]);
-	const stageFiles = useCallback((files) => {
-		for (const file of files) stageAttachment(file);
-	}, [stageAttachment]);
-	const pasteImage = useCallback(async () => {
-		const image = await readClipboardImage();
-		if (!image) return;
-		stageAttachment(image);
-	}, [stageAttachment]);
-	usePaste((event) => {
-		if (cardPickerOpen || modelPickerOpen || themePickerOpen || prPickerOpen || helpOpen || creditsOpen || bgTasksOpen || credPromptOpen || grantPrompt || computePromptOpen || askPromptOpen || restartConfirm || nonWebChannel) return;
-		const text = event.metadata?.kind === "binary" ? "" : decodePasteBytes(event.bytes);
-		const route = routePaste({
-			kind: event.metadata?.kind,
-			mimeType: event.metadata?.mimeType,
-			text
-		});
-		switch (route.kind) {
-			case "binary-image": {
-				event.preventDefault();
-				const ext = route.mediaType.split("/")[1]?.split("+")[0] ?? "png";
-				stageFiles([{
-					fileName: `pasted-image-${(/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-")}.${ext}`,
-					mediaType: route.mediaType,
-					data: event.bytes
-				}]);
-				return;
-			}
-			case "clipboard-image":
-				event.preventDefault();
-				pasteImage();
-				return;
-			case "dropped-paths":
-				event.preventDefault();
-				resolveDroppedFiles(route.paths).then((files) => {
-					if (files) {
-						stageFiles(files);
-						return;
-					}
-					composerRef.current?.insertText(route.text);
-					handleComposerChange();
-				});
-				return;
-			case "text": return;
-		}
-	});
 	const applyComposerText = useCallback((text, caret) => {
 		const composer = composerRef.current;
 		if (!composer) return;
@@ -14759,7 +15012,13 @@ function ChatScreen({ agent, conversation, attachRunId, parentConversationId })
 		const screenAtFork = useStore.getState().screen;
 		const stillHere = () => useStore.getState().screen === screenAtFork;
 		rest.forkConversation({ conversationId }).then((forked) => {
-			if (!stillHere()) return;
+			if (!stillHere()) {
+				forkingRef.current = false;
+				setForking(false);
+				return;
+			}
+			const current = runRef.current;
+			if (current.kind === "streaming") current.abort.abort();
 			goTo({
 				kind: "chat",
 				agent,
@@ -14772,7 +15031,7 @@ function ChatScreen({ agent, conversation, attachRunId, parentConversationId })
 			});
 			useStore.getState().showToast({
 				variant: "success",
-				message: "Forked conversation"
+				message: current.kind === "idle" ? "Forked conversation" : `Forked conversation — ${agent.name} keeps working on the original; reopen to reattach`
 			});
 		}).catch((err) => {
 			forkingRef.current = false;
@@ -15107,10 +15366,6 @@ function ChatScreen({ agent, conversation, attachRunId, parentConversationId })
 					});
 					break;
 				case "fork":
-					if (runRef.current.kind !== "idle") {
-						useStore.getState().showToast({ message: "finish or cancel the run first (ctrl+c)" });
-						break;
-					}
 					if (!conversationId) {
 						useStore.getState().showToast({ message: "nothing to fork yet; send a message first" });
 						break;
@@ -15148,9 +15403,20 @@ function ChatScreen({ agent, conversation, attachRunId, parentConversationId })
 					else setPrPickerOpen(true);
 					break;
 				case "subagent": {
+					if (routed.mode === "minimize") {
+						const next = !subagentMinimized;
+						setSubagentMinimized(next);
+						if (next) setSubagentSelection(null);
+						useStore.getState().showToast({ message: next ? "subagents minimized (/subagent minimize again to restore)" : "subagents restored" });
+						break;
+					}
 					const batch = anchoredSubagentBatchRef.current;
-					if (!batch || batch.rows.length === 0) useStore.getState().showToast({ message: "no subagents in this conversation yet" });
-					else setSubagentSelection({
+					if (!batch || batch.rows.length === 0) {
+						useStore.getState().showToast({ message: "no subagents in this conversation yet" });
+						break;
+					}
+					setSubagentMinimized(false);
+					setSubagentSelection({
 						toolCallId: batch.toolCallId,
 						index: 0
 					});
@@ -15186,15 +15452,25 @@ function ChatScreen({ agent, conversation, attachRunId, parentConversationId })
 						useStore.getState().showToast({ message: "no plan to show yet" });
 						break;
 					}
+					if (routed.mode === "minimize") {
+						const next = !planMinimized;
+						setPlanMinimized(next);
+						setPlanHidden(false);
+						setPlanExpanded(false);
+						useStore.getState().showToast({ message: next ? "plan minimized (/plan minimize again to restore)" : "plan restored" });
+						break;
+					}
 					if (routed.mode === "expand" || routed.mode === "collapse") {
 						const nextExpanded = routed.mode === "expand";
 						setPlanExpanded(nextExpanded);
-						if (nextExpanded) setPlanHidden(false);
+						setPlanHidden(false);
+						setPlanMinimized(false);
 						useStore.getState().showToast({ message: nextExpanded ? "plan expanded (/plan collapse)" : "plan collapsed" });
 						break;
 					}
 					const nextHidden = routed.mode === "toggle" ? !planHidden : routed.mode === "hide";
 					setPlanHidden(nextHidden);
+					if (!nextHidden) setPlanMinimized(false);
 					useStore.getState().showToast({ message: nextHidden ? "plan hidden (/plan show)" : "plan shown" });
 					break;
 				}
@@ -15262,7 +15538,7 @@ function ChatScreen({ agent, conversation, attachRunId, parentConversationId })
 		setInput("");
 		composerRef.current?.clear();
 		setComposerRows(1);
-		setAttachments([]);
+		clearAttachments();
 		sendContent(content, staged);
 	}, [
 		history,
@@ -15282,6 +15558,7 @@ function ChatScreen({ agent, conversation, attachRunId, parentConversationId })
 		compactConversation,
 		quit,
 		sendContent,
+		clearAttachments,
 		goTo,
 		agent,
 		appUrl,
@@ -15293,6 +15570,8 @@ function ChatScreen({ agent, conversation, attachRunId, parentConversationId })
 		promptForCards,
 		todos,
 		planHidden,
+		planMinimized,
+		subagentMinimized,
 		prLinks.length
 	]);
 	const submit = useCallback(() => {
@@ -15535,16 +15814,12 @@ function ChatScreen({ agent, conversation, attachRunId, parentConversationId })
 		}
 		if (key.name === "v" && key.ctrl) {
 			if (nonWebChannel) return;
-			pasteImage();
+			stageClipboardImage();
 			return;
 		}
 		if (key.name === "x" && key.ctrl || key.name === "backspace" && attachmentsRef.current.length > 0 && !composerRef.current?.plainText) {
 			if (nonWebChannel) return;
-			const last = attachmentsRef.current.at(-1);
-			if (last) {
-				uploadsRef.current.delete(last.tempId);
-				setAttachments((prev) => prev.filter((a) => a.tempId !== last.tempId));
-			}
+			dropLastAttachment();
 			return;
 		}
 		if (key.name === "l" && key.ctrl) openInBrowser();
@@ -15939,12 +16214,16 @@ function ChatScreen({ agent, conversation, attachRunId, parentConversationId })
 			/* @__PURE__ */ jsx(SubagentCardView, {
 				items: subagentItems,
 				isActive: run.kind !== "idle",
+				minimized: subagentMinimized,
+				onToggleMinimized: toggleSubagentMinimized,
 				onHeightChange: setSubagentRows
 			}),
 			todoCardVisible && todos ? /* @__PURE__ */ jsx(TodoCardView, {
 				todos,
 				isActive: run.kind !== "idle",
+				minimized: planMinimized,
 				expanded: planExpanded,
+				onToggleMinimized: togglePlanMinimized,
 				onToggleExpanded: togglePlanExpanded
 			}) : null,
 			compacting ? /* @__PURE__ */ jsxs("box", {
@@ -15964,29 +16243,7 @@ function ChatScreen({ agent, conversation, attachRunId, parentConversationId })
 					children: ["  ", "you can keep typing"]
 				})]
 			}) : null,
-			pendingVisible ? /* @__PURE__ */ jsxs("box", {
-				style: {
-					paddingLeft: 1,
-					paddingRight: 1,
-					flexShrink: 0,
-					marginTop: 1,
-					flexDirection: "column"
-				},
-				children: [attachments.map((a) => /* @__PURE__ */ jsxs("text", {
-					fg: a.status === "error" ? theme.error : theme.muted,
-					children: [
-						"📎 ",
-						a.fileName,
-						" (",
-						formatBytes(a.sizeBytes),
-						") ",
-						attachmentGlyph(a)
-					]
-				}, a.tempId)), /* @__PURE__ */ jsx("text", {
-					fg: theme.dim,
-					children: "ctrl+x remove last"
-				})]
-			}) : null,
+			pendingVisible ? /* @__PURE__ */ jsx(AttachmentTray, { attachments }) : null,
 			menuOpen ? /* @__PURE__ */ jsx(CompletionMenu, {
 				items: menuCommands.map((c) => ({
 					id: c.name,