mirror of
https://github.com/CopilotKit/CopilotKit.git
synced 2026-09-14 16:26:20 +08:00
Jordan Ritter
25f3f70ab2
- gpt-5.2/gpt-5.2-mini → gpt-5.4/gpt-5.4-mini across 70 files - Anthropic model IDs: dots → hyphens (claude-sonnet-4-5, not 4.5) - LangGraph FastAPI: add missing uvicorn import, MemorySaver checkpointer, fix port string→int - AG2: ContextVariables import moved to autogen.agentchat - CrewAI Flows: comment out deprecated CLI option - Pydantic: pin Starlette 0.45.3 (1.0.0 is incompatible) - CopilotChat: add missing default export - All quickstarts: add globals.css import to layout examples - LangGraph quickstart tagged with doctest="server" for Phase 1 Supersedes #3655, #3656, #3658, #3660, #3661, #3665, #3667, #3669.
79 lines
3.2 KiB
Plaintext
79 lines
3.2 KiB
Plaintext
import { Tabs, Tab } from "fumadocs-ui/components/tabs";
|
|
import {
|
|
TailoredContent,
|
|
TailoredContentOption,
|
|
} from "@/components/react/tailored-content.tsx";
|
|
|
|
|
|
<TailoredContent
|
|
className="step"
|
|
id="impl"
|
|
>
|
|
<TailoredContentOption
|
|
id="graph"
|
|
title="Custom graph"
|
|
description="I'm using a custom graph, where I define the nodes and edges myself."
|
|
>
|
|
<Tabs groupId="language_langgraph_agent" items={['Python', 'TypeScript']} default="Python" persist>
|
|
<Tab value="Python">
|
|
```python title="agent.py"
|
|
async def agent_node(state: YourAgentState, config: RunnableConfig):
|
|
# Access the tools from the copilotkit property
|
|
|
|
tools = state.get("copilotkit", {}).get("actions", []) # [!code highlight]
|
|
model = ChatOpenAI(model="gpt-5.4").bind_tools(tools)
|
|
|
|
# ...
|
|
```
|
|
</Tab>
|
|
<Tab value="TypeScript">
|
|
```typescript title="agent-js/src/agent.ts"
|
|
async function agentNode(state: YourAgentState, config: RunnableConfig): Promise<YourAgentState> {
|
|
// Access the tools from the copilotkit property
|
|
|
|
const tools = state.copilotkit?.actions; // [!code highlight]
|
|
const model = ChatOpenAI({ model: 'gpt-5.4' }).bindTools(tools);
|
|
|
|
// ...
|
|
}
|
|
```
|
|
</Tab>
|
|
</Tabs>
|
|
</TailoredContentOption>
|
|
<TailoredContentOption
|
|
id="prebuilt"
|
|
title="Prebuilt agent"
|
|
description={`I'm using a prebuilt agent like "create_agent" by LangGraph`}
|
|
>
|
|
<Tabs groupId="language_langgraph_agent" items={['Python', 'TypeScript']} default="Python" persist>
|
|
<Tab value="Python">
|
|
```python title="agent.py"
|
|
from langchain.agents import create_agent
|
|
from copilotkit import CopilotKitMiddleware, CopilotKitState # [!code highlight]
|
|
|
|
graph = create_agent( # Works the same for "create_react_agent" or similar options
|
|
model="openai:gpt-5.4",
|
|
tools=[], # Backend tools go here
|
|
middleware=[CopilotKitMiddleware()], # [!code highlight]
|
|
system_prompt="You are a helpful assistant.",
|
|
state_schema=CopilotKitState # [!code highlight]
|
|
)
|
|
```
|
|
</Tab>
|
|
<Tab value="TypeScript">
|
|
```typescript title="agent-js/src/agent.ts"
|
|
import { createAgent } from "langchain";
|
|
import { copilotkitMiddleware } from "@copilotkit/sdk-js/langgraph"; // [!code highlight]
|
|
|
|
export const agenticChatGraph = createAgent({ // Works the same for "create_react_agent" or similar options
|
|
model: "openai:gpt-5.4",
|
|
tools: [], // Backend tools go here
|
|
middleware: [copilotkitMiddleware], // [!code highlight]
|
|
systemPrompt: "You are a helpful assistant.",
|
|
});
|
|
```
|
|
</Tab>
|
|
</Tabs>
|
|
</TailoredContentOption>
|
|
</TailoredContent>
|