skydive-cli 0.4.0-beta.979 → 0.4.1-beta.1

package/dist/js/{boot-DwFRniN5.mjs → boot-DPmh-zP7.mjs}

@@ -1,12 +1,14 @@
 #!/usr/bin/env node
-import { C as setActiveWorkspace, S as listWorkspaces, a as WORDMARK, b as getActiveWorkspaceId, c as applyTheme, d as noColorRequested, f as theme, g as themeVersion, h as themeModeFromColorFgBg, i as MARK_CELLS, l as findTheme, m as themeMode, n as buildCrashReport, p as themeForMode, r as writeCrashReport, s as DEFAULT_THEME_ID, t as installCrashHandler, u as monoTheme, v as themesForMode } from "./install-Io3UMV51.mjs";
-import { B as saveTheme, D as getSavedTheme, E as getReviewStateDir, L as resolveWebUrl, S as getConfigPath, c as cardActionErrorMessage, d as reconcileMaskedInput, f as resolveConnectUrl, i as resolveAgent, l as parseExternalOauthConnectParams, m as specKeyFor, p as parseConnectCard, s as MASK_CHAR, u as parseOauthConnectParams, v as DEFAULT_API_URL, y as DEFAULT_APP_URL } from "./print-CiaU2ygh.mjs";
-import { a as errorMessage, i as sendErrorMessage, n as createRestClient, o as isRecord, r as errorDetail, t as HttpError } from "./rest-CG7VpQ56.mjs";
-import { i as billingBlockedOutcomeFromSendResponse } from "./billing-blocked-CwfG1BTR.mjs";
-import { t as PortalClient } from "./client-DiaJZQG6.mjs";
-import { d as makeLineParser, f as parseDaemonMessage, l as daemonPaths, n as ensureDaemonRunning, s as LOCAL_PROTOCOL_VERSION, u as encodeLine } from "./daemon-BSSZpzto.mjs";
-import { t as SandboxStream } from "./client-D8s9vY4p.mjs";
-import { t as runRawPtyPassthrough } from "./raw-pty-DAmb8uqt.mjs";
+import { D as setActiveWorkspace, E as listWorkspaces, S as themesForMode, _ as themeForMode, a as installCrashHandler, b as themeVersion, c as MARK_CELLS, d as DEFAULT_THEME_ID, f as applyTheme, g as theme, h as noColorRequested, i as writeArtifact, l as WORDMARK, m as monoTheme, n as profilingEnabled, o as buildCrashReport, p as findTheme, r as record, s as writeCrashReport, v as themeMode, w as getActiveWorkspaceId, y as themeModeFromColorFgBg } from "./profiler-QFAEvYKe.mjs";
+import { B as saveTheme, D as getSavedTheme, E as getReviewStateDir, L as resolveWebUrl, S as getConfigPath, c as cardActionErrorMessage, d as reconcileMaskedInput, f as resolveConnectUrl, i as resolveAgent, l as parseExternalOauthConnectParams, m as specKeyFor, p as parseConnectCard, s as MASK_CHAR, u as parseOauthConnectParams, v as DEFAULT_API_URL, y as DEFAULT_APP_URL } from "./print-CbayCa87.mjs";
+import { t as HttpError } from "./http-error-DzyrsLAZ.mjs";
+import { a as isRecord, i as errorMessage, n as errorDetail, r as sendErrorMessage, t as createRestClient } from "./rest-BY2nADw5.mjs";
+import { i as billingBlockedOutcomeFromSendResponse } from "./billing-blocked-2wju4gC_.mjs";
+import { t as PortalClient } from "./client-Cf7cvftg.mjs";
+import "./daemon-DaUaCMwC.mjs";
+import { t as SandboxStream } from "./client-Cn2af31H.mjs";
+import { t as PortalDaemonClient } from "./daemon-client-CJxbCLOb.mjs";
+import { t as runRawPtyPassthrough } from "./raw-pty-B6mAroiI.mjs";
 import * as os$1 from "node:os";
 import { homedir, platform, release, tmpdir } from "node:os";
 import path, { basename, extname, isAbsolute, join, win32 } from "node:path";
@@ -14,12 +16,12 @@ import { z } from "zod";
 import open from "open";
 import { constants } from "node:fs";
 import { execFile, spawn } from "node:child_process";
-import { createHash, randomUUID } from "node:crypto";
+import { createHash } from "node:crypto";
 import { connect, createConnection } from "node:net";
 import { access, appendFile, mkdir, mkdtemp, readFile, readdir, rename, rm, stat, unlink, writeFile } from "node:fs/promises";
 import { MarkdownRenderable, RenderableEvents, StyledText, SyntaxStyle, addDefaultParsers, createCliRenderer, decodePasteBytes, detectLinks, fg, link } from "@opentui/core";
 import { createRoot, extend, useKeyboard, usePaste, useRenderer, useTerminalDimensions } from "@opentui/react";
