Tất cả thành phần

Khám phá toàn bộ 308 thành phần Lyra UI. Lọc theo nhóm, tìm theo tên, thử bản xem trước trực tiếp hoặc mở ví dụ trong tài liệu.

Hội thoại và trò chuyện

Không gian làm việc của tác nhân — Khung điều khiển hội thoại AI thích ứng kích thước, ghép bản ghi hội thoại, bộ soạn tin và bảng chi tiết tùy chọn cho lượt chạy, công cụ, truy xuất, căn cứ hoặc ngữ cảnh.
Bộ hiển thị âm thanh — Đồ họa hoạt động giọng nói vẽ bằng canvas, phản ánh trạng thái rảnh, đang nghe, đang suy nghĩ hoặc đang nói của tác nhân.
Bộ chọn nhánh — Điều hướng ‹ n / m › có trạng thái do ứng dụng quản lý giữa các phiên bản được tạo lại hoặc sửa của một tin nhắn.
Bộ soạn tin nhắn — Ô nhập tin nhắn tự thay đổi chiều cao, tích hợp thao tác gửi và dừng.
Tin nhắn hội thoại — Khung tin nhắn theo vai trò, có ảnh đại diện, huy hiệu và chân trang theo trạng thái.
Khung xem hội thoại — Vùng cuộn bản ghi hội thoại tự bám cuối, có nút chuyển đến tin mới nhất và vạch phân cách tin chưa đọc.
Điểm khôi phục — Điểm khôi phục ngay trong hội thoại, yêu cầu xác nhận trước khi quay về trạng thái cũ.
Khối mã — Hiển thị mã trong khung, có tô màu cú pháp tải khi cần và nút sao chép.
Khối mã lõi — Khối mã gọn nhẹ, chỉ tô màu bằng bản đồ ngữ pháp được cung cấp lúc biên dịch.
Mục hội thoại — Hàng lịch sử trò chuyện có thể chọn, hiển thị tiêu đề, bản xem trước và dấu thời gian của phiên.
Số liệu tạo nội dung — Hiển thị thời gian đã qua, token và thông lượng khi phản hồi AI đang truyền trực tiếp.
Vạch bàn giao — Đường phân cách có nhãn đánh dấu việc chuyển quyền điều khiển giữa các tác nhân trong bản ghi hội thoại.
Markdown — Hiển thị Markdown thành HTML đã làm sạch, hỗ trợ bảng GFM, mã và liên kết.
Markdown lõi — Hiển thị Markdown gọn nhẹ, chỉ tô màu khối mã bằng bản đồ ngữ pháp được cung cấp lúc biên dịch.
Thao tác tin nhắn — Thanh thao tác cho từng tin nhắn, tích hợp sao chép, tạo lại, sửa và phản hồi.
Phản hồi về tin nhắn — Đánh giá thích hoặc không thích một tin nhắn của trợ lý, có bảng lý do và nhận xét tùy chọn.
Bộ chọn mô hình — Chọn nhà cung cấp và mô hình từ danh mục cố định hoặc nhập mục tùy chỉnh tự do.
Bảng cài đặt mô hình — Ghép bộ chọn mô hình với thanh trượt nhiệt độ để cấu hình tác nhân.
Nhấn để nói — Nút thu âm quản lý toàn bộ vòng đời xin quyền, ghi âm và dọn dẹp, hỗ trợ nhấn giữ hoặc bật tắt.
Trạng thái luồng — Hiển thị giai đoạn của một kết nối truyền trực tiếp và phát hiện tình trạng ngừng dựa trên nhịp tim.
Văn bản truyền trực tiếp — Hiển thị dần văn bản của trợ lý khi truyền, gộp các cập nhật token đến liên tiếp.
Văn bản truyền trực tiếp lõi — Bộ hiển thị văn bản truyền trực tiếp gọn nhẹ; chế độ Markdown chỉ tô màu khối mã bằng bản đồ ngữ pháp được cung cấp lúc biên dịch.
Thẻ gợi ý — Hàng thẻ gợi ý câu hỏi mở đầu hoặc tiếp theo có thể cuộn, chuyển văn bản đã chọn cho ứng dụng.
Danh sách cuộc hội thoại — Thanh bên hội thoại có nhóm và tìm kiếm, với thao tác ghim, lưu trữ, xóa và đổi tên từng hàng.
Luồng bản ghi lời nói — Luồng phụ đề trực tiếp cho phiên thoại đang diễn ra, thay nội dung tạm bằng bản cuối và tự bám cuối khi cuộn.
Dấu hiệu đang nhập — Dấu hiệu trực quan cho biết trợ lý đang soạn phản hồi.
Huy hiệu mức sử dụng — Dải gọn hiển thị token, chi phí và độ trễ của một tin nhắn hoặc lượt chạy, kèm bảng chi tiết khi di chuột.
Bộ chọn giọng nói — Chọn giọng đọc từ danh mục được cung cấp, có nghe thử ngay trong dòng và xử lý giá trị đã cũ.
Bộ hiển thị tiện ích — Hiển thị cây tiện ích JSON khai báo do tác nhân truyền tới thông qua sổ đăng ký loại thành phần được cho phép.
Các phần tin nhắn — Hiển thị theo thứ tự các phần tin nhắn AI có thể xen kẽ: văn bản, suy luận, công cụ, trích dẫn, tệp đính kèm và phương tiện.
Ô nhập yêu cầu — Kết hợp soạn yêu cầu với tệp đính kèm, chọn mô hình và giọng nói, nguồn truy xuất, đề cập, lệnh và lượt chờ.
Hàng đợi yêu cầu — Quản lý hàng đợi yêu cầu tiếp theo do ứng dụng kiểm soát, có thể sửa, đổi thứ tự, xóa hoặc gửi ngay.
Phiên thời gian thực — Khung phiên thoại độc lập nhà cung cấp, có điều khiển kết nối, hoạt động, bản ghi, thu âm, tắt tiếng và ngắt lời.
Thanh công cụ chọn văn bản — Đặt thao tác hỏi, trích dẫn, dẫn nguồn và sao chép cạnh đoạn văn bản đã chọn, đồng thời giữ điểm neo trong tài liệu.

Công cụ tác nhân và khả năng quan sát

