skydive-cli 0.3.0 → 0.4.0

package/dist/js/{boot-HAgDg_b4.mjs → boot-on5ucI_Z.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-Ba-UTi-l.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-X2N5wJ5l.mjs";
+import { a as errorMessage, i as sendErrorMessage, n as createRestClient, o as isRecord, r as errorDetail, t as HttpError } from "./rest-imDZZGQA.mjs";
+import { i as billingBlockedOutcomeFromSendResponse } from "./billing-blocked-CwfG1BTR.mjs";
+import { t as PortalClient } from "./client-CKzK-12y.mjs";
+import { d as makeLineParser, f as parseDaemonMessage, l as daemonPaths, n as ensureDaemonRunning, s as LOCAL_PROTOCOL_VERSION, u as encodeLine } from "./daemon-CaFz7Wtw.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;
@@ -2269,6 +2280,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 +2705,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") {
@@ -3056,8 +3094,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 +3109,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 +3130,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 +3246,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 +3394,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 +3543,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 +3565,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 +3807,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 +3936,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 +3951,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 +3967,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 +3988,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 +4061,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 +4145,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 +4272,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 +4915,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 +5018,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";
@@ -5711,6 +5839,10 @@ const keybindGroups = [
 				keys: "↑ / ↓",
 				action: "move selection"
 			},
+			{
+				keys: "pgup / pgdn",
+				action: "move selection a page at a time"
+			},
 			{
 				keys: "↵",
 				action: "open agent"
@@ -5736,6 +5868,10 @@ const keybindGroups = [
 				keys: "↑ / ↓",
 				action: "move selection"
 			},
+			{
+				keys: "pgup / pgdn",
+				action: "move selection a page at a time"
+			},
 			{
 				keys: "↵",
 				action: "open conversation"
@@ -9651,8 +9787,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 +9929,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)
@@ -10434,7 +10584,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 +10628,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) {
@@ -11486,6 +11639,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 +11653,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 +11669,8 @@ function App({ appUrl, sessionToken, shareMachine, promptHistoryPath, notificati
 	usePortal({
 		appUrl,
 		sessionToken,
-		shareMachine
+		shareMachine,
+		enabled: authKind === "session"
 	});
 	useEffect(() => {
 		agentHost.transition({ state: "idle" });
@@ -11543,6 +11698,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 +11717,7 @@ function App({ appUrl, sessionToken, shareMachine, promptHistoryPath, notificati
 	}, [
 		appUrl,
 		sessionToken,
+		authKind,
 		setWorkspaceName
 	]);
 	useEffect(() => {
@@ -11899,6 +12056,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 +12241,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 +12268,7 @@ async function runChat({ appUrl, sessionToken, shareMachine, promptHistoryPath,
 	createRoot(renderer).render(/* @__PURE__ */ jsx(App, {
 		appUrl,
 		sessionToken,
+		authKind,
 		shareMachine,
 		promptHistoryPath,
 		notifications,

package/dist/js/chat/tui/chunks/grammars/assets/bash.highlights.scm

@@ -0,0 +1,56 @@
+[
+  (string)
+  (raw_string)
+  (heredoc_body)
+  (heredoc_start)
+] @string
+
+(command_name) @function
+
+(variable_name) @property
+
+[
+  "case"
+  "do"
+  "done"
+  "elif"
+  "else"
+  "esac"
+  "export"
+  "fi"
+  "for"
+  "function"
+  "if"
+  "in"
+  "select"
+  "then"
+  "unset"
+  "until"
+  "while"
+] @keyword
+
+(comment) @comment
+
+(function_definition name: (word) @function)
+
+(file_descriptor) @number
+
+[
+  (command_substitution)
+  (process_substitution)
+  (expansion)
+]@embedded
+
+[
+  "$"
+  "&&"
+  ">"
+  ">>"
+  "<"
+  "|"
+] @operator
+
+(
+  (command (_) @constant)
+  (#match? @constant "^-")
+)