agent-relay-server 0.12.3 → 0.13.0

package/public/index.html

@@ -10286,6 +10286,20 @@ async function apiUpload(path, file, meta) {
 	}
 	return response.json();
 }
+async function apiPostAudio(path, blob) {
+	const headers = { "Content-Type": blob.type || "application/octet-stream" };
+	if (authToken) headers["X-Agent-Relay-Token"] = authToken;
+	const response = await fetch(new URL("api" + path, baseUrl()), {
+		method: "POST",
+		headers,
+		body: blob
+	});
+	if (!response.ok) {
+		if (response.status === 401) throw makeError(401, "Authentication required");
+		throw makeError(response.status, await responseErrorMessage(response));
+	}
+	return response.json();
+}
 async function apiBlob(path) {
 	const opts = {
 		method: "GET",
@@ -10301,6 +10315,206 @@ async function apiBlob(path) {
 	return response.blob();
 }
 //#endregion
+//#region src/lib/voice.ts
+/**
+* Browser voice I/O for chat.
+*
+* 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).
+*
+* 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.
+*/
+/** Collapse markdown/code into something worth hearing (mirrors the connector's text.ts). */
+function speechify(markdown) {
+	if (!markdown) return "";
+	let text = markdown.replace(/\r\n/g, "\n");
+	text = text.replace(/```[^\n]*\n([\s\S]*?)```/g, (_m, body) => {
+		const lines = body.replace(/\n+$/, "").split("\n").length;
+		return ` code block, ${lines} ${lines === 1 ? "line" : "lines"}. `;
+	});
+	text = text.replace(/```[^\n]*/g, " code block. ");
+	text = text.replace(/^#{1,6}\s+/gm, "");
+	text = text.replace(/^\s*[-*+]\s+/gm, ". ");
+	text = text.replace(/^\s*\d+\.\s+/gm, ". ");
+	text = text.replace(/`([^`]+)`/g, "$1");
+	text = text.replace(/\[([^\]]+)\]\([^)]+\)/g, "$1");
+	text = text.replace(/(\*\*|__|\*|_)(.*?)\1/g, "$2");
+	text = text.replace(/[ \t]+/g, " ");
+	text = text.replace(/\n{2,}/g, ". ");
+	text = text.replace(/\s*\.\s*\.\s*(\.\s*)+/g, ". ");
+	return text.trim();
+}
+var MAX_CHUNK = 220;
+/** Split into utterance-sized chunks (sentence boundaries; hard-split very long runs). */
+function chunkForSpeech(text) {
+	const sentences = text.match(/[^.!?]+[.!?]*\s*/g)?.map((s) => s.trim()).filter(Boolean) ?? [text];
+	const out = [];
+	for (const s of sentences) {
+		if (s.length <= MAX_CHUNK) {
+			out.push(s);
+			continue;
+		}
+		let rest = s;
+		while (rest.length > MAX_CHUNK) {
+			let cut = rest.lastIndexOf(" ", MAX_CHUNK);
+			if (cut <= 0) cut = MAX_CHUNK;
+			out.push(rest.slice(0, cut).trim());
+			rest = rest.slice(cut).trim();
+		}
+		if (rest) out.push(rest);
+	}
+	return out;
+}
+var synthAvailable = typeof window !== "undefined" && "speechSynthesis" in window;
+var VoiceTts = class {
+	enabled = false;
+	active = null;
+	queue = [];
+	currentChat = null;
+	speaking = false;
+	gen = 0;
+	get available() {
+		return synthAvailable;
+	}
+	isEnabled() {
+		return this.enabled;
+	}
+	setEnabled(on) {
+		if (on === this.enabled) return;
+		this.enabled = on;
+		if (!on) this.reset();
+	}
+	setActiveChat(chatId) {
+		if (chatId === this.active) return;
+		this.active = chatId;
+		this.queue = this.queue.filter((q) => q.chatId === chatId);
+	}
+	/** A captured agent response turn arrived for `chatId`. */
+	onResponse(chatId, rawText) {
+		if (!this.enabled || !synthAvailable || !chatId || chatId !== this.active) return;
+		const text = speechify(rawText);
+		if (!text) return;
+		if (this.speaking && this.currentChat && this.currentChat !== chatId) {
+			this.queue = [];
+			this.cancel();
+		}
+		this.queue.push({
+			chatId,
+			text
+		});
+		this.pump();
+	}
+	/** Cut all speech immediately (e.g. when the user starts talking). */
+	bargeIn() {
+		this.reset();
+	}
+	reset() {
+		this.queue = [];
+		this.cancel();
+	}
+	cancel() {
+		this.gen++;
+		this.currentChat = null;
+		this.speaking = false;
+		try {
+			window.speechSynthesis.cancel();
+		} catch {}
+	}
+	pump() {
+		if (this.speaking) return;
+		const item = this.queue.shift();
+		if (!item) return;
+		this.speaking = true;
+		this.currentChat = item.chatId;
+		const gen = ++this.gen;
+		const chunks = chunkForSpeech(item.text);
+		const speakAt = (i) => {
+			if (gen !== this.gen) return;
+			if (i >= chunks.length) {
+				this.speaking = false;
+				this.currentChat = null;
+				this.pump();
+				return;
+			}
+			const u = new SpeechSynthesisUtterance(chunks[i]);
+			u.lang = navigator.language || "en-US";
+			u.onend = () => speakAt(i + 1);
+			u.onerror = () => speakAt(i + 1);
+			window.speechSynthesis.speak(u);
+		};
+		speakAt(0);
+	}
+};
+var voiceTts = new VoiceTts();
+var micAvailable = typeof navigator !== "undefined" && !!navigator.mediaDevices?.getUserMedia && typeof window !== "undefined" && "MediaRecorder" in window;
+function pickMimeType() {
+	for (const m of [
+		"audio/webm;codecs=opus",
+		"audio/webm",
+		"audio/ogg;codecs=opus",
+		"audio/mp4"
+	]) if (typeof MediaRecorder !== "undefined" && MediaRecorder.isTypeSupported?.(m)) return m;
+}
+/** Hold-to-talk mic recorder. start() on press, stop() on release returns the clip. */
+var PttRecorder = class {
+	rec = null;
+	chunks = [];
+	stream = null;
+	async start() {
+		this.stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+		this.chunks = [];
+		const mime = pickMimeType();
+		this.rec = new MediaRecorder(this.stream, mime ? { mimeType: mime } : void 0);
+		this.rec.ondataavailable = (e) => {
+			if (e.data.size) this.chunks.push(e.data);
+		};
+		this.rec.start();
+	}
+	async stop() {
+		const rec = this.rec;
+		if (!rec) {
+			this.teardown();
+			return null;
+		}
+		const stopped = new Promise((resolve) => {
+			rec.onstop = () => resolve();
+		});
+		try {
+			rec.stop();
+		} catch {}
+		await stopped;
+		const type = rec.mimeType || "audio/webm";
+		const blob = new Blob(this.chunks, { type });
+		this.teardown();
+		return blob.size ? blob : null;
+	}
+	cancel() {
+		try {
+			this.rec?.stop();
+		} catch {}
+		this.teardown();
+	}
+	teardown() {
+		this.stream?.getTracks().forEach((t) => t.stop());
+		this.rec = null;
+		this.stream = null;
+		this.chunks = [];
+	}
+};
+/** Send a recorded clip through the relay proxy to the voice connector's whisper STT. */
+async function transcribeClip(blob) {
+	return ((await apiPostAudio("/connectors/voice/call/transcribe", blob))?.text ?? "").trim();
+}
+//#endregion
 //#region src/store/clock.ts
 var useClock = create$1((set, get) => ({
 	now: Date.now(),
@@ -10474,6 +10688,11 @@ var NAV_ITEMS = [
 		label: "Analytics",
 		icon: "AreaChart"
 	},
+	{
+		key: "insights",
+		label: "Insights",
+		icon: "Lightbulb"
+	},
 	{
 		key: "maintenance",
 		label: "Maintenance",
@@ -10701,6 +10920,11 @@ function inboxPeer(msg) {
 function isHumanInboundMessage(msg) {
 	return msg.to === "user" && msg.from !== "user";
 }
+function isSessionActivityStep(msg) {
+	if (msg.kind !== "session") return false;
+	const type = (msg.payload?.session)?.type;
+	return type === "reasoning" || type === "tool";
+}
 function isClaimableTaskWaiting(task) {
 	return WAITING_TASK_STATUSES.has(task.status) && !task.claimedBy;
 }
@@ -11636,6 +11860,7 @@ var useRelayStore = create$1()(persist((set, get) => ({
 	showOffline: false,
 	showBuiltIns: false,
 	autoRefresh: true,
+	voiceTtsEnabled: false,
 	agentSort: "status",
 	agentSortDir: "asc",
 	agentPresetFilter: "",
@@ -11823,6 +12048,10 @@ var useRelayStore = create$1()(persist((set, get) => ({
 	_refreshTimer: null,
 	_refreshInFlight: false,
 	set: (partial) => set(partial),
+	setVoiceTtsEnabled(on) {
+		voiceTts.setEnabled(on);
+		set({ voiceTtsEnabled: on });
+	},
 	async init() {
 		if (!useRelayStore.persist.hasHydrated()) await new Promise((resolve) => {
 			const unsub = useRelayStore.persist.onFinishHydration(() => {
@@ -11832,6 +12061,8 @@ var useRelayStore = create$1()(persist((set, get) => ({
 		});
 		const token = get().authToken;
 		if (token) setAuthToken(token);
+		voiceTts.setEnabled(get().voiceTtsEnabled);
+		syncVoiceActiveChat(get());
 		setUnauthorizedHandler(() => {
 			if (!get().authNeeded) set({
 				authNeeded: true,
@@ -12345,6 +12576,10 @@ var useRelayStore = create$1()(persist((set, get) => ({
 					const msgs = [...s.messages, msg];
 					if (msgs.length > 500) msgs.splice(0, msgs.length - 500);
 					set({ messages: msgs });
+					if (msg.kind === "session") {
+						const sess = msg.payload?.session;
+						if ((sess?.type ?? "response") === "response" && (sess?.origin ?? "provider") === "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;
@@ -13914,6 +14149,7 @@ var useRelayStore = create$1()(persist((set, get) => ({
 		showOffline: state.showOffline,
 		showBuiltIns: state.showBuiltIns,
 		autoRefresh: state.autoRefresh,
+		voiceTtsEnabled: state.voiceTtsEnabled,
 		agentSort: state.agentSort,
 		agentSortDir: state.agentSortDir,
 		agentPresetFilter: state.agentPresetFilter,
@@ -13953,6 +14189,14 @@ var useRelayStore = create$1()(persist((set, get) => ({
 		spawnWorkspaceMode: state.spawnWorkspaceMode
 	})
 }));
+var _voiceActiveChat = null;
+function syncVoiceActiveChat(s) {
+	const active = s.voiceTtsEnabled && s.view === "chat" ? s.selectedInboxThread || null : null;
+	if (active === _voiceActiveChat) return;
+	_voiceActiveChat = active;
+	voiceTts.setActiveChat(active);
+}
+useRelayStore.subscribe(syncVoiceActiveChat);
 //#endregion
 //#region src/lib/themes.ts
 var THEMES = [
@@ -25055,7 +25299,7 @@ function useAgentAttention(agent) {
 		const peerMessages = messages.filter((m) => inboxPeer(m) === agent.id && !isReactionEventMessage(m));
 		const cursor = Number(readCursors[agent.id] || 0);
 		const archivedAt = Number(archivedThreads[agent.id] || 0);
-		const unread = archivedAt >= peerMessages.filter(isHumanInboundMessage).reduce((max, m) => Math.max(max, m.id), 0) && archivedAt > 0 ? 0 : peerMessages.filter((m) => isHumanInboundMessage(m) && !(m.readBy || []).includes("user") && m.id > cursor).length;
+		const unread = archivedAt >= peerMessages.filter(isHumanInboundMessage).reduce((max, m) => Math.max(max, m.id), 0) && archivedAt > 0 ? 0 : peerMessages.filter((m) => isHumanInboundMessage(m) && !isSessionActivityStep(m) && !(m.readBy || []).includes("user") && m.id > cursor).length;
 		const pendingPairInvite = pairs.find((p) => (p.status === "active" || p.status === "pending") && (p.requesterId === agent.id || p.targetId === agent.id))?.status === "pending";
 		const claimableTasks = tasks.filter((t) => isClaimableTaskWaiting(t) && targetMatchesAgent(t.target, agent)).length + messages.filter((m) => isClaimableMessageWaiting(m) && targetMatchesAgent(m.to, agent)).length;
 		return {
@@ -25154,6 +25398,7 @@ function useAllInboxThreads() {
 				peer,
 				messages: [],
 				lastMessage: null,
+				previewMessage: null,
 				attention: {
 					unread: 0,
 					needsHumanResponse: false,
@@ -25167,8 +25412,17 @@ function useAllInboxThreads() {
 		for (const thread of threads.values()) {
 			thread.messages.sort((a, b) => a.id - b.id);
 			thread.lastMessage = thread.messages[thread.messages.length - 1] || null;
+			let preview = null;
+			for (let i = thread.messages.length - 1; i >= 0; i--) {
+				const m = thread.messages[i];
+				if (m && !isSessionActivityStep(m)) {
+					preview = m;
+					break;
+				}
+			}
+			thread.previewMessage = preview || thread.lastMessage;
 			const cursor = Number(readCursors[thread.peer] || 0);
-			const unread = thread.messages.filter((m) => isHumanInboundMessage(m) && !(m.readBy || []).includes("user") && m.id > cursor).length;
+			const unread = thread.messages.filter((m) => isHumanInboundMessage(m) && !isSessionActivityStep(m) && !(m.readBy || []).includes("user") && m.id > cursor).length;
 			thread.attention = {
 				unread,
 				needsHumanResponse: false,
@@ -76130,7 +76384,8 @@ var iconMap = {
 	FolderTree,
 	Shield,
 	Wrench,
-	UserCog
+	UserCog,
+	Lightbulb
 };
 function notificationTime(notification) {
 	return new Date(notification.createdAt).toLocaleTimeString(void 0, {
@@ -125201,7 +125456,7 @@ function AgentListPanel({ threads, onSelectAgent }) {
 			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { children: sortedAgents.map((agent) => {
 				const thread = threadByPeer.get(agent.id);
 				const unread = thread?.attention.unread || 0;
-				const lastMsg = thread?.lastMessage;
+				const lastMsg = thread?.previewMessage;
 				const lastActivityAt = threadActivityTimestamp(thread);
 				return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
 					className: cn$2("w-full text-left px-3 py-2.5 flex items-start gap-2.5 hover:bg-muted/50 transition-colors border-b border-border/50", selectedInboxThread === agent.id && "bg-muted/60"),
@@ -125368,54 +125623,39 @@ function BusyIndicator({ blockedLabel, onInterrupt }) {
 	});
 }
 function ActivityTrace({ steps }) {
-	const [expanded, setExpanded] = (0, import_react.useState)(false);
-	const last = steps[steps.length - 1];
-	if (!last) return null;
-	const summary = (last.label || last.text || "").replace(/\s+/g, " ").trim();
+	const [hideTools, setHideTools] = (0, import_react.useState)(false);
+	if (!steps.length) return null;
+	const toolCount = steps.filter((s) => s.kind === "tool").length;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 		className: "flex justify-start mb-2",
 		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-			className: "max-w-[85%] md:max-w-[75%] min-w-0",
-			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
-				onClick: () => setExpanded((v) => !v),
-				className: "flex items-center gap-1.5 text-xs text-muted-foreground/70 hover:text-muted-foreground transition-colors w-full text-left",
-				children: [
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Brain, { className: "w-3.5 h-3.5 shrink-0" }),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-						className: "truncate",
-						children: expanded || steps.length > 1 ? "Activity" : summary.length > 80 ? `${summary.slice(0, 79)}…` : summary || "thinking"
-					}),
-					steps.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-						className: "opacity-60 shrink-0",
-						children: [
-							"· ",
-							steps.length,
-							" steps"
-						]
-					}),
-					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronRight, { className: cn$2("w-3 h-3 shrink-0 transition-transform", expanded && "rotate-90") })
-				]
-			}), expanded && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: "mt-1.5 space-y-1.5 border-l border-foreground/10 pl-2.5",
-				children: steps.map((step) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					className: "text-xs leading-relaxed",
-					children: step.kind === "reasoning" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-						className: "italic text-muted-foreground/80 whitespace-pre-wrap break-words",
+			className: "max-w-[85%] md:max-w-[75%] min-w-0 space-y-1.5",
+			children: [steps.map((step) => {
+				if (step.kind === "reasoning") return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "flex items-start gap-1.5 text-xs leading-relaxed text-muted-foreground/80",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Brain, { className: "w-3.5 h-3.5 mt-0.5 shrink-0 opacity-70" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+						className: "italic whitespace-pre-wrap break-words min-w-0",
 						children: step.text
-					}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-						className: "text-muted-foreground flex items-start gap-1.5",
-						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Terminal, { className: "w-3 h-3 mt-0.5 shrink-0 opacity-70" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-							className: "min-w-0 break-words",
-							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-								className: "font-medium",
-								children: step.label || "tool"
-							}), step.text ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-								className: "opacity-70",
-								children: [" — ", step.text]
-							}) : null]
-						})]
-					})
-				}, step.id))
+					})]
+				}, step.id);
+				if (hideTools) return null;
+				return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "flex items-start gap-1.5 text-xs leading-relaxed text-muted-foreground",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Terminal, { className: "w-3 h-3 mt-0.5 shrink-0 opacity-70" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+						className: "min-w-0 break-words",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "font-medium",
+							children: step.label || "tool"
+						}), step.text ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+							className: "opacity-70",
+							children: [" — ", step.text]
+						}) : null]
+					})]
+				}, step.id);
+			}), toolCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", {
+				onClick: () => setHideTools((v) => !v),
+				className: "flex items-center gap-1 text-[11px] text-muted-foreground/50 hover:text-muted-foreground transition-colors text-left",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronRight, { className: cn$2("w-3 h-3 shrink-0 transition-transform", !hideTools && "rotate-90") }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: hideTools ? `show ${toolCount} tool step${toolCount === 1 ? "" : "s"}` : "hide tool steps" })]
 			})]
 		})
 	});
@@ -126357,7 +126597,11 @@ function ChatPanel({ threads, onBack, showBackButton }) {
 	const showError = useRelayStore((s) => s.showError);
 	const orchestrators = useRelayStore((s) => s.orchestrators);
 	const fetchOrchestrators = useRelayStore((s) => s.fetchOrchestrators);
+	const voiceTtsEnabled = useRelayStore((s) => s.voiceTtsEnabled);
+	const setVoiceTtsEnabled = useRelayStore((s) => s.setVoiceTtsEnabled);
 	const fileInputRef = (0, import_react.useRef)(null);
+	const pttRecorderRef = (0, import_react.useRef)(null);
+	const [micState, setMicState] = (0, import_react.useState)("idle");
 	const pendingAttachmentsRef = (0, import_react.useRef)([]);
 	const [pendingAttachments, setPendingAttachments] = (0, import_react.useState)([]);
 	const [dragActive, setDragActive] = (0, import_react.useState)(false);
@@ -126648,6 +126892,36 @@ function ChatPanel({ threads, onBack, showBackButton }) {
 		e.preventDefault();
 		uploadFiles(files);
 	}
+	async function startPtt() {
+		if (!micAvailable || micState !== "idle" || !selectedInboxThread) return;
+		voiceTts.bargeIn();
+		const recorder = new PttRecorder();
+		try {
+			await recorder.start();
+			pttRecorderRef.current = recorder;
+			setMicState("recording");
+		} catch (e) {
+			pttRecorderRef.current = null;
+			setMicState("idle");
+			showError("Microphone unavailable", e?.message || "Could not access the microphone.");
+		}
+	}
+	async function stopPtt() {
+		const recorder = pttRecorderRef.current;
+		if (!recorder || micState !== "recording") return;
+		pttRecorderRef.current = null;
+		setMicState("transcribing");
+		try {
+			const clip = await recorder.stop();
+			if (!clip) return;
+			const text = await transcribeClip(clip);
+			if (text) setReplyDraft(selectedInboxThread, draft ? `${draft} ${text}` : text);
+		} catch (e) {
+			showError("Transcription failed", e?.message || "Could not transcribe audio.");
+		} finally {
+			setMicState("idle");
+		}
+	}
 	if (!selectedInboxThread) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		className: "flex flex-col items-center justify-center h-full text-center px-4",
 		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MessageSquare, { className: "w-12 h-12 text-zinc-600 mb-3" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
@@ -126714,6 +126988,14 @@ 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: [
+								voiceTts.available && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+									variant: "ghost",
+									size: "icon-sm",
+									title: voiceTtsEnabled ? "Speaking agent responses aloud — click to mute" : "Speak agent responses aloud (active chat)",
+									className: voiceTtsEnabled ? "text-primary" : "",
+									onClick: () => setVoiceTtsEnabled(!voiceTtsEnabled),
+									children: voiceTtsEnabled ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Volume2, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(VolumeX, { className: "w-3.5 h-3.5" })
+								}),
 								canOpenTerminal && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
 									variant: "ghost",
 									size: "icon-sm",
@@ -126975,6 +127257,26 @@ function ChatPanel({ threads, onBack, showBackButton }) {
 										placeholder: `Message ${agent ? displayName(agent) : selectedInboxThread}…`,
 										className: "flex-1"
 									}),
+									micAvailable && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+										variant: "ghost",
+										size: "icon",
+										title: micState === "recording" ? "Release to transcribe" : "Hold to talk",
+										disabled: chatSending || micState === "transcribing",
+										onPointerDown: (e) => {
+											e.preventDefault();
+											e.currentTarget.setPointerCapture(e.pointerId);
+											startPtt();
+										},
+										onPointerUp: (e) => {
+											e.preventDefault();
+											try {
+												e.currentTarget.releasePointerCapture(e.pointerId);
+											} catch {}
+											stopPtt();
+										},
+										className: `shrink-0 mb-0.5 rounded-xl h-[42px] w-[42px] ${micState === "recording" ? "text-red-400 animate-pulse" : ""}`,
+										children: micState === "transcribing" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoaderCircle, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Mic, { className: "w-4 h-4" })
+									}),
 									/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
 										size: "icon",
 										disabled: !draft.trim() && readyAttachments.length === 0 || hasPendingUploads || chatSending,
@@ -126995,14 +127297,36 @@ function ChatPanel({ threads, onBack, showBackButton }) {
 									className: "w-full"
 								}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
-										variant: "ghost",
-										size: "icon",
-										title: "Attach files",
-										disabled: chatSending,
-										onClick: () => fileInputRef.current?.click(),
-										className: "rounded-xl h-9 w-9",
-										children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Paperclip, { className: "w-4 h-4" })
+									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+										className: "flex items-center gap-2",
+										children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+											variant: "ghost",
+											size: "icon",
+											title: "Attach files",
+											disabled: chatSending,
+											onClick: () => fileInputRef.current?.click(),
+											className: "rounded-xl h-9 w-9",
+											children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Paperclip, { className: "w-4 h-4" })
+										}), micAvailable && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+											variant: "ghost",
+											size: "icon",
+											title: micState === "recording" ? "Release to transcribe" : "Hold to talk",
+											disabled: chatSending || micState === "transcribing",
+											onPointerDown: (e) => {
+												e.preventDefault();
+												e.currentTarget.setPointerCapture(e.pointerId);
+												startPtt();
+											},
+											onPointerUp: (e) => {
+												e.preventDefault();
+												try {
+													e.currentTarget.releasePointerCapture(e.pointerId);
+												} catch {}
+												stopPtt();
+											},
+											className: `rounded-xl h-9 w-9 ${micState === "recording" ? "text-red-400 animate-pulse" : ""}`,
+											children: micState === "transcribing" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoaderCircle, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Mic, { className: "w-4 h-4" })
+										})]
 									}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
 										size: "icon",
 										disabled: !draft.trim() && readyAttachments.length === 0 || hasPendingUploads || chatSending,
