@agents24/chat-react 0.1.10 → 0.2.0

package/dist/index.js

@@ -7,7 +7,7 @@ import {
   LatestThreadScrollerProvider,
   LatestThreadScrollerRoot,
   LatestThreadScrollerViewport
-} from "./chunk-E3TJ3I6G.js";
+} from "./chunk-FFO6KEB4.js";
 import {
   getActiveStreamingTextPartId,
   isActiveStreamingTextPart,
@@ -223,12 +223,6 @@ var titleFromMessage = (text, files = []) => {
 var threadActivityDate = (thread) => String(thread.updated_at || thread.last_activity_at || thread.created_at || (/* @__PURE__ */ new Date()).toISOString());
 var assistantTextFromResponseBlocks = (blocks) => (blocks || []).filter((block) => block.kind === "assistant_text" && typeof block.text === "string").map((block) => String(block.text)).join("\n\n").trim();
 var assistantTextFromParts = (parts) => (parts || []).filter((part) => part.kind === "text").map((part) => part.text).join("\n\n").trim();
-var textFromFinalOutput = (value) => {
-  if (typeof value === "string") return value;
-  if (!value || typeof value !== "object") return "";
-  const record = value;
-  return String(record.message || record.text || record.answer || "");
-};
 var displayTextWithoutInlineAttachments = (text, hasAttachments) => {
   if (!hasAttachments) return text;
   const marker = "Attached text file (";
@@ -275,7 +269,7 @@ var responseBlocksFromTurn = (turn) => {
 var assistantTextFromEvents = (events) => {
   const assistantText = latestEventPayloadValue(events, "assistant_output_text");
   if (typeof assistantText === "string" && assistantText.trim()) return assistantText;
-  return textFromFinalOutput(latestEventPayloadValue(events, "final_output"));
+  return "";
 };
 var asRecord = (value) => value && typeof value === "object" && !Array.isArray(value) ? value : null;
 var optionalString = (value) => typeof value === "string" && value.trim() ? value.trim() : void 0;
@@ -459,7 +453,7 @@ var turnToMessages = (turn, activeRunId) => {
       attachments
     });
   }
-  const assistantText = turn.assistant_output_text || assistantTextFromResponseBlocks(responseBlocks) || assistantTextFromEvents(turn.run_events) || textFromFinalOutput(turn.final_output);
+  const assistantText = turn.assistant_output_text || assistantTextFromResponseBlocks(responseBlocks) || assistantTextFromEvents(turn.run_events);
   if (assistantText || responseBlocks.length > 0 || isRunning) {
     const parts = partsFromResponseBlocks(responseBlocks, assistantText);
     messages.push({
@@ -707,6 +701,7 @@ function useAgents24ChatController({
   const activeRunIdRef = useRef(null);
   const reattachedRunIdRef = useRef(null);
   const abortControllerRef = useRef(null);
+  const [lifecycleAbortController] = useState(() => new AbortController());
   const streamingContentRef = useRef("");
   const streamingMessageIdRef = useRef(null);
   const reasoningRef = useRef([]);
@@ -781,15 +776,16 @@ function useAgents24ChatController({
     const seq = ++refreshSeqRef.current;
     setIsRefreshingThreads(true);
     try {
-      const data = await transport.listThreads();
+      const data = await transport.listThreads({ signal: lifecycleAbortController.signal });
+      if (lifecycleAbortController.signal.aborted) return;
       if (seq !== refreshSeqRef.current) return;
       const nextThreads = (data.items || []).map((item) => threadSummaryToStored(item));
       storage.setThreads(mergeStoredThreadsForRefresh(storage.listThreads(), nextThreads));
       setThreads(storage.listThreads());
     } finally {
-      if (seq === refreshSeqRef.current) setIsRefreshingThreads(false);
+      if (!lifecycleAbortController.signal.aborted && seq === refreshSeqRef.current) setIsRefreshingThreads(false);
     }
-  }, [storage, transport]);
+  }, [lifecycleAbortController, storage, transport]);
   const applyThreadId = useCallback2(
     (threadId, baseMessages) => {
       if (!threadId || activeThreadIdRef.current === threadId) return;
@@ -944,7 +940,8 @@ function useAgents24ChatController({
         const detail = await transport.getThread({
           threadId,
           limit: pageSize,
-          includeRunEvents: false
+          includeRunEvents: false,
+          signal: lifecycleAbortController.signal
         });
         if (activeThreadIdRef.current !== threadId || seq !== requestSeqRef.current) return;
         void onThreadDetailLoaded?.(detail);
@@ -973,10 +970,10 @@ function useAgents24ChatController({
         }
         throw error;
       } finally {
-        if (activeThreadIdRef.current === threadId && seq === requestSeqRef.current) setLoadingHistory(false);
+        if (!lifecycleAbortController.signal.aborted && activeThreadIdRef.current === threadId && seq === requestSeqRef.current) setLoadingHistory(false);
       }
     },
-    [clearMissingThread, onThreadDetailLoaded, pageSize, setLoadingHistory, transport, upsertStoredThread]
+    [clearMissingThread, lifecycleAbortController, onThreadDetailLoaded, pageSize, setLoadingHistory, transport, upsertStoredThread]
   );
   const loadOlderTurns = useCallback2(async () => {
     const threadId = activeThreadIdRef.current;
@@ -989,7 +986,8 @@ function useAgents24ChatController({
         threadId,
         limit: pageSize,
         beforeTurnIndex,
-        includeRunEvents: false
+        includeRunEvents: false,
+        signal: lifecycleAbortController.signal
       });
       if (activeThreadIdRef.current !== threadId) return;
       const older = threadDetailToMessages(detail);
@@ -1009,10 +1007,10 @@ function useAgents24ChatController({
       }
       throw error;
     } finally {
-      if (activeThreadIdRef.current === threadId) setIsLoadingOlder(false);
+      if (!lifecycleAbortController.signal.aborted && activeThreadIdRef.current === threadId) setIsLoadingOlder(false);
       isLoadingOlderRef.current = false;
     }
-  }, [clearMissingThread, pageSize, persistThread, transport]);
+  }, [clearMissingThread, lifecycleAbortController, pageSize, persistThread, transport]);
   const handleStreamEvent = useCallback2(
     (input) => {
       const { mode, event, assistantMessageId, startedAt, streamThreadIdRef, baseMessages } = input;
@@ -1059,7 +1057,7 @@ function useAgents24ChatController({
         streamThreadIdRef.current = terminalThreadId;
         applyThreadId(terminalThreadId, baseMessages);
       }
-      const finalText = String(payload.assistant_output_text || textFromFinalOutput(payload.final_output) || streamingContentRef.current || "");
+      const finalText = String(payload.assistant_output_text || assistantTextFromResponseBlocks(responseBlocks || []) || streamingContentRef.current || "");
       finalizeAssistantMessage({
         threadId: streamThreadIdRef.current || activeThreadIdRef.current,
         baseMessages: messagesRef.current,
@@ -1233,8 +1231,19 @@ function useAgents24ChatController({
     }
   }, [finalizeAssistantMessage, lastThinkingDurationMs, setActiveRunIdValue, setReasoningSteps, transport]);
   useEffect(() => {
-    refresh().catch(() => setThreads(storage.listThreads()));
-  }, [refresh, storage]);
+    refresh().catch((error) => {
+      if (!isAbortError(error) && !lifecycleAbortController.signal.aborted) {
+        setThreads(storage.listThreads());
+      }
+    });
+  }, [lifecycleAbortController, refresh, storage]);
+  useEffect(() => {
+    return () => {
+      lifecycleAbortController.abort();
+      abortDetachedStream(abortControllerRef.current);
+      abortControllerRef.current = null;
+    };
+  }, [lifecycleAbortController]);
   useEffect(() => {
     if (!transport.subscribeThreadEvents) return;
     let cancelled = false;
@@ -1531,7 +1540,9 @@ var consumeSseResponse = async (response, onEvent, options = {}) => {
   let closed = false;
   const closeReader = () => {
     closed = true;
-    void reader.cancel().catch(() => {
+    queueMicrotask(() => {
+      void reader.cancel().catch(() => {
+      });
     });
   };
   if (options.signal?.aborted) {
@@ -1621,7 +1632,7 @@ var createFetchChatTransport = ({
           }
         )
       });
-      return consumeSseResponse(response, onEvent);
+      return consumeSseResponse(response, onEvent, { signal: input.signal });
     },
     async attachRun(input, onEvent) {
       const response = await fetchImpl(routes.attachRun(input), {
@@ -1630,7 +1641,7 @@ var createFetchChatTransport = ({
         headers: streamHeaders(await loadHeaders()),
         body: JSON.stringify({})
       });
-      return consumeSseResponse(response, onEvent);
+      return consumeSseResponse(response, onEvent, { signal: input.signal });
     },
     async cancelRun(input) {
       const response = await fetchImpl(routes.cancelRun(input), {
@@ -1657,7 +1668,11 @@ var createFetchChatTransport = ({
         signal: input.signal,
         headers: streamHeaders(await loadHeaders())
       });
-      await consumeSseResponse(response, (event) => onEvent(event));
+      await consumeSseResponse(
+        response,
+        (event) => onEvent(event),
+        { signal: input.signal }
+      );
     },
     async resumeHitl(input) {
       if (!routes.resumeRun) throw new ChatTransportError("HITL resume is not configured.", 501);
@@ -1741,7 +1756,6 @@ export {
   partsFromResponseBlocks,
   reasoningStepsFromParts,
   renderChatPart,
-  textFromFinalOutput,
   threadActivityDate,
   threadDetailToMessages,
   threadPaging,