Luồng hoạt động — Nhật ký nối tiếp các thao tác chi tiết của tác nhân, thu gọn thành tóm tắt bước đã hoàn thành khi lượt chạy kết thúc.
Bảng điều khiển đánh giá tác nhân — Tổng quan đánh giá do ứng dụng quản lý, ghép thẻ số liệu với biểu đồ xu hướng và lịch sử trạng thái từng lượt chạy.
Câu hỏi của tác nhân — Thu thập câu trả lời có cấu trúc cho câu hỏi từ tác nhân hoặc máy chủ MCP, với thao tác chấp nhận, từ chối và hủy.
Lượt chạy nền — Hiển thị công việc của tác nhân ở trạng thái chờ, đang chạy hoặc đã xong do ứng dụng quản lý, cùng yêu cầu mở và hủy.
Đồng hồ ngân sách — Hiển thị mức sử dụng do ứng dụng cung cấp so với giới hạn, kể cả trạng thái không có dữ liệu và vượt giới hạn.
Xem xét thay đổi — Trình bày thay đổi tệp do ứng dụng cung cấp và yêu cầu quyết định giữ hoặc bỏ từng đoạn sửa.
Trình quản lý kết nối — Hiển thị trạng thái và yêu cầu kết nối, ngắt kết nối hoặc thử lại đối với kết nối do ứng dụng quản lý.
Cấp quyền — Trình bày yêu cầu quyền có phạm vi rõ ràng và báo lựa chọn cho phép hoặc từ chối của người dùng về ứng dụng.
Quy tắc quyền — Hiển thị quy tắc quyền do ứng dụng định nghĩa và yêu cầu đổi quyết định cho phép, hỏi trước hoặc từ chối.
Lượt chạy của tác nhân — Khung chính cho một lượt chạy, hiển thị trạng thái, thời gian, bước hiện tại và chi phí, cùng thao tác hủy hoặc thử lại.
Dấu vết tác nhân — Xem dấu vết tác nhân và LLM theo phân cấp, có lọc loại đoạn và chuyển nhanh đến điểm bàn giao trên cùng tập đoạn.
Hàng đợi phê duyệt — Hàng đợi lời gọi công cụ đang chờ, hỗ trợ bàn phím; từng mục được xem xét và chấp thuận hoặc từ chối qua một hộp thoại chung.
Bảng hiện vật — Khung cho một hiện vật do tác nhân tạo, có chuyển giữa xem trước và mã, duyệt phiên bản, sao chép và tải xuống.
Khung trình duyệt — Khung hiển thị màn hình máy tính của tác nhân, gồm luồng ảnh chụp, URL chỉ đọc và điều khiển tiếp quản.
Thẻ lần cam kết mã — Tóm tắt lần cam kết mã gọn, có thống kê thay đổi và danh sách tệp liên kết đến chế độ xem khác biệt.
Bảng so sánh — So sánh đầu ra A/B cạnh nhau kèm bình chọn người thắng để đánh giá mô hình theo kiểu đấu trường.
Thanh xác nhận — Khối chấp thuận hoặc từ chối ngay trong bản ghi hội thoại cho một thao tác tác nhân đề xuất, không mở hộp thoại.
Trình xem ngữ cảnh — Kiểm tra các đoạn ngữ cảnh của lời gọi mô hình, kèm ước tính token, trích dẫn, dấu che dữ liệu và điều khiển sao chép hoặc xuất.
Tập dữ liệu đánh giá — Danh sách ví dụ đánh giá có thể lọc và gắn nhãn, hỗ trợ thêm, xóa, nhập và xuất.
Kết quả đánh giá — Bề mặt chấm điểm theo thang tiêu chí và rà soát thủ công để so sánh các lượt chạy của một ví dụ đánh giá.
Lượt chạy đánh giá — Xem tiến độ trực tiếp của một đợt đánh giá, có tiến độ chung và chi tiết từng ví dụ gồm căn cứ và dấu vết công cụ.
Tóm tắt chính sách — Danh sách chỉ đọc các quyết định về hàng rào an toàn, quyền, riêng tư và chính sách công cụ, giải thích rõ cho phép, từ chối hoặc cần rà soát.
Biểu đồ thác đoạn — Dòng thời gian ngang của các đoạn dấu vết tác nhân, hiển thị bằng thanh theo trạng thái trên cùng trục thời gian.
Dấu vết ngăn xếp — Phân tích dấu vết lỗi JS/TS, trình duyệt và Python thành khung có thể mở, đồng thời gộp khung nội bộ.
Danh sách nhiệm vụ — Theo dõi kế hoạch của tác nhân theo thời gian thực, có thể thu gọn và hiển thị vòng đời từng bước cùng bước con.
Cửa sổ dòng lệnh — Hiển thị đầu ra ANSI chỉ đọc truyền từ tác nhân hoặc công cụ, có tìm kiếm và tự bám cuối.
Kết quả kiểm thử — Tóm tắt bộ kiểm thử đạt hoặc lỗi với số lượng theo trạng thái, nút lọc và chi tiết lỗi tự mở rộng.
Bảng suy nghĩ — Bảng có thể thu gọn để xem bản ghi suy luận trực tiếp hoặc đã rà soát của tác nhân AI.
Hộp thoại duyệt công cụ — Cổng phê duyệt cho con người để cho phép, từ chối hoặc sửa lời gọi công cụ đề xuất trước khi chạy.
Khối lời gọi công cụ — Khối nội dòng có thể mở rộng cho một lời gọi công cụ, hiển thị đối số, lỗi và kết quả.
Thẻ lời gọi công cụ — Thẻ nhỏ tóm tắt tên, trạng thái và thời lượng của một lời gọi công cụ.
Biểu mẫu tham số công cụ — Tạo biểu mẫu có thể sửa từ JSON Schema phẳng của công cụ để điều chỉnh đối số lời gọi.
Hộp thoại kết quả công cụ — Lớp phủ dạng hộp thoại hiển thị trạng thái, thời lượng và toàn bộ chi tiết kết quả của lời gọi công cụ.
Trình xem kết quả công cụ — Hiển thị kết quả lời gọi công cụ bằng bộ hiển thị đã đăng ký, nếu không có thì dùng JSON.
Hộp thoại chọn công cụ — Hộp thoại có tìm kiếm và nhóm theo danh mục để chọn công cụ tác nhân nào được bật.
Dòng thời gian công cụ — Danh sách lời gọi công cụ theo thời gian, có số lần thử lại, bước phê duyệt của con người và che trường nhạy cảm.
Cây dấu vết — Phân cấp đoạn có thể thu gọn của dấu vết tác nhân hoặc LLM, có thanh thời lượng và cột token hoặc chi phí tùy chọn.
Thẻ kết quả — Khung thẻ có viền giúp bộ hiển thị kết quả công cụ tùy chỉnh dùng chung kiểu thẻ nhỏ.
Trường kết quả — Hàng nhãn và giá trị gọn cho thẻ kết quả công cụ và dải siêu dữ liệu dày.
Ứng dụng MCP — Chạy tài nguyên MCP App trong môi trường cô lập và chuyển yêu cầu về ứng dụng chủ thành sự kiện có kiểu.
Xưởng soạn yêu cầu — Không gian làm việc độc lập nhà cung cấp để sửa, xem trước, quản lý phiên bản, lưu và chạy yêu cầu có cấu trúc.
Trình xem lược đồ — Kiểm tra cây JSON Schema có thể chọn, gồm ràng buộc, trường bắt buộc, nhánh kết hợp và vấn đề xác thực.
Bảng tác nhân con — Hiển thị hệ phân cấp các lượt chạy tác nhân con do ứng dụng quản lý, kèm trạng thái, nhiệm vụ, mô hình, tiến độ và thao tác vòng đời.

