ok

Author: elithrar

src/content/docs/agents/api-reference/agents-api.mdx

@@ -532,24 +532,24 @@ export class YourAgent extends Agent {
       )
     `;
   }
-  
+
   async createUser(id: string, name: string, email: string) {
     // Insert a new user
     this.sql`
       INSERT INTO users (id, name, email, created_at)
       VALUES (${id}, ${name}, ${email}, ${Date.now()})
     `;
   }
-  
+
   async getUserById(id: string): Promise<User | null> {
     // Query a user by ID
     const users = this.sql<User>`
       SELECT * FROM users WHERE id = ${id}
     `;
-  
+
     return users.length ? users[0] : null;
   }
-  
+
   async searchUsers(term: string): Promise<User[]> {
     // Search users with a wildcard
     return this.sql<User>`
@@ -737,73 +737,6 @@ function useAgent<State = unknown>(
 };
 ```
 
-<TypeScriptExample>
-
-```tsx
-// Example of using useAgent in a React component
-import { useAgent } from "agents/react";
-import { useState } from "react";
-
-interface TaskState {
-  tasks: Array<{ id: string; text: string; completed: boolean }>;
-  filter: "all" | "active" | "completed";
-}
-
-function TaskManager() {
-  const [newTask, setNewTask] = useState("");
-  
-  // Connect to a task-manager Agent instance
-  const agent = useAgent<TaskState>({
-    agent: "task-manager",
-    name: "user-123-tasks",
-    onStateUpdate: (state, source) => {
-      console.log(`State updated from ${source}`, state);
-    },
-    onOpen: () => console.log("Connected to task manager agent"),
-    onClose: () => console.log("Disconnected from task manager agent")
-  });
-  
-  function addTask(e: React.FormEvent) {
-    e.preventDefault();
-    if (!newTask.trim()) return;
-    
-    // Update the Agent's state
-    agent.setState({
-      ...agent.state,
-      tasks: [
-        ...(agent.state?.tasks || []),
-        { id: Date.now().toString(), text: newTask, completed: false }
-      ]
-    });
-    
-    setNewTask("");
-  }
-  
-  return (
-    <div>
-      <h1>Task Manager</h1>
-      <form onSubmit={addTask}>
-        <input
-          value={newTask}
-          onChange={e => setNewTask(e.target.value)}
-          placeholder="Add a new task"
-        />
-        <button type="submit">Add</button>
-      </form>
-      <ul>
-        {agent.state?.tasks?.map(task => (
-          <li key={task.id}>{task.text}</li>
-        ))}
-      </ul>
-    </div>
-  );
-}
-
-export default TaskManager;
-```
-
-</TypeScriptExample>
-
 ### Chat Agent
 
 The Agents SDK exposes an `AIChatAgent` class that extends the `Agent` class and exposes an `onChatMessage` method that simplifies building interactive chat agents.