---
read_when:
    - 移轉 Canvas 主機、工具、命令、文件或協定的所有權
    - 稽核 Canvas 是否仍由核心擁有
    - 準備或審查實驗性 Canvas 外掛的 PR
summary: 將 Canvas 從核心移出並移至隨附的實驗性外掛之規劃與稽核檢查清單。
title: Canvas 外掛重構
x-i18n:
    generated_at: "2026-07-11T21:47:10Z"
    model: gpt-5.6
    postprocess_version: locale-links-v1
    provider: openai
    source_hash: 1470edb74d5f8fe96224d38821ba0b3b13f8ce756124125af64fc3e49df0fcb8
    source_path: refactor/canvas.md
    workflow: 16
---

# Canvas 外掛重構

Canvas 使用率低且仍處於實驗階段。應將其視為隨附外掛，而非核心功能。核心可以保留通用的閘道、節點、HTTP、驗證、設定及原生用戶端管線，但 Canvas 特有的行為應置於 `extensions/canvas` 下。

## 目標

將 Canvas 的所有權移至 `extensions/canvas`，同時保留目前的配對節點行為：

- 面向代理程式的 `canvas` 工具由 Canvas 外掛註冊
- 只有在 Canvas 外掛註冊 Canvas 節點命令時，才允許使用這些命令
- A2UI 主機／原始碼檔案位於 Canvas 外掛下
- Canvas 文件具現化功能位於 Canvas 外掛下
- 命令列介面命令實作位於 Canvas 外掛下，或透過外掛擁有的執行階段匯出入口委派
- 文件與外掛清單將 Canvas 描述為實驗性且由外掛提供支援

## 非目標

- 此次重構不會重新設計原生應用程式的 Canvas 使用者介面。
- 除非另有產品決策認定應刪除 Canvas，否則不會移除 iOS、Android 或 macOS 的 Canvas 協定／用戶端支援。
- 除非至少另一個隨附外掛也需要相同介面，否則不會只為 Canvas 建立廣泛的外掛服務框架。

## 目前分支狀態

已完成：

- 已在 `extensions/canvas` 新增隨附外掛套件。
- 已新增 `extensions/canvas/openclaw.plugin.json`。
- 已將代理程式的 `canvas` 工具從 `src/agents/tools/canvas-tool.ts` 移至 `extensions/canvas/src/tool.ts`。
- 已從 `src/agents/openclaw-tools.ts` 移除核心對 `createCanvasTool` 的註冊。
- 已將 Canvas 主機實作從 `src/canvas-host` 移至 `extensions/canvas/src/host`。
- 保留 `extensions/canvas/runtime-api.ts` 作為外掛擁有的相容性匯出入口，供測試、封裝及外部公開 Canvas 輔助函式使用。
- 已將 Canvas 文件具現化功能從 `src/gateway/canvas-documents.ts` 移至 `extensions/canvas/src/documents.ts`。
- 已將 Canvas 命令列介面實作及 A2UI JSONL 輔助函式移至 `extensions/canvas/src/cli.ts`。
- 已將 Canvas 主機 URL 及具範圍限制的能力輔助函式移至 `extensions/canvas/src`。
- 已將 Canvas 節點命令預設值移出硬編碼的核心清單，改置於外掛的 `nodeInvokePolicies`。
- 已在 `plugins.entries.canvas.config.host` 新增外掛擁有的 Canvas 主機設定。
- 已將 Canvas 與 A2UI HTTP 服務置於 Canvas 外掛的 HTTP 路由註冊之後。
- 已為外掛擁有的 HTTP 路由新增通用外掛 WebSocket 升級分派。
- 已使用通用託管外掛介面及節點能力輔助函式，取代 Canvas 特有的閘道主機 URL 與節點能力驗證。
- 已新增外掛擁有的託管媒體解析器，使 Canvas 文件 URL 透過 Canvas 外掛解析，而非由核心匯入 Canvas 文件內部實作。
- 已新增 `api.registerNodeCliFeature(...)`，讓 Canvas 可將 `openclaw nodes canvas` 宣告為外掛擁有的節點功能，而無須手動寫出父命令路徑。
- 已移除正式環境 `src/**` 對 `extensions/canvas/runtime-api.js` 的匯入。
- 已將 A2UI 套件組合原始碼從 `apps/shared/OpenClawKit/Tools/CanvasA2UI` 移至 `extensions/canvas/src/host/a2ui-app`。
- 已將 A2UI 建置／複製實作移至 `extensions/canvas/scripts` 下，並以通用隨附外掛資產掛鉤取代根目錄建置接線。
- 已移除執行階段舊版頂層 `canvasHost` 設定別名。
- 保留 Canvas doctor 遷移，讓 `openclaw doctor --fix` 將舊的 `canvasHost` 設定重寫為 `plugins.entries.canvas.config.host`。
- 已在閘道協定 v4 後移除舊版代理程式 Canvas 協定相容性。原生用戶端與閘道現在僅使用 `pluginSurfaceUrls.canvas` 加上 `node.pluginSurface.refresh`；此次實驗性重構刻意不支援已棄用的 `canvasHostUrl`、`canvasCapability` 及 `node.canvas.capability.refresh` 路徑。
- 已更新產生的外掛清單以納入 Canvas。
- 已在 `docs/plugins/reference/canvas.md` 新增外掛參考文件。

