@dudousxd/nestjs-agent-react 0.8.0 → 0.9.0

package/dist/index.d.cts

@@ -345,6 +345,12 @@ interface TranscriptReasoningBlock {
     key: string;
     text: string;
     isStreaming: boolean;
+    /**
+     * How long the model thought, in ms — the backend's measurement once the run closed (live) or as
+     * persisted (reloaded). `null` while it still streams, or when nothing was recorded: pair it with
+     * `useElapsed(block.isStreaming)` for a ticking label (`block.durationMs ?? elapsed`).
+     */
+    durationMs: number | null;
     isOpen: boolean;
     toggle: (open?: boolean) => void;
 }
@@ -1151,6 +1157,32 @@ interface ComposerAutocomplete {
  */
 declare function useComposerAutocomplete(options: UseComposerAutocompleteOptions): ComposerAutocomplete;
 
+/** The thinking time stamped on a reasoning part, or `null` when it carries none. */
+declare function readReasoningMs(part: {
+    providerMetadata?: unknown;
+}): number | null;
+interface UseElapsedOptions {
+    /** How often the value re-renders while running. Default 1000 — a seconds label needs no more. */
+    intervalMs?: number;
+    /** Injectable clock for tests. */
+    now?: () => number;
+}
+/**
+ * Milliseconds since `running` last turned true — ticking while it stays true, frozen at the final
+ * value once it turns false, `0` before it has ever run. Headless: pair it with
+ * {@link formatElapsed} or any label of your own.
+ *
+ * For a reasoning block, prefer the duration the block already carries (`block.durationMs`, the
+ * server's own measurement) and fall back to this only while the block streams:
+ * `block.durationMs ?? elapsed`.
+ */
+declare function useElapsed(running: boolean, options?: UseElapsedOptions): number;
+/**
+ * `"<1s"`, `"4s"`, `"1m 5s"`, `"1h 2m"` — whole units, the shape a "Thought for …" label wants.
+ * Negative or non-finite input reads as `"<1s"` rather than a nonsense figure.
+ */
+declare function formatElapsed(ms: number): string;
+
 declare function storedMessageToUiMessage(message: StoredMessage): UIMessage;
 
 /**
@@ -1399,4 +1431,4 @@ declare function useAgentChat(options: UseAgentChatOptions): {
     clearError: () => void;
 };
 
-export { AgentChatTransport, type AgentChatTransportOptions, AgentClient, type AgentClientOptions, AgentHttpError, type AgentStreamMeta, type AggregatedTurnUsage, type AnyToolUIPart, type ApprovalBlockOptions, type AutocompleteInputProps, type AutocompleteItem, type AutocompleteListboxProps, type AutocompleteOptionProps, type AutocompleteSource, type BackgroundRun, type BuildBlocksOptions, type CancelResult, type ChatBackground, ChatInput, type ChatInputProps, type ChatStatus, type ChatTranscript, type CompletionEdit, type ComposerAutocomplete, DEFAULT_SPEECH_LANG, type ElicitationBlockOptions, MessageItem, type MessageItemClassNames, type MessageItemProps, MessageItemView, type MessageItemViewProps, MessageList, type MessageListClassNames, type MessageListProps, type MessageUsageInfo, type QuotaToday, type RenderFilesFn, type RenderReasoningFn, type RenderTextFn, type RenderToolGroupFn, type RenderToolPartFn, type RenderUiFn, type RetrievedPassage, SPEECH_LANGUAGES, type SettleAction, type SkillSuggestionData, type SkillsSourceOptions, type SpeechLanguage, type SpeechRecognitionHook, type StickToBottom, type StickToBottomOptions, type StoredTurnMetadata, type ThreadPatch, type TimestampInfo, type TranscriptActionState, type TranscriptApproval, type TranscriptBlock, type TranscriptCopyState, type TranscriptEditState, type TranscriptElicitationBlock, type TranscriptElicitationOutcome, type TranscriptFile, type TranscriptFilesBlock, type TranscriptItem, type TranscriptItemOptions, type TranscriptQuestion, type TranscriptQuestionOption, type TranscriptReasoningBlock, type TranscriptSettleState, type TranscriptSource, type TranscriptSourcesBlock, type TranscriptStopState, type TranscriptTextBlock, type TranscriptToolBlock, type TranscriptToolCall, type TranscriptUiBlock, type TranscriptWindow, type TriggerMatch, type TriggerPosition, type UsageSummary, type UseAgentChatOptions, type UseChatTranscriptOptions, type UseComposerAutocompleteOptions, type UseSpeechRecognitionOptions, type UseTranscriptItemOptions, applyCompletion, backgroundRunsFromThread, buildTranscriptBlocks, createSkillsSource, describeTimestamp, describeUsage, extractMessageText, filterAutocompleteItems, findActiveTrigger, formatRelativeTime, loadStoredSpeechLang, persistSpeechLang, storedMessageToUiMessage, storedThreadToUiMessages, useAgentChat, useChatTranscript, useComposerAutocomplete, useSpeechRecognition, useStickToBottom, useTranscriptItem };
+export { AgentChatTransport, type AgentChatTransportOptions, AgentClient, type AgentClientOptions, AgentHttpError, type AgentStreamMeta, type AggregatedTurnUsage, type AnyToolUIPart, type ApprovalBlockOptions, type AutocompleteInputProps, type AutocompleteItem, type AutocompleteListboxProps, type AutocompleteOptionProps, type AutocompleteSource, type BackgroundRun, type BuildBlocksOptions, type CancelResult, type ChatBackground, ChatInput, type ChatInputProps, type ChatStatus, type ChatTranscript, type CompletionEdit, type ComposerAutocomplete, DEFAULT_SPEECH_LANG, type ElicitationBlockOptions, MessageItem, type MessageItemClassNames, type MessageItemProps, MessageItemView, type MessageItemViewProps, MessageList, type MessageListClassNames, type MessageListProps, type MessageUsageInfo, type QuotaToday, type RenderFilesFn, type RenderReasoningFn, type RenderTextFn, type RenderToolGroupFn, type RenderToolPartFn, type RenderUiFn, type RetrievedPassage, SPEECH_LANGUAGES, type SettleAction, type SkillSuggestionData, type SkillsSourceOptions, type SpeechLanguage, type SpeechRecognitionHook, type StickToBottom, type StickToBottomOptions, type StoredTurnMetadata, type ThreadPatch, type TimestampInfo, type TranscriptActionState, type TranscriptApproval, type TranscriptBlock, type TranscriptCopyState, type TranscriptEditState, type TranscriptElicitationBlock, type TranscriptElicitationOutcome, type TranscriptFile, type TranscriptFilesBlock, type TranscriptItem, type TranscriptItemOptions, type TranscriptQuestion, type TranscriptQuestionOption, type TranscriptReasoningBlock, type TranscriptSettleState, type TranscriptSource, type TranscriptSourcesBlock, type TranscriptStopState, type TranscriptTextBlock, type TranscriptToolBlock, type TranscriptToolCall, type TranscriptUiBlock, type TranscriptWindow, type TriggerMatch, type TriggerPosition, type UsageSummary, type UseAgentChatOptions, type UseChatTranscriptOptions, type UseComposerAutocompleteOptions, type UseElapsedOptions, type UseSpeechRecognitionOptions, type UseTranscriptItemOptions, applyCompletion, backgroundRunsFromThread, buildTranscriptBlocks, createSkillsSource, describeTimestamp, describeUsage, extractMessageText, filterAutocompleteItems, findActiveTrigger, formatElapsed, formatRelativeTime, loadStoredSpeechLang, persistSpeechLang, readReasoningMs, storedMessageToUiMessage, storedThreadToUiMessages, useAgentChat, useChatTranscript, useComposerAutocomplete, useElapsed, useSpeechRecognition, useStickToBottom, useTranscriptItem };

package/dist/index.d.ts

@@ -345,6 +345,12 @@ interface TranscriptReasoningBlock {
     key: string;
     text: string;
     isStreaming: boolean;
+    /**
+     * How long the model thought, in ms — the backend's measurement once the run closed (live) or as
+     * persisted (reloaded). `null` while it still streams, or when nothing was recorded: pair it with
+     * `useElapsed(block.isStreaming)` for a ticking label (`block.durationMs ?? elapsed`).
+     */
+    durationMs: number | null;
     isOpen: boolean;
     toggle: (open?: boolean) => void;
 }
