@alexkroman1/aai-ui 4.0.0 → 5.0.1

package/dist/define-client-DqRs1XPd.js

@@ -1,150 +0,0 @@
-import { SessionProvider, ThemeProvider } from "./context.js";
-import { t as ChatView } from "./chat-view-CW-tZCMm.js";
-import { n as ToolConfigContext } from "./tool-call-block-DIxpG8GM.js";
-import { SidebarLayout } from "./components/sidebar-layout.js";
-import { StartScreen } from "./components/start-screen.js";
-import { t as createSessionCore } from "./session-core-CkZ8LyEA.js";
-import { CLIENT_CONFIG_PATH, ClientConfigResponseSchema } from "@alexkroman1/aai/protocol";
-import { createElement, useEffect, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-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`) gives the default client the
-* agent's display name and greeting before any connection exists. Every
-* failure path — network error, 404 from an older server, malformed body —
-* degrades to the empty 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 = {};
-/** 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 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: fetches the server-declared display name via
-* `GET client-config` and renders the chat shell. The shell renders
-* immediately — optimistically — while the lookup is in flight; servers
-* without the endpoint (every lookup failure resolves to the empty default)
-* work 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]);
-	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 { buildAgentUrl as n, fetchClientConfig as r, client as t };