@economic/agents-react 1.6.1 → 1.6.3

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

@@ -15,12 +15,16 @@ 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 +146,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 +171,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({

package/package.json

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