@economic/agents-react 1.6.1 → 1.6.4

package/README.md

@@ -111,7 +111,12 @@ function Chat({ userId, authToken }: { userId: string; authToken: string }) {
       ))}
 
       <Composer
-        onSend={(text) => chat.chat.sendMessage({ role: "user", parts: [{ type: "text", text }] })}
+        onSend={(text) =>
+          chat.chat.sendMessage({
+            role: "user",
+            parts: [{ type: "text", text }],
+          })
+        }
       />
     </div>
   );
@@ -168,7 +173,13 @@ All hooks share these connection options (`useAssistant` omits `actorId`):
 ## Types
 
 ```ts
-type AgentConnectionStatus = "connecting" | "connected" | "disconnected" | "unauthorized" | "error";
+type AgentConnectionStatus =
+  | "connecting"
+  | "reconnecting"
+  | "connected"
+  | "disconnected"
+  | "unauthorized"
+  | "error";
 type AgentConnectionType = "agent" | "chat" | "assistant";
 
 type AgentConnectionState = {
@@ -202,5 +213,3 @@ The package also exports the handler types `AssistantActions`, `GetChatsHandler`
 ## Authentication
 
 Pass a JWT as `authToken`. It is sent both as an `Authorization: Bearer …` header and as a WebSocket subprotocol (`["bearer", token]`), matching the server-side [`getJwtAuthConfig`](../agents/README.md#authentication). When verification fails, the connection status becomes `"unauthorized"`.
-
-.

package/dist/index.d.mts

@@ -7,7 +7,7 @@ type Agent = Omit<_CfAgent, "call"> & {
   call<T = unknown>(method: string, args?: unknown[], options?: unknown): Promise<T>;
 };
 type Chat = ReturnType<typeof useAgentChat>;
-type AgentConnectionStatus = "connecting" | "connected" | "disconnected" | "unauthorized" | "error";
+type AgentConnectionStatus = "connecting" | "reconnecting" | "connected" | "disconnected" | "unauthorized" | "error";
 type AgentConnectionType = "agent" | "chat" | "assistant";
 type ChatSummary = {
   name: string; /** True when this entry only represents the active, unregistered chat facet. */

package/dist/index.mjs

@@ -1,26 +1,22 @@
+import { n as isPublicChatMessage, t as getTokenArgs } from "./util-CPk3RN3P.mjs";
 import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
 import { useAgent as useAgent$1 } from "agents/react";
 import { getToolApproval, getToolCallId, getToolPartState, useAgentChat } from "@cloudflare/ai-chat/react";
-//#region src/util.ts
-function getTokenArgs(authToken) {
-	if (!authToken) return {};
-	return {
-		headers: { Authorization: `Bearer ${authToken}` },
-		protocols: ["bearer", authToken]
-	};
-}
-//#endregion
 //#region src/useAgent.ts
 function getAgentConnectionStatus(state, connectionId) {
 	return state.connectionId === connectionId ? state.status : "connecting";
 }
 function getNextAgentConnectionState(state, connectionId, status) {
-	if (status === "disconnected" && state.connectionId === connectionId && state.status === "error") return state;
+	if ((status === "disconnected" || status === "reconnecting") && state.connectionId === connectionId && state.status === "error") return state;
 	return {
 		connectionId,
 		status
 	};
 }
+function getAgentCloseStatus(code, shouldReconnect) {
+	if (code >= 3e3) return "unauthorized";
+	return shouldReconnect ? "reconnecting" : "disconnected";
+}
 function getCloseReason(code) {
 	return {
 		1e3: "normal-closure",
@@ -142,16 +138,14 @@ function useAgent(options) {
 	}, [isCurrentConnectionEvent]);
 	const handleClose = useCallback((event) => {
 		if (!isCurrentConnectionEvent(event)) return;
-		if (event.code >= 3e3) setStatus("unauthorized");
-		else {
-			setStatus("disconnected");
-			if (!event.wasClean) console.warn("[useAgent] WebSocket closed unexpectedly", {
-				code: event.code,
-				reason: event.reason,
-				closeReason: getCloseReason(event.code),
-				wasClean: event.wasClean
-			});
-		}
+		const shouldReconnect = event.target.shouldReconnect;
+		setStatus(getAgentCloseStatus(event.code, shouldReconnect));
+		if (event.code < 3e3 && !event.wasClean) console.warn("[useAgent] WebSocket closed unexpectedly", {
+			code: event.code,
+			reason: event.reason,
+			closeReason: getCloseReason(event.code),
+			wasClean: event.wasClean
+		});
 		committedConnection.current.callbacks.onClose?.(event);
 	}, [isCurrentConnectionEvent, setStatus]);
 	const handleMessage = useCallback((event) => {
@@ -169,7 +163,7 @@ function useAgent(options) {
 	]);
 	const handleError = useCallback((event) => {
 		if (!isCurrentConnectionEvent(event)) return;
-		setStatus("error");
+		setStatus(event.target.shouldReconnect ? "reconnecting" : "error");
 		committedConnection.current.callbacks.onError?.(event);
 	}, [isCurrentConnectionEvent, setStatus]);
 	const agent = useAgent$1({
@@ -251,7 +245,10 @@ function useChat(options) {
 	return {
 		status,
 		agent,
-		chat,
+		chat: {
+			...chat,
+			messages: chat.messages.filter(isPublicChatMessage)
+		},
 		submitMessageFeedback,
 		getMessageFeedback
 	};

package/dist/util-CPk3RN3P.mjs

@@ -0,0 +1,13 @@
+//#region src/util.ts
+function getTokenArgs(authToken) {
+	if (!authToken) return {};
+	return {
+		headers: { Authorization: `Bearer ${authToken}` },
+		protocols: ["bearer", authToken]
+	};
+}
+function isPublicChatMessage(message) {
+	return !message.id.startsWith("compaction_");
+}
+//#endregion
+export { isPublicChatMessage as n, getTokenArgs as t };

package/dist/v1.mjs

@@ -1,3 +1,4 @@
+import { n as isPublicChatMessage } from "./util-CPk3RN3P.mjs";
 import React from "react";
 import { useAgent } from "agents/react";
 import { useAgentChat } from "@cloudflare/ai-chat/react";
@@ -113,7 +114,10 @@ function useAIChatAgent(options) {
 	]);
 	return {
 		agent,
-		chat,
+		chat: {
+			...chat,
+			messages: chat.messages.filter(isPublicChatMessage)
+		},
 		connectionStatus
 	};
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@economic/agents-react",
-  "version": "1.6.1",
+  "version": "1.6.4",
   "license": "MIT",
   "files": [
     "dist"