CopilotKit：全-ਸਟੈਕ AI ਏਜੰਟ, ਜਨਰੇਟਿਵ UI ਅਤੇ ਚੈਟ ਐਪਲੀਕੇਸ਼ਨ ਲਈ ਪ੍ਰਮੁੱਖ SDK
CopilotKit：全-ਸਟੈਕ AI ਏਜੰਟ, ਜਨਰੇਟਿਵ UI ਅਤੇ ਚੈਟ ਐਪਲੀਕੇਸ਼ਨ ਲਈ ਪ੍ਰਮੁੱਖ SDK
ਪਿਛੋਕੜ ਦਾ ਜਾਇਜ਼ਾ
CopilotKit ਇੱਕ ਖੁੱਲਾ ਸਰੋਤ ਫਰੇਮਵਰਕ ਹੈ ਜੋ AI Copilot ਅਤੇ ਏਜੰਟ-ਨੈਟਿਵ ਐਪਲੀਕੇਸ਼ਨ ਬਣਾਉਣ ਲਈ ਡਿਜ਼ਾਈਨ ਕੀਤਾ ਗਿਆ ਹੈ, GitHub 'ਤੇ 28.9k ਤੋਂ ਵੱਧ ਸਟਾਰ ਹਨ, ਜਿਸਨੂੰ 100,000 ਤੋਂ ਵੱਧ ਵਿਕਾਸਕਾਂ ਨੇ ਅਪਣਾਇਆ ਹੈ। ਇਸ ਫਰੇਮਵਰਕ ਦੀ ਮੁੱਖ ਕੀਮਤ ਇਹ ਹੈ ਕਿ ਇਹ AI ਏਜੰਟ ਨੂੰ ਯੂਜ਼ਰ ਇੰਟਰਫੇਸ ਨਾਲ ਡੂੰਘੀ ਤਰ੍ਹਾਂ ਜੋੜਦਾ ਹੈ, ਜਿਸ ਨਾਲ ਏਜੰਟ ਨੂੰ ਰੀਅਲ-ਟਾਈਮ ਵਿੱਚ UI ਨੂੰ ਨਿਯੰਤਰਿਤ ਕਰਨ, ਸੰਦਰਭ ਜਾਣਕਾਰੀ ਪ੍ਰਦਾਨ ਕਰਨ ਅਤੇ ਜਨਰੇਟਿਵ UI ਰਾਹੀਂ ਇੰਟਰਫੇਸ ਕੰਪੋਨੈਂਟਾਂ ਨੂੰ ਗਤੀਸ਼ੀਲ ਤੌਰ 'ਤੇ ਰੇਂਡਰ ਕਰਨ ਦੀ ਆਗਿਆ ਮਿਲਦੀ ਹੈ।
ਮੁੱਖ ਖੋਜਾਂ
1. ਆਰਕੀਟੈਕਚਰ ਡਿਜ਼ਾਈਨ ਅਤੇ ਮੁੱਖ ਫੰਕਸ਼ਨ
CopilotKit ਤਿੰਨ-ਤਹਾਂ ਵਾਲੀ ਆਰਕੀਟੈਕਚਰ ਡਿਜ਼ਾਈਨ ਨੂੰ ਅਪਣਾਉਂਦਾ ਹੈ, ਜਿਸ ਵਿੱਚ ਫਰੰਟ-ਐਂਡ ਕੰਪੋਨੈਂਟ ਲੇਅਰ, CopilotRuntime ਰਨਟਾਈਮ ਲੇਅਰ ਅਤੇ ਏਜੰਟ ਕਨੈਕਸ਼ਨ ਲੇਅਰ ਸ਼ਾਮਲ ਹਨ।
ਫਰੰਟ-ਐਂਡ ਕੰਪੋਨੈਂਟ ਲੇਅਰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਹੈੱਡਲੈੱਸ (Headless) UI ਤੋਂ ਪ੍ਰੀ-ਬਿਲਟ ਕਸਟਮਾਈਜ਼ੇਬਲ ਕੰਪੋਨੈਂਟਾਂ ਦੇ ਪੂਰੇ ਸਪੈਕਟ੍ਰਮ ਦੀ ਪੇਸ਼ਕਸ਼ ਕਰਦੀ ਹੈ, ਵਿਕਾਸਕਾਂ ਨੂੰ ਆਪਣੀਆਂ ਜ਼ਰੂਰਤਾਂ ਦੇ ਅਨੁਸਾਰ ਲਚਕੀਲੇ ਤੌਰ 'ਤੇ ਚੁਣਨ ਦੀ ਆਗਿਆ ਦਿੰਦੀ ਹੈ। CopilotRuntime ਪਿਛਲੇ ਪੱਖ ਦੇ ਓਰਕੈਸਟਰੇਸ਼ਨ ਇੰਜਣ ਵਜੋਂ ਕੰਮ ਕਰਦਾ ਹੈ, ਜੋ ਫਰੰਟ-ਐਂਡ ਕਲਾਇੰਟ ਤੋਂ ਆ ਰਹੇ ਬੇਨਤੀ ਨੂੰ ਸੰਭਾਲਦਾ ਹੈ, LLM ਕਾਲਾਂ ਅਤੇ ਏਜੰਟ ਇੰਟਰੈਕਸ਼ਨ ਦਾ ਪ੍ਰਬੰਧ ਕਰਦਾ ਹੈ। ਏਜੰਟ ਕਨੈਕਸ਼ਨ ਲੇਅਰ AG-UI ਪ੍ਰੋਟੋਕੋਲ ਰਾਹੀਂ ਕਿਸੇ ਵੀ ਏਜੰਟ ਫਰੇਮਵਰਕ ਨੂੰ ਜੋੜਦਾ ਹੈ, ਜਿਸ ਵਿੱਚ LangGraph, CrewAI, LlamaIndex ਆਦਿ ਸ਼ਾਮਲ ਹਨ।
CopilotKit ਦੀਆਂ ਮੁੱਖ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਵਿੱਚ ਜਨਰੇਟਿਵ UI (Generative UI) ਸ਼ਾਮਲ ਹੈ, ਜੋ ਏਜੰਟ ਨੂੰ ਰਨਟਾਈਮ ਵਿੱਚ ਗਤੀਸ਼ੀਲ ਤੌਰ 'ਤੇ UI ਕੰਪੋਨੈਂਟਾਂ ਨੂੰ ਰੇਂਡਰ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦੀ ਹੈ; ਸਾਂਝੀ ਸਥਿਤੀ (Shared State), ਜੋ ਫਰੰਟ-ਐਂਡ ਅਤੇ ਏਜੰਟ ਵਿਚਕਾਰ ਦੋ-ਤਰਫ਼ਾ ਸਥਿਤੀ ਸਮਰੂਪਤਾ ਨੂੰ ਯਕੀਨੀ ਬਣਾਉਂਦੀ ਹੈ; ਅਤੇ Human-in-the-Loop (ਮਨੁੱਖ-ਮਸ਼ੀਨ ਸਹਿਯੋਗ), ਜੋ ਏਜੰਟ ਨੂੰ ਕਾਰਵਾਈ ਦੇ ਦੌਰਾਨ ਮਨੁੱਖੀ ਇਨਪੁਟ ਜਾਂ ਮਨਜ਼ੂਰੀ ਦੀ ਬੇਨਤੀ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦੀ ਹੈ। ਇਹਨਾਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨੇ ਸੱਚਮੁੱਚ ਇੰਟਰੈਕਟਿਵ AI ਐਪਲੀਕੇਸ਼ਨ ਬਣਾਉਣਾ ਸੰਭਵ ਬਣਾਇਆ ਹੈ, ਨਾ ਕਿ ਸਿਰਫ ਸਧਾਰਣ ਪ੍ਰਸ਼ਨ-ਉੱਤਰ ਸਿਸਟਮ।
ਕੰਮ ਕਰਨ ਦੀ ਪ੍ਰਕਿਰਿਆ ਦਾ ਚਿੱਤਰ:
2. AG-UI ਪ੍ਰੋਟੋਕੋਲ: ਪਾਰਿਸਥਿਤਕੀ ਤੰਤ੍ਰ ਦਾ ਆਧਾਰ
AG-UI (ਏਜੰਟ-ਯੂਜ਼ਰ ਇੰਟਰੈਕਸ਼ਨ ਪ੍ਰੋਟੋਕੋਲ) CopilotKit ਟੀਮ ਦੁਆਰਾ ਲਾਂਚ ਕੀਤਾ ਗਿਆ ਇੱਕ ਖੁੱਲਾ, ਹਲਕਾ, ਘਟਨਾ-ਚਾਲਿਤ ਪ੍ਰੋਟੋਕੋਲ ਮਿਆਰ ਹੈ, ਜੋ AI ਏਜੰਟ ਅਤੇ ਯੂਜ਼ਰ-ਮੁਖੀ ਐਪਲੀਕੇਸ਼ਨਾਂ ਵਿਚਕਾਰ ਸੰਚਾਰ ਦੇ ਤਰੀਕੇ ਨੂੰ ਮਿਆਰੀਕਰਨ ਲਈ ਬਣਾਇਆ ਗਿਆ ਹੈ। ਇਸ ਪ੍ਰੋਟੋਕੋਲ ਨੂੰ Google, Microsoft, AWS, LangChain, Mastra, Pydantic AI ਆਦਿ ਪ੍ਰਮੁੱਖ ਕੰਪਨੀਆਂ ਅਤੇ ਫਰੇਮਵਰਕਾਂ ਦੁਆਰਾ ਵਿਆਪਕ ਤੌਰ 'ਤੇ ਅਪਣਾਇਆ ਗਿਆ ਹੈ, ਜਿਸ ਨਾਲ ਇੱਕ ਵਧਦੀ ਹੋਈ ਪਾਰਿਸਥਿਤਕੀ ਤੰਤ੍ਰ ਬਣਿਆ ਹੈ।
AG-UI ਪ੍ਰੋਟੋਕੋਲ ਇੱਕ ਮੁੱਖ ਸਮੱਸਿਆ ਦਾ ਹੱਲ ਕਰਦਾ ਹੈ: ਰਵਾਇਤੀ ਫਰੰਟ-ਐਂਡ ਅਤੇ ਬੈਕ-ਐਂਡ ਸੰਚਾਰ ਮਾਡਲ (ਬੇਨਤੀ-ਜਵਾਬ) ਏਜੰਟ ਐਪਲੀਕੇਸ਼ਨਾਂ ਦੀ ਜਟਿਲ ਜ਼ਰੂਰਤਾਂ ਨੂੰ ਪੂਰਾ ਨਹੀਂ ਕਰ ਸਕਦਾ। ਏਜੰਟ ਨੂੰ ਰੀਅਲ-ਟਾਈਮ ਸਟੇਟ ਅੱਪਡੇਟ, ਪ੍ਰਕਿਰਿਆ ਵਿੱਚ ਰੁਕਾਵਟਾਂ ਅਤੇ ਮਨਜ਼ੂਰੀ ਦੀ ਪ੍ਰਕਿਰਿਆ, UI ਅਤੇ ਏਜੰਟ ਸਥਿਤੀ ਨੂੰ ਸਮਰੂਪ ਕਰਨ ਦੀ ਲੋੜ ਹੈ, ਜੋ ਕਿ ਹੋਰ ਲਚਕੀਲੇ ਸੰਚਾਰ ਮਕੈਨਿਜ਼ਮ ਦੀ ਲੋੜ ਹੈ। AG-UI ਘਟਨਾ ਪ੍ਰਵਾਹ (Event Streaming) ਰਾਹੀਂ ਇਹਨਾਂ ਫੰਕਸ਼ਨਾਂ ਨੂੰ ਸਹਾਇਤਾ ਦਿੰਦਾ ਹੈ, ਜੋ ਰੀਅਲ-ਟਾਈਮ ਟੈਕਸਟ ਪ੍ਰਵਾਹ, ਟੂਲ ਕਾਲਾਂ, ਸਥਿਤੀ ਸਮਰੂਪਤਾ ਅਤੇ ਕਸਟਮ ਘਟਨਾਵਾਂ ਨੂੰ ਸਮਰਥਨ ਕਰਦਾ ਹੈ।
ਮੌਜੂਦਾ ਏਜੰਟ ਪ੍ਰੋਟੋਕੋਲ ਖੇਤਰ ਵਿੱਚ ਤਿੰਨ ਮੁੱਖ ਸਥੰਭਾਂ ਦੀ ਸਥਿਤੀ ਹੈ: AG-UI ਯੂਜ਼ਰ ਅਤੇ ਏਜੰਟ ਵਿਚਕਾਰ ਇੰਟਰੈਕਸ਼ਨ ਲੇਅਰ 'ਤੇ ਧਿਆਨ ਕੇਂਦ੍ਰਿਤ ਕਰਦਾ ਹੈ, MCP (ਮਾਡਲ ਸੰਦਰਭ ਪ੍ਰੋਟੋਕੋਲ) ਏਜੰਟ ਅਤੇ ਟੂਲਾਂ ਅਤੇ ਡੇਟਾ ਦੇ ਨਾਲ ਜੋੜਨ ਦੀ ਜ਼ਿੰਮੇਵਾਰੀ ਲੈਂਦਾ ਹੈ, ਜਦਕਿ A2A (ਏਜੰਟ-ਟੂ-ਏਜੰਟ) ਏਜੰਟਾਂ ਵਿਚਕਾਰ ਸਹਿਯੋਗੀ ਸੰਚਾਰ ਨੂੰ ਸੰਭਾਲਦਾ ਹੈ। ਇਹ ਗੌਰ ਕਰਨ ਵਾਲੀ ਗੱਲ ਹੈ ਕਿ AG-UI ਨੇ A2A ਪ੍ਰੋਟੋਕੋਲ ਨਾਲ ਹੱਥ ਮਿਲਾਉਣ ਦੀ ਇੰਟਿਗ੍ਰੇਸ਼ਨ ਕੀਤੀ ਹੈ ਅਤੇ ਜਨਰੇਟਿਵ UI ਰੇਂਡਰਿੰਗ ਲਈ Google ਦੇ A2UI ਨਿਯਮਾਂ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਕਰਦਾ ਹੈ।
3. ਪ੍ਰਮੁੱਖ ਫਰੇਮਵਰਕਾਂ ਨਾਲ ਇੰਟਿਗ੍ਰੇਸ਼ਨ
CopilotKit 与 LangGraph 的集成是最成熟的用例之一。通过简单的配置，开发者即可将 LangGraph 代理连接到 CopilotKit 前端，实现状态共享和实时流式响应。集成过程通常包括使用 useCoAgent hook 连接代理，通过 copilotkitemitstate 函数从代理端发射状态更新，以及使用 useCopilotAction 定义人机协作中断点。
对于 CrewAI 开发者，CopilotKit 同样提供了开箱即用的集成方案。通过 AG-UI 协议，开发者可以将任何 CrewAI 代理暴露为支持实时交互的前端应用。除 LangGraph 和 CrewAI 外，AG-UI 协议还支持 Microsoft Agent Framework、Google ADK、AWS Strands Agents、Mastra、Pydantic AI、Agno、LlamaIndex 等众多框架，形成了真正的多框架互操作性。
4. 与同类框架的对比分析
与 Vercel AI SDK 相比，CopilotKit 的定位有显著差异。Vercel AI SDK 主要专注于简化聊天界面的流式文本传输，提供了优秀的 useChat hook 和 UI 组件；而 CopilotKit 更强调深度代理集成、生成式 UI 和人机协作能力。
与 LangChain 的关系则更像是互补而非竞争。LangChain 侧重于构建代理的"大脑"（逻辑和工作流），而 CopilotKit 提供该大脑的"面孔、声音和双手"——即与应用交互的界面。开发者通常使用 LangChain/LangGraph 定义代理逻辑，然后通过 CopilotKit 构建用户交互层。
5. 典型应用场景
CopilotKit 的典型用例涵盖多个领域。SaaS Copilot 是其最常见的应用场景，智能助手可以引导用户完成复杂的工作流程，提供上下文感知的帮助。共创 Copilot 则强调人机协作，AI 与用户共同创建内容，显著提升生产力。对话式表单填写将繁琐的表单转化为自然对话交互，用户通过聊天即可完成复杂的数据输入。研究代理应用如官方演示的研究画布应用，展示如何将 LangGraph 代理与前端深度集成，实现研究大纲生成、章节撰写和人类审批的完整流程。
快速入门：代码示例
基础集成示例
以下是一个使用 CopilotKit 与 LangGraph 集成的最小可运行示例：
前端（Next.js/React）：
// app/page.tsx "use client"; import { CopilotKit } from "@copilotkit/react-core"; import { CopilotPopup } from "@copilotkit/react-ui"; import "@copilotkit/react-ui/styles.css";
export default function Home() { return (
研究助手
); }运行时 API 路由：
// app/api/copilotkit/route.ts import { CopilotRuntime, OpenAIAdapter } from "@copilotkit/runtime"; import { NextRequest } from "next/server";const copilotKit = new CopilotRuntime({ remoteEndpoints: [ { url: process.env.LANGGRAPHURL || "http://localhost:8000" }, ], });
const serviceAdapter = new OpenAIAdapter();
export const POST = async (req: NextRequest) => { const { handleRequest } = copilotKit; return handleRequest(req, { serviceAdapter }); };
ਸਾਂਝਾ ਸਥਿਤੀ ਉਦਾਹਰਨ
// useCoAgent ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਅੱਗੇ ਅਤੇ ਪਿੱਛੇ ਦੀ ਸਥਿਤੀ ਸਿੰਕ ਕਰਨ ਲਈ import { useCoAgent } from "@copilotkit/react-core";
function ResearchCanvas() { const { state, setState } = useCoAgent({ name: "researchagent", initialState: { topic: "", outline: [], currentSection: null, }, });
return (
setState({ ...state, topic: e.target.value })} placeholder="ਅਧਿਐਨ ਵਿਸ਼ਾ ਦਰਜ ਕਰੋ" />
); }
ਮਨੁੱਖ-ਮਸ਼ੀਨ ਸਹਿਯੋਗ (Human-in-the-Loop) ਉਦਾਹਰਨ
import { useCopilotAction } from "@copilotkit/react-core";
function DocumentEditor() { useCopilotAction({ name: "publishDocument", description: "ਦਸਤਾਵੇਜ਼ ਪ੍ਰਕਾਸ਼ਿਤ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ ਉਪਭੋਗਤਾ ਦੀ ਪੁਸ਼ਟੀ ਦੀ ਲੋੜ ਹੈ", parameters: [ { name: "title", type: "string", description: "ਦਸਤਾਵੇਜ਼ ਦਾ ਸਿਰਲੇਖ" }, { name: "content", type: "string", description: "ਦਸਤਾਵੇਜ਼ ਦੀ ਸਮੱਗਰੀ" }, ], handler: async ({ title, content }) => { const confirmed = await new Promise((resolve) => { showConfirmDialog({ title, content, onConfirm: resolve }); });
if (confirmed) { await api.publish({ title, content }); return "ਦਸਤਾਵੇਜ਼ ਸਫਲਤਾਪੂਰਵਕ ਪ੍ਰਕਾਸ਼ਿਤ ਕੀਤਾ ਗਿਆ"; } return "ਪ੍ਰਕਾਸ਼ਨ ਰੱਦ ਕੀਤਾ ਗਿਆ"; }, });
return ...; }`
ਟੀਪਿਕਲ ਐਪਲੀਕੇਸ਼ਨ ਕੇਸ
ਕੇਸ 1: SaaS ਸਮਰੱਥ ਸਹਾਇਕ
ਦ੍ਰਿਸ਼: ਇੱਕ ਕਾਰਪੋਰੇਟ ਪ੍ਰੋਜੈਕਟ ਪ੍ਰਬੰਧਨ ਟੂਲ, ਜੋ ਉਪਭੋਗਤਾਵਾਂ ਨੂੰ ਤੁਰੰਤ ਕਾਰਜ ਬਣਾਉਣ, ਸਰੋਤਾਂ ਨੂੰ ਵੰਡਣ, ਅਤੇ ਰਿਪੋਰਟਾਂ ਨੂੰ ਜਨਰੇਟ ਕਰਨ ਵਿੱਚ ਮਦਦ ਕਰਨ ਲਈ AI ਸਹਾਇਕ ਨੂੰ ਇਕੱਠਾ ਕਰਦਾ ਹੈ।
ਅਮਲ ਦੇ ਮੁੱਖ ਬਿੰਦੂ:
- CopilotKit ਦੇ ਸਾਂਝੇ ਸਥਿਤੀ ਫੰਕਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰਕੇ, AI ਨੂੰ ਵਰਤਮਾਨ ਪ੍ਰੋਜੈਕਟ ਦ੍ਰਿਸ਼ ਦੀ ਜਾਣਕਾਰੀ ਮਿਲਦੀ ਹੈ
- ਜਨਰੇਟਿਵ UI ਰਾਹੀਂ ਕਾਰਜ ਕਾਰਡ, ਗੈਂਟ ਚਾਰਟ ਆਦਿ ਕੰਪੋਨੈਂਟਾਂ ਨੂੰ ਗਤੀਸ਼ੀਲ ਤੌਰ 'ਤੇ ਰੇਂਡਰ ਕਰਨਾ
- ਮਨੁੱਖ-ਮਸ਼ੀਨ ਸਹਿਯੋਗ ਨੋਡ ਇਹ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ ਕਿ ਕੁੰਜੀ ਕਾਰਵਾਈਆਂ (ਜਿਵੇਂ ਕਿ ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਹਟਾਉਣਾ) ਲਈ ਉਪਭੋਗਤਾ ਦੀ ਪੁਸ਼ਟੀ ਦੀ ਲੋੜ ਹੈਉਪਭੋਗਤਾ ਕੁਦਰਤੀ ਭਾਸ਼ਾ ਰਾਹੀਂ ਜਟਿਲ ਕਾਰਵਾਈਆਂ ਨੂੰ ਪੂਰਾ ਕਰ ਸਕਦੇ ਹਨ, ਜਿਵੇਂ "ਮੈਨੂੰ ਅਗਲੇ ਹਫ਼ਤੇ ਦੀ ਮਿਆਦ ਵਾਲੇ ਕੰਮ ਨੂੰ ਫਰੰਟਐਂਡ ਟੀਮ ਨੂੰ ਸੌਂਪਣ ਅਤੇ ਪ੍ਰਗਤੀ ਰਿਪੋਰਟ ਬਣਾਉਣ ਵਿੱਚ ਮਦਦ ਕਰੋ"।
ਕੇਸ 2: ਏ.ਆਈ. ਖੋਜ ਸਹਾਇਕ
ਦ੍ਰਿਸ਼: ਅਕਾਦਮਿਕ ਖੋਜ ਸਹਾਇਤਾ ਟੂਲ, ਖੋਜਕਰਤਾਵਾਂ ਨੂੰ ਸਮੱਗਰੀ ਇਕੱਠਾ ਕਰਨ, ਪੇਪਰ ਦੀ ਸੰਰਚਨਾ ਨੂੰ ਵਿਵਸਥਿਤ ਕਰਨ, ਸਹਿਯੋਗੀ ਲਿਖਾਈ ਵਿੱਚ ਮਦਦ ਕਰਦਾ ਹੈ।
ਅਮਲ ਦੇ ਮੁੱਖ ਬਿੰਦੂ:
- LangGraph ਏਜੰਟ ਜਾਣਕਾਰੀ ਖੋਜ ਅਤੇ ਤਰਕਸ਼ੀਲ ਨਿਰਣੇ ਲਈ ਜ਼ਿੰਮੇਵਾਰ ਹੈ
- CopilotKit ਫਰੰਟਐਂਡ ਖੋਜ ਰੂਪਰੇਖਾ, ਸਾਹਿਤ ਸੂਚੀ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ
- ਸਥਿਤੀ ਸਿੰਕ ਕਰਨ ਨਾਲ ਖੋਜ ਦੀ ਪ੍ਰਗਤੀ ਨੂੰ ਵਾਸਤਵਿਕ ਸਮੇਂ ਵਿੱਚ ਸੁਰੱਖਿਅਤ ਅਤੇ ਦਰਸਾਇਆ ਜਾਂਦਾ ਹੈ
- ਬਾਹਰੀ ਸਮੱਗਰੀ ਦਾ ਹਵਾਲਾ ਦੇਣ ਵੇਲੇ ਮਨਜ਼ੂਰੀ ਨੋਡ ਉਪਭੋਗਤਾ ਨੂੰ ਪੁਸ਼ਟੀ ਕਰਨ ਲਈ ਚੇਤਾਵਨੀ ਦਿੰਦਾ ਹੈ
ਕੇਸ 3: ਸਮਾਰਟ ਫਾਰਮ ਭਰਨ
ਦ੍ਰਿਸ਼: ਜਟਿਲ ਬੀਮਾ ਅਰਜ਼ੀ ਫਾਰਮ ਨੂੰ ਗੱਲਬਾਤੀ ਪਰਸੰਗ ਵਿੱਚ ਬਦਲਣਾ।
ਅਮਲ ਦੇ ਮੁੱਖ ਬਿੰਦੂ:
- ਏਜੰਟ ਉਪਭੋਗਤਾ ਦੇ ਜਵਾਬ ਦੇ ਅਧਾਰ 'ਤੇ ਅਗਲਾ ਸਵਾਲ ਗਤੀਸ਼ੀਲ ਤੌਰ 'ਤੇ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ
- ਸੰਦਰਭ ਦੇ ਅਧਾਰ 'ਤੇ ਵੱਖ-ਵੱਖ UI ਕੰਪੋਨੈਂਟ ਦਿਖਾਉਣ ਲਈ ਸ਼ਰਤਾਂ ਦੇ ਅਨੁਸਾਰ ਰੇਂਡਰਿੰਗ ਦੀ ਵਰਤੋਂ
- ਅੱਧੇ ਪੂਰੇ ਫਾਰਮ ਨੂੰ ਆਟੋਮੈਟਿਕ ਤੌਰ 'ਤੇ ਸੁਰੱਖਿਅਤ ਕਰਨਾ, ਬਿੰਦੂ 'ਤੇ ਭਰਨ ਦੀ ਸਮਰਥਾ
- ਜਮ੍ਹਾਂ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ ਉਪਭੋਗਤਾ ਦੀ ਪੁਸ਼ਟੀ ਲਈ ਸਾਰੀ ਜਾਣਕਾਰੀ ਦਾ ਸੰਖੇਪ
ਤਕਨੀਕੀ ਪ੍ਰੇਰਣਾ
CopilotKit ਦੀ ਤਕਨੀਕੀ ਅਮਲ ਆਧੁਨਿਕ ਵੈੱਬ ਸਟੈਕ 'ਤੇ ਆਧਾਰਿਤ ਹੈ। ਫਰੰਟਐਂਡ ਮੁੱਖ UI ਫਰੇਮਵਰਕ ਵਜੋਂ React (Angular ਨੂੰ ਵੀ ਸਮਰਥਨ ਕਰਦਾ ਹੈ) ਨੂੰ ਵਰਤਦਾ ਹੈ, ਜੋ ਸਥਿਤੀ ਪ੍ਰਬੰਧਨ ਅਤੇ ਏਜੰਟ ਇੰਟਰੈਕਸ਼ਨ ਲਈ useAgent ਅਤੇ useCoAgent ਵਰਗੇ ਹੂਕ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ। ਪਿਛਲਾ ਪੱਖ ਚਲਾਉਣ ਸਮੇਂ CopilotRuntime ਕਲਾਸ ਕੇਂਦਰੀ ਸੰਗਠਕ ਵਜੋਂ ਕੰਮ ਕਰਦੀ ਹੈ, ਜੋ ਬੇਨਤੀ ਦੀ ਪੁਸ਼ਟੀ, LLM ਕਾਲਾਂ ਅਤੇ ਪ੍ਰਤੀਕ੍ਰਿਆ ਦੀ ਸਟ੍ਰੀਮਿੰਗ ਨੂੰ ਸੰਭਾਲਦੀ ਹੈ। ਸੰਚਾਰ ਪ੍ਰੋਟੋਕੋਲ ਸਰਵਰ-ਭੇਜੇ ਗਟਕ (SSE) ਨੂੰ ਵਰਤਦਾ ਹੈ, ਜੋ ਸਰਵਰ ਤੋਂ ਕਲਾਇੰਟ ਤੱਕ ਵਾਸਤਵਿਕ ਸਮੇਂ ਦੀ ਸਟ੍ਰੀਮ ਪੋਸ਼ਟਿੰਗ ਨੂੰ ਸਥਾਪਿਤ ਕਰਦਾ ਹੈ, ਨਾਲ ਹੀ HTTP POST ਰਾਹੀਂ ਕਲਾਇੰਟ ਦੀਆਂ ਬੇਨਤੀਆਂ ਨੂੰ ਸੰਭਾਲਦਾ ਹੈ।
v1.50 ਸੰਸਕਰਣ ਨੇ ਮਹੱਤਵਪੂਰਨ ਢਾਂਚਾ ਅੱਪਗਰੇਡ ਲਿਆ, ਜੋ ਇੱਕ ਸਾਫ਼ ਇਕੱਲੇ ਪਾਇੰਟ ਢਾਂਚਾ, ਬਿਹਤਰ ਨਿਗਰਾਨੀ (ਟੈਲੀਮੈਟ੍ਰੀ ਬਿਲਟ-ਇਨ) ਅਤੇ CopilotKit Next ਨਾਲ ਗਹਿਰੇ ਇੰਟਿਗ੍ਰੇਸ਼ਨ ਨੂੰ ਲਿਆਉਂਦਾ ਹੈ, ਜੋ ਵਿਕਾਸ ਦੇ ਅਨੁਭਵ ਨੂੰ ਹੋਰ ਆਸਾਨ ਬਣਾਉਂਦਾ ਹੈ।
