agent-relay-server 0.20.0 → 0.22.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",
@@ -11905,9 +12099,11 @@ function isDashboardHidden() {
 function notificationPeer(notification) {
 	return notification.threadPeer || notification.agentId || "";
 }
+function isActiveVisibleChat(peer, state) {
+	return Boolean(peer && state.view === "chat" && state.selectedInboxThread === peer && !isDashboardHidden());
+}
 function notificationTargetsActiveChat(notification, state) {
-	const peer = notificationPeer(notification);
-	return Boolean(state.view === "chat" && peer && state.selectedInboxThread === peer && !isDashboardHidden());
+	return isActiveVisibleChat(notificationPeer(notification), state);
 }
 function lastInboundMessageId(messages) {
 	return messages.filter((m) => m.to === "user" && m.from !== "user").reduce((max, m) => Math.max(max, m.id), 0);
@@ -12641,7 +12837,15 @@ var useRelayStore = create$1()(persist((set, get) => ({
 			if (s.view === "messages" && s.selectedAgent) path += "&for=" + encodeURIComponent(s.selectedAgent);
 			if (s.view === "messages" && s.channelFilter) path += "&channel=" + encodeURIComponent(s.channelFilter);
 			const messages = await api("GET", path);
-			set({ messages: mergeFetchedMessages(get().messages, messages) });
+			const merged = mergeFetchedMessages(get().messages, messages);
+			set({ messages: merged });
+			const after = get();
+			const peer = after.selectedInboxThread;
+			if (isActiveVisibleChat(peer, after)) {
+				let lastId = 0;
+				for (const m of merged) if (m.id > lastId && inboxPeer(m) === peer && isHumanInboundMessage(m) && !isSessionActivityStep(m)) lastId = m.id;
+				if (lastId) get().markInboxThreadReadTo(peer, lastId);
+			}
 		} catch {}
 	},
 	async fetchThreadHistory(peer) {
@@ -12732,17 +12936,17 @@ 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);
+					if (isHumanInboundMessage(msg) && isActiveVisibleChat(peer, s)) get().markInboxThreadReadTo(peer, msg.id);
 					return;
 				}
 				if (event === "message.queued" || event === "message.expired" || event === "message.delivery_updated" || event === "message.reaction_updated") {
@@ -99607,6 +99811,45 @@ function Button({ className, variant = "default", size = "default", asChild = fa
 	});
 }
 //#endregion
+//#region src/components/shared/copy-button.tsx
+/**
+* Shared copy-to-clipboard button with a transient "copied" check state.
+* Consolidates the duplicated clipboard + timeout pattern used across views.
+*/
+function CopyButton({ value, label = "Copy", copiedLabel = "Copied", showText = false, size, variant = "ghost", className, iconClassName, disabled, onCopied }) {
+	const [copied, setCopied] = (0, import_react.useState)(false);
+	const timer = (0, import_react.useRef)(null);
+	(0, import_react.useEffect)(() => () => {
+		if (timer.current) clearTimeout(timer.current);
+	}, []);
+	async function copy(e) {
+		e.preventDefault();
+		e.stopPropagation();
+		try {
+			await navigator.clipboard?.writeText(typeof value === "function" ? value() : value);
+			setCopied(true);
+			onCopied?.();
+			if (timer.current) clearTimeout(timer.current);
+			timer.current = setTimeout(() => setCopied(false), 1400);
+		} catch {
+			setCopied(false);
+		}
+	}
+	const resolvedSize = size ?? (showText ? "sm" : "icon-sm");
+	const iconCls = cn$2("h-3.5 w-3.5", iconClassName);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button, {
+		type: "button",
+		size: resolvedSize,
+		variant,
+		className,
+		disabled,
+		title: copied ? copiedLabel : label,
+		"aria-label": copied ? copiedLabel : label,
+		onClick: (e) => void copy(e),
+		children: [copied ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, { className: iconCls }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Copy, { className: iconCls }), showText && (copied ? copiedLabel : label)]
+	});
+}
+//#endregion
 //#region \0vite/preload-helper.js
 var scriptRel, assetsURL, seen, __vitePreload;
 var init_preload_helper = __esmMin((() => {
@@ -108271,25 +108514,14 @@ var CodePreview = (0, import_react.memo)(function CodePreview({ content, path, m
 	const [html, setHtml] = (0, import_react.useState)("");
 	const [loading, setLoading] = (0, import_react.useState)(false);
 	const [failed, setFailed] = (0, import_react.useState)(false);
-	const [copied, setCopied] = (0, import_react.useState)(false);
-	async function copyCode() {
-		try {
-			await navigator.clipboard?.writeText(content);
-			setCopied(true);
-			window.setTimeout(() => setCopied(false), 1400);
-		} catch {
-			setCopied(false);
-		}
-	}
 	function copyButton() {
-		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
-			type: "button",
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyButton, {
+			value: content,
+			label: "Copy code",
+			copiedLabel: "Copied code",
 			size: "icon",
 			variant: "ghost",
-			className: "absolute right-2 top-2 h-7 w-7 bg-background/80 opacity-0 shadow-sm backdrop-blur transition-opacity hover:bg-muted group-hover/code:opacity-100 focus-visible:opacity-100",
-			onClick: copyCode,
-			title: copied ? "Copied code" : "Copy code",
-			children: copied ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Copy, { className: "h-3.5 w-3.5" })
+			className: "absolute right-2 top-2 h-7 w-7 bg-background/80 opacity-0 shadow-sm backdrop-blur transition-opacity hover:bg-muted group-hover/code:opacity-100 focus-visible:opacity-100"
 		});
 	}
 	(0, import_react.useEffect)(() => {
@@ -124600,7 +124832,6 @@ function FileContent({ orchestratorId, selectedPath, line, onReadError }) {
 	const { file, loading, error } = useFileRead(orchestratorId, selectedPath);
 	const lineRef = (0, import_react.useRef)(null);
 	const [mode, setMode] = (0, import_react.useState)("raw");
-	const [copiedPath, setCopiedPath] = (0, import_react.useState)(false);
 	(0, import_react.useEffect)(() => {
 		onReadError(error);
 	}, [error, onReadError]);
@@ -124622,15 +124853,6 @@ function FileContent({ orchestratorId, selectedPath, line, onReadError }) {
 		file?.content,
 		line
 	]);
-	async function copyPath(path) {
-		try {
-			await navigator.clipboard?.writeText(path);
-			setCopiedPath(true);
-			window.setTimeout(() => setCopiedPath(false), 1400);
-		} catch {
-			setCopiedPath(false);
-		}
-	}
 	function selectMode(nextMode, kind) {
 		setMode(nextMode);
 		if (kind) writeModePreference(kind, nextMode);
@@ -124655,14 +124877,13 @@ function FileContent({ orchestratorId, selectedPath, line, onReadError }) {
 					className: "min-w-0 flex-1 truncate font-mono",
 					children: file.path
 				}),
-				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
-					type: "button",
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyButton, {
+					value: file.path,
+					label: "Copy path",
+					copiedLabel: "Copied path",
 					size: "icon",
 					variant: "ghost",
-					className: "h-7 w-7 shrink-0",
-					onClick: () => copyPath(file.path),
-					title: copiedPath ? "Copied path" : "Copy path",
-					children: copiedPath ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Copy, { className: "h-3.5 w-3.5" })
+					className: "h-7 w-7 shrink-0"
 				}),
 				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge$1, {
 					variant: "outline",
@@ -124719,14 +124940,13 @@ function FileContent({ orchestratorId, selectedPath, line, onReadError }) {
 						className: "min-w-0 flex-1 truncate font-mono",
 						children: file.path
 					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
-						type: "button",
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyButton, {
+						value: file.path,
+						label: "Copy path",
+						copiedLabel: "Copied path",
 						size: "icon",
 						variant: "ghost",
-						className: "h-7 w-7 shrink-0",
-						onClick: () => copyPath(file.path),
-						title: copiedPath ? "Copied path" : "Copy path",
-						children: copiedPath ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Copy, { className: "h-3.5 w-3.5" })
+						className: "h-7 w-7 shrink-0"
 					}),
 					file.truncated && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge$1, {
 						variant: "secondary",
@@ -126475,9 +126695,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 +126717,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 +126775,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 +127018,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);
@@ -127232,6 +127575,11 @@ function ChatPanel({ threads, onBack, showBackButton }) {
 						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 							className: "flex items-center gap-0.5 md:gap-1 shrink-0",
 							children: agent && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyButton, {
+									value: agent.id,
+									label: "Copy agent ID",
+									size: "icon-sm"
+								}),
 								voiceTts.available && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
 									variant: "ghost",
 									size: "icon-sm",
@@ -127438,6 +127786,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,
@@ -127872,6 +128224,13 @@ function AgentCard({ agent }) {
 					className: "flex gap-1 mt-2.5 opacity-100 sm:opacity-0 sm:group-hover:opacity-100 transition-opacity",
 					onClick: (e) => e.stopPropagation(),
 					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyButton, {
+							value: agent.id,
+							label: "Copy agent ID",
+							size: "icon",
+							className: "h-7 w-7",
+							iconClassName: "w-3 h-3"
+						}),
 						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
 							size: "icon",
 							variant: "ghost",
@@ -129071,9 +129430,6 @@ function WorkspaceActions({ workspace, expanded, onToggleDetails }) {
 	const gitState = useRelayStore((s) => s.workspaceGitState[workspace.id]);
 	const landed = !!gitState && gitState.available !== false && gitState.landed === true;
 	const mergeable = workspace.mode === "isolated" && Boolean(workspace.worktreePath) && MERGEABLE_STATUSES.has(workspace.status) && !landed;
-	async function copyPath() {
-		await navigator.clipboard?.writeText(openPath);
-	}
 	async function merge() {
 		await fetchWorkspaceMergePreview(workspace.id);
 		await workspaceAction(workspace.id, "merge");
@@ -129096,13 +129452,13 @@ function WorkspaceActions({ workspace, expanded, onToggleDetails }) {
 				onClick: () => void openFilesAt({ path: openPath }),
 				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FolderOpen, { className: "h-3.5 w-3.5" })
 			}),
-			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyButton, {
+				value: openPath,
+				label: "Copy path",
+				copiedLabel: "Copied path",
 				size: "icon-sm",
 				variant: "ghost",
-				title: "Copy path",
-				disabled: !openPath,
-				onClick: () => void copyPath(),
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Copy, { className: "h-3.5 w-3.5" })
+				disabled: !openPath
 			}),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
 				size: "icon-sm",
@@ -129872,7 +130228,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", {
@@ -130382,10 +130738,6 @@ function SecurityView() {
 		await api("POST", `/tokens/${encodeURIComponent(token.jti)}/revoke`);
 		await refresh();
 	}
-	async function copy(value) {
-		await navigator.clipboard?.writeText(value);
-		setStatus("Copied");
-	}
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		className: "space-y-4",
 		children: [
@@ -130615,11 +130967,12 @@ function SecurityView() {
 								children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
 									className: "text-xs text-muted-foreground",
 									children: "New token"
-								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
-									variant: "ghost",
+								}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyButton, {
+									value: issuedToken,
+									label: "Copy token",
 									size: "sm",
-									onClick: () => void copy(issuedToken),
-									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Copy, { className: "h-3.5 w-3.5" })
+									variant: "ghost",
+									onCopied: () => setStatus("Copied")
 								})]
 							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", {
 								className: "block max-h-24 overflow-auto break-all text-xs",
@@ -153311,8 +153664,11 @@ function MaintenanceView() {
 			})]
 		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollArea, {
 			className: "h-[calc(100dvh-10rem)]",
-			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: "overflow-x-auto rounded-md border border-border",
+			children: jobs.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "rounded-md border border-border px-3 py-12 text-center text-sm text-muted-foreground",
+				children: "No maintenance jobs registered"
+			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "hidden overflow-x-auto rounded-md border border-border md:block",
 				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("table", {
 					className: "w-full min-w-[980px] text-sm",
 					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", {
@@ -153347,22 +153703,117 @@ function MaintenanceView() {
 								children: "Action"
 							})
 						] })
