refactor(canvas): host A2UI via gateway

apps/shared/ClawdisKit/Tools/CanvasA2UI/bootstrap.js

@@ -8,14 +8,17 @@ import { themeContext } from "@clawdis/a2ui-theme-context";
 
 const modalStyles = css`
   dialog {
+    position: fixed;
+    inset: 0;
+    width: 100%;
+    height: 100%;
+    margin: 0;
     padding: 24px;
     border: none;
-    background: none;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    max-width: calc(100vw - 32px);
-    max-height: calc(100vh - 32px);
+    background: rgba(5, 8, 16, 0.65);
+    backdrop-filter: blur(6px);
+    display: grid;
+    place-items: center;
   }
 
   dialog::backdrop {

apps/shared/ClawdisKit/Tools/CanvasA2UI/rolldown.config.mjs

@@ -5,7 +5,14 @@ import { defineConfig } from "rolldown";
 const here = path.dirname(fileURLToPath(import.meta.url));
 const repoRoot = path.resolve(here, "../../../../..");
 const fromHere = (p) => path.resolve(here, p);
-const outputFile = path.resolve(here, "../../Sources/ClawdisKit/Resources/CanvasA2UI/a2ui.bundle.js");
+const outputFile = path.resolve(
+  here,
+  "../../../../..",
+  "src",
+  "canvas-host",
+  "a2ui",
+  "a2ui.bundle.js",
+);
 
 const a2uiLitDist = path.resolve(repoRoot, "vendor/a2ui/renderers/lit/dist/src");
 const a2uiThemeContext = path.resolve(a2uiLitDist, "0.8/ui/context/theme.js");