@dudousxd/nestjs-agent-react 0.22.1 → 0.24.0

package/dist/index.cjs

@@ -83,6 +83,7 @@ __export(src_exports, {
   toolCatalogFrom: () => toolCatalogFrom,
   useAgentBackend: () => useAgentBackend,
   useAgentChat: () => useAgentChat,
+  useAgentConfig: () => useAgentConfig,
   useAgents: () => useAgents,
   useAmbientRenderUi: () => useAmbientRenderUi,
   useApprovalCountdown: () => useApprovalCountdown,
@@ -305,6 +306,10 @@ var AgentClient = class {
   listAgents() {
     return this.request("GET", "/agents");
   }
+  /** `GET <path>/config` — attachment limits and upload mode, and which features are on. */
+  getConfig() {
+    return this.request("GET", "/config");
+  }
   /** `GET <path>/quota` — the caller's budget windows and the one blocking sends, if any. */
   getQuota() {
     return this.request("GET", "/quota");
@@ -962,6 +967,13 @@ var AgentChatTransport = class {
                 }
               });
               break;
+            case "message-metadata":
+              ensureStarted();
+              controller.enqueue({
+                type: "message-metadata",
+                messageMetadata: event.metadata
+              });
+              break;
             case "title":
             case "cancelled":
               forwardAsData(event, true);
@@ -1215,7 +1227,7 @@ function dragHasFiles(data) {
 __name(dragHasFiles, "dragHasFiles");
 
 // src/attachments/use-attachments.ts
-var import_react6 = require("react");
+var import_react7 = require("react");
 
 // src/backend.ts
 var AgentBackendUnsupportedError = class extends Error {
@@ -1237,6 +1249,9 @@ function requireBackendMethod(backend, name) {
 }
 __name(requireBackendMethod, "requireBackendMethod");
 
+// src/config/use-agent-config.ts
+var import_react6 = require("react");
+
 // src/provider.tsx
 var import_react5 = require("react");
 
@@ -1801,6 +1816,59 @@ function useAgentBackend(own) {
 }
 __name(useAgentBackend, "useAgentBackend");
 
+// src/config/use-agent-config.ts
+var shared = /* @__PURE__ */ new WeakMap();
+function load(backend) {
+  const getConfig = backend.getConfig;
+  if (typeof getConfig !== "function") return void 0;
+  let pending = shared.get(backend);
+  if (pending === void 0) {
+    pending = getConfig.call(backend).catch((error) => {
+      shared.delete(backend);
+      throw error;
+    });
+    shared.set(backend, pending);
+  }
+  return pending;
+}
+__name(load, "load");
+function useAgentConfig(options = {}) {
+  const backend = useAgentBackend(options.backend);
+  const enabled = options.enabled !== false;
+  const [config, setConfig] = (0, import_react6.useState)(void 0);
+  const [isLoading, setLoading] = (0, import_react6.useState)(false);
+  const [error, setError] = (0, import_react6.useState)(null);
+  (0, import_react6.useEffect)(() => {
+    if (!enabled) return;
+    const pending = load(backend);
+    if (pending === void 0) return;
+    let cancelled = false;
+    setLoading(true);
+    pending.then((loaded) => {
+      if (cancelled) return;
+      setConfig(loaded !== null && typeof loaded === "object" ? loaded : void 0);
+      setError(null);
+      setLoading(false);
+    }, (failure) => {
+      if (cancelled) return;
+      setError(failure instanceof Error ? failure : new Error(String(failure)));
+      setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [
+    backend,
+    enabled
+  ]);
+  return {
+    config,
+    isLoading,
+    error
+  };
+}
+__name(useAgentConfig, "useAgentConfig");
+
 // src/attachments/use-attachments.ts
 var DEFAULT_REJECTION = {
   type: /* @__PURE__ */ __name((file) => `${file.name} is not a supported file type`, "type"),
@@ -1810,26 +1878,40 @@ var DEFAULT_REJECTION = {
 var sequence = 0;
 function useAttachments(options = {}) {
   const backend = useAgentBackend(options.backend);
-  const latest = (0, import_react6.useRef)({
-    ...options,
+  const { config } = useAgentConfig({
     backend
   });
-  latest.current = {
+  const limits = config?.attachments;
+  const accept = options.accept ?? limits?.allowedContentTypes;
+  const maxBytes = options.maxBytes ?? limits?.maxBytes;
+  const maxFiles = options.maxFiles ?? limits?.maxPerMessage;
+  const effective = {
     ...options,
-    backend
+    backend,
+    ...accept !== void 0 ? {
+      accept
+    } : {},
+    ...maxBytes !== void 0 ? {
+      maxBytes
+    } : {},
+    ...maxFiles !== void 0 ? {
+      maxFiles
+    } : {}
   };
-  const [items, setItems] = (0, import_react6.useState)([]);
-  const itemsRef = (0, import_react6.useRef)(items);
+  const latest = (0, import_react7.useRef)(effective);
+  latest.current = effective;
+  const [items, setItems] = (0, import_react7.useState)([]);
+  const itemsRef = (0, import_react7.useRef)(items);
   itemsRef.current = items;
-  const controllers = (0, import_react6.useRef)(/* @__PURE__ */ new Map());
-  const [dragDepth, setDragDepth] = (0, import_react6.useState)(0);
-  const patch = (0, import_react6.useCallback)((id, change) => {
+  const controllers = (0, import_react7.useRef)(/* @__PURE__ */ new Map());
+  const [dragDepth, setDragDepth] = (0, import_react7.useState)(0);
+  const patch = (0, import_react7.useCallback)((id, change) => {
     setItems((current) => current.map((item) => item.id === id ? {
       ...item,
       ...change
     } : item));
   }, []);
-  const start = (0, import_react6.useCallback)((item) => {
+  const start = (0, import_react7.useCallback)((item) => {
     const { upload, backend: backend2 } = latest.current;
     const run = upload ?? (backend2.uploadAttachment !== void 0 ? backend2.uploadAttachment.bind(backend2) : void 0);
     if (run === void 0) {
@@ -1865,11 +1947,11 @@ function useAttachments(options = {}) {
   }, [
     patch
   ]);
-  const add = (0, import_react6.useCallback)((files) => {
+  const add = (0, import_react7.useCallback)((files) => {
     if (files == null) return;
-    const { accept: accept2, maxBytes, maxFiles, describeRejection } = latest.current;
+    const { accept: accept2, maxBytes: maxBytes2, maxFiles: maxFiles2, describeRejection } = latest.current;
     const describe = /* @__PURE__ */ __name((reason, file) => describeRejection?.(reason, file) ?? DEFAULT_REJECTION[reason](file), "describe");
-    let room = maxFiles === void 0 ? Number.POSITIVE_INFINITY : maxFiles - itemsRef.current.filter((item) => item.status !== "rejected").length;
+    let room = maxFiles2 === void 0 ? Number.POSITIVE_INFINITY : maxFiles2 - itemsRef.current.filter((item) => item.status !== "rejected").length;
     const staged = [];
     for (const file of Array.from(files)) {
       sequence += 1;
@@ -1881,7 +1963,7 @@ function useAttachments(options = {}) {
         type: file.type,
         progress: 0
       };
-      const reason = !acceptsFile(accept2, file) ? "type" : maxBytes !== void 0 && file.size > maxBytes ? "size" : room <= 0 ? "count" : void 0;
+      const reason = !acceptsFile(accept2, file) ? "type" : maxBytes2 !== void 0 && file.size > maxBytes2 ? "size" : room <= 0 ? "count" : void 0;
       if (reason !== void 0) {
         staged.push({
           ...base,
@@ -1911,7 +1993,7 @@ function useAttachments(options = {}) {
   }, [
     start
   ]);
-  const release = (0, import_react6.useCallback)((item) => {
+  const release = (0, import_react7.useCallback)((item) => {
     if (item === void 0) return;
     controllers.current.get(item.id)?.abort();
     controllers.current.delete(item.id);
@@ -1919,19 +2001,19 @@ function useAttachments(options = {}) {
       URL.revokeObjectURL(item.previewUrl);
     }
   }, []);
-  const remove = (0, import_react6.useCallback)((id) => {
+  const remove = (0, import_react7.useCallback)((id) => {
     release(itemsRef.current.find((item) => item.id === id));
     setItems((current) => current.filter((item) => item.id !== id));
   }, [
     release
   ]);
-  const clear = (0, import_react6.useCallback)(() => {
+  const clear = (0, import_react7.useCallback)(() => {
     for (const item of itemsRef.current) release(item);
     setItems([]);
   }, [
     release
   ]);
-  const retry = (0, import_react6.useCallback)((id) => {
+  const retry = (0, import_react7.useCallback)((id) => {
     const item = itemsRef.current.find((candidate) => candidate.id === id);
     if (item === void 0 || item.status !== "error") return;
     const { error: _previous, ...rest } = item;
@@ -1945,12 +2027,12 @@ function useAttachments(options = {}) {
   }, [
     start
   ]);
-  (0, import_react6.useEffect)(() => () => {
+  (0, import_react7.useEffect)(() => () => {
     for (const item of itemsRef.current) release(item);
   }, [
     release
   ]);
-  const onPaste = (0, import_react6.useCallback)((event) => {
+  const onPaste = (0, import_react7.useCallback)((event) => {
     const files = filesFromClipboard(event.clipboardData);
     if (files.length === 0) return;
     event.preventDefault();
@@ -1958,7 +2040,7 @@ function useAttachments(options = {}) {
   }, [
     add
   ]);
-  const dropZoneProps = (0, import_react6.useMemo)(() => ({
+  const dropZoneProps = (0, import_react7.useMemo)(() => ({
     onDragEnter: /* @__PURE__ */ __name((event) => {
       if (!dragHasFiles(event.dataTransfer)) return;
       event.preventDefault();
@@ -1980,11 +2062,10 @@ function useAttachments(options = {}) {
   }), [
     add
   ]);
-  const accept = options.accept;
-  const inputProps = (0, import_react6.useMemo)(() => ({
+  const inputProps = (0, import_react7.useMemo)(() => ({
     type: "file",
     accept: typeof accept === "string" ? accept : accept?.join(","),
-    multiple: options.maxFiles === void 0 || options.maxFiles > 1,
+    multiple: maxFiles === void 0 || maxFiles > 1,
     onChange: /* @__PURE__ */ __name((event) => {
       const input = event.currentTarget;
       add(input.files);
@@ -1992,12 +2073,11 @@ function useAttachments(options = {}) {
     }, "onChange")
   }), [
     accept,
-    options.maxFiles,
+    maxFiles,
     add
   ]);
-  return (0, import_react6.useMemo)(() => {
+  return (0, import_react7.useMemo)(() => {
     const ready = items.filter((item) => item.status === "ready" && item.attachment !== void 0);
-    const attachments = ready.map((item) => item.attachment);
     return {
       items,
       add,
@@ -2005,9 +2085,8 @@ function useAttachments(options = {}) {
       retry,
       clear,
       isUploading: items.some((item) => item.status === "uploading"),
-      attachments,
-      refs: attachments.map((attachment) => ({
-        mediaId: attachment.mediaId
+      refs: ready.map((item) => ({
+        mediaId: item.attachment.mediaId
       })),
       inputProps,
       dropZoneProps,
@@ -2029,18 +2108,18 @@ function useAttachments(options = {}) {
 __name(useAttachments, "useAttachments");
 
 // src/catalog/use-agents.ts
-var import_react8 = require("react");
+var import_react9 = require("react");
 
 // src/catalog/use-resource.ts
-var import_react7 = require("react");
-function useResource(load2, key, enabled) {
-  const [data, setData] = (0, import_react7.useState)(void 0);
-  const [isLoading, setIsLoading] = (0, import_react7.useState)(enabled);
-  const [error, setError] = (0, import_react7.useState)(null);
-  const loadRef = (0, import_react7.useRef)(load2);
-  loadRef.current = load2;
-  const generation = (0, import_react7.useRef)(0);
-  const refresh = (0, import_react7.useCallback)(async () => {
+var import_react8 = require("react");
+function useResource(load3, key, enabled) {
+  const [data, setData] = (0, import_react8.useState)(void 0);
+  const [isLoading, setIsLoading] = (0, import_react8.useState)(enabled);
+  const [error, setError] = (0, import_react8.useState)(null);
+  const loadRef = (0, import_react8.useRef)(load3);
+  loadRef.current = load3;
+  const generation = (0, import_react8.useRef)(0);
+  const refresh = (0, import_react8.useCallback)(async () => {
     const mine = ++generation.current;
     setIsLoading(true);
     try {
@@ -2055,7 +2134,7 @@ function useResource(load2, key, enabled) {
       if (mine === generation.current) setIsLoading(false);
     }
   }, []);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (!enabled) return;
     void refresh();
   }, [
@@ -2077,7 +2156,7 @@ function useAgents(options = {}) {
   const { enabled = true } = options;
   const backend = useAgentBackend(options.backend);
   const { data, isLoading, error, refresh } = useResource(() => requireBackendMethod(backend, "listAgents")(), "", enabled);
-  return (0, import_react8.useMemo)(() => {
+  return (0, import_react9.useMemo)(() => {
     const agents = data ?? [];
     return {
       agents,
@@ -2096,12 +2175,12 @@ function useAgents(options = {}) {
 __name(useAgents, "useAgents");
 
 // src/catalog/use-models.ts
-var import_react9 = require("react");
+var import_react10 = require("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 (0, import_react9.useMemo)(() => {
+  return (0, import_react10.useMemo)(() => {
     const providers = data?.providers ?? [];
     const models = providers.flatMap((provider) => provider.models.map((model) => ({
       ...model,
@@ -2131,7 +2210,7 @@ function useModels(options = {}) {
 __name(useModels, "useModels");
 
 // src/quota/use-quota.ts
-var import_react10 = require("react");
+var import_react11 = require("react");
 
 // src/threads/threads-events.ts
 var listeners = /* @__PURE__ */ new WeakMap();
@@ -2159,7 +2238,7 @@ function useQuota(options = {}) {
   const { enabled = true, pollMs } = options;
   const backend = useAgentBackend(options.backend);
   const { data, isLoading, error, refresh } = useResource(() => requireBackendMethod(backend, "getQuota")(), "", enabled);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (!enabled) return;
     return onThreadsEvent(backend, (event) => {
       if (event.type === "changed") void refresh();
@@ -2169,7 +2248,7 @@ function useQuota(options = {}) {
     enabled,
     refresh
   ]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (!enabled || pollMs === void 0 || pollMs <= 0) return;
     const timer = setInterval(() => void refresh(), pollMs);
     return () => clearInterval(timer);
@@ -2178,7 +2257,7 @@ function useQuota(options = {}) {
     pollMs,
     refresh
   ]);
-  return (0, import_react10.useMemo)(() => {
+  return (0, import_react11.useMemo)(() => {
     const windows = data?.windows ?? [];
     return {
       report: data,
@@ -2200,10 +2279,10 @@ function useQuota(options = {}) {
 __name(useQuota, "useQuota");
 
 // src/feedback/use-message-feedback.ts
-var import_react11 = require("react");
+var import_react12 = require("react");
 function useMessageFeedback(options = {}) {
   const backend = useAgentBackend(options.backend);
-  const latest = (0, import_react11.useRef)({
+  const latest = (0, import_react12.useRef)({
     ...options,
     backend
   });
@@ -2211,23 +2290,23 @@ function useMessageFeedback(options = {}) {
     ...options,
     backend
   };
-  const [local, setLocal] = (0, import_react11.useState)(/* @__PURE__ */ new Map());
-  const [pending, setPending] = (0, import_react11.useState)(/* @__PURE__ */ new Set());
-  const [error, setError] = (0, import_react11.useState)(null);
-  const localRef = (0, import_react11.useRef)(local);
+  const [local, setLocal] = (0, import_react12.useState)(/* @__PURE__ */ new Map());
+  const [pending, setPending] = (0, import_react12.useState)(/* @__PURE__ */ new Set());
+  const [error, setError] = (0, import_react12.useState)(null);
+  const localRef = (0, import_react12.useRef)(local);
   localRef.current = local;
-  const resolved = (0, import_react11.useRef)(/* @__PURE__ */ new Map());
-  const feedbackOf = (0, import_react11.useCallback)((message) => {
+  const resolved = (0, import_react12.useRef)(/* @__PURE__ */ new Map());
+  const feedbackOf = (0, import_react12.useCallback)((message) => {
     const mine = local.get(message.id);
     if (mine !== void 0) return mine.feedback;
     return metadataOf(message).feedback ?? null;
   }, [
     local
   ]);
-  const isPending = (0, import_react11.useCallback)((message) => pending.has(message.id), [
+  const isPending = (0, import_react12.useCallback)((message) => pending.has(message.id), [
     pending
   ]);
-  const storedIdFor = (0, import_react11.useCallback)(async (message) => {
+  const storedIdFor = (0, import_react12.useCallback)(async (message) => {
     const runId = metadataOf(message).runId;
     if (runId === void 0) return message.id;
     const known = resolved.current.get(message.id);
@@ -2247,7 +2326,7 @@ function useMessageFeedback(options = {}) {
     resolved.current.set(message.id, row.id);
     return row.id;
   }, []);
-  const rate = (0, import_react11.useCallback)(async (message, value, comment) => {
+  const rate = (0, import_react12.useCallback)(async (message, value, comment) => {
     const setFeedback = requireBackendMethod(latest.current.backend, "setMessageFeedback");
     const had = localRef.current.get(message.id);
     const optimistic = value === null ? null : {
@@ -2293,7 +2372,7 @@ function useMessageFeedback(options = {}) {
   }, [
     storedIdFor
   ]);
-  const toggle = (0, import_react11.useCallback)((message, value) => {
+  const toggle = (0, import_react12.useCallback)((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);
@@ -2316,17 +2395,17 @@ function metadataOf(message) {
 __name(metadataOf, "metadataOf");
 
 // src/threads/use-threads.ts
-var import_react12 = require("react");
+var import_react13 = require("react");
 function useThreads(options = {}) {
   const { enabled = true } = options;
   const backend = useAgentBackend(options.backend);
-  const [threads, setThreads] = (0, import_react12.useState)([]);
-  const [isLoading, setIsLoading] = (0, import_react12.useState)(enabled);
-  const [error, setError] = (0, import_react12.useState)(null);
-  const threadsRef = (0, import_react12.useRef)(threads);
+  const [threads, setThreads] = (0, import_react13.useState)([]);
+  const [isLoading, setIsLoading] = (0, import_react13.useState)(enabled);
+  const [error, setError] = (0, import_react13.useState)(null);
+  const threadsRef = (0, import_react13.useRef)(threads);
   threadsRef.current = threads;
-  const generation = (0, import_react12.useRef)(0);
-  const refresh = (0, import_react12.useCallback)(async () => {
+  const generation = (0, import_react13.useRef)(0);
+  const refresh = (0, import_react13.useCallback)(async () => {
     const mine = ++generation.current;
     setIsLoading(true);
     try {
@@ -2343,7 +2422,7 @@ function useThreads(options = {}) {
   }, [
     backend
   ]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (!enabled) return;
     void refresh();
     return onThreadsEvent(backend, (event) => {
@@ -2363,7 +2442,7 @@ function useThreads(options = {}) {
     enabled,
     refresh
   ]);
-  const rename = (0, import_react12.useCallback)(async (id, title) => {
+  const rename = (0, import_react13.useCallback)(async (id, title) => {
     const before = threadsRef.current;
     setThreads((current) => current.map((thread) => thread.id === id ? {
       ...thread,
@@ -2385,7 +2464,7 @@ function useThreads(options = {}) {
   }, [
     backend
   ]);
-  const remove = (0, import_react12.useCallback)(async (id) => {
+  const remove = (0, import_react13.useCallback)(async (id) => {
     const before = threadsRef.current;
     setThreads((current) => current.filter((thread) => thread.id !== id));
     try {
@@ -2460,10 +2539,10 @@ function backgroundRunsFromThread(messages) {
 __name(backgroundRunsFromThread, "backgroundRunsFromThread");
 
 // src/components/chat-input.tsx
-var import_react14 = __toESM(require("react"), 1);
+var import_react15 = __toESM(require("react"), 1);
 
 // src/components/use-speech-recognition.ts
-var import_react13 = require("react");
+var import_react14 = require("react");
 function getRecognitionCtor() {
   if (typeof window === "undefined") return null;
   const scope = window;
@@ -2471,15 +2550,15 @@ function getRecognitionCtor() {
 }
 __name(getRecognitionCtor, "getRecognitionCtor");
 function useSpeechRecognition({ lang = "en-US", onFinalTranscript, onInterimTranscript }) {
-  const recognitionRef = (0, import_react13.useRef)(null);
-  const [isListening, setIsListening] = (0, import_react13.useState)(false);
-  const ctor = (0, import_react13.useMemo)(() => getRecognitionCtor(), []);
+  const recognitionRef = (0, import_react14.useRef)(null);
+  const [isListening, setIsListening] = (0, import_react14.useState)(false);
+  const ctor = (0, import_react14.useMemo)(() => getRecognitionCtor(), []);
   const isSupported = ctor !== null;
-  const finalRef = (0, import_react13.useRef)(onFinalTranscript);
-  const interimRef = (0, import_react13.useRef)(onInterimTranscript);
+  const finalRef = (0, import_react14.useRef)(onFinalTranscript);
+  const interimRef = (0, import_react14.useRef)(onInterimTranscript);
   finalRef.current = onFinalTranscript;
   interimRef.current = onInterimTranscript;
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (!ctor) return;
     const recognition = new ctor();
     recognition.lang = lang;
@@ -2518,7 +2597,7 @@ function useSpeechRecognition({ lang = "en-US", onFinalTranscript, onInterimTran
     ctor,
     lang
   ]);
-  const start = (0, import_react13.useCallback)(() => {
+  const start = (0, import_react14.useCallback)(() => {
     const recognition = recognitionRef.current;
     if (!recognition) return;
     try {
@@ -2528,7 +2607,7 @@ function useSpeechRecognition({ lang = "en-US", onFinalTranscript, onInterimTran
       console.warn("SpeechRecognition start failed", error);
     }
   }, []);
-  const stop = (0, import_react13.useCallback)(() => {
+  const stop = (0, import_react14.useCallback)(() => {
     const recognition = recognitionRef.current;
     if (!recognition) return;
     try {
@@ -2547,8 +2626,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] = (0, import_react14.useState)("");
-  const [interim, setInterim] = (0, import_react14.useState)("");
+  const [value, setValue] = (0, import_react15.useState)("");
+  const [interim, setInterim] = (0, import_react15.useState)("");
   const speech = useSpeechRecognition({
     lang: speechLang,
     onFinalTranscript: /* @__PURE__ */ __name((text) => {
@@ -2559,7 +2638,7 @@ function ChatInput({ onSubmit, disabled, placeholder, rows = 2, enableSpeech = t
     }, "onFinalTranscript"),
     onInterimTranscript: /* @__PURE__ */ __name((text) => setInterim(text), "onInterimTranscript")
   });
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (!speech.isListening) setInterim("");
   }, [
     speech.isListening
@@ -2587,9 +2666,9 @@ function ChatInput({ onSubmit, disabled, placeholder, rows = 2, enableSpeech = t
   const displayValue = speech.isListening && interim ? `${value}${value && !value.endsWith(" ") ? " " : ""}${interim}` : value;
   const showMic = enableSpeech && speech.isSupported;
   const showStop = isStreaming && onStop !== void 0;
-  return /* @__PURE__ */ import_react14.default.createElement("div", {
+  return /* @__PURE__ */ import_react15.default.createElement("div", {
     className
-  }, /* @__PURE__ */ import_react14.default.createElement("textarea", {
+  }, /* @__PURE__ */ import_react15.default.createElement("textarea", {
     className: textareaClassName,
     rows,
     value: displayValue,
@@ -2600,17 +2679,17 @@ function ChatInput({ onSubmit, disabled, placeholder, rows = 2, enableSpeech = t
     }, "onChange"),
     onKeyDown: handleKeyDown,
     placeholder: placeholder ?? "Ask something (Enter to send, Shift+Enter for newline)"
-  }), /* @__PURE__ */ import_react14.default.createElement("button", {
+  }), /* @__PURE__ */ import_react15.default.createElement("button", {
     type: "button",
     className: sendButtonClassName,
     onClick: submit,
     disabled: disabled || !value.trim()
-  }, sendLabel), showStop ? /* @__PURE__ */ import_react14.default.createElement("button", {
+  }, sendLabel), showStop ? /* @__PURE__ */ import_react15.default.createElement("button", {
     type: "button",
     className: stopButtonClassName,
     onClick: /* @__PURE__ */ __name(() => void onStop(), "onClick"),
     "aria-label": "Stop generating"
-  }, stopLabel) : null, showMic ? /* @__PURE__ */ import_react14.default.createElement("button", {
+  }, stopLabel) : null, showMic ? /* @__PURE__ */ import_react15.default.createElement("button", {
     type: "button",
     className: micButtonClassName,
     onClick: toggleMic,
@@ -2623,10 +2702,10 @@ function ChatInput({ onSubmit, disabled, placeholder, rows = 2, enableSpeech = t
 __name(ChatInput, "ChatInput");
 
 // src/components/message-item.tsx
-var import_react17 = __toESM(require("react"), 1);
+var import_react18 = __toESM(require("react"), 1);
 
 // src/transcript/use-chat-transcript.ts
-var import_react16 = require("react");
+var import_react17 = require("react");
 
 // src/transcript/model.ts
 var import_nestjs_agent_core2 = require("@dudousxd/nestjs-agent-core");
@@ -3603,11 +3682,11 @@ function formatCostUsd(cost) {
 __name(formatCostUsd, "formatCostUsd");
 
 // src/transcript/use-stick-to-bottom.ts
-var import_react15 = require("react");
+var import_react16 = require("react");
 function useStickToBottom({ contentKey, threshold = 32 }) {
-  const containerRef = (0, import_react15.useRef)(null);
-  const [isAtBottom, setIsAtBottom] = (0, import_react15.useState)(true);
-  const measure = (0, import_react15.useCallback)(() => {
+  const containerRef = (0, import_react16.useRef)(null);
+  const [isAtBottom, setIsAtBottom] = (0, import_react16.useState)(true);
+  const measure = (0, import_react16.useCallback)(() => {
     const element = containerRef.current;
     if (!element) {
       return;
@@ -3617,7 +3696,7 @@ function useStickToBottom({ contentKey, threshold = 32 }) {
   }, [
     threshold
   ]);
-  const scrollToBottom = (0, import_react15.useCallback)(() => {
+  const scrollToBottom = (0, import_react16.useCallback)(() => {
     const element = containerRef.current;
     if (!element) {
       return;
@@ -3625,7 +3704,7 @@ function useStickToBottom({ contentKey, threshold = 32 }) {
     element.scrollTop = element.scrollHeight;
     setIsAtBottom(true);
   }, []);
-  const setContainer = (0, import_react15.useCallback)((element) => {
+  const setContainer = (0, import_react16.useCallback)((element) => {
     containerRef.current = element;
     if (element) {
       measure();
@@ -3633,7 +3712,7 @@ function useStickToBottom({ contentKey, threshold = 32 }) {
   }, [
     measure
   ]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (isAtBottom) {
       scrollToBottom();
     }
@@ -3642,7 +3721,7 @@ function useStickToBottom({ contentKey, threshold = 32 }) {
     isAtBottom,
     scrollToBottom
   ]);
-  const getContainerProps = (0, import_react15.useCallback)(() => ({
+  const getContainerProps = (0, import_react16.useCallback)(() => ({
     ref: setContainer,
     onScroll: measure
   }), [
@@ -3664,14 +3743,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 = (0, import_react16.useRef)(options);
+  const latest = (0, import_react17.useRef)(options);
   latest.current = options;
-  const [visibleCount, setVisibleCount] = (0, import_react16.useState)(initialVisibleCount);
-  const [stopRequested, setStopRequested] = (0, import_react16.useState)(false);
+  const [visibleCount, setVisibleCount] = (0, import_react17.useState)(initialVisibleCount);
+  const [stopRequested, setStopRequested] = (0, import_react17.useState)(false);
   const isStreaming = status === "streaming" || status === "reconnecting";
   const isBusy = status === "submitted" || isStreaming;
   const isEmpty = messages.length === 0;
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (!isBusy) {
       setStopRequested(false);
     }
@@ -3688,7 +3767,7 @@ function useChatTranscript(options) {
     streamingMessageId,
     options
   });
-  const stop = (0, import_react16.useCallback)(() => {
+  const stop = (0, import_react17.useCallback)(() => {
     const current = latest.current;
     if (current.status !== "submitted" && current.status !== "streaming" && current.status !== "reconnecting") {
       return;
@@ -3696,8 +3775,8 @@ function useChatTranscript(options) {
     setStopRequested(true);
     void current.onStop?.();
   }, []);
-  const loadEarlier = (0, import_react16.useCallback)(() => setVisibleCount((count) => count + (latest.current.loadEarlierStep ?? DEFAULT_LOAD_EARLIER_STEP)), []);
-  const showAll = (0, import_react16.useCallback)(() => setVisibleCount(latest.current.messages.length), []);
+  const loadEarlier = (0, import_react17.useCallback)(() => setVisibleCount((count) => count + (latest.current.loadEarlierStep ?? DEFAULT_LOAD_EARLIER_STEP)), []);
+  const showAll = (0, import_react17.useCallback)(() => setVisibleCount(latest.current.messages.length), []);
   const scroll = useStickToBottom({
     contentKey: contentSignature(messages),
     ...stickToBottomThreshold !== void 0 ? {
@@ -3733,7 +3812,7 @@ function useChatTranscript(options) {
 __name(useChatTranscript, "useChatTranscript");
 function useTranscriptItem(options) {
   const { message, isStreaming = false } = options;
-  const messagesRef = (0, import_react16.useRef)([
+  const messagesRef = (0, import_react17.useRef)([
     message
   ]);
   if (messagesRef.current[0] !== message) {
@@ -3751,15 +3830,15 @@ function useTranscriptItem(options) {
 }
 __name(useTranscriptItem, "useTranscriptItem");
 function useTranscriptItems({ messages, visibleStart, streamingMessageId, options }) {
-  const [drafts, setDrafts] = (0, import_react16.useState)(() => /* @__PURE__ */ new Map());
-  const [copied, setCopied] = (0, import_react16.useState)(() => /* @__PURE__ */ new Set());
-  const [openReasoning, setOpenReasoning] = (0, import_react16.useState)(() => /* @__PURE__ */ new Map());
-  const [picks, setPicks] = (0, import_react16.useState)(() => /* @__PURE__ */ new Map());
-  const [settling, setSettling] = (0, import_react16.useState)(() => /* @__PURE__ */ new Map());
-  const [settleErrors, setSettleErrors] = (0, import_react16.useState)(() => /* @__PURE__ */ new Map());
+  const [drafts, setDrafts] = (0, import_react17.useState)(() => /* @__PURE__ */ new Map());
+  const [copied, setCopied] = (0, import_react17.useState)(() => /* @__PURE__ */ new Set());
+  const [openReasoning, setOpenReasoning] = (0, import_react17.useState)(() => /* @__PURE__ */ new Map());
+  const [picks, setPicks] = (0, import_react17.useState)(() => /* @__PURE__ */ new Map());
+  const [settling, setSettling] = (0, import_react17.useState)(() => /* @__PURE__ */ new Map());
+  const [settleErrors, setSettleErrors] = (0, import_react17.useState)(() => /* @__PURE__ */ new Map());
   const backend = useAgentBackend();
   const handlers = settleHandlers(options, backend);
-  const latest = (0, import_react16.useRef)({
+  const latest = (0, import_react17.useRef)({
     options,
     handlers,
     drafts,
@@ -3773,23 +3852,23 @@ function useTranscriptItems({ messages, visibleStart, streamingMessageId, option
     picks,
     messages
   };
-  const copyTimers = (0, import_react16.useRef)(/* @__PURE__ */ new Map());
-  (0, import_react16.useEffect)(() => () => {
+  const copyTimers = (0, import_react17.useRef)(/* @__PURE__ */ new Map());
+  (0, import_react17.useEffect)(() => () => {
     for (const timer of copyTimers.current.values()) {
       clearTimeout(timer);
     }
     copyTimers.current.clear();
   }, []);
-  const callbackCache = (0, import_react16.useRef)(/* @__PURE__ */ new Map());
-  const reasoningToggleCache = (0, import_react16.useRef)(/* @__PURE__ */ new Map());
-  const toggleReasoning = (0, import_react16.useCallback)((key, open) => {
+  const callbackCache = (0, import_react17.useRef)(/* @__PURE__ */ new Map());
+  const reasoningToggleCache = (0, import_react17.useRef)(/* @__PURE__ */ new Map());
+  const toggleReasoning = (0, import_react17.useCallback)((key, open) => {
     setOpenReasoning((current) => {
       const next = new Map(current);
       next.set(key, open ?? !(current.get(key) ?? false));
       return next;
     });
   }, []);
-  const stableToggle = (0, import_react16.useCallback)((key) => {
+  const stableToggle = (0, import_react17.useCallback)((key) => {
     let cached = reasoningToggleCache.current.get(key);
     if (!cached) {
       cached = /* @__PURE__ */ __name((open) => toggleReasoning(key, open), "cached");
@@ -3799,10 +3878,10 @@ function useTranscriptItems({ messages, visibleStart, streamingMessageId, option
   }, [
     toggleReasoning
   ]);
-  const pick = (0, import_react16.useCallback)((toolCallId, questionId, values) => {
+  const pick = (0, import_react17.useCallback)((toolCallId, questionId, values) => {
     setPicks((current) => new Map(current).set(pickKey(toolCallId, questionId), values));
   }, []);
-  const settle = (0, import_react16.useCallback)((toolCallId, action, send) => {
+  const settle = (0, import_react17.useCallback)((toolCallId, action, send) => {
     setSettleErrors((current) => {
       if (!current.has(toolCallId)) {
         return current;
@@ -3826,7 +3905,7 @@ function useTranscriptItems({ messages, visibleStart, streamingMessageId, option
       failed(error);
     }
   }, []);
-  const answer = (0, import_react16.useCallback)((toolCallId) => {
+  const answer = (0, import_react17.useCallback)((toolCallId) => {
     const current = latest.current;
     const onAnswer = current.handlers.onAnswer;
     if (!onAnswer) {
@@ -3839,7 +3918,7 @@ function useTranscriptItems({ messages, visibleStart, streamingMessageId, option
   }, [
     settle
   ]);
-  const skip = (0, import_react16.useCallback)((toolCallId) => {
+  const skip = (0, import_react17.useCallback)((toolCallId) => {
     const onSkip = latest.current.handlers.onSkip;
     if (onSkip) {
       settle(toolCallId, "skip", () => onSkip({
@@ -3849,7 +3928,7 @@ function useTranscriptItems({ messages, visibleStart, streamingMessageId, option
   }, [
     settle
   ]);
-  const approve = (0, import_react16.useCallback)((toolCallId, options2) => {
+  const approve = (0, import_react17.useCallback)((toolCallId, options2) => {
     const onApprove = latest.current.handlers.onApprove;
     if (onApprove) {
       settle(toolCallId, "approve", () => onApprove({
@@ -3862,7 +3941,7 @@ function useTranscriptItems({ messages, visibleStart, streamingMessageId, option
   }, [
     settle
   ]);
-  const reject = (0, import_react16.useCallback)((toolCallId) => {
+  const reject = (0, import_react17.useCallback)((toolCallId) => {
     const onReject = latest.current.handlers.onReject;
     if (onReject) {
       settle(toolCallId, "reject", () => onReject({
@@ -3872,7 +3951,7 @@ function useTranscriptItems({ messages, visibleStart, streamingMessageId, option
   }, [
     settle
   ]);
-  const callbacksFor = (0, import_react16.useCallback)((id) => {
+  const callbacksFor = (0, import_react17.useCallback)((id) => {
     const cached = callbackCache.current.get(id);
     if (cached) {
       return cached;
@@ -4158,7 +4237,7 @@ function MessageItem({ message, isStreaming = false, editable, onEditSubmit, reg
       getCreatedAt: /* @__PURE__ */ __name(() => createdAt, "getCreatedAt")
     } : {}
   });
-  return /* @__PURE__ */ import_react17.default.createElement(MessageItemView, {
+  return /* @__PURE__ */ import_react18.default.createElement(MessageItemView, {
     item,
     ...slots
   });
@@ -4171,51 +4250,51 @@ function MessageItemView({ item, ...given }) {
     renderUi: ambientRenderUi
   } : given;
   const { classNames } = slots;
-  const actionRow = /* @__PURE__ */ import_react17.default.createElement("div", {
+  const actionRow = /* @__PURE__ */ import_react18.default.createElement("div", {
     className: classNames?.actions,
     "data-actions-for": item.role
-  }, item.copy.available ? /* @__PURE__ */ import_react17.default.createElement("button", {
+  }, item.copy.available ? /* @__PURE__ */ import_react18.default.createElement("button", {
     type: "button",
     onClick: item.copy.copy,
     className: classNames?.actionButton,
     title: item.copy.copied ? "Copied!" : "Copy message text"
-  }, item.copy.copied ? "Copied" : "Copy") : null, item.fork.available ? /* @__PURE__ */ import_react17.default.createElement("button", {
+  }, item.copy.copied ? "Copied" : "Copy") : null, item.fork.available ? /* @__PURE__ */ import_react18.default.createElement("button", {
     type: "button",
     onClick: item.fork.run,
     className: classNames?.actionButton,
     title: "Fork thread from this message"
-  }, "Fork") : null, item.regenerate.available ? /* @__PURE__ */ import_react17.default.createElement("button", {
+  }, "Fork") : null, item.regenerate.available ? /* @__PURE__ */ import_react18.default.createElement("button", {
     type: "button",
     onClick: item.regenerate.run,
     className: classNames?.actionButton,
     title: "Regenerate response"
-  }, "Regenerate") : null, slots.meta, !item.isUser && item.usage ? /* @__PURE__ */ import_react17.default.createElement("span", {
+  }, "Regenerate") : null, slots.meta, !item.isUser && item.usage ? /* @__PURE__ */ import_react18.default.createElement("span", {
     className: classNames?.usage,
     title: `Input ${item.usage.inputTokens.toLocaleString()} \xB7 Output ${item.usage.outputTokens.toLocaleString()} tokens`
-  }, item.usage.costLabel, " \xB7 ", item.usage.tokensLabel) : null, item.timestamp ? /* @__PURE__ */ import_react17.default.createElement("span", {
+  }, item.usage.costLabel, " \xB7 ", item.usage.tokensLabel) : null, item.timestamp ? /* @__PURE__ */ import_react18.default.createElement("span", {
     className: classNames?.timestamp,
     title: item.timestamp.absolute
   }, item.timestamp.relative) : null);
   if (item.edit.available) {
-    return /* @__PURE__ */ import_react17.default.createElement(EditableUserBubble, {
+    return /* @__PURE__ */ import_react18.default.createElement(EditableUserBubble, {
       item,
       slots,
       actions: actionRow
     });
   }
   const className = joinClasses(classNames?.root, classNames?.byRole?.[item.role]);
-  return /* @__PURE__ */ import_react17.default.createElement("div", {
+  return /* @__PURE__ */ import_react18.default.createElement("div", {
     className,
     "data-role": item.role,
     "data-streaming": item.isStreaming ? "true" : void 0
-  }, /* @__PURE__ */ import_react17.default.createElement("div", null, renderBlocks(item, slots)), actionRow);
+  }, /* @__PURE__ */ import_react18.default.createElement("div", null, renderBlocks(item, slots)), actionRow);
 }
 __name(MessageItemView, "MessageItemView");
 function renderBlocks(item, slots) {
   const nodes = [];
   for (const block of item.blocks) {
     if (block.kind === "text") {
-      nodes.push(/* @__PURE__ */ import_react17.default.createElement("div", {
+      nodes.push(/* @__PURE__ */ import_react18.default.createElement("div", {
         key: block.key,
         className: slots.classNames?.text
       }, slots.renderText ? slots.renderText(block.text, {
@@ -4236,7 +4315,7 @@ function renderBlocks(item, slots) {
       continue;
     }
     if (block.kind === "ui" && slots.renderUi) {
-      nodes.push(/* @__PURE__ */ import_react17.default.createElement("div", {
+      nodes.push(/* @__PURE__ */ import_react18.default.createElement("div", {
         key: block.key,
         "data-slot": "ui",
         "data-component": block.component
@@ -4247,18 +4326,18 @@ function renderBlocks(item, slots) {
 }
 __name(renderBlocks, "renderBlocks");
 function renderFilesBlock(block, slots) {
-  return /* @__PURE__ */ import_react17.default.createElement("div", {
+  return /* @__PURE__ */ import_react18.default.createElement("div", {
     key: block.key,
     className: slots.classNames?.files,
     "data-files": "true"
-  }, slots.renderFiles ? slots.renderFiles(block.files) : block.files.map((file) => /* @__PURE__ */ import_react17.default.createElement("a", {
+  }, slots.renderFiles ? slots.renderFiles(block.files) : block.files.map((file) => /* @__PURE__ */ import_react18.default.createElement("a", {
     key: file.url,
     href: file.url,
     target: "_blank",
     rel: "noreferrer",
     className: slots.classNames?.file,
     title: file.filename ?? file.mediaType
-  }, file.isImage ? /* @__PURE__ */ import_react17.default.createElement("img", {
+  }, file.isImage ? /* @__PURE__ */ import_react18.default.createElement("img", {
     src: file.url,
     alt: file.filename ?? "image",
     className: slots.classNames?.fileImage
@@ -4266,17 +4345,17 @@ function renderFilesBlock(block, slots) {
 }
 __name(renderFilesBlock, "renderFilesBlock");
 function renderReasoningBlock(block, slots) {
-  return /* @__PURE__ */ import_react17.default.createElement("div", {
+  return /* @__PURE__ */ import_react18.default.createElement("div", {
     key: block.key,
     className: slots.classNames?.reasoning,
     "data-reasoning": "true",
     "data-streaming": block.isStreaming ? "true" : void 0
-  }, /* @__PURE__ */ import_react17.default.createElement("button", {
+  }, /* @__PURE__ */ import_react18.default.createElement("button", {
     type: "button",
     className: slots.classNames?.reasoningToggle,
     onClick: /* @__PURE__ */ __name(() => block.toggle(), "onClick"),
     "aria-expanded": block.isOpen
-  }, slots.reasoningLabel ?? "Reasoning"), block.isOpen ? /* @__PURE__ */ import_react17.default.createElement("div", {
+  }, slots.reasoningLabel ?? "Reasoning"), block.isOpen ? /* @__PURE__ */ import_react18.default.createElement("div", {
     className: slots.classNames?.reasoningText
   }, slots.renderReasoning ? slots.renderReasoning(block.text, {
     isStreaming: block.isStreaming,
@@ -4287,7 +4366,7 @@ __name(renderReasoningBlock, "renderReasoningBlock");
 function renderToolBlock(item, block, slots) {
   if (slots.renderToolGroup) {
     return [
-      /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, {
+      /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, {
         key: block.key
       }, slots.renderToolGroup(block.parts, block.key))
     ];
@@ -4298,7 +4377,7 @@ function renderToolBlock(item, block, slots) {
   const renderToolPart = slots.renderToolPart;
   return block.parts.map((part) => {
     const partKey = `${item.id}-${part.toolCallId}`;
-    return /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, {
+    return /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, {
       key: partKey
     }, renderToolPart(part, partKey));
   });
@@ -4308,14 +4387,14 @@ function EditableUserBubble({ item, slots, actions }) {
   const { classNames } = slots;
   const { edit } = item;
   if (!edit.isEditing) {
-    return /* @__PURE__ */ import_react17.default.createElement("div", {
+    return /* @__PURE__ */ import_react18.default.createElement("div", {
       className: joinClasses(classNames?.root, classNames?.byRole?.user),
       "data-role": "user"
-    }, /* @__PURE__ */ import_react17.default.createElement("div", {
+    }, /* @__PURE__ */ import_react18.default.createElement("div", {
       className: classNames?.text
     }, slots.renderText ? slots.renderText(item.text, {
       isStreaming: false
-    }) : item.text), /* @__PURE__ */ import_react17.default.createElement("button", {
+    }) : item.text), /* @__PURE__ */ import_react18.default.createElement("button", {
       type: "button",
       onClick: edit.start,
       className: classNames?.actionButton,
@@ -4323,18 +4402,18 @@ function EditableUserBubble({ item, slots, actions }) {
     }, "Edit"), actions);
   }
   const textareaProps = edit.getTextareaProps();
-  return /* @__PURE__ */ import_react17.default.createElement("div", {
+  return /* @__PURE__ */ import_react18.default.createElement("div", {
     "data-editing": "true"
-  }, /* @__PURE__ */ import_react17.default.createElement("textarea", {
+  }, /* @__PURE__ */ import_react18.default.createElement("textarea", {
     ...textareaProps,
     rows: Math.min(8, edit.draft.split("\n").length + 1),
     className: classNames?.editTextarea
-  }), /* @__PURE__ */ import_react17.default.createElement("div", {
+  }), /* @__PURE__ */ import_react18.default.createElement("div", {
     className: classNames?.editActions
-  }, /* @__PURE__ */ import_react17.default.createElement("button", {
+  }, /* @__PURE__ */ import_react18.default.createElement("button", {
     type: "button",
     onClick: edit.cancel
-  }, "Cancel"), /* @__PURE__ */ import_react17.default.createElement("button", {
+  }, "Cancel"), /* @__PURE__ */ import_react18.default.createElement("button", {
     type: "button",
     onClick: edit.save,
     disabled: !edit.canSave
@@ -4578,35 +4657,35 @@ function toItem(entry) {
 __name(toItem, "toItem");
 
 // src/composer/use-composer-autocomplete.ts
-var import_react18 = require("react");
+var import_react19 = require("react");
 function useComposerAutocomplete(options) {
   const { value, sources, acceptOnTab = true } = options;
-  const latest = (0, import_react18.useRef)(options);
+  const latest = (0, import_react19.useRef)(options);
   latest.current = options;
-  const inputRef = (0, import_react18.useRef)(null);
-  const [caret, setCaret] = (0, import_react18.useState)(value.length);
-  const [items, setItems] = (0, import_react18.useState)([]);
-  const [isLoading, setLoading] = (0, import_react18.useState)(false);
-  const [error, setError] = (0, import_react18.useState)(null);
-  const [activeIndex, setActiveIndex] = (0, import_react18.useState)(0);
-  const [dismissedIndex, setDismissedIndex] = (0, import_react18.useState)(null);
+  const inputRef = (0, import_react19.useRef)(null);
+  const [caret, setCaret] = (0, import_react19.useState)(value.length);
+  const [items, setItems] = (0, import_react19.useState)([]);
+  const [isLoading, setLoading] = (0, import_react19.useState)(false);
+  const [error, setError] = (0, import_react19.useState)(null);
+  const [activeIndex, setActiveIndex] = (0, import_react19.useState)(0);
+  const [dismissedIndex, setDismissedIndex] = (0, import_react19.useState)(null);
   const safeCaret = Math.min(caret, value.length);
-  const match = (0, import_react18.useMemo)(() => findActiveTrigger(value, safeCaret, sources), [
+  const match = (0, import_react19.useMemo)(() => findActiveTrigger(value, safeCaret, sources), [
     value,
     safeCaret,
     sources
   ]);
   const isActive = match !== null && dismissedIndex !== match.index;
-  const matchRef = (0, import_react18.useRef)(match);
+  const matchRef = (0, import_react19.useRef)(match);
   matchRef.current = match;
-  const caretRef = (0, import_react18.useRef)(safeCaret);
+  const caretRef = (0, import_react19.useRef)(safeCaret);
   caretRef.current = safeCaret;
-  const itemsRef = (0, import_react18.useRef)(items);
+  const itemsRef = (0, import_react19.useRef)(items);
   itemsRef.current = items;
-  const activeIndexRef = (0, import_react18.useRef)(activeIndex);
+  const activeIndexRef = (0, import_react19.useRef)(activeIndex);
   activeIndexRef.current = activeIndex;
   const requestKey = isActive && match ? `${match.source.id}\0${match.query}` : null;
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     const current = matchRef.current;
     if (requestKey === null || current === null) {
       setItems([]);
@@ -4654,25 +4733,25 @@ function useComposerAutocomplete(options) {
   ]);
   const isOpen = isActive;
   const activeItem = isOpen ? items[activeIndex] ?? null : null;
-  const reactId = (0, import_react18.useId)();
+  const reactId = (0, import_react19.useId)();
   const listboxId = options.id ?? `agent-autocomplete-${reactId}`;
-  const optionId = (0, import_react18.useCallback)((index) => `${listboxId}-option-${index}`, [
+  const optionId = (0, import_react19.useCallback)((index) => `${listboxId}-option-${index}`, [
     listboxId
   ]);
-  const highlight = (0, import_react18.useCallback)((index) => {
+  const highlight = (0, import_react19.useCallback)((index) => {
     const total = itemsRef.current.length;
     if (total === 0) return;
     setActiveIndex((index % total + total) % total);
   }, []);
-  const moveHighlight = (0, import_react18.useCallback)((delta) => highlight(activeIndexRef.current + delta), [
+  const moveHighlight = (0, import_react19.useCallback)((delta) => highlight(activeIndexRef.current + delta), [
     highlight
   ]);
-  const dismiss = (0, import_react18.useCallback)(() => {
+  const dismiss = (0, import_react19.useCallback)(() => {
     const current = matchRef.current;
     if (current) setDismissedIndex(current.index);
   }, []);
-  const pendingCaret = (0, import_react18.useRef)(null);
-  const accept = (0, import_react18.useCallback)((item) => {
+  const pendingCaret = (0, import_react19.useRef)(null);
+  const accept = (0, import_react19.useCallback)((item) => {
     const current = matchRef.current;
     if (!current) return;
     const chosen = item ?? itemsRef.current[activeIndexRef.current];
@@ -4683,16 +4762,16 @@ function useComposerAutocomplete(options) {
     setDismissedIndex(null);
     pendingCaret.current = edit.caret;
   }, []);
-  (0, import_react18.useLayoutEffect)(() => {
+  (0, import_react19.useLayoutEffect)(() => {
     const position = pendingCaret.current;
     if (position === null) return;
     pendingCaret.current = null;
     inputRef.current?.setSelectionRange(position, position);
   });
-  const readCaret = (0, import_react18.useCallback)((element) => {
+  const readCaret = (0, import_react19.useCallback)((element) => {
     setCaret(element.selectionStart ?? element.value.length);
   }, []);
-  const onKeyDown = (0, import_react18.useCallback)((event) => {
+  const onKeyDown = (0, import_react19.useCallback)((event) => {
     if (!isOpen) return;
     const hasItems = itemsRef.current.length > 0;
     switch (event.key) {
@@ -4730,23 +4809,23 @@ function useComposerAutocomplete(options) {
     dismiss,
     moveHighlight
   ]);
-  const onChange = (0, import_react18.useCallback)((event) => {
+  const onChange = (0, import_react19.useCallback)((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 = (0, import_react18.useCallback)((event) => readCaret(event.currentTarget), [
+  const onSelect = (0, import_react19.useCallback)((event) => readCaret(event.currentTarget), [
     readCaret
   ]);
-  const onClick = (0, import_react18.useCallback)((event) => readCaret(event.currentTarget), [
+  const onClick = (0, import_react19.useCallback)((event) => readCaret(event.currentTarget), [
     readCaret
   ]);
-  const setInput = (0, import_react18.useCallback)((element) => {
+  const setInput = (0, import_react19.useCallback)((element) => {
     inputRef.current = element;
   }, []);
-  const getInputProps = (0, import_react18.useCallback)(() => ({
+  const getInputProps = (0, import_react19.useCallback)(() => ({
     ref: setInput,
     onChange,
     onKeyDown,
@@ -4774,7 +4853,7 @@ function useComposerAutocomplete(options) {
     activeIndex,
     optionId
   ]);
-  const getListboxProps = (0, import_react18.useCallback)(() => ({
+  const getListboxProps = (0, import_react19.useCallback)(() => ({
     id: listboxId,
     role: "listbox",
     "aria-label": match?.source.label ?? match?.source.id ?? "Suggestions"
@@ -4782,7 +4861,7 @@ function useComposerAutocomplete(options) {
     listboxId,
     match
   ]);
-  const getOptionProps = (0, import_react18.useCallback)((index) => ({
+  const getOptionProps = (0, import_react19.useCallback)((index) => ({
     id: optionId(index),
     role: "option",
     "aria-selected": index === activeIndex
@@ -4816,13 +4895,13 @@ function isPromise(value) {
 __name(isPromise, "isPromise");
 
 // src/presentation/use-tool-catalog.ts
-var import_react19 = require("react");
-var shared = /* @__PURE__ */ new WeakMap();
-function load(client, agent) {
-  let byAgent = shared.get(client);
+var import_react20 = require("react");
+var shared2 = /* @__PURE__ */ new WeakMap();
+function load2(client, agent) {
+  let byAgent = shared2.get(client);
   if (byAgent === void 0) {
     byAgent = /* @__PURE__ */ new Map();
-    shared.set(client, byAgent);
+    shared2.set(client, byAgent);
   }
   const key = agent ?? "";
   const cached = byAgent.get(key);
@@ -4837,22 +4916,22 @@ function load(client, agent) {
   byAgent.set(key, request);
   return request;
 }
-__name(load, "load");
+__name(load2, "load");
 function useToolCatalog(options = {}) {
   const { agent, enabled = true } = options;
   const client = useAgentBackend(options.backend);
-  const [entries, setEntries] = (0, import_react19.useState)([]);
-  const [isLoading, setLoading] = (0, import_react19.useState)(enabled);
-  const [error, setError] = (0, import_react19.useState)(null);
-  const [generation, setGeneration] = (0, import_react19.useState)(0);
-  (0, import_react19.useEffect)(() => {
+  const [entries, setEntries] = (0, import_react20.useState)([]);
+  const [isLoading, setLoading] = (0, import_react20.useState)(enabled);
+  const [error, setError] = (0, import_react20.useState)(null);
+  const [generation, setGeneration] = (0, import_react20.useState)(0);
+  (0, import_react20.useEffect)(() => {
     if (!enabled) {
       setLoading(false);
       return;
     }
     let cancelled = false;
     setLoading(true);
-    load(client, agent).then((loaded) => {
+    load2(client, agent).then((loaded) => {
       if (cancelled) return;
       setEntries(Array.isArray(loaded) ? loaded : []);
       setError(null);
@@ -4871,14 +4950,14 @@ function useToolCatalog(options = {}) {
     enabled,
     generation
   ]);
-  const refresh = (0, import_react19.useCallback)(() => {
-    shared.get(client)?.delete(agent ?? "");
+  const refresh = (0, import_react20.useCallback)(() => {
+    shared2.get(client)?.delete(agent ?? "");
     setGeneration((current) => current + 1);
   }, [
     client,
     agent
   ]);
-  const catalog = (0, import_react19.useMemo)(() => toolCatalogFrom(entries), [
+  const catalog = (0, import_react20.useMemo)(() => toolCatalogFrom(entries), [
     entries
   ]);
   return {
@@ -4892,7 +4971,7 @@ function useToolCatalog(options = {}) {
 __name(useToolCatalog, "useToolCatalog");
 
 // src/approvals/countdown.ts
-var import_react20 = require("react");
+var import_react21 = require("react");
 function approvalCountdown(expiresAt, now = Date.now()) {
   const deadline = expiresAt == null ? Number.NaN : Date.parse(expiresAt);
   if (!Number.isFinite(deadline)) {
@@ -4910,10 +4989,10 @@ function approvalCountdown(expiresAt, now = Date.now()) {
 __name(approvalCountdown, "approvalCountdown");
 function useApprovalCountdown(expiresAt, options = {}) {
   const { intervalMs = 1e3 } = options;
-  const nowRef = (0, import_react20.useRef)(options.now ?? Date.now);
+  const nowRef = (0, import_react21.useRef)(options.now ?? Date.now);
   nowRef.current = options.now ?? Date.now;
-  const [state, setState] = (0, import_react20.useState)(() => approvalCountdown(expiresAt, nowRef.current()));
-  (0, import_react20.useEffect)(() => {
+  const [state, setState] = (0, import_react21.useState)(() => approvalCountdown(expiresAt, nowRef.current()));
+  (0, import_react21.useEffect)(() => {
     const read = /* @__PURE__ */ __name(() => approvalCountdown(expiresAt, nowRef.current()), "read");
     const first = read();
     setState(first);
@@ -5049,13 +5128,19 @@ function storedMessageToUiMessage(message) {
   for (const call of message.toolCalls ?? []) {
     const result = message.toolResults?.find((candidate) => candidate.id === call.id);
     const toolKind2 = call.kind;
+    const toolMetadata = {
+      ...toolKind2 !== void 0 ? {
+        toolKind: toolKind2
+      } : {},
+      ...call.parentId !== void 0 ? {
+        parentId: call.parentId
+      } : {}
+    };
     parts.push({
       type: `tool-${call.name}`,
       toolCallId: call.id,
-      ...toolKind2 !== void 0 ? {
-        toolMetadata: {
-          toolKind: toolKind2
-        }
+      ...Object.keys(toolMetadata).length > 0 ? {
+        toolMetadata
       } : {},
       ...result !== void 0 ? isRefusal(result) ? {
         // A declined action is NOT an available output. Reloading a thread used to bring one
@@ -5083,6 +5168,8 @@ function storedMessageToUiMessage(message) {
     parts.push(...pushedByCall.get(call.id) ?? []);
   }
   const metadata = {
+    // The host's own facts first: the library's keys win on a clash.
+    ...message.metadata,
     ...message.feedback !== void 0 ? {
       feedback: message.feedback
     } : {},
@@ -5142,6 +5229,8 @@ function mergeTurn(rows) {
   const feedback = lastRow.feedback;
   const createdAt = rows[0]?.createdAt;
   const metadata = {
+    // Host facts of every row, a later row's winning (the turn's final state), under the library's.
+    ...Object.assign({}, ...rows.map((row) => row.metadata ?? {})),
     ...usage !== void 0 ? {
       usage
     } : {},
@@ -5177,8 +5266,8 @@ function sumUsage(rows) {
 __name(sumUsage, "sumUsage");
 
 // src/use-agent-chat.ts
-var import_react21 = require("@ai-sdk/react");
-var import_react22 = require("react");
+var import_react22 = require("@ai-sdk/react");
+var import_react23 = require("react");
 var localChatSequence = 0;
 function localChatId() {
   localChatSequence += 1;
@@ -5186,13 +5275,13 @@ function localChatId() {
 }
 __name(localChatId, "localChatId");
 function useAgentChat(options = {}) {
-  const latest = (0, import_react22.useRef)(options);
+  const latest = (0, import_react23.useRef)(options);
   latest.current = options;
   const resolved = useAgentBackend(options.backend);
-  const client = (0, import_react22.useRef)(resolved).current;
-  const createdThreadId = (0, import_react22.useRef)(void 0);
-  const chatIdRef = (0, import_react22.useRef)(options.threadId ?? localChatId());
-  const boundThreadRef = (0, import_react22.useRef)(options.threadId);
+  const client = (0, import_react23.useRef)(resolved).current;
+  const createdThreadId = (0, import_react23.useRef)(void 0);
+  const chatIdRef = (0, import_react23.useRef)(options.threadId ?? localChatId());
+  const boundThreadRef = (0, import_react23.useRef)(options.threadId);
   if (options.threadId !== boundThreadRef.current) {
     boundThreadRef.current = options.threadId;
     const adopting = options.threadId !== void 0 && options.threadId === createdThreadId.current;
@@ -5202,26 +5291,26 @@ function useAgentChat(options = {}) {
     }
   }
   const chatId = chatIdRef.current;
-  const [runId, setRunId] = (0, import_react22.useState)(options.resumeRunId);
-  const runIdRef = (0, import_react22.useRef)(runId);
+  const [runId, setRunId] = (0, import_react23.useState)(options.resumeRunId);
+  const runIdRef = (0, import_react23.useRef)(runId);
   runIdRef.current = runId;
-  const settlingRunIdRef = (0, import_react22.useRef)(void 0);
-  const autoResumeRunIdRef = (0, import_react22.useRef)(void 0);
-  const [activeRunId, setActiveRunId] = (0, import_react22.useState)(null);
-  const [isLoadingHistory, setIsLoadingHistory] = (0, import_react22.useState)(false);
-  const [historyError, setHistoryError] = (0, import_react22.useState)(null);
-  const [threadModel, setThreadModel] = (0, import_react22.useState)(null);
-  const [pickedModel, setPickedModel] = (0, import_react22.useState)(void 0);
-  const pickedModelRef = (0, import_react22.useRef)(pickedModel);
+  const settlingRunIdRef = (0, import_react23.useRef)(void 0);
+  const autoResumeRunIdRef = (0, import_react23.useRef)(void 0);
+  const [activeRunId, setActiveRunId] = (0, import_react23.useState)(null);
+  const [isLoadingHistory, setIsLoadingHistory] = (0, import_react23.useState)(false);
+  const [historyError, setHistoryError] = (0, import_react23.useState)(null);
+  const [threadModel, setThreadModel] = (0, import_react23.useState)(null);
+  const [pickedModel, setPickedModel] = (0, import_react23.useState)(void 0);
+  const pickedModelRef = (0, import_react23.useRef)(pickedModel);
   pickedModelRef.current = pickedModel;
-  const pendingPin = (0, import_react22.useRef)(void 0);
-  const regenerateNext = (0, import_react22.useRef)(false);
-  const currentThreadId = (0, import_react22.useCallback)(() => latest.current.threadId ?? createdThreadId.current, []);
-  const [connection, setConnection] = (0, import_react22.useState)({
+  const pendingPin = (0, import_react23.useRef)(void 0);
+  const regenerateNext = (0, import_react23.useRef)(false);
+  const currentThreadId = (0, import_react23.useCallback)(() => latest.current.threadId ?? createdThreadId.current, []);
+  const [connection, setConnection] = (0, import_react23.useState)({
     status: "live"
   });
-  const resyncAfterSettle = (0, import_react22.useRef)(false);
-  const transport = (0, import_react22.useMemo)(() => {
+  const resyncAfterSettle = (0, import_react23.useRef)(false);
+  const transport = (0, import_react23.useMemo)(() => {
     function onMeta(meta) {
       settlingRunIdRef.current = meta.runId;
       setRunId(meta.runId);
@@ -5263,6 +5352,11 @@ function useAgentChat(options = {}) {
         const threadId = currentThreadId();
         const model = current.model ?? pickedModelRef.current;
         return {
+          // Read per send: a host that switches agents before the first message (a picker on a
+          // new chat) sends the one picked now, not the one this chat mounted with.
+          ...current.agent !== void 0 ? {
+            agent: current.agent
+          } : {},
           ...threadId !== void 0 ? {
             threadId
           } : {},
@@ -5284,8 +5378,8 @@ function useAgentChat(options = {}) {
       }, "onAttemptStart")
     });
   }, []);
-  const backgroundRef = (0, import_react22.useRef)(() => Promise.resolve());
-  const chat = (0, import_react21.useChat)({
+  const backgroundRef = (0, import_react23.useRef)(() => Promise.resolve());
+  const chat = (0, import_react22.useChat)({
     transport,
     id: chatId,
     resume: options.resumeRunId !== void 0,
@@ -5331,7 +5425,7 @@ function useAgentChat(options = {}) {
       }
     }, "onFinish")
   });
-  const chatRef = (0, import_react22.useRef)(chat);
+  const chatRef = (0, import_react23.useRef)(chat);
   chatRef.current = chat;
   async function resyncFromThread() {
     const threadId = currentThreadId();
@@ -5343,8 +5437,8 @@ function useAgentChat(options = {}) {
     }
   }
   __name(resyncFromThread, "resyncFromThread");
-  const firstChatId = (0, import_react22.useRef)(chatId);
-  (0, import_react22.useEffect)(() => {
+  const firstChatId = (0, import_react23.useRef)(chatId);
+  (0, import_react23.useEffect)(() => {
     if (chatId === firstChatId.current) return;
     firstChatId.current = chatId;
     setRunId(void 0);
@@ -5357,7 +5451,7 @@ function useAgentChat(options = {}) {
   }, [
     chatId
   ]);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     const threadId = options.threadId;
     if (threadId === void 0) return;
     if (threadId === createdThreadId.current) return;
@@ -5398,8 +5492,8 @@ function useAgentChat(options = {}) {
     chatId,
     options.threadId
   ]);
-  const turnInFlight = (0, import_react22.useRef)(false);
-  const isTurnInFlight = (0, import_react22.useCallback)(() => turnInFlight.current || transport.isAttemptLive, [
+  const turnInFlight = (0, import_react23.useRef)(false);
+  const isTurnInFlight = (0, import_react23.useCallback)(() => turnInFlight.current || transport.isAttemptLive, [
     transport
   ]);
   const quota = useQuota({
@@ -5407,9 +5501,9 @@ function useAgentChat(options = {}) {
     enabled: options.quota !== false && typeof client.getQuota === "function"
   });
   const blocked = options.blocked !== void 0 ? options.blocked : quota.blocked;
-  const blockedRef = (0, import_react22.useRef)(blocked);
+  const blockedRef = (0, import_react23.useRef)(blocked);
   blockedRef.current = blocked;
-  const sendMessage = (0, import_react22.useCallback)(async (...args) => {
+  const sendMessage = (0, import_react23.useCallback)(async (...args) => {
     const block = blockedRef.current;
     if (block != null) throw new QuotaBlockedError(block);
     if (isTurnInFlight()) return;
@@ -5422,13 +5516,13 @@ function useAgentChat(options = {}) {
   }, [
     isTurnInFlight
   ]);
-  const addToolResult = (0, import_react22.useCallback)(({ tool, toolCallId, output }) => chatRef.current.addToolResult({
+  const addToolResult = (0, import_react23.useCallback)(({ tool, toolCallId, output }) => chatRef.current.addToolResult({
     tool,
     toolCallId,
     output
   }), []);
-  const [backgroundRuns, setBackgroundRuns] = (0, import_react22.useState)([]);
-  const refreshBackground = (0, import_react22.useCallback)(async () => {
+  const [backgroundRuns, setBackgroundRuns] = (0, import_react23.useState)([]);
+  const refreshBackground = (0, import_react23.useCallback)(async () => {
     const threadId = currentThreadId();
     if (threadId === void 0) {
       return;
@@ -5454,7 +5548,7 @@ function useAgentChat(options = {}) {
   ]);
   backgroundRef.current = refreshBackground;
   const isWorking = backgroundRuns.some((run) => run.status === "running");
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (options.background !== true || options.threadId === void 0) {
       return;
     }
@@ -5465,7 +5559,7 @@ function useAgentChat(options = {}) {
     chatId,
     refreshBackground
   ]);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     const every = latest.current.backgroundPollMs ?? 5e3;
     if (latest.current.background !== true || !isWorking || every <= 0) {
       return;
@@ -5476,7 +5570,7 @@ function useAgentChat(options = {}) {
     isWorking,
     refreshBackground
   ]);
-  const cancel = (0, import_react22.useCallback)(async () => {
+  const cancel = (0, import_react23.useCallback)(async () => {
     chatRef.current.stop();
     const active = runIdRef.current;
     if (active) {
@@ -5488,7 +5582,7 @@ function useAgentChat(options = {}) {
   }, [
     client
   ]);
-  const approve = (0, import_react22.useCallback)(async ({ toolCallId, remember, via }) => {
+  const approve = (0, import_react23.useCallback)(async ({ toolCallId, remember, via }) => {
     await requireBackendMethod(client, "approveToolCall")({
       toolCallId,
       ...remember === true ? {
@@ -5501,7 +5595,7 @@ function useAgentChat(options = {}) {
   }, [
     client
   ]);
-  const reject = (0, import_react22.useCallback)(async ({ toolCallId, reason, via }) => {
+  const reject = (0, import_react23.useCallback)(async ({ toolCallId, reason, via }) => {
     await requireBackendMethod(client, "rejectToolCall")({
       toolCallId,
       ...reason !== void 0 ? {
@@ -5514,7 +5608,7 @@ function useAgentChat(options = {}) {
   }, [
     client
   ]);
-  const answer = (0, import_react22.useCallback)(async ({ toolCallId, answers }) => {
+  const answer = (0, import_react23.useCallback)(async ({ toolCallId, answers }) => {
     await requireBackendMethod(client, "answerToolCall")({
       toolCallId,
       ...answers !== void 0 ? {
@@ -5524,14 +5618,14 @@ function useAgentChat(options = {}) {
   }, [
     client
   ]);
-  const skip = (0, import_react22.useCallback)(async ({ toolCallId }) => {
+  const skip = (0, import_react23.useCallback)(async ({ toolCallId }) => {
     await requireBackendMethod(client, "skipToolCall")({
       toolCallId
     });
   }, [
     client
   ]);
-  const regenerate = (0, import_react22.useCallback)((_input) => {
+  const regenerate = (0, import_react23.useCallback)((_input) => {
     const block = blockedRef.current;
     if (block != null) throw new QuotaBlockedError(block);
     if (isTurnInFlight()) return;
@@ -5543,7 +5637,7 @@ function useAgentChat(options = {}) {
   }, [
     isTurnInFlight
   ]);
-  const storedIdOf = (0, import_react22.useCallback)(async (messageId, threadId) => {
+  const storedIdOf = (0, import_react23.useCallback)(async (messageId, threadId) => {
     const message = chatRef.current.messages.find((candidate) => candidate.id === messageId);
     const runOf = message?.metadata?.runId;
     if (runOf === void 0) return messageId;
@@ -5555,7 +5649,7 @@ function useAgentChat(options = {}) {
   }, [
     client
   ]);
-  const fork = (0, import_react22.useCallback)(async ({ messageId, threadId }) => {
+  const fork = (0, import_react23.useCallback)(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);
@@ -5570,7 +5664,7 @@ function useAgentChat(options = {}) {
     currentThreadId,
     storedIdOf
   ]);
-  const truncateFrom = (0, import_react22.useCallback)(async ({ messageId, threadId }) => {
+  const truncateFrom = (0, import_react23.useCallback)(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);
@@ -5580,7 +5674,7 @@ function useAgentChat(options = {}) {
     currentThreadId,
     storedIdOf
   ]);
-  const promote = (0, import_react22.useCallback)(async ({ threadId } = {}) => {
+  const promote = (0, import_react23.useCallback)(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);
@@ -5591,8 +5685,8 @@ function useAgentChat(options = {}) {
     client,
     currentThreadId
   ]);
-  const [modelsWanted, setModelsWanted] = (0, import_react22.useState)(false);
-  const modelsWantedRef = (0, import_react22.useRef)(modelsWanted);
+  const [modelsWanted, setModelsWanted] = (0, import_react23.useState)(false);
+  const modelsWantedRef = (0, import_react23.useRef)(modelsWanted);
   modelsWantedRef.current = modelsWanted;
   const catalog = useModels({
     backend: client,
@@ -5601,13 +5695,13 @@ function useAgentChat(options = {}) {
     } : {},
     enabled: modelsWanted && typeof client.listModels === "function"
   });
-  const wantModels = (0, import_react22.useCallback)(() => {
+  const wantModels = (0, import_react23.useCallback)(() => {
     if (modelsWantedRef.current) return;
     modelsWantedRef.current = true;
     queueMicrotask(() => setModelsWanted(true));
   }, []);
-  const selectModel = (0, import_react22.useCallback)((id) => setPickedModel(id), []);
-  const pinToThread = (0, import_react22.useCallback)(async (model) => {
+  const selectModel = (0, import_react23.useCallback)((id) => setPickedModel(id), []);
+  const pinToThread = (0, import_react23.useCallback)(async (model) => {
     const threadId = currentThreadId();
     setThreadModel(model);
     if (threadId === void 0) {
@@ -5636,6 +5730,10 @@ function useAgentChat(options = {}) {
       return catalog.providers;
     },
     selected: options.model ?? pickedModel ?? threadModel ?? catalog.defaultModel ?? null,
+    get defaultModel() {
+      wantModels();
+      return catalog.defaultModel;
+    },
     select: selectModel,
     pinToThread,
     isLoading: modelsWanted && catalog.isLoading,
@@ -5647,9 +5745,9 @@ function useAgentChat(options = {}) {
     ...options.composer,
     backend: client
   });
-  const [text, setText] = (0, import_react22.useState)("");
-  const blockedBy = blocked != null ? "quota" : files.isUploading ? "uploading" : isBusy ? "busy" : text.trim().length === 0 && files.attachments.length === 0 ? "empty" : null;
-  const composerRef = (0, import_react22.useRef)({
+  const [text, setText] = (0, import_react23.useState)("");
+  const blockedBy = blocked != null ? "quota" : files.isUploading ? "uploading" : isBusy ? "busy" : text.trim().length === 0 && files.refs.length === 0 ? "empty" : null;
+  const composerRef = (0, import_react23.useRef)({
     text,
     files,
     blockedBy
@@ -5659,14 +5757,30 @@ function useAgentChat(options = {}) {
     files,
     blockedBy
   };
-  const submit = (0, import_react22.useCallback)(async () => {
+  const submit = (0, import_react23.useCallback)(async () => {
     const current = composerRef.current;
     if (current.blockedBy !== null) return;
     const refs = current.files.refs;
+    const files2 = current.files.items.flatMap((item) => item.status === "ready" && item.attachment !== void 0 ? [
+      {
+        type: "file",
+        mediaType: item.attachment.contentType,
+        filename: item.attachment.name,
+        url: item.attachment.url,
+        providerMetadata: {
+          agent: {
+            mediaId: item.attachment.mediaId
+          }
+        }
+      }
+    ] : []);
     const draft = current.text.trim();
     setText("");
     current.files.clear();
-    await sendMessage({
+    await sendMessage(files2.length > 0 ? {
+      text: draft,
+      files: files2
+    } : {
       text: draft
     }, refs.length > 0 ? {
       body: {
@@ -5825,6 +5939,7 @@ var QuotaBlockedError = class extends Error {
   toolCatalogFrom,
   useAgentBackend,
   useAgentChat,
+  useAgentConfig,
   useAgents,
   useAmbientRenderUi,
   useApprovalCountdown,