@dudousxd/nestjs-agent-react 0.20.0 → 0.22.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,41 +104,37 @@ 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)}`);
-  }
-  renameThread(id, title) {
-    return this.updateThread(id, {
-      title
-    });
+    return this.request("POST", `/threads/${encodeURIComponent(threadId)}/fork-from/${encodeURIComponent(messageId)}`);
   }
-  /** 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 = {}) {
-    if (this.options.attachments !== void 0) {
-      return this.options.attachments(file, options, this.connection());
+    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",
@@ -145,7 +146,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;
   }
@@ -154,7 +155,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);
@@ -165,7 +166,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);
@@ -188,39 +189,36 @@ 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");
-  }
-  getQuotaToday() {
-    return this.request("GET", "/agent/quota/today");
+    return this.request("GET", "/quota");
   }
   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
@@ -229,7 +227,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
@@ -237,7 +235,7 @@ 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;
@@ -246,13 +244,21 @@ var AgentClient = class {
   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?.() ?? {};
@@ -266,7 +272,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: {
@@ -397,6 +404,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
       } : {},
@@ -608,13 +618,14 @@ var AgentChatTransport = class {
         function ensureStarted() {
           if (started) return;
           started = true;
-          controller.enqueue(streamRunId !== void 0 ? {
+          controller.enqueue({
             type: "start",
             messageMetadata: {
-              runId: streamRunId
+              ...streamRunId !== void 0 ? {
+                runId: streamRunId
+              } : {},
+              createdAt: (/* @__PURE__ */ new Date()).toISOString()
             }
-          } : {
-            type: "start"
           });
         }
         __name(ensureStarted, "ensureStarted");
@@ -1102,7 +1113,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 {
@@ -1124,6 +1135,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"),
@@ -1131,23 +1706,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",
@@ -1181,7 +1763,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");
@@ -1227,7 +1809,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);
@@ -1235,19 +1817,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;
@@ -1261,12 +1843,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();
@@ -1274,7 +1856,7 @@ function useAttachments(options) {
   }, [
     add
   ]);
-  const dropZoneProps = useMemo(() => ({
+  const dropZoneProps = useMemo4(() => ({
     onDragEnter: /* @__PURE__ */ __name((event) => {
       if (!dragHasFiles(event.dataTransfer)) return;
       event.preventDefault();
@@ -1297,7 +1879,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,
@@ -1311,7 +1893,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 {
@@ -1345,18 +1927,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 {
@@ -1371,7 +1953,7 @@ function useResource(load2, key, enabled) {
       if (mine === generation.current) setIsLoading(false);
     }
   }, []);
-  useEffect3(() => {
+  useEffect4(() => {
     if (!enabled) return;
     void refresh();
   }, [
@@ -1389,10 +1971,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,
@@ -1411,11 +1994,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,
@@ -1445,7 +2029,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();
@@ -1469,10 +2053,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();
@@ -1482,7 +2067,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);
@@ -1491,7 +2076,7 @@ function useQuota(options) {
     pollMs,
     refresh
   ]);
-  return useMemo4(() => {
+  return useMemo7(() => {
     const windows = data?.windows ?? [];
     return {
       report: data,
@@ -1513,37 +2098,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);
@@ -1553,7 +2145,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 : {
@@ -1599,7 +2191,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);
@@ -1622,16 +2214,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 {
@@ -1648,7 +2241,7 @@ function useThreads(options) {
   }, [
     backend
   ]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (!enabled) return;
     void refresh();
     return onThreadsEvent(backend, (event) => {
@@ -1668,7 +2261,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,
@@ -1690,7 +2283,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 {
@@ -1764,29 +2357,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;
@@ -1794,15 +2369,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;
@@ -1841,7 +2416,7 @@ function useSpeechRecognition({ lang = "en-US", onFinalTranscript, onInterimTran
     ctor,
     lang
   ]);
-  const start = useCallback5(() => {
+  const start = useCallback6(() => {
     const recognition = recognitionRef.current;
     if (!recognition) return;
     try {
@@ -1851,7 +2426,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 {
@@ -1870,8 +2445,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) => {
@@ -1882,7 +2457,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
@@ -1949,7 +2524,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";
@@ -2046,21 +2621,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") {
@@ -2071,7 +2646,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")) {
@@ -2080,12 +2655,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
         }))
@@ -2461,7 +3036,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) {
@@ -2476,7 +3051,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) {
@@ -2543,12 +3118,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;
@@ -2558,7 +3133,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({
@@ -2586,7 +3161,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 = {};
@@ -2723,7 +3298,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);
@@ -2779,7 +3354,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;
@@ -2789,19 +3364,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;
@@ -2809,12 +3384,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({
@@ -2824,7 +3399,7 @@ function readPassages(part) {
       ...typeof candidate.source === "string" ? {
         source: candidate.source
       } : {},
-      ...isRecord2(candidate.metadata) ? {
+      ...isRecord3(candidate.metadata) ? {
         metadata: candidate.metadata
       } : {}
     });
@@ -2926,11 +3501,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;
@@ -2940,7 +3515,7 @@ function useStickToBottom({ contentKey, threshold = 32 }) {
   }, [
     threshold
   ]);
-  const scrollToBottom = useCallback6(() => {
+  const scrollToBottom = useCallback7(() => {
     const element = containerRef.current;
     if (!element) {
       return;
@@ -2948,7 +3523,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();
@@ -2956,7 +3531,7 @@ function useStickToBottom({ contentKey, threshold = 32 }) {
   }, [
     measure
   ]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (isAtBottom) {
       scrollToBottom();
     }
@@ -2965,7 +3540,7 @@ function useStickToBottom({ contentKey, threshold = 32 }) {
     isAtBottom,
     scrollToBottom
   ]);
-  const getContainerProps = useCallback6(() => ({
+  const getContainerProps = useCallback7(() => ({
     ref: setContainer,
     onScroll: measure
   }), [
@@ -2987,14 +3562,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);
     }
@@ -3011,7 +3586,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;
@@ -3019,8 +3594,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 ? {
@@ -3056,7 +3631,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) {
@@ -3074,41 +3649,45 @@ 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 backend = useAgentBackend();
+  const handlers = settleHandlers(options, backend);
+  const latest = useRef9({
     options,
+    handlers,
     drafts,
     picks,
     messages
   });
   latest.current = {
     options,
+    handlers,
     drafts,
     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");
@@ -3118,10 +3697,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;
@@ -3145,41 +3724,53 @@ 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;
+    const onAnswer = current.handlers.onAnswer;
     if (!onAnswer) {
       return;
     }
-    settle(toolCallId, "answer", () => onAnswer(toolCallId, answersFor(current.picks, toolCallId)));
+    settle(toolCallId, "answer", () => onAnswer({
+      toolCallId,
+      answers: answersFor(current.picks, toolCallId)
+    }));
   }, [
     settle
   ]);
-  const skip = useCallback7((toolCallId) => {
-    const onSkip = latest.current.options.onSkip;
+  const skip = useCallback8((toolCallId) => {
+    const onSkip = latest.current.handlers.onSkip;
     if (onSkip) {
-      settle(toolCallId, "skip", () => onSkip(toolCallId));
+      settle(toolCallId, "skip", () => onSkip({
+        toolCallId
+      }));
     }
   }, [
     settle
   ]);
-  const approve = useCallback7((toolCallId, options2) => {
-    const onApprove = latest.current.options.onApprove;
+  const approve = useCallback8((toolCallId, options2) => {
+    const onApprove = latest.current.handlers.onApprove;
     if (onApprove) {
-      settle(toolCallId, "approve", () => options2 === void 0 ? onApprove(toolCallId) : onApprove(toolCallId, options2));
+      settle(toolCallId, "approve", () => onApprove({
+        toolCallId,
+        ...options2?.remember === true ? {
+          remember: true
+        } : {}
+      }));
     }
   }, [
     settle
   ]);
-  const reject = useCallback7((toolCallId) => {
-    const onReject = latest.current.options.onReject;
+  const reject = useCallback8((toolCallId) => {
+    const onReject = latest.current.handlers.onReject;
     if (onReject) {
-      settle(toolCallId, "reject", () => onReject(toolCallId));
+      settle(toolCallId, "reject", () => onReject({
+        toolCallId
+      }));
     }
   }, [
     settle
   ]);
-  const callbacksFor = useCallback7((id) => {
+  const callbacksFor = useCallback8((id) => {
     const cached = callbackCache.current.get(id);
     if (cached) {
       return cached;
@@ -3229,13 +3820,20 @@ function useTranscriptItems({ messages, visibleStart, streamingMessageId, option
           return;
         }
         created.cancelEdit();
-        void latest.current.options.onEditSubmit?.(id, next);
+        void latest.current.options.onEditSubmit?.({
+          messageId: id,
+          text: next
+        });
       }, "save"),
       fork: /* @__PURE__ */ __name(() => {
-        void latest.current.options.onFork?.(id);
+        void latest.current.options.onFork?.({
+          messageId: id
+        });
       }, "fork"),
       regenerate: /* @__PURE__ */ __name(() => {
-        void latest.current.options.onRegenerate?.(id);
+        void latest.current.options.onRegenerate?.({
+          messageId: id
+        });
       }, "regenerate"),
       textareaRef: /* @__PURE__ */ __name((element) => {
         if (!element) {
@@ -3272,7 +3870,7 @@ function useTranscriptItems({ messages, visibleStart, streamingMessageId, option
     const draft = drafts.get(message.id);
     const isEditing = draft !== void 0;
     const text = extractMessageText(message.parts);
-    const usage = options.getUsage?.(message) ?? null;
+    const usage = (options.getUsage ?? usageFromMetadata)(message);
     const isUser = message.role === "user";
     const isAssistant = message.role === "assistant";
     const isLastAssistant = isAssistant && message.id === lastAssistantId;
@@ -3294,22 +3892,22 @@ function useTranscriptItems({ messages, visibleStart, streamingMessageId, option
         ...options.toolCatalog !== void 0 ? {
           toolCatalog: options.toolCatalog
         } : {},
-        ...options.onAnswer !== void 0 ? {
+        ...handlers.onAnswer !== void 0 ? {
           elicitation: {
             picked: /* @__PURE__ */ __name((toolCallId, questionId) => picks.get(pickKey(toolCallId, questionId)), "picked"),
             pick,
             canAnswer: true,
-            canSkip: options.onSkip !== void 0,
+            canSkip: handlers.onSkip !== void 0,
             answer,
             skip,
             submitting: /* @__PURE__ */ __name((toolCallId) => settling.get(toolCallId) ?? null, "submitting"),
             errorOf: /* @__PURE__ */ __name((toolCallId) => settleErrors.get(toolCallId) ?? null, "errorOf")
           }
         } : {},
-        ...options.onApprove !== void 0 || options.onReject !== void 0 ? {
+        ...handlers.onApprove !== void 0 || handlers.onReject !== void 0 ? {
           approval: {
-            canApprove: options.onApprove !== void 0,
-            canReject: options.onReject !== void 0,
+            canApprove: handlers.onApprove !== void 0,
+            canReject: handlers.onReject !== void 0,
             approve,
             reject,
             submitting: /* @__PURE__ */ __name((toolCallId) => settling.get(toolCallId) ?? null, "submitting"),
@@ -3319,7 +3917,7 @@ function useTranscriptItems({ messages, visibleStart, streamingMessageId, option
       }),
       text,
       usage: usage ? describeUsage(usage) : null,
-      timestamp: describeTimestamp(options.getCreatedAt?.(message)),
+      timestamp: describeTimestamp((options.getCreatedAt ?? createdAtFromMetadata)(message)),
       copy: {
         available: text.length > 0,
         copied: copied.has(message.id),
@@ -3354,6 +3952,43 @@ function useTranscriptItems({ messages, visibleStart, streamingMessageId, option
   return items;
 }
 __name(useTranscriptItems, "useTranscriptItems");
+function settleHandlers(options, backend) {
+  const pick = /* @__PURE__ */ __name((own, fallback2) => own === null ? void 0 : own ?? fallback2, "pick");
+  return {
+    onAnswer: pick(options.onAnswer, backend.answerToolCall ? async (input) => {
+      await backend.answerToolCall?.(input);
+    } : void 0),
+    onSkip: pick(options.onSkip, backend.skipToolCall ? async (input) => {
+      await backend.skipToolCall?.(input);
+    } : void 0),
+    onApprove: pick(options.onApprove, backend.approveToolCall ? async (input) => {
+      await backend.approveToolCall?.(input);
+    } : void 0),
+    onReject: pick(options.onReject, backend.rejectToolCall ? async (input) => {
+      await backend.rejectToolCall?.(input);
+    } : void 0)
+  };
+}
+__name(settleHandlers, "settleHandlers");
+function metadataOf2(message) {
+  const metadata = message.metadata;
+  return metadata !== null && typeof metadata === "object" ? metadata : {};
+}
+__name(metadataOf2, "metadataOf");
+function usageFromMetadata(message) {
+  const usage = metadataOf2(message).usage;
+  if (usage === void 0) return null;
+  return {
+    inputTokens: usage.inputTokens,
+    outputTokens: usage.outputTokens,
+    costUsd: usage.costUsd ?? null
+  };
+}
+__name(usageFromMetadata, "usageFromMetadata");
+function createdAtFromMetadata(message) {
+  return metadataOf2(message).createdAt ?? null;
+}
+__name(createdAtFromMetadata, "createdAtFromMetadata");
 function pickKey(toolCallId, questionId) {
   return `${toolCallId}|${questionId}`;
 }
@@ -3403,7 +4038,7 @@ function MessageItem({ message, isStreaming = false, editable, onEditSubmit, reg
       editable
     } : {},
     ...onEditSubmit ? {
-      onEditSubmit: /* @__PURE__ */ __name((_id, next) => onEditSubmit(next), "onEditSubmit")
+      onEditSubmit
     } : {},
     ...onFork ? {
       onFork
@@ -3412,7 +4047,7 @@ function MessageItem({ message, isStreaming = false, editable, onEditSubmit, reg
       regeneratable
     } : {},
     ...onRegenerate ? {
-      onRegenerate: /* @__PURE__ */ __name(() => onRegenerate(), "onRegenerate")
+      onRegenerate
     } : {},
     ...usage != null ? {
       getUsage: /* @__PURE__ */ __name(() => usage, "getUsage")
@@ -3807,11 +4442,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;
       });
@@ -3841,35 +4476,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([]);
@@ -3919,23 +4554,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];
@@ -3952,10 +4587,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) {
@@ -3993,23 +4628,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,
@@ -4037,7 +4672,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"
@@ -4045,7 +4680,7 @@ function useComposerAutocomplete(options) {
     listboxId,
     match
   ]);
-  const getOptionProps = useCallback8((index) => ({
+  const getOptionProps = useCallback9((index) => ({
     id: optionId(index),
     role: "option",
     "aria-selected": index === activeIndex
@@ -4079,7 +4714,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);
@@ -4101,13 +4736,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;
@@ -4116,7 +4752,7 @@ function useToolCatalog(options) {
     setLoading(true);
     load(client, agent).then((loaded) => {
       if (cancelled) return;
-      setEntries(loaded);
+      setEntries(Array.isArray(loaded) ? loaded : []);
       setError(null);
       setLoading(false);
     }, (failure) => {
@@ -4133,14 +4769,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 {
@@ -4154,7 +4790,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)) {
@@ -4172,10 +4808,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);
@@ -4344,14 +4980,27 @@ function storedMessageToUiMessage(message) {
     });
     parts.push(...pushedByCall.get(call.id) ?? []);
   }
+  const metadata = {
+    ...message.feedback !== void 0 ? {
+      feedback: message.feedback
+    } : {},
+    ...message.createdAt ? {
+      createdAt: message.createdAt
+    } : {},
+    ...message.usage !== void 0 ? {
+      usage: {
+        inputTokens: message.usage.inputTokens,
+        outputTokens: message.usage.outputTokens,
+        costUsd: message.usage.costUsd ?? null
+      }
+    } : {}
+  };
   return {
     id: message.id,
     role: message.role,
     parts,
-    ...message.feedback !== void 0 ? {
-      metadata: {
-        feedback: message.feedback
-      }
+    ...Object.keys(metadata).length > 0 ? {
+      metadata
     } : {}
   };
 }
@@ -4389,12 +5038,16 @@ function mergeTurn(rows) {
   const parts = rows.flatMap((row) => storedMessageToUiMessage(row).parts);
   const usage = sumUsage(rows);
   const feedback = lastRow.feedback;
+  const createdAt = rows[0]?.createdAt;
   const metadata = {
     ...usage !== void 0 ? {
       usage
     } : {},
     ...feedback !== void 0 ? {
       feedback
+    } : {},
+    ...createdAt ? {
+      createdAt
     } : {}
   };
   return {
@@ -4423,68 +5076,62 @@ __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";
+var localChatSequence = 0;
+function localChatId() {
+  localChatSequence += 1;
+  return `local-chat-${localChatSequence}`;
+}
+__name(localChatId, "localChatId");
+function useAgentChat(options = {}) {
+  const latest = useRef12(options);
   latest.current = options;
-  const [runId, setRunId] = useState13(options.resumeRunId);
-  const runIdRef = useRef11(runId);
+  const resolved = useAgentBackend(options.backend);
+  const client = useRef12(resolved).current;
+  const createdThreadId = useRef12(void 0);
+  const chatIdRef = useRef12(options.threadId ?? localChatId());
+  const boundThreadRef = useRef12(options.threadId);
+  if (options.threadId !== boundThreadRef.current) {
+    boundThreadRef.current = options.threadId;
+    const adopting = options.threadId !== void 0 && options.threadId === createdThreadId.current;
+    if (!adopting) {
+      chatIdRef.current = options.threadId ?? localChatId();
+      createdThreadId.current = void 0;
+    }
+  }
+  const chatId = chatIdRef.current;
+  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
-      } : {},
-      ...options.attachments !== void 0 ? {
-        attachments: options.attachments
-      } : {},
-      getHeaders: /* @__PURE__ */ __name(async () => mergeHeaders(latest.current), "getHeaders")
-    });
-  }, []);
-  const [connection, setConnection] = useState13({
+  const settlingRunIdRef = useRef12(void 0);
+  const autoResumeRunIdRef = useRef12(void 0);
+  const [activeRunId, setActiveRunId] = useState14(null);
+  const [isLoadingHistory, setIsLoadingHistory] = useState14(false);
+  const [historyError, setHistoryError] = useState14(null);
+  const [threadModel, setThreadModel] = useState14(null);
+  const [pickedModel, setPickedModel] = useState14(void 0);
+  const pickedModelRef = useRef12(pickedModel);
+  pickedModelRef.current = pickedModel;
+  const pendingPin = useRef12(void 0);
+  const regenerateNext = useRef12(false);
+  const currentThreadId = useCallback11(() => latest.current.threadId ?? createdThreadId.current, []);
+  const [connection, setConnection] = useState14({
     status: "live"
   });
-  const resyncAfterSettle = useRef11(false);
-  useEffect13(() => {
-    if (!options.resume || options.threadId === void 0) return;
-    let cancelled = false;
-    const threadId = options.threadId;
-    void client.getThread(threadId).then((thread) => {
-      if (cancelled) return;
-      setActiveRunId(thread.activeRunId ?? null);
-      if (thread.activeRunId != null) {
-        autoResumeRunIdRef.current = thread.activeRunId;
-        setAutoResume(true);
-      }
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [
-    client,
-    options.resume,
-    options.threadId
-  ]);
-  const transport = useMemo8(() => {
+  const resyncAfterSettle = useRef12(false);
+  const transport = useMemo11(() => {
     function onMeta(meta) {
       settlingRunIdRef.current = meta.runId;
       setRunId(meta.runId);
       if (latest.current.threadId === void 0 && meta.threadId && createdThreadId.current !== meta.threadId) {
         createdThreadId.current = meta.threadId;
+        const pin = pendingPin.current;
+        if (pin !== void 0) {
+          pendingPin.current = void 0;
+          void client.updateThread(meta.threadId, {
+            model: pin.model
+          }).catch(() => void 0);
+        }
         latest.current.onThreadCreated?.(meta.threadId);
         notifyThreads(client, {
           type: "changed"
@@ -4511,13 +5158,14 @@ function useAgentChat(options) {
         const pageContext = current.getPageContext?.() ?? null;
         const regenerate2 = regenerateNext.current;
         regenerateNext.current = false;
-        const threadId = current.threadId ?? createdThreadId.current;
+        const threadId = currentThreadId();
+        const model = current.model ?? pickedModelRef.current;
         return {
           ...threadId !== void 0 ? {
             threadId
           } : {},
-          ...current.model !== void 0 ? {
-            model: current.model
+          ...model !== void 0 ? {
+            model
           } : {},
           ...pageContext ? {
             pageContext
@@ -4534,13 +5182,11 @@ function useAgentChat(options) {
       }, "onAttemptStart")
     });
   }, []);
-  const backgroundRef = useRef11(() => Promise.resolve());
+  const backgroundRef = useRef12(() => Promise.resolve());
   const chat = useChat({
     transport,
-    resume: options.resumeRunId !== void 0 || autoResume,
-    ...options.threadId !== void 0 ? {
-      id: options.threadId
-    } : {},
+    id: chatId,
+    resume: options.resumeRunId !== void 0,
     ...options.initialMessages !== void 0 ? {
       messages: options.initialMessages
     } : {},
@@ -4550,7 +5196,7 @@ function useAgentChat(options) {
         const title = part.data?.title;
         if (typeof title === "string") {
           latest.current.onTitle?.(title);
-          const threadId = latest.current.threadId ?? createdThreadId.current;
+          const threadId = currentThreadId();
           if (threadId !== void 0) notifyThreads(client, {
             type: "title",
             threadId,
@@ -4583,10 +5229,10 @@ 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;
+    const threadId = currentThreadId();
     if (threadId === void 0) return;
     try {
       const thread = await client.getThread(threadId);
@@ -4595,13 +5241,75 @@ function useAgentChat(options) {
     }
   }
   __name(resyncFromThread, "resyncFromThread");
-  const turnInFlight = useRef11(false);
-  const isTurnInFlight = useCallback10(() => turnInFlight.current || transport.isAttemptLive, [
+  const firstChatId = useRef12(chatId);
+  useEffect14(() => {
+    if (chatId === firstChatId.current) return;
+    firstChatId.current = chatId;
+    setRunId(void 0);
+    setActiveRunId(null);
+    setThreadModel(null);
+    setBackgroundRuns([]);
+    setHistoryError(null);
+    autoResumeRunIdRef.current = void 0;
+    pendingPin.current = void 0;
+  }, [
+    chatId
+  ]);
+  useEffect14(() => {
+    const threadId = options.threadId;
+    if (threadId === void 0) return;
+    if (threadId === createdThreadId.current) return;
+    const current = latest.current;
+    const wantHistory = current.history !== false && current.initialMessages === void 0;
+    const wantResume = current.resume !== false && current.resumeRunId === void 0;
+    if (!wantHistory && !wantResume) return;
+    let cancelled = false;
+    if (wantHistory) setIsLoadingHistory(true);
+    client.getThread(threadId).then((thread) => {
+      if (cancelled || thread == null) return;
+      const active = thread.activeRunId ?? null;
+      const stored = Array.isArray(thread.messages) ? thread.messages : [];
+      setActiveRunId(active);
+      setThreadModel(thread.model ?? null);
+      setHistoryError(null);
+      const resuming = wantResume && active !== null;
+      if (wantHistory && chatRef.current.messages.length === 0) {
+        const rows = resuming ? stored.filter((message) => !(message.role === "assistant" && message.runId === active)) : stored;
+        chatRef.current.setMessages(storedThreadToUiMessages(rows));
+      }
+      if (resuming) {
+        autoResumeRunIdRef.current = active;
+        void chatRef.current.resumeStream();
+      }
+    }, (error) => {
+      if (cancelled) return;
+      setHistoryError(error instanceof Error ? error : new Error(String(error)));
+    }).finally(() => {
+      if (!cancelled) setIsLoadingHistory(false);
+    });
+    return () => {
+      cancelled = true;
+      setIsLoadingHistory(false);
+    };
+  }, [
+    client,
+    chatId,
+    options.threadId
+  ]);
+  const turnInFlight = useRef12(false);
+  const isTurnInFlight = useCallback11(() => turnInFlight.current || transport.isAttemptLive, [
     transport
   ]);
-  const sendMessage = useCallback10(async (...args) => {
-    const blocked = latest.current.blocked;
-    if (blocked != null) throw new QuotaBlockedError(blocked);
+  const quota = useQuota({
+    backend: client,
+    enabled: options.quota !== false && typeof client.getQuota === "function"
+  });
+  const blocked = options.blocked !== void 0 ? options.blocked : quota.blocked;
+  const blockedRef = useRef12(blocked);
+  blockedRef.current = blocked;
+  const sendMessage = useCallback11(async (...args) => {
+    const block = blockedRef.current;
+    if (block != null) throw new QuotaBlockedError(block);
     if (isTurnInFlight()) return;
     turnInFlight.current = true;
     try {
@@ -4612,16 +5320,14 @@ 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 threadId = latest.current.threadId ?? createdThreadId.current;
+  const [backgroundRuns, setBackgroundRuns] = useState14([]);
+  const refreshBackground = useCallback11(async () => {
+    const threadId = currentThreadId();
     if (threadId === void 0) {
       return;
     }
@@ -4641,11 +5347,12 @@ function useAgentChat(options) {
       ];
     });
   }, [
-    client
+    client,
+    currentThreadId
   ]);
   backgroundRef.current = refreshBackground;
   const isWorking = backgroundRuns.some((run) => run.status === "running");
-  useEffect13(() => {
+  useEffect14(() => {
     if (options.background !== true || options.threadId === void 0) {
       return;
     }
@@ -4653,9 +5360,10 @@ function useAgentChat(options) {
   }, [
     options.background,
     options.threadId,
+    chatId,
     refreshBackground
   ]);
-  useEffect13(() => {
+  useEffect14(() => {
     const every = latest.current.backgroundPollMs ?? 5e3;
     if (latest.current.background !== true || !isWorking || every <= 0) {
       return;
@@ -4666,66 +5374,19 @@ function useAgentChat(options) {
     isWorking,
     refreshBackground
   ]);
-  const loadThreads = useCallback10(async () => {
-    const list = await client.listThreads();
-    setThreads(list);
-    return list;
-  }, [
-    client
-  ]);
-  const loadThread = useCallback10((id) => client.getThread(id), [
-    client
-  ]);
-  const deleteThread = useCallback10(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), [
-    client
-  ]);
-  const renameThread = useCallback10(async (id, title) => {
-    await client.updateThread(id, {
-      title
-    });
-    setThreads((current) => current.map((thread) => thread.id === id ? {
-      ...thread,
-      title
-    } : thread));
-  }, [
-    client
-  ]);
-  const promoteThread = useCallback10(async (id) => {
-    await requireBackendMethod(client, "promoteThread")(id);
-    await loadThreads();
-  }, [
-    client,
-    loadThreads
-  ]);
-  const truncateFromMessage = useCallback10((threadId, messageId) => requireBackendMethod(client, "truncateFromMessage")(threadId, messageId).then(() => void 0), [
-    client
-  ]);
-  const loadQuota = useCallback10(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) {
+    const active = runIdRef.current;
+    if (active) {
       try {
-        await client.cancelStream(activeRunId2);
+        await client.cancelStream(active);
       } catch {
       }
     }
   }, [
     client
   ]);
-  const approve = useCallback10(async ({ toolCallId, remember, via }) => {
+  const approve = useCallback11(async ({ toolCallId, remember, via }) => {
     await requireBackendMethod(client, "approveToolCall")({
       toolCallId,
       ...remember === true ? {
@@ -4738,7 +5399,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 ? {
@@ -4751,7 +5412,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 ? {
@@ -4761,16 +5422,16 @@ function useAgentChat(options) {
   }, [
     client
   ]);
-  const skip = useCallback10(async ({ toolCallId }) => {
+  const skip = useCallback11(async ({ toolCallId }) => {
     await requireBackendMethod(client, "skipToolCall")({
       toolCallId
     });
   }, [
     client
   ]);
-  const regenerate = useCallback10(() => {
-    const blocked = latest.current.blocked;
-    if (blocked != null) throw new QuotaBlockedError(blocked);
+  const regenerate = useCallback11((_input) => {
+    const block = blockedRef.current;
+    if (block != null) throw new QuotaBlockedError(block);
     if (isTurnInFlight()) return;
     regenerateNext.current = true;
     turnInFlight.current = true;
@@ -4780,15 +5441,78 @@ function useAgentChat(options) {
   }, [
     isTurnInFlight
   ]);
-  const background = {
-    runs: backgroundRuns,
-    isWorking,
-    refresh: refreshBackground
-  };
-  const setThreadModel = useCallback10(async (model) => {
-    const threadId = latest.current.threadId ?? createdThreadId.current;
+  const storedIdOf = useCallback11(async (messageId, threadId) => {
+    const message = chatRef.current.messages.find((candidate) => candidate.id === messageId);
+    const runOf = message?.metadata?.runId;
+    if (runOf === void 0) return messageId;
+    const thread = await client.getThread(threadId);
+    const row = [
+      ...thread.messages
+    ].reverse().find((candidate) => candidate.role === "assistant" && candidate.runId === runOf);
+    return row?.id ?? messageId;
+  }, [
+    client
+  ]);
+  const fork = useCallback11(async ({ messageId, threadId }) => {
+    const source = threadId ?? currentThreadId();
+    if (source === void 0) throw new Error("fork: this chat has no thread yet");
+    const stored = await storedIdOf(messageId, source);
+    const forked = await requireBackendMethod(client, "forkFromMessage")(source, stored);
+    notifyThreads(client, {
+      type: "changed"
+    });
+    latest.current.onThreadCreated?.(forked.id);
+    return forked;
+  }, [
+    client,
+    currentThreadId,
+    storedIdOf
+  ]);
+  const truncateFrom = useCallback11(async ({ messageId, threadId }) => {
+    const target = threadId ?? currentThreadId();
+    if (target === void 0) throw new Error("truncateFrom: this chat has no thread yet");
+    const stored = await storedIdOf(messageId, target);
+    await requireBackendMethod(client, "truncateFromMessage")(target, stored);
+  }, [
+    client,
+    currentThreadId,
+    storedIdOf
+  ]);
+  const promote = useCallback11(async ({ threadId } = {}) => {
+    const target = threadId ?? currentThreadId();
+    if (target === void 0) throw new Error("promote: this chat has no thread yet");
+    await requireBackendMethod(client, "promoteThread")(target);
+    notifyThreads(client, {
+      type: "changed"
+    });
+  }, [
+    client,
+    currentThreadId
+  ]);
+  const [modelsWanted, setModelsWanted] = useState14(false);
+  const modelsWantedRef = useRef12(modelsWanted);
+  modelsWantedRef.current = modelsWanted;
+  const catalog = useModels({
+    backend: client,
+    ...options.agent !== void 0 ? {
+      agent: options.agent
+    } : {},
+    enabled: modelsWanted && typeof client.listModels === "function"
+  });
+  const wantModels = useCallback11(() => {
+    if (modelsWantedRef.current) return;
+    modelsWantedRef.current = true;
+    queueMicrotask(() => setModelsWanted(true));
+  }, []);
+  const selectModel = useCallback11((id) => setPickedModel(id), []);
+  const pinToThread = useCallback11(async (model) => {
+    const threadId = currentThreadId();
+    setThreadModel(model);
     if (threadId === void 0) {
-      throw new Error("setThreadModel: this chat has no thread yet");
+      pendingPin.current = {
+        model
+      };
+      return;
     }
     await client.updateThread(threadId, {
       model
@@ -4797,10 +5521,99 @@ function useAgentChat(options) {
       type: "changed"
     });
   }, [
-    client
+    client,
+    currentThreadId
   ]);
-  const getThreadId = useCallback10(() => latest.current.threadId ?? createdThreadId.current, []);
+  const models = {
+    get list() {
+      wantModels();
+      return catalog.models;
+    },
+    get providers() {
+      wantModels();
+      return catalog.providers;
+    },
+    selected: options.model ?? pickedModel ?? threadModel ?? catalog.defaultModel ?? null,
+    select: selectModel,
+    pinToThread,
+    isLoading: modelsWanted && catalog.isLoading,
+    error: catalog.error
+  };
   const status = connection.status === "reconnecting" ? "reconnecting" : chat.status;
+  const isBusy = status === "submitted" || status === "streaming" || status === "reconnecting";
+  const files = useAttachments({
+    ...options.composer,
+    backend: client
+  });
+  const [text, setText] = useState14("");
+  const blockedBy = blocked != null ? "quota" : files.isUploading ? "uploading" : isBusy ? "busy" : text.trim().length === 0 && files.attachments.length === 0 ? "empty" : null;
+  const composerRef = useRef12({
+    text,
+    files,
+    blockedBy
+  });
+  composerRef.current = {
+    text,
+    files,
+    blockedBy
+  };
+  const submit = useCallback11(async () => {
+    const current = composerRef.current;
+    if (current.blockedBy !== null) return;
+    const refs = current.files.refs;
+    const draft = current.text.trim();
+    setText("");
+    current.files.clear();
+    await sendMessage({
+      text: draft
+    }, refs.length > 0 ? {
+      body: {
+        attachments: refs
+      }
+    } : void 0);
+  }, [
+    sendMessage
+  ]);
+  const composer = {
+    text,
+    setText,
+    files,
+    canSend: blockedBy === null,
+    blockedBy,
+    submit
+  };
+  const ownCatalog = options.transcript?.toolCatalog;
+  const tools = useToolCatalog({
+    backend: client,
+    ...options.agent !== void 0 ? {
+      agent: options.agent
+    } : {},
+    enabled: ownCatalog === void 0 && typeof client.listTools === "function"
+  });
+  const canFork = typeof client.forkFromMessage === "function";
+  const transcript = useChatTranscript({
+    messages: chat.messages,
+    status,
+    onStop: cancel,
+    onApprove: approve,
+    onReject: reject,
+    onAnswer: answer,
+    onSkip: skip,
+    regeneratable: true,
+    onRegenerate: regenerate,
+    ...canFork ? {
+      onFork: /* @__PURE__ */ __name((input) => fork(input).then(() => void 0), "onFork")
+    } : {},
+    ...ownCatalog === void 0 ? {
+      toolCatalog: tools.catalog
+    } : {},
+    ...options.transcript
+  });
+  const background = {
+    runs: backgroundRuns,
+    isWorking,
+    refresh: refreshBackground
+  };
   return {
     ...chat,
     status,
@@ -4811,34 +5624,38 @@ function useAgentChat(options) {
     /** Sub-agents this conversation started and did not wait for. */
     background,
     runId,
-    /** The `resume`-fetched thread's active run id, or `null` once resolved with none. */
+    /** The loaded thread's running turn, or `null` once read with none. */
     activeRunId,
+    /** The thread's history is being read. */
+    isLoadingHistory,
+    /** Reading the thread's history failed. */
+    historyError,
     /**
     * The thread this chat is on right now: the `threadId` option, else the one the backend created
     * on the first send. A getter, because the created id is learned mid-stream.
     */
-    getThreadId,
-    setThreadModel,
-    /** The backend this chat talks to — pass it to `useThreads`, `useMessageFeedback`, … */
+    getThreadId: currentThreadId,
+    /** 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,
-    deleteThread,
-    forkThread,
-    renameThread,
-    promoteThread,
-    truncateFromMessage,
+    /** The transcript model, with every action already bound to this chat. */
+    transcript,
+    /** A headless composer: draft, files, send gate, `submit()`. */
+    composer,
+    /** The model picker: `list`, `selected`, `select(id)`, `pinToThread(id)`. */
+    models,
+    /** The caller's budget (`GET <base>/quota`); `quota.blocked` gates sends. */
     quota,
-    loadQuota,
+    /** The window blocking sends right now (the `blocked` option, else the quota report's). */
+    blocked,
     cancel,
     approve,
     reject,
     answer,
     skip,
-    regenerate
+    regenerate,
+    fork,
+    truncateFrom,
+    promote
   };
 }
 __name(useAgentChat, "useAgentChat");
@@ -4852,19 +5669,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,
@@ -4910,6 +5720,7 @@ export {
   storedThreadToUiMessages,
   toolCallState,
   toolCatalogFrom,
+  useAgentBackend,
   useAgentChat,
   useAgents,
   useAmbientRenderUi,