feat: add BitFun Canvas support

Cargo.toml

@@ -138,6 +138,7 @@ sse-stream = "0.2.3"
 which = "8.0"
 similar = "2.5"
 urlencoding = "2.1"
+oxc = { version = "0.138.0", default-features = false, features = ["ast_visit", "codegen", "semantic", "transformer"] }
 
 # Tauri (desktop only)
 tauri = { version = "2.11", features = ["unstable", "macos-private-api", "tray-icon"] }

scripts/audit-theme-colors.mjs

@@ -869,7 +869,7 @@ function audit(options) {
         incrementMap(tokenColorCounts, color);
       } else if (exceptionFile) {
         incrementMap(exceptionColorCounts, color);
-      } else {
+      } else if (colorDomain === 'appUi') {
         componentColorOccurrences += 1;
         incrementMap(componentColorCounts, color);
         addToSetMap(componentColorFiles, color, relativePath);

scripts/core-boundaries/rules/feature-rules.mjs

@@ -55,7 +55,7 @@ export const optionalDependencyFeatureOwnerRules = [
         ownerFeatures: ['mcp', 'miniapp-runtime', 'remote-connect', 'remote-ssh-concrete'],
       },
       { depName: 'bitfun-agent-runtime', ownerFeatures: ['deep-research'] },
-      { depName: 'bitfun-product-domains', ownerFeatures: ['function-agents', 'miniapp-runtime'] },
+      { depName: 'bitfun-product-domains', ownerFeatures: ['canvas-runtime', 'function-agents', 'miniapp-runtime'] },
       { depName: 'bitfun-runtime-ports', ownerFeatures: ['remote-connect'] },
       {
         depName: 'bitfun-services-core',
@@ -73,6 +73,7 @@ export const optionalDependencyFeatureOwnerRules = [
       { depName: 'mac_address', ownerFeatures: ['remote-connect'] },
       { depName: 'md5', ownerFeatures: ['remote-connect'] },
       { depName: 'notify', ownerFeatures: ['file-watch'] },
+      { depName: 'oxc', ownerFeatures: ['canvas-runtime'] },
       { depName: 'qrcode', ownerFeatures: ['remote-connect'] },
       { depName: 'rand', ownerFeatures: ['mcp', 'remote-connect', 'remote-ssh-concrete'] },
       { depName: 'reqwest', ownerFeatures: ['announcement', 'browser-control', 'debug-log', 'mcp', 'miniapp-runtime', 'remote-connect', 'review-platform', 'web-tools'] },
@@ -83,16 +84,16 @@ export const optionalDependencyFeatureOwnerRules = [
       { depName: 'rustls', ownerFeatures: ['remote-connect'] },
       { depName: 'rustls-native-certs', ownerFeatures: ['remote-connect'] },
       { depName: 'schannel', ownerFeatures: ['remote-connect'] },
-      { depName: 'sha2', ownerFeatures: ['remote-connect', 'remote-ssh'] },
+      { depName: 'sha2', ownerFeatures: ['canvas-runtime', 'remote-connect', 'remote-ssh'] },
       { depName: 'shellexpand', ownerFeatures: ['remote-ssh-concrete'] },
       { depName: 'sse-stream', ownerFeatures: ['mcp'] },
       { depName: 'ssh_config', ownerFeatures: ['remote-ssh-concrete', 'ssh_config'] },
       { depName: 'terminal-core', ownerFeatures: ['remote-ssh-concrete'] },
       { depName: 'thiserror', ownerFeatures: ['browser-control', 'git', 'remote-ssh-concrete', 'review-platform', 'web-tools', 'workspace-search'] },
       { depName: 'tokio-tungstenite', ownerFeatures: ['remote-connect'] },
       { depName: 'tokio-util', ownerFeatures: ['remote-ssh'] },
-      { depName: 'urlencoding', ownerFeatures: ['remote-connect'] },
-      { depName: 'uuid', ownerFeatures: ['miniapp-runtime', 'remote-connect', 'remote-ssh-concrete'] },
+      { depName: 'urlencoding', ownerFeatures: ['canvas-runtime', 'remote-connect'] },
+      { depName: 'uuid', ownerFeatures: ['canvas-runtime', 'miniapp-runtime', 'remote-connect', 'remote-ssh-concrete'] },
       { depName: 'which', ownerFeatures: ['miniapp-runtime', 'remote-connect', 'workspace-search'] },
       { depName: 'x25519-dalek', ownerFeatures: ['remote-connect'] },
     ],
@@ -161,6 +162,7 @@ export const ownerCrateFeatureAssemblyRules = [
       'computer-use',
       'image-analysis',
       'miniapp',
+      'canvas',
       'agent-control',
     ],
   },
@@ -170,6 +172,7 @@ export const ownerCrateFeatureAssemblyRules = [
     requiredProductFullFeatures: [
       'announcement',
       'browser-control',
+      'canvas-runtime',
       'debug-log',
       'deep-research',
       'file-watch',

scripts/core-boundaries/self-test.mjs

@@ -3014,6 +3014,8 @@ export function runManifestParserSelfTest({
         'bitfun-product-domains = \\{ path = "\\.\\.\\/\\.\\.\\/contracts\\/product-domains", default-features = false, optional = true \\}',
         'dep:bitfun-ai-adapters',
         'ai-adapter-runtime',
+        'canvas-runtime',
+        'bitfun-services-integrations\\/canvas-runtime',
         'bitfun-services-integrations\\/function-agents',
         'bitfun-services-integrations\\/miniapp-runtime',
         'dep:bitfun-product-capabilities',

scripts/theme-color-governance-baseline.json

@@ -87,7 +87,7 @@
       "max": 0
     },
     "colorDomainContracts.registeredUnique": {
-      "max": 13
+      "max": 14
     },
     "colorDomainContracts.missingRegisteredUnique": {
       "max": 0
@@ -179,6 +179,12 @@
     "colorDomainNearPairs.generatedWidget.nearTotal": {
       "max": 0
     },
+    "colorDomainNearPairs.bitfunCanvas.indistinguishableTotal": {
+      "max": 0
+    },
+    "colorDomainNearPairs.bitfunCanvas.nearTotal": {
+      "max": 0
+    },
     "colorDomainNearPairs.boundaryFallback.indistinguishableTotal": {
       "max": 0
     },
@@ -257,6 +263,12 @@
     "colorDomainScopes.generatedWidget.uniqueColors": {
       "max": 0
     },
+    "colorDomainScopes.bitfunCanvas.occurrences": {
+      "max": 0
+    },
+    "colorDomainScopes.bitfunCanvas.uniqueColors": {
+      "max": 0
+    },
     "colorDomainScopes.boundaryFallback.occurrences": {
       "max": 18
     },

scripts/theme-css-var-contract.mjs

@@ -21,6 +21,7 @@ export const CONTRACT_VAR_DEFINITION_PATH_PARTS = [
   'component-library/styles',
   'infrastructure/theme',
   'src/mobile-web/src/theme/presets',
+  'tools/bitfun-canvas/runtime/styles',
   'tools/generative-widget/themePayload.ts',
 ];
 
@@ -68,6 +69,11 @@ export const COLOR_DOMAIN_RULES = [
     label: 'Generated widget',
     pathParts: ['tools/generative-widget'],
   },
+  {
+    key: 'bitfunCanvas',
+    label: 'BitFun Canvas',
+    pathParts: ['tools/bitfun-canvas'],
+  },
   {
     key: 'boundaryFallback',
     label: 'Boundary fallback',
@@ -157,6 +163,12 @@ export const COLOR_DOMAIN_CONTRACTS = [
     reason: 'Generated widgets run in an isolated iframe boundary and need an explicit payload instead of scraping host CSS variables.',
     mergePolicy: 'Keep payload variables canonical; keep legacy aliases in iframe fallback until widget consumers no longer read them.',
   },
+  {
+    key: 'bitfunCanvas',
+    owner: 'src/web-ui/src/tools/bitfun-canvas',
+    reason: 'BitFun Canvas renders generated TSX inside a dedicated iframe runtime with an SDK palette that must stay isolated from app chrome tokens.',
+    mergePolicy: 'Keep Canvas iframe and SDK colors in the Canvas runtime contract; promote only reusable host chrome roles to shared app tokens.',
+  },
   {
     key: 'boundaryFallback',
     owner: 'src/web-ui/src/shared/theme/themeBoundaryFallbacks.ts',
@@ -292,6 +304,11 @@ export const SURFACE_TOKEN_RENAME_CONTRACTS = [
 ];
 
 export const DYNAMIC_VAR_FAMILY_CONTRACTS = [
+  {
+    prefix: '--bitfun-canvas-',
+    owner: 'src/web-ui/src/tools/bitfun-canvas/runtime/canvasRuntimeInstaller.ts; src/web-ui/src/tools/bitfun-canvas/runtime/styles/canvas-runtime.scss',
+    reason: 'BitFun Canvas iframe runtime receives host theme values through a scoped CSS variable family that must stay isolated from app root tokens.',
+  },
   {
     prefix: '--blur-',
     owner: 'src/web-ui/src/infrastructure/theme/core/ThemeService.ts',

src/apps/desktop/Cargo.toml

@@ -20,6 +20,8 @@ serde_json = { workspace = true }
 [dependencies]
 # Internal crates
 bitfun-core = { path = "../../crates/assembly/core", default-features = false, features = ["product-full"] }
+bitfun-product-domains = { path = "../../crates/contracts/product-domains", default-features = false }
+bitfun-services-integrations = { path = "../../crates/services/services-integrations", default-features = false, features = ["canvas-runtime"] }
 bitfun-agent-tools = { path = "../../crates/execution/tool-contracts" }
 bitfun-transport = { path = "../../crates/adapters/transport", features = ["tauri-adapter"] }
 bitfun-webdriver = { path = "../../crates/adapters/webdriver" }