Giới thiệu
Hướng dẫn triển khai chính thức cho @assistant-ui/react-generative-ui, một môi trường thời gian chạy (runtime) mã nguồn mở cho phép mô hình xây dựng cây giao diện JSON qua công cụ present. Hướng dẫn trình bày các thành phần React đã đăng ký, schema thuộc tính Zod, hỗ trợ streaming khi được bật, trình xử lý hành động và bộ chuyển đổi cho Slack, Teams cùng A2UI.
Tóm tắt
Điểm mới đáng chú ý trong cách triển khai này:
1. Bố cục do mô hình xây dựng: Tạo giao diện lồng nhau từ một bộ thành phần, thay vì gắn một widget cố định với mỗi công cụ
2. Giao ước kết xuất rõ ràng: Tìm các thành phần đã đăng ký theo tên, xác thực thuộc tính và hỗ trợ các props được stream từng phần
3. Phản hồi có tính tương tác: Chuyển giá trị biểu mẫu và hành động trên nút bấm đến trình xử lý của ứng dụng, với các luồng present và prompt_user riêng biệt
4. Tích hợp có thể chạy được: Bao gồm ví dụ từ đầu đến cuối và một trình biên dịch tách schema phía máy chủ khỏi các hàm kết xuất phía máy khách
5. Hướng triển khai đa nền tảng: Chuyển bộ thành phần tích hợp sẵn sang Slack Block Kit và Teams Adaptive Cards, đồng thời tiếp nhận các bề mặt giao diện A2UI
1. Bố cục do mô hình xây dựng: Tạo giao diện lồng nhau từ một bộ thành phần, thay vì gắn một widget cố định với mỗi công cụ
2. Giao ước kết xuất rõ ràng: Tìm các thành phần đã đăng ký theo tên, xác thực thuộc tính và hỗ trợ các props được stream từng phần
3. Phản hồi có tính tương tác: Chuyển giá trị biểu mẫu và hành động trên nút bấm đến trình xử lý của ứng dụng, với các luồng present và prompt_user riêng biệt
4. Tích hợp có thể chạy được: Bao gồm ví dụ từ đầu đến cuối và một trình biên dịch tách schema phía máy chủ khỏi các hàm kết xuất phía máy khách
5. Hướng triển khai đa nền tảng: Chuyển bộ thành phần tích hợp sẵn sang Slack Block Kit và Teams Adaptive Cards, đồng thời tiếp nhận các bề mặt giao diện A2UI
Thẻ
generative-uireactcomponent-catalogtool-callingstreaming