temp

Signed-off-by: Tyler Slaton <tyler@copilotkit.ai>

Author: tylerslaton

agent/main.py

@@ -1,18 +1,52 @@
+"""Agentic Chat example for AWS Strands.
+
+Simple conversational agent with change_background frontend tool.
 """
-Example for serving you Agno agent as an AG-UI server
-"""
 
-import dotenv
-from agno.os import AgentOS
-from agno.os.interfaces.agui import AGUI
+import os
+
+from ag_ui_strands import StrandsAgent, create_strands_app
+from dotenv import load_dotenv
+from strands import Agent, tool
+from strands.models.openai import OpenAIModel
+
+load_dotenv()
+
+# Debug: Print API key status (first 10 chars only for security)
+api_key = os.getenv("OPENAI_API_KEY", "")
 
-from src.agent import agent
+# Use Gemini model
+model = OpenAIModel(
+    client_args={"api_key": api_key},
+    model_id="gpt-5.1",
+)
 
-dotenv.load_dotenv()
 
-# Build AgentOS and extract the app for serving
-agent_os = AgentOS(agents=[agent], interfaces=[AGUI(agent=agent)])
-app = agent_os.get_app()
+@tool
+def get_weather(location: str):
+    """
+    The theme color to set. Make sure to pick nice CSS safe colors.
+    """
+    # Return None - frontend will handle the actual execution
+    return "Sunny and 70 degrees"
+
+
+strands_agent = Agent(
+    model=model,
+    tools=[get_weather],  # Register so LLM knows about it
+    system_prompt="You are a helpful assistant.",
+)
+
+agui_agent = StrandsAgent(
+    agent=strands_agent,
+    name="agentic_chat",
+    description="Conversational Strands agent with AG-UI streaming",
+)
+
+app = create_strands_app(agui_agent, "/")
 
 if __name__ == "__main__":
-    agent_os.serve(app="main:app", port=8000, reload=True)
+    # run the app
+    import uvicorn
+
+    uvicorn.run("main:app", host="0.0.0.0", port=8000, reload=True)

agent/pyproject.toml

@@ -1,15 +1,15 @@
 [project]
-name = "investment-analyst-agent"
+name = "aws-strands-server"
 version = "0.1.0"
-description = "An Agno Agent with Finance tools exposed in an AG-UI compatible way"
-requires-python = ">=3.12"
+description = "Strands integration server for AG-UI using OpenAI models"
+authors = [{ name = "AG-UI Contributors" }]
+readme = "README.md"
+requires-python = ">=3.12,<3.14"
 dependencies = [
-    "agno>=1.7.8",
-    "openai>=1.88.0",
-    "yfinance>=0.2.63",
-    "fastapi>=0.115.13",
+    "ag-ui-protocol>=0.1.5",
+    "fastapi>=0.115.12",
     "uvicorn>=0.34.3",
-    "ag-ui-protocol>=0.1.8",
-    "packaging>=25.0.0",
-    "python-dotenv>=1.0.0",
+    "strands-agents[OpenAI]>=1.15.0",
+    "strands-agents-tools>=0.2.14",
+    "ag_ui_strands==0.1.0a2",
 ]

agent/src/agent.py

@@ -14,6 +14,7 @@
   },
   "dependencies": {
     "@ag-ui/agno": "0.0.3",
+    "@ag-ui/client": "^0.0.41",
     "@copilotkit/react-core": "1.10.6",
     "@copilotkit/react-ui": "1.10.6",
     "@copilotkit/runtime": "1.10.6",

agent/src/tools/backend.py

@@ -4,29 +4,29 @@ import {
   copilotRuntimeNextJSAppRouterEndpoint,
 } from "@copilotkit/runtime";
 
-import { AgnoAgent } from "@ag-ui/agno"
+import { HttpAgent } from "@ag-ui/client";
 import { NextRequest } from "next/server";
- 
+
 // 1. You can use any service adapter here for multi-agent support. We use
 //    the empty adapter since we're only using one agent.
 const serviceAdapter = new ExperimentalEmptyAdapter();
- 
+
 // 2. Create the CopilotRuntime instance and utilize the Agno AG-UI
 //    integration to setup the connection.
 const runtime = new CopilotRuntime({
   agents: {
     // Our FastAPI endpoint URL
-    "agno_agent": new AgnoAgent({url: "http://localhost:8000/agui"}),
-  }   
+    strands_agent: new HttpAgent({ url: "http://localhost:8000" }),
+  },
 });
- 
+
 // 3. Build a Next.js API route that handles the CopilotKit runtime requests.
 export const POST = async (req: NextRequest) => {
   const { handleRequest } = copilotRuntimeNextJSAppRouterEndpoint({
-    runtime, 
+    runtime,
     serviceAdapter,
     endpoint: "/api/copilotkit",
   });
- 
+
   return handleRequest(req);
-};
+};

agent/src/tools/frontend.py

@@ -17,7 +17,11 @@ export default function RootLayout({
   return (
     <html lang="en">
       <body className={"antialiased"}>
-        <CopilotKit runtimeUrl="/api/copilotkit" agent="agno_agent">
+        <CopilotKit
+          runtimeUrl="/api/copilotkit"
+          agent="strands_agent"
+          threadId="foo"
+        >
           {children}
         </CopilotKit>
       </body>

agent/uv.lock

@@ -6,13 +6,17 @@ import {
   useRenderToolCall,
 } from "@copilotkit/react-core";
 import { CopilotKitCSSProperties, CopilotSidebar } from "@copilotkit/react-ui";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { DefaultToolComponent } from "@/components/default-tool-ui";
 import { WeatherCard } from "@/components/weather";
 
 export default function CopilotKitPage() {
   const [themeColor, setThemeColor] = useState("#6366f1");
 
+  useEffect(() => {
+    console.log(themeColor);
+  }, [themeColor]);
+
   // 🪁 Frontend Actions: https://docs.copilotkit.ai/guides/frontend-actions
   useFrontendTool({
     name: "set_theme_color",