skydive-cli 0.3.0 → 0.4.0-beta.1033

package/dist/js/{boot-HAgDg_b4.mjs → boot-C6THTSAl.mjs}

@@ -1,11 +1,12 @@
 #!/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-CMYBFvR2.mjs";
-import { L as saveTheme, P as resolveWebUrl, T as getSavedTheme, 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, w as getReviewStateDir, x as getConfigPath, y as DEFAULT_APP_URL } from "./print-Cd-bVSEJ.mjs";
-import { a as errorMessage, i as sendErrorMessage, n as createRestClient, o as isRecord, r as errorDetail, t as HttpError } from "./rest-BlN_uWmL.mjs";
-import { t as PortalClient } from "./client-Dc7GZ3PG.mjs";
-import { d as makeLineParser, f as parseDaemonMessage, l as daemonPaths, n as ensureDaemonRunning, s as LOCAL_PROTOCOL_VERSION, u as encodeLine } from "./daemon-Co4CtpXZ.mjs";
-import { t as SandboxStream } from "./client-DfcJFEbh.mjs";
-import { t as runRawPtyPassthrough } from "./raw-pty-BcjbTjHJ.mjs";
+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-DCcGbpsS.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 * as os$1 from "node:os";
 import { homedir, platform, release, tmpdir } from "node:os";
 import path, { basename, extname, isAbsolute, join, win32 } from "node:path";
@@ -16,7 +17,7 @@ import { execFile, spawn } from "node:child_process";
 import { createHash, randomUUID } 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, createCliRenderer, decodePasteBytes, detectLinks, fg, link } from "@opentui/core";
