chore: add uv to CI

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

Author: tylerslaton

.github/workflows/smoke.yml

@@ -33,6 +33,11 @@ jobs:
         with:
           python-version: ${{ matrix.python }}
 
+      - name: Setup uv
+        uses: astral-sh/setup-uv@v5
+        with:
+          enable-cache: true
+
       - name: Install Node.js dependencies (root)
         run: npm install
 
@@ -44,7 +49,7 @@ jobs:
       - name: Install Python dependencies (agent)
         run: |
           cd agent
-          pip install -r requirements.txt
+          uv sync
 
       - name: Build frontend
         run: npm run build

package.json

@@ -14,8 +14,8 @@
     "postinstall": "npm run install:agent"
   },
   "dependencies": {
+    "@copilotkit/react-core": "^1.50.0",
     "@copilotkit/react-ui": "1.50.0",
-    "@copilotkit/react-core": "1.50.0",
     "@copilotkit/runtime": "1.50.0",
     "next": "16.0.8",
     "react": "^19.2.1",

src/app/page.tsx

@@ -1,14 +1,18 @@
 "use client";
 
-import { useCoAgent, useCopilotAction } from "@copilotkit/react-core";
+import {
+  useCoAgent,
+  useFrontendTool,
+  useRenderToolCall,
+} from "@copilotkit/react-core";
 import { CopilotKitCSSProperties, CopilotSidebar } from "@copilotkit/react-ui";
 import { useState } from "react";
 
 export default function CopilotKitPage() {
   const [themeColor, setThemeColor] = useState("#6366f1");
 
   // 🪁 Frontend Actions: https://docs.copilotkit.ai/guides/frontend-actions
-  useCopilotAction({
+  useFrontendTool({
     name: "setThemeColor",
     parameters: [
       {
@@ -59,7 +63,7 @@ function YourMainContent({ themeColor }: { themeColor: string }) {
   });
 
   // 🪁 Frontend Actions: https://docs.copilotkit.ai/langgraph/frontend-actions
-  useCopilotAction({
+  useFrontendTool({
     name: "addProverb",
     parameters: [
       {
@@ -77,10 +81,9 @@ function YourMainContent({ themeColor }: { themeColor: string }) {
   });
 
   //🪁 Generative UI: https://docs.copilotkit.ai/langgraph/generative-ui
-  useCopilotAction({
+  useRenderToolCall({
     name: "get_weather",
     description: "Get the weather for a given location.",
-    available: "disabled",
     parameters: [{ name: "location", type: "string", required: true }],
     render: ({ args }) => {
       return <WeatherCard location={args.location} themeColor={themeColor} />;