Truy xuất và đồ thị tri thức

Thẻ cộng đồng — Thẻ tóm tắt cụm cộng đồng trong đồ thị tri thức, có thẻ thành viên và thao tác mở chi tiết.
Trình khám phá vector biểu diễn — Biểu đồ phân tán 2D dễ tiếp cận cho tọa độ biểu diễn do ứng dụng chiếu, có thể tô màu cụm và chọn điểm.
Thẻ thực thể — Thẻ hồ sơ cho một thực thể trong đồ thị tri thức, có huy hiệu loại, thuộc tính, bậc liên kết và thao tác tập trung trên đồ thị.
Thẻ thực thể nội dòng — Đề cập @thực thể trong văn bản tác nhân, có cửa sổ xem trước khi di chuột hoặc lấy tiêu điểm.
Hồ sơ thực thể — Bề mặt chi tiết thực thể gồm tiêu đề, độ tin cậy và thẻ cho quan hệ, đoạn văn hỗ trợ và nguồn gốc.
Đồ thị — Hiển thị quan hệ bằng sơ đồ nút và cạnh định hướng theo lực, có thể kéo và thu phóng.
Chú giải đồ thị — Chú giải loại nút cho đồ thị đi kèm, đồng thời dùng làm bộ lọc hiển thị.
Hàng đợi nạp dữ liệu — Danh sách tài liệu do ứng dụng quản lý đi qua quy trình nạp, hiển thị giai đoạn, tiến độ, số lượng và yêu cầu thử lại hoặc hủy.
Kho tri thức — Danh sách nguồn của kho tri thức phục vụ truy xuất, có trạng thái đồng bộ, sức khỏe lập chỉ mục, quyền và yêu cầu quản lý từng hàng.
Quản trị kho tri thức — Khung thao tác theo thẻ, ghép nguồn kho tri thức với hàng đợi nạp dữ liệu và chuyển thao tác quản lý về ứng dụng chủ.
Trình khám phá đồ thị tri thức — Khung khám phá đồ thị tri thức kết hợp hiển thị đồ thị, tìm thực thể, lọc loại, mở rộng lân cận và tìm đường đi.
Sơ đồ tư duy — Cây chủ đề tỏa tròn có thể mở rộng để duyệt không gian phân cấp và đi sâu vào từng chủ đề.
Danh sách thực thể lân cận — Các hàng quan hệ của một thực thể, có thao tác điều hướng và mở rộng trên đồ thị theo từng hàng.
Bảng chọn nút — Thư viện nút có tìm kiếm và phân loại để kéo hoặc đặt nút lên vùng vẽ luồng.
Dải đường đi — Hiển thị gọn, có thể cuộn chuỗi nút–quan hệ–nút của đường suy luận GraphRAG.
Trình xem đoạn truy xuất — Danh sách đoạn RAG đã truy xuất được xếp hạng, có thanh điểm liên quan và liên kết sâu đến trình xem tài liệu.
Huy hiệu trích dẫn — Dấu trích dẫn [n] nội dòng, có xem trước khi di chuột và màu theo độ tin cậy hoặc trạng thái xác minh.
Tóm tắt căn cứ — Bảng điểm căn cứ theo từng nhận định, hiển thị số lượng hỗ trợ, độ bao phủ trích dẫn, độ tin cậy, cảnh báo và chứng cứ.
Bảng bộ nhớ — Bề mặt bộ nhớ làm việc của tác nhân cho ngữ cảnh ngắn hạn và ký ức dài hạn, có độ tin cậy và thao tác phải xác nhận.
Bảng nguồn gốc — Hiển thị căn cứ của một câu trả lời thành phần chi tiết có thể thu gọn về thực thể, quan hệ, cộng đồng và đoạn tài liệu.
Câu trả lời RAG — Bề mặt câu trả lời có căn cứ, kết hợp Markdown đã làm sạch, huy hiệu trích dẫn, đánh giá căn cứ và xem trước nguồn có thể mở rộng.
Tiến độ nghiên cứu — Hiển thị các bước nghiên cứu và số nguồn do ứng dụng cung cấp, cùng tiến độ hoàn thành tổng thể.
Kết quả truy xuất — Danh sách đoạn truy xuất được xếp hạng, khử trùng lặp, nhóm theo nguồn, hỗ trợ chọn và hiển thị gọn hoặc mở rộng.
Tìm kiếm truy xuất — Thanh truy vấn cho giao diện truy xuất hoặc RAG, có thẻ lọc và phạm vi, chọn chế độ vector, từ khóa hoặc kết hợp và phản hồi trạng thái.
Dấu vết truy xuất — Dòng thời gian các giai đoạn truy xuất, có chứng cứ mở rộng cho từng bước viết lại, nhúng, truy xuất, xếp hạng lại và lọc.
Thẻ nguồn — Mục trích dẫn hiển thị tiêu đề, trang, đoạn trích và toàn văn có thể mở rộng của nguồn.
Danh sách nguồn — Bảng nguồn có thể thu gọn, nhóm các thẻ trích dẫn của một tin nhắn dưới một tiêu đề.
Bộ chọn nguồn — Cây ô đánh dấu để giới hạn nguồn làm căn cứ cho câu trả lời tiếp theo, có thư mục ba trạng thái, chọn tất cả và tìm kiếm.
Chứng cứ nhận định — Đối chiếu các nhận định được tạo với trích dẫn, hiển thị trạng thái hỗ trợ, độ tin cậy và chứng cứ.
Bảng đánh giá RAG — Trình bày chỉ số chất lượng RAG, xu hướng, lát cắt đánh giá và lịch sử lượt chạy từ kết quả do ứng dụng tính toán.
So sánh truy xuất — So sánh cạnh nhau các tập kết quả truy xuất và xếp hạng lại, kèm mức giao nhau và phân tích điểm số.

