@ggui-ai/iframe-runtime 0.3.0-rc.0 → 0.5.0-rc.0

package/dist/provisional-renderer.js

@@ -101,7 +101,7 @@ function UnresolvedPlaceholder() {
     });
 }
 function UnsupportedComponentShell({ name }) {
-    return createElement(Card, { padding: 12, shadow: 'none', border: true }, createElement(Text, { variant: 'caption' }, `[${name}]`));
+    return createElement(Card, { padding: 12, shadow: 'none', border: true }, createElement(Text, { size: 'xs', tone: 'muted' }, `[${name}]`));
 }
 // Stable noop so React doesn't warn about switching onChange identity.
 function noopOnChange() {
@@ -154,8 +154,14 @@ function renderComponent(component, all) {
                 const level = Number(headingMatch[1]);
                 return wrap(createElement(Heading, { level }, createElement(StreamingText, null, component.text)));
             }
-            const textVariant = variant === 'label' || variant === 'caption' ? variant : 'body';
-            return wrap(createElement(Text, { variant: textVariant }, createElement(StreamingText, null, component.text)));
+            // A2UI 'caption' / 'label' map onto Text's size/weight/tone
+            // axes; anything else degrades to default body text.
+            const textProps = variant === 'caption'
+                ? { size: 'xs', tone: 'muted' }
+                : variant === 'label'
+                    ? { size: 'sm', weight: 'medium' }
+                    : {};
+            return wrap(createElement(Text, textProps, createElement(StreamingText, null, component.text)));
         }
         case 'Image':
             return wrap(createElement(Image, { src: component.src, alt: component.alt ?? '' }));

package/dist/runtime.js

@@ -470,7 +470,10 @@ export async function bootSequence(opts) {
                 return { ok: false, mountedRender };
             }
             // A live trio is present — the WS ack will deliver the render.
-            // The seed was best-effort; fall through to subscribe.
+            // The seed was best-effort; fall through to subscribe. Warn so a
+            // degraded boot (slower first paint, ack-only delivery) is visible
+            // in host consoles instead of indistinguishable from the fast path.
+            console.warn(`[ggui] static seed fetch failed (${message}); falling back to the live channel for render delivery`);
             seed = null;
         }
         if (seed !== null) {

package/dist/system-cards/NoCredentialsCard.js

@@ -147,7 +147,7 @@ export function NoCredentialsCard({ settingsUrl, intent, }) {
                                             background: '#ffffff',
                                             borderRadius: 'var(--ggui-shape-radius-sm, 6px)',
                                             lineHeight: 0,
-                                        }, children: _jsx(QrCode, { value: settingsUrl, size: 120, foreground: "#000000", background: "#ffffff" }) }), _jsx(Text, { variant: "caption", style: {
+                                        }, children: _jsx(QrCode, { value: settingsUrl, size: 120, foreground: "#000000", background: "#ffffff" }) }), _jsx(Text, { size: "xs", style: {
                                             color: 'var(--ggui-color-onSurfaceVariant, #52525b)',
                                             fontSize: 'var(--ggui-font-size-xs, 11px)',
                                             textAlign: 'center',
@@ -157,7 +157,7 @@ export function NoCredentialsCard({ settingsUrl, intent, }) {
                                     gap: 'var(--ggui-spacing-2, 8px)',
                                     flex: '1 1 240px',
                                     minWidth: '200px',
-                                }, children: [_jsx(Text, { variant: "caption", style: {
+                                }, children: [_jsx(Text, { size: "xs", style: {
                                             color: 'var(--ggui-color-onSurfaceVariant, #52525b)',
                                             fontWeight: 'var(--ggui-font-weight-semibold, 600)',
                                             textTransform: 'uppercase',
@@ -179,10 +179,10 @@ export function NoCredentialsCard({ settingsUrl, intent, }) {
                                             alignItems: 'center',
                                             gap: 'var(--ggui-spacing-3, 12px)',
                                             flexWrap: 'wrap',
-                                        }, children: [_jsx(Button, { variant: "primary", size: "md", onClick: onPrimary, disabled: ctaDisabled, children: ctaLabel }), ctaState === 'idle' || ctaState === 'working' ? (_jsx(Text, { variant: "caption", style: {
+                                        }, children: [_jsx(Button, { variant: "primary", size: "md", onClick: onPrimary, disabled: ctaDisabled, children: ctaLabel }), ctaState === 'idle' || ctaState === 'working' ? (_jsx(Text, { size: "xs", style: {
                                                     color: 'var(--ggui-color-onSurfaceVariant, #52525b)',
                                                     opacity: 0.85,
-                                                }, children: "or tap-and-hold the URL above to copy" })) : null] })] })] }) }), intent ? (_jsxs(Text, { variant: "caption", style: {
+                                                }, children: "or tap-and-hold the URL above to copy" })) : null] })] })] }) }), intent ? (_jsxs(Text, { size: "xs", style: {
                         color: 'var(--ggui-color-onSurfaceVariant, #52525b)',
                         opacity: 0.7,
                     }, children: ["Pending prompt: ", intent] })) : null] }) }));

