@agentuity/react 0.0.5 → 0.0.7

package/AGENTS.md

@@ -19,7 +19,7 @@ React hooks and components for building Agentuity web applications. Provides typ
 
 ## Structure
 
-```
+```text
 src/
 ├── index.ts        # Main entry point
 ├── context.tsx     # AgentuityProvider and AgentuityContext

package/README.md

@@ -29,11 +29,11 @@ Wrap your app with the `AgentuityProvider`:
 import { AgentuityProvider } from '@agentuity/react';
 
 function App() {
-  return (
-    <AgentuityProvider baseUrl="http://localhost:3000">
-      <YourApp />
-    </AgentuityProvider>
-  );
+	return (
+		<AgentuityProvider baseUrl="http://localhost:3000">
+			<YourApp />
+		</AgentuityProvider>
+	);
 }
 ```
 
@@ -45,19 +45,19 @@ Call agents with type-safety using the `useAgent` hook:
 import { useAgent } from '@agentuity/react';
 
 function MyComponent() {
-  const { data, run } = useAgent('myAgent');
-
-  const handleClick = async () => {
-    const result = await run({ message: 'Hello' });
-    console.log(result);
-  };
-
-  return (
-    <div>
-      <button onClick={handleClick}>Call Agent</button>
-      {data && <div>Response: {JSON.stringify(data)}</div>}
-    </div>
-  );
+	const { data, run } = useAgent('myAgent');
+
+	const handleClick = async () => {
+		const result = await run({ message: 'Hello' });
+		console.log(result);
+	};
+
+	return (
+		<div>
+			<button onClick={handleClick}>Call Agent</button>
+			{data && <div>Response: {JSON.stringify(data)}</div>}
+		</div>
+	);
 }
 ```
 
@@ -69,26 +69,26 @@ For real-time communication:
 import { useWebsocket } from '@agentuity/react';
 
 function ChatComponent() {
-  const { connected, send, setHandler } = useWebsocket('/chat');
-
-  useEffect(() => {
-    setHandler((message) => {
-      console.log('Received:', message);
-    });
-  }, []);
-
-  const sendMessage = () => {
-    send({ text: 'Hello, agent!' });
-  };
-
-  return (
-    <div>
-      <div>Status: {connected ? 'Connected' : 'Disconnected'}</div>
-      <button onClick={sendMessage} disabled={!connected}>
-        Send Message
-      </button>
-    </div>
-  );
+	const { connected, send, setHandler } = useWebsocket('/chat');
+
+	useEffect(() => {
+		setHandler((message) => {
+			console.log('Received:', message);
+		});
+	}, []);
+
+	const sendMessage = () => {
+		send({ text: 'Hello, agent!' });
+	};
+
+	return (
+		<div>
+			<div>Status: {connected ? 'Connected' : 'Disconnected'}</div>
+			<button onClick={sendMessage} disabled={!connected}>
+				Send Message
+			</button>
+		</div>
+	);
 }
 ```
 
@@ -99,6 +99,7 @@ function ChatComponent() {
 Context provider for Agentuity configuration.
 
 **Props:**
+
 - `baseUrl?: string` - Base URL for agent API calls (defaults to current origin)
 - `children: ReactNode` - Child components
 
@@ -111,13 +112,16 @@ const { data, run } = useAgent<TName>(name);
 ```
 
 **Parameters:**
+
 - `name: string` - Agent name
 
 **Returns:**
+
 - `data?: TOutput` - Last response data
 - `run: (input: TInput, options?: RunArgs) => Promise<TOutput>` - Function to invoke the agent
 
 **RunArgs:**
+
 - `query?: URLSearchParams` - Query parameters
 - `headers?: Record<string, string>` - Custom headers
 - `subpath?: string` - Subpath to append to agent URL
@@ -129,14 +133,19 @@ const { data, run } = useAgent<TName>(name);
 Hook for WebSocket connections to agents.
 
 ```typescript
-const { connected, send, setHandler, readyState, close } = useWebsocket<TInput, TOutput>(path, options);
+const { connected, send, setHandler, readyState, close } = useWebsocket<TInput, TOutput>(
+	path,
+	options
+);
 ```
 
 **Parameters:**
+
 - `path: string` - WebSocket path
 - `options?: WebsocketArgs` - Connection options
 
 **Returns:**
+
 - `connected: boolean` - Connection status
 - `send: (data: TInput) => void` - Send data to server
 - `setHandler: (handler: (data: TOutput) => void) => void` - Set message handler

package/dist/index.js

