Apply in-scope subset of PR CopilotKit#4038

Author: claude

docs/content/docs/integrations/aws-strands/generative-ui/state-rendering.mdx

@@ -39,6 +39,7 @@ is a situation where a user and an agent are working together to solve a problem
     Configure your Strands agent to maintain state. Here's an example that tracks searches:
 
     ```python title="agent/main.py"
+    import os
     import json
     from ag_ui_strands import StrandsAgent, StrandsAgentConfig, ToolBehavior, create_strands_app
     from strands import Agent, tool
@@ -89,7 +90,7 @@ is a situation where a user and an agent are working together to solve a problem
 
     agui_agent = StrandsAgent(
         agent=strands_agent,
-        name="searchAgent",
+        name="strands_agent",
         description="A helpful assistant for storing searches",
         config=config,
     )
@@ -122,7 +123,7 @@ is a situation where a user and an agent are working together to solve a problem
       // [!code highlight:13]
       // styles omitted for brevity
       useAgent({
-        agentId: "searchAgent",
+        agentId: "strands_agent",
         render: ({ state }) => (
           <div>
             {state.searches?.map((search, index) => (
@@ -168,7 +169,7 @@ is a situation where a user and an agent are working together to solve a problem
 
       // [!code highlight:3]
       const { agent } = useAgent({
-        agentId: "searchAgent",
+        agentId: "strands_agent",
       })
 
       // ...

docs/content/docs/integrations/aws-strands/shared-state/in-app-agent-read.mdx

@@ -96,7 +96,7 @@ state updates, you can reflect these updates natively in your application.
     function YourMainContent() {
       // [!code highlight:5]
       const { agent } = useAgent({
-        agentId: "languageAgent",
+        agentId: "strands_agent",
         // optionally provide a type-safe initial state
         initialState: { language: "spanish" }
       });
@@ -143,7 +143,7 @@ function YourMainContent() {
   // ...
   // [!code highlight:7]
   useAgent({
-    agentId: "languageAgent",
+    agentId: "strands_agent",
     render: ({ state }) => {
       if (!state.language) return null;
       return <div>Language: {state.language}</div>;

docs/content/docs/integrations/built-in-agent/shared-state.mdx

@@ -26,7 +26,7 @@ import { useAgent } from "@copilotkit/react-core/v2"; // [!code highlight]
 function TaskBoard() {
   // [!code highlight:3]
   const { agent } = useAgent({
-    agentId: "assistant",
+    agentId: "default",
   });
 
   // Read state set by the agent // [!code highlight]
@@ -60,7 +60,7 @@ import { useAgent } from "@copilotkit/react-core/v2";
 
 function SettingsPanel() {
   const { agent } = useAgent({
-    agentId: "assistant",
+    agentId: "default",
   });
 
   const handleThemeChange = (theme: string) => {
@@ -99,7 +99,7 @@ import { useAgent } from "@copilotkit/react-core/v2";
 
 function TodoApp() {
   const { agent } = useAgent({
-    agentId: "assistant",
+    agentId: "default",
   });
 
   const todos = (agent.state.todos as any[]) ?? [];