@alexkroman1/aai-ui 2.0.0 → 3.0.0

package/dist/define-client-yoGybEYR.js

@@ -1,710 +0,0 @@
-import { SessionProvider, ThemeProvider, useTheme } from "./context.js";
-import { Button } from "./components/button.js";
-import { t as ERROR_COLOR } from "./_colors-DYX7XRTr.js";
-import { n as ConsoleShell, t as ChatView } from "./chat-view-DKFhxMAT.js";
-import { a as UrlChip } from "./controls-4OJoekj6.js";
-import { n as ToolConfigContext, t as ToolCallBlock } from "./tool-call-block-DIxpG8GM.js";
-import { ThinkingDots } from "./components/message-list.js";
-import { SidebarLayout } from "./components/sidebar-layout.js";
-import { StartScreen } from "./components/start-screen.js";
-import { VOICE_CAPTURE_CONSTRAINTS } from "./types.js";
-import { decodeAudioToPcm16 } from "./audio.js";
-import { t as createSessionCore } from "./session-core-BLhiQ18c.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 { DEFAULT_MAX_HISTORY, 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
-* what kind of app the agent is before any connection exists — a
-* conversational agent (WebSocket chat shell) or a workflow (one-shot run
-* surface). Every failure path — network error, 404 from an older server,
-* malformed body — degrades to the agent 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 AGENT_DEFAULT = { kind: "agent" };
-/** Fetch the agent's client config; any failure yields the agent 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 AGENT_DEFAULT;
-		const parsed = ClientConfigResponseSchema.safeParse(await resp.json());
-		return parsed.success ? parsed.data : AGENT_DEFAULT;
-	} catch {
-		return AGENT_DEFAULT;
-	}
-}
-//#endregion
-//#region sync-mic.ts
-/**
-* WebRTC push-to-talk capture for the workflow run surface.
-*
-* Captures voice through `getUserMedia` under
-* {@link VOICE_CAPTURE_CONSTRAINTS} — echo cancellation only — and runs an
-* AudioWorklet that batches raw frames to the main thread; the caller's
-* button is the endpointing. Each recording becomes one `POST /sync` run.
-* No WebSocket anywhere on the path.
-*
-* The worklet module ships inline as a blob URL (same pattern as the
-* WebSocket path's worklets), so this path 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.
-*
-* `batch` is held as a field rather than re-read from the posted view:
-* `postMessage` with a transfer list detaches the buffer, so `out.length` is
-* 0 by the time the next buffer is allocated. Allocating a zero-length `buf`
-* from it made `n` 0 forever, so `read` stopped advancing and the render
-* thread spun inside `process()` posting empty chunks — the mic went
-* permanently deaf on its first flush.
-*
-* Exported for the worklet unit tests (`sync-mic-worklet.test.ts`), which
-* evaluate this source directly; it is not part of the package surface.
-*/
-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.batch = batch;
-    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.batch) {
-        const out = this.buf;
-        // Size the next buffer from this.batch, never from \`out\`: the
-        // transfer below detaches out.buffer, so out.length reads 0 here.
-        this.buf = new Float32Array(this.batch);
-        this.len = 0;
-        this.port.postMessage({ event: "chunk", samples: out }, [out.buffer]);
-      }
-    }
-    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: `getUserMedia` voice capture feeding the capture
-* worklet, with the caller's button as 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: VOICE_CAPTURE_CONSTRAINTS });
-		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;
-		}
-	};
-}
-//#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
-			});
-			if (history.length > DEFAULT_MAX_HISTORY) history.splice(0, history.length - DEFAULT_MAX_HISTORY);
-			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/workflow-view.tsx
-/** @jsxImportSource react */
-/**
-* Default shell for workflows (`workflow()` definitions) — the SDK's
-* audio-in / action-out mode.
-*
-* Where {@link ChatView} is a *conversation*, this surface is
-* a one-shot *run*: hold the talk button (or upload an audio file) to stage
-* one instruction, press **Go**, and the whole clip goes out as a single
-* `POST /sync` request with **no history** — the server transcribes it, the
-* agentic loop executes the actions with the workflow's tools, and the view
-* shows what was heard and the tool calls that ran. Deliberately **no
-* greeting and no assistant prose** — a workflow is an execution surface,
-* not a chat, so the record of a run is the transcript plus the actions
-* taken. Each run is independent; staging a new clip clears the last
-* result.
-*
-* Built on the same {@link ConsoleShell} chrome as the chat shell, so the
-* two app modes share one visual language by construction. Rendered by
-* `client()` when `GET /client-config` declares
-* `kind: "workflow"`; exported for custom clients that want the stock run
-* surface with their own chrome.
-*/
-/**
-* The sync response's completed tool records, as the shared
-* {@link ToolCallBlock} rows render them. A sync turn only reports once it
-* has fully run, so every call is `done`; the synthetic fallback id keeps
-* render keys stable when a provider omits `toolCallId`.
-*/
-function toToolCallInfo(turn) {
-	return (turn.toolCalls ?? []).map((call, i) => ({
-		callId: call.toolCallId.length > 0 ? call.toolCallId : `run-call-${i}`,
-		name: call.toolName,
-		args: call.args,
-		status: "done",
-		result: call.result,
-		seq: i,
-		afterMessageId: -1
-	}));
-}
-function clipSeconds(clip) {
-	return clip.pcm.length / clip.sampleRate;
-}
-/**
-* Map the run lifecycle onto the shared eyebrow states: recording reads as
-* "listening", an in-flight run as "thinking", a finished run as "ready".
-*/
-function workflowState(opts) {
-	if (opts.running) return "thinking";
-	if (opts.recording) return "listening";
-	if (opts.error) return "error";
-	return "ready";
-}
-/** The output card's body: instruction line, staged clip, then the run result. */
-function RunCard({ clip, running, result }) {
-	const theme = useTheme();
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex flex-col gap-5 p-7",
-		children: [
-			clip === null && result === null && !running && /* @__PURE__ */ jsx("p", {
-				className: "text-sm",
-				style: { color: "#57534B" },
-				children: "Hold to talk or upload an audio file, then press Go. The whole clip runs as one instruction — the actions it executed appear here."
-			}),
-			clip && !running && /* @__PURE__ */ jsxs("p", {
-				className: "text-sm",
-				"data-testid": "staged-clip",
-				style: { color: "#57534B" },
-				children: [
-					clip.source === "recording" ? "Recording" : clip.source,
-					" staged (",
-					clipSeconds(clip).toFixed(1),
-					"s) — press Go to run it."
-				]
-			}),
-			running && /* @__PURE__ */ jsx("div", {
-				"data-testid": "running",
-				children: /* @__PURE__ */ jsx(ThinkingDots, {})
-			}),
-			result && /* @__PURE__ */ jsxs("div", {
-				className: "flex flex-col gap-1.5",
-				"data-testid": "run-result",
-				children: [
-					/* @__PURE__ */ jsx("span", {
-						className: "text-[10px] font-medium tracking-[1.2px] uppercase leading-none",
-						style: { color: "#6F6A60" },
-						children: "Heard"
-					}),
-					/* @__PURE__ */ jsx("p", {
-						className: "text-[15px] leading-[22px]",
-						style: { color: theme.text },
-						children: result.heard
-					}),
-					/* @__PURE__ */ jsx("span", {
-						className: "text-[10px] font-medium tracking-[1.2px] uppercase leading-none mt-1.5",
-						style: { color: "#6F6A60" },
-						children: "Actions"
-					}),
-					result.toolCalls.length === 0 ? /* @__PURE__ */ jsx("p", {
-						className: "text-sm",
-						style: { color: "#57534B" },
-						children: "No actions were taken."
-					}) : /* @__PURE__ */ jsx("div", {
-						className: "flex flex-col gap-2",
-						"data-testid": "run-tool-calls",
-						children: result.toolCalls.map((call) => /* @__PURE__ */ jsx(ToolCallBlock, { toolCall: call }, call.callId))
-					})
-				]
-			})
-		]
-	});
-}
-/**
-* Workflow run surface: push-to-talk or audio upload stages one instruction
-* clip; **Go** runs it as a single sync turn and shows what was heard plus
-* the tool calls that executed — no greeting, no assistant messages.
-*
-* @public
-*/
-function WorkflowView({ syncUrl, title }) {
-	const [clip, setClip] = useState(null);
-	const [result, setResult] = useState(null);
-	const [recording, setRecording] = useState(false);
-	const [running, setRunning] = useState(false);
-	const [error, setError] = useState(null);
-	const recorder = useRef(null);
-	const fileInput = useRef(null);
-	const disposed = useRef(false);
-	const sessionRef = useRef(createSyncSession({ url: syncUrl }));
-	useEffect(() => () => {
-		disposed.current = true;
-		recorder.current?.close();
-		recorder.current = null;
-	}, []);
-	async function holdStart() {
-		if (running || recording) return;
-		try {
-			recorder.current ??= createPttRecorder();
-			await recorder.current.start();
-			if (disposed.current) return;
-			setRecording(true);
-			setError(null);
-		} catch (err) {
-			setError(err instanceof Error ? err.message : String(err));
-		}
-	}
-	async function holdEnd() {
-		if (!recording) return;
-		setRecording(false);
-		try {
-			const pcm = await recorder.current?.stop();
-			if (disposed.current || !pcm) return;
-			if (pcm.length === 0) {
-				setError("Nothing was recorded — hold the button while you speak.");
-				return;
-			}
-			setClip({
-				pcm,
-				sampleRate: DEFAULT_SYNC_MIC_SAMPLE_RATE,
-				source: "recording"
-			});
-			setResult(null);
-		} catch (err) {
-			setError(err instanceof Error ? err.message : String(err));
-		}
-	}
-	async function stageFile(file) {
-		try {
-			const pcm = await decodeAudioToPcm16(await file.arrayBuffer(), DEFAULT_SYNC_MIC_SAMPLE_RATE);
-			if (disposed.current) return;
-			if (pcm.length === 0) {
-				setError("That file decoded to no audio.");
-				return;
-			}
-			setClip({
-				pcm,
-				sampleRate: DEFAULT_SYNC_MIC_SAMPLE_RATE,
-				source: file.name
-			});
-			setResult(null);
-			setError(null);
-		} catch {
-			setError("Could not decode that file as audio.");
-		}
-	}
-	async function go() {
-		if (!clip || running) return;
-		setRunning(true);
-		setError(null);
-		sessionRef.current.reset();
-		const outcome = await sessionRef.current.sendPcm16(clip.pcm, clip.sampleRate).then((turn) => ({ turn }), (err) => ({ message: err instanceof Error ? err.message : String(err) }));
-		if (disposed.current) return;
-		setRunning(false);
-		if ("turn" in outcome) {
-			setResult({
-				heard: outcome.turn.transcript,
-				toolCalls: toToolCallInfo(outcome.turn)
-			});
-			setClip(null);
-		} else setError(outcome.message);
-	}
-	const state = workflowState({
-		error,
-		recording,
-		running
-	});
-	const controls = /* @__PURE__ */ jsxs("div", {
-		className: "flex items-center gap-2 shrink-0",
-		children: [
-			/* @__PURE__ */ jsxs(Button, {
-				size: "lg",
-				variant: recording ? "default" : "secondary",
-				className: "select-none touch-none",
-				style: recording ? {
-					background: ERROR_COLOR,
-					borderColor: "transparent"
-				} : void 0,
-				disabled: running,
-				onPointerDown: () => void holdStart(),
-				onPointerUp: () => void holdEnd(),
-				onPointerLeave: () => void holdEnd(),
-				"aria-pressed": recording,
-				title: "Hold to record your instructions",
-				children: [/* @__PURE__ */ jsx("span", {
-					className: clsx("w-2 h-2 rounded-full mr-2", recording && "animate-pulse"),
-					style: { background: recording ? "#fff" : ERROR_COLOR }
-				}), recording ? "Release to stage" : "Hold to talk"]
-			}),
-			/* @__PURE__ */ jsx("input", {
-				ref: fileInput,
-				type: "file",
-				accept: "audio/*",
-				className: "hidden",
-				"data-testid": "workflow-file-input",
-				onChange: (e) => {
-					const file = e.target.files?.[0];
-					e.target.value = "";
-					if (file) stageFile(file);
-				}
-			}),
-			/* @__PURE__ */ jsx(Button, {
-				size: "lg",
-				variant: "secondary",
-				disabled: running || recording,
-				onClick: () => fileInput.current?.click(),
-				title: "Upload an audio file of your instructions",
-				children: "Upload audio"
-			}),
-			/* @__PURE__ */ jsx(Button, {
-				size: "lg",
-				disabled: !clip || running || recording,
-				onClick: () => void go(),
-				"data-testid": "workflow-go",
-				title: "Run the staged instructions",
-				children: running ? "Running…" : "Go"
-			}),
-			/* @__PURE__ */ jsx(UrlChip, {
-				label: "Run",
-				url: syncUrl,
-				hint: "Each run is one POST to this endpoint",
-				testId: "sync-url-chip",
-				className: "ml-auto min-w-0 max-w-[40%]"
-			})
-		]
-	});
-	return /* @__PURE__ */ jsx(ConsoleShell, {
-		title: title ?? "Workflow",
-		state,
-		pulsing: recording || running,
-		error,
-		footer: controls,
-		children: /* @__PURE__ */ jsx("div", {
-			role: "log",
-			className: "flex-1 overflow-y-auto [scrollbar-width:none]",
-			children: /* @__PURE__ */ jsx(RunCard, {
-				clip,
-				running,
-				result
-			})
-		})
-	});
-}
-//#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 app kind via the server's
-* `GET client-config` and renders the chat shell or the workflow surface.
-*
-* The chat shell renders immediately — optimistically — while the lookup is
-* in flight, then swaps if the agent is a workflow. That keeps mounting
-* synchronous and keeps agents on servers without the endpoint (every
-* lookup failure resolves to the agent kind) exactly as before.
-*/
-function DefaultRoot({ platformUrl, name, Sidebar, sidebarWidth }) {
-	const [resolved, setResolved] = useState(null);
-	useEffect(() => {
-		let cancelled = false;
-		fetchClientConfig(platformUrl).then((cfg) => {
-			if (!cancelled) setResolved(cfg);
-		});
-		return () => {
-			cancelled = true;
-		};
-	}, [platformUrl]);
-	if (resolved?.kind === "workflow") return /* @__PURE__ */ jsx(WorkflowView, {
-		syncUrl: buildAgentUrl(platformUrl, "sync").href,
-		title: name ?? resolved.name
-	});
-	return /* @__PURE__ */ jsx(DefaultShell, {
-		name: name ?? resolved?.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,
-		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, fetchClientConfig as d, createSyncSession as i, floatToPcm16 as l, WorkflowView as n, CAPTURE_WORKLET_MODULE_URL as o, base64ToPcm16 as r, DEFAULT_SYNC_MIC_SAMPLE_RATE as s, client as t, buildAgentUrl as u };