Biểu mẫu và ô nhập

Nút bấm — Nút thao tác dùng token thiết kế, có nhiều sắc thái, kích cỡ và trạng thái đang tải.
Ô đánh dấu — Điều khiển biểu mẫu kiểu đúng/sai với trạng thái được chọn, bỏ chọn và chưa xác định.
Nhóm ô đánh dấu — Gộp các ô đánh dấu liên quan thành một trường chọn nhiều mục, có xác thực và liên kết với biểu mẫu.
Trình sửa mã — Vùng sửa mã nhiều dòng không cần gói phụ thuộc, có thể hiển thị cột số dòng.
Bộ chọn màu — Ô chọn màu gốc của trình duyệt, liên kết với biểu mẫu và có nhãn, gợi ý cùng thông báo lỗi xác thực.
Hộp chọn kết hợp — Trường chọn một hoặc nhiều mục có thể lọc, kết hợp ô nhập văn bản với danh sách nổi.
Ô nhập ngày — Trường ngày có lịch nổi đi kèm và giá trị theo ISO-8601.
Bộ chọn ngày — Lịch dạng lưới tháng đặt ngay trong trang để chọn một ngày hoặc khoảng ngày.
Bộ chọn emoji — Bộ chọn emoji liên kết với biểu mẫu, có tìm kiếm và điều hướng bằng bàn phím.
Nút biểu tượng — Nút chỉ có biểu tượng, nhỏ gọn và hỗ trợ tiếp cận để kích hoạt thao tác.
Ô nhập — Trường văn bản một dòng, có thể kèm nhãn, gợi ý và thông báo xác thực ngay tại chỗ.
Bộ chọn quốc gia — Chọn mã quốc gia và lãnh thổ với tên đã dịch, cờ và tính năng tìm kiếm tùy chọn.
Bộ chọn tiền tệ — Chọn mã tiền tệ với tên đã dịch, ký hiệu và tính năng tìm kiếm tùy chọn.
Bộ chọn múi giờ — Chọn mã định danh múi giờ từ danh sách có thứ tự, với tính năng tìm kiếm tùy chọn.
Bộ chọn đơn vị — Chọn đơn vị đo với tên đã dịch, ký hiệu và tính năng tìm kiếm tùy chọn.
Bộ chọn ngôn ngữ — Danh sách chọn đóng để đổi ngôn ngữ đang dùng, lấy từ sổ đăng ký ngôn ngữ của thư viện.
Ô nhập số — Trường số có giới hạn tối thiểu, tối đa, bước tăng và xác thực ràng buộc gốc.
Tùy chọn — Mục có thể chọn, cung cấp giá trị, nhãn, nhóm và trạng thái cho hộp chọn kết hợp.
Ô nhập số điện thoại — Trường điện thoại nhận biết quốc gia, cung cấp giá trị biểu mẫu theo chuẩn E.164.
Nút chọn một — Điều khiển liên kết với biểu mẫu để chọn một phương án trong một tập hợp.
Nhóm nút chọn một — Nhóm nút chọn một có nhãn và điều hướng bằng bàn phím.
Biểu mẫu thang đánh giá — Thang chấm điểm, danh mục và nhận xét có thể cấu hình, với luồng gửi rồi chuyển sang mục đánh giá kế tiếp.
Danh sách chọn — Danh sách đóng để chọn một phương án trong tập lựa chọn cố định.
Signature pad — Accessible form control for drawing a signature with pointer or keyboard input.
Thanh trượt — Điều khiển chọn giá trị trong khoảng số, chẳng hạn nhiệt độ của LLM hoặc âm lượng.
Bộ chọn mẫu màu — Bộ chọn một mục trong tập mẫu màu nhỏ, cố định, có sẵn hợp đồng nhóm nút chọn một.
Công tắc — Điều khiển biểu mẫu bật/tắt kiểu đúng/sai với ngữ nghĩa công tắc gốc.
Vùng nhập văn bản — Ô nhập văn bản thuần nhiều dòng, tự tăng chiều cao, có xác thực và phần giao diện biểu mẫu.
Ô nhập giờ — Trường giờ chia đoạn theo ngôn ngữ, kèm bộ chọn dạng cột; nếu muốn bộ chọn giờ gốc của trình duyệt, dùng lr-native-time-input.
Khoảng thời gian — Thanh chọn hai tay nắm để chọn điểm bắt đầu và kết thúc trên miền giá trị số.
Nút bật tắt — Nút hai trạng thái tự quản lý, bật hoặc tắt tùy chọn theo ngữ nghĩa aria-pressed.
Nhóm nút bật tắt — Gom các nút bật tắt vào một điểm dừng phím Tab, hỗ trợ chọn nhiều hoặc chọn một có thể xóa.
Ô nhập giờ gốc — Trường chọn giờ gốc của trình duyệt được bọc bằng nhãn, gợi ý và xác thực của Lyra, dùng khi ưu tiên bộ chọn của nền tảng hơn lr-time-input chia đoạn.
Ô nhập mã dùng một lần — Trường chia đoạn để nhập mã xác minh dùng một lần, có tự điền từ SMS.
Nút chọn dạng nút bấm — Điều khiển chọn một được tạo kiểu như nút bấm thay vì vòng tròn, thường ghép với lr-radio-group thành bộ chọn theo đoạn.
Ô nhập thẻ — Trường liên kết với biểu mẫu để thu thập danh sách thẻ có thể xóa, chẳng hạn nhãn hoặc người nhận.

Hiển thị dữ liệu