已知仍由核心擁有的 Canvas 介面：

- `apps/` 下的原生應用程式 Canvas 處理常式仍刻意使用 Canvas 外掛介面
- `apps/` 下的原生應用程式 Canvas 協定／用戶端處理常式
- 為了向後相容的執行階段查找，已發布成品的輸出仍使用 `dist/canvas-host/a2ui`，但複製步驟現在由外掛擁有

## 目標形態

`extensions/canvas` 應擁有：

- 外掛資訊清單與套件中繼資料
- 代理程式工具註冊
- 節點叫用命令原則
- Canvas 主機與 A2UI 執行階段
- Canvas A2UI 套件組合原始碼及資產建置／複製指令碼
- Canvas 文件建立及資產解析
- Canvas 命令列介面實作
- Canvas 文件頁面及外掛清單項目

核心只應擁有通用介面：

- 外掛探索與註冊
- 通用代理程式工具登錄
- 通用節點叫用原則登錄
- 通用閘道 HTTP／驗證及 WebSocket 升級分派
- 通用託管外掛介面 URL 解析
- 通用託管媒體解析器註冊
- 通用節點能力傳輸
- 通用設定管線
- 通用隨附外掛資產掛鉤探索

原生應用程式可保留 Canvas 命令處理常式，作為協定的用戶端。它們不是外掛執行階段的擁有者。

## 遷移步驟

1. 將 `plugins.entries.canvas.config.host` 視為外掛擁有的設定介面。
2. 更新文件，將 Canvas 描述為實驗性隨附外掛。
3. 執行聚焦的 Canvas 測試、外掛清單檢查、外掛 SDK API 檢查，以及受執行階段邊界影響的建置／型別關卡。

## 稽核檢查清單

在宣布重構完成之前：

- `rg "src/canvas-host|../canvas-host"` 不會傳回任何仍在使用的原始碼匯入。
- `rg "canvas-tool|createCanvasTool" src` 找不到任何由核心擁有的 Canvas 工具實作。
- `rg "canvas.present|canvas.snapshot|canvas.a2ui" src/gateway` 找不到通用外掛原則測試之外的硬編碼允許清單預設值。
- `rg "extensions/canvas/runtime-api" src --glob '!**/*.test.ts'` 的結果為空。
- `rg "canvas-documents" src` 的結果為空。
- `rg "registerNodesCanvasCommands|nodes-canvas" src` 的結果為空；Canvas 外掛透過巢狀外掛命令列介面中繼資料註冊 `openclaw nodes canvas`。
- `rg "createCanvasHostHandler|handleA2uiHttpRequest" src/gateway` 不會傳回任何由閘道執行階段擁有的實作。
- `rg "apps/shared/OpenClawKit/Tools/CanvasA2UI|canvas-a2ui-copy|extensions/canvas/src/host/a2ui" scripts .github package.json` 只會找到相容性包裝器或外掛擁有的路徑。
- `pnpm plugins:inventory:check` 通過。
- `pnpm plugin-sdk:api:check` 通過，或已刻意更新並審查產生的 API 基準。
- 目標 Canvas 測試通過。
- Canvas 主機／A2UI 路徑的變更通道測試通過。
- PR 內容明確指出 Canvas 為實驗性且由外掛提供支援。

## 驗證命令

反覆開發時使用目標明確的本機檢查：

```sh
pnpm test extensions/canvas/src/host/server.test.ts extensions/canvas/src/host/server.state-dir.test.ts extensions/canvas/src/host/file-resolver.test.ts
pnpm test src/gateway/server.plugin-node-capability-auth.test.ts src/gateway/server-import-boundary.test.ts
pnpm test extensions/canvas/src/config-migration.test.ts src/commands/doctor-legacy-config.migrations.test.ts
pnpm test test/scripts/changed-lanes.test.ts test/scripts/build-all.test.ts extensions/canvas/scripts/bundle-a2ui.test.ts test/scripts/bundled-plugin-assets.test.ts extensions/canvas/scripts/copy-a2ui.test.ts src/infra/run-node.test.ts
pnpm tsgo:extensions
pnpm plugins:inventory:check
pnpm plugin-sdk:api:check
```

若執行階段匯出入口、延遲匯入、封裝或已發布的外掛介面有所變更，請在推送前執行 `pnpm build`。