skydive-cli 0.1.0-beta.297 → 0.1.0-beta.314

package/README.md

@@ -209,7 +209,10 @@ This is off by default (default-deny) and you opt in explicitly:
 
 - `skydive chat --share-machine` enables it at launch, or
 - `ctrl+t` toggles it from the chat screen (the status bar shows `local access`
-  when on, `revoke access` when off).
+  when on, `revoke access` when off), or
+- set `"shareMachineDefault": true` in the CLI config file to share on every
+  launch (see [Configuration](#configuration); `--no-share-machine` overrides
+  once).
 
 What to know before enabling it:
 
@@ -234,6 +237,10 @@ What to know before enabling it:
   sent, the target agent is granted access (the flag is the consent — there is
   no prompt to approve), and the connection is torn down when the run ends.
   For access that outlives a single run, use `skydive portal open` (below).
+  When sharing comes from `shareMachineDefault` rather than the explicit
+  flag, no new grant is minted — the machine connects and already-granted
+  agents can run, but an ungranted agent still needs `skydive portal grant`
+  (or an approved request).
 
 ### Headless machine access (`skydive portal`)
 
@@ -262,6 +269,27 @@ Two unattended patterns:
   `skydive chat -p "<prompt>" --agent <name>` one-shots from another shell \u2014
   cheaper when firing many prompts, since each one skips the connect/grant.
 
+## Configuration
+
+Persistent state lives in a per-user JSON file managed by
+[`conf`](https://github.com/sindresorhus/conf):
+`~/Library/Preferences/skydive/config.json` on macOS,
+`~/.config/skydive/config.json` on Linux (profile name follows
+`SKYDIVE_CONFIG_NAME`). Most keys are written by flows — `auth login`, the
+device-login flow, the in-TUI theme picker — but the file is plain JSON and
+read fresh on every invocation, so preference keys can be set by editing it
+directly. There is deliberately no `skydive config` command.
+
+Hand-editable keys:
+
+| Key                   | Type    | Effect                                                                                                                                                                                                                          |
+| --------------------- | ------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `shareMachineDefault` | boolean | When `true`, `skydive chat` (TUI and `-p`) shares this machine over the portal on launch, as if `--share-machine` were passed. An explicit `--share-machine`/`--no-share-machine` overrides it per invocation. Default `false`. |
+
+The remaining keys (`apiKey`, `apiUrl`, `sessionToken`, `appUrl`, `themeDark`,
+`themeLight`, …) are credentials or flow-managed state — leave them to the
+CLI.
+
 ## Environment variables
 
 | Variable                | Effect                                           |

package/dist/js/bin.mjs

@@ -16,7 +16,7 @@ import zlib from "node:zlib";
 import os from "node:os";
 
 //#region package.json
-var version$1 = "0.1.0-beta.297";
+var version$1 = "0.1.0-beta.314";
 
 //#endregion
 //#region src/types.ts
@@ -157,6 +157,17 @@ function getSavedTheme(mode) {
 function saveTheme(mode, themeId) {
 	store.set(mode === "dark" ? "themeDark" : "themeLight", themeId);
 }
+/**
+* Whether `skydive chat` should enable portal machine sharing on launch
+* without `--share-machine`. Set by hand-editing `shareMachineDefault` in
+* config.json — deliberately no CLI command (kept off the API surface).
+* Sharing only makes the machine reachable — agents still need a
+* (persistent) grant to run anything, so this default skips the per-session
+* enable step, not the consent step.
+*/
+function getShareMachineDefault() {
+	return store.get("shareMachineDefault") ?? false;
+}
 
 //#endregion
 //#region src/api-client.ts
@@ -2562,8 +2573,7 @@ const chatCommand = {
 		describe: "For -p: continue an existing conversation by id instead of starting a new one."
 	}).option("share-machine", {
 		type: "boolean",
-		default: false,
-		describe: "Share this machine with the agent over the portal so it can run commands here (default-deny; in the TUI you approve per agent, with -p the flag grants the target agent for the run)"
+		describe: "Share this machine with the agent over the portal so it can run commands here (default-deny; in the TUI you approve per agent, with -p the flag grants the target agent for the run). Defaults to `shareMachineDefault` in the CLI config file; --no-share-machine disables for this invocation."
 	}).option("theme", {
 		type: "string",
 		describe: `Pin a colorscheme (disables automatic light/dark switching). One of: ${themes.map((t) => t.id).join(", ")}. Defaults to following the terminal background; also settable via SKYDIVE_THEME.`
@@ -2607,11 +2617,11 @@ const chatCommand = {
 			printError(`Unknown theme "${themeId}". Valid themes: ${themes.map((t) => t.id).join(", ")}`);
 			process.exit(1);
 		}
-		const { runChat } = await import("./boot-DYzw1U0y.mjs");
+		const { runChat } = await import("./boot-DEX6CwVM.mjs");
 		await runChat({
 			appUrl,
 			sessionToken: session.value.sessionToken,
-			shareMachine: argv["share-machine"],
+			shareMachine: resolveShareMachine(argv),
 			promptHistoryPath: getPromptHistoryPath(),
 			theme: themeId,
 			notifications: argv.notify,
@@ -2619,6 +2629,14 @@ const chatCommand = {
 		});
 	}
 };
+/**
+* Whether this invocation shares the machine: an explicit
+* --share-machine/--no-share-machine wins; otherwise fall back to the
+* persisted `shareMachineDefault` config value.
+*/
+function resolveShareMachine(argv) {
+	return argv["share-machine"] ?? getShareMachineDefault();
+}
 async function runPrintMode({ argv, appUrl }) {
 	const session = resolveSession({ appUrl });
 	if (session.isErr()) {
@@ -2639,7 +2657,7 @@ async function runPrintMode({ argv, appUrl }) {
 		}
 	}
 	let machineShare = null;
-	if (argv["share-machine"]) {
+	if (resolveShareMachine(argv)) {
 		const { PortalClient } = await import("./client-_OL8-XGH.mjs").then((n) => n.n);
 		let signalConnected;
 		const connected = new Promise((resolve) => {
@@ -2657,7 +2675,7 @@ async function runPrintMode({ argv, appUrl }) {
 		machineShare.enable();
 		if (await Promise.race([connected.then(() => false), new Promise((resolve) => setTimeout(() => resolve(true), 3e4).unref())])) {
 			machineShare.dispose();
-			printError("Could not connect the portal within 30s — machine sharing is unavailable (network, or the portal kill switch is off). Re-run without --share-machine, or check `skydive portal status`.");
+			printError("Could not connect the portal within 30s — machine sharing is unavailable (network, or the portal kill switch is off). Re-run with --no-share-machine (or unset `shareMachineDefault` in the CLI config), or check `skydive portal status`.");
 			process.exit(1);
 		}
 	}
@@ -2669,7 +2687,8 @@ async function runPrintMode({ argv, appUrl }) {
 			agentSelector: argv.agent ?? null,
 			conversationId: argv.conversation ?? null,
 			json: argv.json,
-			machineShare
+			machineShare,
+			grantTargetAgent: argv["share-machine"] === true
 		});
 		if (argv.json) output(argv, result);
 	} catch (error) {
@@ -3042,7 +3061,7 @@ var print_exports = /* @__PURE__ */ __exportAll({
 * disambiguate: an `--agent` selector must match exactly one agent, and
 * when it's omitted we only auto-pick if the account has exactly one.
 */
-async function runPrint({ appUrl, sessionToken, prompt, agentSelector, conversationId, json, machineShare }) {
+async function runPrint({ appUrl, sessionToken, prompt, agentSelector, conversationId, json, machineShare, grantTargetAgent }) {
 	const client = createRestClient({
 		appUrl,
 		sessionToken
@@ -3052,8 +3071,9 @@ async function runPrint({ appUrl, sessionToken, prompt, agentSelector, conversat
 		onPage: null
 	}), agentSelector);
 	if (machineShare) {
-		if (!machineShare.isGranted(agent.id)) await machineShare.grantAgent(agent.id);
-		console.error(`portal: shared this machine with ${agent.name} for this run (grant persists until revoked)`);
+		if (!machineShare.isGranted(agent.id) && grantTargetAgent) await machineShare.grantAgent(agent.id);
+		if (machineShare.isGranted(agent.id)) console.error(`portal: shared this machine with ${agent.name} for this run (grant persists until revoked)`);
+		else console.error(`portal: this machine is shared (shareMachineDefault), but ${agent.name} has no grant — approve its request, or run \`skydive portal grant --agent ${agent.name}\`.`);
 	}
 	let send;
 	try {
@@ -3390,7 +3410,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-DYzw1U0y.mjs");
+			const { runWorkspacePicker } = await import("./boot-DEX6CwVM.mjs");
 			await runWorkspacePicker(session);
 			return;
 		}

package/dist/js/{boot-DYzw1U0y.mjs → boot-DEX6CwVM.mjs}

@@ -1096,7 +1096,8 @@ function AgentCreateScreen() {
 				agent,
 				conversation: {
 					kind: "new",
-					agentId: agent.id
+					agentId: agent.id,
+					nonce: crypto.randomUUID()
 				}
 			});
 		} catch (err) {
@@ -1406,7 +1407,8 @@ function ConversationList({ agent, conversations, complete, onPick }) {
 			agent,
 			conversation: {
 				kind: "new",
-				agentId: agent.id
+				agentId: agent.id,
+				nonce: crypto.randomUUID()
 			}
 		});
 		else onPick({
@@ -2905,6 +2907,19 @@ function RenderItem({ item }) {
 			barColor: null,
 			children: /* @__PURE__ */ jsx(CardItem, { item })
 		});
+		case "info": return /* @__PURE__ */ jsx(Row, {
+			barColor: null,
+			children: /* @__PURE__ */ jsxs("box", {
+				style: { flexDirection: "column" },
+				children: [/* @__PURE__ */ jsx("text", {
+					fg: theme.muted,
+					children: /* @__PURE__ */ jsx("b", { children: item.title })
+				}), /* @__PURE__ */ jsx("text", {
+					fg: theme.muted,
+					children: item.text
+				})]
+			})
+		});
 		case "recap": return /* @__PURE__ */ jsx(Row, {
 			barColor: null,
 			children: /* @__PURE__ */ jsxs("text", {
@@ -3454,7 +3469,7 @@ function mapToolState(raw) {
 function formatChatFooterStatus({ runKind, ctrlCArmed, isShared, hasPendingSteer, hasActionableCard }) {
 	const connectHint = hasActionableCard ? "ctrl+r connect · " : "";
 	switch (runKind) {
-		case "idle": return ctrlCArmed ? "press ctrl+c again to quit" : `${connectHint}↵  send · esc back · ctrl+c quit · ctrl+t ${isShared ? "revoke access" : "local access"} · ? keybinds`;
+		case "idle": return ctrlCArmed ? "press ctrl+c again to quit" : `${connectHint}↵  send · / commands · esc back · ctrl+c quit · ctrl+t ${isShared ? "revoke access" : "local access"} · ? keybinds`;
 		case "sending": return "sending…";
 		case "streaming": return hasPendingSteer ? `${connectHint}↵ steer · esc cancel steer · ctrl+c cancel run` : `${connectHint}↵ steer · ctrl+c cancel`;
 	}
@@ -3464,6 +3479,31 @@ function formatModelHint(model) {
 	return `ctrl+p · ${model ?? "default"}`;
 }
 
+//#endregion
+//#region src/chat/tui/chat/status-info.ts
+/**
+* Body text for the `/status` transcript block: the session facts the status
+* bar and footer can't fit, one aligned `label  value` row each. Pure so the
+* layout is testable without a renderer.
+*/
+function formatStatusInfo({ appUrl, workspaceName, agentName, conversationId, model, share }) {
+	const rows = [
+		["app", appUrl ?? "unknown"],
+		["workspace", workspaceName ?? "unknown"],
+		["agent", agentName],
+		["conversation", conversationId ?? "new — created when you send the first message"],
+		["model", model ?? "default"],
+		["local access", formatShare(share)]
+	];
+	const width = Math.max(...rows.map(([label]) => label.length));
+	return rows.map(([label, value]) => `${label.padEnd(width)}  ${value}`).join("\n");
+}
+function formatShare(share) {
+	if (share.status === "off") return "off — ctrl+t to share this machine";
+	if (share.status !== "connected") return share.status;
+	return share.grantedToAgent ? "shared — this agent can run commands here" : "shared — this agent is not granted";
+}
+
 //#endregion
 //#region src/chat/notification-preview.ts
 const MAX_NOTIFICATION_PREVIEW_CHARS = 240;
@@ -3750,12 +3790,37 @@ const keybindGroups = [
 				keys: "pgup / pgdn",
 				action: "scroll transcript"
 			},
+			{
+				keys: "/",
+				action: "open the command menu (start of message)"
+			},
 			{
 				keys: "?",
 				action: "open this help (composer empty)"
 			}
 		]
 	},
+	{
+		title: "command menu (type / to open)",
+		binds: [
+			{
+				keys: "↑ / ↓",
+				action: "move selection"
+			},
+			{
+				keys: "tab",
+				action: "complete the command"
+			},
+			{
+				keys: "↵",
+				action: "run (or complete) the selected command"
+			},
+			{
+				keys: "esc",
+				action: "dismiss the menu"
+			}
+		]
+	},
 	{
 		title: "agent picker",
 		binds: [
@@ -4006,6 +4071,182 @@ function HelpModal({ onClose }) {
 	});
 }
 
+//#endregion
+//#region src/chat/tui/autocomplete/completion-menu.tsx
+const MAX_COMPLETION_ROWS = 6;
+/**
+* Rows the menu occupies in the chat screen's fixed layout budget: the
+* windowed items (min 1 for the empty row) plus the border. The chat screen
+* subtracts this from the transcript height, mirroring the composer and
+* staged-attachment panels.
+*/
+function completionMenuHeight(itemCount) {
+	return Math.min(Math.max(itemCount, 1), MAX_COMPLETION_ROWS) + 2;
+}
+/**
+* The inline autocomplete dropdown, rendered directly above the composer
+* (never as a screen overlay — the composer must stay mounted and focused).
+* Pure presentation: the chat screen owns the open/highlight state and the
+* keyboard handling.
+*/
+function CompletionMenu({ items, highlight }) {
+	const start = windowStart(highlight, items.length, MAX_COMPLETION_ROWS);
+	const windowed = items.slice(start, start + MAX_COMPLETION_ROWS);
+	return /* @__PURE__ */ jsx("box", {
+		style: {
+			border: true,
+			borderColor: theme.faint,
+			paddingLeft: 1,
+			paddingRight: 1,
+			flexShrink: 0,
+			marginTop: 1,
+			flexDirection: "column"
+		},
+		children: windowed.length === 0 ? /* @__PURE__ */ jsx("text", {
+			fg: theme.muted,
+			children: "no matching command — ↵ sends as a message"
+		}) : windowed.map((item, i) => {
+			const selected = start + i === highlight;
+			return /* @__PURE__ */ jsxs("text", {
+				fg: selected ? theme.accent : theme.fg,
+				children: [
+					selected ? "› " : "  ",
+					item.label,
+					item.hint ? /* @__PURE__ */ jsx("span", {
+						fg: theme.dim,
+						children: ` ${item.hint}`
+					}) : null,
+					/* @__PURE__ */ jsx("span", {
+						fg: theme.muted,
+						children: `  ${item.description}`
+					})
+				]
+			}, item.id);
+		})
+	});
+}
+
+//#endregion
+//#region src/chat/slash-commands.ts
+const slashCommands = [
+	{
+		name: "sandbox",
+		aliases: ["sbx"],
+		argsHint: "[command]",
+		description: "run in the agent's sandbox (no command: open a terminal)",
+		action: { kind: "sandbox" }
+	},
+	{
+		name: "new",
+		aliases: [],
+		argsHint: null,
+		description: "start a new conversation with this agent",
+		action: { kind: "new-conversation" }
+	},
+	{
+		name: "model",
+		aliases: [],
+		argsHint: null,
+		description: "switch the model for the next run",
+		action: { kind: "model-picker" }
+	},
+	{
+		name: "theme",
+		aliases: [],
+		argsHint: null,
+		description: "switch the color theme",
+		action: { kind: "theme-picker" }
+	},
+	{
+		name: "status",
+		aliases: [],
+		argsHint: null,
+		description: "show connection and session status",
+		action: { kind: "status" }
+	},
+	{
+		name: "share",
+		aliases: [],
+		argsHint: null,
+		description: "local access: grant / revoke this machine",
+		action: { kind: "share" }
+	},
+	{
+		name: "browser",
+		aliases: [],
+		argsHint: null,
+		description: "open this conversation in the browser",
+		action: { kind: "browser" }
+	},
+	{
+		name: "connect",
+		aliases: [],
+		argsHint: null,
+		description: "run the newest connect card (auth cards)",
+		action: { kind: "connect" }
+	},
+	{
+		name: "help",
+		aliases: [],
+		argsHint: null,
+		description: "show keybinds and commands",
+		action: { kind: "help" }
+	},
+	{
+		name: "exit",
+		aliases: ["quit"],
+		argsHint: null,
+		description: "quit the chat",
+		action: { kind: "quit" }
+	}
+];
+/**
+* Match a submitted line against the registry: `/<name>` or `/<name> <rest>`,
+* case-insensitive on the name. Returns the command plus the trimmed rest,
+* or null when the line isn't a known slash command.
+*
+* An argument-less command only matches as the exact line — `/help me write
+* a plan` stays an ordinary message rather than swallowing the user's text
+* into the help modal. Only `sandbox` accepts a rest.
+*/
+function matchSlashCommand(line) {
+	if (!line.startsWith("/")) return null;
+	const sp = line.indexOf(" ");
+	const name = (sp === -1 ? line.slice(1) : line.slice(1, sp)).toLowerCase();
+	const command = slashCommands.find((c) => c.name === name || c.aliases.includes(name));
+	if (!command) return null;
+	const rest = sp === -1 ? "" : line.slice(sp + 1).trim();
+	if (command.argsHint === null && rest !== "") return null;
+	return {
+		command,
+		rest
+	};
+}
+/**
+* The in-progress command token the completion menu should open for: the
+* composer text is a lone `/<partial>` with no whitespace yet (whitespace
+* means the name is settled and the user is typing arguments — or prose).
+* Returns the partial name ('' right after `/`), or null when no menu
+* should show.
+*/
+function detectCommandTrigger(text) {
+	if (!text.startsWith("/")) return null;
+	if (/\s/.test(text)) return null;
+	return text.slice(1);
+}
+/**
+* Menu ordering: prefix matches (registry order) ahead of substring matches,
+* checked against names and aliases. Empty query lists everything.
+*/
+function filterSlashCommands(query) {
+	const q = query.trim().toLowerCase();
+	if (!q) return [...slashCommands];
+	const names = (c) => [c.name, ...c.aliases];
+	const prefix = slashCommands.filter((c) => names(c).some((n) => n.startsWith(q)));
+	const substring = slashCommands.filter((c) => !prefix.includes(c) && names(c).some((n) => n.includes(q)));
+	return [...prefix, ...substring];
+}
+
 //#endregion
 //#region src/chat/tui/screens/model-picker.tsx
 /**
@@ -4832,28 +5073,35 @@ function routeInput(raw) {
 			command
 		} : { kind: "noop" };
 	}
-	const sandbox = matchSlash(line, ["sandbox", "sbx"]);
-	if (sandbox !== null) return sandbox ? {
-		kind: "sandbox-exec",
-		command: sandbox
-	} : { kind: "sandbox-pty" };
+	const match = matchSlashCommand(line);
+	if (match) {
+		const { action } = match.command;
+		switch (action.kind) {
+			case "sandbox": return match.rest ? {
+				kind: "sandbox-exec",
+				command: match.rest
+			} : { kind: "sandbox-pty" };
+			case "new-conversation":
+			case "model-picker":
+			case "theme-picker":
+			case "status":
+			case "share":
+			case "browser":
+			case "connect":
+			case "help":
+			case "quit": return { kind: action.kind };
+			default: {
+				const exhaustive = action;
+				throw new Error(`unhandled slash action: ${JSON.stringify(exhaustive)}`);
+			}
+		}
+	}
 	if (line.trim().toLowerCase() === "exit") return { kind: "quit" };
 	return {
 		kind: "message",
 		content: raw
 	};
 }
-/**
-* If `line` is `/<name>` or `/<name> <rest>` for one of `names`, return the
-* trimmed rest (possibly ''); otherwise null. Case-insensitive on the name.
-*/
-function matchSlash(line, names) {
-	if (!line.startsWith("/")) return null;
-	const sp = line.indexOf(" ");
-	const name = (sp === -1 ? line.slice(1) : line.slice(1, sp)).toLowerCase();
-	if (!names.includes(name)) return null;
-	return sp === -1 ? "" : line.slice(sp + 1).trim();
-}
 /** Max characters of `!` output we forward to the agent as context. */
 const SHELL_CONTEXT_OUTPUT_CAP = 16e3;
 /**
@@ -5139,6 +5387,7 @@ function ChatScreen({ agent, conversation }) {
 	const sessionToken = useStore((s) => s.sessionToken);
 	const goTo = useStore((s) => s.goTo);
 	const setChatTitle = useStore((s) => s.setChatTitle);
+	const workspaceName = useStore((s) => s.workspaceName);
 	const portal = useStore((s) => s.portal);
 	const portalClient = useStore((s) => s.portalClient);
 	const setPortalPrompt = useStore((s) => s.setPortalPrompt);
@@ -5162,6 +5411,12 @@ function ChatScreen({ agent, conversation }) {
 	const uploadsRef = useRef(/* @__PURE__ */ new Map());
 	const [credPrompt, setCredPrompt] = useState(null);
 	const credPromptOpen = credPrompt !== null;
+	const [menuDismissed, setMenuDismissed] = useState(false);
+	const [menuHighlight, setMenuHighlight] = useState(0);
+	const commandQuery = grantPrompt || credPrompt ? null : detectCommandTrigger(input);
+	const menuCommands = commandQuery === null ? [] : filterSlashCommands(commandQuery);
+	const menuOpen = commandQuery !== null && !menuDismissed;
+	const menuHighlightClamped = Math.min(menuHighlight, Math.max(0, menuCommands.length - 1));
 	const runRef = useRef(run);
 	runRef.current = run;
 	const itemsRef = useRef(items);
@@ -5191,7 +5446,8 @@ function ChatScreen({ agent, conversation }) {
 	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);
+	const menuRows = menuOpen ? completionMenuHeight(menuCommands.length) : 0;
+	const scrollHeight = Math.max(3, height - 5 - bottomBoxHeight - pendingRows - menuRows);
 	useEffect(() => {
 		const composer = composerRef.current;
 		if (!composer) return;
@@ -5524,6 +5780,12 @@ function ChatScreen({ agent, conversation }) {
 		portalClient,
 		portal.status
 	]);
+	const runNewestCard = useCallback(() => {
+		const target = [...itemsRef.current].reverse().find(isActionableCard);
+		if (!target) return false;
+		runCardAction(target);
+		return true;
+	}, [runCardAction]);
 	const handleCredInput = useCallback((displayed) => {
 		setCredPrompt((prev) => {
 			if (!prev || prev.submitting) return prev;
@@ -5700,42 +5962,12 @@ function ChatScreen({ agent, conversation }) {
 		agentHost,
 		renderer
 	]);
-	const submit = useCallback(() => {
-		const content = input.trim();
-		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);
-			setInput("");
-			composerRef.current?.clear();
-			setComposerRows(1);
-			if (routed.kind === "local-shell") runLocalShell(routed.command);
-			else if (routed.kind === "sandbox-exec") runSandboxExec(routed.command);
-			else if (routed.kind === "sandbox-pty") runSandboxPty();
-			else if (routed.kind === "quit") quit();
-			return;
-		}
-		history.append(content);
-		setInput("");
-		composerRef.current?.clear();
-		setComposerRows(1);
-		setAttachments([]);
-		sendContent(content, staged);
-	}, [
-		input,
-		attachments,
-		sendContent,
-		history,
-		runLocalShell,
-		runSandboxExec,
-		runSandboxPty,
-		quit
-	]);
 	const handleComposerChange = useCallback(() => {
 		const composer = composerRef.current;
 		if (!composer) return;
 		setInput(composer.plainText);
+		setMenuHighlight(0);
+		if (detectCommandTrigger(composer.plainText) === null) setMenuDismissed(false);
 		setComposerRows(Math.min(Math.max(composer.editorView.getTotalVirtualLineCount(), 1), maxComposerRows));
 	}, []);
 	/**
@@ -5915,6 +6147,126 @@ function ChatScreen({ agent, conversation }) {
 		setPortalPrompt(null);
 		useStore.getState().showToast({ message: "kept this machine private" });
 	}, [agent.id, setPortalPrompt]);
+	const executeLine = useCallback((content, staged) => {
+		if (!content && staged.length === 0) return;
+		const routed = routeInput(content);
+		if (routed.kind !== "message") {
+			history.append(content);
+			setInput("");
+			composerRef.current?.clear();
+			setComposerRows(1);
+			switch (routed.kind) {
+				case "local-shell":
+					runLocalShell(routed.command);
+					break;
+				case "sandbox-exec":
+					runSandboxExec(routed.command);
+					break;
+				case "sandbox-pty":
+					runSandboxPty();
+					break;
+				case "new-conversation":
+					if (runRef.current.kind !== "idle") {
+						useStore.getState().showToast({ message: "finish or cancel the run first (ctrl+c)" });
+						break;
+					}
+					goTo({
+						kind: "chat",
+						agent,
+						conversation: {
+							kind: "new",
+							agentId: agent.id,
+							nonce: crypto.randomUUID()
+						}
+					});
+					break;
+				case "model-picker":
+					setModelPickerOpen(true);
+					break;
+				case "theme-picker":
+					setThemePickerOpen(true);
+					break;
+				case "status":
+					setItems((prev) => [...prev, {
+						kind: "info",
+						id: crypto.randomUUID(),
+						title: "status",
+						text: formatStatusInfo({
+							appUrl,
+							workspaceName,
+							agentName: agent.name,
+							conversationId,
+							model,
+							share: {
+								status: portal.status,
+								grantedToAgent: portal.grantedAgentIds.includes(agent.id)
+							}
+						})
+					}]);
+					break;
+				case "share":
+					toggleShare();
+					break;
+				case "browser":
+					openInBrowser();
+					break;
+				case "connect":
+					if (!runNewestCard()) useStore.getState().showToast({ message: "no connect card waiting for action" });
+					break;
+				case "help":
+					setHelpOpen(true);
+					break;
+				case "quit":
+					quit();
+					break;
+				case "noop": break;
+				default: {
+					const exhaustive = routed;
+					throw new Error(`unhandled route: ${JSON.stringify(exhaustive)}`);
+				}
+			}
+			return;
+		}
+		history.append(content);
+		setInput("");
+		composerRef.current?.clear();
+		setComposerRows(1);
+		setAttachments([]);
+		sendContent(content, staged);
+	}, [
+		history,
+		runLocalShell,
+		runSandboxExec,
+		runSandboxPty,
+		toggleShare,
+		openInBrowser,
+		quit,
+		sendContent,
+		goTo,
+		agent,
+		appUrl,
+		workspaceName,
+		conversationId,
+		model,
+		portal.status,
+		portal.grantedAgentIds,
+		runNewestCard
+	]);
+	const submit = useCallback(() => {
+		const staged = attachments.filter((a) => a.status !== "error");
+		executeLine(input.trim(), staged);
+	}, [
+		executeLine,
+		input,
+		attachments
+	]);
+	const acceptCompletion = useCallback((command, execute) => {
+		if (execute && command.argsHint === null) {
+			executeLine(`/${command.name}`, []);
+			return;
+		}
+		applyComposerText(`/${command.name} `, "end");
+	}, [executeLine, applyComposerText]);
 	useEffect(() => {
 		if (!portalClient || portal.status !== "connected") return;
 		if (portal.grantedAgentIds.includes(agent.id)) return;
@@ -5960,6 +6312,38 @@ function ChatScreen({ agent, conversation }) {
 			}
 			if (!(key.name === "c" && key.ctrl || key.name === "pageup" || key.name === "pgup" || key.name === "pagedown" || key.name === "pgdn")) return;
 		}
+		if (menuOpen) {
+			if (key.name === "escape") {
+				setMenuDismissed(true);
+				return;
+			}
+			const selected = menuCommands[menuHighlightClamped];
+			if (selected) {
+				if (key.name === "up") {
+					setMenuHighlight((h) => Math.max(0, Math.min(h, menuCommands.length - 1) - 1));
+					key.preventDefault();
+					return;
+				}
+				if (key.name === "down") {
+					setMenuHighlight((h) => Math.min(menuCommands.length - 1, h + 1));
+					key.preventDefault();
+					return;
+				}
+				if (key.name === "tab") {
+					acceptCompletion(selected, false);
+					key.preventDefault();
+					return;
+				}
+				if ((key.name === "return" || key.name === "kpenter") && !key.shift) {
+					const query = (commandQuery ?? "").toLowerCase();
+					if (!(query === selected.name || selected.aliases.includes(query)) || selected.argsHint === null) {
+						acceptCompletion(selected, true);
+						key.preventDefault();
+						return;
+					}
+				}
+			}
+		}
 		const composer = composerRef.current;
 		if (composer && !grantPrompt && !credPrompt && (key.name === "up" || key.name === "down")) {
 			if (key.name === "up") {
@@ -5973,6 +6357,7 @@ function ChatScreen({ agent, conversation }) {
 				const text = history.previous(composer.plainText);
 				if (text === null) return;
 				applyComposerText(text, "start");
+				if (detectCommandTrigger(text) !== null) setMenuDismissed(true);
 				key.preventDefault();
 				return;
 			}
@@ -5987,6 +6372,7 @@ function ChatScreen({ agent, conversation }) {
 			const text = history.next(composer.plainText);
 			if (text === null) return;
 			applyComposerText(text, "end");
+			if (detectCommandTrigger(text) !== null) setMenuDismissed(true);
 			key.preventDefault();
 			return;
 		}
@@ -5995,8 +6381,7 @@ function ChatScreen({ agent, conversation }) {
 			return;
 		}
 		if (key.name === "r" && key.ctrl) {
-			const target = [...itemsRef.current].reverse().find(isActionableCard);
-			if (target) runCardAction(target);
+			runNewestCard();
 			return;
 		}
 		if (key.name === "t" && key.ctrl) {
@@ -6161,6 +6546,15 @@ function ChatScreen({ agent, conversation }) {
 					children: "ctrl+x remove last"
 				})]
 			}) : null,
+			menuOpen ? /* @__PURE__ */ jsx(CompletionMenu, {
+				items: menuCommands.map((c) => ({
+					id: c.name,
+					label: `/${c.name}`,
+					hint: c.argsHint,
+					description: c.description
+				})),
+				highlight: menuHighlightClamped
+			}) : null,
 			credPrompt ? /* @__PURE__ */ jsx(CredentialPromptBox, {
 				prompt: credPrompt,
 				height: credPromptHeight,
@@ -6531,7 +6925,7 @@ function App({ appUrl, sessionToken, shareMachine, promptHistoryPath, notificati
 						screen.kind === "chat" && rest && /* @__PURE__ */ jsx(ChatScreen, {
 							agent: screen.agent,
 							conversation: screen.conversation
-						})
+						}, "id" in screen.conversation ? screen.conversation.id : screen.conversation.nonce)
 					]
 				})
 			]

package/package.json

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