Trình tạo truy vấn đồ thị — Trình soạn thảo truy vấn quan hệ hoặc đường đi trong đồ thị có kiểu dữ liệu và liên kết với biểu mẫu; hỗ trợ thực thể gốc, bộ lọc kiểu, giới hạn số bước và truy vấn đã lưu.
Lịch — Lịch theo tháng thích ứng kích thước, có dấu sự kiện và chế độ chương trình nghị sự truy cập được bằng bàn phím.
Đồng hồ ngữ cảnh — Hiển thị mức sử dụng ngân sách token hoặc cửa sổ ngữ cảnh theo từng phân đoạn, dạng thanh hoặc vòng tròn.
Thư viện tài liệu — Danh mục tài liệu có tìm kiếm và lọc theo phiên bản, nhãn, người phụ trách và độ mới; hỗ trợ sắp xếp và chọn hàng loạt.
Danh sách biến môi trường — Danh sách khóa và giá trị của biến môi trường hoặc bí mật, mặc định che giá trị và cho phép hiện hoặc sao chép từng hàng.
Cây tệp — Chế độ khám phá tệp dựa trên thành phần cây, có huy hiệu trạng thái Git và tải thư mục khi cần.
Khung quy trình — Khung có thể kéo và thu phóng để xây dựng và chạy quy trình trực quan dạng đồ thị có hướng không chu trình.
Điều khiển quy trình — Cụm nút thu phóng, vừa khung và khóa cho khung quy trình được ghép nối.
Bản đồ thu nhỏ quy trình — Bản đồ tổng quan ở góc, có hình chữ nhật vùng nhìn có thể kéo cho khung quy trình được ghép nối.
Nút quy trình — Thẻ nút quy trình gồm tiêu đề, sắc thái trạng thái và đầu nối cho khung quy trình.
Trạng thái chạy quy trình — Đưa dấu trạng thái chạy lên khung quy trình và hiển thị dải tóm tắt ngắn gọn các bước.
Phễu — Hiển thị mức giảm tỷ lệ chuyển đổi qua từng giai đoạn bằng các thanh được chuẩn hóa theo giai đoạn đầu.
Đồng hồ đo — Hiển thị một giá trị bằng thước đo dạng cung tròn, vòng tròn hoặc tuyến tính.
Bản đồ nhiệt — Hiển thị ma trận hoặc lưới lịch giá trị thành bản đồ nhiệt trên canvas thích ứng kích thước.
Phân trang — Điều hướng trang có điều khiển, ô nhập để đến trang cụ thể và tóm tắt khoảng mục đang hiển thị.
Trình tạo điều kiện — Trình tạo truy vấn có cấu trúc cho dữ liệu bảng hoặc bảng điều khiển, kết hợp các hàng trường, toán tử và giá trị bằng AND hoặc OR.
Dải chuỗi trạng thái — Dải nhỏ gọn biểu thị chuỗi trạng thái phân loại bằng các ô màu, có thể kèm dấu mốc.
Đồ thị xu hướng nhỏ — Biểu diễn xu hướng của chuỗi dữ liệu bằng SVG nội tuyến nhỏ gọn, dưới dạng đường, vùng tô hoặc cột.
Chỉ số — Trình bày một chỉ số KPI cùng đơn vị, nhãn xu hướng, các hàng phân tích và biểu đồ xu hướng nhỏ tùy chọn.
Bảng dữ liệu — Bảng dữ liệu trình bày có tiêu đề sắp xếp được, chọn hàng, lọc và phân trang.
Dòng thời gian — Chuỗi hàng sự kiện được nối với nhau để thể hiện nhật ký kiểm toán, lịch sử tác nhân và nhật ký thay đổi.
Mục dòng thời gian — Một hàng sự kiện trong dòng thời gian, có dấu màu, tiêu đề, mốc thời gian và mô tả.
Cây — Cấu trúc phân cấp có thể mở rộng hoặc thu gọn để duyệt đồ thị, tài liệu hoặc cây tệp.
Nút cây — Hàng mục cây đệ quy để hiển thị một nút và các nút con bên trong cây.
Đám mây từ — Đám mây nhãn SVG không cần thư viện phụ thuộc, điều chỉnh kích thước từng từ theo trọng số.
Lưới dữ liệu — Lưới dữ liệu ảo hóa cho tập dữ liệu lớn hoặc do máy chủ cung cấp, tích hợp sắp xếp, lọc, nhóm, phân trang và chọn mục.

Biểu đồ

Biểu đồ cột — So sánh giá trị giữa các danh mục bằng cột dọc hoặc thanh ngang.
Biểu đồ hộp — Tóm tắt phân bố từ bộ thống kê năm số đã được tính trước.
Biểu đồ bong bóng — Biểu diễn ba chiều dữ liệu của mỗi điểm qua vị trí x, y và bán kính bong bóng.
Biểu đồ — Bộ bao Chart.js cốt lõi cho biểu đồ đường, cột, tròn và các dạng trực quan hóa dữ liệu khác.
Biểu đồ vành khuyên — Thể hiện tỷ phần trong tổng thể bằng các phân đoạn trên một vòng tròn.
Biểu đồ tần suất — Chia giá trị số thành các khoảng có độ rộng bằng nhau để làm rõ phân bố.
Biểu đồ đường — Theo dõi xu hướng trên một trục liên tục bằng một hoặc nhiều chuỗi điểm nối liền.
Biểu đồ nhẹ — Biểu đồ cột và đường bằng SVG thuần, không cần thư viện phụ thuộc hay Chart.js.
Biểu đồ tròn — Biểu đồ tròn thể hiện tỷ phần của từng giá trị trong một chuỗi dữ liệu.
Biểu đồ vùng cực — Biểu diễn từng danh mục bằng một hình quạt cực có kích thước tỷ lệ với giá trị.
Biểu đồ radar — So sánh nhiều chỉ số của một chuỗi dữ liệu trên lưới hướng tâm.
Biểu đồ phân tán — Biểu diễn các cặp điểm x/y nguyên gốc trên các trục tuyến tính.

Bố cục và điều hướng