+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 { create } from "zustand";
@@ -69,6 +70,7 @@ const useStore = create((set, get) => ({
 	themeLocked: false,
 	appUrl: null,
 	sessionToken: null,
+	authKind: "session",
 	workspaceName: null,
 	rest: null,
 	promptHistoryPath: null,
@@ -437,10 +439,11 @@ function createPortalClient(opts) {
 * user turns sharing on from the chat screen. Detaching on unmount leaves the
 * daemon running for any other attached CLIs.
 */
-function usePortal({ appUrl, sessionToken, shareMachine }) {
+function usePortal({ appUrl, sessionToken, shareMachine, enabled = true }) {
 	const syncPortal = useStore((s) => s.syncPortal);
 	const setPortalClient = useStore((s) => s.setPortalClient);
 	useEffect(() => {
+		if (!enabled) return;
 		const client = createPortalClient({
 			appUrl,
 			sessionToken,
@@ -463,6 +466,7 @@ function usePortal({ appUrl, sessionToken, shareMachine }) {
 		appUrl,
 		sessionToken,
 		shareMachine,
+		enabled,
 		syncPortal,
 		setPortalClient
 	]);
@@ -1687,8 +1691,13 @@ function AgentPickerScreen() {
 	const [cache, setCache] = useState({});
 	const [state, setState] = useState({ kind: "loading" });
 	useKeyboard((key) => {
-		if (key.name === "w" && key.ctrl) goTo({ kind: "workspace-picker" });
-		else if (key.name === "n" && key.ctrl) goTo({ kind: "agent-create" });
+		if (key.name === "w" && key.ctrl) {
+			if (useStore.getState().authKind === "api-key") {
+				useStore.getState().showToast({ message: "API keys are pinned to one workspace. Run `skydive auth login --web` to switch workspaces." });
+				return;
+			}
+			goTo({ kind: "workspace-picker" });
+		} else if (key.name === "n" && key.ctrl) goTo({ kind: "agent-create" });
 		else if (key.name === "tab") setScope((s) => s === "mine" ? "org" : "mine");
 	});
 	useEffect(() => {
@@ -1797,6 +1806,8 @@ function FilterableAgentList({ agents, scope, onPick }) {
 	useKeyboard((key) => {
 		if (key.name === "up") setHighlight(Math.max(0, clamped - 1));
 		else if (key.name === "down") setHighlight(Math.min(Math.max(0, filtered.length - 1), clamped + 1));
+		else if (key.name === "pageup" || key.name === "pgup") setHighlight(Math.max(0, clamped - Math.max(1, visibleRows - 1)));
+		else if (key.name === "pagedown" || key.name === "pgdn") setHighlight(Math.min(Math.max(0, filtered.length - 1), clamped + Math.max(1, visibleRows - 1)));
 		else if (key.name === "return") {
 			const agent = filtered[clamped];
 			if (!agent) return;
@@ -1831,6 +1842,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),
@@ -2029,6 +2043,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);
@@ -2269,6 +2286,31 @@ function CollapseHint() {
 		children: "· click to collapse"
 	});
 }
+/** Collapsed line cap for tool error output. */
+const maxErrorLines = 8;
+/**
+* Tool error output, clamped like ok output: collapsed it clips to
+* `maxErrorLines` with the "+N more · click to expand" tail; expanded it
+* renders in full, word-wrapped. Same click-to-toggle box as the rest of
+* the block — a failing command's output shouldn't flood the scrollback
+* just because it arrived on the error channel.
+*/
+function ErrorLines({ text, expanded }) {
+	if (expanded) return /* @__PURE__ */ jsx(ExpandedLines, {
+		text,
+		fg: theme.error
+	});
+	return /* @__PURE__ */ jsx("box", {
+		style: { flexDirection: "column" },
+		children: clipLines(text, {
+			maxLines: maxErrorLines,
+			maxLineLen: 100
+		}).map((line, idx) => /* @__PURE__ */ jsx("text", {
+			fg: theme.error,
+			children: line
+		}, idx))
+	});
+}
 /** Indents tool output two columns under its header — no rule, just space. */
 function Indented({ children }) {
 	return /* @__PURE__ */ jsx("box", {
@@ -2669,6 +2711,8 @@ function ConversationList({ agent, conversations, complete, showAutomated, onTog
 		if (key.name === "escape") onPick({ kind: "agent-picker" });
 		else if (key.name === "up") setHighlight(Math.max(0, clamped - 1));
 		else if (key.name === "down") setHighlight(Math.min(Math.max(0, rows.length - 1), clamped + 1));
+		else if (key.name === "pageup" || key.name === "pgup") setHighlight(Math.max(0, clamped - Math.max(1, visibleRows - 1)));
+		else if (key.name === "pagedown" || key.name === "pgdn") setHighlight(Math.min(Math.max(0, rows.length - 1), clamped + Math.max(1, visibleRows - 1)));
 		else if (key.name === "d" && key.ctrl) {
 			const row = rows[clamped];
 			if (row?.kind === "conv") {
@@ -2704,6 +2748,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),
@@ -3056,8 +3103,13 @@ function syntaxStyleTable() {
 		"keyword.function": { fg: theme.syntaxMagenta },
 		"keyword.return": { fg: theme.syntaxMagenta },
 		"keyword.operator": { fg: theme.syntaxMagenta },
+		conditional: { fg: theme.syntaxMagenta },
+		repeat: { fg: theme.syntaxMagenta },
+		preproc: { fg: theme.syntaxMagenta },
 		string: { fg: theme.syntaxGreen },
 		"string.special": { fg: theme.syntaxTeal },
+		escape: { fg: theme.syntaxTeal },
+		"string.escape": { fg: theme.syntaxTeal },
 		character: { fg: theme.syntaxGreen },
 		comment: {
 			fg: theme.dim,
@@ -3066,10 +3118,13 @@ function syntaxStyleTable() {
 		function: { fg: theme.syntaxBlue },
 		"function.method": { fg: theme.syntaxBlue },
 		"function.builtin": { fg: theme.syntaxCyan },
+		method: { fg: theme.syntaxBlue },
 		variable: { fg: theme.fg },
 		"variable.builtin": { fg: theme.syntaxRed },
 		"variable.parameter": { fg: theme.syntaxYellow },
 		"variable.member": { fg: theme.syntaxTeal },
+		parameter: { fg: theme.syntaxYellow },
+		field: { fg: theme.syntaxTeal },
 		type: { fg: theme.syntaxCyan },
 		"type.builtin": { fg: theme.syntaxCyan },
 		constant: { fg: theme.syntaxOrange },
@@ -3084,6 +3139,7 @@ function syntaxStyleTable() {
 		"punctuation.bracket": { fg: theme.muted },
 		"punctuation.delimiter": { fg: theme.muted },
 		"punctuation.special": { fg: theme.syntaxCyan },
+		delimiter: { fg: theme.muted },
 		constructor: { fg: theme.syntaxBlue },
 		module: { fg: theme.syntaxBlue },
 		label: { fg: theme.syntaxCyan },
@@ -3199,6 +3255,22 @@ function StatusLine({ item }) {
 	}
 }
 
+//#endregion
+//#region src/chat/tui/chunks/system-notice-item.tsx
+/**
+* Platform system-notice row: the server stopped or refused work for a
+* platform reason (today: billing-blocked), so it reads as a warning-toned
+* notice — visually distinct from the ✗ transport/agent error row. The text
+* already carries the full guidance, produced server-side or derived from a
+* typed outcome by the producer that pushed the item.
+*/
+function SystemNoticeItem({ item }) {
+	return /* @__PURE__ */ jsxs("text", {
+		fg: theme.warning,
+		children: ["◆ ", item.text.trim()]
+	});
+}
+
 //#endregion
 //#region src/chat/tui/chunks/error-item.tsx
 /**
@@ -3331,9 +3403,9 @@ function ToolGeneric({ item }) {
 					fg: theme.dim,
 					children: " · click to expand"
 				})]
-			}) : /* @__PURE__ */ jsx("text", {
-				fg: theme.error,
-				children: item.output.errorText
+			}) : /* @__PURE__ */ jsx(ErrorLines, {
+				text: item.output.errorText,
+				expanded
 			}) }) : null,
 			expanded && /* @__PURE__ */ jsx(Indented, { children: /* @__PURE__ */ jsx(CollapseHint, {}) })
 		]
@@ -3480,10 +3552,16 @@ function trimCommonIndent(hunks) {
 	for (const hunk of hunks) hunk.lines = hunk.lines.map((line) => isContentLine(line) ? line[0] + line.slice(1 + min) : line);
 }
 /**
-* OpenTUI 0.2.15 bundles tree-sitter parsers for javascript(+react),
-* typescript(+react), markdown, and zig only — anything else renders
-* unhighlighted (but still red/green). Returning undefined skips the
-* highlight pass entirely instead of asking for a parser that isn't there.
+* Maps a file extension to the tree-sitter filetype used to highlight it in
+* diffs and the file/review pane. OpenTUI bundles parsers for
+* javascript(+react), typescript(+react), markdown, and zig; the rest are
+* registered by ./grammars. An extension absent here returns
+* undefined, which skips the highlight pass (the diff still renders red/green)
+* rather than asking the client for a parser it doesn't have.
+*
+* Keep the filetype values in sync with the canonical `filetype`/`aliases`
+* registered in ./grammars/grammars.ts — an extension mapping to a filetype no
+* parser is registered for just renders plain.
 */
 const FILETYPE_BY_EXT = {
 	ts: "typescript",
@@ -3496,7 +3574,34 @@ const FILETYPE_BY_EXT = {
 	jsx: "javascriptreact",
 	md: "markdown",
 	markdown: "markdown",
-	zig: "zig"
+	zig: "zig",
+	py: "python",
+	pyi: "python",
+	pyw: "python",
+	sh: "bash",
+	bash: "bash",
+	zsh: "bash",
+	go: "go",
+	rs: "rust",
+	c: "c",
+	h: "c",
+	cpp: "cpp",
+	cxx: "cpp",
+	cc: "cpp",
+	hpp: "cpp",
+	hxx: "cpp",
+	hh: "cpp",
+	java: "java",
+	rb: "ruby",
+	css: "css",
+	html: "html",
+	htm: "html",
+	json: "json",
+	jsonc: "json",
+	yaml: "yaml",
+	yml: "yaml",
+	toml: "toml",
+	lua: "lua"
 };
 function filetypeForPath(filePath) {
 	const base = filePath.split("/").pop() ?? filePath;
@@ -3711,10 +3816,10 @@ function ToolEdit({ item }) {
 				fg: theme.muted,
 				children: "(no changes)"
 			}) }) : null,
-			item.output?.kind === "error" && /* @__PURE__ */ jsx(Indented, { children: /* @__PURE__ */ jsx("text", {
-				fg: theme.error,
-				children: item.output.errorText
-			}) }),
+			item.output?.kind === "error" && /* @__PURE__ */ jsxs(Indented, { children: [/* @__PURE__ */ jsx(ErrorLines, {
+				text: item.output.errorText,
+				expanded
+			}), expanded && isClipped(item.output.errorText, maxErrorLines) && /* @__PURE__ */ jsx(CollapseHint, {})] }),
 			item.output?.kind === "ok" && pairs === null && inputReady && /* @__PURE__ */ jsx(Indented, { children: /* @__PURE__ */ jsx("text", {
 				fg: theme.muted,
 				children: summarize(item.output.value, 60)
@@ -3840,12 +3945,13 @@ function PlainDiff({ diff }) {
 //#endregion
 //#region src/chat/tui/chunks/tool-bash.tsx
 const maxLines$1 = 8;
+const maxCommandLines = 3;
 /**
 * Rich view for the `bash`/`shell` tool. Leads with the model-authored
 * summary when present (mirroring web chat's activity labels), with the
 * command on its own dim line beneath; then its output
 * (truncated to keep the scrollback usable — click the block to toggle the
-* full output, ANY-3999).
+* full command and output).
 */
 function ToolBash({ item }) {
 	const glyph = toolGlyph(item.state);
@@ -3854,6 +3960,10 @@ function ToolBash({ item }) {
 	const output = item.output?.kind === "ok" ? typeof item.output.value === "string" ? item.output.value : extractStdout(item.output.value) : null;
 	const summary = getToolCallSummary(item.input);
 	const [expanded, setExpanded] = useState(false);
+	const commandText = command || "(empty command)";
+	const headerCommandLine = commandText.split("\n", 1)[0] ?? commandText;
+	const commandBlockText = summary !== null ? `$ ${commandText}` : commandText.slice(headerCommandLine.length + 1);
+	const showCommandBlock = commandBlockText.length > 0;
 	return /* @__PURE__ */ jsxs("box", {
 		style: {
 			flexDirection: "column",
@@ -3866,14 +3976,19 @@ function ToolBash({ item }) {
 				children: [glyph.ch, " "]
 			}), /* @__PURE__ */ jsx("span", {
 				fg: theme.tool,
-				children: summary !== null ? summary : `$ ${command || "(empty command)"}`
+				children: summary !== null ? summary : `$ ${headerCommandLine}`
 			})] }),
-			summary !== null && /* @__PURE__ */ jsx(Indented, { children: /* @__PURE__ */ jsxs("text", {
+			showCommandBlock && /* @__PURE__ */ jsx(Indented, { children: expanded ? /* @__PURE__ */ jsx(ExpandedLines, {
+				text: commandBlockText,
+				fg: theme.muted
+			}) : clipLines(commandBlockText, {
+				maxLines: maxCommandLines,
+				maxLineLen: 100
+			}).map((line, idx) => /* @__PURE__ */ jsx("text", {
 				fg: theme.muted,
-				style: { wrapMode: "word" },
-				children: ["$ ", command || "(empty command)"]
-			}) }),
-			output !== null && output.length > 0 && /* @__PURE__ */ jsxs(Indented, { children: [expanded ? /* @__PURE__ */ jsx(ExpandedLines, {
+				children: line
+			}, idx)) }),
+			output !== null && output.length > 0 && /* @__PURE__ */ jsx(Indented, { children: expanded ? /* @__PURE__ */ jsx(ExpandedLines, {
 				text: output,
 				fg: theme.muted
 			}) : clipLines(output, {
@@ -3882,11 +3997,12 @@ function ToolBash({ item }) {
 			}).map((line, idx) => /* @__PURE__ */ jsx("text", {
 				fg: theme.muted,
 				children: line
-			}, idx)), expanded && isClipped(output, maxLines$1) && /* @__PURE__ */ jsx(CollapseHint, {})] }),
-			item.output?.kind === "error" && /* @__PURE__ */ jsx(Indented, { children: /* @__PURE__ */ jsx("text", {
-				fg: theme.error,
-				children: item.output.errorText
-			}) })
+			}, idx)) }),
+			item.output?.kind === "error" && /* @__PURE__ */ jsx(Indented, { children: /* @__PURE__ */ jsx(ErrorLines, {
+				text: item.output.errorText,
+				expanded
+			}) }),
+			expanded && (showCommandBlock && isClipped(commandBlockText, maxCommandLines) || output !== null && isClipped(output, maxLines$1) || item.output?.kind === "error" && isClipped(item.output.errorText, maxErrorLines)) && /* @__PURE__ */ jsx(Indented, { children: /* @__PURE__ */ jsx(CollapseHint, {}) })
 		]
 	});
 }
@@ -3954,10 +4070,10 @@ function ToolRead({ item }) {
 				fg: theme.muted,
 				children: line
 			}, idx)), expanded && isClipped(preview, maxLines) && /* @__PURE__ */ jsx(CollapseHint, {})] }),
-			item.output?.kind === "error" && /* @__PURE__ */ jsx(Indented, { children: /* @__PURE__ */ jsx("text", {
-				fg: theme.error,
-				children: item.output.errorText
-			}) })
+			item.output?.kind === "error" && /* @__PURE__ */ jsxs(Indented, { children: [/* @__PURE__ */ jsx(ErrorLines, {
+				text: item.output.errorText,
+				expanded
+			}), expanded && isClipped(item.output.errorText, maxErrorLines) && /* @__PURE__ */ jsx(CollapseHint, {})] })
 		]
 	});
 }
@@ -4038,10 +4154,10 @@ function ToolGrep({ item }) {
 				}),
 				expanded && matches.length > maxMatches && /* @__PURE__ */ jsx(CollapseHint, {})
 			] }),
-			item.output?.kind === "error" && /* @__PURE__ */ jsx(Indented, { children: /* @__PURE__ */ jsx("text", {
-				fg: theme.error,
-				children: item.output.errorText
-			}) })
+			item.output?.kind === "error" && /* @__PURE__ */ jsxs(Indented, { children: [/* @__PURE__ */ jsx(ErrorLines, {
+				text: item.output.errorText,
+				expanded
+			}), expanded && isClipped(item.output.errorText, maxErrorLines) && /* @__PURE__ */ jsx(CollapseHint, {})] })
 		]
 	});
 }
@@ -4165,6 +4281,10 @@ function RenderItem({ item }) {
 			barColor: null,
 			children: /* @__PURE__ */ jsx(ErrorItem, { item })
 		});
+		case "system-notice": return /* @__PURE__ */ jsx(Row, {
+			barColor: null,
+			children: /* @__PURE__ */ jsx(SystemNoticeItem, { item })
+		});
 		case "card": return /* @__PURE__ */ jsx(Row, {
 			barColor: null,
 			children: /* @__PURE__ */ jsx(CardItem, { item })
@@ -4804,6 +4924,15 @@ function uiMessagesToItems(messages) {
 	const out = [];
 	for (const m of messages) {
 		if (m.role === "user") {
+			const billingNotice = billingBlockedNoticeText(m.parts);
+			if (billingNotice) {
+				out.push({
+					kind: "system-notice",
+					id: m.id,
+					text: billingNotice
+				});
+				continue;
+			}
 			const text = m.parts.map((p) => p.type === "text" ? p.text : "").join("").trim();
 			const attachments = m.parts.filter((p) => p.type === "data-anyone-attachment").map((p) => {
 				const data = isRecord(p) && "data" in p && isRecord(p.data) ? p.data : null;
@@ -4898,6 +5027,14 @@ function uiMessagesToItems(messages) {
 	}
 	return out.map(clampItem);
 }
+function billingBlockedNoticeText(parts) {
+	for (const part of parts) {
+		if (part.type !== "data-anyone-system-notification") continue;
+		const data = isRecord(part) && isRecord(part.data) ? part.data : null;
+		if (data && data.kind === "billing-blocked" && typeof data.text === "string" && data.text.trim()) return data.text;
+	}
+	return null;
+}
 function mapToolState(raw) {
 	switch (raw) {
 		case "output-error": return "error";
@@ -5600,6 +5737,10 @@ const keybindGroups = [
 				keys: "/plan [show|hide]",
 				action: "show / hide the pinned plan card"
 			},
+			{
+				keys: "/rename <title>",
+				action: "rename this conversation (for everyone)"
+			},
 			{
 				keys: "/",
 				action: "open the command menu (start of message)"
@@ -5711,6 +5852,10 @@ const keybindGroups = [
 				keys: "↑ / ↓",
 				action: "move selection"
 			},
+			{
+				keys: "pgup / pgdn",
+				action: "move selection a page at a time"
+			},
 			{
 				keys: "↵",
 				action: "open agent"
@@ -5736,6 +5881,10 @@ const keybindGroups = [
 				keys: "↑ / ↓",
 				action: "move selection"
 			},
+			{
+				keys: "pgup / pgdn",
+				action: "move selection a page at a time"
+			},
 			{
 				keys: "↵",
 				action: "open conversation"
@@ -5915,6 +6064,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),
@@ -6052,6 +6204,13 @@ const slashCommands = [
 		description: "archive this conversation and hide it from your list",
 		action: { kind: "archive-conversation" }
 	},
+	{
+		name: "rename",
+		aliases: ["title"],
+		argsHint: "<new title>",
+		description: "rename this conversation (for everyone)",
+		action: { kind: "rename-conversation" }
+	},
 	{
 		name: "conversation",
 		aliases: ["conversations", "conv"],
@@ -6471,6 +6630,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),
@@ -7415,6 +7577,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%",
@@ -8134,6 +8299,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),
@@ -8661,6 +8829,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),
@@ -9185,6 +9356,10 @@ function routeInput(raw) {
 				kind: "open-conversation",
 				ref: match.rest
 			} : { kind: "conversation-picker" };
+			case "rename-conversation": return {
+				kind: "rename-conversation",
+				title: match.rest
+			};
 			case "plan": {
 				const arg = match.rest.toLowerCase();
 				return {
@@ -9651,8 +9826,14 @@ function ChatScreen({ agent, conversation }) {
 					setItems((prev) => applyChunk(prev, event.chunk, streamAgentName));
 					return;
 				}
+				const billingOutcome = event.outcome;
 				const errorText = event.error;
-				if (event.status !== "ok" && errorText) setItems((prev) => [...prev, {
+				if (billingOutcome) setItems((prev) => [...prev, {
+					kind: "system-notice",
+					id: crypto.randomUUID(),
+					text: billingOutcome.message
+				}]);
+				else if (event.status !== "ok" && errorText) setItems((prev) => [...prev, {
 					kind: "error",
 					id: crypto.randomUUID(),
 					text: errorText
@@ -9787,7 +9968,15 @@ function ChatScreen({ agent, conversation }) {
 			}
 			attachToRun(result.runId, result.agentName ?? null);
 		} catch (err) {
-			setItems((prev) => [...prev.filter((m) => m.id !== optimisticId), {
+			const billing = err instanceof HttpError ? billingBlockedOutcomeFromSendResponse({
+				status: err.status,
+				body: err.body
+			}) : null;
+			setItems((prev) => [...prev.filter((m) => m.id !== optimisticId), billing ? {
+				kind: "system-notice",
+				id: crypto.randomUUID(),
+				text: billing.message
+			} : {
 				kind: "error",
 				id: crypto.randomUUID(),
 				text: sendErrorMessage(err)
@@ -10375,6 +10564,38 @@ function ChatScreen({ agent, conversation }) {
 		goTo,
 		agent
 	]);
+	const renameConversation = useCallback((rawTitle) => {
+		const title = rawTitle.trim();
+		if (!title) {
+			useStore.getState().showToast({ message: "usage: /rename <new title>" });
+			return;
+		}
+		if (title.length > 100) {
+			useStore.getState().showToast({
+				variant: "error",
+				message: `title is too long (${String(title.length)}/100 characters)`
+			});
+			return;
+		}
+		if (!conversationId) {
+			useStore.getState().showToast({ message: "nothing to rename yet — send a message to start this one" });
+			return;
+		}
+		if (!rest) return;
+		rest.renameConversation({
+			conversationId,
+			title
+		}).then(() => {
+			useStore.getState().setChatTitle(title);
+			useStore.getState().showToast({
+				variant: "success",
+				message: `renamed to “${title}”`
+			});
+		}).catch((err) => useStore.getState().showToast({
+			variant: "error",
+			message: `couldn't rename: ${errorMessage(err)}`
+		}));
+	}, [conversationId, rest]);
 	/**
 	* Leave this conversation for another screen without ending its run: drop
 	* our own SSE subscription and nothing else — never `rest.cancelRun` — so
@@ -10434,7 +10655,10 @@ function ChatScreen({ agent, conversation }) {
 		leaveForScreen
 	]);
 	const toggleShare = useCallback(() => {
-		if (!portalClient) return;
+		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" });
+			return;
+		}
 		if (portal.status === "off") {
 			declinedRef.current.delete(agent.id);
 			portalClient.enable();
@@ -10475,7 +10699,7 @@ function ChatScreen({ agent, conversation }) {
 	}, [agent.id, setPortalPrompt]);
 	const openPortalAccess = useCallback(() => {
 		if (!portalClient) {
-			useStore.getState().showToast({ message: "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) {
@@ -10540,6 +10764,9 @@ function ChatScreen({ agent, conversation }) {
 				case "archive-conversation":
 					archiveConversation();
 					break;
+				case "rename-conversation":
+					renameConversation(routed.title);
+					break;
 				case "new-conversation":
 					if (runRef.current.kind !== "idle") {
 						useStore.getState().showToast({ message: "finish or cancel the run first (ctrl+c)" });
@@ -10653,6 +10880,7 @@ function ChatScreen({ agent, conversation }) {
 		runSandboxExec,
 		runSandboxPty,
 		archiveConversation,
+		renameConversation,
 		forkAndContinue,
 		leaveForScreen,
 		openConversationRef,
@@ -11235,6 +11463,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,
@@ -11367,12 +11598,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,
@@ -11486,6 +11723,7 @@ function ToastView() {
 			maxWidth: Math.min(60, Math.max(20, width - 6)),
 			border: true,
 			borderColor: toastColor(toast.variant),
+			backgroundColor: theme.surface ?? "#1a1a1a",
 			paddingLeft: 1,
 			paddingRight: 1
 		},
@@ -11499,7 +11737,7 @@ function ToastView() {
 
 //#endregion
 //#region src/chat/tui/app.tsx
-function App({ appUrl, sessionToken, shareMachine, promptHistoryPath, notifications, agentSelector, conversationId, newConversation }) {
+function App({ appUrl, sessionToken, authKind, shareMachine, promptHistoryPath, notifications, agentSelector, conversationId, newConversation }) {
 	const renderer = useRenderer();
 	const screen = useStore((s) => s.screen);
 	const chatTitle = useStore((s) => s.chatTitle);
@@ -11515,7 +11753,8 @@ function App({ appUrl, sessionToken, shareMachine, promptHistoryPath, notificati
 	usePortal({
 		appUrl,
 		sessionToken,
-		shareMachine
+		shareMachine,
+		enabled: authKind === "session"
 	});
 	useEffect(() => {
 		agentHost.transition({ state: "idle" });
@@ -11543,6 +11782,7 @@ function App({ appUrl, sessionToken, shareMachine, promptHistoryPath, notificati
 	const fail = useStore((s) => s.fail);
 	const setWorkspaceName = useStore((s) => s.setWorkspaceName);
 	useEffect(() => {
+		if (authKind !== "session") return;
 		let cancelled = false;
 		(async () => {
 			const [activeId, workspaces] = await Promise.all([getActiveWorkspaceId({
@@ -11561,6 +11801,7 @@ function App({ appUrl, sessionToken, shareMachine, promptHistoryPath, notificati
 	}, [
 		appUrl,
 		sessionToken,
+		authKind,
 		setWorkspaceName
 	]);
 	useEffect(() => {
@@ -11899,6 +12140,24 @@ var LinkifiedMarkdownRenderable = class extends MarkdownRenderable {
 	}
 };
 
+//#endregion
+//#region src/chat/tui/chunks/grammars/index.ts
+/**
+* Register the extra tree-sitter grammars (python, go, rust, bash, …) before
+* the renderer boots its tree-sitter client, so fenced code blocks and diffs
+* in those languages highlight instead of rendering as plain text.
+*
+* `addDefaultParsers` merges by filetype into the set the client registers on
+* init, so this must run BEFORE `createCliRenderer`. The grammar definitions
+* live in ./grammars.ts, which is externalized from the tsdown bundle (it
+* imports `.wasm`/`.scm` assets rolldown can't parse) — so we reach it through
+* a dynamic import that both Bun-runtime (npm) and the compiled binary resolve.
+*/
+async function registerGrammars() {
+	const { EXTRA_GRAMMARS } = await import("./chat/tui/chunks/grammars/grammars.js");
+	addDefaultParsers(EXTRA_GRAMMARS);
+}
+
 //#endregion
 //#region src/chat/memory-watchdog.ts
 const MB = 1024 * 1024;
@@ -12066,12 +12325,14 @@ async function settleBootThemeMode({ source, applyThemeMode, graceMs = THEME_QUE
 * module — and the heavy OpenTUI dependency graph it pulls in — is
 * dynamically imported and never loaded on the Node management path.
 */
-async function runChat({ appUrl, sessionToken, shareMachine, promptHistoryPath, theme: themeOverride, notifications, agentSelector, conversationId, newConversation, seedPrompt }) {
+async function runChat({ appUrl, sessionToken, authKind = "session", shareMachine, promptHistoryPath, theme: themeOverride, notifications, agentSelector, conversationId, newConversation, seedPrompt }) {
+	await registerGrammars();
 	const watchdog = startMemoryWatchdog();
 	installCrashHandler({ memoryProvider: () => watchdog.snapshot() });
 	const renderer = await createCliRenderer({ exitOnCtrlC: false });
 	extend({ markdown: LinkifiedMarkdownRenderable });
 	useStore.setState({
+		authKind,
 		seedPrompt: seedPrompt ?? null,
 		autoGrantMachine: Boolean(seedPrompt && shareMachine),
 		newConversationIntent: newConversation
@@ -12091,6 +12352,7 @@ async function runChat({ appUrl, sessionToken, shareMachine, promptHistoryPath,
 	createRoot(renderer).render(/* @__PURE__ */ jsx(App, {
 		appUrl,
 		sessionToken,
+		authKind,
 		shareMachine,
 		promptHistoryPath,
 		notifications,