@dudousxd/nestjs-agent-react 0.19.0 → 0.21.0

package/dist/index.js

@@ -14,6 +14,11 @@ var AgentHttpError = class extends Error {
     this.name = "AgentHttpError";
   }
 };
+function normalizeAgentPath(path) {
+  const trimmed = (path ?? "agent").replace(/^\/+|\/+$/g, "");
+  return trimmed === "" ? "" : `/${trimmed}`;
+}
+__name(normalizeAgentPath, "normalizeAgentPath");
 var HEADER_RUN_ID = "x-agent-run-id";
 var HEADER_THREAD_ID = "x-agent-thread-id";
 var AgentClient = class {
@@ -24,9 +29,9 @@ var AgentClient = class {
   constructor(options = {}) {
     this.options = options;
   }
-  /** `POST /agent/chat` → the turn's SSE stream. Throws {@link AgentHttpError} on a non-2xx. */
+  /** `POST <path>/chat` → the turn's SSE stream. Throws {@link AgentHttpError} on a non-2xx. */
   async openChatStream(request) {
-    const response = await this.fetchImpl()(`${this.baseUrl()}/agent/chat`, {
+    const response = await this.fetchImpl()(`${this.root()}/chat`, {
       method: "POST",
       headers: {
         "content-type": "application/json",
@@ -41,18 +46,18 @@ var AgentClient = class {
       } : {}
     });
     if (!response.ok || !response.body) {
-      throw new AgentHttpError(response.status, "POST", "/agent/chat", response.statusText);
+      throw new AgentHttpError(response.status, "POST", `${this.agentPath()}/chat`, response.statusText);
     }
     return streamResponse(response);
   }
   /**
-  * `GET /agent/chat/:runId/stream[?after=<seq>]` → the run's SSE stream, or `null` when nothing is
+  * `GET <path>/chat/:runId/stream[?after=<seq>]` → the run's SSE stream, or `null` when nothing is
   * streaming under that id (404).
   */
   async resumeChatStream(request) {
-    const path = `/agent/chat/${encodeURIComponent(request.runId)}/stream`;
+    const path = `/chat/${encodeURIComponent(request.runId)}/stream`;
     const query = request.after !== void 0 && request.after > 0 ? `?after=${request.after}` : "";
-    const response = await this.fetchImpl()(`${this.baseUrl()}${path}${query}`, {
+    const response = await this.fetchImpl()(`${this.root()}${path}${query}`, {
       method: "GET",
       headers: {
         accept: "text/event-stream",
@@ -68,7 +73,7 @@ var AgentClient = class {
       return null;
     }
     if (!response.ok || !response.body) {
-      throw new AgentHttpError(response.status, "GET", path, response.statusText);
+      throw new AgentHttpError(response.status, "GET", `${this.agentPath()}${path}`, response.statusText);
     }
     return streamResponse(response);
   }
@@ -77,10 +82,10 @@ var AgentClient = class {
   * the stored rating.
   */
   setMessageFeedback(messageId, input) {
-    return this.request("POST", `/agent/messages/${encodeURIComponent(messageId)}/feedback`, input);
+    return this.request("POST", `/messages/${encodeURIComponent(messageId)}/feedback`, input);
   }
   listThreads() {
-    return this.request("GET", "/agent/threads");
+    return this.request("GET", "/threads");
   }
   /**
   * The skills this caller can invoke right now, scope-resolved — the same list, built by the same
@@ -90,7 +95,7 @@ var AgentClient = class {
   */
   listSkills(threadId) {
     const query = threadId === void 0 ? "" : `?threadId=${encodeURIComponent(threadId)}`;
-    return this.request("GET", `/agent/skills${query}`);
+    return this.request("GET", `/skills${query}`);
   }
   /**
   * The tools this caller can reach through `agent` (the default agent when omitted), each with the
@@ -99,38 +104,42 @@ var AgentClient = class {
   */
   listTools(agent) {
     const query = agent === void 0 ? "" : `?agent=${encodeURIComponent(agent)}`;
-    return this.request("GET", `/agent/tools${query}`);
+    return this.request("GET", `/tools${query}`);
   }
   getThread(id) {
-    return this.request("GET", `/agent/threads/${encodeURIComponent(id)}`);
+    return this.request("GET", `/threads/${encodeURIComponent(id)}`);
   }
   deleteThread(id) {
-    return this.request("DELETE", `/agent/threads/${encodeURIComponent(id)}`);
+    return this.request("DELETE", `/threads/${encodeURIComponent(id)}`);
   }
   forkFromMessage(threadId, messageId) {
-    return this.request("POST", `/agent/threads/${encodeURIComponent(threadId)}/fork-from/${encodeURIComponent(messageId)}`);
+    return this.request("POST", `/threads/${encodeURIComponent(threadId)}/fork-from/${encodeURIComponent(messageId)}`);
   }
   renameThread(id, title) {
     return this.updateThread(id, {
       title
     });
   }
-  /** General `PATCH /agent/threads/:threadId` — title and/or the thread's pinned default agent. */
+  /** General `PATCH <path>/threads/:threadId` — title and/or the thread's pinned default agent. */
   updateThread(id, patch) {
-    return this.request("PATCH", `/agent/threads/${encodeURIComponent(id)}`, patch);
+    return this.request("PATCH", `/threads/${encodeURIComponent(id)}`, patch);
   }
   /**
   * Uploads a file (image/PDF) for a vision-capable model turn. Multipart, field name `file` —
-  * mirrors the backend's `POST /agent/attachments`. The returned {@link MessageAttachment} is
+  * mirrors the backend's `POST <path>/attachments`. The returned {@link MessageAttachment} is
   * what a caller then rides on `sendMessage({ text }, { body: { attachments: [...] } })`.
   */
   async uploadAttachment(file, options = {}) {
+    const upload = this.options.attachments?.upload;
+    if (upload !== void 0) {
+      return upload(file, options, this.connection());
+    }
     if (options.onProgress !== void 0 && this.options.fetch === void 0 && typeof XMLHttpRequest !== "undefined") {
       return this.uploadWithProgress(file, options);
     }
     const formData = new FormData();
     formData.append("file", file);
-    const response = await this.fetchImpl()(`${this.baseUrl()}/agent/attachments`, {
+    const response = await this.fetchImpl()(`${this.root()}/attachments`, {
       method: "POST",
       headers: {
         accept: "application/json",
@@ -142,7 +151,7 @@ var AgentClient = class {
         signal: options.signal
       } : {}
     });
-    const attachment = await this.handleResponse(response, "POST", "/agent/attachments");
+    const attachment = await this.handleResponse(response, "POST", `${this.agentPath()}/attachments`);
     options.onProgress?.(1);
     return attachment;
   }
@@ -151,7 +160,7 @@ var AgentClient = class {
       accept: "application/json",
       ...await this.resolveHeaders()
     };
-    const url = `${this.baseUrl()}/agent/attachments`;
+    const url = `${this.root()}/attachments`;
     return new Promise((resolve, reject) => {
       const xhr = new XMLHttpRequest();
       xhr.open("POST", url);
@@ -162,7 +171,7 @@ var AgentClient = class {
       };
       xhr.onload = () => {
         if (xhr.status < 200 || xhr.status >= 300) {
-          reject(new AgentHttpError(xhr.status, "POST", "/agent/attachments", xhr.statusText));
+          reject(new AgentHttpError(xhr.status, "POST", `${this.agentPath()}/attachments`, xhr.statusText));
           return;
         }
         onProgress?.(1);
@@ -185,39 +194,39 @@ var AgentClient = class {
     });
   }
   promoteThread(id) {
-    return this.request("POST", `/agent/threads/${encodeURIComponent(id)}/promote`);
+    return this.request("POST", `/threads/${encodeURIComponent(id)}/promote`);
   }
   truncateFromMessage(threadId, messageId) {
-    return this.request("DELETE", `/agent/threads/${encodeURIComponent(threadId)}/from/${encodeURIComponent(messageId)}`);
+    return this.request("DELETE", `/threads/${encodeURIComponent(threadId)}/from/${encodeURIComponent(messageId)}`);
   }
-  /** `GET /agent/models?agent=` — the models this caller may pick, grouped by provider. */
+  /** `GET <path>/models?agent=` — the models this caller may pick, grouped by provider. */
   listModels(agent) {
     const query = agent === void 0 ? "" : `?agent=${encodeURIComponent(agent)}`;
-    return this.request("GET", `/agent/models${query}`);
+    return this.request("GET", `/models${query}`);
   }
-  /** `GET /agent/agents` — the registered agents, the default one flagged. */
+  /** `GET <path>/agents` — the registered agents, the default one flagged. */
   listAgents() {
-    return this.request("GET", "/agent/agents");
+    return this.request("GET", "/agents");
   }
-  /** `GET /agent/quota` — the caller's budget windows and the one blocking sends, if any. */
+  /** `GET <path>/quota` — the caller's budget windows and the one blocking sends, if any. */
   getQuota() {
-    return this.request("GET", "/agent/quota");
+    return this.request("GET", "/quota");
   }
   getQuotaToday() {
-    return this.request("GET", "/agent/quota/today");
+    return this.request("GET", "/quota/today");
   }
   cancelStream(runId) {
-    return this.request("POST", `/agent/chat/${encodeURIComponent(runId)}/cancel`);
+    return this.request("POST", `/chat/${encodeURIComponent(runId)}/cancel`);
   }
   /**
   * `remember` approves later calls of the same tool in the same thread; `via` names the surface
   * the decision came through (the server records `'web'` when omitted).
   */
   approveToolCall(input) {
-    return this.request("POST", "/agent/tool-call/approve", input);
+    return this.request("POST", "/tool-call/approve", input);
   }
   rejectToolCall(input) {
-    return this.request("POST", "/agent/tool-call/reject", input);
+    return this.request("POST", "/tool-call/reject", input);
   }
   /**
   * Settle a parked question set. `answers` is questionId → chosen option values; a question left
@@ -226,7 +235,7 @@ var AgentClient = class {
   * answer — which is the point of the surface, so it is a valid submission rather than a blank.
   */
   answerToolCall(input) {
-    return this.request("POST", "/agent/tool-call/answer", input);
+    return this.request("POST", "/tool-call/answer", input);
   }
   /**
   * Decline to answer and let the agent proceed on its own pre-picked values. Lands on the same
@@ -234,13 +243,30 @@ var AgentClient = class {
   * evidence the user chose them.
   */
   skipToolCall(input) {
-    return this.request("POST", "/agent/tool-call/skip", input);
+    return this.request("POST", "/tool-call/skip", input);
   }
   fetchImpl() {
     return this.options.fetch ?? globalThis.fetch;
   }
+  /** This client's connection, for an {@link AttachmentUploadStrategy}. */
+  connection() {
+    return {
+      baseUrl: this.baseUrl(),
+      path: this.agentPath(),
+      headers: /* @__PURE__ */ __name(() => this.resolveHeaders(), "headers"),
+      fetch: this.fetchImpl(),
+      ...this.credentials()
+    };
+  }
   baseUrl() {
-    return (this.options.baseUrl ?? "").replace(/\/$/, "");
+    return (this.options.baseUrl ?? "").replace(/\/+$/, "");
+  }
+  agentPath() {
+    return normalizeAgentPath(this.options.path);
+  }
+  /** Origin + agent path: what every route hangs off. */
+  root() {
+    return `${this.baseUrl()}${this.agentPath()}`;
   }
   async resolveHeaders() {
     const dynamic = await this.options.getHeaders?.() ?? {};
@@ -254,7 +280,8 @@ var AgentClient = class {
       credentials: this.options.credentials
     } : {};
   }
-  async request(method, path, body) {
+  async request(method, route, body) {
+    const path = `${this.agentPath()}${route}`;
     const response = await this.fetchImpl()(`${this.baseUrl()}${path}`, {
       method,
       headers: {
@@ -385,6 +412,9 @@ var AgentChatTransport = class {
       ...options.baseUrl !== void 0 ? {
         baseUrl: options.baseUrl
       } : {},
+      ...options.path !== void 0 ? {
+        path: options.path
+      } : {},
       ...options.headers !== void 0 ? {
         headers: options.headers
       } : {},
@@ -1090,7 +1120,7 @@ function dragHasFiles(data) {
 __name(dragHasFiles, "dragHasFiles");
 
 // src/attachments/use-attachments.ts
-import { useCallback, useEffect as useEffect2, useMemo, useRef as useRef2, useState as useState2 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect3, useMemo as useMemo4, useRef as useRef3, useState as useState3 } from "react";
 
 // src/backend.ts
 var AgentBackendUnsupportedError = class extends Error {
@@ -1112,6 +1142,570 @@ function requireBackendMethod(backend, name) {
 }
 __name(requireBackendMethod, "requireBackendMethod");
 
+// src/provider.tsx
+import { useContext as useContext3, useMemo as useMemo3, useRef as useRef2 } from "react";
+
+// src/components/ambient-ui.ts
+import { createContext, useContext } from "react";
+function sharedContext(key) {
+  const symbol = Symbol.for(key);
+  const holder = globalThis;
+  const existing = holder[symbol];
+  if (existing !== void 0) return existing;
+  const created = createContext(null);
+  holder[symbol] = created;
+  return created;
+}
+__name(sharedContext, "sharedContext");
+var AmbientRenderUiContext = sharedContext("@dudousxd/nestjs-agent-react:ambient-render-ui");
+function useAmbientRenderUi() {
+  return useContext(AmbientRenderUiContext);
+}
+__name(useAmbientRenderUi, "useAmbientRenderUi");
+
+// src/genui/generative-ui.tsx
+import { Component, createContext as createContext2, useCallback, useContext as useContext2, useMemo as useMemo2 } from "react";
+
+// src/genui/use-generative-ui.ts
+import { useEffect as useEffect2, useMemo, useState as useState2 } from "react";
+
+// src/genui/types.ts
+var GENUI_TREE_COMPONENT = "genui:tree";
+
+// src/genui/use-generative-ui.ts
+function isRecord(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+__name(isRecord, "isRecord");
+function toGenerativeUIItem(part) {
+  if (!isRecord(part)) return null;
+  const source = part.type === "data-ui" && isRecord(part.data) ? part.data : part;
+  if (typeof source.component !== "string") return null;
+  const id = typeof source.id === "string" ? source.id : typeof part.id === "string" ? part.id : null;
+  if (id === null) return null;
+  return {
+    id,
+    component: source.component,
+    props: isRecord(source.props) ? source.props : {},
+    version: typeof source.version === "number" ? source.version : null,
+    toolCallId: typeof source.toolCallId === "string" ? source.toolCallId : null
+  };
+}
+__name(toGenerativeUIItem, "toGenerativeUIItem");
+var resolverCaches = /* @__PURE__ */ new WeakMap();
+function resolveCached(resolve, name, version) {
+  let cache = resolverCaches.get(resolve);
+  if (cache === void 0) {
+    cache = /* @__PURE__ */ new Map();
+    resolverCaches.set(resolve, cache);
+  }
+  const key = `${name}@${version ?? ""}`;
+  const hit = cache.get(key);
+  if (hit !== void 0) return hit;
+  let entry;
+  try {
+    const result = resolve(name, version);
+    if (result instanceof Promise) {
+      entry = {
+        resolution: {
+          status: "loading"
+        },
+        settled: null
+      };
+      entry.settled = result.then((Component2) => {
+        entry.resolution = Component2 ? {
+          status: "ready",
+          Component: Component2
+        } : {
+          status: "unknown"
+        };
+      }, (error) => {
+        entry.resolution = {
+          status: "error",
+          error
+        };
+      });
+    } else {
+      entry = {
+        resolution: result ? {
+          status: "ready",
+          Component: result
+        } : {
+          status: "unknown"
+        },
+        settled: null
+      };
+    }
+  } catch (error) {
+    entry = {
+      resolution: {
+        status: "error",
+        error
+      },
+      settled: null
+    };
+  }
+  cache.set(key, entry);
+  return entry;
+}
+__name(resolveCached, "resolveCached");
+function useResolvedComponent(name, version, registry, resolve, fallbackTree) {
+  const [, setTick] = useState2(0);
+  const own = registry[name];
+  const entry = own !== void 0 || resolve === void 0 ? null : resolveCached(resolve, name, version);
+  const pending = entry?.resolution.status === "loading" ? entry.settled : null;
+  useEffect2(() => {
+    if (pending === null) return;
+    let live = true;
+    void pending.then(() => {
+      if (live) setTick((tick) => tick + 1);
+    });
+    return () => {
+      live = false;
+    };
+  }, [
+    pending
+  ]);
+  if (own !== void 0) return {
+    status: "ready",
+    Component: own
+  };
+  if (entry !== null && entry.resolution.status !== "unknown") return entry.resolution;
+  if (name === GENUI_TREE_COMPONENT && fallbackTree !== void 0) {
+    return {
+      status: "ready",
+      Component: fallbackTree
+    };
+  }
+  return {
+    status: "unknown"
+  };
+}
+__name(useResolvedComponent, "useResolvedComponent");
+function useValidatedProps(catalog, name, props) {
+  const checked = catalog?.has(name) === true;
+  const immediate = useMemo(() => {
+    if (!checked || catalog === void 0) return {
+      status: "ok",
+      props
+    };
+    const result = catalog.validateSync?.(name, props);
+    if (result === void 0) return null;
+    return result.ok ? {
+      status: "ok",
+      props: result.value
+    } : {
+      status: "invalid",
+      issues: result.issues
+    };
+  }, [
+    checked,
+    catalog,
+    name,
+    props
+  ]);
+  const [late, setLate] = useState2(null);
+  useEffect2(() => {
+    if (immediate !== null || catalog === void 0) return;
+    let live = true;
+    catalog.validate(name, props).then((result) => {
+      if (!live) return;
+      setLate({
+        props,
+        result: result.ok ? {
+          status: "ok",
+          props: result.value
+        } : {
+          status: "invalid",
+          issues: result.issues
+        }
+      });
+    }, (error) => {
+      if (!live) return;
+      setLate({
+        props,
+        result: {
+          status: "invalid",
+          issues: [
+            {
+              path: [],
+              message: error instanceof Error ? error.message : String(error)
+            }
+          ]
+        }
+      });
+    });
+    return () => {
+      live = false;
+    };
+  }, [
+    immediate,
+    catalog,
+    name,
+    props
+  ]);
+  if (immediate !== null) return immediate;
+  return late !== null && late.props === props ? late.result : {
+    status: "pending"
+  };
+}
+__name(useValidatedProps, "useValidatedProps");
+function useGenerativeUIState(part, options, fallbackTree) {
+  const item = useMemo(() => toGenerativeUIItem(part), [
+    part
+  ]);
+  const name = item?.component ?? "";
+  const resolution = useResolvedComponent(name, item?.version ?? null, options.registry, item === null ? void 0 : options.resolveComponent, fallbackTree);
+  const empty = useMemo(() => ({}), []);
+  const validation = useValidatedProps(item === null || name === GENUI_TREE_COMPONENT ? void 0 : options.catalog, name, item?.props ?? empty);
+  if (item === null) return null;
+  if (resolution.status === "loading") return {
+    status: "loading",
+    item
+  };
+  if (resolution.status === "unknown") return {
+    status: "problem",
+    reason: "unknown",
+    item
+  };
+  if (resolution.status === "error") {
+    return {
+      status: "problem",
+      reason: "error",
+      item,
+      error: resolution.error
+    };
+  }
+  if (validation.status === "pending") return {
+    status: "loading",
+    item
+  };
+  if (validation.status === "invalid") {
+    return {
+      status: "problem",
+      reason: "invalid",
+      item,
+      issues: validation.issues
+    };
+  }
+  return {
+    status: "ready",
+    item,
+    Component: resolution.Component,
+    props: validation.props
+  };
+}
+__name(useGenerativeUIState, "useGenerativeUIState");
+
+// src/genui/generative-ui.tsx
+var TreeScopeContext = /* @__PURE__ */ createContext2(null);
+function renderFallback(fallback2, problem) {
+  if (typeof fallback2 === "function") return fallback2(problem);
+  return fallback2 ?? null;
+}
+__name(renderFallback, "renderFallback");
+var ItemBoundary = class ItemBoundary2 extends Component {
+  static {
+    __name(this, "ItemBoundary");
+  }
+  state = {
+    error: void 0,
+    failed: false
+  };
+  static getDerivedStateFromError(error) {
+    return {
+      error,
+      failed: true
+    };
+  }
+  componentDidCatch(error, _info) {
+    this.props.onError?.(error, this.props.item);
+  }
+  componentDidUpdate(previous) {
+    if (this.state.failed && previous.item !== this.props.item) {
+      this.setState({
+        error: void 0,
+        failed: false
+      });
+    }
+  }
+  render() {
+    if (this.state.failed) {
+      return renderFallback(this.props.fallback, {
+        reason: "error",
+        item: this.props.item,
+        error: this.state.error
+      });
+    }
+    return this.props.children;
+  }
+};
+function nodeItem(node, id) {
+  return {
+    id,
+    component: node.type,
+    props: node.props ?? {},
+    version: null,
+    toolCallId: null
+  };
+}
+__name(nodeItem, "nodeItem");
+function TreeNode({ node, id }) {
+  const scope = useContext2(TreeScopeContext);
+  const item = useMemo2(() => nodeItem(node, id), [
+    node,
+    id
+  ]);
+  const resolution = useResolvedComponent(node.type, null, scope?.options.registry ?? {}, scope?.options.resolveComponent);
+  const validation = useValidatedProps(scope?.options.catalog, node.type, item.props);
+  if (scope === null) return null;
+  if (resolution.status === "loading" || validation.status === "pending") return scope.loading;
+  if (resolution.status === "unknown") {
+    return renderFallback(scope.fallback, {
+      reason: "unknown",
+      item
+    });
+  }
+  if (resolution.status === "error") {
+    return renderFallback(scope.fallback, {
+      reason: "error",
+      item,
+      error: resolution.error
+    });
+  }
+  if (validation.status === "invalid") {
+    return renderFallback(scope.fallback, {
+      reason: "invalid",
+      item,
+      issues: validation.issues
+    });
+  }
+  const Renderer = resolution.Component;
+  const children = Array.isArray(node.children) ? node.children : [];
+  return /* @__PURE__ */ React.createElement(Renderer, validation.props, children.length > 0 ? children.map((child, index) => {
+    const childId = `${id}.${index}`;
+    return /* @__PURE__ */ React.createElement(ItemBoundary, {
+      key: childId,
+      item: nodeItem(child, childId),
+      fallback: scope.fallback,
+      onError: scope.onError
+    }, /* @__PURE__ */ React.createElement(TreeNode, {
+      node: child,
+      id: childId
+    }));
+  }) : void 0);
+}
+__name(TreeNode, "TreeNode");
+function GenuiTree({ root }) {
+  if (root === void 0 || root === null || typeof root.type !== "string") return null;
+  return /* @__PURE__ */ React.createElement(TreeNode, {
+    node: root,
+    id: "root"
+  });
+}
+__name(GenuiTree, "GenuiTree");
+function GenerativeUIScope({ registry, catalog, resolveComponent, fallback: fallback2, loading = null, onError, children }) {
+  const scope = useMemo2(() => ({
+    options: {
+      registry,
+      ...catalog !== void 0 ? {
+        catalog
+      } : {},
+      ...resolveComponent !== void 0 ? {
+        resolveComponent
+      } : {}
+    },
+    fallback: fallback2,
+    loading,
+    onError
+  }), [
+    registry,
+    catalog,
+    resolveComponent,
+    fallback2,
+    loading,
+    onError
+  ]);
+  return /* @__PURE__ */ React.createElement(TreeScopeContext.Provider, {
+    value: scope
+  }, children);
+}
+__name(GenerativeUIScope, "GenerativeUIScope");
+var GenuiContext = sharedContext("@dudousxd/nestjs-agent-react:genui-provider");
+function GenuiProvider({ registry, catalog, resolveComponent, treeRenderer, fallback: fallback2, loading, onError, children }) {
+  const value = useMemo2(() => ({
+    ...registry !== void 0 ? {
+      registry
+    } : {},
+    ...catalog !== void 0 ? {
+      catalog
+    } : {},
+    ...resolveComponent !== void 0 ? {
+      resolveComponent
+    } : {},
+    ...treeRenderer !== void 0 ? {
+      treeRenderer
+    } : {},
+    ...fallback2 !== void 0 ? {
+      fallback: fallback2
+    } : {},
+    ...loading !== void 0 ? {
+      loading
+    } : {},
+    ...onError !== void 0 ? {
+      onError
+    } : {}
+  }), [
+    registry,
+    catalog,
+    resolveComponent,
+    treeRenderer,
+    fallback2,
+    loading,
+    onError
+  ]);
+  const renderUi = useCallback((block) => /* @__PURE__ */ React.createElement(GenerativeUI, {
+    part: block
+  }), []);
+  return /* @__PURE__ */ React.createElement(GenuiContext.Provider, {
+    value
+  }, /* @__PURE__ */ React.createElement(AmbientRenderUiContext.Provider, {
+    value: renderUi
+  }, children));
+}
+__name(GenuiProvider, "GenuiProvider");
+var NO_REGISTRY = {};
+function useMergedOptions(own) {
+  const provided = useContext2(GenuiContext);
+  const registry = own.registry ?? provided?.registry ?? NO_REGISTRY;
+  const catalog = own.catalog ?? provided?.catalog;
+  const resolveComponent = own.resolveComponent ?? provided?.resolveComponent;
+  const treeRenderer = own.treeRenderer ?? provided?.treeRenderer;
+  return useMemo2(() => ({
+    registry,
+    ...catalog !== void 0 ? {
+      catalog
+    } : {},
+    ...resolveComponent !== void 0 ? {
+      resolveComponent
+    } : {},
+    ...treeRenderer !== void 0 ? {
+      treeRenderer
+    } : {}
+  }), [
+    registry,
+    catalog,
+    resolveComponent,
+    treeRenderer
+  ]);
+}
+__name(useMergedOptions, "useMergedOptions");
+function GenerativeUI({ part, registry, catalog, resolveComponent, treeRenderer, fallback: ownFallback, loading: ownLoading, onError: ownOnError }) {
+  const provided = useContext2(GenuiContext);
+  const fallback2 = ownFallback ?? provided?.fallback;
+  const loading = ownLoading ?? provided?.loading ?? null;
+  const onError = ownOnError ?? provided?.onError;
+  const options = useMergedOptions({
+    ...registry !== void 0 ? {
+      registry
+    } : {},
+    ...catalog !== void 0 ? {
+      catalog
+    } : {},
+    ...resolveComponent !== void 0 ? {
+      resolveComponent
+    } : {},
+    ...treeRenderer !== void 0 ? {
+      treeRenderer
+    } : {}
+  });
+  const state = useGenerativeUIState(part, options, options.treeRenderer ?? GenuiTree);
+  if (state === null) return null;
+  if (state.status === "loading") return loading;
+  if (state.status === "problem") {
+    const { status: _status, ...problem } = state;
+    return renderFallback(fallback2, problem);
+  }
+  const Renderer = state.Component;
+  return /* @__PURE__ */ React.createElement(GenerativeUIScope, {
+    ...options,
+    fallback: fallback2,
+    loading,
+    ...onError !== void 0 ? {
+      onError
+    } : {}
+  }, /* @__PURE__ */ React.createElement(ItemBoundary, {
+    item: state.item,
+    fallback: fallback2,
+    onError
+  }, /* @__PURE__ */ React.createElement(Renderer, state.props)));
+}
+__name(GenerativeUI, "GenerativeUI");
+
+// src/provider.tsx
+var AgentBackendContext = sharedContext("@dudousxd/nestjs-agent-react:agent-backend");
+function AgentProvider({ backend, baseUrl, path, headers, getHeaders, credentials, fetch, attachments, genui, children }) {
+  const latestHeaders = useRef2({
+    headers,
+    getHeaders
+  });
+  latestHeaders.current = {
+    headers,
+    getHeaders
+  };
+  const upload = attachments?.upload;
+  const value = useMemo3(() => backend ?? new AgentClient({
+    ...baseUrl !== void 0 ? {
+      baseUrl
+    } : {},
+    ...path !== void 0 ? {
+      path
+    } : {},
+    ...credentials !== void 0 ? {
+      credentials
+    } : {},
+    ...fetch !== void 0 ? {
+      fetch
+    } : {},
+    ...upload !== void 0 ? {
+      attachments: {
+        upload
+      }
+    } : {},
+    getHeaders: /* @__PURE__ */ __name(async () => {
+      const current = latestHeaders.current;
+      const dynamic = await current.getHeaders?.() ?? {};
+      return {
+        ...current.headers,
+        ...dynamic
+      };
+    }, "getHeaders")
+  }), [
+    backend,
+    baseUrl,
+    path,
+    credentials,
+    fetch,
+    upload
+  ]);
+  const content = genui !== void 0 ? /* @__PURE__ */ React.createElement(GenuiProvider, genui, children) : children;
+  return /* @__PURE__ */ React.createElement(AgentBackendContext.Provider, {
+    value
+  }, content);
+}
+__name(AgentProvider, "AgentProvider");
+var fallback;
+function defaultBackend() {
+  fallback ??= new AgentClient();
+  return fallback;
+}
+__name(defaultBackend, "defaultBackend");
+function useAgentBackend(own) {
+  const provided = useContext3(AgentBackendContext);
+  return own ?? provided ?? defaultBackend();
+}
+__name(useAgentBackend, "useAgentBackend");
+
 // src/attachments/use-attachments.ts
 var DEFAULT_REJECTION = {
   type: /* @__PURE__ */ __name((file) => `${file.name} is not a supported file type`, "type"),
@@ -1119,23 +1713,30 @@ var DEFAULT_REJECTION = {
   count: /* @__PURE__ */ __name(() => "Too many files", "count")
 };
 var sequence = 0;
-function useAttachments(options) {
-  const latest = useRef2(options);
-  latest.current = options;
-  const [items, setItems] = useState2([]);
-  const itemsRef = useRef2(items);
+function useAttachments(options = {}) {
+  const backend = useAgentBackend(options.backend);
+  const latest = useRef3({
+    ...options,
+    backend
+  });
+  latest.current = {
+    ...options,
+    backend
+  };
+  const [items, setItems] = useState3([]);
+  const itemsRef = useRef3(items);
   itemsRef.current = items;
-  const controllers = useRef2(/* @__PURE__ */ new Map());
-  const [dragDepth, setDragDepth] = useState2(0);
-  const patch = useCallback((id, change) => {
+  const controllers = useRef3(/* @__PURE__ */ new Map());
+  const [dragDepth, setDragDepth] = useState3(0);
+  const patch = useCallback2((id, change) => {
     setItems((current) => current.map((item) => item.id === id ? {
       ...item,
       ...change
     } : item));
   }, []);
-  const start = useCallback((item) => {
-    const { upload, backend } = latest.current;
-    const run = upload ?? (backend?.uploadAttachment !== void 0 ? backend.uploadAttachment.bind(backend) : void 0);
+  const start = useCallback2((item) => {
+    const { upload, backend: backend2 } = latest.current;
+    const run = upload ?? (backend2.uploadAttachment !== void 0 ? backend2.uploadAttachment.bind(backend2) : void 0);
     if (run === void 0) {
       patch(item.id, {
         status: "error",
@@ -1169,7 +1770,7 @@ function useAttachments(options) {
   }, [
     patch
   ]);
-  const add = useCallback((files) => {
+  const add = useCallback2((files) => {
     if (files == null) return;
     const { accept: accept2, maxBytes, maxFiles, describeRejection } = latest.current;
     const describe = /* @__PURE__ */ __name((reason, file) => describeRejection?.(reason, file) ?? DEFAULT_REJECTION[reason](file), "describe");
@@ -1215,7 +1816,7 @@ function useAttachments(options) {
   }, [
     start
   ]);
-  const release = useCallback((item) => {
+  const release = useCallback2((item) => {
     if (item === void 0) return;
     controllers.current.get(item.id)?.abort();
     controllers.current.delete(item.id);
@@ -1223,19 +1824,19 @@ function useAttachments(options) {
       URL.revokeObjectURL(item.previewUrl);
     }
   }, []);
-  const remove = useCallback((id) => {
+  const remove = useCallback2((id) => {
     release(itemsRef.current.find((item) => item.id === id));
     setItems((current) => current.filter((item) => item.id !== id));
   }, [
     release
   ]);
-  const clear = useCallback(() => {
+  const clear = useCallback2(() => {
     for (const item of itemsRef.current) release(item);
     setItems([]);
   }, [
     release
   ]);
-  const retry = useCallback((id) => {
+  const retry = useCallback2((id) => {
     const item = itemsRef.current.find((candidate) => candidate.id === id);
     if (item === void 0 || item.status !== "error") return;
     const { error: _previous, ...rest } = item;
@@ -1249,12 +1850,12 @@ function useAttachments(options) {
   }, [
     start
   ]);
-  useEffect2(() => () => {
+  useEffect3(() => () => {
     for (const item of itemsRef.current) release(item);
   }, [
     release
   ]);
-  const onPaste = useCallback((event) => {
+  const onPaste = useCallback2((event) => {
     const files = filesFromClipboard(event.clipboardData);
     if (files.length === 0) return;
     event.preventDefault();
@@ -1262,7 +1863,7 @@ function useAttachments(options) {
   }, [
     add
   ]);
-  const dropZoneProps = useMemo(() => ({
+  const dropZoneProps = useMemo4(() => ({
     onDragEnter: /* @__PURE__ */ __name((event) => {
       if (!dragHasFiles(event.dataTransfer)) return;
       event.preventDefault();
@@ -1285,7 +1886,7 @@ function useAttachments(options) {
     add
   ]);
   const accept = options.accept;
-  const inputProps = useMemo(() => ({
+  const inputProps = useMemo4(() => ({
     type: "file",
     accept: typeof accept === "string" ? accept : accept?.join(","),
     multiple: options.maxFiles === void 0 || options.maxFiles > 1,
@@ -1299,7 +1900,7 @@ function useAttachments(options) {
     options.maxFiles,
     add
   ]);
-  return useMemo(() => {
+  return useMemo4(() => {
     const ready = items.filter((item) => item.status === "ready" && item.attachment !== void 0);
     const attachments = ready.map((item) => item.attachment);
     return {
@@ -1333,18 +1934,18 @@ function useAttachments(options) {
 __name(useAttachments, "useAttachments");
 
 // src/catalog/use-agents.ts
-import { useMemo as useMemo2 } from "react";
+import { useMemo as useMemo5 } from "react";
 
 // src/catalog/use-resource.ts
-import { useCallback as useCallback2, useEffect as useEffect3, useRef as useRef3, useState as useState3 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect4, useRef as useRef4, useState as useState4 } from "react";
 function useResource(load2, key, enabled) {
-  const [data, setData] = useState3(void 0);
-  const [isLoading, setIsLoading] = useState3(enabled);
-  const [error, setError] = useState3(null);
-  const loadRef = useRef3(load2);
+  const [data, setData] = useState4(void 0);
+  const [isLoading, setIsLoading] = useState4(enabled);
+  const [error, setError] = useState4(null);
+  const loadRef = useRef4(load2);
   loadRef.current = load2;
-  const generation = useRef3(0);
-  const refresh = useCallback2(async () => {
+  const generation = useRef4(0);
+  const refresh = useCallback3(async () => {
     const mine = ++generation.current;
     setIsLoading(true);
     try {
@@ -1359,7 +1960,7 @@ function useResource(load2, key, enabled) {
       if (mine === generation.current) setIsLoading(false);
     }
   }, []);
-  useEffect3(() => {
+  useEffect4(() => {
     if (!enabled) return;
     void refresh();
   }, [
@@ -1377,10 +1978,11 @@ function useResource(load2, key, enabled) {
 __name(useResource, "useResource");
 
 // src/catalog/use-agents.ts
-function useAgents(options) {
-  const { backend, enabled = true } = options;
+function useAgents(options = {}) {
+  const { enabled = true } = options;
+  const backend = useAgentBackend(options.backend);
   const { data, isLoading, error, refresh } = useResource(() => requireBackendMethod(backend, "listAgents")(), "", enabled);
-  return useMemo2(() => {
+  return useMemo5(() => {
     const agents = data ?? [];
     return {
       agents,
@@ -1399,11 +2001,12 @@ function useAgents(options) {
 __name(useAgents, "useAgents");
 
 // src/catalog/use-models.ts
-import { useMemo as useMemo3 } from "react";
-function useModels(options) {
-  const { backend, agent, enabled = true } = options;
+import { useMemo as useMemo6 } from "react";
+function useModels(options = {}) {
+  const { agent, enabled = true } = options;
+  const backend = useAgentBackend(options.backend);
   const { data, isLoading, error, refresh } = useResource(() => requireBackendMethod(backend, "listModels")(agent), `${agent ?? ""}`, enabled);
-  return useMemo3(() => {
+  return useMemo6(() => {
     const providers = data?.providers ?? [];
     const models = providers.flatMap((provider) => provider.models.map((model) => ({
       ...model,
@@ -1433,7 +2036,7 @@ function useModels(options) {
 __name(useModels, "useModels");
 
 // src/quota/use-quota.ts
-import { useEffect as useEffect4, useMemo as useMemo4 } from "react";
+import { useEffect as useEffect5, useMemo as useMemo7 } from "react";
 
 // src/threads/threads-events.ts
 var listeners = /* @__PURE__ */ new WeakMap();
@@ -1457,10 +2060,11 @@ function onThreadsEvent(backend, listener) {
 __name(onThreadsEvent, "onThreadsEvent");
 
 // src/quota/use-quota.ts
-function useQuota(options) {
-  const { backend, enabled = true, pollMs } = options;
+function useQuota(options = {}) {
+  const { enabled = true, pollMs } = options;
+  const backend = useAgentBackend(options.backend);
   const { data, isLoading, error, refresh } = useResource(() => requireBackendMethod(backend, "getQuota")(), "", enabled);
-  useEffect4(() => {
+  useEffect5(() => {
     if (!enabled) return;
     return onThreadsEvent(backend, (event) => {
       if (event.type === "changed") void refresh();
@@ -1470,7 +2074,7 @@ function useQuota(options) {
     enabled,
     refresh
   ]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (!enabled || pollMs === void 0 || pollMs <= 0) return;
     const timer = setInterval(() => void refresh(), pollMs);
     return () => clearInterval(timer);
@@ -1479,7 +2083,7 @@ function useQuota(options) {
     pollMs,
     refresh
   ]);
-  return useMemo4(() => {
+  return useMemo7(() => {
     const windows = data?.windows ?? [];
     return {
       report: data,
@@ -1501,37 +2105,44 @@ function useQuota(options) {
 __name(useQuota, "useQuota");
 
 // src/feedback/use-message-feedback.ts
-import { useCallback as useCallback3, useRef as useRef4, useState as useState4 } from "react";
-function useMessageFeedback(options) {
-  const latest = useRef4(options);
-  latest.current = options;
-  const [local, setLocal] = useState4(/* @__PURE__ */ new Map());
-  const [pending, setPending] = useState4(/* @__PURE__ */ new Set());
-  const [error, setError] = useState4(null);
-  const localRef = useRef4(local);
+import { useCallback as useCallback4, useRef as useRef5, useState as useState5 } from "react";
+function useMessageFeedback(options = {}) {
+  const backend = useAgentBackend(options.backend);
+  const latest = useRef5({
+    ...options,
+    backend
+  });
+  latest.current = {
+    ...options,
+    backend
+  };
+  const [local, setLocal] = useState5(/* @__PURE__ */ new Map());
+  const [pending, setPending] = useState5(/* @__PURE__ */ new Set());
+  const [error, setError] = useState5(null);
+  const localRef = useRef5(local);
   localRef.current = local;
-  const resolved = useRef4(/* @__PURE__ */ new Map());
-  const feedbackOf = useCallback3((message) => {
+  const resolved = useRef5(/* @__PURE__ */ new Map());
+  const feedbackOf = useCallback4((message) => {
     const mine = local.get(message.id);
     if (mine !== void 0) return mine.feedback;
     return metadataOf(message).feedback ?? null;
   }, [
     local
   ]);
-  const isPending = useCallback3((message) => pending.has(message.id), [
+  const isPending = useCallback4((message) => pending.has(message.id), [
     pending
   ]);
-  const storedIdFor = useCallback3(async (message) => {
+  const storedIdFor = useCallback4(async (message) => {
     const runId = metadataOf(message).runId;
     if (runId === void 0) return message.id;
     const known = resolved.current.get(message.id);
     if (known !== void 0) return known;
-    const { backend, threadId } = latest.current;
+    const { backend: backend2, threadId } = latest.current;
     const thread = typeof threadId === "function" ? threadId() : threadId;
     if (thread === void 0) {
       throw new Error("useMessageFeedback: a streamed message needs `threadId` to be rated");
     }
-    const detail = await backend.getThread(thread);
+    const detail = await backend2.getThread(thread);
     const row = [
       ...detail.messages
     ].reverse().find((candidate) => candidate.role === "assistant" && candidate.runId === runId);
@@ -1541,7 +2152,7 @@ function useMessageFeedback(options) {
     resolved.current.set(message.id, row.id);
     return row.id;
   }, []);
-  const rate = useCallback3(async (message, value, comment) => {
+  const rate = useCallback4(async (message, value, comment) => {
     const setFeedback = requireBackendMethod(latest.current.backend, "setMessageFeedback");
     const had = localRef.current.get(message.id);
     const optimistic = value === null ? null : {
@@ -1587,7 +2198,7 @@ function useMessageFeedback(options) {
   }, [
     storedIdFor
   ]);
-  const toggle = useCallback3((message, value) => {
+  const toggle = useCallback4((message, value) => {
     const mine = localRef.current.get(message.id);
     const current = mine !== void 0 ? mine.feedback : metadataOf(message).feedback ?? null;
     return rate(message, current?.value === value ? null : value);
@@ -1610,16 +2221,17 @@ function metadataOf(message) {
 __name(metadataOf, "metadataOf");
 
 // src/threads/use-threads.ts
-import { useCallback as useCallback4, useEffect as useEffect5, useRef as useRef5, useState as useState5 } from "react";
-function useThreads(options) {
-  const { backend, enabled = true } = options;
-  const [threads, setThreads] = useState5([]);
-  const [isLoading, setIsLoading] = useState5(enabled);
-  const [error, setError] = useState5(null);
-  const threadsRef = useRef5(threads);
+import { useCallback as useCallback5, useEffect as useEffect6, useRef as useRef6, useState as useState6 } from "react";
+function useThreads(options = {}) {
+  const { enabled = true } = options;
+  const backend = useAgentBackend(options.backend);
+  const [threads, setThreads] = useState6([]);
+  const [isLoading, setIsLoading] = useState6(enabled);
+  const [error, setError] = useState6(null);
+  const threadsRef = useRef6(threads);
   threadsRef.current = threads;
-  const generation = useRef5(0);
-  const refresh = useCallback4(async () => {
+  const generation = useRef6(0);
+  const refresh = useCallback5(async () => {
     const mine = ++generation.current;
     setIsLoading(true);
     try {
@@ -1636,7 +2248,7 @@ function useThreads(options) {
   }, [
     backend
   ]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (!enabled) return;
     void refresh();
     return onThreadsEvent(backend, (event) => {
@@ -1656,7 +2268,7 @@ function useThreads(options) {
     enabled,
     refresh
   ]);
-  const rename = useCallback4(async (id, title) => {
+  const rename = useCallback5(async (id, title) => {
     const before = threadsRef.current;
     setThreads((current) => current.map((thread) => thread.id === id ? {
       ...thread,
@@ -1678,7 +2290,7 @@ function useThreads(options) {
   }, [
     backend
   ]);
-  const remove = useCallback4(async (id) => {
+  const remove = useCallback5(async (id) => {
     const before = threadsRef.current;
     setThreads((current) => current.filter((thread) => thread.id !== id));
     try {
@@ -1752,29 +2364,11 @@ function backgroundRunsFromThread(messages) {
 }
 __name(backgroundRunsFromThread, "backgroundRunsFromThread");
 
-// src/components/ambient-ui.ts
-import { createContext, useContext } from "react";
-function sharedContext(key) {
-  const symbol = Symbol.for(key);
-  const holder = globalThis;
-  const existing = holder[symbol];
-  if (existing !== void 0) return existing;
-  const created = createContext(null);
-  holder[symbol] = created;
-  return created;
-}
-__name(sharedContext, "sharedContext");
-var AmbientRenderUiContext = sharedContext("@dudousxd/nestjs-agent-react:ambient-render-ui");
-function useAmbientRenderUi() {
-  return useContext(AmbientRenderUiContext);
-}
-__name(useAmbientRenderUi, "useAmbientRenderUi");
-
 // src/components/chat-input.tsx
-import React2, { useEffect as useEffect7, useState as useState7 } from "react";
+import React2, { useEffect as useEffect8, useState as useState8 } from "react";
 
 // src/components/use-speech-recognition.ts
-import { useCallback as useCallback5, useEffect as useEffect6, useMemo as useMemo5, useRef as useRef6, useState as useState6 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect7, useMemo as useMemo8, useRef as useRef7, useState as useState7 } from "react";
 function getRecognitionCtor() {
   if (typeof window === "undefined") return null;
   const scope = window;
@@ -1782,15 +2376,15 @@ function getRecognitionCtor() {
 }
 __name(getRecognitionCtor, "getRecognitionCtor");
 function useSpeechRecognition({ lang = "en-US", onFinalTranscript, onInterimTranscript }) {
-  const recognitionRef = useRef6(null);
-  const [isListening, setIsListening] = useState6(false);
-  const ctor = useMemo5(() => getRecognitionCtor(), []);
+  const recognitionRef = useRef7(null);
+  const [isListening, setIsListening] = useState7(false);
+  const ctor = useMemo8(() => getRecognitionCtor(), []);
   const isSupported = ctor !== null;
-  const finalRef = useRef6(onFinalTranscript);
-  const interimRef = useRef6(onInterimTranscript);
+  const finalRef = useRef7(onFinalTranscript);
+  const interimRef = useRef7(onInterimTranscript);
   finalRef.current = onFinalTranscript;
   interimRef.current = onInterimTranscript;
-  useEffect6(() => {
+  useEffect7(() => {
     if (!ctor) return;
     const recognition = new ctor();
     recognition.lang = lang;
@@ -1829,7 +2423,7 @@ function useSpeechRecognition({ lang = "en-US", onFinalTranscript, onInterimTran
     ctor,
     lang
   ]);
-  const start = useCallback5(() => {
+  const start = useCallback6(() => {
     const recognition = recognitionRef.current;
     if (!recognition) return;
     try {
@@ -1839,7 +2433,7 @@ function useSpeechRecognition({ lang = "en-US", onFinalTranscript, onInterimTran
       console.warn("SpeechRecognition start failed", error);
     }
   }, []);
-  const stop = useCallback5(() => {
+  const stop = useCallback6(() => {
     const recognition = recognitionRef.current;
     if (!recognition) return;
     try {
@@ -1858,8 +2452,8 @@ __name(useSpeechRecognition, "useSpeechRecognition");
 
 // src/components/chat-input.tsx
 function ChatInput({ onSubmit, disabled, placeholder, rows = 2, enableSpeech = true, speechLang = "en-US", sendLabel = "Send", onStop, isStreaming = false, stopLabel = "Stop generating", className, textareaClassName, sendButtonClassName, micButtonClassName, stopButtonClassName, renderMic }) {
-  const [value, setValue] = useState7("");
-  const [interim, setInterim] = useState7("");
+  const [value, setValue] = useState8("");
+  const [interim, setInterim] = useState8("");
   const speech = useSpeechRecognition({
     lang: speechLang,
     onFinalTranscript: /* @__PURE__ */ __name((text) => {
@@ -1870,7 +2464,7 @@ function ChatInput({ onSubmit, disabled, placeholder, rows = 2, enableSpeech = t
     }, "onFinalTranscript"),
     onInterimTranscript: /* @__PURE__ */ __name((text) => setInterim(text), "onInterimTranscript")
   });
-  useEffect7(() => {
+  useEffect8(() => {
     if (!speech.isListening) setInterim("");
   }, [
     speech.isListening
@@ -1937,7 +2531,7 @@ __name(ChatInput, "ChatInput");
 import React3 from "react";
 
 // src/transcript/use-chat-transcript.ts
-import { useCallback as useCallback7, useEffect as useEffect9, useRef as useRef8, useState as useState9 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect10, useRef as useRef9, useState as useState10 } from "react";
 
 // src/transcript/model.ts
 import { readElicitationInput, validateElicitationAnswer as validateElicitationAnswer2 } from "@dudousxd/nestjs-agent-core";
@@ -2034,21 +2628,21 @@ function fillTemplate(template, context) {
   }).replace(/\s{2,}/g, " ").trim();
 }
 __name(fillTemplate, "fillTemplate");
-function phraseFor(presentation, input, isSettled2, fallback = {
+function phraseFor(presentation, input, isSettled2, fallback2 = {
   running: "Working",
   done: "Done"
 }) {
-  if (presentation === void 0) return isSettled2 ? fallback.done : fallback.running;
+  if (presentation === void 0) return isSettled2 ? fallback2.done : fallback2.running;
   const filled = fillTemplate(isSettled2 ? presentation.done : presentation.running, input);
   return filled === "" ? presentation.label : filled;
 }
 __name(phraseFor, "phraseFor");
 
 // src/presentation/result-view.ts
-function isRecord(value) {
+function isRecord2(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
-__name(isRecord, "isRecord");
+__name(isRecord2, "isRecord");
 function toText(value) {
   if (value === null || value === void 0) return "\u2014";
   if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") {
@@ -2059,7 +2653,7 @@ function toText(value) {
 }
 __name(toText, "toText");
 function inferResultView(output) {
-  if (!isRecord(output)) return void 0;
+  if (!isRecord2(output)) return void 0;
   for (const [key, value] of Object.entries(output)) {
     if (!Array.isArray(value) || value.length === 0) continue;
     if (value.every((entry) => typeof entry === "string")) {
@@ -2068,12 +2662,12 @@ function inferResultView(output) {
         lines: key
       };
     }
-    if (value.every(isRecord)) {
+    if (value.every(isRecord2)) {
       const first = value[0];
       return {
         kind: "table",
         rows: key,
-        columns: Object.keys(first).filter((column) => !isRecord(first[column])).map((column) => ({
+        columns: Object.keys(first).filter((column) => !isRecord2(first[column])).map((column) => ({
           path: column,
           label: column
         }))
@@ -2449,7 +3043,7 @@ function isSettled(state) {
 __name(isSettled, "isSettled");
 function toolKind(part) {
   const metadata = part.toolMetadata;
-  return isRecord2(metadata) && typeof metadata.toolKind === "string" ? metadata.toolKind : void 0;
+  return isRecord3(metadata) && typeof metadata.toolKind === "string" ? metadata.toolKind : void 0;
 }
 __name(toolKind, "toolKind");
 function isAwaitingApproval(part) {
@@ -2464,7 +3058,7 @@ function isAwaitingApproval(part) {
 __name(isAwaitingApproval, "isAwaitingApproval");
 function toolParentId(part) {
   const metadata = part.toolMetadata;
-  return isRecord2(metadata) && typeof metadata.parentId === "string" ? metadata.parentId : null;
+  return isRecord3(metadata) && typeof metadata.parentId === "string" ? metadata.parentId : null;
 }
 __name(toolParentId, "toolParentId");
 function nestToolCalls(calls) {
@@ -2531,12 +3125,12 @@ function buildToolCall(part, options, approval, catalog) {
 __name(buildToolCall, "buildToolCall");
 function readElicitationRequest(part) {
   const input = part.input;
-  if (!isRecord2(input) || !Array.isArray(input.questions) || input.questions.length === 0) {
+  if (!isRecord3(input) || !Array.isArray(input.questions) || input.questions.length === 0) {
     return null;
   }
   const questions = [];
   for (const candidate of input.questions) {
-    if (!isRecord2(candidate) || typeof candidate.id !== "string" || typeof candidate.prompt !== "string") {
+    if (!isRecord3(candidate) || typeof candidate.id !== "string" || typeof candidate.prompt !== "string") {
       return null;
     }
     const input2 = readElicitationInput(candidate.input) ?? null;
@@ -2546,7 +3140,7 @@ function readElicitationRequest(part) {
     }
     const options = [];
     for (const option of rawOptions) {
-      if (!isRecord2(option) || typeof option.value !== "string" || typeof option.label !== "string") {
+      if (!isRecord3(option) || typeof option.value !== "string" || typeof option.label !== "string") {
         return null;
       }
       options.push({
@@ -2574,7 +3168,7 @@ function readElicitationRequest(part) {
 __name(readElicitationRequest, "readElicitationRequest");
 function readElicitationOutcome(part) {
   const output = part.output;
-  if (!isRecord2(output) || !isRecord2(output.answers) || typeof output.skipped !== "boolean") {
+  if (!isRecord3(output) || !isRecord3(output.answers) || typeof output.skipped !== "boolean") {
     return null;
   }
   const answers = {};
@@ -2711,7 +3305,7 @@ function readApprovals(parts) {
       continue;
     }
     const data = part.data;
-    if (!isRecord2(data) || typeof data.id !== "string") {
+    if (!isRecord3(data) || typeof data.id !== "string") {
       continue;
     }
     const approval = entry(data.id);
@@ -2767,7 +3361,7 @@ function statusFromPart(call) {
 __name(statusFromPart, "statusFromPart");
 function readUiComponent(part) {
   const data = part.data;
-  if (!isRecord2(data) || typeof data.component !== "string") {
+  if (!isRecord3(data) || typeof data.component !== "string") {
     return null;
   }
   const id = typeof data.id === "string" ? data.id : part.id;
@@ -2777,19 +3371,19 @@ function readUiComponent(part) {
   return {
     id,
     component: data.component,
-    props: isRecord2(data.props) ? data.props : {},
+    props: isRecord3(data.props) ? data.props : {},
     version: typeof data.version === "number" ? data.version : null,
     toolCallId: typeof data.toolCallId === "string" ? data.toolCallId : null
   };
 }
 __name(readUiComponent, "readUiComponent");
-function isRecord2(value) {
+function isRecord3(value) {
   return typeof value === "object" && value !== null;
 }
-__name(isRecord2, "isRecord");
+__name(isRecord3, "isRecord");
 function readQuery(part) {
   const input = part.input;
-  if (!isRecord2(input) || typeof input.query !== "string") {
+  if (!isRecord3(input) || typeof input.query !== "string") {
     return null;
   }
   return input.query;
@@ -2797,12 +3391,12 @@ function readQuery(part) {
 __name(readQuery, "readQuery");
 function readPassages(part) {
   const output = part.output;
-  if (!isRecord2(output) || !Array.isArray(output.passages) || output.passages.length === 0) {
+  if (!isRecord3(output) || !Array.isArray(output.passages) || output.passages.length === 0) {
     return null;
   }
   const passages = [];
   for (const candidate of output.passages) {
-    if (!isRecord2(candidate) || typeof candidate.id !== "string" || typeof candidate.text !== "string") {
+    if (!isRecord3(candidate) || typeof candidate.id !== "string" || typeof candidate.text !== "string") {
       return null;
     }
     passages.push({
@@ -2812,7 +3406,7 @@ function readPassages(part) {
       ...typeof candidate.source === "string" ? {
         source: candidate.source
       } : {},
-      ...isRecord2(candidate.metadata) ? {
+      ...isRecord3(candidate.metadata) ? {
         metadata: candidate.metadata
       } : {}
     });
@@ -2914,11 +3508,11 @@ function formatCostUsd(cost) {
 __name(formatCostUsd, "formatCostUsd");
 
 // src/transcript/use-stick-to-bottom.ts
-import { useCallback as useCallback6, useEffect as useEffect8, useRef as useRef7, useState as useState8 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect9, useRef as useRef8, useState as useState9 } from "react";
 function useStickToBottom({ contentKey, threshold = 32 }) {
-  const containerRef = useRef7(null);
-  const [isAtBottom, setIsAtBottom] = useState8(true);
-  const measure = useCallback6(() => {
+  const containerRef = useRef8(null);
+  const [isAtBottom, setIsAtBottom] = useState9(true);
+  const measure = useCallback7(() => {
     const element = containerRef.current;
     if (!element) {
       return;
@@ -2928,7 +3522,7 @@ function useStickToBottom({ contentKey, threshold = 32 }) {
   }, [
     threshold
   ]);
-  const scrollToBottom = useCallback6(() => {
+  const scrollToBottom = useCallback7(() => {
     const element = containerRef.current;
     if (!element) {
       return;
@@ -2936,7 +3530,7 @@ function useStickToBottom({ contentKey, threshold = 32 }) {
     element.scrollTop = element.scrollHeight;
     setIsAtBottom(true);
   }, []);
-  const setContainer = useCallback6((element) => {
+  const setContainer = useCallback7((element) => {
     containerRef.current = element;
     if (element) {
       measure();
@@ -2944,7 +3538,7 @@ function useStickToBottom({ contentKey, threshold = 32 }) {
   }, [
     measure
   ]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (isAtBottom) {
       scrollToBottom();
     }
@@ -2953,7 +3547,7 @@ function useStickToBottom({ contentKey, threshold = 32 }) {
     isAtBottom,
     scrollToBottom
   ]);
-  const getContainerProps = useCallback6(() => ({
+  const getContainerProps = useCallback7(() => ({
     ref: setContainer,
     onScroll: measure
   }), [
@@ -2975,14 +3569,14 @@ var DEFAULT_LOAD_EARLIER_STEP = 50;
 var DEFAULT_COPY_RESET_MS = 1500;
 function useChatTranscript(options) {
   const { messages, status, initialVisibleCount = DEFAULT_VISIBLE_COUNT, loadEarlierStep = DEFAULT_LOAD_EARLIER_STEP, followUps, stickToBottomThreshold } = options;
-  const latest = useRef8(options);
+  const latest = useRef9(options);
   latest.current = options;
-  const [visibleCount, setVisibleCount] = useState9(initialVisibleCount);
-  const [stopRequested, setStopRequested] = useState9(false);
+  const [visibleCount, setVisibleCount] = useState10(initialVisibleCount);
+  const [stopRequested, setStopRequested] = useState10(false);
   const isStreaming = status === "streaming" || status === "reconnecting";
   const isBusy = status === "submitted" || isStreaming;
   const isEmpty = messages.length === 0;
-  useEffect9(() => {
+  useEffect10(() => {
     if (!isBusy) {
       setStopRequested(false);
     }
@@ -2999,7 +3593,7 @@ function useChatTranscript(options) {
     streamingMessageId,
     options
   });
-  const stop = useCallback7(() => {
+  const stop = useCallback8(() => {
     const current = latest.current;
     if (current.status !== "submitted" && current.status !== "streaming" && current.status !== "reconnecting") {
       return;
@@ -3007,8 +3601,8 @@ function useChatTranscript(options) {
     setStopRequested(true);
     void current.onStop?.();
   }, []);
-  const loadEarlier = useCallback7(() => setVisibleCount((count) => count + (latest.current.loadEarlierStep ?? DEFAULT_LOAD_EARLIER_STEP)), []);
-  const showAll = useCallback7(() => setVisibleCount(latest.current.messages.length), []);
+  const loadEarlier = useCallback8(() => setVisibleCount((count) => count + (latest.current.loadEarlierStep ?? DEFAULT_LOAD_EARLIER_STEP)), []);
+  const showAll = useCallback8(() => setVisibleCount(latest.current.messages.length), []);
   const scroll = useStickToBottom({
     contentKey: contentSignature(messages),
     ...stickToBottomThreshold !== void 0 ? {
@@ -3044,7 +3638,7 @@ function useChatTranscript(options) {
 __name(useChatTranscript, "useChatTranscript");
 function useTranscriptItem(options) {
   const { message, isStreaming = false } = options;
-  const messagesRef = useRef8([
+  const messagesRef = useRef9([
     message
   ]);
   if (messagesRef.current[0] !== message) {
@@ -3062,13 +3656,13 @@ function useTranscriptItem(options) {
 }
 __name(useTranscriptItem, "useTranscriptItem");
 function useTranscriptItems({ messages, visibleStart, streamingMessageId, options }) {
-  const [drafts, setDrafts] = useState9(() => /* @__PURE__ */ new Map());
-  const [copied, setCopied] = useState9(() => /* @__PURE__ */ new Set());
-  const [openReasoning, setOpenReasoning] = useState9(() => /* @__PURE__ */ new Map());
-  const [picks, setPicks] = useState9(() => /* @__PURE__ */ new Map());
-  const [settling, setSettling] = useState9(() => /* @__PURE__ */ new Map());
-  const [settleErrors, setSettleErrors] = useState9(() => /* @__PURE__ */ new Map());
-  const latest = useRef8({
+  const [drafts, setDrafts] = useState10(() => /* @__PURE__ */ new Map());
+  const [copied, setCopied] = useState10(() => /* @__PURE__ */ new Set());
+  const [openReasoning, setOpenReasoning] = useState10(() => /* @__PURE__ */ new Map());
+  const [picks, setPicks] = useState10(() => /* @__PURE__ */ new Map());
+  const [settling, setSettling] = useState10(() => /* @__PURE__ */ new Map());
+  const [settleErrors, setSettleErrors] = useState10(() => /* @__PURE__ */ new Map());
+  const latest = useRef9({
     options,
     drafts,
     picks,
@@ -3080,23 +3674,23 @@ function useTranscriptItems({ messages, visibleStart, streamingMessageId, option
     picks,
     messages
   };
-  const copyTimers = useRef8(/* @__PURE__ */ new Map());
-  useEffect9(() => () => {
+  const copyTimers = useRef9(/* @__PURE__ */ new Map());
+  useEffect10(() => () => {
     for (const timer of copyTimers.current.values()) {
       clearTimeout(timer);
     }
     copyTimers.current.clear();
   }, []);
-  const callbackCache = useRef8(/* @__PURE__ */ new Map());
-  const reasoningToggleCache = useRef8(/* @__PURE__ */ new Map());
-  const toggleReasoning = useCallback7((key, open) => {
+  const callbackCache = useRef9(/* @__PURE__ */ new Map());
+  const reasoningToggleCache = useRef9(/* @__PURE__ */ new Map());
+  const toggleReasoning = useCallback8((key, open) => {
     setOpenReasoning((current) => {
       const next = new Map(current);
       next.set(key, open ?? !(current.get(key) ?? false));
       return next;
     });
   }, []);
-  const stableToggle = useCallback7((key) => {
+  const stableToggle = useCallback8((key) => {
     let cached = reasoningToggleCache.current.get(key);
     if (!cached) {
       cached = /* @__PURE__ */ __name((open) => toggleReasoning(key, open), "cached");
@@ -3106,10 +3700,10 @@ function useTranscriptItems({ messages, visibleStart, streamingMessageId, option
   }, [
     toggleReasoning
   ]);
-  const pick = useCallback7((toolCallId, questionId, values) => {
+  const pick = useCallback8((toolCallId, questionId, values) => {
     setPicks((current) => new Map(current).set(pickKey(toolCallId, questionId), values));
   }, []);
-  const settle = useCallback7((toolCallId, action, send) => {
+  const settle = useCallback8((toolCallId, action, send) => {
     setSettleErrors((current) => {
       if (!current.has(toolCallId)) {
         return current;
@@ -3133,7 +3727,7 @@ function useTranscriptItems({ messages, visibleStart, streamingMessageId, option
       failed(error);
     }
   }, []);
-  const answer = useCallback7((toolCallId) => {
+  const answer = useCallback8((toolCallId) => {
     const current = latest.current;
     const onAnswer = current.options.onAnswer;
     if (!onAnswer) {
@@ -3143,7 +3737,7 @@ function useTranscriptItems({ messages, visibleStart, streamingMessageId, option
   }, [
     settle
   ]);
-  const skip = useCallback7((toolCallId) => {
+  const skip = useCallback8((toolCallId) => {
     const onSkip = latest.current.options.onSkip;
     if (onSkip) {
       settle(toolCallId, "skip", () => onSkip(toolCallId));
@@ -3151,7 +3745,7 @@ function useTranscriptItems({ messages, visibleStart, streamingMessageId, option
   }, [
     settle
   ]);
-  const approve = useCallback7((toolCallId, options2) => {
+  const approve = useCallback8((toolCallId, options2) => {
     const onApprove = latest.current.options.onApprove;
     if (onApprove) {
       settle(toolCallId, "approve", () => options2 === void 0 ? onApprove(toolCallId) : onApprove(toolCallId, options2));
@@ -3159,7 +3753,7 @@ function useTranscriptItems({ messages, visibleStart, streamingMessageId, option
   }, [
     settle
   ]);
-  const reject = useCallback7((toolCallId) => {
+  const reject = useCallback8((toolCallId) => {
     const onReject = latest.current.options.onReject;
     if (onReject) {
       settle(toolCallId, "reject", () => onReject(toolCallId));
@@ -3167,7 +3761,7 @@ function useTranscriptItems({ messages, visibleStart, streamingMessageId, option
   }, [
     settle
   ]);
-  const callbacksFor = useCallback7((id) => {
+  const callbacksFor = useCallback8((id) => {
     const cached = callbackCache.current.get(id);
     if (cached) {
       return cached;
@@ -3795,11 +4389,11 @@ function createSkillsSource(options) {
       if (cached) {
         return cached;
       }
-      const listSkills = options.client.listSkills;
+      const listSkills = options.backend.listSkills;
       if (listSkills === void 0) {
         return Promise.reject(new AgentBackendUnsupportedError("listSkills"));
       }
-      const pending = listSkills.call(options.client, threadId).then((entries) => entries.map(toItem)).catch((error) => {
+      const pending = listSkills.call(options.backend, threadId).then((entries) => entries.map(toItem)).catch((error) => {
         byThread.delete(key);
         throw error;
       });
@@ -3829,35 +4423,35 @@ function toItem(entry) {
 __name(toItem, "toItem");
 
 // src/composer/use-composer-autocomplete.ts
-import { useCallback as useCallback8, useEffect as useEffect10, useId, useLayoutEffect, useMemo as useMemo6, useRef as useRef9, useState as useState10 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect11, useId, useLayoutEffect, useMemo as useMemo9, useRef as useRef10, useState as useState11 } from "react";
 function useComposerAutocomplete(options) {
   const { value, sources, acceptOnTab = true } = options;
-  const latest = useRef9(options);
+  const latest = useRef10(options);
   latest.current = options;
-  const inputRef = useRef9(null);
-  const [caret, setCaret] = useState10(value.length);
-  const [items, setItems] = useState10([]);
-  const [isLoading, setLoading] = useState10(false);
-  const [error, setError] = useState10(null);
-  const [activeIndex, setActiveIndex] = useState10(0);
-  const [dismissedIndex, setDismissedIndex] = useState10(null);
+  const inputRef = useRef10(null);
+  const [caret, setCaret] = useState11(value.length);
+  const [items, setItems] = useState11([]);
+  const [isLoading, setLoading] = useState11(false);
+  const [error, setError] = useState11(null);
+  const [activeIndex, setActiveIndex] = useState11(0);
+  const [dismissedIndex, setDismissedIndex] = useState11(null);
   const safeCaret = Math.min(caret, value.length);
-  const match = useMemo6(() => findActiveTrigger(value, safeCaret, sources), [
+  const match = useMemo9(() => findActiveTrigger(value, safeCaret, sources), [
     value,
     safeCaret,
     sources
   ]);
   const isActive = match !== null && dismissedIndex !== match.index;
-  const matchRef = useRef9(match);
+  const matchRef = useRef10(match);
   matchRef.current = match;
-  const caretRef = useRef9(safeCaret);
+  const caretRef = useRef10(safeCaret);
   caretRef.current = safeCaret;
-  const itemsRef = useRef9(items);
+  const itemsRef = useRef10(items);
   itemsRef.current = items;
-  const activeIndexRef = useRef9(activeIndex);
+  const activeIndexRef = useRef10(activeIndex);
   activeIndexRef.current = activeIndex;
   const requestKey = isActive && match ? `${match.source.id}\0${match.query}` : null;
-  useEffect10(() => {
+  useEffect11(() => {
     const current = matchRef.current;
     if (requestKey === null || current === null) {
       setItems([]);
@@ -3907,23 +4501,23 @@ function useComposerAutocomplete(options) {
   const activeItem = isOpen ? items[activeIndex] ?? null : null;
   const reactId = useId();
   const listboxId = options.id ?? `agent-autocomplete-${reactId}`;
-  const optionId = useCallback8((index) => `${listboxId}-option-${index}`, [
+  const optionId = useCallback9((index) => `${listboxId}-option-${index}`, [
     listboxId
   ]);
-  const highlight = useCallback8((index) => {
+  const highlight = useCallback9((index) => {
     const total = itemsRef.current.length;
     if (total === 0) return;
     setActiveIndex((index % total + total) % total);
   }, []);
-  const moveHighlight = useCallback8((delta) => highlight(activeIndexRef.current + delta), [
+  const moveHighlight = useCallback9((delta) => highlight(activeIndexRef.current + delta), [
     highlight
   ]);
-  const dismiss = useCallback8(() => {
+  const dismiss = useCallback9(() => {
     const current = matchRef.current;
     if (current) setDismissedIndex(current.index);
   }, []);
-  const pendingCaret = useRef9(null);
-  const accept = useCallback8((item) => {
+  const pendingCaret = useRef10(null);
+  const accept = useCallback9((item) => {
     const current = matchRef.current;
     if (!current) return;
     const chosen = item ?? itemsRef.current[activeIndexRef.current];
@@ -3940,10 +4534,10 @@ function useComposerAutocomplete(options) {
     pendingCaret.current = null;
     inputRef.current?.setSelectionRange(position, position);
   });
-  const readCaret = useCallback8((element) => {
+  const readCaret = useCallback9((element) => {
     setCaret(element.selectionStart ?? element.value.length);
   }, []);
-  const onKeyDown = useCallback8((event) => {
+  const onKeyDown = useCallback9((event) => {
     if (!isOpen) return;
     const hasItems = itemsRef.current.length > 0;
     switch (event.key) {
@@ -3981,23 +4575,23 @@ function useComposerAutocomplete(options) {
     dismiss,
     moveHighlight
   ]);
-  const onChange = useCallback8((event) => {
+  const onChange = useCallback9((event) => {
     readCaret(event.target);
     const next = findActiveTrigger(event.target.value, event.target.selectionStart ?? event.target.value.length, latest.current.sources);
     setDismissedIndex((current) => current !== null && next?.index === current ? current : null);
   }, [
     readCaret
   ]);
-  const onSelect = useCallback8((event) => readCaret(event.currentTarget), [
+  const onSelect = useCallback9((event) => readCaret(event.currentTarget), [
     readCaret
   ]);
-  const onClick = useCallback8((event) => readCaret(event.currentTarget), [
+  const onClick = useCallback9((event) => readCaret(event.currentTarget), [
     readCaret
   ]);
-  const setInput = useCallback8((element) => {
+  const setInput = useCallback9((element) => {
     inputRef.current = element;
   }, []);
-  const getInputProps = useCallback8(() => ({
+  const getInputProps = useCallback9(() => ({
     ref: setInput,
     onChange,
     onKeyDown,
@@ -4025,7 +4619,7 @@ function useComposerAutocomplete(options) {
     activeIndex,
     optionId
   ]);
-  const getListboxProps = useCallback8(() => ({
+  const getListboxProps = useCallback9(() => ({
     id: listboxId,
     role: "listbox",
     "aria-label": match?.source.label ?? match?.source.id ?? "Suggestions"
@@ -4033,7 +4627,7 @@ function useComposerAutocomplete(options) {
     listboxId,
     match
   ]);
-  const getOptionProps = useCallback8((index) => ({
+  const getOptionProps = useCallback9((index) => ({
     id: optionId(index),
     role: "option",
     "aria-selected": index === activeIndex
@@ -4067,7 +4661,7 @@ function isPromise(value) {
 __name(isPromise, "isPromise");
 
 // src/presentation/use-tool-catalog.ts
-import { useCallback as useCallback9, useEffect as useEffect11, useMemo as useMemo7, useState as useState11 } from "react";
+import { useCallback as useCallback10, useEffect as useEffect12, useMemo as useMemo10, useState as useState12 } from "react";
 var shared = /* @__PURE__ */ new WeakMap();
 function load(client, agent) {
   let byAgent = shared.get(client);
@@ -4089,13 +4683,14 @@ function load(client, agent) {
   return request;
 }
 __name(load, "load");
-function useToolCatalog(options) {
-  const { client, agent, enabled = true } = options;
-  const [entries, setEntries] = useState11([]);
-  const [isLoading, setLoading] = useState11(enabled);
-  const [error, setError] = useState11(null);
-  const [generation, setGeneration] = useState11(0);
-  useEffect11(() => {
+function useToolCatalog(options = {}) {
+  const { agent, enabled = true } = options;
+  const client = useAgentBackend(options.backend);
+  const [entries, setEntries] = useState12([]);
+  const [isLoading, setLoading] = useState12(enabled);
+  const [error, setError] = useState12(null);
+  const [generation, setGeneration] = useState12(0);
+  useEffect12(() => {
     if (!enabled) {
       setLoading(false);
       return;
@@ -4121,14 +4716,14 @@ function useToolCatalog(options) {
     enabled,
     generation
   ]);
-  const refresh = useCallback9(() => {
+  const refresh = useCallback10(() => {
     shared.get(client)?.delete(agent ?? "");
     setGeneration((current) => current + 1);
   }, [
     client,
     agent
   ]);
-  const catalog = useMemo7(() => toolCatalogFrom(entries), [
+  const catalog = useMemo10(() => toolCatalogFrom(entries), [
     entries
   ]);
   return {
@@ -4142,7 +4737,7 @@ function useToolCatalog(options) {
 __name(useToolCatalog, "useToolCatalog");
 
 // src/approvals/countdown.ts
-import { useEffect as useEffect12, useRef as useRef10, useState as useState12 } from "react";
+import { useEffect as useEffect13, useRef as useRef11, useState as useState13 } from "react";
 function approvalCountdown(expiresAt, now = Date.now()) {
   const deadline = expiresAt == null ? Number.NaN : Date.parse(expiresAt);
   if (!Number.isFinite(deadline)) {
@@ -4160,10 +4755,10 @@ function approvalCountdown(expiresAt, now = Date.now()) {
 __name(approvalCountdown, "approvalCountdown");
 function useApprovalCountdown(expiresAt, options = {}) {
   const { intervalMs = 1e3 } = options;
-  const nowRef = useRef10(options.now ?? Date.now);
+  const nowRef = useRef11(options.now ?? Date.now);
   nowRef.current = options.now ?? Date.now;
-  const [state, setState] = useState12(() => approvalCountdown(expiresAt, nowRef.current()));
-  useEffect12(() => {
+  const [state, setState] = useState13(() => approvalCountdown(expiresAt, nowRef.current()));
+  useEffect13(() => {
     const read = /* @__PURE__ */ __name(() => approvalCountdown(expiresAt, nowRef.current()), "read");
     const first = read();
     setState(first);
@@ -4411,40 +5006,26 @@ __name(sumUsage, "sumUsage");
 
 // src/use-agent-chat.ts
 import { useChat } from "@ai-sdk/react";
-import { useCallback as useCallback10, useEffect as useEffect13, useMemo as useMemo8, useRef as useRef11, useState as useState13 } from "react";
-function useAgentChat(options) {
-  const latest = useRef11(options);
+import { useCallback as useCallback11, useEffect as useEffect14, useMemo as useMemo11, useRef as useRef12, useState as useState14 } from "react";
+function useAgentChat(options = {}) {
+  const latest = useRef12(options);
   latest.current = options;
-  const [runId, setRunId] = useState13(options.resumeRunId);
-  const runIdRef = useRef11(runId);
+  const [runId, setRunId] = useState14(options.resumeRunId);
+  const runIdRef = useRef12(runId);
   runIdRef.current = runId;
-  const settlingRunIdRef = useRef11(void 0);
-  const autoResumeRunIdRef = useRef11(void 0);
-  const [autoResume, setAutoResume] = useState13(false);
-  const [activeRunId, setActiveRunId] = useState13(null);
-  const regenerateNext = useRef11(false);
-  const createdThreadId = useRef11(void 0);
-  const client = useMemo8(() => {
-    if (options.backend) return options.backend;
-    if (options.client) return options.client;
-    return new AgentClient({
-      ...options.baseUrl !== void 0 ? {
-        baseUrl: options.baseUrl
-      } : {},
-      ...options.credentials !== void 0 ? {
-        credentials: options.credentials
-      } : {},
-      ...options.fetch !== void 0 ? {
-        fetch: options.fetch
-      } : {},
-      getHeaders: /* @__PURE__ */ __name(async () => mergeHeaders(latest.current), "getHeaders")
-    });
-  }, []);
-  const [connection, setConnection] = useState13({
+  const settlingRunIdRef = useRef12(void 0);
+  const autoResumeRunIdRef = useRef12(void 0);
+  const [autoResume, setAutoResume] = useState14(false);
+  const [activeRunId, setActiveRunId] = useState14(null);
+  const regenerateNext = useRef12(false);
+  const createdThreadId = useRef12(void 0);
+  const resolved = useAgentBackend(options.backend);
+  const client = useRef12(resolved).current;
+  const [connection, setConnection] = useState14({
     status: "live"
   });
-  const resyncAfterSettle = useRef11(false);
-  useEffect13(() => {
+  const resyncAfterSettle = useRef12(false);
+  useEffect14(() => {
     if (!options.resume || options.threadId === void 0) return;
     let cancelled = false;
     const threadId = options.threadId;
@@ -4464,7 +5045,7 @@ function useAgentChat(options) {
     options.resume,
     options.threadId
   ]);
-  const transport = useMemo8(() => {
+  const transport = useMemo11(() => {
     function onMeta(meta) {
       settlingRunIdRef.current = meta.runId;
       setRunId(meta.runId);
@@ -4519,7 +5100,7 @@ function useAgentChat(options) {
       }, "onAttemptStart")
     });
   }, []);
-  const backgroundRef = useRef11(() => Promise.resolve());
+  const backgroundRef = useRef12(() => Promise.resolve());
   const chat = useChat({
     transport,
     resume: options.resumeRunId !== void 0 || autoResume,
@@ -4568,7 +5149,7 @@ function useAgentChat(options) {
       }
     }, "onFinish")
   });
-  const chatRef = useRef11(chat);
+  const chatRef = useRef12(chat);
   chatRef.current = chat;
   async function resyncFromThread() {
     const threadId = latest.current.threadId ?? createdThreadId.current;
@@ -4580,11 +5161,11 @@ function useAgentChat(options) {
     }
   }
   __name(resyncFromThread, "resyncFromThread");
-  const turnInFlight = useRef11(false);
-  const isTurnInFlight = useCallback10(() => turnInFlight.current || transport.isAttemptLive, [
+  const turnInFlight = useRef12(false);
+  const isTurnInFlight = useCallback11(() => turnInFlight.current || transport.isAttemptLive, [
     transport
   ]);
-  const sendMessage = useCallback10(async (...args) => {
+  const sendMessage = useCallback11(async (...args) => {
     const blocked = latest.current.blocked;
     if (blocked != null) throw new QuotaBlockedError(blocked);
     if (isTurnInFlight()) return;
@@ -4597,15 +5178,15 @@ function useAgentChat(options) {
   }, [
     isTurnInFlight
   ]);
-  const addToolResult = useCallback10(({ tool, toolCallId, output }) => chatRef.current.addToolResult({
+  const addToolResult = useCallback11(({ tool, toolCallId, output }) => chatRef.current.addToolResult({
     tool,
     toolCallId,
     output
   }), []);
-  const [threads, setThreads] = useState13([]);
-  const [quota, setQuota] = useState13(null);
-  const [backgroundRuns, setBackgroundRuns] = useState13([]);
-  const refreshBackground = useCallback10(async () => {
+  const [threads, setThreads] = useState14([]);
+  const [quota, setQuota] = useState14(null);
+  const [backgroundRuns, setBackgroundRuns] = useState14([]);
+  const refreshBackground = useCallback11(async () => {
     const threadId = latest.current.threadId ?? createdThreadId.current;
     if (threadId === void 0) {
       return;
@@ -4630,7 +5211,7 @@ function useAgentChat(options) {
   ]);
   backgroundRef.current = refreshBackground;
   const isWorking = backgroundRuns.some((run) => run.status === "running");
-  useEffect13(() => {
+  useEffect14(() => {
     if (options.background !== true || options.threadId === void 0) {
       return;
     }
@@ -4640,7 +5221,7 @@ function useAgentChat(options) {
     options.threadId,
     refreshBackground
   ]);
-  useEffect13(() => {
+  useEffect14(() => {
     const every = latest.current.backgroundPollMs ?? 5e3;
     if (latest.current.background !== true || !isWorking || every <= 0) {
       return;
@@ -4651,26 +5232,26 @@ function useAgentChat(options) {
     isWorking,
     refreshBackground
   ]);
-  const loadThreads = useCallback10(async () => {
+  const loadThreads = useCallback11(async () => {
     const list = await client.listThreads();
     setThreads(list);
     return list;
   }, [
     client
   ]);
-  const loadThread = useCallback10((id) => client.getThread(id), [
+  const loadThread = useCallback11((id) => client.getThread(id), [
     client
   ]);
-  const deleteThread = useCallback10(async (id) => {
+  const deleteThread = useCallback11(async (id) => {
     await client.deleteThread(id);
     setThreads((current) => current.filter((thread) => thread.id !== id));
   }, [
     client
   ]);
-  const forkThread = useCallback10((threadId, messageId) => requireBackendMethod(client, "forkFromMessage")(threadId, messageId), [
+  const forkThread = useCallback11((threadId, messageId) => requireBackendMethod(client, "forkFromMessage")(threadId, messageId), [
     client
   ]);
-  const renameThread = useCallback10(async (id, title) => {
+  const renameThread = useCallback11(async (id, title) => {
     await client.updateThread(id, {
       title
     });
@@ -4681,24 +5262,24 @@ function useAgentChat(options) {
   }, [
     client
   ]);
-  const promoteThread = useCallback10(async (id) => {
+  const promoteThread = useCallback11(async (id) => {
     await requireBackendMethod(client, "promoteThread")(id);
     await loadThreads();
   }, [
     client,
     loadThreads
   ]);
-  const truncateFromMessage = useCallback10((threadId, messageId) => requireBackendMethod(client, "truncateFromMessage")(threadId, messageId).then(() => void 0), [
+  const truncateFromMessage = useCallback11((threadId, messageId) => requireBackendMethod(client, "truncateFromMessage")(threadId, messageId).then(() => void 0), [
     client
   ]);
-  const loadQuota = useCallback10(async () => {
+  const loadQuota = useCallback11(async () => {
     const today = await requireBackendMethod(client, "getQuotaToday")();
     setQuota(today);
     return today;
   }, [
     client
   ]);
-  const cancel = useCallback10(async () => {
+  const cancel = useCallback11(async () => {
     chatRef.current.stop();
     const activeRunId2 = runIdRef.current;
     if (activeRunId2) {
@@ -4710,7 +5291,7 @@ function useAgentChat(options) {
   }, [
     client
   ]);
-  const approve = useCallback10(async ({ toolCallId, remember, via }) => {
+  const approve = useCallback11(async ({ toolCallId, remember, via }) => {
     await requireBackendMethod(client, "approveToolCall")({
       toolCallId,
       ...remember === true ? {
@@ -4723,7 +5304,7 @@ function useAgentChat(options) {
   }, [
     client
   ]);
-  const reject = useCallback10(async ({ toolCallId, reason, via }) => {
+  const reject = useCallback11(async ({ toolCallId, reason, via }) => {
     await requireBackendMethod(client, "rejectToolCall")({
       toolCallId,
       ...reason !== void 0 ? {
@@ -4736,7 +5317,7 @@ function useAgentChat(options) {
   }, [
     client
   ]);
-  const answer = useCallback10(async ({ toolCallId, answers }) => {
+  const answer = useCallback11(async ({ toolCallId, answers }) => {
     await requireBackendMethod(client, "answerToolCall")({
       toolCallId,
       ...answers !== void 0 ? {
@@ -4746,14 +5327,14 @@ function useAgentChat(options) {
   }, [
     client
   ]);
-  const skip = useCallback10(async ({ toolCallId }) => {
+  const skip = useCallback11(async ({ toolCallId }) => {
     await requireBackendMethod(client, "skipToolCall")({
       toolCallId
     });
   }, [
     client
   ]);
-  const regenerate = useCallback10(() => {
+  const regenerate = useCallback11(() => {
     const blocked = latest.current.blocked;
     if (blocked != null) throw new QuotaBlockedError(blocked);
     if (isTurnInFlight()) return;
@@ -4770,7 +5351,7 @@ function useAgentChat(options) {
     isWorking,
     refresh: refreshBackground
   };
-  const setThreadModel = useCallback10(async (model) => {
+  const setThreadModel = useCallback11(async (model) => {
     const threadId = latest.current.threadId ?? createdThreadId.current;
     if (threadId === void 0) {
       throw new Error("setThreadModel: this chat has no thread yet");
@@ -4784,7 +5365,7 @@ function useAgentChat(options) {
   }, [
     client
   ]);
-  const getThreadId = useCallback10(() => latest.current.threadId ?? createdThreadId.current, []);
+  const getThreadId = useCallback11(() => latest.current.threadId ?? createdThreadId.current, []);
   const status = connection.status === "reconnecting" ? "reconnecting" : chat.status;
   return {
     ...chat,
@@ -4804,10 +5385,8 @@ function useAgentChat(options) {
     */
     getThreadId,
     setThreadModel,
-    /** The backend this chat talks to — pass it to `useThreads`, `useMessageFeedback`, … */
+    /** The backend this chat talks to — the same one every other hook under the provider uses. */
     backend: client,
-    /** Same object as {@link backend}; kept for callers that read it under its old name. */
-    client,
     threads,
     loadThreads,
     loadThread,
@@ -4837,19 +5416,12 @@ var QuotaBlockedError = class extends Error {
     this.name = "QuotaBlockedError";
   }
 };
-async function mergeHeaders(options) {
-  const dynamic = await options.getHeaders?.() ?? {};
-  return {
-    ...options.headers,
-    ...dynamic
-  };
-}
-__name(mergeHeaders, "mergeHeaders");
 export {
   AgentBackendUnsupportedError,
   AgentChatTransport,
   AgentClient,
   AgentHttpError,
+  AgentProvider,
   AmbientRenderUiContext,
   ChatInput,
   DEFAULT_SPEECH_LANG,
@@ -4895,6 +5467,7 @@ export {
   storedThreadToUiMessages,
   toolCallState,
   toolCatalogFrom,
+  useAgentBackend,
   useAgentChat,
   useAgents,
   useAmbientRenderUi,