-import { createContext, memo, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { Profiler, createContext, memo, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { create } from "zustand";
 import { Fragment, jsx, jsxs } from "@opentui/react/jsx-runtime";
 import fuzzysort from "fuzzysort";
@@ -48,6 +50,58 @@ function toastColor(variant) {
 	}
 }
 
+//#endregion
+//#region src/chat/tui/early-input.ts
+/**
+* Buffering for keystrokes typed BEFORE the chat composer exists.
+*
+* When the CLI boots straight into a conversation (`skydive chat --new`, or a
+* seeded `skydive import`), it must resolve the agent roster over the network
+* before the chat screen — and its composer — can mount. During that window
+* the splash screen is up and there is no textarea to receive input, so a user
+* who starts typing immediately would lose every character.
+*
+* These helpers accumulate that early input as plain text; the chat screen
+* drains it into the composer on mount so nothing typed during the load is
+* dropped. This is deliberately a text buffer, not a queue of key events: the
+* composer is a plain single-field editor here, so replaying the resulting
+* string (via `composer.setText`) reproduces exactly what the user meant to
+* type, and stays trivially unit-testable without an OpenTUI renderer.
+*/
+/**
+* Whether a key is an ordinary printable character we should buffer as text.
+*
+* Excludes anything with a modifier (ctrl/meta/super/hyper — those are
+* shortcuts, not text) and any named non-character key (enter, arrows, tab,
+* escape, function keys, …). A printable stroke arrives with its character in
+* `sequence` and a `name` that is that same single character (or empty for
+* some symbols), never a multi-letter key name like `return`/`backspace`.
+*/
+function isTextKey(key) {
+	if (key.ctrl || key.meta || key.super || key.hyper) return false;
+	const seq = key.sequence;
+	if (seq.length !== 1) return false;
+	const code = seq.codePointAt(0);
+	if (code === void 0) return false;
+	if (code < 32 || code === 127) return false;
+	return true;
+}
+/** Whether a key is Backspace/Delete-left (erase one buffered character). */
+function isBackspaceKey(key) {
+	return !key.ctrl && !key.meta && key.name === "backspace";
+}
+/**
+* Fold one key into the early-input buffer. Printable characters append,
+* backspace erases the last character, everything else (enter, arrows,
+* shortcuts) is ignored — we only reconstruct the draft text, not caret moves
+* or submission, which the real composer owns once it takes over.
+*/
+function reduceEarlyInput(buffer, key) {
+	if (isTextKey(key)) return buffer + key.sequence;
+	if (isBackspaceKey(key)) return buffer.slice(0, -1);
+	return buffer;
+}
+
 //#endregion
 //#region src/chat/state/store.ts
 const initialPortalUi = {
@@ -81,6 +135,7 @@ const useStore = create((set, get) => ({
 	seedPrompt: null,
 	autoGrantMachine: false,
 	newConversationIntent: false,
+	earlyInput: "",
 	goTo: (screen) => set({
 		screen,
 		chatTitle: initialChatTitle(screen)
@@ -138,7 +193,16 @@ const useStore = create((set, get) => ({
 		prompt
 	} })),
 	showToast: (input) => set({ toast: createToast(input) }),
-	dismissToast: (id) => set((state) => state.toast?.id === id ? { toast: null } : {})
+	dismissToast: (id) => set((state) => state.toast?.id === id ? { toast: null } : {}),
+	appendEarlyInput: (key) => set((state) => {
+		const next = reduceEarlyInput(state.earlyInput, key);
+		return next === state.earlyInput ? {} : { earlyInput: next };
+	}),
+	takeEarlyInput: () => {
+		const { earlyInput } = get();
+		if (earlyInput !== "") set({ earlyInput: "" });
+		return earlyInput;
+	}
 }));
 
 //#endregion
@@ -168,7 +232,7 @@ const useStore = create((set, get) => ({
 async function resolveInitialScreen({ rest, agentSelector, conversationId, newConversation }) {
 	if (conversationId) {
 		const [conversation, agents] = await Promise.all([rest.getConversation({ conversationId }).catch((err) => {
-			if (err instanceof HttpError && err.status === 404) throw new Error(`No conversation with id ${conversationId} — it may have been deleted, or belong to another workspace.`);
+			if (err instanceof HttpError && err.status === 404) throw new Error(`No conversation with id ${conversationId}. It may have been deleted, or belong to another workspace.`);
 			throw err;
 		}), rest.listAgents({
 			scope: "org",
@@ -231,152 +295,7 @@ async function resolveInitialScreen({ rest, agentSelector, conversationId, newCo
 }
 
 //#endregion
-//#region src/chat/portal/daemon-client.ts
-var PortalDaemonClient = class {
-	sessionId = randomUUID();
-	socket = null;
-	disposed = false;
-	reconnectTimer = null;
-	lastBind = null;
-	wantEnabled = false;
-	pendingGrants = /* @__PURE__ */ new Set();
-	grantedAgentIds = /* @__PURE__ */ new Set();
-	constructor(opts) {
-		this.opts = opts;
-	}
-	/** Spawn the daemon if needed and attach. Idempotent. */
-	async start() {
-		if (this.disposed) return;
-		await ensureDaemonRunning(this.opts.appUrl);
-		this.connect();
-	}
-	connect() {
-		if (this.disposed) return;
-		const { socketPath } = daemonPaths(this.opts.appUrl);
-		const socket = connect(socketPath);
-		socket.setEncoding("utf8");
-		this.socket = socket;
-		const parse = makeLineParser();
-		socket.on("connect", () => {
-			this.send({
-				t: "hello",
-				v: LOCAL_PROTOCOL_VERSION,
-				sessionId: this.sessionId,
-				token: this.opts.sessionToken
-			});
-			if (this.wantEnabled) this.send({ t: "enable" });
-			if (this.lastBind) this.send({
-				t: "bind",
-				sessionId: this.sessionId,
-				conversationId: this.lastBind.conversationId,
-				cwd: this.lastBind.cwd
-			});
-			for (const agentId of this.pendingGrants) this.send({
-				t: "grant",
-				agentId
-			});
-		});
-		socket.on("data", (chunk) => {
-			for (const line of parse(chunk)) {
-				const msg = parseDaemonMessage(line);
-				if (msg) this.onMessage(msg);
-			}
-		});
-		const onClose = () => {
-			if (this.socket === socket) this.socket = null;
-			this.scheduleReconnect();
-		};
-		socket.on("close", onClose);
-		socket.on("error", onClose);
-	}
-	scheduleReconnect() {
-		if (this.disposed || this.reconnectTimer) return;
-		this.reconnectTimer = setTimeout(() => {
-			this.reconnectTimer = null;
-			this.start();
-		}, 500);
-		this.reconnectTimer.unref();
-	}
-	onMessage(msg) {
-		if (msg.t === "state") {
-			this.grantedAgentIds = new Set(msg.grantedAgentIds);
-			this.opts.onState({
-				status: msg.status,
-				machineName: msg.machineName,
-				friendlyName: msg.friendlyName,
-				error: msg.error,
-				grantedAgentIds: msg.grantedAgentIds
-			});
-		}
-	}
-	/** Whether this agent is currently authorized on the machine (last daemon state). */
-	isGranted(agentId) {
-		return this.grantedAgentIds.has(agentId);
-	}
-	/** Whether the user has turned machine sharing on from this CLI. */
-	isEnabled() {
-		return this.wantEnabled;
-	}
-	send(msg) {
-		if (this.socket?.writable) this.socket.write(encodeLine(msg));
-	}
-	/** Turn machine sharing on (the daemon connects the portal). */
-	enable() {
-		this.wantEnabled = true;
-		this.send({ t: "enable" });
-	}
-	/** Turn machine sharing off. */
-	disable() {
-		this.wantEnabled = false;
-		this.send({ t: "disable" });
-	}
-	/** Register / update this conversation's working directory for exec routing. */
-	bind(conversationId, cwd) {
-		this.lastBind = {
-			conversationId,
-			cwd
-		};
-		this.send({
-			t: "bind",
-			sessionId: this.sessionId,
-			conversationId,
-			cwd
-		});
-	}
-	/**
-	* Authorize one agent to run commands on this machine. Resolves once the
-	* request is sent to the daemon (the daemon performs the grant and pushes the
-	* updated state); kept async so it's a drop-in for the old in-process client's
-	* awaited `grantAgent`.
-	*/
-	grantAgent(agentId) {
-		this.pendingGrants.add(agentId);
-		this.send({
-			t: "grant",
-			agentId
-		});
-		return Promise.resolve();
-	}
-	/** Detach this CLI. The daemon keeps running for other clients. */
-	dispose() {
-		this.disposed = true;
-		if (this.reconnectTimer) {
-			clearTimeout(this.reconnectTimer);
-			this.reconnectTimer = null;
-		}
-		this.send({
-			t: "bye",
-			sessionId: this.sessionId
-		});
-		try {
-			this.socket?.destroy();
-		} catch (_error) {}
-		this.socket = null;
-	}
-};
-
-//#endregion
-//#region src/chat/portal/create-portal-client.ts
+//#region ../portal-daemon/src/create-portal-client.ts
 /**
 * Escape hatch: setting `SKYDIVE_NO_DAEMON` (to any non-empty value)
 * makes the CLI bypass the portal daemon and open the portal connection
@@ -681,9 +600,9 @@ function createCmuxWorkspaceTitleAdapter({ socket, workspaceId }) {
 //#endregion
 //#region src/chat/agent-host/adapters/cmux/sidebar-pr.ts
 /** Neutral gray — deliberately not green/purple; we don't render PR state. */
-const PILL_COLOR = "#8b949e";
-const PILL_ICON = "git-pull-request";
-const PILL_PRIORITY = 90;
+const PILL_COLOR$1 = "#8b949e";
+const PILL_ICON$1 = "git-pull-request";
+const PILL_PRIORITY$1 = 90;
 /**
 * The cmux sidebar status key for a PR, derived from its repo-qualified
 * identity (`owner/repo#number`) so PRs from different repos never collide on a
@@ -712,7 +631,7 @@ function createCmuxSidebarPrAdapter({ socket, workspaceId }) {
 	const runSet = async (pr) => {
 		if (applied.has(pr.key)) return;
 		applied.add(pr.key);
-		const line = `set_status ${pillKey(pr.key)} ${quote(`PR #${pr.number}`)} --icon=${PILL_ICON} --color=${PILL_COLOR} --priority=${PILL_PRIORITY} --url=${pr.url} --tab=${workspaceId}`;
+		const line = `set_status ${pillKey(pr.key)} ${quote(`PR #${pr.number}`)} --icon=${PILL_ICON$1} --color=${PILL_COLOR$1} --priority=${PILL_PRIORITY$1} --url=${pr.url} --tab=${workspaceId}`;
 		if (!await socket.command(line)) applied.delete(pr.key);
 	};
 	const runClear = async (prKey) => {
@@ -733,6 +652,54 @@ function createCmuxSidebarPrAdapter({ socket, workspaceId }) {
 	};
 }
 
+//#endregion
+//#region src/chat/agent-host/adapters/cmux/run-status.ts
+/**
+* Our sidebar status key. One stable key means every run reuses the same pill
+* rather than leaking a new one per run, and teardown clears exactly what we
+* set. cmux keys are space-split tokens, so it must be a single bare token.
+*/
+const PILL_KEY = "skydive-run";
+/** The label shown on the pill while the agent is working. */
+const PILL_LABEL = "Running";
+/**
+* `sync` is a cmux-rendered named glyph (spinning-arrows), the closest
+* "in progress" affordance to the disabled loading spinner.
+*/
+const PILL_ICON = "sync";
+/** A distinct blue so "Running" reads apart from the gray PR pills. */
+const PILL_COLOR = "#3b82f6";
+/**
+* Above the PR pills (priority 90) so the live "Running" signal sorts to the
+* top of the workspace's status line while a run is in flight.
+*/
+const PILL_PRIORITY = 100;
+/** cmux renders a spinner while its `working` (working) state is on. */
+function isWorking(state) {
+	return state === "working";
+}
+function createCmuxRunStatusAdapter({ socket, workspaceId }) {
+	let applied;
+	let chain = Promise.resolve();
+	const enqueue = (step) => {
+		chain = chain.then(step).catch((_error) => {});
+	};
+	const runSet = async (on) => {
+		if (applied === on) return;
+		const line = on ? `set_status ${PILL_KEY} "${PILL_LABEL}" --icon=${PILL_ICON} --color=${PILL_COLOR} --priority=${PILL_PRIORITY} --tab=${workspaceId}` : `clear_status ${PILL_KEY} --tab=${workspaceId}`;
+		if (await socket.command(line)) applied = on;
+	};
+	return {
+		transition({ state }) {
+			const on = isWorking(state);
+			enqueue(() => runSet(on));
+		},
+		dispose() {
+			enqueue(() => runSet(false));
+		}
+	};
+}
+
 //#endregion
 //#region src/chat/agent-host/adapters/cmux/socket.ts
 const cmuxRpcResponseSchema = z.object({
@@ -785,6 +752,9 @@ function createCmuxSocket({ socketPath, timeoutMs = RPC_TIMEOUT_MS }) {
 			`${++seq}`;
 			return roundTrip(`${line}\n`, (reply) => reply.startsWith("OK") || reply === "OK", false);
 		},
+		commandRaw(line) {
+			return roundTrip(`${line}\n`, (reply) => reply, null);
+		},
 		request(method, params) {
 			return new Promise((resolve) => {
 				let settled = false;
@@ -1011,6 +981,9 @@ function createAgentHost({ renderer, notifications }) {
 		}), createCmuxSidebarPrAdapter({
 			socket,
 			workspaceId: cmux.workspaceId
+		}), createCmuxRunStatusAdapter({
+			socket,
+			workspaceId: cmux.workspaceId
 		}));
 	}
 	const herdr = createHerdrReporter();
@@ -1418,7 +1391,7 @@ function StatusBar({ rightHint }) {
 	const portal = useStore((s) => s.portal);
 	const left = headerLeftLabel(appUrl, workspaceName);
 	const middle = screenLabel(screen, chatTitle);
-	const share = portalIndicator(portal);
+	const share = portalIndicator(portal, screenAgentId(screen));
 	return /* @__PURE__ */ jsxs("box", {
 		style: {
 			flexDirection: "row",
@@ -1450,23 +1423,40 @@ function StatusBar({ rightHint }) {
 		]
 	});
 }
-function portalIndicator(portal) {
+/**
+* The share indicator, which answers exactly one question: can the agent on
+* screen run commands on this machine right now? Not "is the portal
+* connected" — the connection is a per-machine fact, access is per agent, and
+* a badge that tracks the former tells a user who just declined that the agent
+* is in.
+*
+* So it is scoped to the current agent and shown only once that agent holds a
+* grant. Everything else — no agent on screen, portal off, connected but this
+* agent ungranted, still connecting — renders as the off state (nothing), which
+* is the truthful reading: this agent cannot reach the machine.
+*
+* The one exception is an error, and only for an agent that IS granted: its
+* access is supposed to be live and isn't, which the user needs to see.
+*/
+function portalIndicator(portal, agentId) {
+	if (!agentId || !portal.grantedAgentIds.includes(agentId)) return null;
 	switch (portal.status) {
-		case "off": return null;
-		case "connecting": return {
-			text: "◌ sharing…",
-			color: theme.warning
-		};
+		case "off":
+		case "connecting": return null;
 		case "connected": return {
-			text: "● machine shared",
+			text: "● machine connected",
 			color: theme.success
 		};
 		case "error": return {
-			text: "● share error",
+			text: "● machine error",
 			color: theme.error
 		};
 	}
 }
+/** The agent whose access the indicator speaks for, if a screen names one. */
+function screenAgentId(screen) {
+	return screen.kind === "chat" || screen.kind === "conversation-picker" ? screen.agent.id : null;
+}
 /**
 * The per-screen label, split into its parts: the screen's own `title` and,
 * when the screen belongs to an agent, that `agentName`. Kept structured so the
@@ -1842,6 +1832,9 @@ function FilterableAgentList({ agents, scope, onPick }) {
 					fg: theme.muted,
 					children: "search "
 				}), /* @__PURE__ */ jsx("input", {
+					textColor: theme.fg,
+					focusedTextColor: theme.fg,
+					placeholderColor: theme.dim,
 					placeholder: "type to filter…",
 					focused: true,
 					width: Math.max(10, width - 12),
@@ -2040,6 +2033,9 @@ function AgentCreateScreen() {
 					flexShrink: 0
 				},
 				children: /* @__PURE__ */ jsx("input", {
+					textColor: theme.fg,
+					focusedTextColor: theme.fg,
+					placeholderColor: theme.dim,
 					placeholder: "Agent name",
 					onInput: (value) => {
 						setName(value);
@@ -2742,6 +2738,9 @@ function ConversationList({ agent, conversations, complete, showAutomated, onTog
 					fg: theme.muted,
 					children: "search "
 				}), /* @__PURE__ */ jsx("input", {
+					textColor: theme.fg,
+					focusedTextColor: theme.fg,
+					placeholderColor: theme.dim,
 					placeholder: "type to filter…",
 					focused: confirmId === null,
 					width: Math.max(10, width - 12),
@@ -4160,6 +4159,292 @@ function parseMatches(output) {
 	return null;
 }
 
+//#endregion
+//#region src/chat/tui/chat/conversation-context.tsx
+const ConversationContext = createContext({
+	rest: null,
+	conversationId: null
+});
+function useConversationContext() {
+	return useContext(ConversationContext);
+}
+
+//#endregion
+//#region src/chat/tui/spinner-frames.ts
+/** Braille dot-cycle frames — the classic smooth terminal spinner. */
+const SPINNER_FRAMES = [
+	"⠋",
+	"⠙",
+	"⠹",
+	"⠸",
+	"⠼",
+	"⠴",
+	"⠦",
+	"⠧",
+	"⠇",
+	"⠏"
+];
+/** Milliseconds between frames. ~12.5fps reads as smooth without thrashing. */
+const SPINNER_INTERVAL_MS = 80;
+/** Frame for a given tick count. Wraps at the end of the cycle; negative-safe. */
+function spinnerFrame(tick) {
+	const n = SPINNER_FRAMES.length;
+	return SPINNER_FRAMES[(Math.trunc(tick) % n + n) % n] ?? SPINNER_FRAMES[0];
+}
+
+//#endregion
+//#region src/chat/tui/spinner.tsx
+/**
+* An animated spinner glyph. Advances one frame every SPINNER_INTERVAL_MS via
+* a self-owned interval that's cleared on unmount, so the animation runs only
+* while the component is mounted. Returns a <span>, so render it inside a
+* <text> (matching how the rest of the TUI composes inline glyphs).
+*/
+function Spinner({ color }) {
+	const [tick, setTick] = useState(0);
+	useEffect(() => {
+		const id = setInterval(() => setTick((t) => t + 1), SPINNER_INTERVAL_MS);
+		return () => clearInterval(id);
+	}, []);
+	return /* @__PURE__ */ jsx("span", {
+		fg: color,
+		children: spinnerFrame(tick)
+	});
+}
+
+//#endregion
+//#region src/chat/tui/chat/subagents.ts
+/** A run the platform hasn't settled yet — still queued or mid-run. */
+function isLiveStatus(status) {
+	return status === "queued" || status === "running";
+}
+function toTaskStatus(raw) {
+	switch (raw) {
+		case "queued":
+		case "running":
+		case "completed":
+		case "failed":
+		case "canceled": return raw;
+		default: return "queued";
+	}
+}
+const FALLBACK_TITLE = "Subagent task";
+/**
+* Each delegated task's display title from the `subagent` call's input, in
+* call order — the short name the tool requires per task. A malformed entry
+* yields a fallback label rather than being dropped, so the row count always
+* matches the fan-out width. Mirrors the web client's `subagentTaskTitles`.
+*/
+function subagentTaskTitles(input) {
+	if (!isRecord(input)) return [];
+	const tasks = input["tasks"];
+	if (!Array.isArray(tasks)) return [];
+	return tasks.map((task) => {
+		if (!isRecord(task)) return FALLBACK_TITLE;
+		const title = task["title"];
+		return typeof title === "string" && title.trim() ? title.trim() : FALLBACK_TITLE;
+	});
+}
+const QUEUED_TASK_ID_LINE = /^\s*-\s*([0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}):\s/i;
+/**
+* The ids of the runs a `subagent` call queued, read back out of its own
+* output. The call returns the moment the runs exist, so the ids are there
+* long before any child finishes — they are what ties this card to the task
+* rows the status poll returns, and their order is the tasks' call order.
+*/
+function queuedSubagentTaskIds(output) {
+	const text = flattenOutputText(output);
+	if (!text) return [];
+	return text.split("\n").map((line) => line.match(QUEUED_TASK_ID_LINE)?.[1] ?? null).filter((id) => id !== null);
+}
+/**
+* Tool output reaches the TUI as `unknown`: the raw string live, possibly
+* wrapped in content parts or arrays when loaded from history. Walk it for
+* string leaves, newline-joined — the PR scanner's `stringifyToolOutput`
+* shape, bounded small because the id list sits at the top of the output.
+*/
+function flattenOutputText(value) {
+	const MAX_LEN = 2e4;
+	const parts = [];
+	let total = 0;
+	const visit = (v, depth) => {
+		if (total >= MAX_LEN || depth > 4) return;
+		if (typeof v === "string") {
+			parts.push(v);
+			total += v.length;
+			return;
+		}
+		if (Array.isArray(v)) {
+			for (const item of v) visit(item, depth + 1);
+			return;
+		}
+		if (isRecord(v)) for (const item of Object.values(v)) visit(item, depth + 1);
+	};
+	visit(value, 0);
+	return parts.join("\n");
+}
+/**
+* The card's rows: one per queued run id (call order), each carrying the
+* freshest known state. A task the status fetch hasn't returned yet falls
+* back to the input's title and reads as queued; a fetched row's own title
+* wins over the input's (the server's copy is the one the child actually
+* ran under). Before the ids exist — the call is still streaming — rows come
+* from the input titles alone, so the card never renders empty mid-turn.
+*/
+function subagentRows({ titles, ids, fetched }) {
+	if (ids.length === 0) return titles.map((title, index) => ({
+		id: `queued:${index}`,
+		title,
+		status: "queued",
+		createdAt: null,
+		completedAt: null
+	}));
+	return ids.map((id, index) => {
+		const row = fetched?.get(id) ?? null;
+		return {
+			id,
+			title: row?.title ?? titles[index] ?? FALLBACK_TITLE,
+			status: row ? toTaskStatus(row.status) : "queued",
+			createdAt: row?.createdAt ?? null,
+			completedAt: row?.completedAt ?? null
+		};
+	});
+}
+
+//#endregion
+//#region src/chat/tui/chunks/tool-subagent.tsx
+/** How often a live batch re-reads its tasks' status. */
+const POLL_INTERVAL_MS = 3e3;
+function rowGlyph(status) {
+	switch (status) {
+		case "completed": return {
+			ch: "✔",
+			fg: theme.success
+		};
+		case "failed":
+		case "canceled": return {
+			ch: "✗",
+			fg: theme.error
+		};
+		case "running": return {
+			ch: "▶",
+			fg: theme.accent
+		};
+		case "queued": return {
+			ch: "○",
+			fg: theme.dim
+		};
+	}
+}
+function rowColor$1(status) {
+	switch (status) {
+		case "running": return theme.fg;
+		case "completed": return theme.dim;
+		default: return theme.muted;
+	}
+}
+function headerLabel(rows) {
+	const subject = rows.length === 1 ? "Subagent" : `${rows.length} subagents`;
+	return rows.some((row) => isLiveStatus(row.status)) ? `${subject} running` : subject;
+}
+/**
+* The transcript block for a `subagent` tool call — the TUI analog of the web
+* chat's fan-out card. One row per delegated run: status glyph, the short
+* title the delegating agent wrote, ticking over live as children settle.
+*
+* Rows are seeded from the call itself (titles from its input, task ids from
+* its own output), so the card renders the moment the call does. Status then
+* comes from the server's task rows, polled while any run is live — the
+* delegated runs outlive the call that spawned them, so the transcript stream
+* carries nothing more about them. The poll stops the moment the batch
+* settles; reopening an old conversation does one fetch and stops there. A
+* failed poll is skipped silently (the next tick retries; stale rows beat an
+* error row in the scrollback).
+*/
+function ToolSubagent({ item }) {
+	const { rest, conversationId } = useConversationContext();
+	const titles = subagentTaskTitles(item.input);
+	const ids = item.output?.kind === "ok" ? queuedSubagentTaskIds(item.output.value) : [];
+	const idsKey = ids.join(",");
+	const [fetched, setFetched] = useState(null);
+	const rows = subagentRows({
+		titles,
+		ids,
+		fetched
+	});
+	const live = rows.length === 0 || rows.some((row) => isLiveStatus(row.status));
+	useEffect(() => {
+		if (!rest || !conversationId || idsKey.length === 0 || !live) return;
+		let cancelled = false;
+		let timer = null;
+		const tick = async () => {
+			try {
+				const tasks = await rest.listSubagentTasks({ conversationId });
+				if (cancelled) return;
+				setFetched(tasks);
+			} catch (_error) {}
+			if (!cancelled) timer = setTimeout(tick, POLL_INTERVAL_MS);
+		};
+		tick();
+		return () => {
+			cancelled = true;
+			if (timer !== null) clearTimeout(timer);
+		};
+	}, [
+		rest,
+		conversationId,
+		idsKey,
+		live
+	]);
+	if (rows.length === 0) return /* @__PURE__ */ jsxs("text", { children: [/* @__PURE__ */ jsx("span", {
+		fg: theme.warning,
+		children: "◐ "
+	}), /* @__PURE__ */ jsx("span", {
+		fg: theme.tool,
+		children: "Delegating to subagents…"
+	})] });
+	return /* @__PURE__ */ jsxs("box", {
+		style: { flexDirection: "column" },
+		children: [/* @__PURE__ */ jsxs("text", { children: [
+			live ? /* @__PURE__ */ jsx(Spinner, { color: theme.accent }) : /* @__PURE__ */ jsx("span", {
+				fg: theme.success,
+				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
+				]
+			})
+		] }), /* @__PURE__ */ jsx("box", {
+			style: {
+				flexDirection: "column",
+				paddingLeft: 2
+			},
+			children: rows.map((row) => {
+				const glyph = rowGlyph(row.status);
+				return /* @__PURE__ */ jsxs("box", {
+					style: { flexDirection: "row" },
+					children: [/* @__PURE__ */ jsxs("text", {
+						fg: glyph.fg,
+						children: [glyph.ch, " "]
+					}), /* @__PURE__ */ jsx("text", {
+						fg: rowColor$1(row.status),
+						children: row.title
+					})]
+				}, row.id);
+			})
+		})]
+	});
+}
+
 //#endregion
 //#region src/chat/tui/chunks/shell-local.tsx
 /**
@@ -4383,6 +4668,7 @@ function ToolItem({ item }) {
 		case "read": return /* @__PURE__ */ jsx(ToolRead, { item });
 		case "grep":
 		case "glob": return /* @__PURE__ */ jsx(ToolGrep, { item });
+		case "subagent": return /* @__PURE__ */ jsx(ToolSubagent, { item });
 		default: return /* @__PURE__ */ jsx(ToolGeneric, { item });
 	}
 }
@@ -4552,6 +4838,270 @@ function clampItem(item) {
 	}
 }
 
+//#endregion
+//#region src/chat/tui/chat/fix-json.ts
+/**
+* Implemented as a scanner with additional fixing
+* that performs a single linear time scan pass over the partial JSON.
+*
+* The states should ideally match relevant states from the JSON spec:
+* https://www.json.org/json-en.html
+*
+* Please note that invalid JSON is not considered/covered, because it
+* is assumed that the resulting JSON will be processed by a standard
+* JSON parser that will detect any invalid JSON.
+*/
+function fixJson(input) {
+	const stack = ["ROOT"];
+	let lastValidIndex = -1;
+	let literalStart = null;
+	function processValueStart(char, i, swapState) {
+		switch (char) {
+			case "\"":
+				lastValidIndex = i;
+				stack.pop();
+				stack.push(swapState);
+				stack.push("INSIDE_STRING");
+				break;
+			case "f":
+			case "t":
+			case "n":
+				lastValidIndex = i;
+				literalStart = i;
+				stack.pop();
+				stack.push(swapState);
+				stack.push("INSIDE_LITERAL");
+				break;
+			case "-":
+				stack.pop();
+				stack.push(swapState);
+				stack.push("INSIDE_NUMBER");
+				break;
+			case "0":
+			case "1":
+			case "2":
+			case "3":
+			case "4":
+			case "5":
+			case "6":
+			case "7":
+			case "8":
+			case "9":
+				lastValidIndex = i;
+				stack.pop();
+				stack.push(swapState);
+				stack.push("INSIDE_NUMBER");
+				break;
+			case "{":
+				lastValidIndex = i;
+				stack.pop();
+				stack.push(swapState);
+				stack.push("INSIDE_OBJECT_START");
+				break;
+			case "[":
+				lastValidIndex = i;
+				stack.pop();
+				stack.push(swapState);
+				stack.push("INSIDE_ARRAY_START");
+				break;
+		}
+	}
+	function processAfterObjectValue(char, i) {
+		switch (char) {
+			case ",":
+				stack.pop();
+				stack.push("INSIDE_OBJECT_AFTER_COMMA");
+				break;
+			case "}":
+				lastValidIndex = i;
+				stack.pop();
+				break;
+		}
+	}
+	function processAfterArrayValue(char, i) {
+		switch (char) {
+			case ",":
+				stack.pop();
+				stack.push("INSIDE_ARRAY_AFTER_COMMA");
+				break;
+			case "]":
+				lastValidIndex = i;
+				stack.pop();
+				break;
+		}
+	}
+	for (let i = 0; i < input.length; i++) {
+		const char = input[i];
+		if (!char) continue;
+		switch (stack[stack.length - 1]) {
+			case "ROOT":
+				processValueStart(char, i, "FINISH");
+				break;
+			case "INSIDE_OBJECT_START":
+				switch (char) {
+					case "\"":
+						stack.pop();
+						stack.push("INSIDE_OBJECT_KEY");
+						break;
+					case "}":
+						lastValidIndex = i;
+						stack.pop();
+						break;
+				}
+				break;
+			case "INSIDE_OBJECT_AFTER_COMMA":
+				switch (char) {
+					case "\"":
+						stack.pop();
+						stack.push("INSIDE_OBJECT_KEY");
+						break;
+				}
+				break;
+			case "INSIDE_OBJECT_KEY":
+				switch (char) {
+					case "\"":
+						stack.pop();
+						stack.push("INSIDE_OBJECT_AFTER_KEY");
+						break;
+				}
+				break;
+			case "INSIDE_OBJECT_AFTER_KEY":
+				switch (char) {
+					case ":":
+						stack.pop();
+						stack.push("INSIDE_OBJECT_BEFORE_VALUE");
+						break;
+				}
+				break;
+			case "INSIDE_OBJECT_BEFORE_VALUE":
+				processValueStart(char, i, "INSIDE_OBJECT_AFTER_VALUE");
+				break;
+			case "INSIDE_OBJECT_AFTER_VALUE":
+				processAfterObjectValue(char, i);
+				break;
+			case "INSIDE_STRING":
+				switch (char) {
+					case "\"":
+						stack.pop();
+						lastValidIndex = i;
+						break;
+					case "\\":
+						stack.push("INSIDE_STRING_ESCAPE");
+						break;
+					default: lastValidIndex = i;
+				}
+				break;
+			case "INSIDE_ARRAY_START":
+				switch (char) {
+					case "]":
+						lastValidIndex = i;
+						stack.pop();
+						break;
+					default:
+						lastValidIndex = i;
+						processValueStart(char, i, "INSIDE_ARRAY_AFTER_VALUE");
+						break;
+				}
+				break;
+			case "INSIDE_ARRAY_AFTER_VALUE":
+				switch (char) {
+					case ",":
+						stack.pop();
+						stack.push("INSIDE_ARRAY_AFTER_COMMA");
+						break;
+					case "]":
+						lastValidIndex = i;
+						stack.pop();
+						break;
+					default:
+						lastValidIndex = i;
+						break;
+				}
+				break;
+			case "INSIDE_ARRAY_AFTER_COMMA":
+				processValueStart(char, i, "INSIDE_ARRAY_AFTER_VALUE");
+				break;
+			case "INSIDE_STRING_ESCAPE":
+				stack.pop();
+				lastValidIndex = i;
+				break;
+			case "INSIDE_NUMBER":
+				switch (char) {
+					case "0":
+					case "1":
+					case "2":
+					case "3":
+					case "4":
+					case "5":
+					case "6":
+					case "7":
+					case "8":
+					case "9":
+						lastValidIndex = i;
+						break;
+					case "e":
+					case "E":
+					case "-":
+					case ".": break;
+					case ",":
+						stack.pop();
+						if (stack[stack.length - 1] === "INSIDE_ARRAY_AFTER_VALUE") processAfterArrayValue(char, i);
+						if (stack[stack.length - 1] === "INSIDE_OBJECT_AFTER_VALUE") processAfterObjectValue(char, i);
+						break;
+					case "}":
+						stack.pop();
+						if (stack[stack.length - 1] === "INSIDE_OBJECT_AFTER_VALUE") processAfterObjectValue(char, i);
+						break;
+					case "]":
+						stack.pop();
+						if (stack[stack.length - 1] === "INSIDE_ARRAY_AFTER_VALUE") processAfterArrayValue(char, i);
+						break;
+					default:
+						stack.pop();
+						break;
+				}
+				break;
+			case "INSIDE_LITERAL": {
+				if (!literalStart) continue;
+				const partialLiteral = input.substring(literalStart, i + 1);
+				if (!"false".startsWith(partialLiteral) && !"true".startsWith(partialLiteral) && !"null".startsWith(partialLiteral)) {
+					stack.pop();
+					if (stack[stack.length - 1] === "INSIDE_OBJECT_AFTER_VALUE") processAfterObjectValue(char, i);
+					else if (stack[stack.length - 1] === "INSIDE_ARRAY_AFTER_VALUE") processAfterArrayValue(char, i);
+				} else lastValidIndex = i;
+				break;
+			}
+		}
+	}
+	let result = input.slice(0, lastValidIndex + 1);
+	for (let i = stack.length - 1; i >= 0; i--) switch (stack[i]) {
+		case "INSIDE_STRING":
+			result += "\"";
+			break;
+		case "INSIDE_OBJECT_KEY":
+		case "INSIDE_OBJECT_AFTER_KEY":
+		case "INSIDE_OBJECT_AFTER_COMMA":
+		case "INSIDE_OBJECT_START":
+		case "INSIDE_OBJECT_BEFORE_VALUE":
+		case "INSIDE_OBJECT_AFTER_VALUE":
+			result += "}";
+			break;
+		case "INSIDE_ARRAY_START":
+		case "INSIDE_ARRAY_AFTER_COMMA":
+		case "INSIDE_ARRAY_AFTER_VALUE":
+			result += "]";
+			break;
+		case "INSIDE_LITERAL": {
+			if (!literalStart) continue;
+			const partialLiteral = input.substring(literalStart, input.length);
+			if ("true".startsWith(partialLiteral)) result += "true".slice(partialLiteral.length);
+			else if ("false".startsWith(partialLiteral)) result += "false".slice(partialLiteral.length);
+			else if ("null".startsWith(partialLiteral)) result += "null".slice(partialLiteral.length);
+		}
+	}
+	return result;
+}
+
 //#endregion
 //#region src/chat/tui/chat/reducer.ts
 function str(chunk, key) {
@@ -4559,6 +5109,24 @@ function str(chunk, key) {
 	return typeof value === "string" ? value : null;
 }
 /**
+* Best-effort parse of a tool call's partial arguments while they stream.
+* `fixJson` (the vercel/ai scanner) closes off the truncated JSON so a
+* half-arrived `{"command":"npm ins` parses to `{ command: 'npm ins' }`,
+* letting the renderers show the structured input filling in live rather
+* than a raw JSON fragment. Returns null until enough has arrived to parse
+* (or when the text isn't an object/array), so callers keep their raw
+* `inputText` fallback for the first few characters.
+*/
+function parsePartialInput(text) {
+	const trimmed = text.trimStart();
+	if (trimmed[0] !== "{" && trimmed[0] !== "[") return null;
+	try {
+		return JSON.parse(fixJson(text));
+	} catch (_error) {
+		return null;
+	}
+}
+/**
 * `agentName` is the display name of the agent producing this run's stream.
 * It's stamped onto each assistant-origin item so a multi-agent conversation
 * can attribute live turns; pass null in a solo thread to leave items
@@ -4626,10 +5194,17 @@ function applyChunk(items, chunk, agentName = null) {
 			const toolCallId = str(chunk, "toolCallId");
 			const delta = str(chunk, "inputTextDelta") ?? str(chunk, "delta") ?? "";
 			if (!toolCallId) return [...items];
-			return items.map((m) => m.kind === "tool" && m.id === toolCallId ? {
-				...m,
-				inputText: m.inputText + delta
-			} : m);
+			return items.map((m) => {
+				if (m.kind !== "tool" || m.id !== toolCallId) return m;
+				const inputText = m.inputText + delta;
+				const parsed = parsePartialInput(inputText);
+				const input = parsed == null ? null : clampPayload(parsed);
+				return {
+					...m,
+					inputText,
+					input
+				};
+			});
 		}
 		case "tool-input-available": {
 			const toolCallId = str(chunk, "toolCallId");
@@ -5245,13 +5820,14 @@ const MAX_PR_CHIPS = 3;
 *
 * Caps at {@link MAX_PR_CHIPS} shown; any beyond that collapse into a trailing
 * `+N` so the footer row can't be flooded by a run that links many PRs. Shows
-* the most recent (last-seen) PRs, since those are what's in play.
+* the most recent (last-seen) PRs, since those are what's in play, and renders
+* them newest-first (reverse chronological) so the freshest PR leads the chip.
 */
 function prLinksStyledText(prs) {
 	const dot = fg(theme.dim ?? "#565f89");
 	const label = fg(theme.muted ?? "#7a7a7a");
 	const accent = fg(theme.accent ?? "#7aa2f7");
-	const shown = prs.slice(-MAX_PR_CHIPS);
+	const shown = prs.slice(-MAX_PR_CHIPS).reverse();
 	const overflow = prs.length - shown.length;
 	const chunks = [dot("· "), label("PR ")];
 	shown.forEach((pr, i) => {
@@ -5313,7 +5889,7 @@ function useCompaction({ rest, conversationId }) {
 	}, [armIndicator, clearTimer]);
 	const compactConversation = useCallback(() => {
 		if (!rest || !conversationId) {
-			useStore.getState().showToast({ message: "nothing to compact yet — send a message first" });
+			useStore.getState().showToast({ message: "nothing to compact yet; send a message first" });
 			return;
 		}
 		armIndicator();
@@ -5370,7 +5946,7 @@ function formatStatusInfo({ appUrl, workspaceName, agentName, conversationId, mo
 		["app", appUrl ?? "unknown"],
 		["workspace", workspaceName ?? "unknown"],
 		["agent", agentName],
-		["conversation", conversationId ?? "new — created when you send the first message"],
+		["conversation", conversationId ?? "new (created when you send the first message)"],
 		["model", model ?? "default"],
 		["local access", formatShare(share)]
 	];
@@ -5378,9 +5954,9 @@ function formatStatusInfo({ appUrl, workspaceName, agentName, conversationId, mo
 	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 === "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";
+	return share.grantedToAgent ? "shared (this agent can run commands here)" : "shared (this agent is not granted)";
 }
 
 //#endregion
@@ -5433,49 +6009,6 @@ function createResponsePreview() {
 	};
 }
 
-//#endregion
-//#region src/chat/tui/spinner-frames.ts
-/** Braille dot-cycle frames — the classic smooth terminal spinner. */
-const SPINNER_FRAMES = [
-	"⠋",
-	"⠙",
-	"⠹",
-	"⠸",
-	"⠼",
-	"⠴",
-	"⠦",
-	"⠧",
-	"⠇",
-	"⠏"
-];
-/** Milliseconds between frames. ~12.5fps reads as smooth without thrashing. */
-const SPINNER_INTERVAL_MS = 80;
-/** Frame for a given tick count. Wraps at the end of the cycle; negative-safe. */
-function spinnerFrame(tick) {
-	const n = SPINNER_FRAMES.length;
-	return SPINNER_FRAMES[(Math.trunc(tick) % n + n) % n] ?? SPINNER_FRAMES[0];
-}
-
-//#endregion
-//#region src/chat/tui/spinner.tsx
-/**
-* An animated spinner glyph. Advances one frame every SPINNER_INTERVAL_MS via
-* a self-owned interval that's cleared on unmount, so the animation runs only
-* while the component is mounted. Returns a <span>, so render it inside a
-* <text> (matching how the rest of the TUI composes inline glyphs).
-*/
-function Spinner({ color }) {
-	const [tick, setTick] = useState(0);
-	useEffect(() => {
-		const id = setInterval(() => setTick((t) => t + 1), SPINNER_INTERVAL_MS);
-		return () => clearInterval(id);
-	}, []);
-	return /* @__PURE__ */ jsx("span", {
-		fg: color,
-		children: spinnerFrame(tick)
-	});
-}
-
 //#endregion
 //#region src/chat/tui/prompt-history.ts
 /**
@@ -6055,6 +6588,9 @@ function HelpModal({ onClose }) {
 					fg: theme.muted,
 					children: "search "
 				}), /* @__PURE__ */ jsx("input", {
+					textColor: theme.fg,
+					focusedTextColor: theme.fg,
+					placeholderColor: theme.dim,
 					placeholder: "type to filter…",
 					focused: true,
 					width: Math.max(10, width - 12),
@@ -6094,7 +6630,7 @@ function HelpModal({ onClose }) {
 					children: [
 						"… ",
 						hidden,
-						" more — search to narrow down"
+						" more (search to narrow down)"
 					]
 				}) : null]
 			}),
@@ -6139,7 +6675,7 @@ function CompletionMenu({ items, highlight }) {
 		},
 		children: windowed.length === 0 ? /* @__PURE__ */ jsx("text", {
 			fg: theme.muted,
-			children: "no matching command — ↵ sends as a message"
+			children: "no matching command (↵ sends as a message)"
 		}) : windowed.map((item, i) => {
 			const selected = start + i === highlight;
 			return /* @__PURE__ */ jsxs("text", {
@@ -6606,7 +7142,7 @@ function FilterableModelList({ models, currentModel, modelLocked, agentId, onSel
 			}),
 			modelLocked ? /* @__PURE__ */ jsx("text", {
 				fg: theme.warning,
-				children: "this agent is locked to a Google-compliant model — changes will be rejected. disconnect Google to switch freely."
+				children: "this agent is locked to a Google-compliant model; changes will be rejected. disconnect Google to switch freely."
 			}) : null,
 			/* @__PURE__ */ jsxs("box", {
 				style: {
@@ -6618,6 +7154,9 @@ function FilterableModelList({ models, currentModel, modelLocked, agentId, onSel
 					fg: theme.muted,
 					children: "search "
 				}), /* @__PURE__ */ jsx("input", {
+					textColor: theme.fg,
+					focusedTextColor: theme.fg,
+					placeholderColor: theme.dim,
 					placeholder: "type to filter…",
 					focused: true,
 					width: Math.max(10, width - 12),
@@ -6744,7 +7283,7 @@ function ThemePreview() {
 			/* @__PURE__ */ jsx("text", { children: " " }),
 			/* @__PURE__ */ jsx("markdown", {
 				content: [
-					"Wrapped it in exponential backoff — three attempts, then it",
+					"Wrapped it in exponential backoff: three attempts, then it",
 					"throws the last error:",
 					"",
 					"```typescript",
@@ -6880,7 +7419,7 @@ function ThemePicker({ onClose }) {
 				},
 				children: /* @__PURE__ */ jsx("text", {
 					fg: theme.muted,
-					children: "theme is pinned (NO_COLOR, --theme, or SKYDIVE_THEME) — unset it to pick interactively."
+					children: "theme is pinned (NO_COLOR, --theme, or SKYDIVE_THEME). unset it to pick interactively."
 				})
 			}),
 			/* @__PURE__ */ jsx("text", {
@@ -6924,7 +7463,7 @@ function ThemePicker({ onClose }) {
 			}),
 			/* @__PURE__ */ jsxs("text", {
 				fg: theme.muted,
-				children: [themeMode, " themes — following the terminal background"]
+				children: [themeMode, " themes (following the terminal background)"]
 			}),
 			placement === "right" ? /* @__PURE__ */ jsxs("box", {
 				style: {
@@ -7562,6 +8101,9 @@ function ReviewFileSearch({ query, onQueryChange, placeholder = "filter files…
 			fg: theme.accent,
 			children: "/ "
 		}), /* @__PURE__ */ jsx("input", {
+			textColor: theme.fg,
+			focusedTextColor: theme.fg,
+			placeholderColor: theme.dim,
 			placeholder,
 			focused: true,
 			width: "100%",
@@ -8281,6 +8823,9 @@ function WorkspaceFilesTab({ agentId, viewportWidth, viewportHeight, active, she
 								height: 3
 							},
 							children: /* @__PURE__ */ jsx("input", {
+								textColor: theme.fg,
+								focusedTextColor: theme.fg,
+								placeholderColor: theme.dim,
 								placeholder: "Leave a comment…",
 								focused: true,
 								width: Math.max(8, width - 10),
@@ -8636,7 +9181,7 @@ function ReviewPane({ agentId, conversationId, items, viewportWidth, viewportHei
 				if (ok) {
 					persist([]);
 					setStatus("copied to clipboard");
-				} else setStatus("clipboard unavailable — comments kept");
+				} else setStatus("clipboard unavailable; comments kept");
 			});
 			return;
 		}
@@ -8808,6 +9353,9 @@ function ReviewPane({ agentId, conversationId, items, viewportWidth, viewportHei
 									height: 3
 								},
 								children: /* @__PURE__ */ jsx("input", {
+									textColor: theme.fg,
+									focusedTextColor: theme.fg,
+									placeholderColor: theme.dim,
 									placeholder: "Leave a comment…",
 									focused: true,
 									width: Math.max(8, sourceWidth - 8),
@@ -9562,9 +10110,10 @@ function ChatScreen({ agent, conversation }) {
 		hadTodosRef.current = hasTodos;
 	}, [todos]);
 	const [historyLoaded, setHistoryLoaded] = useState(initialConversationId === null);
-	const [input, setInput] = useState("");
+	const [input, setInput] = useState(() => useStore.getState().takeEarlyInput());
 	const [run, setRun] = useState({ kind: "idle" });
 	const [model, setModel] = useState(agent.model ?? null);
+	const [modelLocked, setModelLocked] = useState(agent.modelLocked ?? false);
 	const [cardPickerOpen, setCardPickerOpen] = useState(false);
 	const [modelPickerOpen, setModelPickerOpen] = useState(false);
 	const [themePickerOpen, setThemePickerOpen] = useState(false);
@@ -9863,6 +10412,12 @@ function ChatScreen({ agent, conversation }) {
 					onCompactionEvent(event.status);
 					return;
 				}
+				if (event.kind === "agent") {
+					if (event.id !== agent.id) return;
+					setModel(event.model);
+					setModelLocked(event.modelLocked);
+					return;
+				}
 				if (event.kind === "conversation" && event.title) setChatTitle(event.title);
 			}
 		}).catch(() => {});
@@ -9872,6 +10427,7 @@ function ChatScreen({ agent, conversation }) {
 	}, [
 		rest,
 		conversationId,
+		agent.id,
 		setChatTitle,
 		attachToRun,
 		onCompactionEvent
@@ -9985,12 +10541,12 @@ function ChatScreen({ agent, conversation }) {
 			if (autoGrantMachine && portalClient && portalStatus === "connected" && !portalClient.isGranted(agent.id)) try {
 				await portalClient.grantAgent(agent.id);
 				useStore.getState().showToast({
-					message: `Shared this machine with ${agent.name} for the import. The grant persists — revoke anytime: skydive portal revoke --agent ${agent.name}`,
+					message: `Shared this machine with ${agent.name} for the import. The grant persists. Revoke anytime: skydive portal revoke --agent ${agent.name}`,
 					durationMs: 1e4
 				});
 			} catch (err) {
 				useStore.getState().showToast({
-					message: `Couldn't grant machine access automatically (${errorMessage(err)}) — the agent will ask in chat instead.`,
+					message: `Couldn't grant machine access automatically (${errorMessage(err)}). The agent will ask in chat instead.`,
 					variant: "warning"
 				});
 			}
@@ -10330,7 +10886,7 @@ function ChatScreen({ agent, conversation }) {
 			setItems((prev) => [...prev, {
 				kind: "error",
 				id: crypto.randomUUID(),
-				text: `attachment limit reached (${maxAttachments}) — ${fileName} skipped`
+				text: `attachment limit reached (${maxAttachments}); ${fileName} skipped`
 			}]);
 			return;
 		}
@@ -10456,7 +11012,7 @@ function ChatScreen({ agent, conversation }) {
 	const openInBrowser = useCallback(() => {
 		if (!appUrl) return;
 		if (!conversationId) {
-			useStore.getState().showToast({ message: "no web page yet — send a message to start the conversation" });
+			useStore.getState().showToast({ message: "no web page yet; send a message to start the conversation" });
 			return;
 		}
 		const url = `${resolveWebUrl(appUrl)}/c/${encodeURIComponent(conversationId)}`;
@@ -10466,7 +11022,7 @@ function ChatScreen({ agent, conversation }) {
 		})).catch((err) => setItems((prev) => [...prev, {
 			kind: "error",
 			id: crypto.randomUUID(),
-			text: `couldn't open a browser — visit ${url} (${errorMessage(err)})`
+			text: `couldn't open a browser; visit ${url} (${errorMessage(err)})`
 		}]));
 	}, [appUrl, conversationId]);
 	const forkAndContinue = useCallback(() => {
@@ -10512,7 +11068,7 @@ function ChatScreen({ agent, conversation }) {
 			return;
 		}
 		if (!conversationId) {
-			useStore.getState().showToast({ message: "nothing to archive yet — send a message to start this one" });
+			useStore.getState().showToast({ message: "nothing to archive yet; send a message to start this one" });
 			return;
 		}
 		if (!rest) return;
@@ -10522,7 +11078,7 @@ function ChatScreen({ agent, conversation }) {
 		}).then(() => {
 			useStore.getState().showToast({
 				variant: "success",
-				message: "archived — shift+tab in the picker shows it, ctrl+a restores"
+				message: "archived (shift+tab in the picker shows it, ctrl+a restores)"
 			});
 			goTo({
 				kind: "conversation-picker",
@@ -10530,7 +11086,7 @@ function ChatScreen({ agent, conversation }) {
 			});
 		}).catch((err) => useStore.getState().showToast({
 			variant: "error",
-			message: err instanceof HttpError && err.status === 404 ? "can't archive this one — it's already gone from your list" : `couldn't archive: ${errorMessage(err)}`
+			message: err instanceof HttpError && err.status === 404 ? "can't archive this one; it's already gone from your list" : `couldn't archive: ${errorMessage(err)}`
 		}));
 	}, [
 		grantPrompt,
@@ -10554,7 +11110,7 @@ function ChatScreen({ agent, conversation }) {
 			return;
 		}
 		if (!conversationId) {
-			useStore.getState().showToast({ message: "nothing to rename yet — send a message to start this one" });
+			useStore.getState().showToast({ message: "nothing to rename yet; send a message to start this one" });
 			return;
 		}
 		if (!rest) return;
@@ -10583,7 +11139,7 @@ function ChatScreen({ agent, conversation }) {
 	const leaveForScreen = useCallback((next) => {
 		const current = runRef.current;
 		if (current.kind === "streaming") current.abort.abort();
-		if (current.kind !== "idle") useStore.getState().showToast({ message: `${agent.name} keeps working — reopen to reattach` });
+		if (current.kind !== "idle") useStore.getState().showToast({ message: `${agent.name} keeps working; reopen to reattach` });
 		goTo(next);
 	}, [agent.name, goTo]);
 	/**
@@ -10602,7 +11158,7 @@ function ChatScreen({ agent, conversation }) {
 			setItems((prev) => [...prev, {
 				kind: "error",
 				id: crypto.randomUUID(),
-				text: `not a conversation id: ${ref} — pass an id, its /c/<id> link, or run /conversation on its own to pick from the list`
+				text: `not a conversation id: ${ref}. pass an id, its /c/<id> link, or run /conversation on its own to pick from the list`
 			}]);
 			return;
 		}
@@ -10632,7 +11188,7 @@ function ChatScreen({ agent, conversation }) {
 	]);
 	const toggleShare = useCallback(() => {
 		if (!portalClient) {
-			useStore.getState().showToast({ message: useStore.getState().authKind === "api-key" ? "local access needs a browser session — run `skydive auth login --web`" : "local access is unavailable in this session" });
+			useStore.getState().showToast({ message: useStore.getState().authKind === "api-key" ? "local access needs a browser session; run `skydive auth login --web`" : "local access is unavailable in this session" });
 			return;
 		}
 		if (portal.status === "off") {
@@ -10675,7 +11231,7 @@ function ChatScreen({ agent, conversation }) {
 	}, [agent.id, setPortalPrompt]);
 	const openPortalAccess = useCallback(() => {
 		if (!portalClient) {
-			useStore.getState().showToast({ message: useStore.getState().authKind === "api-key" ? "local access needs a browser session — run `skydive auth login --web`" : "local access is unavailable in this session" });
+			useStore.getState().showToast({ message: useStore.getState().authKind === "api-key" ? "local access needs a browser session; run `skydive auth login --web`" : "local access is unavailable in this session" });
 			return;
 		}
 		switch (portal.status) {
@@ -10764,7 +11320,7 @@ function ChatScreen({ agent, conversation }) {
 						break;
 					}
 					if (!conversationId) {
-						useStore.getState().showToast({ message: "nothing to fork yet — send a message first" });
+						useStore.getState().showToast({ message: "nothing to fork yet; send a message first" });
 						break;
 					}
 					forkAndContinue();
@@ -11095,7 +11651,7 @@ function ChatScreen({ agent, conversation }) {
 			if (runRef.current.kind === "streaming") {
 				if (cancelLatestSteer()) return;
 				runRef.current.abort.abort();
-				useStore.getState().showToast({ message: `${agent.name} keeps working — reopen to reattach` });
+				useStore.getState().showToast({ message: `${agent.name} keeps working; reopen to reattach` });
 				goTo({
 					kind: "conversation-picker",
 					agent
@@ -11109,6 +11665,10 @@ function ChatScreen({ agent, conversation }) {
 		}
 	});
 	const hasPendingSteer = items.some((m) => m.kind === "pending-steer");
+	const conversationContext = useMemo(() => ({
+		rest,
+		conversationId
+	}), [rest, conversationId]);
 	const actionableCards = useMemo(() => items.filter(isActionableCard), [items]);
 	const statusText = useMemo(() => formatChatFooterStatus({
 		runKind: run.kind,
@@ -11137,7 +11697,7 @@ function ChatScreen({ agent, conversation }) {
 	if (modelPickerOpen) return /* @__PURE__ */ jsx(ModelPicker, {
 		agentId: agent.id,
 		currentModel: model,
-		modelLocked: agent.modelLocked ?? false,
+		modelLocked,
 		onSelected: (modelId) => {
 			setModel(modelId);
 			setModelPickerOpen(false);
@@ -11191,7 +11751,7 @@ function ChatScreen({ agent, conversation }) {
 			setReviewFocused(false);
 		}
 	}) : null;
-	const chatView = /* @__PURE__ */ jsxs("box", {
+	const chatViewBody = /* @__PURE__ */ jsxs("box", {
 		onMouseDown: (event) => {
 			const paneBox = reviewBelowBoxRef.current;
 			if (reviewOpen && reviewPlacement === "below" && paneBox && event.y === paneBox.screenY + paneBox.height - 1) {
@@ -11439,6 +11999,9 @@ function ChatScreen({ agent, conversation }) {
 				},
 				children: /* @__PURE__ */ jsx("textarea", {
 					ref: composerRef,
+					textColor: theme.fg,
+					focusedTextColor: theme.fg,
+					placeholderColor: theme.dim,
 					placeholder: forking ? "forking into a new chat…" : `message ${agent.name}…`,
 					keyBindings: composerKeyBindings,
 					onContentChange: handleComposerChange,
@@ -11478,6 +12041,10 @@ function ChatScreen({ agent, conversation }) {
 			})
 		]
 	});
+	const chatView = /* @__PURE__ */ jsx(ConversationContext.Provider, {
+		value: conversationContext,
+		children: chatViewBody
+	});
 	if (!reviewView || reviewPlacement === "below") return chatView;
 	const fullscreen = reviewPlacement === "fullscreen";
 	return /* @__PURE__ */ jsxs("box", {
@@ -11571,12 +12138,18 @@ function CredentialPromptBox({ prompt, height, onInput, onSubmit }) {
 				]
 			}),
 			field.secret ? /* @__PURE__ */ jsx("input", {
+				textColor: theme.fg,
+				focusedTextColor: theme.fg,
+				placeholderColor: theme.dim,
 				value: MASK_CHAR.repeat(prompt.current.length),
 				placeholder: field.placeholder ?? "",
 				onInput,
 				onSubmit,
 				focused: !prompt.submitting
 			}, field.key) : /* @__PURE__ */ jsx("input", {
+				textColor: theme.fg,
+				focusedTextColor: theme.fg,
+				placeholderColor: theme.dim,
 				placeholder: field.placeholder ?? "",
 				onInput,
 				onSubmit,
@@ -11816,7 +12389,12 @@ function App({ appUrl, sessionToken, authKind, shareMachine, promptHistoryPath,
 		setClients,
 		fail
 	]);
+	const appendEarlyInput = useStore((s) => s.appendEarlyInput);
 	useKeyboard((key) => {
+		if (screen.kind === "splash" && !(key.name === "c" && key.ctrl)) {
+			appendEarlyInput(key);
+			return;
+		}
 		if (key.name === "c" && key.ctrl && screen.kind !== "chat") {
 			useStore.getState().portalClient?.dispose();
 			agentHost.dispose();
@@ -12284,6 +12862,97 @@ async function settleBootThemeMode({ source, applyThemeMode, graceMs = THEME_QUE
 	if (answered) applyThemeMode(answered);
 }
 
+//#endregion
+//#region src/profiling/tui.ts
+/**
+* TUI-side profiling instrumentation. Everything here rides on the shared
+* profile directory created in bin.ts (see profiler.ts) and is inert unless
+* SKYDIVE_PROFILE is set.
+*/
+/**
+* Renderer options to merge into createCliRenderer when profiling:
+* gatherStats makes OpenTUI retain per-frame timings (frame time, cells
+* updated, native render + stdout write time) that getStats() exposes.
+*/
+function profilingRendererOptions() {
+	return profilingEnabled() ? { gatherStats: true } : {};
+}
+/**
+* Samples renderer stats periodically and dumps the full series at exit.
+* The periodic samples give the timeline shape (fps over the session); the
+* final dump carries the complete frame-time distribution.
+*/
+function startRendererStatsCapture(renderer) {
+	if (!profilingEnabled()) return;
+	const sample = () => {
+		const s = renderer.getStats();
+		record("render", {
+			fps: s.fps,
+			frameCount: s.frameCount,
+			averageFrameTime: s.averageFrameTime,
+			maxFrameTime: s.maxFrameTime,
+			cellsUpdated: s.cellsUpdated,
+			nativeRenderTime: s.nativeRenderTime ?? null,
+			nativeStdoutWriteTime: s.nativeStdoutWriteTime ?? null
+		});
+	};
+	const interval = setInterval(sample, 1e3);
+	interval.unref?.();
+	process.on("exit", () => {
+		clearInterval(interval);
+		const s = renderer.getStats();
+		writeArtifact("render.json", {
+			fps: s.fps,
+			frameCount: s.frameCount,
+			frameTimes: s.frameTimes,
+			averageFrameTime: s.averageFrameTime,
+			minFrameTime: s.minFrameTime,
+			maxFrameTime: s.maxFrameTime,
+			cellsUpdated: s.cellsUpdated,
+			averageCellsUpdated: s.averageCellsUpdated
+		});
+	});
+}
+/**
+* Records zustand store transitions. Subscribes to the whole store and
+* logs a compact diff-flavored event per change: the screen kind always,
+* plus which top-level keys changed. Gives an agent the "what was the UI
+* doing at t=X" axis without serializing message payloads.
+*/
+function startStateCapture(store) {
+	if (!profilingEnabled()) return;
+	store.subscribe((state, prev) => {
+		const prevEntries = new Map(Object.entries(prev));
+		const changed = [];
+		let screenKind = null;
+		for (const [key, value] of Object.entries(state)) {
+			if (typeof value === "function") continue;
+			if (value !== prevEntries.get(key)) changed.push(key);
+			if (key === "screen" && typeof value === "object" && value !== null && "kind" in value && typeof value.kind === "string") screenKind = value.kind;
+		}
+		if (changed.length === 0) return;
+		record("state", {
+			screen: screenKind,
+			changed
+		});
+	});
+}
+/**
+* React Profiler onRender callback for the <Profiler> wrapping <App>.
+* One event per commit: which subtree, mount/update, and actual vs base
+* duration (actualDuration >> baseDuration means memoization is losing).
+*/
+function onRenderCommit(id, phase, actualDuration, baseDuration, startTime, commitTime) {
+	record("commits", {
+		id,
+		phase,
+		actualDuration,
+		baseDuration,
+		startTime,
+		commitTime
+	});
+}
+
 //#endregion
 //#region src/chat/boot.tsx
 /**
@@ -12296,7 +12965,12 @@ async function runChat({ appUrl, sessionToken, authKind = "session", shareMachin
 	await registerGrammars();
 	const watchdog = startMemoryWatchdog();
 	installCrashHandler({ memoryProvider: () => watchdog.snapshot() });
-	const renderer = await createCliRenderer({ exitOnCtrlC: false });
+	const renderer = await createCliRenderer({
+		exitOnCtrlC: false,
+		...profilingRendererOptions()
+	});
+	startRendererStatsCapture(renderer);
+	startStateCapture(useStore);
 	extend({ markdown: LinkifiedMarkdownRenderable });
 	useStore.setState({
 		authKind,
@@ -12316,16 +12990,20 @@ async function runChat({ appUrl, sessionToken, authKind = "session", shareMachin
 		source: renderer,
 		applyThemeMode: (mode) => useStore.getState().setThemeMode(mode)
 	});
-	createRoot(renderer).render(/* @__PURE__ */ jsx(App, {
-		appUrl,
-		sessionToken,
-		authKind,
-		shareMachine,
-		promptHistoryPath,
-		notifications,
-		agentSelector: agentSelector ?? null,
-		conversationId: conversationId ?? null,
-		newConversation
+	createRoot(renderer).render(/* @__PURE__ */ jsx(Profiler, {
+		id: "app",
+		onRender: onRenderCommit,
+		children: /* @__PURE__ */ jsx(App, {
+			appUrl,
+			sessionToken,
+			authKind,
+			shareMachine,
+			promptHistoryPath,
+			notifications,
+			agentSelector: agentSelector ?? null,
+			conversationId: conversationId ?? null,
+			newConversation
+		})
 	}));
 }
 /** Open the same workspace picker used by the initial agent screen. */