-					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: jobs.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-						colSpan: 7,
-						className: "px-3 py-12 text-center text-sm text-muted-foreground",
-						children: "No maintenance jobs registered"
-					}) }) : jobs.map((job) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MaintenanceRow, {
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: jobs.map((job) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MaintenanceRow, {
 						job,
 						now,
 						onRun: () => void runMaintenanceJob(job.id)
 					}, job.id)) })]
 				})
-			})
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "space-y-3 md:hidden",
+				children: jobs.map((job) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MaintenanceCard, {
+					job,
+					now,
+					onRun: () => void runMaintenanceJob(job.id)
+				}, job.id))
+			})] })
 		})]
 	});
 }
+function jobStatus(job) {
+	return job.running ? "running" : job.enabled ? job.lastStatus : "disabled";
+}
+function StatusBadge({ status }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Badge$1, {
+		variant: "outline",
+		className: cn$2("border", STATUS_CLASS[status] || STATUS_CLASS.idle),
+		children: [statusIcon(status), status]
+	});
+}
+function MaintenanceCard({ job, now, onRun }) {
+	const status = jobStatus(job);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "rounded-md border border-border p-3",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex items-start justify-between gap-2",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "min-w-0",
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "font-medium",
+							children: job.title
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "mt-0.5 text-xs text-muted-foreground",
+							children: job.description
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "mt-1 font-mono text-[11px] text-muted-foreground/80",
+							children: job.id
+						})
+					]
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusBadge, { status })]
+			}),
+			job.consecutiveFailures > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "mt-2 text-xs text-red-400",
+				children: [
+					job.consecutiveFailures,
+					" failure",
+					job.consecutiveFailures === 1 ? "" : "s"
+				]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dl", {
+				className: "mt-3 grid grid-cols-3 gap-2 text-xs",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
+						className: "text-muted-foreground",
+						children: "Last run"
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: job.lastRunAt ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						title: fmtTime$1(job.lastRunAt),
+						children: timeAgo(now, job.lastRunAt)
+					}) : "never" })] }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
+						className: "text-muted-foreground",
+						children: "Next run"
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: job.nextRunAt ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						title: fmtTime$1(job.nextRunAt),
+						children: nextRunText(now, job.nextRunAt)
+					}) : "-" })] }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
+						className: "text-muted-foreground",
+						children: "Duration"
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: job.lastDurationMs !== void 0 ? `${job.lastDurationMs}ms` : "-" })] })
+				]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "mt-3",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "text-xs text-muted-foreground",
+					children: "Result"
+				}), job.lastError ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "mt-0.5 text-xs text-red-400 line-clamp-3",
+					children: job.lastError
+				}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "mt-0.5 font-mono text-[11px] text-muted-foreground line-clamp-3",
+					children: resultSummary(job)
+				})]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "mt-3 flex justify-end",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button, {
+					size: "sm",
+					variant: "outline",
+					disabled: !job.enabled || job.running,
+					onClick: onRun,
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Play, { className: "h-3.5 w-3.5" }), " Run"]
+				})
+			})
+		]
+	});
+}
 function MaintenanceRow({ job, now, onRun }) {
-	const status = job.running ? "running" : job.enabled ? job.lastStatus : "disabled";
+	const status = jobStatus(job);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", {
 		className: "border-t border-border align-top",
 		children: [
@@ -153385,11 +153836,7 @@ function MaintenanceRow({ job, now, onRun }) {
 			}),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("td", {
 				className: "px-3 py-3",
-				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Badge$1, {
-					variant: "outline",
-					className: cn$2("border", STATUS_CLASS[status] || STATUS_CLASS.idle),
-					children: [statusIcon(status), status]
-				}), job.consecutiveFailures > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusBadge, { status }), job.consecutiveFailures > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 					className: "mt-1 text-xs text-red-400",
 					children: [
 						job.consecutiveFailures,
@@ -154071,7 +154518,6 @@ function AgentDiagnostics({ agent, orchestrators }) {
 	const now = useNow();
 	const [policyHealth, setPolicyHealth] = (0, import_react.useState)(null);
 	const [agentEvents, setAgentEvents] = (0, import_react.useState)([]);
-	const [copied, setCopied] = (0, import_react.useState)(false);
 	const [expandedSections, setExpandedSections] = (0, import_react.useState)({
 		spawn: true,
 		workspace: true,
@@ -154115,7 +154561,7 @@ function AgentDiagnostics({ agent, orchestrators }) {
 			[key]: !s[key]
 		}));
 	}
-	async function copyDiagnosticBundle() {
+	function buildDiagnosticBundle() {
 		const policy = policyHealth?.policy;
 		const state = policyHealth?.state;
 		const lines = [
@@ -154192,11 +154638,7 @@ function AgentDiagnostics({ agent, orchestrators }) {
 		}
 		const contracts = agent.meta?.contracts;
 		if (contracts) for (const [k, v] of Object.entries(contracts)) lines.push(`Contract ${k}: ${v}`);
-		try {
-			await navigator.clipboard.writeText(lines.join("\n"));
-			setCopied(true);
-			setTimeout(() => setCopied(false), 2e3);
-		} catch {}
+		return lines.join("\n");
 	}
 	const policy = policyHealth?.policy;
 	const state = policyHealth?.state;
@@ -154208,12 +154650,14 @@ function AgentDiagnostics({ agent, orchestrators }) {
 				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h3", {
 					className: "text-sm font-medium flex items-center gap-1.5",
 					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Stethoscope, { className: "w-3.5 h-3.5 text-muted-foreground" }), "Diagnostics"]
-				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button, {
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyButton, {
+					value: buildDiagnosticBundle,
+					label: "Copy Bundle",
+					showText: true,
 					size: "sm",
 					variant: "outline",
 					className: "h-7 text-xs gap-1",
-					onClick: copyDiagnosticBundle,
-					children: [copied ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, { className: "w-3 h-3" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Copy, { className: "w-3 h-3" }), copied ? "Copied" : "Copy Bundle"]
+					iconClassName: "w-3 h-3"
 				})]
 			}),
 			policy && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsibleSection, {
@@ -155406,13 +155850,21 @@ function AgentDetailDrawer() {
 										className: "space-y-1 text-sm",
 										children: [
 											/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-												className: "flex justify-between gap-2 min-w-0",
+												className: "flex items-center justify-between gap-2 min-w-0",
 												children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
 													className: "text-muted-foreground shrink-0",
 													children: "ID"
-												}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-													className: "font-mono text-xs truncate",
-													children: agent.id
+												}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+													className: "flex min-w-0 items-center gap-1",
+													children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+														className: "font-mono text-xs truncate",
+														children: agent.id
+													}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyButton, {
+														value: agent.id,
+														label: "Copy agent ID",
+														size: "icon-xs",
+														className: "shrink-0 text-muted-foreground"
+													})]
 												})]
 											}),
 											runtimePackage && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
