@alexkroman1/aai-ui 0.16.0 → 0.17.0

package/dist/components/tool-call-block.d.ts

@@ -1,5 +1,5 @@
 /** @jsxImportSource react */
-import { type ReactNode } from "react";
+import { type FunctionComponent, type MemoExoticComponent } from "react";
 import type { ToolCallInfo } from "../types.ts";
 /**
  * Renders a tool invocation as the design system's console row (see
@@ -22,7 +22,7 @@ import type { ToolCallInfo } from "../types.ts";
  *
  * @internal Not exported from the package — rendered by `MessageList`.
  */
-export declare const ToolCallBlock: import("react").MemoExoticComponent<({ toolCall, className, }: {
+export declare const ToolCallBlock: MemoExoticComponent<FunctionComponent<{
     toolCall: ToolCallInfo;
     className?: string;
-}) => ReactNode>;
+}>>;

package/dist/components/tool-call-row.d.ts

@@ -9,6 +9,7 @@ export type ToolCallRowVariant = "default" | "compact";
 /**
  * Props for {@link ToolCallRow}.
  *
+ * @input
  * @public
  */
 export interface ToolCallRowProps {

package/dist/components/tool-config-context.d.ts

@@ -1,3 +1,4 @@
+import { type Context } from "react";
 /**
  * Display configuration for a tool call in the UI.
  *
@@ -13,7 +14,7 @@ export type ToolDisplayConfig = Record<string, {
  *
  * @internal
  */
-export declare const ToolConfigContext: import("react").Context<ToolDisplayConfig>;
+export declare const ToolConfigContext: Context<ToolDisplayConfig>;
 /**
  * Read tool display configuration from the nearest `ToolConfigContext.Provider`.
  *

package/dist/components/url-chips.d.ts

@@ -1,3 +1,4 @@
+import type { JSX } from "react";
 /**
  * The session's shareable UI URL — the page this UI is served from, what
  * you'd send someone to talk to the agent.
@@ -6,7 +7,7 @@
  */
 export declare function UiUrlChip({ className }: {
     className?: string | undefined;
-}): import("react").JSX.Element;
+}): JSX.Element;
 /**
  * The session's programmatic WebSocket endpoint — the URL a script or backend
  * can connect to directly instead of using this UI.
@@ -15,7 +16,7 @@ export declare function UiUrlChip({ className }: {
  */
 export declare function ApiUrlChip({ className }: {
     className?: string | undefined;
-}): import("react").JSX.Element;
+}): JSX.Element;
 /**
  * The UI and API URLs side by side. They answer the same question — "how do I
  * reach this agent?" — so they belong together and each needs its label to be
@@ -26,4 +27,4 @@ export declare function ApiUrlChip({ className }: {
  */
 export declare function SessionUrlChips({ className }: {
     className?: string | undefined;
-}): import("react").JSX.Element;
+}): JSX.Element;

package/dist/components/workflow-fields.d.ts

@@ -1,4 +1,5 @@
 import type { WorkflowSummary } from "@alexkroman1/aai/workflow-api";
+import type { JSX } from "react";
 /**
  * Render one field per scalar property of a workflow's input schema.
  *
@@ -43,4 +44,4 @@ export declare function WorkflowFields({ workflow, }: {
      * straight through before one is made.
      */
     workflow?: WorkflowSummary | string | undefined;
-}): import("react").JSX.Element | null;
+}): JSX.Element | null;

package/dist/components/workflow-pending-note.d.ts

