skydive-cli 0.1.0-beta.276 → 0.1.0-beta.286

package/dist/js/bin.mjs

@@ -16,7 +16,7 @@ import { createParser } from "eventsource-parser";
 import os from "node:os";
 
 //#region package.json
-var version$1 = "0.1.0-beta.276";
+var version$1 = "0.1.0-beta.286";
 
 //#endregion
 //#region src/types.ts
@@ -2137,7 +2137,7 @@ const chatCommand = {
 			printError(`Unknown theme "${themeId}". Valid themes: ${themes.map((t) => t.id).join(", ")}`);
 			process.exit(1);
 		}
-		const { runChat } = await import("./boot-FPpnUcyM.mjs");
+		const { runChat } = await import("./boot-D23rGRlW.mjs");
 		await runChat({
 			appUrl,
 			sessionToken: session.value.sessionToken,
@@ -3345,7 +3345,7 @@ const switchCommand = {
 				printError("The workspace picker needs the Bun runtime and it could not be set up automatically. Pass a workspace slug instead, or install Bun and retry.");
 				process.exit(1);
 			}
-			const { runWorkspacePicker } = await import("./boot-FPpnUcyM.mjs");
+			const { runWorkspacePicker } = await import("./boot-D23rGRlW.mjs");
 			await runWorkspacePicker(session);
 			return;
 		}

package/dist/js/{boot-FPpnUcyM.mjs → boot-D23rGRlW.mjs}

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import { A as themesForMode, C as monoTheme, D as themeMode, E as themeForMode, F as DEFAULT_APP_URL, I as getConfigPath, L as getSavedTheme, M as listWorkspaces, N as setActiveWorkspace, O as themeModeFromColorFgBg, P as DEFAULT_API_URL, R as resolveWebUrl, S as findTheme, T as theme, _ as isRecord, b as DEFAULT_THEME_ID, c as resolveAgent, d as parseExternalOauthConnectParams, f as parseOauthConnectParams, g as errorMessage, h as parseConnectCard, j as getActiveWorkspaceId, k as themeVersion, l as MASK_CHAR, m as resolveConnectUrl, p as reconcileMaskedInput, u as cardActionErrorMessage, v as HttpError, w as noColorRequested, x as applyTheme, y as createRestClient, z as saveTheme } from "./bin.mjs";
 import { t as PortalClient } from "./client-_OL8-XGH.mjs";
-import path, { basename, isAbsolute, join, win32 } from "node:path";
+import path, { basename, extname, isAbsolute, join, win32 } from "node:path";
 import { z } from "zod";
 import open from "open";
 import { execFile, spawn } from "node:child_process";
@@ -1559,7 +1559,7 @@ function parseDroppedPaths(text) {
 			i += 1;
 			continue;
 		}
-		if (/\s/.test(ch)) {
+		if (ch === " " || ch === "	") {
 			if (current) {
 				tokens.push(current);
 				current = "";
@@ -1585,6 +1585,28 @@ function parseDroppedPaths(text) {
 	}
 	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.
 *
@@ -1610,25 +1632,30 @@ function routePaste(input) {
 	return { kind: "text" };
 }
 /**
-* Resolve path candidates into images using the filesystem and file magic,
-* not extensions. The whole batch must be regular image files; otherwise the
-* caller should restore the original paste as 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 resolveDroppedImages(paths) {
+async function resolveDroppedFiles(paths) {
 	try {
-		const images = await Promise.all(paths.map(async (path) => {
+		const files = await Promise.all(paths.map(async (path) => {
 			if (!(await stat(path)).isFile()) return null;
 			const data = new Uint8Array(await readFile(path));
-			const detected = await fileTypeFromBuffer(data);
-			if (!detected?.mime.startsWith("image/")) return null;
+			const mediaType = (await fileTypeFromBuffer(data))?.mime ?? TEXT_MIME_BY_EXT[extname(path).toLowerCase()] ?? "application/octet-stream";
 			return {
 				fileName: basename(path),
-				mediaType: detected.mime,
+				mediaType,
 				data
 			};
 		}));
-		if (!images.every((image) => image !== null)) return null;
-		return images;
+		if (!files.every((file) => file !== null)) return null;
+		return files;
 	} catch (_error) {
 		return null;
 	}
@@ -2774,12 +2801,15 @@ function Row({ barColor, children }) {
 }
 function RenderItem({ item }) {
 	switch (item.kind) {
-		case "user": return /* @__PURE__ */ jsx(Row, {
+		case "user": return /* @__PURE__ */ jsxs(Row, {
 			barColor: theme.accent,
-			children: /* @__PURE__ */ jsx("text", {
+			children: [item.text ? /* @__PURE__ */ jsx("text", {
 				fg: theme.user,
 				children: item.text
-			})
+			}) : null, item.attachments && item.attachments.length > 0 ? /* @__PURE__ */ jsxs("text", {
+				fg: theme.muted,
+				children: ["⎘ ", item.attachments.join(" · ")]
+			}) : null]
 		});
 		case "pending-steer": return /* @__PURE__ */ jsx(Row, {
 			barColor: theme.dim,
@@ -3200,10 +3230,15 @@ function uiMessagesToItems(messages) {
 	for (const m of messages) {
 		if (m.role === "user") {
 			const text = m.parts.map((p) => p.type === "text" ? p.text : "").join("").trim();
-			if (text) out.push({
+			const attachments = m.parts.filter((p) => p.type === "data-anyone-attachment").map((p) => {
+				const data = isRecord(p) && "data" in p && isRecord(p.data) ? p.data : null;
+				return data && typeof data.fileName === "string" ? data.fileName : "file";
+			});
+			if (text || attachments.length > 0) out.push({
 				kind: "user",
 				id: m.id,
-				text
+				text,
+				...attachments.length > 0 ? { attachments } : {}
 			});
 			continue;
 		}
@@ -4939,6 +4974,7 @@ const composerKeyBindings = [
 ];
 /** Cap composer growth; past this the textarea scrolls its content instead. */
 const maxComposerRows = 8;
+const maxAttachments = 10;
 function isNewConversation(c) {
 	return "kind" in c && c.kind === "new";
 }
@@ -4947,12 +4983,13 @@ function formatBytes(bytes) {
 	if (bytes < 1024 * 1024) return `${Math.round(bytes / 1024)} KB`;
 	return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
 }
-/**
-* Builds the transcript bubble text for a sent user message: the typed text
-* plus a line per attachment, so an image-only send still shows something.
-*/
-function userItemText(text, attachments) {
-	return [text, ...attachments.map((a) => `📎 ${a.fileName}`)].filter((line) => line.length > 0).join("\n");
+/** 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
@@ -4994,14 +5031,16 @@ function ChatScreen({ agent, conversation }) {
 	const [helpOpen, setHelpOpen] = useState(false);
 	const [ctrlCArmed, setCtrlCArmed] = useState(false);
 	const [composerRows, setComposerRows] = useState(1);
-	const [pending, setPending] = useState([]);
-	const [uploading, setUploading] = useState(false);
+	const [attachments, setAttachments] = useState([]);
+	const uploadsRef = useRef(/* @__PURE__ */ new Map());
 	const [credPrompt, setCredPrompt] = useState(null);
 	const credPromptOpen = credPrompt !== null;
 	const runRef = useRef(run);
 	runRef.current = run;
 	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);
@@ -5021,8 +5060,8 @@ function ChatScreen({ agent, conversation }) {
 	const scrollRef = useRef(null);
 	const composerRef = useRef(null);
 	const composerBoxHeight = composerRows + 2;
-	const pendingVisible = !grantPrompt && !credPrompt && (pending.length > 0 || uploading);
-	const pendingRows = pendingVisible ? pending.length + 2 : 0;
+	const pendingVisible = !grantPrompt && !credPrompt && attachments.length > 0;
+	const pendingRows = pendingVisible ? attachments.length + 2 : 0;
 	const credPromptHeight = 4 + (credPrompt && (credPrompt.error || credPrompt.submitting) ? 1 : 0);
 	const bottomBoxHeight = credPrompt ? credPromptHeight : composerBoxHeight;
 	const scrollHeight = Math.max(3, height - 5 - bottomBoxHeight - pendingRows);
@@ -5158,34 +5197,64 @@ function ChatScreen({ agent, conversation }) {
 			cancelled = true;
 		};
 	}, []);
-	const sendContent = useCallback(async (content, attachments, opts) => {
+	const sendContent = useCallback(async (content, staged, opts) => {
 		if (!rest) return;
 		const trimmed = content.trim();
-		if (!trimmed && attachments.length === 0) return;
+		if (!trimmed && staged.length === 0) return;
 		const echo = opts?.echo !== false;
 		const optimisticId = crypto.randomUUID();
+		const stagedNames = staged.map((a) => a.fileName);
 		if (echo) setItems((prev) => [...prev, {
 			kind: "user",
 			id: optimisticId,
-			text: userItemText(trimmed, attachments)
+			text: trimmed,
+			...stagedNames.length > 0 ? { attachments: stagedNames } : {}
 		}]);
 		const wasStreaming = runRef.current.kind === "streaming";
 		if (!wasStreaming) setRun({ kind: "sending" });
 		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" ? ` (${errorMessage(result.reason)})` : ""}`
+					}]);
+				}
+			}
+			if (!trimmed && attachmentIds.length === 0) {
+				setItems((prev) => prev.filter((m) => m.id !== optimisticId));
+				if (!wasStreaming) setRun({ kind: "idle" });
+				return;
+			}
 			const result = await rest.sendMessage({
 				agentId: agent.id,
 				conversationId,
 				content: trimmed,
-				attachmentIds: attachments.map((a) => a.id),
+				attachmentIds,
 				clientSurface: "tui"
 			});
+			for (const row of restorable) uploadsRef.current.delete(row.tempId);
 			if (result.isNewConversation) setConversationId(result.conversationId);
 			if (result.steered) {
 				const directiveId = result.directive?.id;
 				if (directiveId) setItems((prev) => prev.map((m) => m.id === optimisticId ? {
 					kind: "pending-steer",
 					id: directiveId,
-					text: userItemText(trimmed, attachments)
+					text: trimmed
 				} : m));
 				const current = runRef.current;
 				if (!(current.kind === "streaming" && current.runId === result.runId)) attachToRun(result.runId);
@@ -5198,10 +5267,13 @@ function ChatScreen({ agent, conversation }) {
 				id: crypto.randomUUID(),
 				text: errorMessage(err)
 			}]);
-			if (echo) {
-				setInput((existing) => existing ? existing : trimmed);
-				setPending((prev) => prev.length > 0 ? prev : attachments);
-			}
+			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]);
 			if (!wasStreaming) setRun({ kind: "idle" });
 		}
 	}, [
@@ -5501,8 +5573,8 @@ function ChatScreen({ agent, conversation }) {
 	]);
 	const submit = useCallback(() => {
 		const content = input.trim();
-		const attachments = pending;
-		if (!content && attachments.length === 0) return;
+		const staged = attachments.filter((a) => a.status !== "error");
+		if (!content && staged.length === 0) return;
 		const routed = routeInput(content);
 		if (routed.kind !== "message") {
 			history.append(content);
@@ -5519,11 +5591,11 @@ function ChatScreen({ agent, conversation }) {
 		setInput("");
 		composerRef.current?.clear();
 		setComposerRows(1);
-		setPending([]);
-		sendContent(content, attachments);
+		setAttachments([]);
+		sendContent(content, staged);
 	}, [
 		input,
-		pending,
+		attachments,
 		sendContent,
 		history,
 		runLocalShell,
@@ -5537,38 +5609,58 @@ function ChatScreen({ agent, conversation }) {
 		setInput(composer.plainText);
 		setComposerRows(Math.min(Math.max(composer.editorView.getTotalVirtualLineCount(), 1), maxComposerRows));
 	}, []);
-	const stageImages = useCallback(async (images) => {
-		if (!rest || uploading || images.length === 0) return;
-		setUploading(true);
-		try {
-			for (const image of images) {
-				const uploaded = await rest.uploadAttachment({
-					agentId: agent.id,
-					fileName: image.fileName,
-					mediaType: image.mediaType,
-					data: image.data
-				});
-				setPending((prev) => [...prev, uploaded]);
-			}
-		} catch (err) {
+	/**
+	* 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: `couldn't attach image: ${errorMessage(err)}`
+				text: `attachment limit reached (${maxAttachments}) — ${fileName} skipped`
 			}]);
-		} finally {
-			setUploading(false);
+			return;
 		}
-	}, [
-		rest,
-		uploading,
-		agent.id
-	]);
+		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;
-		await stageImages([image]);
-	}, [stageImages]);
+		stageAttachment(image);
+	}, [stageAttachment]);
 	usePaste((event) => {
 		if (modelPickerOpen || themePickerOpen || helpOpen || credPromptOpen || grantPrompt) return;
 		const text = event.metadata?.kind === "binary" ? "" : decodePasteBytes(event.bytes);
@@ -5581,7 +5673,7 @@ function ChatScreen({ agent, conversation }) {
 			case "binary-image": {
 				event.preventDefault();
 				const ext = route.mediaType.split("/")[1]?.split("+")[0] ?? "png";
-				stageImages([{
+				stageFiles([{
 					fileName: `pasted-image-${(/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-")}.${ext}`,
 					mediaType: route.mediaType,
 					data: event.bytes
@@ -5594,9 +5686,9 @@ function ChatScreen({ agent, conversation }) {
 				return;
 			case "dropped-paths":
 				event.preventDefault();
-				resolveDroppedImages(route.paths).then((images) => {
-					if (images) {
-						stageImages(images);
+				resolveDroppedFiles(route.paths).then((files) => {
+					if (files) {
+						stageFiles(files);
 						return;
 					}
 					composerRef.current?.insertText(route.text);
@@ -5786,8 +5878,12 @@ function ChatScreen({ agent, conversation }) {
 			pasteImage();
 			return;
 		}
-		if (key.name === "x" && key.ctrl) {
-			setPending((prev) => prev.slice(0, -1));
+		if (key.name === "x" && key.ctrl || key.name === "backspace" && attachmentsRef.current.length > 0 && !composerRef.current?.plainText) {
+			const last = attachmentsRef.current.at(-1);
+			if (last) {
+				uploadsRef.current.delete(last.tempId);
+				setAttachments((prev) => prev.filter((a) => a.tempId !== last.tempId));
+			}
 			return;
 		}
 		if (key.name === "l" && key.ctrl) openInBrowser();
@@ -5906,19 +6002,17 @@ function ChatScreen({ agent, conversation }) {
 					marginTop: 1,
 					flexDirection: "column"
 				},
-				children: [pending.map((a) => /* @__PURE__ */ jsxs("text", {
-					fg: theme.muted,
+				children: [attachments.map((a) => /* @__PURE__ */ jsxs("text", {
+					fg: a.status === "error" ? theme.error : theme.muted,
 					children: [
 						"📎 ",
 						a.fileName,
 						" (",
 						formatBytes(a.sizeBytes),
-						")"
+						") ",
+						attachmentGlyph(a)
 					]
-				}, a.id)), uploading ? /* @__PURE__ */ jsx("text", {
-					fg: theme.dim,
-					children: "uploading image…"
-				}) : /* @__PURE__ */ jsx("text", {
+				}, a.tempId)), /* @__PURE__ */ jsx("text", {
 					fg: theme.dim,
 					children: "ctrl+x remove last"
 				})]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "skydive-cli",
-  "version": "0.1.0-beta.276",
+  "version": "0.1.0-beta.286",
   "description": "Skydive CLI — manage AI agents from the command line",
   "homepage": "https://skydive.com",
   "license": "MIT",