Merge branch 'main' into jpr5/prevent-binary-artifacts

Author: AlemTuzlak

.changeset/big-hornets-shake.md

@@ -13,45 +13,39 @@
     "@copilotkit-examples/travel": "0.1.0",
     "@copilotkitnext/angular-demo": "0.0.0",
     "@copilotkitnext/angular-demo-server": "0.0.0",
-    "@copilotkit-storybook/angular": "0.0.3",
-    "@copilotkitnext/docs": "0.1.6",
-    "langgraph-js-starter": "0.1.2",
+    "@copilotkit-storybook/angular": "0.0.4",
+    "@copilotkitnext/docs": "0.1.7",
+    "langgraph-js-starter": "0.1.3",
     "agent-langraph-interrupt": "0.0.1",
     "web-langraph-interrupt": "0.1.0",
-    "@copilotkitnext/next-pages-router": "1.52.1",
+    "@copilotkitnext/next-pages-router": "1.53.0",
     "@apps/node": "0.0.1",
-    "@copilotkitnext/node-express": "1.52.1",
+    "@copilotkitnext/node-express": "1.53.0",
     "demo": "0.1.4-next.0",
     "@copilotkit-storybook/react": "0.0.0",
-    "@copilotkit/a2ui-renderer": "1.52.1",
-    "eslint-config-custom": "1.4.10",
-    "@copilotkit/react-core": "1.52.1",
-    "@copilotkit/react-textarea": "1.52.1",
-    "@copilotkit/react-ui": "1.52.1",
-    "@copilotkit/runtime": "1.52.1",
-    "@copilotkit/runtime-client-gql": "1.52.1",
-    "@copilotkit/sdk-js": "1.52.1",
-    "@copilotkit/shared": "1.52.1",
-    "tailwind-config": "1.4.10",
-    "tsconfig": "1.4.10",
-    "@copilotkitnext/agent": "1.52.1",
-    "@copilotkitnext/angular": "1.52.1",
-    "@copilotkitnext/core": "1.52.1",
-    "@copilotkitnext/demo-agents": "1.52.1",
-    "@copilotkitnext/eslint-config": "1.52.1",
-    "@copilotkitnext/react": "1.52.1",
-    "@copilotkitnext/runtime": "1.52.1",
-    "@copilotkitnext/shared": "1.52.1",
-    "@copilotkitnext/sqlite-runner": "1.52.1",
-    "@copilotkitnext/typescript-config": "1.52.1",
-    "@copilotkit/voice": "1.52.1",
-    "@copilotkitnext/web-inspector": "1.52.1"
+    "@copilotkit/a2ui-renderer": "1.53.0",
+    "eslint-config-custom": "1.4.11",
+    "@copilotkit/react-core": "1.53.0",
+    "@copilotkit/react-textarea": "1.53.0",
+    "@copilotkit/react-ui": "1.53.0",
+    "@copilotkit/runtime": "1.53.0",
+    "@copilotkit/runtime-client-gql": "1.53.0",
+    "@copilotkit/sdk-js": "1.53.0",
+    "@copilotkit/shared": "1.53.0",
+    "tailwind-config": "1.4.11",
+    "tsconfig": "1.4.11",
+    "@copilotkitnext/agent": "1.53.0",
+    "@copilotkitnext/angular": "1.53.0",
+    "@copilotkitnext/core": "1.53.0",
+    "@copilotkitnext/demo-agents": "1.53.0",
+    "@copilotkitnext/eslint-config": "1.53.0",
+    "@copilotkitnext/react": "1.53.0",
+    "@copilotkitnext/runtime": "1.53.0",
+    "@copilotkitnext/shared": "1.53.0",
+    "@copilotkitnext/sqlite-runner": "1.53.0",
+    "@copilotkitnext/typescript-config": "1.53.0",
+    "@copilotkit/voice": "1.53.0",
+    "@copilotkitnext/web-inspector": "1.53.0"
   },
-  "changesets": [
-    "big-hornets-shake",
-    "olive-birds-repair",
-    "shaggy-camels-unite",
-    "tender-jars-check",
-    "wild-paws-jam"
-  ]
+  "changesets": []
 }

.changeset/nice-trainers-pay.md

@@ -15,18 +15,19 @@ Bring your own design system and render everything your way.
 <Tabs items={['chat.tsx']}>
   <Tab value="chat.tsx">
   ```tsx
-  import { useAgent } from "@copilotkit/react-core/v2";
+  import { useAgent, useCopilotKit } from "@copilotkit/react-core/v2";
 
   export default function Chat() {
-    const { run, messages, isRunning } = useAgent();
+    const { agent } = useAgent();
+    const { copilotkit } = useCopilotKit();
 
     return (
       <div>
-        {messages.map((m) => (
+        {agent.messages.map((m) => (
           <p key={m.id}>{m.content}</p>
         ))}
-        <button onClick={() => run("Hello!")}>
-          {isRunning ? "Thinking..." : "Send"}
+        <button onClick={() => copilotkit.runAgent({ agent })}>
+          {agent.isRunning ? "Thinking..." : "Send"}
         </button>
       </div>
     );

.changeset/olive-birds-repair.md

@@ -112,7 +112,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({
-        name: "my_agent", // MUST match the agent name in CopilotRuntime
+        agentId: "my_agent",
         render: ({ state }) => (
           <div>
             Current language: {state.language || 'not set'}
@@ -150,7 +150,7 @@ is a situation where a user and an agent are working together to solve a problem
 
       // [!code highlight:3]
       const { agent } = useAgent({
-        name: "my_agent", // MUST match the agent name in CopilotRuntime
+        agentId: "my_agent",
       })
 
       // ...

.changeset/pre.json

@@ -113,7 +113,7 @@ state updates, you can reflect these updates natively in your application.
     function YourMainContent() {
       // [!code highlight:4]
       const { agent } = useAgent({
-        name: "my_agent", // MUST match the agent name in CopilotRuntime
+        agentId: "my_agent",
         initialState: { language: "english" }  // optionally provide an initial state
       });
 
@@ -163,7 +163,7 @@ function YourMainContent() {
   // ...
   // [!code highlight:7]
   useAgent({
-    name: "my_agent", // MUST match the agent name in CopilotRuntime
+    agentId: "my_agent",
     render: ({ state }) => {
       if (!state.language) return null;
       return <div>Language: {state.language}</div>;