@threadplane/chat 0.0.47 → 0.0.50

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threadplane/chat",
-  "version": "0.0.47",
+  "version": "0.0.50",
   "exports": {
     "./chat.css": "./chat.css",
     "./themes/default-dark.css": "./themes/default-dark.css",
@@ -30,9 +30,9 @@
     "@threadplane/telemetry": "*"
   },
   "peerDependencies": {
+    "zod": "^3.25.0",
     "@angular/core": "^20.0.0 || ^21.0.0",
     "@angular/common": "^20.0.0 || ^21.0.0",
-    "@angular/forms": "^20.0.0 || ^21.0.0",
     "@angular/platform-browser": "^20.0.0 || ^21.0.0",
     "@threadplane/licensing": "*",
     "@threadplane/render": "*",

package/types/threadplane-chat-testing.d.ts

@@ -1,5 +1,19 @@
 import { Agent, AgentCheckpoint, AgentWithHistory, Message } from '@threadplane/chat';
 
+/**
+ * Shared config for the adapters' `provideFakeAgent()` helpers
+ * (@threadplane/langgraph and @threadplane/ag-ui). Drives an in-process
+ * fake backend that streams a canned assistant reply.
+ */
+interface FakeAgentConfig {
+    /** Assistant reply, streamed token-by-token. */
+    tokens?: string[];
+    /** Optional reasoning chunks emitted before the text reply. */
+    reasoningTokens?: string[];
+    /** Milliseconds between successive token emissions. */
+    delayMs?: number;
+}
+
 /**
  * Runs a suite of contract conformance assertions against a factory that
  * produces a fresh Agent. Adapter packages should call this in their
@@ -36,4 +50,4 @@ declare const REASONING_FIXTURE_EVENTS: AbstractEvent[];
 declare function assertReasoningFixtureMessages(messages: readonly Message[]): void;
 
 export { REASONING_FIXTURE_EVENTS, REASONING_FIXTURE_MESSAGE_ID, REASONING_FIXTURE_REASONING, REASONING_FIXTURE_RESPONSE, assertReasoningFixtureMessages, runAgentConformance, runAgentWithHistoryConformance };
-export type { AbstractEvent };
+export type { AbstractEvent, FakeAgentConfig };

package/types/threadplane-chat.d.ts

@@ -1,18 +1,18 @@
 import * as _angular_core from '@angular/core';
 import { InjectionToken, Signal, TemplateRef, Type, WritableSignal } from '@angular/core';
 import * as _threadplane_render from '@threadplane/render';
-import { AngularRegistry, RenderEvent, ViewRegistry, RenderViewEntry } from '@threadplane/render';
-export { VIEW_REGISTRY, ViewRegistry, provideViews, toRenderRegistry, views, withViews, withoutViews } from '@threadplane/render';
+import { AngularRegistry, StandardSchemaV1, RenderEvent, ViewRegistry, RenderViewEntry, RenderHost, StandardSchemaInferOutput } from '@threadplane/render';
+export { ViewRegistry, toRenderRegistry, views, withViews, withoutViews } from '@threadplane/render';
 import { Observable } from 'rxjs';
 import * as _json_render_core from '@json-render/core';
-import { Spec, StateStore } from '@json-render/core';
+import { StateStore, Spec } from '@json-render/core';
+import * as _threadplane_chat from '@threadplane/chat';
 import { A2uiComponentDef, A2uiSurface, A2uiMessage, A2uiActionMessage } from '@threadplane/a2ui';
 export { A2uiAction, A2uiActionContextEntry, A2uiActionMessage, A2uiChildren, A2uiClientDataModel, A2uiComponent, A2uiComponentDef, A2uiSurface, A2uiTheme, DynamicBoolean, DynamicNumber, DynamicString, isLiteralBoolean, isLiteralNumber, isLiteralString, isPathRef } from '@threadplane/a2ui';
 import { PartialJsonParser } from '@cacheplane/partial-json';
 import { BaseMessage } from '@langchain/core/messages';
 import * as _cacheplane_partial_markdown from '@cacheplane/partial-markdown';
 import { CitationDefinition, MarkdownDocumentNode, MarkdownNode, MarkdownParagraphNode, MarkdownHeadingNode, MarkdownBlockquoteNode, MarkdownListNode, MarkdownListItemNode, MarkdownCodeBlockNode, MarkdownThematicBreakNode, MarkdownTextNode, MarkdownEmphasisNode, MarkdownStrongNode, MarkdownStrikethroughNode, MarkdownInlineCodeNode, MarkdownLinkNode, MarkdownAutolinkNode, MarkdownImageNode, MarkdownSoftBreakNode, MarkdownHardBreakNode, MarkdownCitationReferenceNode, MarkdownTableNode, MarkdownTableRowNode, MarkdownTableCellNode } from '@cacheplane/partial-markdown';
-import * as _threadplane_chat from '@threadplane/chat';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 
 interface ChatConfig {
@@ -210,6 +210,42 @@ interface AgentSubmitOptions {
     signal?: AbortSignal;
 }
 
+/** A client tool spec as shipped to the model / AG-UI RunAgentInput.tools. */
+interface ClientToolSpec {
+    readonly name: string;
+    readonly description: string;
+    readonly parameters: Record<string, unknown>;
+}
+/**
+ * Convert a Standard Schema to a JSON Schema for the model's `parameters`.
+ * Uses Zod's converter; throws a clear error for non-Zod validators (callers
+ * should supply a Zod schema — see the client-tools docs).
+ */
+declare function deriveJsonSchema(toolName: string, schema: StandardSchemaV1): Record<string, unknown>;
+
+/** The outcome of running a client tool. */
+type ClientToolResult = {
+    readonly ok: true;
+    readonly value: unknown;
+} | {
+    readonly ok: false;
+    readonly error: string;
+};
+/**
+ * Optional Agent capability that lets the client declare tools to the model
+ * and return their results. Implemented per-transport by each adapter
+ * (AG-UI: native RunAgentInput.tools + addMessage/re-run; LangGraph: catalog
+ * via run input + ToolMessage re-run).
+ */
+interface ClientToolsCapability {
+    /** Ship the client tool catalog to the model at run start. */
+    setCatalog(specs: readonly ClientToolSpec[]): void;
+    /** Tool calls the model made for client tools that await a client result. */
+    readonly pending: Signal<readonly ToolCall[]>;
+    /** Return a client tool's result (or error) and continue the run. */
+    resolve(toolCallId: string, result: ClientToolResult): void;
+}
+
 /**
  * Runtime-neutral contract chat primitives consume.
  *
@@ -244,6 +280,8 @@ interface Agent {
     regenerate: (assistantMessageIndex: number) => Promise<void>;
     interrupt?: Signal<AgentInterrupt | undefined>;
     subagents?: Signal<Map<string, Subagent>>;
+    /** Optional: client-declared, client-executed tools (see ClientToolsCapability). */
+    clientTools?: ClientToolsCapability;
     events$: Observable<AgentEvent>;
 }
 
