@alexkroman1/aai-ui 1.14.0 → 2.0.0

package/dist/define-client-Dx4JaWzL.js

@@ -1,881 +0,0 @@
-import { SessionProvider, ThemeProvider, useTheme } from "./context.js";
-import { Button } from "./components/button.js";
-import { i as TEXT_MUTED, r as TEXT_FAINT, t as ERROR_COLOR } from "./_colors-DYX7XRTr.js";
-import { t as AaiLogo } from "./aai-logo-B8lDmsut.js";
-import { a as UrlChip } from "./controls-BbZcmnJf.js";
-import { t as Eyebrow } from "./eyebrow-C6ZFuiz6.js";
-import { n as ToolConfigContext } from "./tool-call-block-DIxpG8GM.js";
-import { ThinkingDots } from "./components/message-list.js";
-import { n as stateColor, t as ChatView } from "./chat-view-gi6FccZq.js";
-import { SidebarLayout } from "./components/sidebar-layout.js";
-import { StartScreen } from "./components/start-screen.js";
-import { t as createSessionCore } from "./session-core-B64kau_v.js";
-import { CLIENT_CONFIG_PATH, ClientConfigResponseSchema, SyncTurnResponseSchema } from "@alexkroman1/aai/protocol";
-import clsx from "clsx";
-import { createElement, useEffect, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { errorMessage, safeJsonParse } from "@alexkroman1/aai";
-import { flushSync } from "react-dom";
-import { createRoot } from "react-dom/client";
-//#region client-config.ts
-/**
-* Pre-connection client-config lookup.
-*
-* `GET client-config` (relative to the agent's base URL — see
-* `sdk/client-config.ts` in `@alexkroman1/aai`) tells the default client how
-* to talk to the agent before any connection exists, most importantly which
-* transport `agent({ transport })` declared. Every failure path — network
-* error, 404 from an older server, malformed body — degrades to the
-* WebSocket default, so this lookup can never break an existing agent.
-*/
-/** Resolve a relative endpoint path against the agent's base URL. */
-function buildAgentUrl(platformUrl, endpointPath) {
-	return new URL(endpointPath, platformUrl.endsWith("/") ? platformUrl : `${platformUrl}/`);
-}
-const WEBSOCKET_DEFAULT = { transport: "websocket" };
-/** Fetch the agent's client config; any failure yields the WebSocket default. */
-async function fetchClientConfig(platformUrl, fetchFn) {
-	const doFetch = fetchFn ?? ((input, init) => globalThis.fetch(input, init));
-	try {
-		const resp = await doFetch(buildAgentUrl(platformUrl, CLIENT_CONFIG_PATH).href);
-		if (!resp.ok) return WEBSOCKET_DEFAULT;
-		const parsed = ClientConfigResponseSchema.safeParse(await resp.json());
-		return parsed.success ? parsed.data : WEBSOCKET_DEFAULT;
-	} catch {
-		return WEBSOCKET_DEFAULT;
-	}
-}
-//#endregion
-//#region sync-vad.ts
-const DEFAULT_SPEECH_RMS = .015;
-const DEFAULT_MAX_UTTERANCE_MS = 3e4;
-function rmsOf(frame) {
-	if (frame.length === 0) return 0;
-	let sum = 0;
-	for (const s of frame) {
-		const f = s / 32768;
-		sum += f * f;
-	}
-	return Math.sqrt(sum / frame.length);
-}
-function concat(frames) {
-	let total = 0;
-	for (const f of frames) total += f.length;
-	const out = new Int16Array(total);
-	let offset = 0;
-	for (const f of frames) {
-		out.set(f, offset);
-		offset += f.length;
-	}
-	return out;
-}
-/** Create an energy-based {@link UtteranceDetector}. */
-function createUtteranceDetector(opts) {
-	const { sampleRate, speechRms = DEFAULT_SPEECH_RMS, minSpeechMs = 150, hangoverMs = 700, prerollMs = 300, maxUtteranceMs = DEFAULT_MAX_UTTERANCE_MS } = opts;
-	const msOf = (frame) => frame.length / sampleRate * 1e3;
-	let preroll = [];
-	let prerollTotalMs = 0;
-	let utterance = [];
-	let utteranceMs = 0;
-	let speaking = false;
-	/** Consecutive voiced ms while still a candidate (below minSpeechMs). */
-	let candidateVoicedMs = 0;
-	/** Consecutive silent ms while speaking (toward hangoverMs). */
-	let silenceMs = 0;
-	function toIdle() {
-		utterance = [];
-		utteranceMs = 0;
-		speaking = false;
-		candidateVoicedMs = 0;
-		silenceMs = 0;
-	}
-	function pushPreroll(frame) {
-		preroll.push(frame);
-		prerollTotalMs += msOf(frame);
-		while (preroll.length > 0 && prerollTotalMs - msOf(preroll[0]) >= prerollMs) prerollTotalMs -= msOf(preroll.shift());
-	}
-	function beginCandidate(frame) {
-		utterance = [...preroll, frame];
-		utteranceMs = prerollTotalMs + msOf(frame);
-		preroll = [];
-		prerollTotalMs = 0;
-		candidateVoicedMs = msOf(frame);
-	}
-	function finalize() {
-		const out = concat(utterance);
-		toIdle();
-		return out;
-	}
-	function pushIdle(frame, voiced) {
-		if (!voiced) {
-			pushPreroll(frame);
-			return;
-		}
-		beginCandidate(frame);
-	}
-	function pushCandidate(frame, voiced) {
-		if (!voiced) {
-			for (const f of utterance) pushPreroll(f);
-			toIdle();
-			return;
-		}
-		utterance.push(frame);
-		utteranceMs += msOf(frame);
-		candidateVoicedMs += msOf(frame);
-	}
-	function pushSpeaking(frame, voiced) {
-		utterance.push(frame);
-		utteranceMs += msOf(frame);
-		silenceMs = voiced ? 0 : silenceMs + msOf(frame);
-		return silenceMs >= hangoverMs ? finalize() : null;
-	}
-	return {
-		get speaking() {
-			return speaking;
-		},
-		push(frame) {
-			if (frame.length === 0) return null;
-			const voiced = rmsOf(frame) >= speechRms;
-			let closed = null;
-			if (speaking) closed = pushSpeaking(frame, voiced);
-			else if (utterance.length > 0) pushCandidate(frame, voiced);
-			else pushIdle(frame, voiced);
-			if (closed) return closed;
-			if (!speaking && candidateVoicedMs >= minSpeechMs) speaking = true;
-			if (speaking && utteranceMs >= maxUtteranceMs) return finalize();
-			return null;
-		},
-		flush() {
-			const out = speaking ? finalize() : null;
-			this.reset();
-			return out;
-		},
-		reset() {
-			preroll = [];
-			prerollTotalMs = 0;
-			toIdle();
-		}
-	};
-}
-//#endregion
-//#region sync-mic.ts
-/**
-* WebRTC microphone capture for sync mode.
-*
-* Captures voice through `getUserMedia` with the WebRTC voice-processing
-* constraints (echo cancellation, noise suppression, auto gain — the
-* processing that makes the energy VAD in `sync-vad.ts` reliable), runs an
-* AudioWorklet that batches raw frames to the main thread, feeds them
-* through the utterance detector, and hands each completed utterance to
-* the sync session as one HTTP turn. No WebSocket anywhere on the path.
-*
-* The worklet module ships inline as a blob URL (same pattern as the
-* WebSocket path's worklets), so sync mode needs no separately-served
-* processor file. A blob URL rather than a data URI because the agent
-* page's CSP allows `script-src blob:` but not `data:` — a data-URI
-* module fails `addModule` with "Unable to load a worklet's module".
-*/
-/** Default capture rate — what the STT providers expect. */
-const DEFAULT_SYNC_MIC_SAMPLE_RATE = 16e3;
-/** ~128 ms at 16 kHz: few messages per second, fine-enough VAD granularity. */
-const CAPTURE_BATCH_SAMPLES = 2048;
-/**
-* The capture processor: coalesces 128-sample render quanta into
-* {@link CAPTURE_BATCH_SAMPLES} batches and posts them (transferred, so no
-* per-batch copy). Inlined as source because it must be stringified into a
-* blob URL.
-*/
-const CAPTURE_PROCESSOR_SRC = `
-registerProcessor("aai-sync-capture", class extends AudioWorkletProcessor {
-  constructor(options) {
-    super();
-    const batch = (options && options.processorOptions && options.processorOptions.batchSamples) || ${CAPTURE_BATCH_SAMPLES};
-    this.buf = new Float32Array(batch);
-    this.len = 0;
-  }
-  process(inputs) {
-    const ch = inputs[0] && inputs[0][0];
-    if (!ch) return true;
-    let read = 0;
-    while (read < ch.length) {
-      const n = Math.min(ch.length - read, this.buf.length - this.len);
-      this.buf.set(ch.subarray(read, read + n), this.len);
-      this.len += n;
-      read += n;
-      if (this.len === this.buf.length) {
-        const out = this.buf;
-        this.port.postMessage({ event: "chunk", samples: out }, [out.buffer]);
-        this.buf = new Float32Array(out.length);
-        this.len = 0;
-      }
-    }
-    return true;
-  }
-});
-`;
-/**
-* Blob-URL module for the capture processor (no served asset). Satisfies the
-* agent page's `script-src blob:` CSP, which rejects data-URI modules.
-*/
-const CAPTURE_WORKLET_MODULE_URL = URL.createObjectURL(new Blob([CAPTURE_PROCESSOR_SRC], { type: "application/javascript" }));
-/** Clamp-and-convert one Float32 capture batch to PCM16. */
-function floatToPcm16(samples) {
-	const pcm = new Int16Array(samples.length);
-	let i = 0;
-	for (const sample of samples) {
-		const s = Math.max(-1, Math.min(1, sample));
-		pcm[i++] = s < 0 ? s * 32768 : s * 32767;
-	}
-	return pcm;
-}
-/**
-* Push-to-talk recorder on the same WebRTC capture pipeline as
-* {@link startSyncMicrophone} — `getUserMedia` voice processing feeding the
-* capture worklet — minus the VAD: the caller's button is the endpointing.
-* Recording runs exactly between `start()` and `stop()`; the mic stays open
-* across presses until `close()`.
-*
-* @public
-*/
-function createPttRecorder(sampleRate = DEFAULT_SYNC_MIC_SAMPLE_RATE) {
-	let ctx = null;
-	let stream = null;
-	let node = null;
-	let chunks = [];
-	let recording = false;
-	async function ensureOpen() {
-		if (ctx) return;
-		const streamPromise = navigator.mediaDevices.getUserMedia({ audio: {
-			echoCancellation: true,
-			noiseSuppression: true,
-			autoGainControl: true
-		} });
-		const audioCtx = new AudioContext({
-			sampleRate,
-			latencyHint: "interactive"
-		});
-		try {
-			const [media] = await Promise.all([
-				streamPromise,
-				audioCtx.resume(),
-				audioCtx.audioWorklet.addModule(CAPTURE_WORKLET_MODULE_URL)
-			]);
-			stream = media;
-		} catch (err) {
-			streamPromise.then((s) => {
-				for (const t of s.getTracks()) t.stop();
-			}).catch(() => {});
-			await audioCtx.close().catch(() => {});
-			throw err;
-		}
-		const workletNode = new AudioWorkletNode(audioCtx, "aai-sync-capture", {
-			channelCount: 1,
-			channelCountMode: "explicit",
-			processorOptions: { batchSamples: CAPTURE_BATCH_SAMPLES }
-		});
-		workletNode.port.onmessage = (e) => {
-			const data = e.data;
-			if (recording && data.event === "chunk" && data.samples) chunks.push(data.samples);
-		};
-		audioCtx.createMediaStreamSource(stream).connect(workletNode);
-		ctx = audioCtx;
-		node = workletNode;
-	}
-	return {
-		async start() {
-			await ensureOpen();
-			chunks = [];
-			recording = true;
-		},
-		async stop() {
-			await new Promise((r) => setTimeout(r, 150));
-			recording = false;
-			const total = chunks.reduce((n, c) => n + c.length, 0);
-			const all = new Float32Array(total);
-			let offset = 0;
-			for (const c of chunks) {
-				all.set(c, offset);
-				offset += c.length;
-			}
-			chunks = [];
-			return floatToPcm16(all);
-		},
-		async close() {
-			recording = false;
-			node?.disconnect();
-			if (stream) for (const t of stream.getTracks()) t.stop();
-			await ctx?.close().catch(() => {});
-			ctx = null;
-			node = null;
-			stream = null;
-		}
-	};
-}
-/**
-* Open the microphone and stream endpointed utterances into a sync session.
-*
-* @throws If microphone access is denied or worklet registration fails.
-*/
-async function startSyncMicrophone(opts) {
-	const sampleRate = opts.sampleRate ?? 16e3;
-	const detector = createUtteranceDetector({
-		sampleRate,
-		...opts.vad
-	});
-	const fail = (err) => {
-		opts.onError?.(err instanceof Error ? err : new Error(errorMessage(err)));
-	};
-	const streamPromise = navigator.mediaDevices.getUserMedia({ audio: {
-		echoCancellation: true,
-		noiseSuppression: true,
-		autoGainControl: true
-	} });
-	const ctx = new AudioContext({
-		sampleRate,
-		latencyHint: "interactive"
-	});
-	let stream;
-	try {
-		[stream] = await Promise.all([
-			streamPromise,
-			ctx.resume(),
-			ctx.audioWorklet.addModule(CAPTURE_WORKLET_MODULE_URL)
-		]);
-	} catch (err) {
-		streamPromise.then((s) => {
-			for (const t of s.getTracks()) t.stop();
-		}).catch(() => {});
-		await ctx.close().catch(() => {});
-		throw err;
-	}
-	const mic = ctx.createMediaStreamSource(stream);
-	const node = new AudioWorkletNode(ctx, "aai-sync-capture", {
-		channelCount: 1,
-		channelCountMode: "explicit",
-		processorOptions: { batchSamples: CAPTURE_BATCH_SAMPLES }
-	});
-	mic.connect(node);
-	let stopped = false;
-	let wasSpeaking = false;
-	function dispatch(utterance) {
-		if (!utterance) return;
-		opts.onSpeechEnd?.();
-		opts.session.sendPcm16(utterance, sampleRate).catch(fail);
-	}
-	function handleFrame(samples) {
-		if (stopped) return;
-		dispatch(detector.push(floatToPcm16(samples)));
-		if (detector.speaking && !wasSpeaking) opts.onSpeechStart?.();
-		wasSpeaking = detector.speaking;
-	}
-	node.port.onmessage = (e) => {
-		const data = e.data;
-		if (data.event === "chunk" && data.samples) handleFrame(data.samples);
-	};
-	node.onprocessorerror = () => fail(/* @__PURE__ */ new Error("Sync capture worklet crashed"));
-	return {
-		get speaking() {
-			return detector.speaking;
-		},
-		async stop() {
-			if (stopped) return;
-			stopped = true;
-			dispatch(detector.flush());
-			mic.disconnect();
-			node.disconnect();
-			for (const t of stream.getTracks()) t.stop();
-			await ctx.close().catch(() => {});
-		}
-	};
-}
-//#endregion
-//#region sync-session.ts
-/**
-* Sync-mode browser session — HTTP turns, no WebSocket.
-*
-* The client half of the server's `POST /sync` endpoint (see
-* `host/sync-turn.ts` in `@alexkroman1/aai`): each turn is one request
-* carrying committed text or one endpointed utterance of PCM16 audio plus
-* the conversation history, answered with the transcript, the reply text,
-* and (when the agent's TTS provider supports one-shot synthesis) the
-* spoken reply. The server holds no session state — this object owns the
-* history and replays it every turn.
-*
-* Microphone capture and utterance endpointing live in `sync-mic.ts` /
-* `sync-vad.ts`; this module is transport only, so it also runs in
-* non-browser clients that bring their own audio.
-*/
-/** Base64-encode PCM16 samples (chunked — `btoa` takes a binary string). */
-function pcm16ToBase64(pcm) {
-	const bytes = new Uint8Array(pcm.buffer, pcm.byteOffset, pcm.byteLength);
-	let binary = "";
-	const CHUNK = 32768;
-	for (let i = 0; i < bytes.length; i += CHUNK) binary += String.fromCharCode(...bytes.subarray(i, i + CHUNK));
-	return btoa(binary);
-}
-/** Decode base64 PCM16LE (the sync response's `audio` field) into samples. */
-function base64ToPcm16(base64) {
-	const binary = atob(base64);
-	const samples = binary.length >> 1;
-	const bytes = new Uint8Array(samples * 2);
-	for (let i = 0; i < bytes.length; i++) bytes[i] = binary.charCodeAt(i);
-	return new Int16Array(bytes.buffer, 0, samples);
-}
-/** Create a {@link SyncSession} against a sync-mode agent server. */
-function createSyncSession(opts) {
-	const fetchFn = opts.fetch ?? ((input, init) => globalThis.fetch(input, init));
-	const history = [];
-	let queue = Promise.resolve();
-	async function parseTurn(resp) {
-		if (!resp.ok) {
-			const detail = safeJsonParse(await resp.text().catch(() => "")) ?? {};
-			throw new Error(`Sync turn failed: HTTP ${resp.status}${detail.error ? ` (${detail.error})` : ""}`);
-		}
-		const parsed = SyncTurnResponseSchema.safeParse(await resp.json());
-		if (!parsed.success) throw new Error("Sync turn failed: malformed server response");
-		return parsed.data;
-	}
-	async function runTurn(body) {
-		try {
-			const turn = await parseTurn(await fetchFn(opts.url, {
-				method: "POST",
-				headers: { "Content-Type": "application/json" },
-				body: JSON.stringify({
-					...body,
-					history: [...history]
-				})
-			}));
-			history.push({
-				role: "user",
-				content: turn.transcript
-			});
-			if (turn.reply.length > 0) history.push({
-				role: "assistant",
-				content: turn.reply
-			});
-			const result = {
-				...turn,
-				pcm: turn.audio !== void 0 ? base64ToPcm16(turn.audio) : null
-			};
-			opts.onTurn?.(result);
-			return result;
-		} catch (err) {
-			const wrapped = err instanceof Error ? err : new Error(errorMessage(err));
-			opts.onError?.(wrapped);
-			throw wrapped;
-		}
-	}
-	function enqueue(body) {
-		const next = queue.then(() => runTurn(body), () => runTurn(body));
-		queue = next.catch(() => void 0);
-		return next;
-	}
-	return {
-		get history() {
-			return history;
-		},
-		sendText(text) {
-			return enqueue({ text });
-		},
-		sendPcm16(pcm, sampleRate) {
-			return enqueue({
-				audio: pcm16ToBase64(pcm),
-				sampleRate
-			});
-		},
-		reset() {
-			history.length = 0;
-		}
-	};
-}
-//#endregion
-//#region components/sync-chat-view.tsx
-/** @jsxImportSource react */
-/**
-* Default shell for sync-transport agents (`agent({ transport: "sync" })`).
-*
-* A hands-free voice agent: one toggle starts the conversation, and from
-* then on the mic stays open — `startSyncMicrophone` runs the WebRTC
-* voice-processing capture through the energy VAD (`sync-vad.ts`), which
-* endpoints each utterance automatically and sends it as one `POST /sync`
-* request through `createSyncSession`. No button per turn: speak, pause,
-* and the reply comes back and plays. The view shows what was heard, the
-* agent's reply, and — via the endpoint chip next to the toggle — exactly
-* where each utterance is being sent.
-*
-* Visually it is the same "voice agent console" as the WebSocket
-* {@link ChatView}: header with logo + live-status eyebrow, the output on a
-* raised card, controls beneath — built from the same shared pieces
-* ({@link ThinkingDots}, {@link Eyebrow}, {@link Button}, {@link UrlChip})
-* so the two transports are indistinguishable at a glance.
-*
-* Rendered by `client()` when the agent's `GET /client-config` declares
-* `transport: "sync"`; also exported for custom clients that want the stock
-* sync UI with their own chrome around it.
-*/
-/**
-* Play one reply's PCM16 through a shared AudioContext. `onPlaying`
-* tracks playback so the eyebrow can show "speaking" while the reply is
-* audible.
-*/
-function playReply(ctxRef, turn, onPlaying) {
-	if (!(turn.pcm && turn.sampleRate)) return;
-	ctxRef.current ??= new AudioContext();
-	const ctx = ctxRef.current;
-	const buffer = ctx.createBuffer(1, turn.pcm.length, turn.sampleRate);
-	const channel = buffer.getChannelData(0);
-	turn.pcm.forEach((sample, i) => {
-		channel[i] = sample / 32768;
-	});
-	const source = ctx.createBufferSource();
-	source.buffer = buffer;
-	source.connect(ctx.destination);
-	source.onended = () => onPlaying(false);
-	onPlaying(true);
-	source.start();
-}
-/**
-* Map the hands-free conversation lifecycle onto the same states the
-* WebSocket eyebrow shows, so the status chip reads identically across
-* transports: an endpointed utterance in flight is "thinking", an audible
-* reply is "speaking", a live mic is "listening".
-*/
-function syncState(opts) {
-	if (opts.pending > 0) return "thinking";
-	if (opts.agentSpeaking) return "speaking";
-	if (opts.live) return "listening";
-	if (opts.error) return "error";
-	return "ready";
-}
-/**
-* Sync-transport view: a hands-free VAD-endpointed conversation, transcript
-* + reply output, and the endpoint each utterance is POSTed to — one HTTP
-* request per turn.
-*
-* @public
-*/
-function SyncChatView({ syncUrl, title, greeting }) {
-	const theme = useTheme();
-	const [exchanges, setExchanges] = useState([]);
-	const [live, setLive] = useState(false);
-	const [userSpeaking, setUserSpeaking] = useState(false);
-	const [pending, setPending] = useState(0);
-	const [agentSpeaking, setAgentSpeaking] = useState(false);
-	const [error, setError] = useState(null);
-	const playbackCtx = useRef(null);
-	const mic = useRef(null);
-	const toggling = useRef(false);
-	const anchorRef = useRef(null);
-	const sessionRef = useRef(createSyncSession({
-		url: syncUrl,
-		onTurn: (turn) => {
-			setExchanges((prev) => [...prev, {
-				id: prev.length,
-				heard: turn.transcript,
-				reply: turn.reply
-			}]);
-			setPending((n) => Math.max(0, n - 1));
-			setError(turn.ttsError ? `TTS unavailable: ${turn.ttsError}` : null);
-			playReply(playbackCtx, turn, setAgentSpeaking);
-		},
-		onError: (err) => {
-			setPending((n) => Math.max(0, n - 1));
-			setError(err.message);
-		}
-	}));
-	useEffect(() => () => {
-		mic.current?.stop();
-		playbackCtx.current?.close();
-	}, []);
-	const contentCount = exchanges.length + (pending > 0 ? 1 : 0);
-	useEffect(() => {
-		if (contentCount === 0) return;
-		anchorRef.current?.scrollIntoView({
-			behavior: "smooth",
-			block: "end"
-		});
-	}, [contentCount]);
-	async function toggleConversation() {
-		if (toggling.current) return;
-		toggling.current = true;
-		try {
-			if (mic.current) {
-				const handle = mic.current;
-				mic.current = null;
-				setLive(false);
-				setUserSpeaking(false);
-				await handle.stop();
-				return;
-			}
-			mic.current = await startSyncMicrophone({
-				session: sessionRef.current,
-				onSpeechStart: () => setUserSpeaking(true),
-				onSpeechEnd: () => {
-					setUserSpeaking(false);
-					setPending((n) => n + 1);
-				},
-				onError: (err) => setError(err.message)
-			});
-			setLive(true);
-			setError(null);
-		} catch (err) {
-			setError(err instanceof Error ? err.message : String(err));
-		} finally {
-			toggling.current = false;
-		}
-	}
-	const state = syncState({
-		error,
-		live,
-		pending,
-		agentSpeaking
-	});
-	const buttonLabel = live ? "End conversation" : "Start conversation";
-	const pulsing = userSpeaking || agentSpeaking;
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex flex-col h-screen w-full max-w-190 mx-auto box-border px-6 py-8 gap-5 font-aai text-sm",
-		style: {
-			background: theme.bg,
-			color: theme.text
-		},
-		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center justify-between shrink-0",
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: "flex items-center gap-3 min-w-0",
-					children: [/* @__PURE__ */ jsx(AaiLogo, { size: 22 }), /* @__PURE__ */ jsx("span", {
-						className: "font-aai-serif text-[22px] leading-[1.2] font-normal truncate",
-						style: { color: theme.text },
-						children: title ?? "Voice Agent"
-					})]
-				}), /* @__PURE__ */ jsxs(Eyebrow, {
-					className: "shrink-0",
-					"data-state": state,
-					children: [/* @__PURE__ */ jsx("span", {
-						className: "w-[7px] h-[7px] rounded-full",
-						style: {
-							background: stateColor(state, theme.primary),
-							animation: pulsing ? "aai-pulse 1.6s ease-in-out infinite" : "none"
-						}
-					}), state]
-				})]
-			}),
-			error && /* @__PURE__ */ jsx("div", {
-				className: "px-3.5 py-2.5 rounded-aai border text-[13px] leading-[130%] shrink-0",
-				style: {
-					borderColor: "rgba(179,38,30,0.35)",
-					background: "rgba(179,38,30,0.06)",
-					color: "#B3261E"
-				},
-				children: error
-			}),
-			/* @__PURE__ */ jsx("div", {
-				className: "flex flex-col flex-1 min-h-0 border rounded-lg overflow-hidden",
-				style: {
-					background: theme.surface,
-					borderColor: theme.border,
-					boxShadow: "0 1px 3px 0 rgb(20 18 12 / 0.06)"
-				},
-				children: /* @__PURE__ */ jsx("div", {
-					role: "log",
-					className: "flex-1 overflow-y-auto [scrollbar-width:none]",
-					style: { background: theme.surface },
-					children: /* @__PURE__ */ jsxs("div", {
-						className: "flex flex-col gap-5 p-7",
-						children: [
-							greeting !== void 0 && greeting.length > 0 && /* @__PURE__ */ jsx("p", {
-								className: "text-[15px] leading-[23px]",
-								style: { color: theme.text },
-								children: greeting
-							}),
-							exchanges.length === 0 && /* @__PURE__ */ jsx("p", {
-								className: "text-sm",
-								style: { color: "#57534B" },
-								children: "Start the conversation and just talk — each pause endpoints an utterance, which goes out as one HTTP request to the endpoint below."
-							}),
-							exchanges.map((ex) => /* @__PURE__ */ jsxs("div", {
-								className: "flex flex-col gap-1.5",
-								children: [
-									/* @__PURE__ */ jsx("span", {
-										className: "text-[10px] font-medium tracking-[1.2px] uppercase leading-none",
-										style: { color: TEXT_FAINT },
-										children: "Heard"
-									}),
-									/* @__PURE__ */ jsx("p", {
-										className: "text-[15px] leading-[22px]",
-										style: { color: TEXT_MUTED },
-										children: ex.heard
-									}),
-									/* @__PURE__ */ jsx("span", {
-										className: "text-[10px] font-medium tracking-[1.2px] uppercase leading-none mt-1.5",
-										style: { color: TEXT_FAINT },
-										children: "Agent"
-									}),
-									/* @__PURE__ */ jsx("p", {
-										className: "whitespace-pre-wrap wrap-break-word text-[15px] font-normal leading-[23px]",
-										style: { color: theme.text },
-										children: ex.reply
-									})
-								]
-							}, ex.id)),
-							pending > 0 && /* @__PURE__ */ jsx("div", {
-								"data-testid": "thinking",
-								children: /* @__PURE__ */ jsx(ThinkingDots, {})
-							}),
-							/* @__PURE__ */ jsx("div", { ref: anchorRef })
-						]
-					})
-				})
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-2 shrink-0",
-				children: [/* @__PURE__ */ jsxs(Button, {
-					size: "lg",
-					variant: live ? "default" : "secondary",
-					className: "select-none",
-					style: live ? {
-						background: ERROR_COLOR,
-						borderColor: "transparent"
-					} : void 0,
-					onClick: () => void toggleConversation(),
-					"aria-pressed": live,
-					title: "Start or end the conversation",
-					children: [/* @__PURE__ */ jsx("span", {
-						className: clsx("w-2 h-2 rounded-full mr-2", pulsing && "animate-pulse"),
-						style: { background: live ? "#fff" : ERROR_COLOR }
-					}), buttonLabel]
-				}), /* @__PURE__ */ jsx(UrlChip, {
-					label: "Sync",
-					url: syncUrl,
-					hint: "Each utterance is one POST to this endpoint",
-					testId: "sync-url-chip",
-					className: "ml-auto min-w-0 max-w-[55%]"
-				})]
-			})
-		]
-	});
-}
-//#endregion
-//#region define-client.tsx
-/** @jsxImportSource react */
-function resolveContainer(target = "#app") {
-	if (typeof target !== "string") return target;
-	const el = document.querySelector(target);
-	if (!el) throw new Error(`Element not found: ${target}`);
-	return el;
-}
-/**
-* Default shell rendered in config tier.
-* Wraps StartScreen → (SidebarLayout →) ChatView.
-*/
-function DefaultShell({ name, Sidebar, sidebarWidth }) {
-	const chat = /* @__PURE__ */ jsx(ChatView, { title: name });
-	return /* @__PURE__ */ jsx(StartScreen, {
-		title: name,
-		children: Sidebar ? /* @__PURE__ */ jsx(SidebarLayout, {
-			sidebar: /* @__PURE__ */ jsx(Sidebar, {}),
-			sidebarWidth,
-			children: chat
-		}) : chat
-	});
-}
-/**
-* Config-tier root: resolves the transport (explicit option, else the
-* server's `GET client-config`) and renders the WebSocket shell or the
-* sync shell.
-*
-* The WebSocket shell renders immediately — optimistically — while the
-* lookup is in flight, then swaps if the agent declared `"sync"`. That
-* keeps mounting synchronous, keeps agents on servers without the endpoint
-* (every lookup failure resolves to `"websocket"`) exactly as before, and
-* the worst-case race — Start clicked on a sync agent before the lookup
-* lands — still yields a working session: sync agents answer WebSocket
-* sessions too.
-*/
-function DefaultRoot({ platformUrl, transport, name, Sidebar, sidebarWidth }) {
-	const [resolved, setResolved] = useState(transport !== void 0 ? { transport } : null);
-	useEffect(() => {
-		if (transport !== void 0) return;
-		let cancelled = false;
-		fetchClientConfig(platformUrl).then((cfg) => {
-			if (!cancelled) setResolved(cfg);
-		});
-		return () => {
-			cancelled = true;
-		};
-	}, [platformUrl, transport]);
-	if (resolved?.transport === "sync") return /* @__PURE__ */ jsx(SyncChatView, {
-		syncUrl: buildAgentUrl(platformUrl, "sync").href,
-		title: name ?? resolved.name,
-		greeting: resolved.greeting
-	});
-	return /* @__PURE__ */ jsx(DefaultShell, {
-		name,
-		Sidebar,
-		sidebarWidth
-	});
-}
-/**
-* Define and mount a client UI for a voice agent.
-*
-* **Tier 1 (config-only):** Pass options without `component` to get the
-* default shell (StartScreen + ChatView, optional sidebar).
-*
-* **Tier 2 (custom component):** Pass `component` to render a fully custom
-* root component inside the providers.
-*
-* @example Tier 1
-* ```tsx
-* client({
-*   name: "Pizza Ordering",
-*   theme: { bg: "#1a1a1a", primary: "#e55" },
-*   sidebar: OrderPanel,
-*   tools: { add_pizza: { icon: "🍕", label: "Adding pizza" } },
-* });
-* ```
-*
-* @example Tier 2
-* ```tsx
-* client({ component: MyCustomApp });
-* ```
-*
-* @returns A {@link ClientHandle} for cleanup.
-* @throws If the target element is not found in the DOM.
-*
-* @public
-*/
-function client(config) {
-	const container = resolveContainer(config.target);
-	const platformUrl = config.platformUrl ?? globalThis.location.origin + globalThis.location.pathname;
-	const session = createSessionCore({
-		platformUrl,
-		onSessionId: config.onSessionId,
-		resumeSessionId: config.resumeSessionId,
-		WebSocket: config.WebSocket
-	});
-	const rootNode = config.component ? createElement(config.component) : createElement(DefaultRoot, {
-		platformUrl,
-		transport: config.transport,
-		name: config.name,
-		Sidebar: config.sidebar,
-		sidebarWidth: config.sidebarWidth
-	});
-	const toolConfig = config.tools ?? {};
-	const root = createRoot(container);
-	flushSync(() => {
-		root.render(createElement(ToolConfigContext.Provider, { value: toolConfig }, createElement(ThemeProvider, { value: config.theme }, createElement(SessionProvider, { value: session }, rootNode))));
-	});
-	const handle = {
-		session,
-		dispose() {
-			root.unmount();
-			session[Symbol.dispose]();
-		},
-		[Symbol.dispose]() {
-			handle.dispose();
-		}
-	};
-	return handle;
-}
-//#endregion
-export { pcm16ToBase64 as a, createPttRecorder as c, createUtteranceDetector as d, buildAgentUrl as f, createSyncSession as i, floatToPcm16 as l, SyncChatView as n, CAPTURE_WORKLET_MODULE_URL as o, fetchClientConfig as p, base64ToPcm16 as r, DEFAULT_SYNC_MIC_SAMPLE_RATE as s, client as t, startSyncMicrophone as u };