@@ -1112,40 +1112,46 @@ var import_react2 = __toESM(require_react(), 1);
 var useAgent = (name) => {
   const context = import_react2.useContext(AgentuityContext);
   const [data, setData] = import_react2.useState();
+  const [running, setRunning] = import_react2.useState(false);
   if (!context) {
     throw new Error("useAgent must be used within a AgentuityProvider");
   }
   const run = async (input, options) => {
-    const url = buildUrl(context.baseUrl, `/agent/${name}`, options?.subpath, options?.query);
-    const signal = options?.signal ?? new AbortController().signal;
-    const response = await fetch(url, {
-      method: options?.method ?? "POST",
-      headers: {
-        "Content-Type": "application/json",
-        ...options?.headers ?? ""
-      },
-      signal,
-      body: input && typeof input === "object" && options?.method !== "GET" ? JSON.stringify(input) : undefined
-    });
-    if (!response.ok) {
-      throw new Error(`Error invoking agent ${name}: ${response.statusText}`);
-    }
-    const ct = response.headers.get("Content-Type") || "";
-    if (ct.includes("text/")) {
-      const text = await response.text();
-      const _data = text;
-      setData(_data);
-      return _data;
-    }
-    if (ct.includes("/json")) {
-      const data2 = await response.json();
-      const _data = data2;
-      setData(_data);
-      return _data;
+    setRunning(true);
+    try {
+      const url = buildUrl(context.baseUrl, `/agent/${name}`, options?.subpath, options?.query);
+      const signal = options?.signal ?? new AbortController().signal;
+      const response = await fetch(url, {
+        method: options?.method ?? "POST",
+        headers: {
+          "Content-Type": "application/json",
+          ...options?.headers ?? ""
+        },
+        signal,
+        body: input && typeof input === "object" && options?.method !== "GET" ? JSON.stringify(input) : undefined
+      });
+      if (!response.ok) {
+        throw new Error(`Error invoking agent ${name}: ${response.statusText}`);
+      }
+      const ct = response.headers.get("Content-Type") || "";
+      if (ct.includes("text/")) {
+        const text = await response.text();
+        const _data = text;
+        setData(_data);
+        return _data;
+      }
+      if (ct.includes("/json")) {
+        const data2 = await response.json();
+        const _data = data2;
+        setData(_data);
+        return _data;
+      }
+      throw new Error(`Unsupported content type: ${ct}`);
+    } finally {
+      setRunning(false);
     }
-    throw new Error(`Unsupported content type: ${ct}`);
   };
-  return { run, data };
+  return { data, run, running };
 };
 // src/websocket.ts
 var import_react3 = __toESM(require_react(), 1);

package/dist/run.d.ts

@@ -25,6 +25,7 @@ interface RunArgs {
 interface UseAgentResponse<TInput, TOutput> {
     data?: TOutput;
     run: (input: TInput, options?: RunArgs) => Promise<TOutput>;
+    running: boolean;
 }
 export declare const useAgent: <TName extends AgentName, TInput = TName extends keyof AgentRegistry ? InferInput<AgentRegistry[TName]["inputSchema"]> : never, TOutput = TName extends keyof AgentRegistry ? InferOutput<AgentRegistry[TName]["outputSchema"]> : never>(name: TName) => UseAgentResponse<TInput, TOutput>;
 export {};

package/dist/run.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"run.d.ts","sourceRoot":"","sources":["../src/run.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG/D,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExD,UAAU,OAAO;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;CACrB;AAED,UAAU,gBAAgB,CAAC,MAAM,EAAE,OAAO;IACzC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,GAAG,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;CAC5D;AAED,eAAO,MAAM,QAAQ,GACpB,KAAK,SAAS,SAAS,EACvB,MAAM,GAAG,KAAK,SAAS,MAAM,aAAa,GACvC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,CAAC,GAC/C,KAAK,EACR,OAAO,GAAG,KAAK,SAAS,MAAM,aAAa,GACxC,WAAW,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,CAAC,GACjD,KAAK,EAER,MAAM,KAAK,KACT,gBAAgB,CAAC,MAAM,EAAE,OAAO,CA4ClC,CAAC"}
+{"version":3,"file":"run.d.ts","sourceRoot":"","sources":["../src/run.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG/D,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExD,UAAU,OAAO;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;CACrB;AAED,UAAU,gBAAgB,CAAC,MAAM,EAAE,OAAO;IACzC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,GAAG,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC5D,OAAO,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,QAAQ,GACpB,KAAK,SAAS,SAAS,EACvB,MAAM,GAAG,KAAK,SAAS,MAAM,aAAa,GACvC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,CAAC,GAC/C,KAAK,EACR,OAAO,GAAG,KAAK,SAAS,MAAM,aAAa,GACxC,WAAW,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,CAAC,GACjD,KAAK,EAER,MAAM,KAAK,KACT,gBAAgB,CAAC,MAAM,EAAE,OAAO,CAkDlC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@agentuity/react",
-	"version": "0.0.5",
+	"version": "0.0.7",
 	"type": "module",
 	"main": "./dist/index.js",
 	"types": "./dist/index.d.ts",
@@ -22,7 +22,7 @@
 		"prepublishOnly": "bun run clean && bun run build"
 	},
 	"dependencies": {
-		"@agentuity/core": "0.0.1"
+		"@agentuity/core": "0.0.6"
 	},
 	"devDependencies": {
 		"@types/react": "^19.0.0",