Phiên bản mới của CopilotKit 1.0 giới thiệu một tính năng giao diện người dùng (UI) tạo ra tự động rất đẹp, cho phép bạn hiển thị các thành phần React tùy chỉnh hoàn toàn trong giao diện trò chuyện. Khả năng mạnh mẽ này cho phép bạn tích hợp một cách liền mạch các chức năng được hỗ trợ bởi trí tuệ nhân tạo vào trải nghiệm người dùng của ứng dụng của bạn.

Với giao diện người dùng tạo ra tự động, bạn có thể tạo ra các thành phần trực quan hấp dẫn và tương tác, vượt xa các tương tác dựa trên văn bản đơn giản. Ví dụ, trong bản demo được trình bày, CopilotKit đã được sử dụng để tạo ra một thành phần xem trước giống như bảng tính, cho phép người dùng nhanh chóng trực quan hóa và tương tác với dữ liệu mà không cần tạo giao diện người dùng thủ công.

Giao diện người dùng tạo ra tự động được xây dựng trên các giao thức dựa trên GraphQL của CopilotKit, cung cấp một cách linh hoạt và hiệu quả để xử lý các trường đầu vào và đầu ra. Sự tích hợp này đảm bảo rằng các thành phần được tạo ra có thể giao tiếp với thời gian chạy của CopilotKit theo thời gian thực, cho phép cập nhật động và tương tác phản hồi.

Nhà phát triển có thể tận dụng các móc (hook) SDK React mới, như móc useCopilotAction, để tương tác trực tiếp với CopilotKit trong ứng dụng của họ. Điều này cho phép tích hợp chặt chẽ giữa trạng thái của ứng dụng và chức năng được hỗ trợ bởi trí tuệ nhân tạo, tạo ra một trải nghiệm người dùng liền mạch.

Hơn nữa, móc useCopilotReadable tối ưu hóa việc truyền thông tin trạng thái ứng dụng, đảm bảo truyền dữ liệu hiệu quả giữa mặt trước và thời gian chạy của CopilotKit. Tính năng này giúp duy trì hiệu suất và phản hồi cao, ngay cả trong các ứng dụng phức tạp, dựa trên dữ liệu.

Nói chung, giao diện người dùng tạo ra tự động đẹp của CopilotKit phiên bản 1.0 đại diện cho một bước tiến đáng kể trong việc tích hợp các trợ lý hỗ trợ bởi trí tuệ nhân tạo vào các trải nghiệm sản phẩm. Nhà phát triển bây giờ có thể tạo ra các thành phần trực quan hấp dẫn và tương tác, tận dụng sức mạnh của CopilotKit, nâng cao trải nghiệm người dùng tổng thể và thúc đẩy sự đổi mới trong các ứng dụng của họ.

Phiên bản mới nhất của CopilotKit, phiên bản 1.0, giới thiệu một cải tiến đáng kể với việc tích hợp các giao thức dựa trên GraphQL. Tính năng mới này cho phép nhà phát triển tận dụng sức mạnh của GraphQL để giao tiếp liền mạch giữa thời gian chạy của CopilotKit và các ứng dụng của họ.

Điểm nổi bật chính của việc tích hợp GraphQL bao gồm:

1. API GraphQL: Thời gian chạy CopilotKit mới sử dụng một API GraphQL, cho phép nhà phát triển tận dụng sự linh hoạt và hiệu quả của GraphQL cho các yêu cầu dữ liệu của ứng dụng.

2. Trường Đầu Vào và Đầu Ra: API GraphQL hỗ trợ cả trường đầu vào và đầu ra, điều này rất quan trọng để xây dựng các ứng dụng thời gian thực yêu cầu trao đổi dữ liệu động.

3. Dữ Liệu Truyền Liên Tục: Nhà phát triển bây giờ có thể truyền dữ liệu độc lập bằng cách sử dụng API GraphQL, cho phép cập nhật dữ liệu hiệu quả và phản hồi trong các ứng dụng của họ.

Các giao thức dựa trên GraphQL mới này trong CopilotKit赋予nhà phát triển khả năng tích hợp các trợ lý AI vào sản phẩm của họ một cách dễ dàng và linh hoạt hơn. Bằng cách tận dụng lợi ích của GraphQL, nhà phát triển có thể tối ưu hóa việc truyền thông tin trạng thái ứng dụng và nâng cao trải nghiệm người dùng tổng thể của các ứng dụng được hỗ trợ bởi AI của họ.

CopilotKit cung cấp một tập hợp các móc SDK React mạnh mẽ cho phép bạn tích hợp một cách liền mạch các khả năng AI vào ứng dụng của bạn. Những móc này cho phép tương tác trực tiếp giữa ứng dụng của bạn và thời gian chạy của CopilotKit, giúp bạn dễ dàng tận dụng toàn bộ tiềm năng của nền tảng.

Các móc chính được cung cấp bởi CopilotKit bao gồm:

1. useCopilotReadable: Móc này cho phép bạn cung cấp ngữ cảnh mặt trước cho động cơ CopilotKit, cho phép trợ lý AI hiểu được trạng thái hiện tại của ứng dụng của bạn. Bạn có thể truyền vào các cấu trúc dữ liệu, chẳng hạn như dữ liệu bảng tính hiện tại, và liên kết chúng với các thẻ cụ thể để CopilotKit hiểu.