Nhóm bảng mở rộng — Điều phối một nhóm bảng nội dung có thể mở, tùy chọn cho phép mở nhiều bảng cùng lúc.
Mục bảng mở rộng — Bảng nội dung có thể thu gọn, được thiết kế để đặt trong một nhóm bảng mở rộng.
Thanh điều hướng ứng dụng — Thanh điều hướng thích ứng từ dạng đầy đủ sang chỉ biểu tượng rồi sang lớp phủ trên di động.
Nhóm thanh điều hướng — Mục có tiêu đề, tùy chọn thu gọn, để nhóm các liên kết trong thanh điều hướng ứng dụng.
Mục thanh điều hướng — Mục điều hướng gồm biểu tượng và nhãn; ở trạng thái thu gọn chỉ hiển thị biểu tượng.
Đường dẫn phân cấp — Dải điều hướng thích ứng cho biết vị trí của người dùng trong cấu trúc trang.
Mục đường dẫn phân cấp — Một liên kết hoặc nhãn trang hiện tại trong dải điều hướng phân cấp.
Nhóm nút — Gom các nút thao tác liên quan thành một cụm thích ứng kích thước và có nhãn.
Thẻ — Bề mặt nội dung có viền và các vị trí cho tiêu đề, phương tiện, chân thẻ và thao tác.
Băng chuyền — Băng chuyền mỗi lần một trang chiếu, hỗ trợ bàn phím, chỉ báo, lặp và tự động chạy.
Mục băng chuyền — Lớp bọc trang chiếu mang ngữ nghĩa tùy chọn, giúp các mục con trong băng chuyền có kiểu nhất quán.
Bảng lệnh — Menu lệnh ứng dụng có tìm kiếm, điều hướng bàn phím và phím tắt.
Nhóm điều khiển — Gom nhiều loại điều khiển biểu mẫu và nút thao tác thành một hàng công cụ được căn giữa, thích ứng kích thước.
Lưới bảng điều khiển — Lưới tiện ích có điều khiển và truy cập bàn phím, thích ứng kích thước; định vị các mục bố cục và phát yêu cầu di chuyển, đổi cỡ hoặc xử lý chồng lấn.
Chi tiết — Bảng nội dung có thể mở rộng, cho phép xem nội dung dưới phần tóm tắt.
Bảng neo — Bảng có thể đổi cỡ và thu gọn, neo vào một cạnh của bố cục hiện có.
Bảng xem sâu — Vỏ điều hướng có điều khiển từ một điểm dữ liệu trên biểu đồ hoặc bảng đến chứng cứ, tài liệu, thực thể hay lượt chạy tác nhân liên quan, kèm đường dẫn phân cấp.
Mục menu thả xuống — Bí danh tương thích Web Awesome cho một hàng thao tác trong menu thả xuống.
Thanh bộ lọc — Hàng bộ lọc bảng điều khiển kết hợp các ô nhập Lyra và thẻ lọc có thể xóa, có trạng thái đặt lại và đang tải.
Menu — Menu thao tác nội tuyến có ngữ nghĩa, hỗ trợ di chuyển tiêu điểm và menu con lồng nhau.
Mục menu — Một hàng thao tác trong menu, tùy chọn có biểu tượng, ô đánh dấu hoặc kiểu cảnh báo hành động nguy hiểm.
Mục sắp xếp lại — Một hàng trong danh sách sắp xếp lại, kết hợp nút chuyển lên hoặc xuống với nội dung tùy ý được đặt vào vị trí.
Danh sách sắp xếp lại — Danh sách hàng có thể đổi thứ tự bằng nút trên từng hàng hoặc phím tắt Ctrl/Cmd cộng phím mũi tên.
Nhãn menu — Tiêu đề mục không tương tác để nhóm các mục liên quan trong menu.
Thanh menu — Thanh menu ứng dụng nằm ngang gồm các menu thả xuống có tiêu đề và hỗ trợ điều hướng hoàn chỉnh bằng bàn phím.
Mục thanh menu — Một tiêu đề cấp cao trên thanh menu, mở menu được đặt bên trong hoặc hoạt động như thao tác đơn.
Menu điều hướng — Menu liên kết và bảng mở rộng trong đầu trang; thu vào sau nút menu khi không đủ chỗ.
Mục menu điều hướng — Một mục trong menu điều hướng: liên kết trang hoặc nút mở bảng nội dung bật ra.
Trang — Vỏ ứng dụng có ngữ nghĩa; vùng điều hướng chuyển giữa cột trên máy tính và ngăn kéo trên di động theo kích thước được cấp cho chính nó.
Bảng thích ứng — Đặt nội dung nội tuyến trên máy tính hoặc hiển thị thành tấm phủ trên di động.
Vùng cuộn — Bề mặt tràn thích ứng kích thước, tùy chọn có nút trước và sau cho các hàng thẻ hoặc tab.
Nhóm lựa chọn đơn — Hàng nút chọn một tùy chọn trong số nhiều lựa chọn có nhãn.
Chia nhiều bảng — Chia bảng điều khiển thành nhiều bảng có thể kéo đổi cỡ, tùy chọn thu gọn theo kích thước.
Bảng chia đôi — Chia nội dung thành hai ô có thể kéo đổi cỡ bằng một thanh phân cách; đơn giản hơn lr-multi-split.
Trình bước — Hướng dẫn người dùng qua quy trình nhiều bước theo thứ tự, với trạng thái từng bước và khả năng nhấp để chuyển bước.
Nhóm thẻ — Dải tab mỗi lần hiển thị một bảng light DOM, hỗ trợ điều hướng hoàn chỉnh bằng bàn phím.
Thẻ tab — Mô tả tab tương thích Web Awesome và Shoelace; ghép với bảng tương ứng trong nhóm tab bằng thuộc tính panel và name.
Bảng tab — Mô tả bảng tương thích Web Awesome và Shoelace; ghép với tab tương ứng trong nhóm tab bằng thuộc tính name và panel.
Danh sách ảo — Khung danh sách chỉ kết xuất các hàng đang hiện trên màn hình cho bộ sưu tập cuộn rất lớn.
Tiện ích — Khung bảng có tiêu đề, tùy chọn thu gọn và mở rộng toàn màn hình.

Lớp phủ và phản hồi