@@ -1151,6 +1157,32 @@ interface ComposerAutocomplete {
  */
 declare function useComposerAutocomplete(options: UseComposerAutocompleteOptions): ComposerAutocomplete;
 
+/** The thinking time stamped on a reasoning part, or `null` when it carries none. */
+declare function readReasoningMs(part: {
+    providerMetadata?: unknown;
+}): number | null;
+interface UseElapsedOptions {
+    /** How often the value re-renders while running. Default 1000 — a seconds label needs no more. */
+    intervalMs?: number;
+    /** Injectable clock for tests. */
+    now?: () => number;
+}
+/**
+ * Milliseconds since `running` last turned true — ticking while it stays true, frozen at the final
+ * value once it turns false, `0` before it has ever run. Headless: pair it with
+ * {@link formatElapsed} or any label of your own.
+ *
+ * For a reasoning block, prefer the duration the block already carries (`block.durationMs`, the
+ * server's own measurement) and fall back to this only while the block streams:
+ * `block.durationMs ?? elapsed`.
+ */
+declare function useElapsed(running: boolean, options?: UseElapsedOptions): number;
+/**
+ * `"<1s"`, `"4s"`, `"1m 5s"`, `"1h 2m"` — whole units, the shape a "Thought for …" label wants.
+ * Negative or non-finite input reads as `"<1s"` rather than a nonsense figure.
+ */
+declare function formatElapsed(ms: number): string;
+
 declare function storedMessageToUiMessage(message: StoredMessage): UIMessage;
 
 /**
@@ -1399,4 +1431,4 @@ declare function useAgentChat(options: UseAgentChatOptions): {
     clearError: () => void;
 };
 
-export { AgentChatTransport, type AgentChatTransportOptions, AgentClient, type AgentClientOptions, AgentHttpError, type AgentStreamMeta, type AggregatedTurnUsage, type AnyToolUIPart, type ApprovalBlockOptions, type AutocompleteInputProps, type AutocompleteItem, type AutocompleteListboxProps, type AutocompleteOptionProps, type AutocompleteSource, type BackgroundRun, type BuildBlocksOptions, type CancelResult, type ChatBackground, ChatInput, type ChatInputProps, type ChatStatus, type ChatTranscript, type CompletionEdit, type ComposerAutocomplete, DEFAULT_SPEECH_LANG, type ElicitationBlockOptions, MessageItem, type MessageItemClassNames, type MessageItemProps, MessageItemView, type MessageItemViewProps, MessageList, type MessageListClassNames, type MessageListProps, type MessageUsageInfo, type QuotaToday, type RenderFilesFn, type RenderReasoningFn, type RenderTextFn, type RenderToolGroupFn, type RenderToolPartFn, type RenderUiFn, type RetrievedPassage, SPEECH_LANGUAGES, type SettleAction, type SkillSuggestionData, type SkillsSourceOptions, type SpeechLanguage, type SpeechRecognitionHook, type StickToBottom, type StickToBottomOptions, type StoredTurnMetadata, type ThreadPatch, type TimestampInfo, type TranscriptActionState, type TranscriptApproval, type TranscriptBlock, type TranscriptCopyState, type TranscriptEditState, type TranscriptElicitationBlock, type TranscriptElicitationOutcome, type TranscriptFile, type TranscriptFilesBlock, type TranscriptItem, type TranscriptItemOptions, type TranscriptQuestion, type TranscriptQuestionOption, type TranscriptReasoningBlock, type TranscriptSettleState, type TranscriptSource, type TranscriptSourcesBlock, type TranscriptStopState, type TranscriptTextBlock, type TranscriptToolBlock, type TranscriptToolCall, type TranscriptUiBlock, type TranscriptWindow, type TriggerMatch, type TriggerPosition, type UsageSummary, type UseAgentChatOptions, type UseChatTranscriptOptions, type UseComposerAutocompleteOptions, type UseSpeechRecognitionOptions, type UseTranscriptItemOptions, applyCompletion, backgroundRunsFromThread, buildTranscriptBlocks, createSkillsSource, describeTimestamp, describeUsage, extractMessageText, filterAutocompleteItems, findActiveTrigger, formatRelativeTime, loadStoredSpeechLang, persistSpeechLang, storedMessageToUiMessage, storedThreadToUiMessages, useAgentChat, useChatTranscript, useComposerAutocomplete, useSpeechRecognition, useStickToBottom, useTranscriptItem };
+export { AgentChatTransport, type AgentChatTransportOptions, AgentClient, type AgentClientOptions, AgentHttpError, type AgentStreamMeta, type AggregatedTurnUsage, type AnyToolUIPart, type ApprovalBlockOptions, type AutocompleteInputProps, type AutocompleteItem, type AutocompleteListboxProps, type AutocompleteOptionProps, type AutocompleteSource, type BackgroundRun, type BuildBlocksOptions, type CancelResult, type ChatBackground, ChatInput, type ChatInputProps, type ChatStatus, type ChatTranscript, type CompletionEdit, type ComposerAutocomplete, DEFAULT_SPEECH_LANG, type ElicitationBlockOptions, MessageItem, type MessageItemClassNames, type MessageItemProps, MessageItemView, type MessageItemViewProps, MessageList, type MessageListClassNames, type MessageListProps, type MessageUsageInfo, type QuotaToday, type RenderFilesFn, type RenderReasoningFn, type RenderTextFn, type RenderToolGroupFn, type RenderToolPartFn, type RenderUiFn, type RetrievedPassage, SPEECH_LANGUAGES, type SettleAction, type SkillSuggestionData, type SkillsSourceOptions, type SpeechLanguage, type SpeechRecognitionHook, type StickToBottom, type StickToBottomOptions, type StoredTurnMetadata, type ThreadPatch, type TimestampInfo, type TranscriptActionState, type TranscriptApproval, type TranscriptBlock, type TranscriptCopyState, type TranscriptEditState, type TranscriptElicitationBlock, type TranscriptElicitationOutcome, type TranscriptFile, type TranscriptFilesBlock, type TranscriptItem, type TranscriptItemOptions, type TranscriptQuestion, type TranscriptQuestionOption, type TranscriptReasoningBlock, type TranscriptSettleState, type TranscriptSource, type TranscriptSourcesBlock, type TranscriptStopState, type TranscriptTextBlock, type TranscriptToolBlock, type TranscriptToolCall, type TranscriptUiBlock, type TranscriptWindow, type TriggerMatch, type TriggerPosition, type UsageSummary, type UseAgentChatOptions, type UseChatTranscriptOptions, type UseComposerAutocompleteOptions, type UseElapsedOptions, type UseSpeechRecognitionOptions, type UseTranscriptItemOptions, applyCompletion, backgroundRunsFromThread, buildTranscriptBlocks, createSkillsSource, describeTimestamp, describeUsage, extractMessageText, filterAutocompleteItems, findActiveTrigger, formatElapsed, formatRelativeTime, loadStoredSpeechLang, persistSpeechLang, readReasoningMs, storedMessageToUiMessage, storedThreadToUiMessages, useAgentChat, useChatTranscript, useComposerAutocomplete, useElapsed, useSpeechRecognition, useStickToBottom, useTranscriptItem };

package/dist/index.js

@@ -1,6 +1,65 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 
+// src/reasoning/timing.ts
+import { useEffect, useRef, useState } from "react";
+var REASONING_METADATA_KEY = "agent";
+function reasoningDurationMetadata(reasoningMs) {
+  return {
+    [REASONING_METADATA_KEY]: {
+      reasoningMs
+    }
+  };
+}
+__name(reasoningDurationMetadata, "reasoningDurationMetadata");
+function readReasoningMs(part) {
+  const metadata = part.providerMetadata;
+  if (typeof metadata !== "object" || metadata === null) return null;
+  const scoped = metadata[REASONING_METADATA_KEY];
+  if (typeof scoped !== "object" || scoped === null) return null;
+  const value = scoped.reasoningMs;
+  return typeof value === "number" && Number.isFinite(value) && value >= 0 ? value : null;
+}
+__name(readReasoningMs, "readReasoningMs");
+function useElapsed(running, options = {}) {
+  const { intervalMs = 1e3 } = options;
+  const nowRef = useRef(options.now ?? Date.now);
+  nowRef.current = options.now ?? Date.now;
+  const startedAt = useRef(null);
+  const [elapsed, setElapsed] = useState(0);
+  useEffect(() => {
+    if (!running) {
+      if (startedAt.current !== null) {
+        setElapsed(nowRef.current() - startedAt.current);
+        startedAt.current = null;
+      }
+      return;
+    }
+    startedAt.current = nowRef.current();
+    setElapsed(0);
+    const timer = setInterval(() => {
+      if (startedAt.current !== null) setElapsed(nowRef.current() - startedAt.current);
+    }, intervalMs);
+    return () => clearInterval(timer);
+  }, [
+    running,
+    intervalMs
+  ]);
+  return elapsed;
+}
+__name(useElapsed, "useElapsed");
+function formatElapsed(ms) {
+  if (!Number.isFinite(ms) || ms < 1e3) return "<1s";
+  const totalSeconds = Math.floor(ms / 1e3);
+  const hours = Math.floor(totalSeconds / 3600);
+  const minutes = Math.floor(totalSeconds % 3600 / 60);
+  const seconds = totalSeconds % 60;
+  if (hours > 0) return minutes > 0 ? `${hours}h ${minutes}m` : `${hours}h`;
+  if (minutes > 0) return seconds > 0 ? `${minutes}m ${seconds}s` : `${minutes}m`;
+  return `${seconds}s`;
+}
+__name(formatElapsed, "formatElapsed");
+
 // src/agent-chat-transport.ts
 var HEADER_RUN_ID = "x-agent-run-id";
 var HEADER_THREAD_ID = "x-agent-thread-id";
@@ -158,6 +217,7 @@ var AgentChatTransport = class {
     let stepIndex = 0;
     let textId = null;
     let reasoningId = null;
+    let reasoningStartedAt = 0;
     let textSeq = 0;
     let reasoningSeq = 0;
     const announced = /* @__PURE__ */ new Set();
@@ -194,7 +254,7 @@ var AgentChatTransport = class {
           if (!stepOpen) openStep();
         }
         __name(ensureStep, "ensureStep");
-        function closeRuns() {
+        function closeRuns(reasoningMs) {
           if (textId !== null) {
             controller.enqueue({
               type: "text-end",
@@ -205,15 +265,16 @@ var AgentChatTransport = class {
           if (reasoningId !== null) {
             controller.enqueue({
               type: "reasoning-end",
-              id: reasoningId
+              id: reasoningId,
+              providerMetadata: reasoningDurationMetadata(reasoningMs ?? Math.max(0, Date.now() - reasoningStartedAt))
             });
             reasoningId = null;
           }
         }
         __name(closeRuns, "closeRuns");
-        function closeStep() {
+        function closeStep(reasoningMs) {
           if (!stepOpen) return;
-          closeRuns();
+          closeRuns(reasoningMs);
           controller.enqueue({
             type: "finish-step"
           });
@@ -252,7 +313,7 @@ var AgentChatTransport = class {
               openStep();
               break;
             case "step-finish":
-              closeStep();
+              closeStep(event.reasoningMs);
               if (event.costUsd !== void 0) {
                 controller.enqueue({
                   type: "message-metadata",
@@ -283,6 +344,7 @@ var AgentChatTransport = class {
               if (reasoningId === null) {
                 reasoningId = reasoningSeq === 0 ? `rsn-${stepIndex}` : `rsn-${stepIndex}.${reasoningSeq}`;
                 reasoningSeq += 1;
+                reasoningStartedAt = Date.now();
                 controller.enqueue({
                   type: "reasoning-start",
                   id: reasoningId
@@ -730,10 +792,10 @@ var AgentClient = class {
 };
 
 // src/components/chat-input.tsx
-import React2, { useEffect as useEffect2, useState as useState2 } from "react";
+import React2, { useEffect as useEffect3, useState as useState3 } from "react";
 
 // src/components/use-speech-recognition.ts
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useCallback, useEffect as useEffect2, useMemo, useRef as useRef2, useState as useState2 } from "react";
 function getRecognitionCtor() {
   if (typeof window === "undefined") return null;
   const scope = window;
@@ -741,15 +803,15 @@ function getRecognitionCtor() {
 }
 __name(getRecognitionCtor, "getRecognitionCtor");
 function useSpeechRecognition({ lang = "en-US", onFinalTranscript, onInterimTranscript }) {
-  const recognitionRef = useRef(null);
-  const [isListening, setIsListening] = useState(false);
+  const recognitionRef = useRef2(null);
+  const [isListening, setIsListening] = useState2(false);
   const ctor = useMemo(() => getRecognitionCtor(), []);
   const isSupported = ctor !== null;
-  const finalRef = useRef(onFinalTranscript);
-  const interimRef = useRef(onInterimTranscript);
+  const finalRef = useRef2(onFinalTranscript);
+  const interimRef = useRef2(onInterimTranscript);
   finalRef.current = onFinalTranscript;
   interimRef.current = onInterimTranscript;
-  useEffect(() => {
+  useEffect2(() => {
     if (!ctor) return;
     const recognition = new ctor();
     recognition.lang = lang;
@@ -817,8 +879,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] = useState2("");
-  const [interim, setInterim] = useState2("");
+  const [value, setValue] = useState3("");
+  const [interim, setInterim] = useState3("");
   const speech = useSpeechRecognition({
     lang: speechLang,
     onFinalTranscript: /* @__PURE__ */ __name((text) => {
@@ -829,7 +891,7 @@ function ChatInput({ onSubmit, disabled, placeholder, rows = 2, enableSpeech = t
     }, "onFinalTranscript"),
     onInterimTranscript: /* @__PURE__ */ __name((text) => setInterim(text), "onInterimTranscript")
   });
-  useEffect2(() => {
+  useEffect3(() => {
     if (!speech.isListening) setInterim("");
   }, [
     speech.isListening
@@ -896,7 +958,7 @@ __name(ChatInput, "ChatInput");
 import React3 from "react";
 
 // src/transcript/use-chat-transcript.ts
-import { useCallback as useCallback3, useEffect as useEffect4, useRef as useRef3, useState as useState4 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect5, useRef as useRef4, useState as useState5 } from "react";
 
 // src/transcript/model.ts
 import { getToolName, isDataUIPart, isFileUIPart, isReasoningUIPart, isTextUIPart, isToolUIPart } from "ai";
@@ -1017,6 +1079,7 @@ function buildTranscriptBlocks(message, options) {
         key,
         text: part.text,
         isStreaming,
+        durationMs: readReasoningMs(part),
         isOpen: options.isReasoningOpen(key, isStreaming),
         toggle: /* @__PURE__ */ __name((open) => options.toggleReasoning(key, open), "toggle")
       });
@@ -1429,10 +1492,10 @@ function formatCostUsd(cost) {
 __name(formatCostUsd, "formatCostUsd");
 
 // src/transcript/use-stick-to-bottom.ts
-import { useCallback as useCallback2, useEffect as useEffect3, useRef as useRef2, useState as useState3 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect4, useRef as useRef3, useState as useState4 } from "react";
 function useStickToBottom({ contentKey, threshold = 32 }) {
-  const containerRef = useRef2(null);
-  const [isAtBottom, setIsAtBottom] = useState3(true);
+  const containerRef = useRef3(null);
+  const [isAtBottom, setIsAtBottom] = useState4(true);
   const measure = useCallback2(() => {
     const element = containerRef.current;
     if (!element) {
@@ -1459,7 +1522,7 @@ function useStickToBottom({ contentKey, threshold = 32 }) {
   }, [
     measure
   ]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (isAtBottom) {
       scrollToBottom();
     }
@@ -1490,14 +1553,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 = useRef3(options);
+  const latest = useRef4(options);
   latest.current = options;
-  const [visibleCount, setVisibleCount] = useState4(initialVisibleCount);
-  const [stopRequested, setStopRequested] = useState4(false);
+  const [visibleCount, setVisibleCount] = useState5(initialVisibleCount);
+  const [stopRequested, setStopRequested] = useState5(false);
   const isStreaming = status === "streaming";
   const isBusy = status === "submitted" || isStreaming;
   const isEmpty = messages.length === 0;
-  useEffect4(() => {
+  useEffect5(() => {
     if (!isBusy) {
       setStopRequested(false);
     }
@@ -1559,7 +1622,7 @@ function useChatTranscript(options) {
 __name(useChatTranscript, "useChatTranscript");
 function useTranscriptItem(options) {
   const { message, isStreaming = false } = options;
-  const messagesRef = useRef3([
+  const messagesRef = useRef4([
     message
   ]);
   if (messagesRef.current[0] !== message) {
@@ -1577,13 +1640,13 @@ function useTranscriptItem(options) {
 }
 __name(useTranscriptItem, "useTranscriptItem");
 function useTranscriptItems({ messages, visibleStart, streamingMessageId, options }) {
-  const [drafts, setDrafts] = useState4(() => /* @__PURE__ */ new Map());
-  const [copied, setCopied] = useState4(() => /* @__PURE__ */ new Set());
-  const [openReasoning, setOpenReasoning] = useState4(() => /* @__PURE__ */ new Map());
-  const [picks, setPicks] = useState4(() => /* @__PURE__ */ new Map());
-  const [settling, setSettling] = useState4(() => /* @__PURE__ */ new Map());
-  const [settleErrors, setSettleErrors] = useState4(() => /* @__PURE__ */ new Map());
-  const latest = useRef3({
+  const [drafts, setDrafts] = useState5(() => /* @__PURE__ */ new Map());
+  const [copied, setCopied] = useState5(() => /* @__PURE__ */ new Set());
+  const [openReasoning, setOpenReasoning] = useState5(() => /* @__PURE__ */ new Map());
+  const [picks, setPicks] = useState5(() => /* @__PURE__ */ new Map());
+  const [settling, setSettling] = useState5(() => /* @__PURE__ */ new Map());
+  const [settleErrors, setSettleErrors] = useState5(() => /* @__PURE__ */ new Map());
+  const latest = useRef4({
     options,
     drafts,
     picks,
@@ -1595,15 +1658,15 @@ function useTranscriptItems({ messages, visibleStart, streamingMessageId, option
     picks,
     messages
   };
-  const copyTimers = useRef3(/* @__PURE__ */ new Map());
-  useEffect4(() => () => {
+  const copyTimers = useRef4(/* @__PURE__ */ new Map());
+  useEffect5(() => () => {
     for (const timer of copyTimers.current.values()) {
       clearTimeout(timer);
     }
     copyTimers.current.clear();
   }, []);
-  const callbackCache = useRef3(/* @__PURE__ */ new Map());
-  const reasoningToggleCache = useRef3(/* @__PURE__ */ new Map());
+  const callbackCache = useRef4(/* @__PURE__ */ new Map());
+  const reasoningToggleCache = useRef4(/* @__PURE__ */ new Map());
   const toggleReasoning = useCallback3((key, open) => {
     setOpenReasoning((current) => {
       const next = new Map(current);
@@ -2332,18 +2395,18 @@ function toItem(entry) {
 __name(toItem, "toItem");
 
 // src/composer/use-composer-autocomplete.ts
-import { useCallback as useCallback4, useEffect as useEffect5, useId, useLayoutEffect, useMemo as useMemo2, useRef as useRef4, useState as useState5 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect6, useId, useLayoutEffect, useMemo as useMemo2, useRef as useRef5, useState as useState6 } from "react";
 function useComposerAutocomplete(options) {
   const { value, sources, acceptOnTab = true } = options;
-  const latest = useRef4(options);
+  const latest = useRef5(options);
   latest.current = options;
-  const inputRef = useRef4(null);
-  const [caret, setCaret] = useState5(value.length);
-  const [items, setItems] = useState5([]);
-  const [isLoading, setLoading] = useState5(false);
-  const [error, setError] = useState5(null);
-  const [activeIndex, setActiveIndex] = useState5(0);
-  const [dismissedIndex, setDismissedIndex] = useState5(null);
+  const inputRef = useRef5(null);
+  const [caret, setCaret] = useState6(value.length);
+  const [items, setItems] = useState6([]);
+  const [isLoading, setLoading] = useState6(false);
+  const [error, setError] = useState6(null);
+  const [activeIndex, setActiveIndex] = useState6(0);
+  const [dismissedIndex, setDismissedIndex] = useState6(null);
   const safeCaret = Math.min(caret, value.length);
   const match = useMemo2(() => findActiveTrigger(value, safeCaret, sources), [
     value,
@@ -2351,16 +2414,16 @@ function useComposerAutocomplete(options) {
     sources
   ]);
   const isActive = match !== null && dismissedIndex !== match.index;
-  const matchRef = useRef4(match);
+  const matchRef = useRef5(match);
   matchRef.current = match;
-  const caretRef = useRef4(safeCaret);
+  const caretRef = useRef5(safeCaret);
   caretRef.current = safeCaret;
-  const itemsRef = useRef4(items);
+  const itemsRef = useRef5(items);
   itemsRef.current = items;
-  const activeIndexRef = useRef4(activeIndex);
+  const activeIndexRef = useRef5(activeIndex);
   activeIndexRef.current = activeIndex;
   const requestKey = isActive && match ? `${match.source.id}\0${match.query}` : null;
-  useEffect5(() => {
+  useEffect6(() => {
     const current = matchRef.current;
     if (requestKey === null || current === null) {
       setItems([]);
@@ -2425,7 +2488,7 @@ function useComposerAutocomplete(options) {
     const current = matchRef.current;
     if (current) setDismissedIndex(current.index);
   }, []);
-  const pendingCaret = useRef4(null);
+  const pendingCaret = useRef5(null);
   const accept = useCallback4((item) => {
     const current = matchRef.current;
     if (!current) return;
@@ -2590,6 +2653,16 @@ function refusalReason(result) {
 __name(refusalReason, "refusalReason");
 function storedMessageToUiMessage(message) {
   const parts = [];
+  if (message.reasoning) {
+    parts.push({
+      type: "reasoning",
+      text: message.reasoning,
+      state: "done",
+      ...message.reasoningMs !== void 0 ? {
+        providerMetadata: reasoningDurationMetadata(message.reasoningMs)
+      } : {}
+    });
+  }
   if (message.content) {
     parts.push({
       type: "text",
@@ -2604,6 +2677,20 @@ function storedMessageToUiMessage(message) {
       url: attachment.url
     });
   }
+  for (const component of message.ui ?? []) {
+    parts.push({
+      type: "data-ui",
+      id: component.id,
+      data: {
+        id: component.id,
+        component: component.component,
+        props: component.props,
+        ...component.version !== void 0 ? {
+          version: component.version
+        } : {}
+      }
+    });
+  }
   for (const call of message.toolCalls ?? []) {
     const result = message.toolResults?.find((candidate) => candidate.id === call.id);
     const toolKind2 = call.kind;
@@ -2706,19 +2793,19 @@ __name(sumUsage, "sumUsage");
 
 // src/use-agent-chat.ts
 import { useChat } from "@ai-sdk/react";
-import { useCallback as useCallback5, useEffect as useEffect6, useMemo as useMemo3, useRef as useRef5, useState as useState6 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect7, useMemo as useMemo3, useRef as useRef6, useState as useState7 } from "react";
 function useAgentChat(options) {
-  const latest = useRef5(options);
+  const latest = useRef6(options);
   latest.current = options;
-  const [runId, setRunId] = useState6(options.resumeRunId);
-  const runIdRef = useRef5(runId);
+  const [runId, setRunId] = useState7(options.resumeRunId);
+  const runIdRef = useRef6(runId);
   runIdRef.current = runId;
-  const settlingRunIdRef = useRef5(void 0);
-  const autoResumeRunIdRef = useRef5(void 0);
-  const [autoResume, setAutoResume] = useState6(false);
-  const [activeRunId, setActiveRunId] = useState6(null);
-  const regenerateNext = useRef5(false);
-  const createdThreadId = useRef5(void 0);
+  const settlingRunIdRef = useRef6(void 0);
+  const autoResumeRunIdRef = useRef6(void 0);
+  const [autoResume, setAutoResume] = useState7(false);
+  const [activeRunId, setActiveRunId] = useState7(null);
+  const regenerateNext = useRef6(false);
+  const createdThreadId = useRef6(void 0);
   const client = useMemo3(() => {
     if (options.client) return options.client;
     return new AgentClient({
@@ -2734,7 +2821,7 @@ function useAgentChat(options) {
       getHeaders: /* @__PURE__ */ __name(async () => mergeHeaders(latest.current), "getHeaders")
     });
   }, []);
-  useEffect6(() => {
+  useEffect7(() => {
     if (!options.resume || options.threadId === void 0) return;
     let cancelled = false;
     const threadId = options.threadId;
@@ -2803,7 +2890,7 @@ function useAgentChat(options) {
       }, "onAttemptStart")
     });
   }, []);
-  const backgroundRef = useRef5(() => Promise.resolve());
+  const backgroundRef = useRef6(() => Promise.resolve());
   const chat = useChat({
     transport,
     resume: options.resumeRunId !== void 0 || autoResume,
@@ -2834,9 +2921,9 @@ function useAgentChat(options) {
       }
     }, "onFinish")
   });
-  const chatRef = useRef5(chat);
+  const chatRef = useRef6(chat);
   chatRef.current = chat;
-  const turnInFlight = useRef5(false);
+  const turnInFlight = useRef6(false);
   const isTurnInFlight = useCallback5(() => turnInFlight.current || transport.isAttemptLive, [
     transport
   ]);
@@ -2856,9 +2943,9 @@ function useAgentChat(options) {
     toolCallId,
     output
   }), []);
-  const [threads, setThreads] = useState6([]);
-  const [quota, setQuota] = useState6(null);
-  const [backgroundRuns, setBackgroundRuns] = useState6([]);
+  const [threads, setThreads] = useState7([]);
+  const [quota, setQuota] = useState7(null);
+  const [backgroundRuns, setBackgroundRuns] = useState7([]);
   const refreshBackground = useCallback5(async () => {
     const threadId = latest.current.threadId ?? createdThreadId.current;
     if (threadId === void 0) {
@@ -2884,7 +2971,7 @@ function useAgentChat(options) {
   ]);
   backgroundRef.current = refreshBackground;
   const isWorking = backgroundRuns.some((run) => run.status === "running");
-  useEffect6(() => {
+  useEffect7(() => {
     if (options.background !== true || options.threadId === void 0) {
       return;
     }
@@ -2894,7 +2981,7 @@ function useAgentChat(options) {
     options.threadId,
     refreshBackground
   ]);
-  useEffect6(() => {
+  useEffect7(() => {
     const every = latest.current.backgroundPollMs ?? 5e3;
     if (latest.current.background !== true || !isWorking || every <= 0) {
       return;
@@ -3067,14 +3154,17 @@ export {
   extractMessageText,
   filterAutocompleteItems,
   findActiveTrigger,
+  formatElapsed,
   formatRelativeTime,
   loadStoredSpeechLang,
   persistSpeechLang,
+  readReasoningMs,
   storedMessageToUiMessage,
   storedThreadToUiMessages,
   useAgentChat,
   useChatTranscript,
   useComposerAutocomplete,
+  useElapsed,
   useSpeechRecognition,
   useStickToBottom,
   useTranscriptItem