2. useCopilotAction: Móc này cho phép CopilotKit thực hiện các hành động trong ứng dụng của bạn. Bạn có thể định nghĩa các hành động, chẳng hạn như đề xuất ghi đè bảng tính, và truyền vào các tham số cần thiết. Móc này cung cấp cả một hàm hiển thị và một hàm xử lý, cho phép bạn tùy chỉnh giao diện người dùng và hành vi của hành động.

3. useCopilotChatSuggestion: Móc này tạo ra các gợi ý trò chuyện dựa trên trạng thái hiện tại của ứng dụng, cho phép trợ lý AI cung cấp các khuyến nghị có ngữ cảnh cho người dùng.

Những móc này được thiết kế để dễ sử dụng, với sự truyền bá kiểu đầy đủ trong toàn bộ cơ sở mã. Điều này đảm bảo trải nghiệm tích hợp trơn tru và giúp bạn tận dụng sức mạnh của CopilotKit mà không cần viết nhiều mã lặp lại hoặc thiết lập phức tạp.

Bằng cách sử dụng những móc SDK React mạnh mẽ này, bạn có thể nhanh chóng và hiệu quả tích hợp các khả năng AI vào ứng dụng của mình, nâng cao trải nghiệm người dùng và mở khóa các khả năng mới cho sản phẩm của bạn.

Móc CopilotReadable là một công cụ mạnh mẽ được cung cấp bởi framework Copilot Kit, cho phép bạn tối ưu hóa việc giao tiếp giữa ứng dụng của bạn và động cơ Copilot. Móc này cho phép bạn truyền thông tin từ mặt trước một cách liền mạch đến động cơ Copilot, đảm bảo rằng trợ lý AI có ngữ cảnh cần thiết để cung cấp các phản hồi chính xác và liên quan.

Bằng cách sử dụng móc CopilotReadable, bạn có thể định nghĩa dữ liệu bạn muốn chia sẻ với động cơ Copilot, chẳng hạn như trạng thái hiện tại của ứng dụng hoặc bất kỳ thông tin liên quan nào mà trợ lý AI có thể cần để cung cấp các gợi ý hoặc hành động hữu ích. Bằng cách cung cấp ngữ cảnh này, bạn có thể đảm bảo rằng các phản hồi của Copilot được điều chỉnh theo nhu cầu cụ thể của ứng dụng và người dùng của bạn.

Móc CopilotReadable rất linh hoạt, cho phép bạn truyền dữ liệu ở các định dạng khác nhau, bao gồm cả lược đồ JSON. Điều này đảm bảo rằng các kiểu được truyền bá đầy đủ trong cơ sở mã của bạn, giúp dễ dàng làm việc với tích hợp Copilot và giảm nguy cơ lỗi.

Nói chung, móc CopilotReadable là một thành phần quan trọng của framework Copilot Kit, cho phép bạn tối ưu hóa việc giao tiếp giữa ứng dụng của bạn và trợ lý AI, dẫn đến một tích hợp Copilot vào sản phẩm của bạn trơn tru và hiệu quả hơn.

Móc useCopilotChat là một tính năng mạnh mẽ được giới thiệu trong phiên bản CopilotKit 1.0. Móc này cho phép bạn tạo ra các gợi ý trò chuyện thông minh dựa trên trạng thái ứng dụng hiện tại, cho phép người dùng của bạn nhanh chóng và dễ dàng tương tác với ứng dụng được hỗ trợ bởi AI của bạn.

Dưới đây là cách bạn có thể tận dụng móc useCopilotChat:

1. Nhập móc: Bắt đầu bằng cách nhập móc useCopilotChat từ thư viện CopilotKit.

import { useCopilotChat } from '@copilot-kit/react';

2. Sử dụng móc trong thành phần của bạn: Trong thành phần của bạn, gọi móc useCopilotChat và truyền vào bất kỳ trạng thái ứng dụng hoặc ngữ cảnh liên quan nào mà bạn muốn AI xem xét khi tạo ra các gợi ý.

const { chatSuggestions, generateChatSuggestion } = useCopilotChat({
  currentUserMessage: userMessage,
  conversationHistory: conversationLog,
  productDetails: productInfo,
});

3. Hiển thị các gợi ý trò chuyện: Sử dụng chatSuggestions được trả về bởi móc để hiển thị các gợi ý được tạo ra bởi AI trong giao diện người dùng của bạn. Bạn có thể hiển thị các gợi ý này dưới dạng nút, liên kết hoặc bất kỳ phần tử giao diện người dùng tương tác nào khác.

return (
  <div>
    {chatSuggestions.map((suggestion, index) => (
      <button key={index} onClick={() => handleSuggestionClick(suggestion)}>
        {suggestion.text}
      </button>
    ))}
  </div>
);

4. Xử lý tương tác của người dùng: Khi người dùng chọn một gợi ý, bạn có thể gọi hàm generateChatSuggestion được cung cấp bởi móc để kích hoạt việc tạo ra một tập hợp mới các gợi ý dựa trên trạng thái ứng dụng đã cập nhật.

const handleSuggestionClick = (suggestion) => {
  const newSuggestions = generateChatSuggestion(suggestion);
  // Cập nhật trạng thái ứng dụng và giao diện người dùng của bạn tương ứng
};

Bằng cách sử dụng móc useCopilotChat, bạn có thể tích hợp một cách liền mạch các gợi ý trò chuyện được hỗ