@ggui-ai/iframe-runtime 0.6.0 → 0.6.2

package/dist/mcp-app-iframe-host.d.ts

@@ -6,8 +6,9 @@
  *
  * The iframe plays the MCP Apps HOST role for the embedded content:
  *
- *   - `ui/initialize` → respond with minimal context (theme +
- *     containerDimensions + locale).
+ *   - `ui/initialize` → respond with a spec-canonical
+ *     `McpUiInitializeResult` whose `hostContext` carries minimal
+ *     context (locale + containerDimensions).
  *   - `tools/call` → forward to the ggui server's
  *     `/mcp-apps/tools-call` endpoint. The server enforces source
  *     connector scoping + `_meta.ui.visibility: ['app']`.
@@ -46,8 +47,6 @@ export interface McpAppIframeMountOptions {
      *  NOT have a trailing slash. Empty string = same-origin.
      */
     readonly serverBaseUrl?: string;
-    /** Optional theme override for the `ui/initialize` context. */
-    readonly theme?: Readonly<Record<string, string>>;
     /** Optional locale; defaults to `navigator.language` when
      *  available. */
     readonly locale?: string;

package/dist/mcp-app-iframe-host.js

@@ -1,11 +1,5 @@
-/** Default permissive-but-safe theme for iframes that don't override. */
-const DEFAULT_THEME = {
-    '--color-primary': '#0284c7',
-    '--color-surface': '#ffffff',
-    '--color-text': '#111111',
-    '--font-family': 'system-ui, -apple-system, sans-serif',
-    '--border-radius-md': '8px',
-};
+import { LATEST_PROTOCOL_VERSION, } from '@modelcontextprotocol/ext-apps';
+const EMBED_HOST_VERSION = typeof __GGUI_RUNTIME_VERSION__ === 'string' ? __GGUI_RUNTIME_VERSION__ : 'dev';
 // =============================================================================
 // Helpers
 // =============================================================================
@@ -108,16 +102,28 @@ export function mountMcpAppIframe(container, opts) {
         let response;
         switch (req.method) {
             case 'ui/initialize': {
-                response = {
-                    jsonrpc: '2.0',
-                    id,
-                    result: {
-                        theme: opts.theme ?? DEFAULT_THEME,
-                        containerDimensions: dims,
+                // Spec-canonical `McpUiInitializeResult` — a spec-compliant
+                // embedded app connects via ext-apps `App.connect`, which
+                // zod-requires `protocolVersion` + `hostInfo` +
+                // `hostCapabilities` + `hostContext`; the pre-App draft shape
+                // fails that gate and kills the embedded mount. Adapter
+                // boundary — `hostContext` carries `{locale,
+                // containerDimensions}` ONLY (no outer ggui render state).
+                const requestedRaw = req.params?.['protocolVersion'];
+                const requested = typeof requestedRaw === 'string' && requestedRaw.length > 0
+                    ? requestedRaw
+                    : LATEST_PROTOCOL_VERSION;
+                const result = {
+                    protocolVersion: requested,
+                    hostInfo: { name: 'ggui-iframe-runtime-embed-host', version: EMBED_HOST_VERSION },
+                    hostCapabilities: {},
+                    hostContext: {
                         locale: opts.locale ??
                             (typeof navigator !== 'undefined' ? navigator.language : 'en-US'),
+                        containerDimensions: dims,
                     },
                 };
+                response = { jsonrpc: '2.0', id, result };
                 break;
             }
             case 'tools/call': {

package/dist/provisional-renderer.js

@@ -49,10 +49,10 @@ import { parseServerMessage, } from '@ggui-ai/preview-a2ui';
 import { Button, Card, Checkbox, Divider, Heading, Icon, Image, Input, Row, Select, Spinner, Stack, Text, } from '@ggui-ai/design/primitives';
 import { PreviewFragmentEnter, PreviewSurface, StreamingText, } from '@ggui-ai/design/preview';
 // A2UI Text carries INLINE markdown (the block level comes from
-// `variant`) — rendered through the shared @silverprotocol/richtext
-// subset via the design system's inline renderer. Streaming-safe:
-// prefixes parse to stable ASTs, so re-emitting a longer `text`
-// only extends the trailing construct.
+// `variant`) — rendered through the design system's own rich-text
+// subset (`@ggui-ai/design/richtext`) via its inline renderer.
+// Streaming-safe: prefixes parse to stable ASTs, so re-emitting a
+// longer `text` only extends the trailing construct.
 import { MarkdownInline } from '@ggui-ai/design';
 const A2UI_ROOT_ID = 'root';
 const EMPTY_STATE = {
@@ -158,7 +158,7 @@ function renderComponent(component, all) {
             const headingMatch = /^h([1-6])$/.exec(variant);
             if (headingMatch) {
                 const level = Number(headingMatch[1]);
-                return wrap(createElement(Heading, { level }, createElement(StreamingText, null, createElement(MarkdownInline, { text: component.text }))));
+                return wrap(createElement(Heading, { level }, createElement(StreamingText, null, createElement(MarkdownInline, { markdown: component.text }))));
             }
             // A2UI 'caption' / 'label' map onto Text's size/weight/tone
             // axes; anything else degrades to default body text.
@@ -167,7 +167,7 @@ function renderComponent(component, all) {
                 : variant === 'label'
                     ? { size: 'sm', weight: 'medium' }
                     : {};
-            return wrap(createElement(Text, textProps, createElement(StreamingText, null, createElement(MarkdownInline, { text: component.text }))));
+            return wrap(createElement(Text, textProps, createElement(StreamingText, null, createElement(MarkdownInline, { markdown: component.text }))));
         }
         case 'Image':
             return wrap(createElement(Image, { src: component.src, alt: component.alt ?? '' }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ggui-ai/iframe-runtime",
-  "version": "0.6.0",
+  "version": "0.6.2",
   "description": "The iframe-local ggui runtime: a self-contained ESM bundle that boots inside an MCP Apps host iframe, runs the protocol-version handshake, opens the live-channel WebSocket, and mounts the rendered UI. Bundles React, ReactDOM, and the ggui design system so generated component code has a single seam to read from.",
   "keywords": [
     "ggui",
@@ -35,12 +35,12 @@
     "qrcode-generator": "^2.0.4",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "@ggui-ai/live-channel": "0.6.0",
-    "@ggui-ai/preview-a2ui": "0.6.0",
-    "@ggui-ai/gadgets": "0.6.0",
-    "@ggui-ai/protocol": "0.6.0",
-    "@ggui-ai/design": "0.6.0",
-    "@ggui-ai/wire": "0.6.0"
+    "@ggui-ai/gadgets": "0.6.2",
+    "@ggui-ai/design": "0.6.2",
+    "@ggui-ai/protocol": "0.6.2",
+    "@ggui-ai/preview-a2ui": "0.6.2",
+    "@ggui-ai/live-channel": "0.6.2",
+    "@ggui-ai/wire": "0.6.2"
   },
   "peerDependencies": {
     "@modelcontextprotocol/sdk": "^1.27.0"