Thông báo nổi — Vùng xếp chồng, neo các thông báo nổi vào một góc màn hình.
Mục thông báo nổi — Một thông báo nổi có thể đóng, với màu thể hiện mức độ, biểu tượng tùy chọn và bộ hẹn giờ tự đóng.
Thẻ nhỏ — Thẻ dạng viên nhỏ cho nhãn, bộ lọc hoặc phạm vi, tùy chọn cho phép xóa hoặc bật tắt.
Nhóm thẻ nhỏ — Bao một nhóm thẻ nhỏ, tùy chọn có nút +N để xem phần vượt quá giới hạn.
Cảnh báo — Thông báo cảnh báo mặc định ở trạng thái đóng, có thể tự ẩn theo thời gian và chuyển vào ngăn xếp thông báo nổi chung.
Huy hiệu — Nhãn trạng thái nhỏ gọn để báo hiệu trạng thái, số lượng hoặc danh mục ngay trong nội dung.
Khung nhắc — Nội dung thông báo nội tuyến cho trạng thái, cảnh báo và lỗi, có thể đóng.
Menu ngữ cảnh — Biến một vùng bất kỳ thành mục tiêu nhấp chuột phải, nhấn giữ hoặc Shift+F10 để mở menu thao tác.
Hộp thoại — Lớp phủ dạng hộp thoại giữ tiêu điểm bên trong, dùng cho xác nhận, biểu mẫu và tác vụ ngắt mạch.
Ngăn kéo — Trượt bảng dạng hộp thoại từ bất kỳ cạnh nào của khung nhìn để hiển thị bộ lọc hoặc điều khiển theo ngữ cảnh.
Menu thả xuống — Bảng bật lên mang vai trò menu, neo danh sách thao tác vào nút kích hoạt do ứng dụng cung cấp.
Trạng thái trống — Thông báo trạng thái trống hoặc không có dữ liệu bằng biểu tượng, lời nhắn và thao tác tùy chọn.
Phím tắt — Thẻ nhận biết nền tảng, hiển thị tổ hợp phím tắt dưới dạng các phím.
Bảng bật lên — Bề mặt nổi mở bằng nhấp chuột và đóng khi nhấp bên ngoài, dùng cho nội dung và điều khiển theo ngữ cảnh.
Bảng neo nổi — Thành phần định vị cấp thấp giữ bảng nổi thẳng hàng với điểm neo; cùng bộ máy được dùng cho bảng bật lên và chú giải.
Thanh tiến độ — Chỉ báo tiến độ ngang xác định hoặc không xác định, tùy chọn hiển thị giá trị.
Vòng tiến độ — Chỉ báo tiến độ hình tròn xác định hoặc không xác định, có nhãn ở giữa.
Đánh giá sao — Điều khiển đánh giá sao truy cập được bằng bàn phím, hỗ trợ tô một phần với độ chính xác phân số.
Khung chờ — Nội dung giữ chỗ có hiệu ứng chuyển động khi nội dung thực đang tải.
Biểu tượng đang tải — Báo hiệu tác vụ nền đang chạy bằng chỉ báo bận có chuyển động và không xác định tiến độ.
Nhãn — Bí danh mang ngữ nghĩa của kiểu huy hiệu để gắn từ khóa hoặc danh mục.
Chú giải nổi — Chú giải mở khi rê chuột hoặc lấy tiêu điểm, mô tả nút kích hoạt do ứng dụng cung cấp.

Trình xem tài liệu và tệp

Trình xem tệp nén — Liệt kê tên tệp và kích thước sau giải nén trong tệp ZIP mà không trích xuất nội dung.
Trình xem lịch — Phân tích tệp lịch .ics và hiển thị sự kiện cùng tóm tắt, thời gian và địa điểm.
Trình xem liên hệ — Tải tài liệu vCard và hiển thị mỗi liên hệ thành một thẻ có thể truy cập.
Trình xem CSV — Tải tệp CSV và hiển thị các hàng trong trang tính cuộn được, có ảo hóa.
Trình xem tập dữ liệu — Tải văn bản phân tách bằng dấu và hiển thị thành bảng dữ liệu có kiểu và có thể truy cập.
So sánh tài liệu — So sánh hai phiên bản tài liệu cạnh nhau hoặc nội tuyến, kết hợp phần khác biệt văn bản với bản xem trước tài liệu đã kết xuất.
Xem trước tài liệu — Xem trước tài liệu hoặc tệp đính kèm ngay trong trang theo kiểu MIME, với tùy chọn tải xuống khi không xem được.
Trình xem tài liệu — Hiển thị tài liệu trong hộp thoại bằng hệ thống đăng ký bộ kết xuất theo kiểu MIME có thể mở rộng.
Trình xem DOCX — Kết xuất tệp DOCX thành HTML có ngữ nghĩa đã được làm sạch bằng bộ chuyển đổi mammoth.
Trình xem sách điện tử — Kết xuất EPUB với điều hướng chương bằng thư viện epub.js tùy chọn.
Trình xem thư điện tử — Phân tích và hiển thị thư .eml với tiêu đề, nội dung đã làm sạch và tệp đính kèm.
Trình xem GeoJSON — Tải, xác thực và hiển thị các đối tượng trong tệp GeoJSON trên bản đồ.
Lớp tô sáng — Lớp phủ vẽ các hình chữ nhật tô sáng có thể kích hoạt lên nội dung tài liệu đã định vị.
Trình xem HTML — Tải nội dung từ URL và hiển thị HTML an toàn sau khi làm sạch.
Chèn nội dung — Tải một đoạn HTML và chèn vào nội dung light DOM của trang sau khi làm sạch.
Trình xem sổ tay — Trình xem sổ tay Jupyter chỉ đọc, kết hợp Markdown, mã và kết quả ô phong phú.
Thanh trang — Thanh ảnh thu nhỏ dọc có ảo hóa để duyệt tài liệu theo từng trang.
Trình xem PDF — Tải và hiển thị các trang PDF, có thu phóng, phân trang và lớp văn bản có thể chọn.
Trình xem PPTX — Trình xem bản trình chiếu PowerPoint PPTX ở phía máy khách theo khả năng hỗ trợ tốt nhất.
Trình xem bảng tính — Tải và hiển thị sổ làm việc .xlsx và .xls cũ, có tab trang tính và hàng được ảo hóa.
Trình xem SVG — Tải từ URL và hiển thị an toàn tài liệu SVG nội tuyến đã được làm sạch.
Trình xem XML — Cây có thể thu gọn và sao chép để kiểm tra tài liệu XML.

Phương tiện và tệp

