agent-relay-server 0.20.0 → 0.21.0

package/public/index.html

@@ -10136,6 +10136,37 @@ var persistImpl = (config, baseOptions) => (set, get, api) => {
 };
 var persist = persistImpl;
 //#endregion
+//#region ../sdk/src/sse.ts
+/**
+* Parse a single SSE frame — the text between blank-line (`\n\n`) separators —
+* into its event name, data lines, and optional retry hint. Spec-compliant
+* field parsing: normalises CRLF, skips comment (`:`-prefixed) lines, splits each
+* line at the first colon, and strips one leading space from the value.
+*/
+function parseSseFrame(frame) {
+	let event = "message";
+	const data = [];
+	let retry;
+	for (const rawLine of frame.replace(/\r\n/g, "\n").split("\n")) {
+		if (!rawLine || rawLine.startsWith(":")) continue;
+		const sep = rawLine.indexOf(":");
+		const field = sep >= 0 ? rawLine.slice(0, sep) : rawLine;
+		let value = sep >= 0 ? rawLine.slice(sep + 1) : "";
+		if (value.startsWith(" ")) value = value.slice(1);
+		if (field === "event") event = value;
+		else if (field === "data") data.push(value);
+		else if (field === "retry") {
+			const next = Number(value);
+			if (Number.isFinite(next) && next >= 1e3) retry = next;
+		}
+	}
+	return {
+		event,
+		data,
+		retry
+	};
+}
+//#endregion
 //#region src/lib/api.ts
 var authToken = "";
 function setAuthToken(token) {
@@ -10190,21 +10221,8 @@ function openRelayEventStream(token, handlers) {
 		reconnectTimer = setTimeout(connect, retryMs);
 	};
 	const dispatchFrame = (frame) => {
-		let event = "message";
-		const data = [];
-		for (const rawLine of frame.replace(/\r\n/g, "\n").split("\n")) {
-			if (!rawLine || rawLine.startsWith(":")) continue;
-			const separator = rawLine.indexOf(":");
-			const field = separator >= 0 ? rawLine.slice(0, separator) : rawLine;
-			let value = separator >= 0 ? rawLine.slice(separator + 1) : "";
-			if (value.startsWith(" ")) value = value.slice(1);
-			if (field === "event") event = value;
-			else if (field === "data") data.push(value);
-			else if (field === "retry") {
-				const nextRetry = Number(value);
-				if (Number.isFinite(nextRetry) && nextRetry >= 1e3) retryMs = nextRetry;
-			}
-		}
+		const { event, data, retry } = parseSseFrame(frame);
+		if (retry) retryMs = retry;
 		if (data.length > 0) handlers.message(event, data.join("\n"));
 	};
 	const connect = async () => {
@@ -10330,25 +10348,27 @@ async function apiBlob(path) {
 	return response.blob();
 }
 //#endregion
-//#region src/lib/voice.ts
+//#region ../sdk/src/speech-text.ts
 /**
-* Browser voice I/O for chat.
+* Shared text → speech preparation, imported by both the dashboard
+* (`dashboard/src/lib/voice.ts`) and the voice connector
+* (`connectors/voice/src/text.ts`). Single source of truth — these rules used to
+* live duplicated in both places and drifted.
 *
-* TTS (output) is 100% browser-native via the Web Speech API — the store
-* already receives every agent response turn, so there is no backend round-trip.
-* STT (input) records the mic and posts the clip to the voice connector's
-* whisper endpoint through the relay proxy (single-origin, auth-gated).
+* Two stages, applied in order by {@link prepareForSpeech}:
+*  1. {@link speechify} — collapse markdown/code structure into prose worth hearing.
+*  2. {@link normalizeForSpeech} — rule-based normalization of inline tokens
+*     (numbers, units, symbols, code identifiers, paths) so the speech engine
+*     reads them naturally.
 *
-* Speaker policy ("active chat owns the speaker"):
-*  - One utterance at a time. Disabled => silent.
-*  - Only the active chat speaks, and only responses that arrive while it is
-*    active (no backlog replay).
-*  - Switching away lets the current utterance finish but drops the now-background
-*    chat's queued + future responses.
-*  - The active chat preempts: if it speaks while a previous chat's audio lingers,
-*    that audio is cancelled.
+* Why both, and why here: the server-side Kokoro engine (agent-speech) already
+* normalizes some of this internally (number ranges, decimals, currency) via its
+* phonemizer — but that normalization does NOT run for the browser Web Speech
+* fallback, and the dashboard's own sentence splitter trips on decimals before
+* the engine ever sees them. Normalizing here fixes the browser path and protects
+* the splitter; feeding already-normalized text to Kokoro is harmless (idempotent).
 */
-/** Collapse markdown/code into something worth hearing (mirrors the connector's text.ts). */
+/** Collapse markdown/code into something worth hearing. */
 function speechify(markdown) {
 	if (!markdown) return "";
 	let text = markdown.replace(/\r\n/g, "\n");
@@ -10357,6 +10377,7 @@ function speechify(markdown) {
 		return ` code block, ${lines} ${lines === 1 ? "line" : "lines"}. `;
 	});
 	text = text.replace(/```[^\n]*/g, " code block. ");
+	text = collapseTables(text);
 	text = text.replace(/^#{1,6}\s+/gm, "");
 	text = text.replace(/^\s*[-*+]\s+/gm, ". ");
 	text = text.replace(/^\s*\d+\.\s+/gm, ". ");
@@ -10368,6 +10389,127 @@ function speechify(markdown) {
 	text = text.replace(/\s*\.\s*\.\s*(\.\s*)+/g, ". ");
 	return text.trim();
 }
+/** A markdown table row: `| a | b |` or `a | b`. The separator row is `|---|:-:|`. */
+function isTableRow(line) {
+	return /\|/.test(line) && line.trim().length > 0;
+}
+function isTableSeparator(line) {
+	return /^\s*\|?\s*:?-{2,}:?\s*(\|\s*:?-{2,}:?\s*)+\|?\s*$/.test(line);
+}
+function tableCells(line) {
+	return line.trim().replace(/^\||\|$/g, "").split("|").map((c) => c.trim()).filter((c) => c.length > 0);
+}
+/**
+* Replace contiguous markdown tables with a spoken summary
+* ("table with columns A, B, C; N rows.") rather than reading pipes and cells.
+*/
+function collapseTables(text) {
+	const lines = text.split("\n");
+	const out = [];
+	let i = 0;
+	while (i < lines.length) {
+		if (isTableRow(lines[i]) && i + 1 < lines.length && isTableSeparator(lines[i + 1])) {
+			const headers = tableCells(lines[i]);
+			let j = i + 2;
+			let rows = 0;
+			while (j < lines.length && isTableRow(lines[j]) && !isTableSeparator(lines[j])) {
+				rows++;
+				j++;
+			}
+			const cols = headers.length ? `with columns ${headers.join(", ")}` : "";
+			const rowText = `${rows} ${rows === 1 ? "row" : "rows"}`;
+			out.push(`table ${cols ? `${cols}, ` : ""}${rowText}.`.replace(/\s+/g, " ").trim());
+			i = j;
+			continue;
+		}
+		out.push(lines[i]);
+		i++;
+	}
+	return out.join("\n");
+}
+var UNIT_WORDS = {
+	ms: "milliseconds",
+	s: "seconds",
+	kb: "kilobytes",
+	mb: "megabytes",
+	gb: "gigabytes",
+	tb: "terabytes"
+};
+/** Spell out a fractional part digit-by-digit: "14" → "1 4" (so "3.14" → "3 point 1 4"). */
+function spaceDigits(frac) {
+	return frac.split("").join(" ");
+}
+/**
+* Ordered normalization rules. ORDER IS LOAD-BEARING:
+*  - URLs/paths first, before anything mangles their slashes/dots.
+*  - `~` → "approximately" before number rules consume the digits after it.
+*  - number ranges ("5-7") before unit expansion, so the unit attaches once: "5 to 7 seconds".
+*  - decimals before unit expansion and before the sentence splitter sees the dot.
+*  - unit expansion last among the number rules.
+*/
+var SPEECH_RULES = [
+	{
+		name: "url",
+		pattern: /\bhttps?:\/\/\S+/gi,
+		replace: " link "
+	},
+	{
+		name: "path",
+		pattern: /(?:\/[A-Za-z0-9._-]+){2,}\/?/g,
+		replace: (m) => " " + m.replace(/[/._-]+/g, " ").trim() + " "
+	},
+	{
+		name: "func-call",
+		pattern: /\b([A-Za-z_$][\w$]*)\(\)/g,
+		replace: "$1"
+	},
+	{
+		name: "approx",
+		pattern: /~(?=\s*[\d.])/g,
+		replace: "approximately "
+	},
+	{
+		name: "range",
+		pattern: /(\d)\s*[-–—]\s*(?=\d)/g,
+		replace: "$1 to "
+	},
+	{
+		name: "decimal",
+		pattern: /\b(\d+)\.(\d+)\b/g,
+		replace: (_m, i, f) => `${i} point ${spaceDigits(f)}`
+	},
+	{
+		name: "byte-unit",
+		pattern: /\b(\d+)\s?(kb|mb|gb|tb)\b/gi,
+		replace: (_m, n, u) => `${n} ${UNIT_WORDS[u.toLowerCase()]}`
+	},
+	{
+		name: "ms-unit",
+		pattern: /\b(\d{1,5})\s?ms\b/g,
+		replace: (_m, n) => `${n} ${UNIT_WORDS.ms}`
+	},
+	{
+		name: "s-unit",
+		pattern: /\b(\d{1,3})\s?s\b/g,
+		replace: (_m, n) => `${n} ${UNIT_WORDS.s}`
+	}
+];
+/**
+* Apply the inline normalization rules in order. Pure and idempotent enough to
+* feed straight into either the Kokoro engine or the browser Web Speech API.
+*/
+function normalizeForSpeech(text) {
+	if (!text) return "";
+	let out = text;
+	for (const rule of SPEECH_RULES) out = out.replace(rule.pattern, rule.replace);
+	return out.replace(/[ \t]{2,}/g, " ").trim();
+}
+/** Full pipeline: markdown → prose → normalized speech text. */
+function prepareForSpeech(markdown) {
+	return normalizeForSpeech(speechify(markdown));
+}
+//#endregion
+//#region src/lib/voice.ts
 var MAX_CHUNK = 220;
 /** Split into utterance-sized chunks (sentence boundaries; hard-split very long runs). */
 function chunkForSpeech(text) {
@@ -10402,12 +10544,31 @@ var VoiceTts = class {
 	gen = 0;
 	audioEl = null;
 	audioUrl = null;
+	playingKey = null;
+	manual = false;
+	listeners = /* @__PURE__ */ new Set();
 	get available() {
 		return synthAvailable || typeof Audio !== "undefined";
 	}
 	isEnabled() {
 		return this.enabled;
 	}
+	/** Subscribe to manual-playback changes (useSyncExternalStore). */
+	subscribe(fn) {
+		this.listeners.add(fn);
+		return () => {
+			this.listeners.delete(fn);
+		};
+	}
+	/** Id of the bubble currently played on demand, or null. */
+	getPlayingKey() {
+		return this.playingKey;
+	}
+	setPlayingKey(key) {
+		if (key === this.playingKey) return;
+		this.playingKey = key;
+		for (const fn of this.listeners) fn();
+	}
 	setEnabled(on) {
 		if (on === this.enabled) return;
 		this.enabled = on;
@@ -10433,9 +10594,9 @@ var VoiceTts = class {
 	/** A captured agent response turn arrived for `chatId`. */
 	onResponse(chatId, rawText) {
 		if (!this.enabled || !this.available || !chatId || chatId !== this.active) return;
-		const text = speechify(rawText);
+		const text = prepareForSpeech(rawText);
 		if (!text) return;
-		if (this.speaking && this.currentChat && this.currentChat !== chatId) {
+		if (this.speaking && (this.manual || this.currentChat && this.currentChat !== chatId)) {
 			this.queue = [];
 			this.cancel();
 		}
@@ -10445,6 +10606,30 @@ var VoiceTts = class {
 		});
 		this.pump();
 	}
+	/**
+	* Play an arbitrary response on demand (chat-bubble play button), independent
+	* of which chat is active. Preempts whatever is currently playing.
+	*/
+	speak(rawText, key) {
+		if (!this.available) return;
+		const text = prepareForSpeech(rawText);
+		if (!text) return;
+		this.reset();
+		this.manual = true;
+		this.speaking = true;
+		this.currentChat = null;
+		this.setPlayingKey(key ?? null);
+		const gen = ++this.gen;
+		const chunks = chunkForSpeech(text);
+		const done = () => {
+			if (gen !== this.gen) return;
+			this.speaking = false;
+			this.manual = false;
+			this.setPlayingKey(null);
+		};
+		if (this.mode === "kokoro") this.speakKokoro(chunks, 0, gen, done);
+		else this.speakBrowser(chunks, 0, gen, done);
+	}
 	/** Cut all speech immediately (e.g. when the user starts talking). */
 	bargeIn() {
 		this.reset();
@@ -10457,6 +10642,8 @@ var VoiceTts = class {
 		this.gen++;
 		this.currentChat = null;
 		this.speaking = false;
+		this.manual = false;
+		this.setPlayingKey(null);
 		try {
 			window.speechSynthesis.cancel();
 		} catch {}
@@ -10479,6 +10666,7 @@ var VoiceTts = class {
 		const item = this.queue.shift();
 		if (!item) return;
 		this.speaking = true;
+		this.manual = false;
 		this.currentChat = item.chatId;
 		const gen = ++this.gen;
 		const chunks = chunkForSpeech(item.text);
@@ -11285,6 +11473,12 @@ function emptyAttention() {
 		score: 0
 	};
 }
+function channelIsReady(channel) {
+	if (!channel || channel.status === "offline") return false;
+	if (channel.targetHealth?.status === "ok") return true;
+	if (channel.targetHealth?.status === "error" || channel.targetHealth?.status === "warning") return false;
+	return channel.ready;
+}
 function channelPresence(channel) {
 	if (!channel) return {
 		label: "unknown",
@@ -11310,18 +11504,18 @@ function channelPresence(channel) {
 		icon: "PlugZap",
 		badges: []
 	};
-	if (!channel.ready) return {
-		label: "not ready",
-		tone: "warning",
-		icon: "Loader",
-		badges: []
-	};
 	if (channel.status === "busy") return {
 		label: "busy",
 		tone: "warning",
 		icon: "Activity",
 		badges: []
 	};
+	if (!channelIsReady(channel)) return {
+		label: "not ready",
+		tone: "warning",
+		icon: "Loader",
+		badges: []
+	};
 	return {
 		label: "ready",
 		tone: "success",
@@ -12732,15 +12926,15 @@ var useRelayStore = create$1()(persist((set, get) => ({
 				if (event === "connected") return;
 				if (event === "message.new") {
 					const msg = JSON.parse(data);
+					if (msg.kind === "session" && msg.from !== "user") {
+						const sess = msg.payload?.session;
+						if (sess?.type === "response" && sess?.origin === "provider") voiceTts.onResponse(inboxPeer(msg), msg.body);
+					}
 					const s = get();
 					if (s.messages.some((m) => m.id === msg.id)) return;
 					const msgs = [...s.messages, msg];
 					if (msgs.length > 500) msgs.splice(0, msgs.length - 500);
 					set({ messages: msgs });
-					if (msg.kind === "session" && msg.from !== "user") {
-						const sess = msg.payload?.session;
-						if (sess?.type === "response" && sess?.origin === "provider") voiceTts.onResponse(inboxPeer(msg), msg.body);
-					}
 					const peer = inboxPeer(msg);
 					if (isHumanInboundMessage(msg) && peer && s.view === "chat" && s.selectedInboxThread === peer && !isDashboardHidden()) get().markInboxThreadReadTo(peer, msg.id);
 					return;
@@ -126475,9 +126669,14 @@ function AddReaction({ open, onToggle, onReact }) {
 		})]
 	});
 }
+function useTtsPlayingKey() {
+	return (0, import_react.useSyncExternalStore)((cb) => voiceTts.subscribe(cb), () => voiceTts.getPlayingKey(), () => null);
+}
 var MessageBubble = (0, import_react.memo)(function MessageBubble({ msg, peer, onOpenReferencedPath, onPreviewReferencedPath, onPreviewReferencedPathEnd }) {
 	const isOutbound = msg.from === HUMAN_AGENT_ID;
 	const reactToMessage = useRelayStore((s) => s.reactToMessage);
+	const voiceTtsEnabled = useRelayStore((s) => s.voiceTtsEnabled);
+	const ttsPlayingKey = useTtsPlayingKey();
 	const peerCwd = useRelayStore((s) => {
 		const cwd = s.agentsById[peer]?.meta?.cwd;
 		return typeof cwd === "string" ? cwd : "";
@@ -126492,6 +126691,13 @@ var MessageBubble = (0, import_react.memo)(function MessageBubble({ msg, peer, o
 	const reactions = groupedReactions(msg);
 	const receipt = isOutbound ? outboundReceipt(msg, peer) : null;
 	const ReceiptIcon = receipt?.icon;
+	const isTtsPlaying = ttsPlayingKey === String(msg.id);
+	const showPlayButton = voiceTtsEnabled && !isOutbound && !isReactionEvent(msg) && body.trim().length > 0;
+	function togglePlay(e) {
+		e.stopPropagation();
+		if (isTtsPlaying) voiceTts.bargeIn();
+		else voiceTts.speak(msg.body, String(msg.id));
+	}
 	(0, import_react.useEffect)(() => {
 		if (!showQuickReact) return;
 		function dismiss(e) {
@@ -126543,11 +126749,19 @@ var MessageBubble = (0, import_react.memo)(function MessageBubble({ msg, peer, o
 		setShowQuickReact((v) => !v);
 	}
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		"data-msg-id": msg.id,
 		className: cn$2("group/msg flex mb-3", isOutbound ? "justify-end" : "justify-start"),
 		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 			ref: bubbleRef,
 			className: "relative max-w-[85%] md:max-w-[75%]",
 			children: [
+				showPlayButton && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					type: "button",
+					title: isTtsPlaying ? "Stop playback" : "Play aloud",
+					onClick: togglePlay,
+					className: cn$2("absolute -top-2 -right-2 z-20 inline-flex h-6 w-6 items-center justify-center rounded-full border bg-popover shadow-sm transition", isTtsPlaying ? "border-primary/50 text-primary opacity-100" : "border-border text-muted-foreground opacity-70 hover:bg-muted hover:text-foreground hover:opacity-100 md:opacity-0 md:group-hover/msg:opacity-100"),
+					children: isTtsPlaying ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CircleStop, { className: "h-3.5 w-3.5 animate-pulse" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Volume2, { className: "h-3.5 w-3.5" })
+				}),
 				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 					className: cn$2("rounded-2xl px-3.5 py-2 text-sm select-text", !isOutbound && !isReactionEvent(msg) && "cursor-pointer", isOutbound ? "bg-primary text-primary-foreground rounded-br-sm" : "bg-card ring-1 ring-foreground/10 rounded-bl-sm"),
 					onPointerDown: handleBubblePointerDown,
@@ -126778,6 +126992,109 @@ function sameActivityTurn(a, b) {
 	if (at && bt) return at === bt;
 	return !at && !bt;
 }
+function StickyPromptBanner({ scrollRef, timeline }) {
+	const [hidden, setHidden] = (0, import_react.useState)(true);
+	const [expanded, setExpanded] = (0, import_react.useState)(false);
+	const [collapsed, setCollapsed] = (0, import_react.useState)(false);
+	const [promptAbove, setPromptAbove] = (0, import_react.useState)(true);
+	const lastOutbound = (0, import_react.useMemo)(() => {
+		for (let i = timeline.length - 1; i >= 0; i--) {
+			const entry = timeline[i];
+			if (!entry || entry.type !== "message") continue;
+			if (entry.msg.from === "user") return {
+				id: entry.msg.id,
+				body: messageBody(entry.msg)
+			};
+		}
+		return null;
+	}, [timeline]);
+	(0, import_react.useEffect)(() => {
+		const scrollEl = scrollRef.current;
+		if (!lastOutbound || !scrollEl) {
+			setHidden(true);
+			return;
+		}
+		const target = scrollEl.querySelector(`[data-msg-id="${lastOutbound.id}"]`);
+		if (!target) {
+			setHidden(true);
+			return;
+		}
+		const observer = new IntersectionObserver(([e]) => {
+			if (!e) return;
+			setHidden(e.isIntersecting);
+			if (!e.isIntersecting) {
+				const rootTop = e.rootBounds?.top ?? scrollEl.getBoundingClientRect().top;
+				setPromptAbove(e.boundingClientRect.top < rootTop);
+			}
+		}, {
+			root: scrollEl,
+			threshold: 0
+		});
+		observer.observe(target);
+		const onScroll = () => {
+			const r = target.getBoundingClientRect();
+			const sr = scrollEl.getBoundingClientRect();
+			setPromptAbove(r.top < sr.top);
+		};
+		scrollEl.addEventListener("scroll", onScroll, { passive: true });
+		return () => {
+			observer.disconnect();
+			scrollEl.removeEventListener("scroll", onScroll);
+		};
+	}, [lastOutbound?.id, scrollRef]);
+	(0, import_react.useEffect)(() => {
+		setExpanded(false);
+		setCollapsed(false);
+	}, [lastOutbound?.id]);
+	if (hidden || !lastOutbound || !lastOutbound.body.trim()) return null;
+	function scrollToPrompt() {
+		const scrollEl = scrollRef.current;
+		if (!scrollEl || !lastOutbound) return;
+		scrollEl.querySelector(`[data-msg-id="${lastOutbound.id}"]`)?.scrollIntoView({
+			behavior: "smooth",
+			block: "center"
+		});
+	}
+	const arrow = promptAbove ? "↑" : "↓";
+	if (collapsed) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: "sticky top-0 z-10 -mx-3 md:-mx-4 -mt-3 md:-mt-4 bg-background",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+			type: "button",
+			className: "w-full flex items-center justify-center gap-1.5 py-1 text-[11px] text-primary/60 hover:text-primary border-b border-primary/10 transition-colors",
+			onClick: () => setCollapsed(false),
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Your prompt" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, { className: "w-3 h-3" })]
+		})
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "sticky top-0 z-10 -mx-3 md:-mx-4 -mt-3 md:-mt-4 px-2 md:px-3 pt-2 pb-1.5 bg-background border-b border-primary/10",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "flex items-center gap-2 text-[11px] text-muted-foreground mb-0.5",
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "font-medium text-primary/70",
+					children: "Your prompt"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+					type: "button",
+					className: "ml-auto hover:text-foreground transition-colors",
+					onClick: scrollToPrompt,
+					children: [arrow, " scroll to original"]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: "hover:text-foreground transition-colors",
+					onClick: () => setCollapsed(true),
+					title: "Minimize",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronUp, { className: "w-3 h-3" })
+				})
+			]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+			className: cn$2("text-sm text-foreground leading-snug cursor-pointer", !expanded && "line-clamp-2"),
+			onClick: () => setExpanded((e) => !e),
+			children: lastOutbound.body
+		})]
+	});
+}
 function ChatPanel({ threads, onBack, showBackButton }) {
 	const selectedInboxThread = useRelayStore((s) => s.selectedInboxThread);
 	const agentsById = useRelayStore((s) => s.agentsById);
@@ -127438,6 +127755,10 @@ function ChatPanel({ threads, onBack, showBackButton }) {
 								children: "No messages yet"
 							})]
 						}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(StickyPromptBanner, {
+								scrollRef: pinnedScroll.ref,
+								timeline
+							}),
 							timeline.map((entry) => {
 								if (entry.type === "message") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MessageBubble, {
 									msg: entry.msg,
@@ -129872,7 +130193,7 @@ function ChannelCard({ channel }) {
 }
 function ChannelsView() {
 	const channels = useRelayStore((s) => s.channels);
-	const readyCount = channels.filter((c) => c.status !== "offline" && c.ready).length;
+	const readyCount = channels.filter(channelIsReady).length;
 	const errorCount = channels.filter((c) => c.targetHealth?.status === "error").length;
 	const warningCount = channels.filter((c) => c.targetHealth?.status === "warning").length;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
@@ -157589,6 +157910,29 @@ function AgentProfileModal() {
 			...partial
 		} });
 	}
+	function updateCodexToolOutputTokenLimit(value) {
+		const providerOptions = profile.providerOptions || {};
+		const codex = { ...providerOptions.codex && typeof providerOptions.codex === "object" && !Array.isArray(providerOptions.codex) ? providerOptions.codex : {} };
+		if (!value.trim()) delete codex.toolOutputTokenLimit;
+		else {
+			const limit = Number(value);
+			if (!Number.isSafeInteger(limit)) return;
+			codex.toolOutputTokenLimit = limit;
+		}
+		updateProfileModal({ providerOptions: {
+			...providerOptions,
+			codex
+		} });
+	}
+	function updateMaxSpawnedAgents(value) {
+		if (!value.trim()) {
+			updateProfileModal({ maxSpawnedAgents: void 0 });
+			return;
+		}
+		const n = Number(value);
+		if (!Number.isInteger(n) || n < 0) return;
+		updateProfileModal({ maxSpawnedAgents: Math.min(n, 100) });
+	}
 	function selectBase(base) {
 		const isHost = base === "host";
 		updateProfileModal({
@@ -157615,6 +157959,8 @@ function AgentProfileModal() {
 			}
 		});
 	}
+	const codexOptions = profile.providerOptions?.codex && typeof profile.providerOptions.codex === "object" && !Array.isArray(profile.providerOptions.codex) ? profile.providerOptions.codex : {};
+	const codexToolOutputTokenLimit = Number.isSafeInteger(codexOptions.toolOutputTokenLimit) ? String(codexOptions.toolOutputTokenLimit) : "";
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Dialog, {
 		open,
 		onOpenChange: (o) => !o && closeProfileModal(),
@@ -157752,6 +158098,27 @@ function AgentProfileModal() {
 								})] })]
 							})
 						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Section, {
+							title: "Spawning",
+							defaultOpen: false,
+							children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label, { children: "Spawn Quota" }),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input, {
+									type: "number",
+									min: 0,
+									max: 100,
+									step: 1,
+									value: profile.maxSpawnedAgents === void 0 ? "" : String(profile.maxSpawnedAgents),
+									onChange: (e) => updateMaxSpawnedAgents(e.target.value),
+									placeholder: "0",
+									disabled: readOnly
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+									className: "mt-1 text-xs text-muted-foreground",
+									children: "Max concurrent live child agents this profile may spawn. Empty or 0 = cannot spawn (default). Children never inherit it (no grandchildren)."
+								})
+							] })
+						}),
 						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Section, {
 							title: "Environment Variables",
 							defaultOpen: false,
@@ -157761,10 +158128,18 @@ function AgentProfileModal() {
 								disabled: readOnly
 							})
 						}),
-						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Section, {
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Section, {
 							title: "Provider Options",
 							defaultOpen: false,
-							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Textarea, {
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label, { children: "Codex Tool Output Limit" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input, {
+								type: "number",
+								min: 1e3,
+								max: 2e5,
+								value: codexToolOutputTokenLimit,
+								onChange: (e) => updateCodexToolOutputTokenLimit(e.target.value),
+								placeholder: "12000",
+								disabled: readOnly
+							})] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Textarea, {
 								value: JSON.stringify(profile.providerOptions || {}, null, 2),
 								onChange: (e) => {
 									try {
@@ -157775,7 +158150,7 @@ function AgentProfileModal() {
 								disabled: readOnly,
 								className: "font-mono text-xs",
 								placeholder: "{}"
-							})
+							})]
 						})
 					]
 				}),
@@ -158607,6 +158982,10 @@ if ("serviceWorker" in navigator) {
     inset-block: calc(var(--spacing) * 0);
   }
 
+  .-top-2 {
+    top: calc(var(--spacing) * -2);
+  }
+
   .top-0 {
     top: calc(var(--spacing) * 0);
   }
@@ -158635,6 +159014,10 @@ if ("serviceWorker" in navigator) {
     right: calc(var(--spacing) * -.5);
   }
 
+  .-right-2 {
+    right: calc(var(--spacing) * -2);
+  }
+
   .right-2 {
     right: calc(var(--spacing) * 2);
   }
@@ -158769,6 +159152,10 @@ if ("serviceWorker" in navigator) {
     margin-inline: calc(var(--spacing) * -1);
   }
 
+  .-mx-3 {
+    margin-inline: calc(var(--spacing) * -3);
+  }
+
   .-mx-4 {
     margin-inline: calc(var(--spacing) * -4);
   }
@@ -158793,6 +159180,10 @@ if ("serviceWorker" in navigator) {
     margin-top: calc(var(--spacing) * -1);
   }
 
+  .-mt-3 {
+    margin-top: calc(var(--spacing) * -3);
+  }
+
   .mt-0\.5 {
     margin-top: calc(var(--spacing) * .5);
   }
@@ -160183,6 +160574,16 @@ if ("serviceWorker" in navigator) {
     }
   }
 
+  .border-primary\/10 {
+    border-color: var(--primary);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-primary\/10 {
+      border-color: color-mix(in oklab, var(--primary) 10%, transparent);
+    }
+  }
+
   .border-primary\/25 {
     border-color: var(--primary);
   }
@@ -161223,6 +161624,10 @@ if ("serviceWorker" in navigator) {
     padding-bottom: calc(var(--spacing) * 1);
   }
 
+  .pb-1\.5 {
+    padding-bottom: calc(var(--spacing) * 1.5);
+  }
+
   .pb-2 {
     padding-bottom: calc(var(--spacing) * 2);
   }
@@ -162440,6 +162845,10 @@ if ("serviceWorker" in navigator) {
     .hover\:opacity-80:hover {
       opacity: .8;
     }
+
+    .hover\:opacity-100:hover {
+      opacity: 1;
+    }
   }
 
   .focus\:bg-accent:focus {
@@ -163007,6 +163416,14 @@ if ("serviceWorker" in navigator) {
       margin: calc(var(--spacing) * -6);
     }
 
+    .md\:-mx-4 {
+      margin-inline: calc(var(--spacing) * -4);
+    }
+
+    .md\:-mt-4 {
+      margin-top: calc(var(--spacing) * -4);
+    }
+
     .md\:block {
       display: block;
     }
@@ -163094,6 +163511,10 @@ if ("serviceWorker" in navigator) {
       padding: calc(var(--spacing) * 6);
     }
 
+    .md\:px-3 {
+      padding-inline: calc(var(--spacing) * 3);
+    }
+
     .md\:px-4 {
       padding-inline: calc(var(--spacing) * 4);
     }
@@ -163115,6 +163536,10 @@ if ("serviceWorker" in navigator) {
       text-wrap: pretty;
     }
 
+    .md\:opacity-0 {
+      opacity: 0;
+    }
+
     @media (hover: hover) {
       .md\:group-hover\/msg\:pointer-events-auto:is(:where(.group\/msg):hover *) {
         pointer-events: auto;