Chuyển đến nội dung chính

Documentation Index

Fetch the complete documentation index at: https://docs.openclaw.ai/llms.txt

Use this file to discover all available pages before exploring further.

Ứng dụng macOS nhúng một bảng Canvas do tác nhân điều khiển bằng WKWebView. Đây là một không gian làm việc trực quan nhẹ cho HTML/CSS/JS, A2UI và các bề mặt UI tương tác nhỏ.

​
Nơi Canvas tồn tại

Trạng thái Canvas được lưu trong Application Support:
  • ~/Library/Application Support/OpenClaw/canvas/<session>/...
Bảng Canvas phục vụ các tệp đó qua một lược đồ URL tùy chỉnh:
  • openclaw-canvas://<session>/<path>
Ví dụ:
  • openclaw-canvas://main/ → <canvasRoot>/main/index.html
  • openclaw-canvas://main/assets/app.css → <canvasRoot>/main/assets/app.css
  • openclaw-canvas://main/widgets/todo/ → <canvasRoot>/main/widgets/todo/index.html
Nếu không có index.html ở thư mục gốc, ứng dụng sẽ hiển thị một trang khung dựng sẵn.

​
Hành vi của bảng

  • Bảng không viền, có thể đổi kích thước, được neo gần thanh menu (hoặc con trỏ chuột).
  • Ghi nhớ kích thước/vị trí theo từng phiên.
  • Tự động tải lại khi các tệp canvas cục bộ thay đổi.
  • Mỗi lần chỉ hiển thị một bảng Canvas (phiên được chuyển khi cần).
Có thể tắt Canvas từ Cài đặt → Cho phép Canvas. Khi bị tắt, các lệnh node canvas trả về CANVAS_DISABLED.

​
Bề mặt API của tác nhân

Canvas được cung cấp qua Gateway WebSocket, nên tác nhân có thể:
  • hiển thị/ẩn bảng
  • điều hướng đến một đường dẫn hoặc URL
  • đánh giá JavaScript
  • chụp ảnh snapshot
Ví dụ CLI: 
openclaw nodes canvas present --node <id>
openclaw nodes canvas navigate --node <id> --url "/"
openclaw nodes canvas eval --node <id> --js "document.title"
openclaw nodes canvas snapshot --node <id>
Ghi chú:
  • canvas.navigate chấp nhận đường dẫn canvas cục bộ, URL http(s) và URL file://.
  • Nếu bạn truyền "/", Canvas sẽ hiển thị khung dựng cục bộ hoặc index.html.

​
A2UI trong Canvas

A2UI được lưu trữ bởi máy chủ canvas của Gateway và được kết xuất bên trong bảng Canvas. Khi Gateway quảng bá một máy chủ Canvas, ứng dụng macOS tự động điều hướng đến trang máy chủ A2UI trong lần mở đầu tiên. URL máy chủ A2UI mặc định: 
http://<gateway-host>:18789/__openclaw__/a2ui/

​
Lệnh A2UI (v0.8)

Canvas hiện chấp nhận các thông điệp máy chủ→máy khách A2UI v0.8:
  • beginRendering
  • surfaceUpdate
  • dataModelUpdate
  • deleteSurface
createSurface (v0.9) chưa được hỗ trợ. Ví dụ CLI: 
cat > /tmp/a2ui-v0.8.jsonl <<'EOFA2'
{"surfaceUpdate":{"surfaceId":"main","components":[{"id":"root","component":{"Column":{"children":{"explicitList":["title","content"]}}}},{"id":"title","component":{"Text":{"text":{"literalString":"Canvas (A2UI v0.8)"},"usageHint":"h1"}}},{"id":"content","component":{"Text":{"text":{"literalString":"If you can read this, A2UI push works."},"usageHint":"body"}}}]}}
{"beginRendering":{"surfaceId":"main","root":"root"}}
EOFA2

openclaw nodes canvas a2ui push --jsonl /tmp/a2ui-v0.8.jsonl --node <id>
Kiểm tra nhanh: 
openclaw nodes canvas a2ui push --node <id> --text "Hello from A2UI"

​
Kích hoạt lượt chạy tác nhân từ Canvas

Canvas có thể kích hoạt các lượt chạy tác nhân mới qua liên kết sâu:
  • openclaw://agent?...
Ví dụ (trong JS): 
window.location.href = "openclaw://agent?message=Review%20this%20design";
Ứng dụng sẽ yêu cầu xác nhận trừ khi có khóa hợp lệ được cung cấp.

​
Ghi chú bảo mật

  • Lược đồ Canvas chặn việc duyệt thư mục; các tệp phải nằm trong thư mục gốc của phiên.
  • Nội dung Canvas cục bộ dùng một lược đồ tùy chỉnh (không cần máy chủ local loopback).
  • URL http(s) bên ngoài chỉ được phép khi được điều hướng rõ ràng.

​
Liên quan