@dudousxd/nestjs-agent-react 0.15.0 → 0.16.0

package/dist/index.js

@@ -147,6 +147,15 @@ var AgentClient = class {
   truncateFromMessage(threadId, messageId) {
     return this.request("DELETE", `/agent/threads/${encodeURIComponent(threadId)}/from/${encodeURIComponent(messageId)}`);
   }
+  /** `GET /agent/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}`);
+  }
+  /** `GET /agent/agents` — the registered agents, the default one flagged. */
+  listAgents() {
+    return this.request("GET", "/agent/agents");
+  }
   getQuotaToday() {
     return this.request("GET", "/agent/quota/today");
   }
@@ -994,28 +1003,128 @@ function requireBackendMethod(backend, name) {
 }
 __name(requireBackendMethod, "requireBackendMethod");
 
+// src/catalog/use-agents.ts
+import { useMemo } from "react";
+
+// src/catalog/use-resource.ts
+import { useCallback, useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
+function useResource(load2, key, enabled) {
+  const [data, setData] = useState2(void 0);
+  const [isLoading, setIsLoading] = useState2(enabled);
+  const [error, setError] = useState2(null);
+  const loadRef = useRef2(load2);
+  loadRef.current = load2;
+  const generation = useRef2(0);
+  const refresh = useCallback(async () => {
+    const mine = ++generation.current;
+    setIsLoading(true);
+    try {
+      const value = await loadRef.current();
+      if (mine !== generation.current) return;
+      setData(value);
+      setError(null);
+    } catch (caught) {
+      if (mine !== generation.current) return;
+      setError(caught instanceof Error ? caught : new Error(String(caught)));
+    } finally {
+      if (mine === generation.current) setIsLoading(false);
+    }
+  }, []);
+  useEffect2(() => {
+    if (!enabled) return;
+    void refresh();
+  }, [
+    enabled,
+    key,
+    refresh
+  ]);
+  return {
+    data,
+    isLoading,
+    error,
+    refresh
+  };
+}
+__name(useResource, "useResource");
+
+// src/catalog/use-agents.ts
+function useAgents(options) {
+  const { backend, enabled = true } = options;
+  const { data, isLoading, error, refresh } = useResource(() => requireBackendMethod(backend, "listAgents")(), "", enabled);
+  return useMemo(() => {
+    const agents = data ?? [];
+    return {
+      agents,
+      defaultAgent: agents.find((agent) => agent.isDefault === true)?.name ?? null,
+      isLoading,
+      error,
+      refresh
+    };
+  }, [
+    data,
+    isLoading,
+    error,
+    refresh
+  ]);
+}
+__name(useAgents, "useAgents");
+
+// src/catalog/use-models.ts
+import { useMemo as useMemo2 } from "react";
+function useModels(options) {
+  const { backend, agent, enabled = true } = options;
+  const { data, isLoading, error, refresh } = useResource(() => requireBackendMethod(backend, "listModels")(agent), `${agent ?? ""}`, enabled);
+  return useMemo2(() => {
+    const providers = data?.providers ?? [];
+    const models = providers.flatMap((provider) => provider.models.map((model) => ({
+      ...model,
+      providerId: provider.id,
+      providerLabel: provider.label
+    })));
+    const byId = new Map(models.map((model) => [
+      model.id,
+      model
+    ]));
+    return {
+      providers,
+      models,
+      defaultModel: data?.default ?? null,
+      find: /* @__PURE__ */ __name((id) => id == null ? void 0 : byId.get(id), "find"),
+      isLoading,
+      error,
+      refresh
+    };
+  }, [
+    data,
+    isLoading,
+    error,
+    refresh
+  ]);
+}
+__name(useModels, "useModels");
+
 // src/feedback/use-message-feedback.ts
-import { useCallback, useRef as useRef2, useState as useState2 } from "react";
+import { useCallback as useCallback2, useRef as useRef3, useState as useState3 } from "react";
 function useMessageFeedback(options) {
-  const latest = useRef2(options);
+  const latest = useRef3(options);
   latest.current = options;
-  const [local, setLocal] = useState2(/* @__PURE__ */ new Map());
-  const [pending, setPending] = useState2(/* @__PURE__ */ new Set());
-  const [error, setError] = useState2(null);
-  const localRef = useRef2(local);
+  const [local, setLocal] = useState3(/* @__PURE__ */ new Map());
+  const [pending, setPending] = useState3(/* @__PURE__ */ new Set());
+  const [error, setError] = useState3(null);
+  const localRef = useRef3(local);
   localRef.current = local;
-  const resolved = useRef2(/* @__PURE__ */ new Map());
-  const feedbackOf = useCallback((message) => {
+  const resolved = useRef3(/* @__PURE__ */ new Map());
+  const feedbackOf = useCallback2((message) => {
     const mine = local.get(message.id);
     if (mine !== void 0) return mine.feedback;
     return metadataOf(message).feedback ?? null;
   }, [
     local
   ]);
-  const isPending = useCallback((message) => pending.has(message.id), [
+  const isPending = useCallback2((message) => pending.has(message.id), [
     pending
   ]);
-  const storedIdFor = useCallback(async (message) => {
+  const storedIdFor = useCallback2(async (message) => {
     const runId = metadataOf(message).runId;
     if (runId === void 0) return message.id;
     const known = resolved.current.get(message.id);
@@ -1035,7 +1144,7 @@ function useMessageFeedback(options) {
     resolved.current.set(message.id, row.id);
     return row.id;
   }, []);
-  const rate = useCallback(async (message, value, comment) => {
+  const rate = useCallback2(async (message, value, comment) => {
     const setFeedback = requireBackendMethod(latest.current.backend, "setMessageFeedback");
     const had = localRef.current.get(message.id);
     const optimistic = value === null ? null : {
@@ -1081,7 +1190,7 @@ function useMessageFeedback(options) {
   }, [
     storedIdFor
   ]);
-  const toggle = useCallback((message, value) => {
+  const toggle = useCallback2((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);
@@ -1125,16 +1234,16 @@ function onThreadsEvent(backend, listener) {
 __name(onThreadsEvent, "onThreadsEvent");
 
 // src/threads/use-threads.ts
-import { useCallback as useCallback2, useEffect as useEffect2, useRef as useRef3, useState as useState3 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect3, useRef as useRef4, useState as useState4 } from "react";
 function useThreads(options) {
   const { backend, enabled = true } = options;
-  const [threads, setThreads] = useState3([]);
-  const [isLoading, setIsLoading] = useState3(enabled);
-  const [error, setError] = useState3(null);
-  const threadsRef = useRef3(threads);
+  const [threads, setThreads] = useState4([]);
+  const [isLoading, setIsLoading] = useState4(enabled);
+  const [error, setError] = useState4(null);
+  const threadsRef = useRef4(threads);
   threadsRef.current = threads;
-  const generation = useRef3(0);
-  const refresh = useCallback2(async () => {
+  const generation = useRef4(0);
+  const refresh = useCallback3(async () => {
     const mine = ++generation.current;
     setIsLoading(true);
     try {
@@ -1151,7 +1260,7 @@ function useThreads(options) {
   }, [
     backend
   ]);
-  useEffect2(() => {
+  useEffect3(() => {
     if (!enabled) return;
     void refresh();
     return onThreadsEvent(backend, (event) => {
@@ -1171,7 +1280,7 @@ function useThreads(options) {
     enabled,
     refresh
   ]);
-  const rename = useCallback2(async (id, title) => {
+  const rename = useCallback3(async (id, title) => {
     const before = threadsRef.current;
     setThreads((current) => current.map((thread) => thread.id === id ? {
       ...thread,
@@ -1193,7 +1302,7 @@ function useThreads(options) {
   }, [
     backend
   ]);
-  const remove = useCallback2(async (id) => {
+  const remove = useCallback3(async (id) => {
     const before = threadsRef.current;
     setThreads((current) => current.filter((thread) => thread.id !== id));
     try {
@@ -1268,10 +1377,10 @@ function backgroundRunsFromThread(messages) {
 __name(backgroundRunsFromThread, "backgroundRunsFromThread");
 
 // src/components/chat-input.tsx
-import React2, { useEffect as useEffect4, useState as useState5 } from "react";
+import React2, { useEffect as useEffect5, useState as useState6 } from "react";
 
 // src/components/use-speech-recognition.ts
-import { useCallback as useCallback3, useEffect as useEffect3, useMemo, useRef as useRef4, useState as useState4 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect4, useMemo as useMemo3, useRef as useRef5, useState as useState5 } from "react";
 function getRecognitionCtor() {
   if (typeof window === "undefined") return null;
   const scope = window;
@@ -1279,15 +1388,15 @@ function getRecognitionCtor() {
 }
 __name(getRecognitionCtor, "getRecognitionCtor");
 function useSpeechRecognition({ lang = "en-US", onFinalTranscript, onInterimTranscript }) {
-  const recognitionRef = useRef4(null);
-  const [isListening, setIsListening] = useState4(false);
-  const ctor = useMemo(() => getRecognitionCtor(), []);
+  const recognitionRef = useRef5(null);
+  const [isListening, setIsListening] = useState5(false);
+  const ctor = useMemo3(() => getRecognitionCtor(), []);
   const isSupported = ctor !== null;
-  const finalRef = useRef4(onFinalTranscript);
-  const interimRef = useRef4(onInterimTranscript);
+  const finalRef = useRef5(onFinalTranscript);
+  const interimRef = useRef5(onInterimTranscript);
   finalRef.current = onFinalTranscript;
   interimRef.current = onInterimTranscript;
-  useEffect3(() => {
+  useEffect4(() => {
     if (!ctor) return;
     const recognition = new ctor();
     recognition.lang = lang;
@@ -1326,7 +1435,7 @@ function useSpeechRecognition({ lang = "en-US", onFinalTranscript, onInterimTran
     ctor,
     lang
   ]);
-  const start = useCallback3(() => {
+  const start = useCallback4(() => {
     const recognition = recognitionRef.current;
     if (!recognition) return;
     try {
@@ -1336,7 +1445,7 @@ function useSpeechRecognition({ lang = "en-US", onFinalTranscript, onInterimTran
       console.warn("SpeechRecognition start failed", error);
     }
   }, []);
-  const stop = useCallback3(() => {
+  const stop = useCallback4(() => {
     const recognition = recognitionRef.current;
     if (!recognition) return;
     try {
@@ -1355,8 +1464,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] = useState5("");
-  const [interim, setInterim] = useState5("");
+  const [value, setValue] = useState6("");
+  const [interim, setInterim] = useState6("");
   const speech = useSpeechRecognition({
     lang: speechLang,
     onFinalTranscript: /* @__PURE__ */ __name((text) => {
@@ -1367,7 +1476,7 @@ function ChatInput({ onSubmit, disabled, placeholder, rows = 2, enableSpeech = t
     }, "onFinalTranscript"),
     onInterimTranscript: /* @__PURE__ */ __name((text) => setInterim(text), "onInterimTranscript")
   });
-  useEffect4(() => {
+  useEffect5(() => {
     if (!speech.isListening) setInterim("");
   }, [
     speech.isListening
@@ -1434,7 +1543,7 @@ __name(ChatInput, "ChatInput");
 import React3 from "react";
 
 // src/transcript/use-chat-transcript.ts
-import { useCallback as useCallback5, useEffect as useEffect6, useRef as useRef6, useState as useState7 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect7, useRef as useRef7, useState as useState8 } from "react";
 
 // src/transcript/model.ts
 import { readElicitationInput, validateElicitationAnswer as validateElicitationAnswer2 } from "@dudousxd/nestjs-agent-core";
@@ -2411,11 +2520,11 @@ function formatCostUsd(cost) {
 __name(formatCostUsd, "formatCostUsd");
 
 // src/transcript/use-stick-to-bottom.ts
-import { useCallback as useCallback4, useEffect as useEffect5, useRef as useRef5, useState as useState6 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect6, useRef as useRef6, useState as useState7 } from "react";
 function useStickToBottom({ contentKey, threshold = 32 }) {
-  const containerRef = useRef5(null);
-  const [isAtBottom, setIsAtBottom] = useState6(true);
-  const measure = useCallback4(() => {
+  const containerRef = useRef6(null);
+  const [isAtBottom, setIsAtBottom] = useState7(true);
+  const measure = useCallback5(() => {
     const element = containerRef.current;
     if (!element) {
       return;
@@ -2425,7 +2534,7 @@ function useStickToBottom({ contentKey, threshold = 32 }) {
   }, [
     threshold
   ]);
-  const scrollToBottom = useCallback4(() => {
+  const scrollToBottom = useCallback5(() => {
     const element = containerRef.current;
     if (!element) {
       return;
@@ -2433,7 +2542,7 @@ function useStickToBottom({ contentKey, threshold = 32 }) {
     element.scrollTop = element.scrollHeight;
     setIsAtBottom(true);
   }, []);
-  const setContainer = useCallback4((element) => {
+  const setContainer = useCallback5((element) => {
     containerRef.current = element;
     if (element) {
       measure();
@@ -2441,7 +2550,7 @@ function useStickToBottom({ contentKey, threshold = 32 }) {
   }, [
     measure
   ]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (isAtBottom) {
       scrollToBottom();
     }
@@ -2450,7 +2559,7 @@ function useStickToBottom({ contentKey, threshold = 32 }) {
     isAtBottom,
     scrollToBottom
   ]);
-  const getContainerProps = useCallback4(() => ({
+  const getContainerProps = useCallback5(() => ({
     ref: setContainer,
     onScroll: measure
   }), [
@@ -2472,14 +2581,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 = useRef6(options);
+  const latest = useRef7(options);
   latest.current = options;
-  const [visibleCount, setVisibleCount] = useState7(initialVisibleCount);
-  const [stopRequested, setStopRequested] = useState7(false);
+  const [visibleCount, setVisibleCount] = useState8(initialVisibleCount);
+  const [stopRequested, setStopRequested] = useState8(false);
   const isStreaming = status === "streaming" || status === "reconnecting";
   const isBusy = status === "submitted" || isStreaming;
   const isEmpty = messages.length === 0;
-  useEffect6(() => {
+  useEffect7(() => {
     if (!isBusy) {
       setStopRequested(false);
     }
@@ -2496,7 +2605,7 @@ function useChatTranscript(options) {
     streamingMessageId,
     options
   });
-  const stop = useCallback5(() => {
+  const stop = useCallback6(() => {
     const current = latest.current;
     if (current.status !== "submitted" && current.status !== "streaming" && current.status !== "reconnecting") {
       return;
@@ -2504,8 +2613,8 @@ function useChatTranscript(options) {
     setStopRequested(true);
     void current.onStop?.();
   }, []);
-  const loadEarlier = useCallback5(() => setVisibleCount((count) => count + (latest.current.loadEarlierStep ?? DEFAULT_LOAD_EARLIER_STEP)), []);
-  const showAll = useCallback5(() => setVisibleCount(latest.current.messages.length), []);
+  const loadEarlier = useCallback6(() => setVisibleCount((count) => count + (latest.current.loadEarlierStep ?? DEFAULT_LOAD_EARLIER_STEP)), []);
+  const showAll = useCallback6(() => setVisibleCount(latest.current.messages.length), []);
   const scroll = useStickToBottom({
     contentKey: contentSignature(messages),
     ...stickToBottomThreshold !== void 0 ? {
@@ -2541,7 +2650,7 @@ function useChatTranscript(options) {
 __name(useChatTranscript, "useChatTranscript");
 function useTranscriptItem(options) {
   const { message, isStreaming = false } = options;
-  const messagesRef = useRef6([
+  const messagesRef = useRef7([
     message
   ]);
   if (messagesRef.current[0] !== message) {
@@ -2559,13 +2668,13 @@ function useTranscriptItem(options) {
 }
 __name(useTranscriptItem, "useTranscriptItem");
 function useTranscriptItems({ messages, visibleStart, streamingMessageId, options }) {
-  const [drafts, setDrafts] = useState7(() => /* @__PURE__ */ new Map());
-  const [copied, setCopied] = useState7(() => /* @__PURE__ */ new Set());
-  const [openReasoning, setOpenReasoning] = useState7(() => /* @__PURE__ */ new Map());
-  const [picks, setPicks] = useState7(() => /* @__PURE__ */ new Map());
-  const [settling, setSettling] = useState7(() => /* @__PURE__ */ new Map());
-  const [settleErrors, setSettleErrors] = useState7(() => /* @__PURE__ */ new Map());
-  const latest = useRef6({
+  const [drafts, setDrafts] = useState8(() => /* @__PURE__ */ new Map());
+  const [copied, setCopied] = useState8(() => /* @__PURE__ */ new Set());
+  const [openReasoning, setOpenReasoning] = useState8(() => /* @__PURE__ */ new Map());
+  const [picks, setPicks] = useState8(() => /* @__PURE__ */ new Map());
+  const [settling, setSettling] = useState8(() => /* @__PURE__ */ new Map());
+  const [settleErrors, setSettleErrors] = useState8(() => /* @__PURE__ */ new Map());
+  const latest = useRef7({
     options,
     drafts,
     picks,
@@ -2577,23 +2686,23 @@ function useTranscriptItems({ messages, visibleStart, streamingMessageId, option
     picks,
     messages
   };
-  const copyTimers = useRef6(/* @__PURE__ */ new Map());
-  useEffect6(() => () => {
+  const copyTimers = useRef7(/* @__PURE__ */ new Map());
+  useEffect7(() => () => {
     for (const timer of copyTimers.current.values()) {
       clearTimeout(timer);
     }
     copyTimers.current.clear();
   }, []);
-  const callbackCache = useRef6(/* @__PURE__ */ new Map());
-  const reasoningToggleCache = useRef6(/* @__PURE__ */ new Map());
-  const toggleReasoning = useCallback5((key, open) => {
+  const callbackCache = useRef7(/* @__PURE__ */ new Map());
+  const reasoningToggleCache = useRef7(/* @__PURE__ */ new Map());
+  const toggleReasoning = useCallback6((key, open) => {
     setOpenReasoning((current) => {
       const next = new Map(current);
       next.set(key, open ?? !(current.get(key) ?? false));
       return next;
     });
   }, []);
-  const stableToggle = useCallback5((key) => {
+  const stableToggle = useCallback6((key) => {
     let cached = reasoningToggleCache.current.get(key);
     if (!cached) {
       cached = /* @__PURE__ */ __name((open) => toggleReasoning(key, open), "cached");
@@ -2603,10 +2712,10 @@ function useTranscriptItems({ messages, visibleStart, streamingMessageId, option
   }, [
     toggleReasoning
   ]);
-  const pick = useCallback5((toolCallId, questionId, values) => {
+  const pick = useCallback6((toolCallId, questionId, values) => {
     setPicks((current) => new Map(current).set(pickKey(toolCallId, questionId), values));
   }, []);
-  const settle = useCallback5((toolCallId, action, send) => {
+  const settle = useCallback6((toolCallId, action, send) => {
     setSettleErrors((current) => {
       if (!current.has(toolCallId)) {
         return current;
@@ -2630,7 +2739,7 @@ function useTranscriptItems({ messages, visibleStart, streamingMessageId, option
       failed(error);
     }
   }, []);
-  const answer = useCallback5((toolCallId) => {
+  const answer = useCallback6((toolCallId) => {
     const current = latest.current;
     const onAnswer = current.options.onAnswer;
     if (!onAnswer) {
@@ -2640,7 +2749,7 @@ function useTranscriptItems({ messages, visibleStart, streamingMessageId, option
   }, [
     settle
   ]);
-  const skip = useCallback5((toolCallId) => {
+  const skip = useCallback6((toolCallId) => {
     const onSkip = latest.current.options.onSkip;
     if (onSkip) {
       settle(toolCallId, "skip", () => onSkip(toolCallId));
@@ -2648,7 +2757,7 @@ function useTranscriptItems({ messages, visibleStart, streamingMessageId, option
   }, [
     settle
   ]);
-  const approve = useCallback5((toolCallId, options2) => {
+  const approve = useCallback6((toolCallId, options2) => {
     const onApprove = latest.current.options.onApprove;
     if (onApprove) {
       settle(toolCallId, "approve", () => options2 === void 0 ? onApprove(toolCallId) : onApprove(toolCallId, options2));
@@ -2656,7 +2765,7 @@ function useTranscriptItems({ messages, visibleStart, streamingMessageId, option
   }, [
     settle
   ]);
-  const reject = useCallback5((toolCallId) => {
+  const reject = useCallback6((toolCallId) => {
     const onReject = latest.current.options.onReject;
     if (onReject) {
       settle(toolCallId, "reject", () => onReject(toolCallId));
@@ -2664,7 +2773,7 @@ function useTranscriptItems({ messages, visibleStart, streamingMessageId, option
   }, [
     settle
   ]);
-  const callbacksFor = useCallback5((id) => {
+  const callbacksFor = useCallback6((id) => {
     const cached = callbackCache.current.get(id);
     if (cached) {
       return cached;
@@ -3321,35 +3430,35 @@ function toItem(entry) {
 __name(toItem, "toItem");
 
 // src/composer/use-composer-autocomplete.ts
-import { useCallback as useCallback6, useEffect as useEffect7, useId, useLayoutEffect, useMemo as useMemo2, useRef as useRef7, useState as useState8 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect8, useId, useLayoutEffect, useMemo as useMemo4, useRef as useRef8, useState as useState9 } from "react";
 function useComposerAutocomplete(options) {
   const { value, sources, acceptOnTab = true } = options;
-  const latest = useRef7(options);
+  const latest = useRef8(options);
   latest.current = options;
-  const inputRef = useRef7(null);
-  const [caret, setCaret] = useState8(value.length);
-  const [items, setItems] = useState8([]);
-  const [isLoading, setLoading] = useState8(false);
-  const [error, setError] = useState8(null);
-  const [activeIndex, setActiveIndex] = useState8(0);
-  const [dismissedIndex, setDismissedIndex] = useState8(null);
+  const inputRef = useRef8(null);
+  const [caret, setCaret] = useState9(value.length);
+  const [items, setItems] = useState9([]);
+  const [isLoading, setLoading] = useState9(false);
+  const [error, setError] = useState9(null);
+  const [activeIndex, setActiveIndex] = useState9(0);
+  const [dismissedIndex, setDismissedIndex] = useState9(null);
   const safeCaret = Math.min(caret, value.length);
-  const match = useMemo2(() => findActiveTrigger(value, safeCaret, sources), [
+  const match = useMemo4(() => findActiveTrigger(value, safeCaret, sources), [
     value,
     safeCaret,
     sources
   ]);
   const isActive = match !== null && dismissedIndex !== match.index;
-  const matchRef = useRef7(match);
+  const matchRef = useRef8(match);
   matchRef.current = match;
-  const caretRef = useRef7(safeCaret);
+  const caretRef = useRef8(safeCaret);
   caretRef.current = safeCaret;
-  const itemsRef = useRef7(items);
+  const itemsRef = useRef8(items);
   itemsRef.current = items;
-  const activeIndexRef = useRef7(activeIndex);
+  const activeIndexRef = useRef8(activeIndex);
   activeIndexRef.current = activeIndex;
   const requestKey = isActive && match ? `${match.source.id}\0${match.query}` : null;
-  useEffect7(() => {
+  useEffect8(() => {
     const current = matchRef.current;
     if (requestKey === null || current === null) {
       setItems([]);
@@ -3399,23 +3508,23 @@ function useComposerAutocomplete(options) {
   const activeItem = isOpen ? items[activeIndex] ?? null : null;
   const reactId = useId();
   const listboxId = options.id ?? `agent-autocomplete-${reactId}`;
-  const optionId = useCallback6((index) => `${listboxId}-option-${index}`, [
+  const optionId = useCallback7((index) => `${listboxId}-option-${index}`, [
     listboxId
   ]);
-  const highlight = useCallback6((index) => {
+  const highlight = useCallback7((index) => {
     const total = itemsRef.current.length;
     if (total === 0) return;
     setActiveIndex((index % total + total) % total);
   }, []);
-  const moveHighlight = useCallback6((delta) => highlight(activeIndexRef.current + delta), [
+  const moveHighlight = useCallback7((delta) => highlight(activeIndexRef.current + delta), [
     highlight
   ]);
-  const dismiss = useCallback6(() => {
+  const dismiss = useCallback7(() => {
     const current = matchRef.current;
     if (current) setDismissedIndex(current.index);
   }, []);
-  const pendingCaret = useRef7(null);
-  const accept = useCallback6((item) => {
+  const pendingCaret = useRef8(null);
+  const accept = useCallback7((item) => {
     const current = matchRef.current;
     if (!current) return;
     const chosen = item ?? itemsRef.current[activeIndexRef.current];
@@ -3432,10 +3541,10 @@ function useComposerAutocomplete(options) {
     pendingCaret.current = null;
     inputRef.current?.setSelectionRange(position, position);
   });
-  const readCaret = useCallback6((element) => {
+  const readCaret = useCallback7((element) => {
     setCaret(element.selectionStart ?? element.value.length);
   }, []);
-  const onKeyDown = useCallback6((event) => {
+  const onKeyDown = useCallback7((event) => {
     if (!isOpen) return;
     const hasItems = itemsRef.current.length > 0;
     switch (event.key) {
@@ -3473,23 +3582,23 @@ function useComposerAutocomplete(options) {
     dismiss,
     moveHighlight
   ]);
-  const onChange = useCallback6((event) => {
+  const onChange = useCallback7((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 = useCallback6((event) => readCaret(event.currentTarget), [
+  const onSelect = useCallback7((event) => readCaret(event.currentTarget), [
     readCaret
   ]);
-  const onClick = useCallback6((event) => readCaret(event.currentTarget), [
+  const onClick = useCallback7((event) => readCaret(event.currentTarget), [
     readCaret
   ]);
-  const setInput = useCallback6((element) => {
+  const setInput = useCallback7((element) => {
     inputRef.current = element;
   }, []);
-  const getInputProps = useCallback6(() => ({
+  const getInputProps = useCallback7(() => ({
     ref: setInput,
     onChange,
     onKeyDown,
@@ -3517,7 +3626,7 @@ function useComposerAutocomplete(options) {
     activeIndex,
     optionId
   ]);
-  const getListboxProps = useCallback6(() => ({
+  const getListboxProps = useCallback7(() => ({
     id: listboxId,
     role: "listbox",
     "aria-label": match?.source.label ?? match?.source.id ?? "Suggestions"
@@ -3525,7 +3634,7 @@ function useComposerAutocomplete(options) {
     listboxId,
     match
   ]);
-  const getOptionProps = useCallback6((index) => ({
+  const getOptionProps = useCallback7((index) => ({
     id: optionId(index),
     role: "option",
     "aria-selected": index === activeIndex
@@ -3559,7 +3668,7 @@ function isPromise(value) {
 __name(isPromise, "isPromise");
 
 // src/presentation/use-tool-catalog.ts
-import { useCallback as useCallback7, useEffect as useEffect8, useMemo as useMemo3, useState as useState9 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect9, useMemo as useMemo5, useState as useState10 } from "react";
 var shared = /* @__PURE__ */ new WeakMap();
 function load(client, agent) {
   let byAgent = shared.get(client);
@@ -3583,11 +3692,11 @@ function load(client, agent) {
 __name(load, "load");
 function useToolCatalog(options) {
   const { client, agent, enabled = true } = options;
-  const [entries, setEntries] = useState9([]);
-  const [isLoading, setLoading] = useState9(enabled);
-  const [error, setError] = useState9(null);
-  const [generation, setGeneration] = useState9(0);
-  useEffect8(() => {
+  const [entries, setEntries] = useState10([]);
+  const [isLoading, setLoading] = useState10(enabled);
+  const [error, setError] = useState10(null);
+  const [generation, setGeneration] = useState10(0);
+  useEffect9(() => {
     if (!enabled) {
       setLoading(false);
       return;
@@ -3613,14 +3722,14 @@ function useToolCatalog(options) {
     enabled,
     generation
   ]);
-  const refresh = useCallback7(() => {
+  const refresh = useCallback8(() => {
     shared.get(client)?.delete(agent ?? "");
     setGeneration((current) => current + 1);
   }, [
     client,
     agent
   ]);
-  const catalog = useMemo3(() => toolCatalogFrom(entries), [
+  const catalog = useMemo5(() => toolCatalogFrom(entries), [
     entries
   ]);
   return {
@@ -3634,7 +3743,7 @@ function useToolCatalog(options) {
 __name(useToolCatalog, "useToolCatalog");
 
 // src/approvals/countdown.ts
-import { useEffect as useEffect9, useRef as useRef8, useState as useState10 } from "react";
+import { useEffect as useEffect10, useRef as useRef9, useState as useState11 } from "react";
 function approvalCountdown(expiresAt, now = Date.now()) {
   const deadline = expiresAt == null ? Number.NaN : Date.parse(expiresAt);
   if (!Number.isFinite(deadline)) {
@@ -3652,10 +3761,10 @@ function approvalCountdown(expiresAt, now = Date.now()) {
 __name(approvalCountdown, "approvalCountdown");
 function useApprovalCountdown(expiresAt, options = {}) {
   const { intervalMs = 1e3 } = options;
-  const nowRef = useRef8(options.now ?? Date.now);
+  const nowRef = useRef9(options.now ?? Date.now);
   nowRef.current = options.now ?? Date.now;
-  const [state, setState] = useState10(() => approvalCountdown(expiresAt, nowRef.current()));
-  useEffect9(() => {
+  const [state, setState] = useState11(() => approvalCountdown(expiresAt, nowRef.current()));
+  useEffect10(() => {
     const read = /* @__PURE__ */ __name(() => approvalCountdown(expiresAt, nowRef.current()), "read");
     const first = read();
     setState(first);
@@ -3897,20 +4006,20 @@ __name(sumUsage, "sumUsage");
 
 // src/use-agent-chat.ts
 import { useChat } from "@ai-sdk/react";
-import { useCallback as useCallback8, useEffect as useEffect10, useMemo as useMemo4, useRef as useRef9, useState as useState11 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect11, useMemo as useMemo6, useRef as useRef10, useState as useState12 } from "react";
 function useAgentChat(options) {
-  const latest = useRef9(options);
+  const latest = useRef10(options);
   latest.current = options;
-  const [runId, setRunId] = useState11(options.resumeRunId);
-  const runIdRef = useRef9(runId);
+  const [runId, setRunId] = useState12(options.resumeRunId);
+  const runIdRef = useRef10(runId);
   runIdRef.current = runId;
-  const settlingRunIdRef = useRef9(void 0);
-  const autoResumeRunIdRef = useRef9(void 0);
-  const [autoResume, setAutoResume] = useState11(false);
-  const [activeRunId, setActiveRunId] = useState11(null);
-  const regenerateNext = useRef9(false);
-  const createdThreadId = useRef9(void 0);
-  const client = useMemo4(() => {
+  const settlingRunIdRef = useRef10(void 0);
+  const autoResumeRunIdRef = useRef10(void 0);
+  const [autoResume, setAutoResume] = useState12(false);
+  const [activeRunId, setActiveRunId] = useState12(null);
+  const regenerateNext = useRef10(false);
+  const createdThreadId = useRef10(void 0);
+  const client = useMemo6(() => {
     if (options.backend) return options.backend;
     if (options.client) return options.client;
     return new AgentClient({
@@ -3926,11 +4035,11 @@ function useAgentChat(options) {
       getHeaders: /* @__PURE__ */ __name(async () => mergeHeaders(latest.current), "getHeaders")
     });
   }, []);
-  const [connection, setConnection] = useState11({
+  const [connection, setConnection] = useState12({
     status: "live"
   });
-  const resyncAfterSettle = useRef9(false);
-  useEffect10(() => {
+  const resyncAfterSettle = useRef10(false);
+  useEffect11(() => {
     if (!options.resume || options.threadId === void 0) return;
     let cancelled = false;
     const threadId = options.threadId;
@@ -3950,7 +4059,7 @@ function useAgentChat(options) {
     options.resume,
     options.threadId
   ]);
-  const transport = useMemo4(() => {
+  const transport = useMemo6(() => {
     function onMeta(meta) {
       settlingRunIdRef.current = meta.runId;
       setRunId(meta.runId);
@@ -3987,6 +4096,9 @@ function useAgentChat(options) {
           ...threadId !== void 0 ? {
             threadId
           } : {},
+          ...current.model !== void 0 ? {
+            model: current.model
+          } : {},
           ...pageContext ? {
             pageContext
           } : {},
@@ -4002,7 +4114,7 @@ function useAgentChat(options) {
       }, "onAttemptStart")
     });
   }, []);
-  const backgroundRef = useRef9(() => Promise.resolve());
+  const backgroundRef = useRef10(() => Promise.resolve());
   const chat = useChat({
     transport,
     resume: options.resumeRunId !== void 0 || autoResume,
@@ -4051,7 +4163,7 @@ function useAgentChat(options) {
       }
     }, "onFinish")
   });
-  const chatRef = useRef9(chat);
+  const chatRef = useRef10(chat);
   chatRef.current = chat;
   async function resyncFromThread() {
     const threadId = latest.current.threadId ?? createdThreadId.current;
@@ -4063,11 +4175,11 @@ function useAgentChat(options) {
     }
   }
   __name(resyncFromThread, "resyncFromThread");
-  const turnInFlight = useRef9(false);
-  const isTurnInFlight = useCallback8(() => turnInFlight.current || transport.isAttemptLive, [
+  const turnInFlight = useRef10(false);
+  const isTurnInFlight = useCallback9(() => turnInFlight.current || transport.isAttemptLive, [
     transport
   ]);
-  const sendMessage = useCallback8(async (...args) => {
+  const sendMessage = useCallback9(async (...args) => {
     if (isTurnInFlight()) return;
     turnInFlight.current = true;
     try {
@@ -4078,15 +4190,15 @@ function useAgentChat(options) {
   }, [
     isTurnInFlight
   ]);
-  const addToolResult = useCallback8(({ tool, toolCallId, output }) => chatRef.current.addToolResult({
+  const addToolResult = useCallback9(({ tool, toolCallId, output }) => chatRef.current.addToolResult({
     tool,
     toolCallId,
     output
   }), []);
-  const [threads, setThreads] = useState11([]);
-  const [quota, setQuota] = useState11(null);
-  const [backgroundRuns, setBackgroundRuns] = useState11([]);
-  const refreshBackground = useCallback8(async () => {
+  const [threads, setThreads] = useState12([]);
+  const [quota, setQuota] = useState12(null);
+  const [backgroundRuns, setBackgroundRuns] = useState12([]);
+  const refreshBackground = useCallback9(async () => {
     const threadId = latest.current.threadId ?? createdThreadId.current;
     if (threadId === void 0) {
       return;
@@ -4111,7 +4223,7 @@ function useAgentChat(options) {
   ]);
   backgroundRef.current = refreshBackground;
   const isWorking = backgroundRuns.some((run) => run.status === "running");
-  useEffect10(() => {
+  useEffect11(() => {
     if (options.background !== true || options.threadId === void 0) {
       return;
     }
@@ -4121,7 +4233,7 @@ function useAgentChat(options) {
     options.threadId,
     refreshBackground
   ]);
-  useEffect10(() => {
+  useEffect11(() => {
     const every = latest.current.backgroundPollMs ?? 5e3;
     if (latest.current.background !== true || !isWorking || every <= 0) {
       return;
@@ -4132,26 +4244,26 @@ function useAgentChat(options) {
     isWorking,
     refreshBackground
   ]);
-  const loadThreads = useCallback8(async () => {
+  const loadThreads = useCallback9(async () => {
     const list = await client.listThreads();
     setThreads(list);
     return list;
   }, [
     client
   ]);
-  const loadThread = useCallback8((id) => client.getThread(id), [
+  const loadThread = useCallback9((id) => client.getThread(id), [
     client
   ]);
-  const deleteThread = useCallback8(async (id) => {
+  const deleteThread = useCallback9(async (id) => {
     await client.deleteThread(id);
     setThreads((current) => current.filter((thread) => thread.id !== id));
   }, [
     client
   ]);
-  const forkThread = useCallback8((threadId, messageId) => requireBackendMethod(client, "forkFromMessage")(threadId, messageId), [
+  const forkThread = useCallback9((threadId, messageId) => requireBackendMethod(client, "forkFromMessage")(threadId, messageId), [
     client
   ]);
-  const renameThread = useCallback8(async (id, title) => {
+  const renameThread = useCallback9(async (id, title) => {
     await client.updateThread(id, {
       title
     });
@@ -4162,24 +4274,24 @@ function useAgentChat(options) {
   }, [
     client
   ]);
-  const promoteThread = useCallback8(async (id) => {
+  const promoteThread = useCallback9(async (id) => {
     await requireBackendMethod(client, "promoteThread")(id);
     await loadThreads();
   }, [
     client,
     loadThreads
   ]);
-  const truncateFromMessage = useCallback8((threadId, messageId) => requireBackendMethod(client, "truncateFromMessage")(threadId, messageId).then(() => void 0), [
+  const truncateFromMessage = useCallback9((threadId, messageId) => requireBackendMethod(client, "truncateFromMessage")(threadId, messageId).then(() => void 0), [
     client
   ]);
-  const loadQuota = useCallback8(async () => {
+  const loadQuota = useCallback9(async () => {
     const today = await requireBackendMethod(client, "getQuotaToday")();
     setQuota(today);
     return today;
   }, [
     client
   ]);
-  const cancel = useCallback8(async () => {
+  const cancel = useCallback9(async () => {
     chatRef.current.stop();
     const activeRunId2 = runIdRef.current;
     if (activeRunId2) {
@@ -4191,7 +4303,7 @@ function useAgentChat(options) {
   }, [
     client
   ]);
-  const approve = useCallback8(async ({ toolCallId, remember, via }) => {
+  const approve = useCallback9(async ({ toolCallId, remember, via }) => {
     await requireBackendMethod(client, "approveToolCall")({
       toolCallId,
       ...remember === true ? {
@@ -4204,7 +4316,7 @@ function useAgentChat(options) {
   }, [
     client
   ]);
-  const reject = useCallback8(async ({ toolCallId, reason, via }) => {
+  const reject = useCallback9(async ({ toolCallId, reason, via }) => {
     await requireBackendMethod(client, "rejectToolCall")({
       toolCallId,
       ...reason !== void 0 ? {
@@ -4217,7 +4329,7 @@ function useAgentChat(options) {
   }, [
     client
   ]);
-  const answer = useCallback8(async ({ toolCallId, answers }) => {
+  const answer = useCallback9(async ({ toolCallId, answers }) => {
     await requireBackendMethod(client, "answerToolCall")({
       toolCallId,
       ...answers !== void 0 ? {
@@ -4227,14 +4339,14 @@ function useAgentChat(options) {
   }, [
     client
   ]);
-  const skip = useCallback8(async ({ toolCallId }) => {
+  const skip = useCallback9(async ({ toolCallId }) => {
     await requireBackendMethod(client, "skipToolCall")({
       toolCallId
     });
   }, [
     client
   ]);
-  const regenerate = useCallback8(() => {
+  const regenerate = useCallback9(() => {
     if (isTurnInFlight()) return;
     regenerateNext.current = true;
     turnInFlight.current = true;
@@ -4249,7 +4361,21 @@ function useAgentChat(options) {
     isWorking,
     refresh: refreshBackground
   };
-  const getThreadId = useCallback8(() => latest.current.threadId ?? createdThreadId.current, []);
+  const setThreadModel = useCallback9(async (model) => {
+    const threadId = latest.current.threadId ?? createdThreadId.current;
+    if (threadId === void 0) {
+      throw new Error("setThreadModel: this chat has no thread yet");
+    }
+    await client.updateThread(threadId, {
+      model
+    });
+    notifyThreads(client, {
+      type: "changed"
+    });
+  }, [
+    client
+  ]);
+  const getThreadId = useCallback9(() => latest.current.threadId ?? createdThreadId.current, []);
   const status = connection.status === "reconnecting" ? "reconnecting" : chat.status;
   return {
     ...chat,
@@ -4268,6 +4394,7 @@ function useAgentChat(options) {
     * 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`, … */
     backend: client,
     /** Same object as {@link backend}; kept for callers that read it under its old name. */
@@ -4343,11 +4470,13 @@ export {
   toolCallState,
   toolCatalogFrom,
   useAgentChat,
+  useAgents,
   useApprovalCountdown,
   useChatTranscript,
   useComposerAutocomplete,
   useElapsed,
   useMessageFeedback,
+  useModels,
   useSpeechRecognition,
   useStickToBottom,
   useThreads,