docs: update import paths for @cloudflare/ai-chat package split

Update documentation to reflect the package reorganization where AI chat
functionality has been extracted into @cloudflare/ai-chat package:

- Update import paths from agents/ai-chat-agent to @cloudflare/ai-chat
- Update import paths from agents/ai-react to @cloudflare/ai-chat/react
- Affects human-in-the-loop guide and agents API reference

Related to cloudflare/agents#756

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <[email protected]>

Author: github-actions[bot]

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

@@ -811,7 +811,7 @@ You can combine this with the `useAgentChat` React hook from the `agents/ai-reac
 Extension of the `Agent` class with built-in chat capabilities.
 
 ```ts
-import { AIChatAgent } from "agents/ai-chat-agent";
+import { AIChatAgent } from "@cloudflare/ai-chat";
 import { Message, StreamTextOnFinishCallback, ToolSet } from "ai";
 
 // Base class for chat-specific agents
@@ -834,7 +834,7 @@ class AIChatAgent<Env = unknown, State = unknown> extends Agent<Env, State> {
 
 ```ts
 // Example of extending AIChatAgent
-import { AIChatAgent } from "agents/ai-chat-agent";
+import { AIChatAgent } from "@cloudflare/ai-chat";
 import { Message } from "ai";
 
 interface Env {
@@ -897,7 +897,7 @@ When you use `AIChatAgent` with `useAgentChat`:
 <TypeScriptExample>
 
 ```ts
-import { AIChatAgent } from "agents/ai-chat-agent";
+import { AIChatAgent } from "@cloudflare/ai-chat";
 import { streamText } from "ai";
 import { openai } from "@ai-sdk/openai";
 
@@ -938,7 +938,7 @@ const { messages } = useAgentChat({
 React hook for building AI chat interfaces using an Agent.
 
 ```ts
-import { useAgentChat } from "agents/ai-react";
+import { useAgentChat } from "@cloudflare/ai-chat/react";
 import { useAgent } from "agents/react";
 import type { Message } from "ai";
 
@@ -1012,7 +1012,7 @@ function useAgentChat(options: UseAgentChatOptions): {
 
 ```tsx
 // Example of using useAgentChat in a React component
-import { useAgentChat } from "agents/ai-react";
+import { useAgentChat } from "@cloudflare/ai-chat/react";
 import { useAgent } from "agents/react";
 import { useState } from "react";
 

src/content/docs/agents/guides/human-in-the-loop.mdx

@@ -96,7 +96,7 @@ Create your tool definitions at `src/tools.ts`. Tools can be configured to eithe
 ```ts
 import { tool } from "ai";
 import { z } from "zod";
-import type { AITool } from "agents/ai-react";
+import type { AITool } from "@cloudflare/ai-chat/react";
 
 // Server-side tool that requires confirmation (no execute function)
 const getWeatherInformationTool = tool({
@@ -224,7 +224,7 @@ Create your agent implementation at `src/server.ts`:
 ```ts
 import { openai } from "@ai-sdk/openai";
 import { routeAgentRequest } from "agents";
-import { AIChatAgent } from "agents/ai-chat-agent";
+import { AIChatAgent } from "@cloudflare/ai-chat";
 import {
   convertToModelMessages,
   createUIMessageStream,
@@ -311,7 +311,7 @@ import type { UIMessage as Message } from "ai";
 import { getToolName, isToolUIPart } from "ai";
 import { clientTools } from "./tools";
 import { APPROVAL, toolsRequiringConfirmation } from "./utils";
-import { useAgentChat, type AITool } from "agents/ai-react";
+import { useAgentChat, type AITool } from "@cloudflare/ai-chat/react";
 import { useAgent } from "agents/react";
 import { useCallback, useEffect, useRef, useState } from "react";