package/dist/system-cards/ProtocolProbeCard.js

@@ -384,7 +384,7 @@ function ProbeButtonRow({ method, description, call, }) {
                             fontSize: 'var(--ggui-font-size-sm, 13px)',
                             color: 'var(--ggui-color-onSurface, #111)',
                             fontWeight: 'var(--ggui-font-weight-semibold, 600)',
-                        }, children: method }), statusBadge] }), _jsx(Text, { variant: "caption", style: {
+                        }, children: method }), statusBadge] }), _jsx(Text, { size: "xs", style: {
                     color: 'var(--ggui-color-onSurfaceVariant, #52525b)',
                     fontSize: 'var(--ggui-font-size-xs, 11px)',
                 }, children: description }), _jsx("div", { style: { display: 'flex', gap: 'var(--ggui-spacing-2, 8px)' }, children: _jsx(Button, { variant: "primary", size: "sm", onClick: onClick, disabled: outcome.state === 'pending', children: buttonLabel }) }), outcome.state === 'success' || outcome.state === 'error' ? (_jsx("pre", { style: {
@@ -421,10 +421,10 @@ export function ProtocolProbeCard({ intent, }) {
                                 alignItems: 'baseline',
                                 justifyContent: 'space-between',
                                 gap: 'var(--ggui-spacing-3, 12px)',
-                            }, children: [_jsx(Heading, { level: 4, children: "Receive log" }), _jsxs(Text, { variant: "caption", style: {
+                            }, children: [_jsx(Heading, { level: 4, children: "Receive log" }), _jsxs(Text, { size: "xs", style: {
                                         color: 'var(--ggui-color-onSurfaceVariant, #52525b)',
                                         fontSize: 'var(--ggui-font-size-xs, 11px)',
-                                    }, children: [log.length, " ", log.length === 1 ? 'event' : 'events'] })] }), log.length === 0 ? (_jsx(Text, { variant: "caption", style: {
+                                    }, children: [log.length, " ", log.length === 1 ? 'event' : 'events'] })] }), log.length === 0 ? (_jsx(Text, { size: "xs", style: {
                                 color: 'var(--ggui-color-onSurfaceVariant, #52525b)',
                                 fontStyle: 'italic',
                             }, children: "No host notifications observed yet. Click a probe button or wait for the host to emit one." })) : (_jsx("div", { style: {
@@ -452,7 +452,7 @@ export function ProtocolProbeCard({ intent, }) {
                                             whiteSpace: 'pre-wrap',
                                             wordBreak: 'break-word',
                                             color: 'var(--ggui-color-onSurfaceVariant, #52525b)',
-                                        }, children: JSON.stringify(entry.params, null, 2) })] }, entry.id))) }))] }), intent ? (_jsxs(Text, { variant: "caption", style: {
+                                        }, children: JSON.stringify(entry.params, null, 2) })] }, entry.id))) }))] }), intent ? (_jsxs(Text, { size: "xs", style: {
                         color: 'var(--ggui-color-onSurfaceVariant, #52525b)',
                         opacity: 0.7,
                     }, children: ["Triggered by: ", intent] })) : null] }) }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ggui-ai/iframe-runtime",
-  "version": "0.3.0-rc.0",
+  "version": "0.5.0-rc.0",
   "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.3.0-rc.0",
-    "@ggui-ai/preview-a2ui": "0.3.0-rc.0",
-    "@ggui-ai/design": "0.3.0-rc.0",
-    "@ggui-ai/gadgets": "0.3.0-rc.0",
-    "@ggui-ai/protocol": "0.3.0-rc.0",
-    "@ggui-ai/wire": "0.3.0-rc.0"
+    "@ggui-ai/live-channel": "0.5.0-rc.0",
+    "@ggui-ai/design": "0.5.0-rc.0",
+    "@ggui-ai/gadgets": "0.5.0-rc.0",
+    "@ggui-ai/preview-a2ui": "0.5.0-rc.0",
+    "@ggui-ai/protocol": "0.5.0-rc.0",
+    "@ggui-ai/wire": "0.5.0-rc.0"
   },
   "peerDependencies": {
     "@modelcontextprotocol/sdk": "^1.27.0"
@@ -55,7 +55,7 @@
     "jsdom": "^24.0.0",
     "tsx": "^4.21.0",
     "typescript": "^5.0.0",
-    "vitest": "^3.0.0"
+    "vitest": "^3.2.6"
   },
   "repository": {
     "type": "git",
@@ -76,6 +76,7 @@
   "scripts": {
     "build": "rm -rf dist && node esbuild.config.mjs && tsc -p tsconfig.types.json && pnpm run check:bundle-size",
     "check:bundle-size": "tsx scripts/check-bundle-size.ts",
+    "check:bundle-size:self-test": "tsx scripts/check-bundle-size.ts --self-test",
     "typecheck": "tsc --noEmit",
     "test": "vitest run",
     "test:watch": "vitest"