Thẻ tệp đính kèm — Thẻ nhỏ gọn cho tệp đính kèm tin nhắn, hiển thị trạng thái tải lên, tiến độ và thao tác thử lại.
Ảnh đại diện — Dấu nhận dạng nhỏ hiển thị biểu tượng, hình ảnh hoặc chữ viết tắt dự phòng cho người hay thực thể.
Ảnh động — Phát GIF, APNG hoặc WebP động, có nút phát và tạm dừng, đồng thời tôn trọng tùy chọn giảm chuyển động.
Hiệu ứng chuyển động — Tạo chuyển động cho phần tử con được đặt vào vị trí bằng mẫu định sẵn có tên hoặc khung hình tùy chỉnh.
Nút đính kèm — Nút đính kèm nhỏ gọn mở bộ chọn tệp hoặc menu chức năng trong khung soạn tin nhắn.
Trình phát âm thanh và video — Trình phát âm thanh hoặc video có bản chép lời đồng bộ với mốc phát, dạng sóng và điều khiển tốc độ phát.
Nhóm ảnh đại diện — Xếp các ảnh đại diện chồng nhau thành hàng nhỏ gọn, gộp phần dư vào huy hiệu +N.
Vùng thả tệp — Lớp bọc kéo và thả biến một vùng bất kỳ thành mục tiêu thả tệp mà không tự cung cấp bộ chọn tệp.
Biểu tượng tệp — Huy hiệu loại tệp được bản địa hóa, xác định từ kiểu MIME hoặc tên tệp.
Ô chọn tệp — Vùng nhận tệp bằng kéo thả hoặc nhấp để duyệt, phát ra danh sách tệp đã chọn.
Lá cờ — Lá cờ quốc gia hoặc ngôn ngữ trong khung có thể đổi chủ đề, tùy chọn dạng tròn.
So sánh hình ảnh — Thanh phân cách có thể kéo và điều khiển bằng bàn phím để so sánh ảnh trước và sau cạnh nhau.
Trình xem hình ảnh — Trình xem ảnh raster đầy đủ với kéo, thu phóng, vùng tô sáng có nhãn và chú thích tùy chọn.
Hộp xem ảnh — Trình xem ảnh toàn màn hình dạng hộp thoại, có điều hướng trước và sau cùng chức năng thu phóng.
Bản đồ — Bộ bao bản đồ MapLibre GL với chú giải khai báo, bản đồ tô màu theo giá trị và điểm đánh dấu.
Thẻ phương tiện — Xem trước nội tuyến hình ảnh, video hoặc tệp đính kèm trong tin nhắn trò chuyện.
Kéo và thu phóng — Vùng nhìn cuộn được để kéo và thu phóng nội dung được đặt vào vị trí hoặc một hình ảnh, trong giới hạn mức thu phóng.
Phát chuỗi — Điều khiển phát và tạm dừng, tăng chỉ số qua một khoảng theo bộ hẹn giờ cố định.
Mã QR — Mã hóa giá trị bất kỳ thành mã QR quét được và kết xuất lên canvas.
Video — Trình phát video nội tuyến với điều khiển tùy chỉnh, phụ đề có thể chọn và ảnh xem trước.
Danh sách phát video — Phát một chuỗi video trong danh sách có điều hướng, tự chuyển sang video kế tiếp khi video hiện tại kết thúc.
Khung có thể thu phóng — Bản xem trước iframe cách ly với các mức thu phóng rời rạc; bề mặt kiểm tra nội dung hoặc ảnh trước đây dùng lr-pan-zoom.

Tiện ích

Trình quan sát giao cắt — Phát các bản ghi giao cắt gốc khi mục tiêu được đặt vào vị trí đi vào hoặc ra khỏi khung nhìn.
Trình quan sát thay đổi — Theo dõi DOM được đặt vào vị trí để phát hiện thay đổi phần tử và thuộc tính, rồi chuyển tiếp bản ghi thay đổi gốc.
Trình quan sát kích thước — Theo dõi các phần tử được đặt vào vị trí và phát bản ghi đổi cỡ có kiểu dữ liệu, không có giao diện hiển thị.
Nút sao chép — Nút chỉ có biểu tượng, sao chép giá trị văn bản vào bộ nhớ tạm và phản hồi bằng dấu kiểm.
Trình xem khác biệt — Kết xuất khác biệt thực giữa hai chuỗi theo dòng, dưới dạng bản diff hợp nhất có mã màu.
Dải phân cách — Dải phân cách mang ngữ nghĩa, có thể đổi chủ đề, để chia nội dung theo chiều ngang hoặc dọc.
Nút xuất dữ liệu — Tải dữ liệu bảng xuống dưới dạng CSV hoặc JSON, theo một định dạng hoặc qua menu chọn định dạng.
Định dạng dung lượng — Định dạng kích thước theo byte phù hợp ngôn ngữ, có thể chỉnh bước đơn vị và độ chính xác.
Định dạng ngày giờ — Định dạng ngày và giờ phù hợp ngôn ngữ bằng Intl.DateTimeFormat.
Định dạng số — Định dạng số, tiền tệ và dạng rút gọn phù hợp ngôn ngữ bằng Intl.NumberFormat.
Biểu tượng — Kết xuất các nét SVG nội tuyến sắc nét từ bộ đường dẫn có tên tích hợp, không cần thư viện phụ thuộc.
Trình xem JSON — Cây có thể thu gọn và sao chép để kiểm tra nội dung JSON bất kỳ.
Ngày đã biết — Ô nhập ngày gồm ba trường ngày, tháng và năm cho ngày người dùng đã biết.
Vùng thông báo trực tiếp — Vùng ARIA được ẩn về mặt thị giác, điều tiết thông báo cho trình đọc màn hình.
Bảng gợi ý nhắc tên — Tự động hoàn thành @nhắc tên và lệnh gạch chéo trong ô văn bản, neo tại vị trí con trỏ.
Trạng thái làm mới — Đếm ngược đến lần làm mới theo lịch tiếp theo, tích hợp điều khiển tạm dừng và tiếp tục.
Nội dung luân phiên — Luân phiên nội dung con được đặt vào vị trí theo thứ tự ngẫu nhiên hoặc tuần tự, dùng cho bản sao A/B và lời chứng thực.
Thời gian tương đối — Hiển thị mốc thời gian tương đối phù hợp ngôn ngữ và tự làm mới.
Hướng dẫn tham quan — Hướng dẫn từng bước với vùng làm nổi bật cho lần đầu người dùng làm quen sản phẩm.
Ẩn thị giác — Ẩn nội dung khỏi màn hình nhưng vẫn để trình đọc màn hình truy cập, và hiện lại khi có tiêu điểm.