@@ -152321,6 +152645,368 @@ function AnalyticsView() {
 	});
 }
 //#endregion
+//#region src/components/views/insights.tsx
+var DEFAULT_CONFIG = {
+	enabled: true,
+	contextRatio: { enabled: true },
+	introspection: {
+		enabled: true,
+		minTurns: 4,
+		minContextRemaining: .15
+	}
+};
+function compactJson(value) {
+	if (!value || Object.keys(value).length === 0) return "—";
+	return Object.entries(value).map(([k, v]) => `${k}: ${typeof v === "number" ? Math.round(v * 1e3) / 1e3 : String(v)}`).join("  ");
+}
+function InsightsView() {
+	const [config, setConfig] = (0, import_react.useState)(DEFAULT_CONFIG);
+	const [version, setVersion] = (0, import_react.useState)(0);
+	const [observations, setObservations] = (0, import_react.useState)([]);
+	const [stats, setStats] = (0, import_react.useState)([]);
+	const [projects, setProjects] = (0, import_react.useState)([]);
+	const [projectFilter, setProjectFilter] = (0, import_react.useState)("");
+	const [signalFilter, setSignalFilter] = (0, import_react.useState)("");
+	const [saving, setSaving] = (0, import_react.useState)(false);
+	const [error, setError] = (0, import_react.useState)(null);
+	const [now, setNow] = (0, import_react.useState)(() => Date.now());
+	async function refresh() {
+		setError(null);
+		try {
+			const params = new URLSearchParams();
+			if (projectFilter) params.set("project", projectFilter);
+			if (signalFilter) params.set("signal", signalFilter);
+			const query = params.toString();
+			const [cfg, obs] = await Promise.all([api("GET", "/insights/config"), api("GET", `/insights/observations${query ? `?${query}` : ""}`)]);
+			setConfig(cfg.value);
+			setVersion(cfg.version);
+			setObservations(obs.observations);
+			setStats(obs.stats);
+			setProjects(obs.projects);
+			setNow(Date.now());
+		} catch (e) {
+			setError(e instanceof Error ? e.message : String(e));
+		}
+	}
+	(0, import_react.useEffect)(() => {
+		refresh();
+	}, [projectFilter, signalFilter]);
+	async function saveConfig(next) {
+		setSaving(true);
+		setError(null);
+		const previous = config;
+		setConfig(next);
+		try {
+			const entry = await api("PUT", "/insights/config", {
+				value: next,
+				updatedBy: "dashboard"
+			});
+			setConfig(entry.value);
+			setVersion(entry.version);
+		} catch (e) {
+			setConfig(previous);
+			setError(e instanceof Error ? e.message : String(e));
+		} finally {
+			setSaving(false);
+		}
+	}
+	const signals = (0, import_react.useMemo)(() => {
+		return [...new Set(stats.map((s) => s.signal))].sort();
+	}, [stats]);
+	const globalStats = (0, import_react.useMemo)(() => stats.filter((s) => s.project === null), [stats]);
+	const projectStats = (0, import_react.useMemo)(() => stats.filter((s) => s.project !== null), [stats]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "space-y-4 p-4",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Lightbulb, { className: "size-5 text-primary" }),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
+							className: "text-lg font-semibold",
+							children: "Insights"
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "text-xs text-muted-foreground",
+							children: "continuous self-improvement · epic #183"
+						})
+					]
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button, {
+					variant: "outline",
+					size: "sm",
+					onClick: () => void refresh(),
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RefreshCw, { className: "size-4" }), " Refresh"]
+				})]
+			}),
+			error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "rounded-md border border-destructive/40 bg-destructive/10 px-3 py-2 text-sm text-destructive",
+				children: error
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Card, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardTitle, {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Features" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+					className: "text-xs font-normal text-muted-foreground",
+					children: [
+						"config v",
+						version,
+						" · saved by ",
+						config && "dashboard"
+					]
+				})]
+			}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardContent, {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "text-sm font-medium",
+							children: "Insights enabled"
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "text-xs text-muted-foreground",
+							children: "Master switch. When off, no signals are recorded regardless of the toggles below."
+						})] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Switch, {
+							checked: config.enabled,
+							disabled: saving,
+							onCheckedChange: (v) => void saveConfig({
+								...config,
+								enabled: v
+							})
+						})]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "flex items-center justify-between border-t border-border pt-3",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "text-sm font-medium",
+							children: ["Context-gathering ratio ", /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: "text-xs text-muted-foreground",
+								children: "(#184)"
+							})]
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "text-xs text-muted-foreground",
+							children: "Server-side: read/search vs. action before first substantive move, per session."
+						})] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Switch, {
+							checked: config.contextRatio.enabled,
+							disabled: saving || !config.enabled,
+							onCheckedChange: (v) => void saveConfig({
+								...config,
+								contextRatio: { enabled: v }
+							})
+						})]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "border-t border-border pt-3",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+								className: "text-sm font-medium",
+								children: ["End-of-session introspection ", /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+									className: "text-xs text-muted-foreground",
+									children: "(#185)"
+								})]
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+								className: "text-xs text-muted-foreground",
+								children: "Agent-authored 3-field artifact at session end. Gated below."
+							})] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Switch, {
+								checked: config.introspection.enabled,
+								disabled: saving || !config.enabled,
+								onCheckedChange: (v) => void saveConfig({
+									...config,
+									introspection: {
+										...config.introspection,
+										enabled: v
+									}
+								})
+							})]
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "mt-3 flex flex-wrap gap-4",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", {
+								className: "flex items-center gap-2 text-xs text-muted-foreground",
+								children: ["min turns", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input, {
+									type: "number",
+									className: "h-7 w-20",
+									value: config.introspection.minTurns,
+									disabled: saving || !config.enabled || !config.introspection.enabled,
+									onChange: (e) => setConfig({
+										...config,
+										introspection: {
+											...config.introspection,
+											minTurns: Number(e.target.value)
+										}
+									}),
+									onBlur: () => void saveConfig(config)
+								})]
+							}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", {
+								className: "flex items-center gap-2 text-xs text-muted-foreground",
+								children: ["min context remaining (0–1)", /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input, {
+									type: "number",
+									step: "0.05",
+									min: "0",
+									max: "1",
+									className: "h-7 w-24",
+									value: config.introspection.minContextRemaining,
+									disabled: saving || !config.enabled || !config.introspection.enabled,
+									onChange: (e) => setConfig({
+										...config,
+										introspection: {
+											...config.introspection,
+											minContextRemaining: Number(e.target.value)
+										}
+									}),
+									onBlur: () => void saveConfig(config)
+								})]
+							})]
+						})]
+					})
+				]
+			})] }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Card, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardTitle, { children: "Signals" }) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardContent, { children: globalStats.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "text-sm text-muted-foreground",
+				children: "No observations yet — they appear after sessions end with Insights enabled."
+			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "space-y-4",
+				children: globalStats.map((g) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "mb-1 flex items-center gap-2",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge$1, {
+						variant: "secondary",
+						children: g.signal
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+						className: "text-xs text-muted-foreground",
+						children: [
+							g.count,
+							" obs · ",
+							g.avgRatio !== null ? `avg ratio ${g.avgRatio.toFixed(2)}` : "no ratio",
+							" · ",
+							timeAgo(now, g.lastAt)
+						]
+					})]
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "flex flex-wrap gap-2 pl-2",
+					children: projectStats.filter((p) => p.signal === g.signal).map((p) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+						className: "rounded border border-border px-2 py-0.5 text-xs text-muted-foreground",
+						children: [
+							p.project,
+							": ",
+							p.count,
+							p.avgRatio !== null ? ` · ${p.avgRatio.toFixed(2)}` : ""
+						]
+					}, `${g.signal}-${p.project}`))
+				})] }, g.signal))
+			}) })] }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Card, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardTitle, {
+				className: "flex flex-wrap items-center gap-3",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Observations" }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("select", {
+						className: "h-7 rounded border border-border bg-background px-2 text-xs",
+						value: projectFilter,
+						onChange: (e) => setProjectFilter(e.target.value),
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
+							value: "",
+							children: "all projects"
+						}), projects.map((p) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
+							value: p,
+							children: p
+						}, p))]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("select", {
+						className: "h-7 rounded border border-border bg-background px-2 text-xs",
+						value: signalFilter,
+						onChange: (e) => setSignalFilter(e.target.value),
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
+							value: "",
+							children: "all signals"
+						}), signals.map((s) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
+							value: s,
+							children: s
+						}, s))]
+					})
+				]
+			}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardContent, { children: observations.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "text-sm text-muted-foreground",
+				children: "No observations match."
+			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "overflow-x-auto",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("table", {
+					className: "w-full text-left text-xs",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", {
+						className: "text-muted-foreground",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", {
+							className: "border-b border-border",
+							children: [
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
+									className: "py-1 pr-3 font-medium",
+									children: "when"
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
+									className: "py-1 pr-3 font-medium",
+									children: "project"
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
+									className: "py-1 pr-3 font-medium",
+									children: "signal"
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
+									className: "py-1 pr-3 font-medium",
+									children: "src"
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
+									className: "py-1 pr-3 font-medium",
+									children: "value"
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
+									className: "py-1 pr-3 font-medium",
+									children: "outcome"
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
+									className: "py-1 pr-3 font-medium",
+									children: "session"
+								})
+							]
+						})
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: observations.map((o) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", {
+						className: "border-b border-border/50",
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+								className: "py-1 pr-3 whitespace-nowrap text-muted-foreground",
+								children: timeAgo(now, o.createdAt)
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+								className: "py-1 pr-3 whitespace-nowrap",
+								children: o.project
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+								className: "py-1 pr-3 whitespace-nowrap",
+								children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge$1, {
+									variant: "outline",
+									children: o.signal
+								})
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+								className: "py-1 pr-3 whitespace-nowrap text-muted-foreground",
+								children: o.source
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+								className: "py-1 pr-3 font-mono",
+								children: compactJson(o.value)
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+								className: "py-1 pr-3 font-mono text-muted-foreground",
+								children: compactJson(o.outcome)
+							}),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
+								className: "py-1 pr-3 whitespace-nowrap text-muted-foreground",
+								children: o.agentId ?? o.sessionId.slice(0, 12)
+							})
+						]
+					}, o.id)) })]
+				})
+			}) })] })
+		]
+	});
+}
+//#endregion
 //#region src/components/views/maintenance.tsx
 var STATUS_CLASS = {
 	succeeded: "bg-emerald-500/10 text-emerald-400 border-emerald-500/30",
@@ -156900,6 +157586,7 @@ var views = {
 	tasks: TasksView,
 	automation: AutomationView,
 	analytics: AnalyticsView,
+	insights: InsightsView,
 	maintenance: MaintenanceView,
 	settings: SettingsView
 };
@@ -157918,6 +158605,11 @@ if ("serviceWorker" in navigator) {
     height: calc(var(--spacing) * 4);
   }
 
+  .size-5 {
+    width: calc(var(--spacing) * 5);
+    height: calc(var(--spacing) * 5);
+  }
+
   .size-6 {
     width: calc(var(--spacing) * 6);
     height: calc(var(--spacing) * 6);
@@ -158239,6 +158931,14 @@ if ("serviceWorker" in navigator) {
     width: calc(var(--spacing) * 14);
   }
 
+  .w-20 {
+    width: calc(var(--spacing) * 20);
+  }
+
+  .w-24 {
+    width: calc(var(--spacing) * 24);
+  }
+
   .w-40 {
     width: calc(var(--spacing) * 40);
   }
@@ -160147,6 +160847,10 @@ if ("serviceWorker" in navigator) {
     padding-top: calc(var(--spacing) * 2);
   }
 
+  .pt-3 {
+    padding-top: calc(var(--spacing) * 3);
+  }
+
   .pt-4 {
     padding-top: calc(var(--spacing) * 4);
   }
@@ -160159,6 +160863,10 @@ if ("serviceWorker" in navigator) {
     padding-right: calc(var(--spacing) * 2);
   }
 
+  .pr-3 {
+    padding-right: calc(var(--spacing) * 3);
+  }
+
   .pr-4 {
     padding-right: calc(var(--spacing) * 4);
   }