@@ -156996,11 +157448,6 @@ function OrchestratorInstallModal() {
 			setLoading(false);
 		}
 	}
-	async function copy() {
-		if (!command) return;
-		await navigator.clipboard.writeText(command);
-		showNotification("Install command copied");
-	}
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Dialog, {
 		open,
 		onOpenChange: (o) => !o && set({ orchestratorInstallOpen: false }),
@@ -157069,11 +157516,14 @@ function OrchestratorInstallModal() {
 						onClick: () => set({ orchestratorInstallOpen: false }),
 						children: "Close"
 					}),
-					command && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button, {
+					command && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyButton, {
+						value: command,
+						label: "Copy",
+						showText: true,
+						size: "default",
 						variant: "outline",
 						className: "gap-1",
-						onClick: copy,
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Copy, { className: "w-3.5 h-3.5" }), "Copy"]
+						onCopied: () => showNotification("Install command copied")
 					}),
 					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button, {
 						className: "gap-1",
@@ -157589,6 +158039,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 +158088,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 +158227,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 +158257,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 +158279,7 @@ function AgentProfileModal() {
 								disabled: readOnly,
 								className: "font-mono text-xs",
 								placeholder: "{}"
-							})
+							})]
 						})
 					]
 				}),
@@ -158607,6 +159111,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 +159143,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 +159281,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 +159309,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);
   }
@@ -158931,6 +159451,10 @@ if ("serviceWorker" in navigator) {
     display: inline-flex;
   }
 
+  .table {
+    display: table;
+  }
+
   .field-sizing-content {
     field-sizing: content;
   }
@@ -160183,6 +160707,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 +161757,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 +162978,10 @@ if ("serviceWorker" in navigator) {
     .hover\:opacity-80:hover {
       opacity: .8;
     }
+
+    .hover\:opacity-100:hover {
+      opacity: 1;
+    }
   }
 
   .focus\:bg-accent:focus {
@@ -163007,6 +163549,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 +163644,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 +163669,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;