@@ -3,6 +3,7 @@ import type { WorkflowRun } from "../workflow-client.ts";
 /**
  * Props for {@link WorkflowPendingNote}.
  *
+ * @input
  * @public
  */
 export type WorkflowPendingNoteProps = {

package/dist/components/workflow-run-error.d.ts

@@ -3,6 +3,7 @@ import type { WorkflowRun } from "../workflow-client.ts";
 /**
  * Props for {@link WorkflowRunError}.
  *
+ * @input
  * @public
  */
 export type WorkflowRunErrorProps = {

package/dist/components/workflow-run-panel.d.ts

@@ -7,6 +7,7 @@ import { type WorkflowApi, type WorkflowRun } from "../workflow-client.ts";
  * @typeParam O - The run's output type; `run.output` narrows to it in the
  * completed slot.
  *
+ * @input
  * @public
  */
 export type WorkflowRunPanelProps<O> = {

package/dist/context.d.ts

@@ -1,6 +1,6 @@
-import { type ReactNode } from "react";
+import { type ReactElement, type ReactNode } from "react";
 import type { BrowserSession, SendTextOptions, SessionSnapshot } from "./session/index.ts";
-import type { AgentState, ClientTheme, SessionError } from "./types.ts";
+import type { AgentState, ClientTheme, ResolvedClientTheme, SessionError } from "./types.ts";
 /**
  * Provides the {@link BrowserSession} the session hooks read. `mountClient()`
  * installs it automatically; a custom tree only needs it when bypassing
@@ -11,7 +11,7 @@ import type { AgentState, ClientTheme, SessionError } from "./types.ts";
 export declare function SessionProvider({ value, children, }: {
     value: BrowserSession;
     children?: ReactNode;
-}): import("react").FunctionComponentElement<import("react").ProviderProps<BrowserSession | null>>;
+}): ReactElement;
 /**
  * The session's control methods, and nothing else — what a `client.tsx` may
  * legitimately CALL on a session, as against what it may read.
@@ -27,6 +27,7 @@ export declare function SessionProvider({ value, children, }: {
  * actions every chrome is handed. `createBrowserSession` is what keeps each of
  * these assignable from the session's own methods.
  *
+ * @sealed
  * @public
  */
 export type SessionActions = {
@@ -219,7 +220,7 @@ export declare function useSessionSelector<T>(selector: (snapshot: SessionSnapsh
  *
  * function StatusDot() {
  *   const status = useSessionStatus();
- *   return <span data-state={status}>{AGENT_STATE_LABELS[status]}</span>;
+ *   return <span data-state={status}>{AGENT_STATE_LABELS[status] ?? status}</span>;
  * }
  * ```
  *
@@ -257,7 +258,7 @@ export declare function useSessionError(): SessionError | null;
 export declare function ThemeProvider({ value, children, }: {
     value?: ClientTheme | undefined;
     children?: ReactNode;
-}): import("react").FunctionComponentElement<import("react").ProviderProps<Required<ClientTheme>>>;
+}): ReactElement;
 /**
  * Read the resolved theme (every {@link ClientTheme} field filled with its
  * default) from the nearest theme context. Returns the default theme when no
@@ -281,8 +282,8 @@ export declare function ThemeProvider({ value, children, }: {
  * }
  * ```
  *
- * @returns Every {@link ClientTheme} field, filled in.
+ * @returns Every {@link ClientTheme} field, filled in — a {@link ResolvedClientTheme}.
  *
  * @public
  */
-export declare function useTheme(): Required<ClientTheme>;
+export declare function useTheme(): ResolvedClientTheme;

package/dist/context.js

@@ -219,7 +219,7 @@ const selectError = (s) => s.error;
 *
 * function StatusDot() {
 *   const status = useSessionStatus();
-*   return <span data-state={status}>{AGENT_STATE_LABELS[status]}</span>;
+*   return <span data-state={status}>{AGENT_STATE_LABELS[status] ?? status}</span>;
 * }
 * ```
 *
@@ -371,7 +371,7 @@ function useThemeStyles(theme) {
 * }
 * ```
 *
-* @returns Every {@link ClientTheme} field, filled in.
+* @returns Every {@link ClientTheme} field, filled in — a {@link ResolvedClientTheme}.
 *
 * @public
 */

package/dist/default-client/assets/{audio-DzwGxdv4.js → audio-Ct7JpSNT.js}

@@ -1 +1 @@
-import{a as e,i as t,t as n}from"./index-BOTLwsNO.js";var r={echoCancellation:!0,noiseSuppression:!1,autoGainControl:!1,voiceIsolation:!1};function i(e,t,n){if(e!==t)throw Error(`Browser refused the ${n} sample rate: asked for ${t} Hz, got ${e} Hz`)}function a(e){let t=Error(`Audio ${e} worklet crashed`);return console.error(`[aai-ui]`,t.message),t}function o(e){e.then(e=>{for(let t of e.getTracks())t.stop()}).catch(()=>{})}function s(e,t,n){let r=new AudioWorkletNode(e,`capture-processor`,{channelCount:1,channelCountMode:`explicit`}),i=null;return r.port.onmessage=e=>{let r=e.data;r.event===`chunk`&&r.buffer?t(r.buffer):r.event===`silent`?n?.():r.event===`stopped`&&(i?.(),i=null)},{node:r,start(){r.port.postMessage({event:`start`})},stop(){let{promise:e,resolve:t}=Promise.withResolvers(),n=setTimeout(t,250);return i=()=>{clearTimeout(n),t()},r.port.postMessage({event:`stop`}),e}}}async function c(e){let{sampleRate:t,captureWorkletSrc:n,maxSeconds:a}=e,c=new AudioContext({sampleRate:t,latencyHint:`interactive`}),l=navigator.mediaDevices.getUserMedia({audio:{deviceId:{ideal:`default`},...r}}),u;try{[u]=await Promise.all([l,c.resume(),c.audioWorklet.addModule(n)]),i(c.sampleRate,t,`capture`)}catch(e){throw o(l),await c.close().catch(()=>{}),e}let d=Math.round(t*a)*2,f=[],p=0,m=!1,h=null,g=c.createMediaStreamSource(u),_=s(c,e=>{if(h){h.onChunk(e);return}for(f.push(e),p+=e.byteLength;p>d&&f.length>1;)p-=f.shift()?.byteLength??0},()=>{h?h.onSilent?.():m=!0});g.connect(_.node),_.start();let v=()=>{let e=f;return f=[],p=0,e},y=!1,b=async()=>{y||(y=!0,g.disconnect(),_.node.disconnect(),await c.close().catch(e=>{console.warn(`AudioContext close failed:`,e)}))};return{sampleRate:t,stream:u,ctx:c,handOff(e){h=e;let t=v();return t.length>0&&e.onBuffered(t),m&&e.onSilent?.(),{mic:g,capture:_}},async detach(){return await _.stop(),await b(),{chunks:v(),sampleRate:t}},async close(){y||await _.stop();for(let e of u.getTracks())e.stop();await b()}}}function l(e){let t=new Int16Array(e.length);for(let n=0;n<e.length;n++){let r=Math.max(-1,Math.min(1,e[n]??0));t[n]=r<0?r*32768:r*32767}return t.buffer}async function u(e,t,r){let i=e.reduce((e,t)=>e+t.byteLength/2,0);if(i===0)return[];if(t===r)return e;try{let a=Math.round(i*r/t),o=new OfflineAudioContext(1,a,r),s=o.createBuffer(1,i,t),c=s.getChannelData(0),u=0;for(let t of e)for(let e of new Int16Array(t))c[u++]=e/32768;let d=o.createBufferSource();d.buffer=s,d.connect(o.destination),d.start();let f=(await o.startRendering()).getChannelData(0),p=Math.max(1,Math.round(r*n)),m=[];for(let e=0;e<f.length;e+=p)m.push(l(f.subarray(e,e+p)));return m}catch(e){return console.warn(`[aai-ui] pre-connect audio dropped: resample failed`,e),[]}}async function d(e,t,n){let r=e.createMediaStreamSource(t),i=s(e,n.onMicData,n.onMicSilent);if(r.connect(i.node),n.buffered){let{chunks:t,sampleRate:r}=n.buffered,i=await u(t,r,e.sampleRate);i.length>0&&n.onBuffered(i)}return i.start(),{mic:r,capture:i}}async function f(n){let{sttSampleRate:s,ttsSampleRate:c,captureWorkletSrc:l,playbackWorkletSrc:u,onMicData:f,onError:p,onPlaybackStats:m,onPlaybackProgress:h,onMicSilent:g,preConnect:_}=n,v=n.onPreConnectAudio??(e=>{for(let t of e)f(t)}),y=_?.sampleRate===s?_:null,b=_&&!y?await _.detach():null,x=new AudioContext({sampleRate:c,latencyHint:`playback`}),S=!y&&s===c,C=y?.ctx??(S?x:new AudioContext({sampleRate:s,latencyHint:`interactive`}));async function w(){let e=S?[x]:[x,C];await Promise.all(e.map(e=>e.close().catch(e=>{console.warn(`AudioContext close failed:`,e)})))}let T=_?Promise.resolve(_.stream):navigator.mediaDevices.getUserMedia({audio:{deviceId:{ideal:`default`},...r}}),E;try{[E]=await Promise.all([T,x.resume(),C.resume(),y?void 0:C.audioWorklet.addModule(l),x.audioWorklet.addModule(u)]),i(C.sampleRate,s,`capture`),i(x.sampleRate,c,`playback`)}catch(e){throw o(T),await w(),e}let{mic:D,capture:O}=y?y.handOff({onBuffered:v,onChunk:f,onSilent:g}):await d(C,E,{onMicData:f,onMicSilent:g,buffered:b,onBuffered:v});O.node.onprocessorerror=()=>p?.(a(`capture`));let k=null,A=0,j=null,M=new AbortController;function N(){let e=j;j=null,e?.settle()}function P(e){e.stats&&e.stats.concealedSamples>0&&m?.(e.stats),e.reason!==`interrupt`&&(j===null||e.turn===j.turn)&&N()}function F(){if(k)return k;let e=new AudioWorkletNode(x,`playback-processor`);return e.connect(x.destination),e.port.onmessage=e=>{e.data.event===`stop`?P(e.data):e.data.event===`progress`&&h?.(e.data.bufferedMs)},e.onprocessorerror=()=>{let e=a(`playback`);N(),p?.(e)},k=e,e}let I={enqueue(e){M.signal.aborted||e.byteLength!==0&&F().port.postMessage({event:`write`,buffer:new Uint8Array(e)},[e])},done(){if(!k)return Promise.resolve();let n=++A;if(k.port.postMessage({event:`done`,turn:n}),x.state!==`running`)return N(),Promise.resolve();let{promise:r,resolve:i}=Promise.withResolvers();N();let a=()=>{clearInterval(o),clearTimeout(s),j?.settle===a&&(j=null),i()},o=setInterval(()=>{x.state!==`running`&&a()},e),s=setTimeout(a,t);return j={turn:n,settle:a},r},flush(){k&&(N(),k.port.postMessage({event:`interrupt`}))},async close(){if(!M.signal.aborted){M.abort(),await O.stop(),D.disconnect(),O.node.disconnect(),k&&k.disconnect();for(let e of E.getTracks())e.stop();await w()}},async[Symbol.asyncDispose](){await I.close()}};return I}export{f as createVoiceIO,c as openPreConnectCapture};
+import{a as e,i as t,t as n}from"./index-BlUYCTB5.js";var r={echoCancellation:!0,noiseSuppression:!1,autoGainControl:!1,voiceIsolation:!1};function i(e,t,n){if(e!==t)throw Error(`Browser refused the ${n} sample rate: asked for ${t} Hz, got ${e} Hz`)}function a(e){let t=Error(`Audio ${e} worklet crashed`);return console.error(`[aai-ui]`,t.message),t}function o(e){e.then(e=>{for(let t of e.getTracks())t.stop()}).catch(()=>{})}function s(e,t,n){let r=new AudioWorkletNode(e,`capture-processor`,{channelCount:1,channelCountMode:`explicit`}),i=null;return r.port.onmessage=e=>{let r=e.data;r.event===`chunk`&&r.buffer?t(r.buffer):r.event===`silent`?n?.():r.event===`stopped`&&(i?.(),i=null)},{node:r,start(){r.port.postMessage({event:`start`})},stop(){let{promise:e,resolve:t}=Promise.withResolvers(),n=setTimeout(t,250);return i=()=>{clearTimeout(n),t()},r.port.postMessage({event:`stop`}),e}}}async function c(e){let{sampleRate:t,captureWorkletSrc:n,maxSeconds:a}=e,c=new AudioContext({sampleRate:t,latencyHint:`interactive`}),l=navigator.mediaDevices.getUserMedia({audio:{deviceId:{ideal:`default`},...r}}),u;try{[u]=await Promise.all([l,c.resume(),c.audioWorklet.addModule(n)]),i(c.sampleRate,t,`capture`)}catch(e){throw o(l),await c.close().catch(()=>{}),e}let d=Math.round(t*a)*2,f=[],p=0,m=!1,h=null,g=c.createMediaStreamSource(u),_=s(c,e=>{if(h){h.onChunk(e);return}for(f.push(e),p+=e.byteLength;p>d&&f.length>1;)p-=f.shift()?.byteLength??0},()=>{h?h.onSilent?.():m=!0});g.connect(_.node),_.start();let v=()=>{let e=f;return f=[],p=0,e},y=!1,b=async()=>{y||(y=!0,g.disconnect(),_.node.disconnect(),await c.close().catch(e=>{console.warn(`AudioContext close failed:`,e)}))};return{sampleRate:t,stream:u,ctx:c,handOff(e){h=e;let t=v();return t.length>0&&e.onBuffered(t),m&&e.onSilent?.(),{mic:g,capture:_}},async detach(){return await _.stop(),await b(),{chunks:v(),sampleRate:t}},async close(){y||await _.stop();for(let e of u.getTracks())e.stop();await b()}}}function l(e){let t=new Int16Array(e.length);for(let n=0;n<e.length;n++){let r=Math.max(-1,Math.min(1,e[n]??0));t[n]=r<0?r*32768:r*32767}return t.buffer}async function u(e,t,r){let i=e.reduce((e,t)=>e+t.byteLength/2,0);if(i===0)return[];if(t===r)return e;try{let a=Math.round(i*r/t),o=new OfflineAudioContext(1,a,r),s=o.createBuffer(1,i,t),c=s.getChannelData(0),u=0;for(let t of e)for(let e of new Int16Array(t))c[u++]=e/32768;let d=o.createBufferSource();d.buffer=s,d.connect(o.destination),d.start();let f=(await o.startRendering()).getChannelData(0),p=Math.max(1,Math.round(r*n)),m=[];for(let e=0;e<f.length;e+=p)m.push(l(f.subarray(e,e+p)));return m}catch(e){return console.warn(`[aai-ui] pre-connect audio dropped: resample failed`,e),[]}}async function d(e,t,n){let r=e.createMediaStreamSource(t),i=s(e,n.onMicData,n.onMicSilent);if(r.connect(i.node),n.buffered){let{chunks:t,sampleRate:r}=n.buffered,i=await u(t,r,e.sampleRate);i.length>0&&n.onBuffered(i)}return i.start(),{mic:r,capture:i}}async function f(n){let{sttSampleRate:s,ttsSampleRate:c,captureWorkletSrc:l,playbackWorkletSrc:u,onMicData:f,onError:p,onPlaybackStats:m,onPlaybackProgress:h,onMicSilent:g,preConnect:_}=n,v=n.onPreConnectAudio??(e=>{for(let t of e)f(t)}),y=_?.sampleRate===s?_:null,b=_&&!y?await _.detach():null,x=new AudioContext({sampleRate:c,latencyHint:`playback`}),S=!y&&s===c,C=y?.ctx??(S?x:new AudioContext({sampleRate:s,latencyHint:`interactive`}));async function w(){let e=S?[x]:[x,C];await Promise.all(e.map(e=>e.close().catch(e=>{console.warn(`AudioContext close failed:`,e)})))}let T=_?Promise.resolve(_.stream):navigator.mediaDevices.getUserMedia({audio:{deviceId:{ideal:`default`},...r}}),E;try{[E]=await Promise.all([T,x.resume(),C.resume(),y?void 0:C.audioWorklet.addModule(l),x.audioWorklet.addModule(u)]),i(C.sampleRate,s,`capture`),i(x.sampleRate,c,`playback`)}catch(e){throw o(T),await w(),e}let{mic:D,capture:O}=y?y.handOff({onBuffered:v,onChunk:f,onSilent:g}):await d(C,E,{onMicData:f,onMicSilent:g,buffered:b,onBuffered:v});O.node.onprocessorerror=()=>p?.(a(`capture`));let k=null,A=0,j=null,M=new AbortController;function N(){let e=j;j=null,e?.settle()}function P(e){e.stats&&e.stats.concealedSamples>0&&m?.(e.stats),e.reason!==`interrupt`&&(j===null||e.turn===j.turn)&&N()}function F(){if(k)return k;let e=new AudioWorkletNode(x,`playback-processor`);return e.connect(x.destination),e.port.onmessage=e=>{e.data.event===`stop`?P(e.data):e.data.event===`progress`&&h?.(e.data.bufferedMs)},e.onprocessorerror=()=>{let e=a(`playback`);N(),p?.(e)},k=e,e}let I={enqueue(e){M.signal.aborted||e.byteLength!==0&&F().port.postMessage({event:`write`,buffer:new Uint8Array(e)},[e])},done(){if(!k)return Promise.resolve();let n=++A;if(k.port.postMessage({event:`done`,turn:n}),x.state!==`running`)return N(),Promise.resolve();let{promise:r,resolve:i}=Promise.withResolvers();N();let a=()=>{clearInterval(o),clearTimeout(s),j?.settle===a&&(j=null),i()},o=setInterval(()=>{x.state!==`running`&&a()},e),s=setTimeout(a,t);return j={turn:n,settle:a},r},flush(){k&&(N(),k.port.postMessage({event:`interrupt`}))},async close(){if(!M.signal.aborted){M.abort(),await O.stop(),D.disconnect(),O.node.disconnect(),k&&k.disconnect();for(let e of E.getTracks())e.stop();await w()}},async[Symbol.asyncDispose](){await I.close()}};return I}export{f as createVoiceIO,c as openPreConnectCapture};

package/dist/default-client/assets/{capture-processor-CXCWxCO8.js → capture-processor-Cx1AdMHL.js}

@@ -1,4 +1,4 @@
-import{n as e,t}from"./index-BOTLwsNO.js";import{t as n}from"./_module-url-BX0RuRU2.js";var r=`
+import{n as e,t}from"./index-BlUYCTB5.js";import{t as n}from"./_module-url-BX0RuRU2.js";var r=`
 class CaptureProcessor extends AudioWorkletProcessor {
   constructor(options) {
     super();