@@ -472,6 +510,11 @@ declare class ChatInputComponent {
     constructor();
     focusTextarea(): void;
     onSubmit(): void;
+    /** Sync the textarea's value into the signal on user input. A direct
+     *  [value]/(input) pair is used instead of ngModel: NgModel does not
+     *  reliably write a programmatic clear back to the view under zoneless
+     *  + OnPush, leaving sent text visible in the composer (audit F1). */
+    protected onInput(event: Event): void;
     /** Abort the current streaming response (if the adapter supports it). */
     onStop(): void;
     onKeydown(event: KeyboardEvent): void;
@@ -679,6 +722,36 @@ declare class ChatToolCallsComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChatToolCallsComponent, "chat-tool-calls", never, { "agent": { "alias": "agent"; "required": true; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "grouping": { "alias": "grouping"; "required": false; "isSignal": true; }; "groupSummary": { "alias": "groupSummary"; "required": false; "isSignal": true; }; "excludeToolNames": { "alias": "excludeToolNames"; "required": false; "isSignal": true; }; }, {}, ["templates"], never, true, never>;
 }
 
+/**
+ * Renders a frontend component for a tool call by reusing the chat
+ * composition's `views` registry. A tool call whose `name` matches a
+ * registry key is bridged into a synthetic one-element render spec
+ * (`{ root: name, elements: { [name]: { type: name, props } } }`) and
+ * rendered through the existing render-spec pipeline.
+ *
+ * Props merge the live `args` (present while the call streams) with the
+ * `result` (on completion) and always include `status`, so a view
+ * component can show its own loading/empty/error states. `RenderElement`
+ * filters props down to the component's declared inputs, so extra keys
+ * (and a `status` a component chooses not to declare) are harmless.
+ */
+declare class ChatToolViewsComponent {
+    readonly agent: _angular_core.InputSignal<Agent>;
+    readonly events: _angular_core.OutputEmitterRef<RenderEvent>;
+    readonly message: _angular_core.InputSignal<Message | undefined>;
+    readonly views: _angular_core.InputSignal<Readonly<Record<string, _angular_core.Type<unknown> | _threadplane_render.RenderViewEntry>> | undefined>;
+    readonly store: _angular_core.InputSignal<StateStore | undefined>;
+    readonly handlers: _angular_core.InputSignal<Record<string, (params: Record<string, unknown>) => unknown | Promise<unknown>>>;
+    readonly registry: _angular_core.Signal<_threadplane_render.AngularRegistry | undefined>;
+    readonly toolViews: _angular_core.Signal<{
+        id: string;
+        loading: boolean;
+        spec: Spec;
+    }[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChatToolViewsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChatToolViewsComponent, "chat-tool-views", never, { "agent": { "alias": "agent"; "required": true; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "views": { "alias": "views"; "required": false; "isSignal": true; }; "store": { "alias": "store"; "required": false; "isSignal": true; }; "handlers": { "alias": "handlers"; "required": false; "isSignal": true; }; }, { "events": "events"; }, never, never, true, never>;
+}
+
 declare class ChatSubagentsComponent {
     readonly agent: _angular_core.InputSignal<Agent>;
     readonly templateRef: _angular_core.Signal<TemplateRef<any> | undefined>;
@@ -902,6 +975,17 @@ declare class ChatGenerativeUiComponent {
     readonly handlers: _angular_core.InputSignal<Record<string, (params: Record<string, unknown>) => unknown | Promise<unknown>> | undefined>;
     readonly loading: _angular_core.InputSignal<boolean>;
     readonly events: _angular_core.OutputEmitterRef<RenderEvent>;
+    /** The bound spec with schema-documented `{ statePath }` prop refs
+     * rewritten to engine-native `{ $bindState }` + `_bindings` so values
+     * resolve against the state store instead of interpolating as
+     * "[object Object]" (F4). */
+    protected readonly normalizedSpec: _angular_core.Signal<Spec | null>;
+    /** Last value this component seeded per state path. Lets the seeding
+     * effect distinguish "still the value we wrote (possibly a partial
+     * chunk from streaming — safe to overwrite with the newer one)" from
+     * "user edited it via a bound control — leave it alone". */
+    private readonly seeded;
+    constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChatGenerativeUiComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChatGenerativeUiComponent, "chat-generative-ui", never, { "spec": { "alias": "spec"; "required": false; "isSignal": true; }; "registry": { "alias": "registry"; "required": false; "isSignal": true; }; "store": { "alias": "store"; "required": false; "isSignal": true; }; "handlers": { "alias": "handlers"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, { "events": "events"; }, never, never, true, never>;
 }
@@ -1132,6 +1216,14 @@ interface ChatRenderEvent {
 declare class ChatComponent {
     readonly agent: _angular_core.InputSignal<Agent>;
     readonly views: _angular_core.InputSignal<Readonly<Record<string, _angular_core.Type<unknown> | _threadplane_render.RenderViewEntry>> | undefined>;
+    /**
+     * Client-declared tools (`view`/`ask`/`function`) the model may call. When
+     * provided, a coordinator ships their catalog to the agent, runs `function`
+     * tools in the browser, and renders/resolves `view`/`ask` tools through the
+     * same tool-views pipeline as `views`. Additive — leave undefined for the
+     * classic server-tools-only experience.
+     */
+    readonly clientTools: _angular_core.InputSignal<Readonly<Record<string, _threadplane_chat.ClientToolDef>> | undefined>;
     readonly store: _angular_core.InputSignal<StateStore | undefined>;
     readonly handlers: _angular_core.InputSignal<Record<string, (params: Record<string, unknown>) => unknown | Promise<unknown>>>;
     readonly threads: _angular_core.InputSignal<Thread[]>;
@@ -1180,7 +1272,29 @@ declare class ChatComponent {
     }>;
     private readonly _internalStore;
     readonly resolvedStore: _angular_core.Signal<StateStore | undefined>;
+    /**
+     * Lazily-built client-tools coordinator, memoized on the `clientTools`
+     * registry input. Undefined when no client tools are declared. The
+     * coordinator owns the catalog/executor wiring and the view/ask render
+     * registry; the composition merges and connects it below.
+     */
+    private readonly coordinator;
+    /**
+     * The view registry actually used for rendering tool-views and for
+     * excluding view-backed tool names from default tool-call cards. Merges
+     * the coordinator's `view`/`ask` components (keyed by tool name) into the
+     * user-supplied `views()` so client-declared component tools render through
+     * the same pipeline. Falls back to `views()` when no client tools exist.
+     */
+    protected readonly effectiveViews: _angular_core.Signal<Readonly<Record<string, _angular_core.Type<unknown> | _threadplane_render.RenderViewEntry>> | undefined>;
     readonly renderRegistry: _angular_core.Signal<_threadplane_render.AngularRegistry | undefined>;
+    /** Tool names that have a registered view (keys of the effective view
+     *  registry, including client-declared view/ask tools). These render as
+     *  inline tool-views and are excluded from the default tool-call card so
+     *  they don't render twice. */
+    readonly viewToolNames: _angular_core.Signal<readonly string[]>;
+    /** Union of GenUI dispatcher tool names and registered view tool names. */
+    readonly excludedToolNames: _angular_core.Signal<readonly string[]>;
     readonly messageContent: typeof messageContent;
     /**
      * Renderable content for a human-role message bubble. Most human
@@ -1189,7 +1303,7 @@ declare class ChatComponent {
      * on a rendered surface) flow through the same submit channel and
      * land in the message stream as a HumanMessage whose content is a
      * JSON-serialized `A2uiActionMessage`. Showing the raw JSON as if
-     * the user typed it leaks the protocol; per the A2UI v0.9 spec
+     * the user typed it leaks the protocol; per the A2UI spec
      * those events resemble tool calls more than user utterances.
      *
      * `a2uiActionLabel` returns a short human-readable label for
@@ -1207,6 +1321,7 @@ declare class ChatComponent {
     protected isReasoningStreaming(message: Message, index: number): boolean;
     private readonly classifiers;
     private readonly destroyRef;
+    private readonly injector;
     private readonly lifecycle;
     private eventsSubscribed;
     /**
@@ -1288,6 +1403,13 @@ declare class ChatComponent {
     }): ContentClassifier;
     clearClassifiers(): void;
     onSpecEvent(event: RenderEvent, messageIndex: number): void;
+    /**
+     * Forwards a render event bubbled up from a `<chat-tool-views>` component
+     * (a client-declared `view`/`ask` tool's rendered UI) to the client-tools
+     * coordinator. The coordinator resolves the matching pending `ask` tool call
+     * when the event is a `result`. No-op when no client tools are wired.
+     */
+    protected onClientToolEvent(event: RenderEvent): void;
     onA2uiAction(message: A2uiActionMessage): void;
     onA2uiEvent(event: RenderEvent, messageIndex: number, surfaceId: string): void;
     /** Regenerate the assistant response at the given message index. */
@@ -1295,7 +1417,7 @@ declare class ChatComponent {
     onRate(message: unknown, value: 'up' | 'down'): void;
     onCopy(message: unknown, content: string): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChatComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChatComponent, "chat", never, { "agent": { "alias": "agent"; "required": true; "isSignal": true; }; "views": { "alias": "views"; "required": false; "isSignal": true; }; "store": { "alias": "store"; "required": false; "isSignal": true; }; "handlers": { "alias": "handlers"; "required": false; "isSignal": true; }; "threads": { "alias": "threads"; "required": false; "isSignal": true; }; "activeThreadId": { "alias": "activeThreadId"; "required": false; "isSignal": true; }; "welcomeDisabled": { "alias": "welcomeDisabled"; "required": false; "isSignal": true; }; "modelOptions": { "alias": "modelOptions"; "required": false; "isSignal": true; }; "showModelPicker": { "alias": "showModelPicker"; "required": false; "isSignal": true; }; "selectedModel": { "alias": "selectedModel"; "required": false; "isSignal": true; }; "modelPickerPlaceholder": { "alias": "modelPickerPlaceholder"; "required": false; "isSignal": true; }; "genuiToolNames": { "alias": "genuiToolNames"; "required": false; "isSignal": true; }; }, { "selectedModel": "selectedModelChange"; "threadSelected": "threadSelected"; "renderEvent": "renderEvent"; "regenerate": "regenerate"; "rate": "rate"; "messageCopy": "messageCopy"; }, never, ["[chatWelcomeSuggestions]", "[chatHeader]", "[chatToolCallTemplate]", "[chatInputModelSelect]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChatComponent, "chat", never, { "agent": { "alias": "agent"; "required": true; "isSignal": true; }; "views": { "alias": "views"; "required": false; "isSignal": true; }; "clientTools": { "alias": "clientTools"; "required": false; "isSignal": true; }; "store": { "alias": "store"; "required": false; "isSignal": true; }; "handlers": { "alias": "handlers"; "required": false; "isSignal": true; }; "threads": { "alias": "threads"; "required": false; "isSignal": true; }; "activeThreadId": { "alias": "activeThreadId"; "required": false; "isSignal": true; }; "welcomeDisabled": { "alias": "welcomeDisabled"; "required": false; "isSignal": true; }; "modelOptions": { "alias": "modelOptions"; "required": false; "isSignal": true; }; "showModelPicker": { "alias": "showModelPicker"; "required": false; "isSignal": true; }; "selectedModel": { "alias": "selectedModel"; "required": false; "isSignal": true; }; "modelPickerPlaceholder": { "alias": "modelPickerPlaceholder"; "required": false; "isSignal": true; }; "genuiToolNames": { "alias": "genuiToolNames"; "required": false; "isSignal": true; }; }, { "selectedModel": "selectedModelChange"; "threadSelected": "threadSelected"; "renderEvent": "renderEvent"; "regenerate": "regenerate"; "rate": "rate"; "messageCopy": "messageCopy"; }, never, ["[chatWelcomeSuggestions]", "[chatHeader]", "[chatToolCallTemplate]", "[chatInputModelSelect]"], true, never>;
 }
 
 declare class ChatPopupComponent {
@@ -1304,6 +1426,8 @@ declare class ChatPopupComponent {
      * messages classified as A2UI parse correctly but never mount a
      * surface. Pass `a2uiBasicCatalog()` from `@threadplane/chat`. */
     readonly views: _angular_core.InputSignal<Readonly<Record<string, _angular_core.Type<unknown> | _threadplane_render.RenderViewEntry>> | undefined>;
+    /** Frontend-declared client tools forwarded to the inner `<chat>`. */
+    readonly clientTools: _angular_core.InputSignal<Readonly<Record<string, _threadplane_chat.ClientToolDef>> | undefined>;
     /** Forwarded to the inner <chat>. When non-empty, a model picker pill
      * renders in the chat-input chrome. */
     readonly modelOptions: _angular_core.InputSignal<readonly ChatSelectOption[]>;
@@ -1333,7 +1457,7 @@ declare class ChatPopupComponent {
     openWindow(): void;
     closeWindow(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChatPopupComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChatPopupComponent, "chat-popup", never, { "agent": { "alias": "agent"; "required": true; "isSignal": true; }; "views": { "alias": "views"; "required": false; "isSignal": true; }; "modelOptions": { "alias": "modelOptions"; "required": false; "isSignal": true; }; "showModelPicker": { "alias": "showModelPicker"; "required": false; "isSignal": true; }; "selectedModel": { "alias": "selectedModel"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "shortcut": { "alias": "shortcut"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; }, { "selectedModel": "selectedModelChange"; "open": "openChange"; }, never, ["[chatHeader]", "[chatWelcomeSuggestions]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChatPopupComponent, "chat-popup", never, { "agent": { "alias": "agent"; "required": true; "isSignal": true; }; "views": { "alias": "views"; "required": false; "isSignal": true; }; "clientTools": { "alias": "clientTools"; "required": false; "isSignal": true; }; "modelOptions": { "alias": "modelOptions"; "required": false; "isSignal": true; }; "showModelPicker": { "alias": "showModelPicker"; "required": false; "isSignal": true; }; "selectedModel": { "alias": "selectedModel"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "shortcut": { "alias": "shortcut"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; }, { "selectedModel": "selectedModelChange"; "open": "openChange"; }, never, ["[chatHeader]", "[chatWelcomeSuggestions]"], true, never>;
 }
 
 declare class ChatSidebarComponent {
@@ -1342,6 +1466,8 @@ declare class ChatSidebarComponent {
      * messages classified as A2UI parse correctly but never mount a
      * surface. Pass `a2uiBasicCatalog()` from `@threadplane/chat`. */
     readonly views: _angular_core.InputSignal<Readonly<Record<string, _angular_core.Type<unknown> | _threadplane_render.RenderViewEntry>> | undefined>;
+    /** Frontend-declared client tools forwarded to the inner `<chat>`. */
+    readonly clientTools: _angular_core.InputSignal<Readonly<Record<string, _threadplane_chat.ClientToolDef>> | undefined>;
     /** Forwarded to the inner <chat>. When non-empty, a model picker pill
      * renders in the chat-input chrome. */
     readonly modelOptions: _angular_core.InputSignal<readonly ChatSelectOption[]>;
@@ -1365,7 +1491,7 @@ declare class ChatSidebarComponent {
     openWindow(): void;
     closeWindow(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChatSidebarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChatSidebarComponent, "chat-sidebar", never, { "agent": { "alias": "agent"; "required": true; "isSignal": true; }; "views": { "alias": "views"; "required": false; "isSignal": true; }; "modelOptions": { "alias": "modelOptions"; "required": false; "isSignal": true; }; "showModelPicker": { "alias": "showModelPicker"; "required": false; "isSignal": true; }; "selectedModel": { "alias": "selectedModel"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "pushContent": { "alias": "pushContent"; "required": false; "isSignal": true; }; }, { "selectedModel": "selectedModelChange"; "open": "openChange"; }, never, ["*", "[chatSidebarPanelTitle]", "[chatHeader]", "[chatWelcomeSuggestions]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChatSidebarComponent, "chat-sidebar", never, { "agent": { "alias": "agent"; "required": true; "isSignal": true; }; "views": { "alias": "views"; "required": false; "isSignal": true; }; "clientTools": { "alias": "clientTools"; "required": false; "isSignal": true; }; "modelOptions": { "alias": "modelOptions"; "required": false; "isSignal": true; }; "showModelPicker": { "alias": "showModelPicker"; "required": false; "isSignal": true; }; "selectedModel": { "alias": "selectedModel"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "pushContent": { "alias": "pushContent"; "required": false; "isSignal": true; }; }, { "selectedModel": "selectedModelChange"; "open": "openChange"; }, never, ["*", "[chatSidebarPanelTitle]", "[chatHeader]", "[chatWelcomeSuggestions]"], true, never>;
 }
 
 declare class ChatTimelineSliderComponent {
@@ -1450,6 +1576,28 @@ declare class ChatInterruptPanelComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChatInterruptPanelComponent, "chat-interrupt-panel", never, { "agent": { "alias": "agent"; "required": true; "isSignal": true; }; }, { "action": "action"; }, never, never, true, never>;
 }
 
+type ChatApprovalAction = 'approve' | 'edit' | 'cancel';
+declare class ChatApprovalCardComponent {
+    readonly agent: _angular_core.InputSignal<Agent>;
+    readonly matchKind: _angular_core.InputSignal<string | undefined>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly showEdit: _angular_core.InputSignal<boolean>;
+    readonly action: _angular_core.OutputEmitterRef<ChatApprovalAction>;
+    protected readonly bodyTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
+    private readonly dialogRef;
+    private readonly interrupt;
+    protected readonly payload: _angular_core.Signal<{
+        kind?: unknown;
+    } | undefined>;
+    constructor();
+    protected emit(action: ChatApprovalAction): void;
+    protected onCancelEvent(ev: Event): void;
+    private closeDialog;
+    protected onDialogClose(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChatApprovalCardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChatApprovalCardComponent, "chat-approval-card", never, { "agent": { "alias": "agent"; "required": true; "isSignal": true; }; "matchKind": { "alias": "matchKind"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "showEdit": { "alias": "showEdit"; "required": false; "isSignal": true; }; }, { "action": "action"; }, ["bodyTemplate"], never, true, never>;
+}
+
 /**
  * Returns a CSS style string for a subagent's status badge.
  * Kept exported for backward compatibility with existing consumers; the
@@ -1526,9 +1674,9 @@ declare const MARKDOWN_VIEW_REGISTRY: InjectionToken<Readonly<Record<string, _an
  * registry. Each child's `type` is looked up in the registry; the resolved
  * component is rendered with `[node]` bound to that child.
  *
- * Identity-preserving: `track $any(child)` keys on the JS reference of the
- * child node. Because @cacheplane/partial-markdown preserves node identity
- * across pushes, unchanged subtrees never re-render.
+ * Position-stable: `track $index` avoids NG0956 re-creation warnings that
+ * occur when the markdown pipeline re-parses content on every stream delta,
+ * producing new child object references even for unchanged nodes.
  */
 declare class MarkdownChildrenComponent {
     readonly parent: _angular_core.InputSignal<MarkdownNode>;
@@ -1859,14 +2007,15 @@ declare function buildA2uiActionMessage(params: Record<string, unknown>, surface
 
 declare function a2uiBasicCatalog(): ViewRegistry;
 
-/** Emits a data model binding event if the prop has a binding path. */
-declare function emitBinding(emit: (event: string) => void, bindings: Record<string, string> | undefined, prop: string, value: unknown): void;
+/** Writes a typed value to the render state store if the prop has a binding path. */
+declare function emitBinding(host: RenderHost, bindings: Record<string, string> | undefined, prop: string, value: unknown): void;
 
 /** v1 textFieldType values from A2uiTextField. */
 type TextFieldType = 'date' | 'longText' | 'number' | 'shortText' | 'obscured';
 declare class A2uiTextFieldComponent {
     private static _idCounter;
     protected readonly _inputId: string;
+    private readonly host;
     readonly label: _angular_core.InputSignal<string>;
     /** v1 prop: text (resolved string value). */
     readonly text: _angular_core.InputSignal<string>;
@@ -1876,7 +2025,6 @@ declare class A2uiTextFieldComponent {
     readonly textFieldType: _angular_core.InputSignal<TextFieldType>;
     readonly validationRegexp: _angular_core.InputSignal<string>;
     readonly _bindings: _angular_core.InputSignal<Record<string, string>>;
-    readonly emit: _angular_core.InputSignal<(event: string) => void>;
     readonly bindings: _angular_core.InputSignal<Record<string, string>>;
     readonly loading: _angular_core.InputSignal<boolean>;
     readonly childKeys: _angular_core.InputSignal<string[]>;
@@ -1884,17 +2032,17 @@ declare class A2uiTextFieldComponent {
     protected readonly htmlInputType: _angular_core.Signal<string>;
     onInput(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<A2uiTextFieldComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<A2uiTextFieldComponent, "a2ui-text-field", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "textFieldType": { "alias": "textFieldType"; "required": false; "isSignal": true; }; "validationRegexp": { "alias": "validationRegexp"; "required": false; "isSignal": true; }; "_bindings": { "alias": "_bindings"; "required": false; "isSignal": true; }; "emit": { "alias": "emit"; "required": false; "isSignal": true; }; "bindings": { "alias": "bindings"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "childKeys": { "alias": "childKeys"; "required": false; "isSignal": true; }; "spec": { "alias": "spec"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<A2uiTextFieldComponent, "a2ui-text-field", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "textFieldType": { "alias": "textFieldType"; "required": false; "isSignal": true; }; "validationRegexp": { "alias": "validationRegexp"; "required": false; "isSignal": true; }; "_bindings": { "alias": "_bindings"; "required": false; "isSignal": true; }; "bindings": { "alias": "bindings"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "childKeys": { "alias": "childKeys"; "required": false; "isSignal": true; }; "spec": { "alias": "spec"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class A2uiCheckBoxComponent {
+    private readonly host;
     readonly label: _angular_core.InputSignal<string>;
     /** v1 canonical prop: boolean checked state. */
     readonly value: _angular_core.InputSignal<boolean | undefined>;
     /** Pre-v1 alias retained for back-compat. */
     readonly checked: _angular_core.InputSignal<boolean>;
     readonly _bindings: _angular_core.InputSignal<Record<string, string>>;
-    readonly emit: _angular_core.InputSignal<(event: string) => void>;
     readonly bindings: _angular_core.InputSignal<Record<string, string>>;
     readonly loading: _angular_core.InputSignal<boolean>;
     readonly childKeys: _angular_core.InputSignal<string[]>;
@@ -1902,7 +2050,7 @@ declare class A2uiCheckBoxComponent {
     protected readonly effectiveValue: _angular_core.Signal<boolean>;
     onChange(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<A2uiCheckBoxComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<A2uiCheckBoxComponent, "a2ui-check-box", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "_bindings": { "alias": "_bindings"; "required": false; "isSignal": true; }; "emit": { "alias": "emit"; "required": false; "isSignal": true; }; "bindings": { "alias": "bindings"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "childKeys": { "alias": "childKeys"; "required": false; "isSignal": true; }; "spec": { "alias": "spec"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<A2uiCheckBoxComponent, "a2ui-check-box", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "_bindings": { "alias": "_bindings"; "required": false; "isSignal": true; }; "bindings": { "alias": "bindings"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "childKeys": { "alias": "childKeys"; "required": false; "isSignal": true; }; "spec": { "alias": "spec"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class A2uiButtonComponent {
@@ -1925,6 +2073,7 @@ interface ResolvedOption {
     value: string;
 }
 declare class A2uiMultipleChoiceComponent {
+    private readonly host;
     readonly label: _angular_core.InputSignal<string>;
     /** Resolved current selections from surface-to-spec. Normalized in
      * `selectionsArray` because LLMs sometimes seed the data model with a
@@ -1937,7 +2086,6 @@ declare class A2uiMultipleChoiceComponent {
     /** When ≤ 1 — render as single-select <select>; otherwise multi-select checkboxes. */
     readonly maxAllowedSelections: _angular_core.InputSignal<number>;
     readonly _bindings: _angular_core.InputSignal<Record<string, string>>;
-    readonly emit: _angular_core.InputSignal<(event: string) => void>;
     readonly bindings: _angular_core.InputSignal<Record<string, string>>;
     readonly loading: _angular_core.InputSignal<boolean>;
     readonly childKeys: _angular_core.InputSignal<string[]>;
@@ -1947,12 +2095,13 @@ declare class A2uiMultipleChoiceComponent {
     onSelectChange(event: Event): void;
     onCheckChange(value: string, event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<A2uiMultipleChoiceComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<A2uiMultipleChoiceComponent, "a2ui-multiple-choice", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "selections": { "alias": "selections"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "maxAllowedSelections": { "alias": "maxAllowedSelections"; "required": false; "isSignal": true; }; "_bindings": { "alias": "_bindings"; "required": false; "isSignal": true; }; "emit": { "alias": "emit"; "required": false; "isSignal": true; }; "bindings": { "alias": "bindings"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "childKeys": { "alias": "childKeys"; "required": false; "isSignal": true; }; "spec": { "alias": "spec"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<A2uiMultipleChoiceComponent, "a2ui-multiple-choice", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "selections": { "alias": "selections"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "maxAllowedSelections": { "alias": "maxAllowedSelections"; "required": false; "isSignal": true; }; "_bindings": { "alias": "_bindings"; "required": false; "isSignal": true; }; "bindings": { "alias": "bindings"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "childKeys": { "alias": "childKeys"; "required": false; "isSignal": true; }; "spec": { "alias": "spec"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class A2uiSliderComponent {
     private static _idCounter;
     protected readonly _inputId: string;
+    private readonly host;
     readonly label: _angular_core.InputSignal<string>;
     /** v1 prop: value (resolved DynamicNumber). */
     readonly value: _angular_core.InputSignal<number>;
@@ -1962,19 +2111,19 @@ declare class A2uiSliderComponent {
     readonly maxValue: _angular_core.InputSignal<number>;
     readonly step: _angular_core.InputSignal<number>;
     readonly _bindings: _angular_core.InputSignal<Record<string, string>>;
-    readonly emit: _angular_core.InputSignal<(event: string) => void>;
     readonly bindings: _angular_core.InputSignal<Record<string, string>>;
     readonly loading: _angular_core.InputSignal<boolean>;
     readonly childKeys: _angular_core.InputSignal<string[]>;
     readonly spec: _angular_core.InputSignal<Spec | undefined>;
     onInput(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<A2uiSliderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<A2uiSliderComponent, "a2ui-slider", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "_bindings": { "alias": "_bindings"; "required": false; "isSignal": true; }; "emit": { "alias": "emit"; "required": false; "isSignal": true; }; "bindings": { "alias": "bindings"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "childKeys": { "alias": "childKeys"; "required": false; "isSignal": true; }; "spec": { "alias": "spec"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<A2uiSliderComponent, "a2ui-slider", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "_bindings": { "alias": "_bindings"; "required": false; "isSignal": true; }; "bindings": { "alias": "bindings"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "childKeys": { "alias": "childKeys"; "required": false; "isSignal": true; }; "spec": { "alias": "spec"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class A2uiDateTimeInputComponent {
     private static _idCounter;
     protected readonly _inputId: string;
+    private readonly host;
     readonly label: _angular_core.InputSignal<string>;
     /** v1 prop: value (resolved DynamicString). */
     readonly value: _angular_core.InputSignal<string>;
@@ -1983,7 +2132,6 @@ declare class A2uiDateTimeInputComponent {
     /** v1 prop: enableTime — include time portion. */
     readonly enableTime: _angular_core.InputSignal<boolean>;
     readonly _bindings: _angular_core.InputSignal<Record<string, string>>;
-    readonly emit: _angular_core.InputSignal<(event: string) => void>;
     readonly bindings: _angular_core.InputSignal<Record<string, string>>;
     readonly loading: _angular_core.InputSignal<boolean>;
     readonly childKeys: _angular_core.InputSignal<string[]>;
@@ -1992,7 +2140,7 @@ declare class A2uiDateTimeInputComponent {
     protected readonly htmlInputType: _angular_core.Signal<string>;
     onChange(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<A2uiDateTimeInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<A2uiDateTimeInputComponent, "a2ui-date-time-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "enableDate": { "alias": "enableDate"; "required": false; "isSignal": true; }; "enableTime": { "alias": "enableTime"; "required": false; "isSignal": true; }; "_bindings": { "alias": "_bindings"; "required": false; "isSignal": true; }; "emit": { "alias": "emit"; "required": false; "isSignal": true; }; "bindings": { "alias": "bindings"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "childKeys": { "alias": "childKeys"; "required": false; "isSignal": true; }; "spec": { "alias": "spec"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<A2uiDateTimeInputComponent, "a2ui-date-time-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "enableDate": { "alias": "enableDate"; "required": false; "isSignal": true; }; "enableTime": { "alias": "enableTime"; "required": false; "isSignal": true; }; "_bindings": { "alias": "_bindings"; "required": false; "isSignal": true; }; "bindings": { "alias": "bindings"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "childKeys": { "alias": "childKeys"; "required": false; "isSignal": true; }; "spec": { "alias": "spec"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 type UsageHint = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'caption' | 'body';
@@ -2200,6 +2348,71 @@ declare class A2uiVideoComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<A2uiVideoComponent, "a2ui-video", never, { "url": { "alias": "url"; "required": false; "isSignal": true; }; "autoPlay": { "alias": "autoPlay"; "required": false; "isSignal": true; }; "controls": { "alias": "controls"; "required": false; "isSignal": true; }; "bindings": { "alias": "bindings"; "required": false; "isSignal": true; }; "emit": { "alias": "emit"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "childKeys": { "alias": "childKeys"; "required": false; "isSignal": true; }; "spec": { "alias": "spec"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+/** A client tool the model can call; executed in the browser. */
+type ClientToolDef = FunctionToolDef | ViewToolDef | AskToolDef;
+interface FunctionToolDef<S extends StandardSchemaV1 = StandardSchemaV1> {
+    readonly kind: 'function';
+    readonly description: string;
+    readonly schema: S;
+    readonly handler: (args: StandardSchemaInferOutput<S>) => unknown | Promise<unknown>;
+}
+interface ViewToolDef {
+    readonly kind: 'view';
+    readonly description: string;
+    readonly schema: StandardSchemaV1;
+    readonly component: Type<unknown>;
+}
+interface AskToolDef {
+    readonly kind: 'ask';
+    readonly description: string;
+    readonly schema: StandardSchemaV1;
+    readonly component: Type<unknown>;
+}
+/** A frozen, name-keyed registry of client tools. */
+type ClientToolRegistry = Readonly<Record<string, ClientToolDef>>;
+
+/** Async function tool — its resolved return value becomes the tool result. */
+declare function action<S extends StandardSchemaV1>(description: string, schema: S, handler: (args: StandardSchemaInferOutput<S>) => unknown | Promise<unknown>): FunctionToolDef<S>;
+/** Render-only component tool — the model fills its props; auto-acknowledged. */
+declare function view(description: string, schema: StandardSchemaV1, component: Type<unknown>): ClientToolDef;
+/** Interactive (HITL) component tool — the value it emits becomes the result. */
+declare function ask(description: string, schema: StandardSchemaV1, component: Type<unknown>): ClientToolDef;
+/** Collect named client tools into a frozen registry (the key is the tool name). */
+declare function tools(map: Record<string, ClientToolDef>): ClientToolRegistry;
+
+/** Validate raw model args against a Standard Schema. */
+declare function validateArgs(schema: StandardSchemaV1, args: unknown): Promise<{
+    ok: true;
+    value: unknown;
+} | {
+    ok: false;
+    error: string;
+}>;
+/** Validate args, run the handler, and normalize the outcome to a ClientToolResult. */
+declare function executeFunctionTool(def: FunctionToolDef, rawArgs: unknown): Promise<ClientToolResult>;
+
+/**
+ * Watches the agent's pending client tool calls and auto-runs FUNCTION tools,
+ * resolving each with its result. View/ask (component) tools are handled by the
+ * rendering layer, not here. No-op if the agent lacks the clientTools
+ * capability. MUST be called in an injection context (sets up an effect).
+ */
+declare function startClientToolExecutor(agent: Agent, registry: ClientToolRegistry): void;
+
+interface ClientToolsCoordinator {
+    /** Components for `view`/`ask` tools, keyed by tool name — merge into the chat `views`. */
+    readonly viewRegistry: ViewRegistry;
+    /** Wire the coordinator to an agent: ship the catalog, run function tools, auto-ack view tools.
+     *  MUST be called inside an injection context (sets up effects). Safe no-op if the agent lacks
+     *  the clientTools capability. */
+    connect(agent: Agent): void;
+    /** Handle a render event bubbled up from a mounted view/ask component (resolves `ask` results). */
+    handleRenderEvent(agent: Agent, event: RenderEvent): void;
+}
+/** Build the catalog spec list shipped to the model. */
+declare function toClientToolSpecs(registry: ClientToolRegistry): ClientToolSpec[];
+declare function createClientToolsCoordinator(registry: ClientToolRegistry): ClientToolsCoordinator;
+
 interface MockAgent extends Agent {
     messages: WritableSignal<Message[]>;
     status: WritableSignal<AgentStatus>;
@@ -2251,5 +2464,5 @@ interface MockAgentOptions {
 }
 declare function mockAgent(opts?: MockAgentOptions): MockAgent;
 
-export { A2uiAudioPlayerComponent, A2uiButtonComponent, A2uiCardComponent, A2uiCheckBoxComponent, A2uiColumnComponent, A2uiDateTimeInputComponent, A2uiDividerComponent, A2uiIconComponent, A2uiImageComponent, A2uiListComponent, A2uiModalComponent, A2uiMultipleChoiceComponent, A2uiRowComponent, A2uiSliderComponent, A2uiSurfaceComponent, A2uiTabsComponent, A2uiTextComponent, A2uiTextFieldComponent, A2uiVideoComponent, CHAT_CONFIG, CHAT_LIFECYCLE, CHAT_MARKDOWN_STYLES, ChatCitationCardTemplateDirective, ChatCitationsCardComponent, ChatCitationsComponent, ChatComponent, ChatConfirmDialogComponent, ChatErrorComponent, ChatGenerativeUiComponent, ChatGenuiSkeletonComponent, ChatHistorySearchPaletteComponent, ChatInputComponent, ChatInterruptComponent, ChatInterruptPanelComponent, ChatLauncherButtonComponent, ChatMessageActionsComponent, ChatMessageComponent, ChatMessageListComponent, ChatOverflowMenuComponent, ChatPopupComponent, ChatProjectListComponent, ChatReasoningComponent, ChatScrollBubbleComponent, ChatSelectComponent, ChatSidebarComponent, ChatSidenavComponent, ChatSidenavScrimComponent, ChatStreamingMdComponent, ChatSubagentCardComponent, ChatSubagentsComponent, ChatSuggestionsComponent, ChatThreadListComponent, ChatTimelineComponent, ChatTimelineSliderComponent, ChatToolCallCardComponent, ChatToolCallTemplateDirective, ChatToolCallsComponent, ChatTraceComponent, ChatTypingIndicatorComponent, ChatWelcomeComponent, ChatWelcomeSuggestionComponent, ChatWindowComponent, CitationsResolverService, ICON_AGENT, ICON_CHECK, ICON_CHEVRON_DOWN, ICON_CHEVRON_UP, ICON_SEND, ICON_TOOL, ICON_WARNING, IS_HEADER_ROW, MARKDOWN_VIEW_REGISTRY, MarkdownAutolinkComponent, MarkdownBlockquoteComponent, MarkdownChildrenComponent, MarkdownCitationReferenceComponent, MarkdownCodeBlockComponent, MarkdownDocumentComponent, MarkdownEmphasisComponent, MarkdownHardBreakComponent, MarkdownHeadingComponent, MarkdownImageComponent, MarkdownInlineCodeComponent, MarkdownLinkComponent, MarkdownListComponent, MarkdownListItemComponent, MarkdownParagraphComponent, MarkdownSoftBreakComponent, MarkdownStrikethroughComponent, MarkdownStrongComponent, MarkdownTableCellComponent, MarkdownTableComponent, MarkdownTableRowComponent, MarkdownTextComponent, MarkdownThematicBreakComponent, MessageTemplateDirective, a2uiBasicCatalog, buildA2uiActionMessage, cacheplaneMarkdownViews, createA2uiSurfaceStore, createContentClassifier, createParseTreeStore, createPartialArgsBridge, emitBinding, extractErrorMessage, formatDuration, getInterrupt, getMessageType, isAssistantMessage, isSystemMessage, isToolMessage, isTyping, isUserMessage, messageContent, mockAgent, normalizeEnvelopeArgs, normalizeViewEntry, provideChat, renderMarkdown, statusColor, submitMessage, surfaceToSpec };
-export type { A2uiComponentView, A2uiSurfaceState, A2uiSurfaceStore, A2uiViewEntry, A2uiViews, Agent, AgentCheckpoint, AgentCustomEvent, AgentEvent, AgentInterrupt, AgentRuntimeTelemetryEvent, AgentRuntimeTelemetryPayload, AgentRuntimeTelemetryProperties, AgentRuntimeTelemetrySink, AgentStateUpdateEvent, AgentStatus, AgentSubmitInput, AgentSubmitOptions, AgentWithHistory, ChatConfig, ChatLifecycle, ChatMessageRole, ChatRenderEvent, ChatScrollBubbleMode, ChatSelectOption, ChatSidenavMode, ChatToolCallTemplateContext, Citation, ContentBlock, ContentClassifier, ContentType, ElementAccumulationState, InterruptAction, Message, MessageTemplateType, MockAgent, MockAgentOptions, OverflowMenuItem, ParseTreeStore, PartialArgsBridge, Project, ProjectActionAdapter, ResolvedCitation, Role, Subagent, SubagentStatus, Thread, ThreadActionAdapter, ThreadMatch, ToolCall, ToolCallInfo, ToolCallStatus, TraceState };
+export { A2uiAudioPlayerComponent, A2uiButtonComponent, A2uiCardComponent, A2uiCheckBoxComponent, A2uiColumnComponent, A2uiDateTimeInputComponent, A2uiDividerComponent, A2uiIconComponent, A2uiImageComponent, A2uiListComponent, A2uiModalComponent, A2uiMultipleChoiceComponent, A2uiRowComponent, A2uiSliderComponent, A2uiSurfaceComponent, A2uiTabsComponent, A2uiTextComponent, A2uiTextFieldComponent, A2uiVideoComponent, CHAT_CONFIG, CHAT_LIFECYCLE, CHAT_MARKDOWN_STYLES, ChatApprovalCardComponent, ChatCitationCardTemplateDirective, ChatCitationsCardComponent, ChatCitationsComponent, ChatComponent, ChatConfirmDialogComponent, ChatErrorComponent, ChatGenerativeUiComponent, ChatGenuiSkeletonComponent, ChatHistorySearchPaletteComponent, ChatInputComponent, ChatInterruptComponent, ChatInterruptPanelComponent, ChatLauncherButtonComponent, ChatMessageActionsComponent, ChatMessageComponent, ChatMessageListComponent, ChatOverflowMenuComponent, ChatPopupComponent, ChatProjectListComponent, ChatReasoningComponent, ChatScrollBubbleComponent, ChatSelectComponent, ChatSidebarComponent, ChatSidenavComponent, ChatSidenavScrimComponent, ChatStreamingMdComponent, ChatSubagentCardComponent, ChatSubagentsComponent, ChatSuggestionsComponent, ChatThreadListComponent, ChatTimelineComponent, ChatTimelineSliderComponent, ChatToolCallCardComponent, ChatToolCallTemplateDirective, ChatToolCallsComponent, ChatToolViewsComponent, ChatTraceComponent, ChatTypingIndicatorComponent, ChatWelcomeComponent, ChatWelcomeSuggestionComponent, ChatWindowComponent, CitationsResolverService, ICON_AGENT, ICON_CHECK, ICON_CHEVRON_DOWN, ICON_CHEVRON_UP, ICON_SEND, ICON_TOOL, ICON_WARNING, IS_HEADER_ROW, MARKDOWN_VIEW_REGISTRY, MarkdownAutolinkComponent, MarkdownBlockquoteComponent, MarkdownChildrenComponent, MarkdownCitationReferenceComponent, MarkdownCodeBlockComponent, MarkdownDocumentComponent, MarkdownEmphasisComponent, MarkdownHardBreakComponent, MarkdownHeadingComponent, MarkdownImageComponent, MarkdownInlineCodeComponent, MarkdownLinkComponent, MarkdownListComponent, MarkdownListItemComponent, MarkdownParagraphComponent, MarkdownSoftBreakComponent, MarkdownStrikethroughComponent, MarkdownStrongComponent, MarkdownTableCellComponent, MarkdownTableComponent, MarkdownTableRowComponent, MarkdownTextComponent, MarkdownThematicBreakComponent, MessageTemplateDirective, a2uiBasicCatalog, action, ask, buildA2uiActionMessage, cacheplaneMarkdownViews, createA2uiSurfaceStore, createClientToolsCoordinator, createContentClassifier, createParseTreeStore, createPartialArgsBridge, deriveJsonSchema, emitBinding, executeFunctionTool, extractErrorMessage, formatDuration, getInterrupt, getMessageType, isAssistantMessage, isSystemMessage, isToolMessage, isTyping, isUserMessage, messageContent, mockAgent, normalizeEnvelopeArgs, normalizeViewEntry, provideChat, renderMarkdown, startClientToolExecutor, statusColor, submitMessage, surfaceToSpec, toClientToolSpecs, tools, validateArgs, view };
+export type { A2uiComponentView, A2uiSurfaceState, A2uiSurfaceStore, A2uiViewEntry, A2uiViews, Agent, AgentCheckpoint, AgentCustomEvent, AgentEvent, AgentInterrupt, AgentRuntimeTelemetryEvent, AgentRuntimeTelemetryPayload, AgentRuntimeTelemetryProperties, AgentRuntimeTelemetrySink, AgentStateUpdateEvent, AgentStatus, AgentSubmitInput, AgentSubmitOptions, AgentWithHistory, AskToolDef, ChatApprovalAction, ChatConfig, ChatLifecycle, ChatMessageRole, ChatRenderEvent, ChatScrollBubbleMode, ChatSelectOption, ChatSidenavMode, ChatToolCallTemplateContext, Citation, ClientToolDef, ClientToolRegistry, ClientToolResult, ClientToolSpec, ClientToolsCapability, ClientToolsCoordinator, ContentBlock, ContentClassifier, ContentType, ElementAccumulationState, FunctionToolDef, InterruptAction, Message, MessageTemplateType, MockAgent, MockAgentOptions, OverflowMenuItem, ParseTreeStore, PartialArgsBridge, Project, ProjectActionAdapter, ResolvedCitation, Role, Subagent, SubagentStatus, Thread, ThreadActionAdapter, ThreadMatch, ToolCall, ToolCallInfo, ToolCallStatus, TraceState, ViewToolDef };