@ggui-ai/iframe-runtime 0.28.0 → 0.29.0

package/dist/react-renderer.d.ts

@@ -32,6 +32,7 @@
 import React, { type ReactNode } from 'react';
 import type { AppTheme } from '@ggui-ai/protocol/wire';
 import type { RenderFailurePhase } from '@ggui-ai/protocol/render-failure';
+import { type HostDisplayMode } from '@ggui-ai/design/rendering';
 /** Test hook: shorten the no-commit deadline; `null` restores the default. */
 export declare function __setNoCommitDeadlineForTest(ms: number | null): void;
 /**
@@ -110,8 +111,8 @@ export interface ReactRootMountOptions {
      */
     readonly hostPalette?: Readonly<Record<string, string>>;
     readonly cssOverrides?: string;
-    /** `fill` — the root is the whole canvas: no silhouette, fills the page (ggui#1041; from the host's `displayMode`). */
-    readonly fit?: 'fill';
+    /** The host-announced display mode; with the bundle's canvas export it decides the mount fit (`resolveMountFit`). */
+    readonly displayMode?: HostDisplayMode;
     readonly onError?: (error: Error) => void;
     /**
      * The error boundary's give-up (ggui#1679): fires once per terminal catch,

package/dist/react-renderer.js

@@ -33,7 +33,7 @@ import React, { Component, createElement, Fragment, useEffect, } from 'react';
 import { createRoot } from 'react-dom/client';
 import { postObservabilityToParent } from './observability.js';
 import { trackThemeFontFaces } from './host-fonts.js';
-import { stripMarkers, rewriteImports, composeThemeCss, } from '@ggui-ai/design/rendering';
+import { stripMarkers, rewriteImports, composeThemeCss, resolveMountFit, GGUI_MOUNT_CANVAS_EXPORT, } from '@ggui-ai/design/rendering';
 import { hoistImports, loadModule, loadModuleInline, probeUrlModuleLoad, } from '@ggui-ai/design/module-loader';
 /**
  * Document-lifetime verdict: URL-scheme module loading (`blob:` main
@@ -312,6 +312,9 @@ export async function mountReactRoot(container, opts) {
         }
         reportHeldBlank(where, 'rendered-nothing');
     };
+    // The evaluated bundle's canvas export, set by `evaluate`; absent until a bundle has loaded and
+    // on a bundle compiled before the export existed — both compose as before (`resolveMountFit`).
+    let mountCanvas;
     async function evaluate(code) {
         // 0. If code is a URL (S3 presigned), fetch the bytes first.
         //    Matches RCR's first-step URL-fetch guard verbatim.
@@ -332,6 +335,8 @@ export async function mountReactRoot(container, opts) {
         //    real module semantics do.
         const hoisted = hoistImports(cleaned);
         const pick = (mod) => {
+            // The canvas the bundle was composed for (read untrusted; `resolveMountFit` narrows it).
+            mountCanvas = mod[GGUI_MOUNT_CANVAS_EXPORT];
             const Comp = (mod.default ??
                 Object.values(mod).find((v) => typeof v === 'function'));
             if (Comp === undefined) {
@@ -432,7 +437,7 @@ export async function mountReactRoot(container, opts) {
             ...(opts.hostPalette !== undefined ? { hostPalette: opts.hostPalette } : {}),
             ...(opts.appTheme !== undefined ? { appTheme: opts.appTheme } : {}),
             ...(opts.cssOverrides !== undefined ? { cssOverrides: opts.cssOverrides } : {}),
-            ...(opts.fit !== undefined ? { fit: opts.fit } : {}),
+            fit: resolveMountFit({ canvas: mountCanvas, displayMode: opts.displayMode }),
         });
         // Also inject theme CSS at `:root` on `document.head`. The scoped
         // injection above isolates token resolution to the React tree, but

package/dist/render-item.d.ts

@@ -1,3 +1,43 @@
+/**
+ * GguiSession dispatcher — routes a single {@link GguiSession} to the
+ * appropriate renderer based on its discriminator.
+ *
+ * Post-render-identity-collapse (2026-05-27): the iframe-runtime mounts
+ * EXACTLY ONE render per iframe, in a single container. This module
+ * exposes one entry point — {@link mountRender} — that returns a
+ * {@link RenderItemHandle} the runtime uses to apply subsequent
+ * patches (props_update) or unmount on teardown. The earlier
+ * `StackRenderer` / `StackRenderContext` orchestrator (a stack-of-N
+ * map keyed by item id) was retired along with `StackModel`.
+ *
+ * The dispatch tree mirrors `@ggui-ai/mcp-apps-react::DynamicComponent` +
+ * `GguiRender`'s MCP-Apps branch:
+ *
+ *   - `type === 'mcpApps'` → `mountMcpAppIframe` (vanilla iframe
+ *     host; the recursive foreign-MCP-App path).
+ *   - `componentCode` empty OR absent → `mountProvisional` (A2UI
+ *     preview fed by the `_ggui:preview` reserved channel).
+ *   - otherwise → `mountReactRoot` with a per-render `WireConfig`
+ *     built by the caller. The mounted component is wrapped in
+ *     `<GguiWireProvider config={scopedConfig}>` through the
+ *     `renderWrapper` seam.
+ *
+ * Per-render lifecycle:
+ *
+ *   The handle's `update()` either transitions in-place (props-only,
+ *   same kind) or tears down + remounts (kind changed — provisional
+ *   → react when componentCode lands).
+ *
+ * StreamBus integration:
+ *
+ *   The dispatcher subscribes the mounted provisional renderer to
+ *   `_ggui:preview` envelopes via the caller-provided StreamBus. On
+ *   ReactComponentRenderer mount (componentCode lands), the
+ *   provisional surface is `suspend()`-ed so the authoritative render
+ *   takes over — matches DynamicComponent's componentCode-present
+ *   gate.
+ */
+import type { HostDisplayMode } from '@ggui-ai/design/rendering';
 import type { ReactNode } from 'react';
 import type { AppTheme, GguiSession } from '@ggui-ai/protocol/wire';
 import type { GguiSessionSeedInput } from './types.js';
@@ -52,11 +92,12 @@ export interface RenderItemOptions {
      */
     readonly themeMode?: 'light' | 'dark';
     /**
-     * The mounted root fills its surface without a silhouette of its own (ggui#1041):
-     * set when the host's context says `displayMode: 'fullscreen'` — a canvas panel
-     * is the chrome. Absent for inline mounts.
+     * The display mode the host announced for this view (`hostContext.displayMode`). The renderer
+     * reads it with the bundle's canvas export through `resolveMountFit`: under `fullscreen` a
+     * canvas fills its surface (the host's panel is the chrome) and a chat-width card keeps its
+     * natural height in its own frame. Absent for inline mounts.
      */
-    readonly fit?: 'fill';
+    readonly displayMode?: HostDisplayMode;
     /**
      * The per-app theme (protocol's `AppTheme`, ggui#987 v2) forwarded
      * verbatim to {@link ReactRootMountOptions.appTheme}: the renderer

package/dist/render-item.js

@@ -1,42 +1,3 @@
-/**
- * GguiSession dispatcher — routes a single {@link GguiSession} to the
- * appropriate renderer based on its discriminator.
- *
- * Post-render-identity-collapse (2026-05-27): the iframe-runtime mounts
- * EXACTLY ONE render per iframe, in a single container. This module
- * exposes one entry point — {@link mountRender} — that returns a
- * {@link RenderItemHandle} the runtime uses to apply subsequent
- * patches (props_update) or unmount on teardown. The earlier
- * `StackRenderer` / `StackRenderContext` orchestrator (a stack-of-N
- * map keyed by item id) was retired along with `StackModel`.
- *
- * The dispatch tree mirrors `@ggui-ai/mcp-apps-react::DynamicComponent` +
- * `GguiRender`'s MCP-Apps branch:
- *
- *   - `type === 'mcpApps'` → `mountMcpAppIframe` (vanilla iframe
- *     host; the recursive foreign-MCP-App path).
- *   - `componentCode` empty OR absent → `mountProvisional` (A2UI
- *     preview fed by the `_ggui:preview` reserved channel).
- *   - otherwise → `mountReactRoot` with a per-render `WireConfig`
- *     built by the caller. The mounted component is wrapped in
- *     `<GguiWireProvider config={scopedConfig}>` through the
- *     `renderWrapper` seam.
- *
- * Per-render lifecycle:
- *
- *   The handle's `update()` either transitions in-place (props-only,
- *   same kind) or tears down + remounts (kind changed — provisional
- *   → react when componentCode lands).
- *
- * StreamBus integration:
- *
- *   The dispatcher subscribes the mounted provisional renderer to
- *   `_ggui:preview` envelopes via the caller-provided StreamBus. On
- *   ReactComponentRenderer mount (componentCode lands), the
- *   provisional surface is `suspend()`-ed so the authoritative render
- *   takes over — matches DynamicComponent's componentCode-present
- *   gate.
- */
 import { createElement } from 'react';
 import { GguiWireProvider } from '@ggui-ai/wire';
 import { ActionPendingContext, ActionSpentContext } from '@ggui-ai/wire/internal';
@@ -184,10 +145,10 @@ export async function mountRender(container, opts) {
             ...(currentOpts.cssOverrides !== undefined
                 ? { cssOverrides: currentOpts.cssOverrides }
                 : {}),
-            // The host's canvas is the chrome (ggui#1041): `fit` MUST cross this
-            // boundary like every other compose option — ggui#1073 shipped
-            // without it, and every served hello composed as an inline card.
-            ...(currentOpts.fit !== undefined ? { fit: currentOpts.fit } : {}),
+            // The host's display mode MUST cross this boundary like every other compose
+            // option — ggui#1073 shipped without it, and every served hello composed as an
+            // inline card. The renderer turns it into the mount fit.
+            ...(currentOpts.displayMode !== undefined ? { displayMode: currentOpts.displayMode } : {}),
             ...(currentOpts.onError !== undefined ? { onError: currentOpts.onError } : {}),
             ...(currentOpts.onRenderFailure !== undefined ? { onRenderFailure: currentOpts.onRenderFailure } : {}),
             renderWrapper: wrapInScopedProvider,
@@ -267,7 +228,7 @@ export async function mountRender(container, opts) {
                     ...(next.appTheme !== undefined ? { appTheme: next.appTheme } : {}),
                     ...(next.hostPalette !== undefined ? { hostPalette: next.hostPalette } : {}),
                     ...(next.cssOverrides !== undefined ? { cssOverrides: next.cssOverrides } : {}),
-                    ...(next.fit !== undefined ? { fit: next.fit } : {}),
+                    ...(next.displayMode !== undefined ? { displayMode: next.displayMode } : {}),
                     ...(next.onError !== undefined ? { onError: next.onError } : {}),
                     ...(next.onRenderFailure !== undefined ? { onRenderFailure: next.onRenderFailure } : {}),
                     renderWrapper: wrapInScopedProvider,

package/dist/runtime.d.ts

@@ -647,6 +647,29 @@ export declare function readPendingToolResultLocator(): string | null;
  * gone, no envelope) — the caller's other tiers still decide.
  */
 export declare function resolveMetaViaReadDoor(app: App, locator: string): Promise<BootMeta | null>;
+/**
+ * Pre-handshake variant — listens to raw `window.message` for the
+ * autostart layer. Used BEFORE the App is constructed, so this can't
+ * route through `app.addEventListener`. Pairs with the minimal-shell
+ * pattern: the shell buffers any tool-results that arrived BEFORE
+ * runtime load (read via {@link readPendingToolResults}); this
+ * listener catches the ones that arrive AFTER the bundle parses but
+ * BEFORE bootSequence runs.
+ */
+/**
+ * What the pre-handshake wait resolves to: an inline slice (boot from
+ * it directly), or — read-plane-only posture — the view's locator, to
+ * be resolved through the door once the App is connected. `null` on
+ * timeout.
+ */
+type PreBootToolResult = {
+    readonly kind: 'meta';
+    readonly boot: BootMeta;
+} | {
+    readonly kind: 'locator';
+    readonly locator: string;
+};
+export declare function awaitToolResultMeta(timeoutMs: number): Promise<PreBootToolResult | null>;
 /**
  * Production {@link ContextSnapshotPoster} — the seam the
  * context-observer factories consume. Splits the two destinations:

package/dist/runtime.js

@@ -1530,7 +1530,7 @@ export async function resolveMetaViaReadDoor(app, locator) {
         return null;
     return bootMetaOf(validateMeta(parsed.meta));
 }
-function awaitToolResultMeta(timeoutMs) {
+export function awaitToolResultMeta(timeoutMs) {
     if (typeof window === 'undefined')
         return Promise.resolve(null);
     return new Promise((resolve) => {
@@ -1544,6 +1544,13 @@ function awaitToolResultMeta(timeoutMs) {
             resolve(value);
         };
         const onMessage = (ev) => {
+            // MUST act only on the embedding window (ggui#2015). Any frame on
+            // the page can reach this one and post into it, and before the
+            // handshake nothing else binds a tool-result to the host; a
+            // stranger's message is dropped without reply and without
+            // touching the bound, exactly as the App's transport drops it.
+            if (ev.source !== window.parent)
+                return;
             const m = ev.data;
             if (m === null ||
                 m === undefined ||
@@ -4320,10 +4327,14 @@ async function bootProduction(opts) {
                         const themeMode = resolveMountThemeMode(meta);
                         return themeMode !== undefined ? { themeMode } : {};
                     })(),
-                    // The host's canvas is the chrome (ggui#1041): a `fullscreen` display mode
-                    // composes the tree with `fit: 'fill'`; the hostcontextchanged re-injection
-                    // below picks up a flip exactly as it does the theme mode.
-                    ...(hostAnnouncedDisplayMode() === 'fullscreen' ? { fit: 'fill' } : {}),
+                    // The host's display mode (ggui#1041): with the bundle's canvas export it
+                    // decides the mount fit in the renderer (`resolveMountFit`); the
+                    // hostcontextchanged re-injection below picks up a flip exactly as it does
+                    // the theme mode.
+                    ...(() => {
+                        const displayMode = hostAnnouncedDisplayMode();
+                        return displayMode !== undefined ? { displayMode } : {};
+                    })(),
                     // Per-app theme (ggui#987 v2). Threaded straight from the
                     // bootstrap's `_meta["ai.ggui/render"].theme` (typed `AppTheme`,
                     // already injection-validated by the wire parser) onto the mount

package/dist/shims/components.js

@@ -1 +1 @@
-const M = Object.assign({}, (globalThis.__ggui__&&globalThis.__ggui__["components"]||window["__GGUI_COMPONENTS"]||{}),(globalThis.__ggui__&&globalThis.__ggui__["primitives"]||window["__GGUI_PRIMITIVES"]||{}),(globalThis.__ggui__&&globalThis.__ggui__["compositions"]||window["__GGUI_COMPOSITIONS"]||{}),(globalThis.__ggui__&&globalThis.__ggui__["interact"]||window["__GGUI_INTERACT"]||{})); export const Container = M["Container"]; export const Card = M["Card"]; export const Stack = M["Stack"]; export const Row = M["Row"]; export const Grid = M["Grid"]; export const Box = M["Box"]; export const Divider = M["Divider"]; export const Spacer = M["Spacer"]; export const Text = M["Text"]; export const Heading = M["Heading"]; export const Button = M["Button"]; export const Input = M["Input"]; export const TextArea = M["TextArea"]; export const Select = M["Select"]; export const Checkbox = M["Checkbox"]; export const Toggle = M["Toggle"]; export const RadioGroup = M["RadioGroup"]; export const Slider = M["Slider"]; export const Badge = M["Badge"]; export const Spinner = M["Spinner"]; export const Skeleton = M["Skeleton"]; export const Avatar = M["Avatar"]; export const Alert = M["Alert"]; export const Progress = M["Progress"]; export const Image = M["Image"]; export const Icon = M["Icon"]; export const Link = M["Link"]; export const Tooltip = M["Tooltip"]; export const Table = M["Table"]; export const Tabs = M["Tabs"]; export const Toast = M["Toast"]; export const Accordion = M["Accordion"]; export const MotionKeyframes = M["MotionKeyframes"]; export const useMotion = M["useMotion"]; export const useAnimationKey = M["useAnimationKey"]; export const SearchField = M["SearchField"]; export const FormField = M["FormField"]; export const MenuItem = M["MenuItem"]; export const Tag = M["Tag"]; export const Dropdown = M["Dropdown"]; export const Autocomplete = M["Autocomplete"]; export const Breadcrumb = M["Breadcrumb"]; export const Pagination = M["Pagination"]; export const EmptyState = M["EmptyState"]; export const Stat = M["Stat"]; export const Stepper = M["Stepper"]; export const Markdown = M["Markdown"]; export const MarkdownInline = M["MarkdownInline"]; export const renderRichTextInlines = M["renderRichTextInlines"]; export const Header = M["Header"]; export const Sidebar = M["Sidebar"]; export const CardGrid = M["CardGrid"]; export const CommentThread = M["CommentThread"]; export const DataTable = M["DataTable"]; export const ChatWindow = M["ChatWindow"]; export const NavigationBar = M["NavigationBar"]; export const FileUploader = M["FileUploader"]; export const NotificationCenter = M["NotificationCenter"]; export const Modal = M["Modal"]; export const CommandPalette = M["CommandPalette"]; export const Footer = M["Footer"]; export const Hero = M["Hero"]; export const Clickable = M["Clickable"]; export const Hoverable = M["Hoverable"]; export const Pressable = M["Pressable"]; export default M;
+const M = Object.assign({}, (globalThis.__ggui__&&globalThis.__ggui__["components"]||window["__GGUI_COMPONENTS"]||{}),(globalThis.__ggui__&&globalThis.__ggui__["primitives"]||window["__GGUI_PRIMITIVES"]||{}),(globalThis.__ggui__&&globalThis.__ggui__["compositions"]||window["__GGUI_COMPOSITIONS"]||{}),(globalThis.__ggui__&&globalThis.__ggui__["interact"]||window["__GGUI_INTERACT"]||{})); export const Container = M["Container"]; export const Card = M["Card"]; export const Stack = M["Stack"]; export const Row = M["Row"]; export const Grid = M["Grid"]; export const Box = M["Box"]; export const Divider = M["Divider"]; export const Spacer = M["Spacer"]; export const Text = M["Text"]; export const Heading = M["Heading"]; export const Button = M["Button"]; export const Input = M["Input"]; export const TextArea = M["TextArea"]; export const Select = M["Select"]; export const Checkbox = M["Checkbox"]; export const Toggle = M["Toggle"]; export const RadioGroup = M["RadioGroup"]; export const Slider = M["Slider"]; export const Badge = M["Badge"]; export const Spinner = M["Spinner"]; export const Skeleton = M["Skeleton"]; export const Avatar = M["Avatar"]; export const Alert = M["Alert"]; export const Progress = M["Progress"]; export const Image = M["Image"]; export const Icon = M["Icon"]; export const Link = M["Link"]; export const Tooltip = M["Tooltip"]; export const Table = M["Table"]; export const Tabs = M["Tabs"]; export const Toast = M["Toast"]; export const Accordion = M["Accordion"]; export const MotionKeyframes = M["MotionKeyframes"]; export const useMotion = M["useMotion"]; export const useAnimationKey = M["useAnimationKey"]; export const TINT_STEPS = M["TINT_STEPS"]; export const SearchField = M["SearchField"]; export const FormField = M["FormField"]; export const MenuItem = M["MenuItem"]; export const Tag = M["Tag"]; export const Dropdown = M["Dropdown"]; export const Autocomplete = M["Autocomplete"]; export const Breadcrumb = M["Breadcrumb"]; export const Pagination = M["Pagination"]; export const EmptyState = M["EmptyState"]; export const Stat = M["Stat"]; export const Stepper = M["Stepper"]; export const Markdown = M["Markdown"]; export const MarkdownInline = M["MarkdownInline"]; export const renderRichTextInlines = M["renderRichTextInlines"]; export const Header = M["Header"]; export const Sidebar = M["Sidebar"]; export const CardGrid = M["CardGrid"]; export const CommentThread = M["CommentThread"]; export const DataTable = M["DataTable"]; export const ChatWindow = M["ChatWindow"]; export const NavigationBar = M["NavigationBar"]; export const FileUploader = M["FileUploader"]; export const NotificationCenter = M["NotificationCenter"]; export const Modal = M["Modal"]; export const CommandPalette = M["CommandPalette"]; export const Footer = M["Footer"]; export const Hero = M["Hero"]; export const Clickable = M["Clickable"]; export const Hoverable = M["Hoverable"]; export const Pressable = M["Pressable"]; export default M;

package/dist/shims/compositions.js

@@ -1 +1 @@
-const M = Object.assign({}, (globalThis.__ggui__&&globalThis.__ggui__["compositions"]||window["__GGUI_COMPOSITIONS"]||{}),(globalThis.__ggui__&&globalThis.__ggui__["primitives"]||window["__GGUI_PRIMITIVES"]||{}),(globalThis.__ggui__&&globalThis.__ggui__["components"]||window["__GGUI_COMPONENTS"]||{}),(globalThis.__ggui__&&globalThis.__ggui__["interact"]||window["__GGUI_INTERACT"]||{})); export const Container = M["Container"]; export const Card = M["Card"]; export const Stack = M["Stack"]; export const Row = M["Row"]; export const Grid = M["Grid"]; export const Box = M["Box"]; export const Divider = M["Divider"]; export const Spacer = M["Spacer"]; export const Text = M["Text"]; export const Heading = M["Heading"]; export const Button = M["Button"]; export const Input = M["Input"]; export const TextArea = M["TextArea"]; export const Select = M["Select"]; export const Checkbox = M["Checkbox"]; export const Toggle = M["Toggle"]; export const RadioGroup = M["RadioGroup"]; export const Slider = M["Slider"]; export const Badge = M["Badge"]; export const Spinner = M["Spinner"]; export const Skeleton = M["Skeleton"]; export const Avatar = M["Avatar"]; export const Alert = M["Alert"]; export const Progress = M["Progress"]; export const Image = M["Image"]; export const Icon = M["Icon"]; export const Link = M["Link"]; export const Tooltip = M["Tooltip"]; export const Table = M["Table"]; export const Tabs = M["Tabs"]; export const Toast = M["Toast"]; export const Accordion = M["Accordion"]; export const MotionKeyframes = M["MotionKeyframes"]; export const useMotion = M["useMotion"]; export const useAnimationKey = M["useAnimationKey"]; export const SearchField = M["SearchField"]; export const FormField = M["FormField"]; export const MenuItem = M["MenuItem"]; export const Tag = M["Tag"]; export const Dropdown = M["Dropdown"]; export const Autocomplete = M["Autocomplete"]; export const Breadcrumb = M["Breadcrumb"]; export const Pagination = M["Pagination"]; export const EmptyState = M["EmptyState"]; export const Stat = M["Stat"]; export const Stepper = M["Stepper"]; export const Markdown = M["Markdown"]; export const MarkdownInline = M["MarkdownInline"]; export const renderRichTextInlines = M["renderRichTextInlines"]; export const Header = M["Header"]; export const Sidebar = M["Sidebar"]; export const CardGrid = M["CardGrid"]; export const CommentThread = M["CommentThread"]; export const DataTable = M["DataTable"]; export const ChatWindow = M["ChatWindow"]; export const NavigationBar = M["NavigationBar"]; export const FileUploader = M["FileUploader"]; export const NotificationCenter = M["NotificationCenter"]; export const Modal = M["Modal"]; export const CommandPalette = M["CommandPalette"]; export const Footer = M["Footer"]; export const Hero = M["Hero"]; export const Clickable = M["Clickable"]; export const Hoverable = M["Hoverable"]; export const Pressable = M["Pressable"]; export default M;
+const M = Object.assign({}, (globalThis.__ggui__&&globalThis.__ggui__["compositions"]||window["__GGUI_COMPOSITIONS"]||{}),(globalThis.__ggui__&&globalThis.__ggui__["primitives"]||window["__GGUI_PRIMITIVES"]||{}),(globalThis.__ggui__&&globalThis.__ggui__["components"]||window["__GGUI_COMPONENTS"]||{}),(globalThis.__ggui__&&globalThis.__ggui__["interact"]||window["__GGUI_INTERACT"]||{})); export const Container = M["Container"]; export const Card = M["Card"]; export const Stack = M["Stack"]; export const Row = M["Row"]; export const Grid = M["Grid"]; export const Box = M["Box"]; export const Divider = M["Divider"]; export const Spacer = M["Spacer"]; export const Text = M["Text"]; export const Heading = M["Heading"]; export const Button = M["Button"]; export const Input = M["Input"]; export const TextArea = M["TextArea"]; export const Select = M["Select"]; export const Checkbox = M["Checkbox"]; export const Toggle = M["Toggle"]; export const RadioGroup = M["RadioGroup"]; export const Slider = M["Slider"]; export const Badge = M["Badge"]; export const Spinner = M["Spinner"]; export const Skeleton = M["Skeleton"]; export const Avatar = M["Avatar"]; export const Alert = M["Alert"]; export const Progress = M["Progress"]; export const Image = M["Image"]; export const Icon = M["Icon"]; export const Link = M["Link"]; export const Tooltip = M["Tooltip"]; export const Table = M["Table"]; export const Tabs = M["Tabs"]; export const Toast = M["Toast"]; export const Accordion = M["Accordion"]; export const MotionKeyframes = M["MotionKeyframes"]; export const useMotion = M["useMotion"]; export const useAnimationKey = M["useAnimationKey"]; export const TINT_STEPS = M["TINT_STEPS"]; export const SearchField = M["SearchField"]; export const FormField = M["FormField"]; export const MenuItem = M["MenuItem"]; export const Tag = M["Tag"]; export const Dropdown = M["Dropdown"]; export const Autocomplete = M["Autocomplete"]; export const Breadcrumb = M["Breadcrumb"]; export const Pagination = M["Pagination"]; export const EmptyState = M["EmptyState"]; export const Stat = M["Stat"]; export const Stepper = M["Stepper"]; export const Markdown = M["Markdown"]; export const MarkdownInline = M["MarkdownInline"]; export const renderRichTextInlines = M["renderRichTextInlines"]; export const Header = M["Header"]; export const Sidebar = M["Sidebar"]; export const CardGrid = M["CardGrid"]; export const CommentThread = M["CommentThread"]; export const DataTable = M["DataTable"]; export const ChatWindow = M["ChatWindow"]; export const NavigationBar = M["NavigationBar"]; export const FileUploader = M["FileUploader"]; export const NotificationCenter = M["NotificationCenter"]; export const Modal = M["Modal"]; export const CommandPalette = M["CommandPalette"]; export const Footer = M["Footer"]; export const Hero = M["Hero"]; export const Clickable = M["Clickable"]; export const Hoverable = M["Hoverable"]; export const Pressable = M["Pressable"]; export default M;

package/dist/shims/design.js

@@ -1 +1 @@
-const M = Object.assign({}, (globalThis.__ggui__&&globalThis.__ggui__["primitives"]||window["__GGUI_PRIMITIVES"]||{}),(globalThis.__ggui__&&globalThis.__ggui__["components"]||window["__GGUI_COMPONENTS"]||{}),(globalThis.__ggui__&&globalThis.__ggui__["compositions"]||window["__GGUI_COMPOSITIONS"]||{}),(globalThis.__ggui__&&globalThis.__ggui__["interact"]||window["__GGUI_INTERACT"]||{})); export const Container = M["Container"]; export const Card = M["Card"]; export const Stack = M["Stack"]; export const Row = M["Row"]; export const Grid = M["Grid"]; export const Box = M["Box"]; export const Divider = M["Divider"]; export const Spacer = M["Spacer"]; export const Text = M["Text"]; export const Heading = M["Heading"]; export const Button = M["Button"]; export const Input = M["Input"]; export const TextArea = M["TextArea"]; export const Select = M["Select"]; export const Checkbox = M["Checkbox"]; export const Toggle = M["Toggle"]; export const RadioGroup = M["RadioGroup"]; export const Slider = M["Slider"]; export const Badge = M["Badge"]; export const Spinner = M["Spinner"]; export const Skeleton = M["Skeleton"]; export const Avatar = M["Avatar"]; export const Alert = M["Alert"]; export const Progress = M["Progress"]; export const Image = M["Image"]; export const Icon = M["Icon"]; export const Link = M["Link"]; export const Tooltip = M["Tooltip"]; export const Table = M["Table"]; export const Tabs = M["Tabs"]; export const Toast = M["Toast"]; export const Accordion = M["Accordion"]; export const MotionKeyframes = M["MotionKeyframes"]; export const useMotion = M["useMotion"]; export const useAnimationKey = M["useAnimationKey"]; export const SearchField = M["SearchField"]; export const FormField = M["FormField"]; export const MenuItem = M["MenuItem"]; export const Tag = M["Tag"]; export const Dropdown = M["Dropdown"]; export const Autocomplete = M["Autocomplete"]; export const Breadcrumb = M["Breadcrumb"]; export const Pagination = M["Pagination"]; export const EmptyState = M["EmptyState"]; export const Stat = M["Stat"]; export const Stepper = M["Stepper"]; export const Markdown = M["Markdown"]; export const MarkdownInline = M["MarkdownInline"]; export const renderRichTextInlines = M["renderRichTextInlines"]; export const Header = M["Header"]; export const Sidebar = M["Sidebar"]; export const CardGrid = M["CardGrid"]; export const CommentThread = M["CommentThread"]; export const DataTable = M["DataTable"]; export const ChatWindow = M["ChatWindow"]; export const NavigationBar = M["NavigationBar"]; export const FileUploader = M["FileUploader"]; export const NotificationCenter = M["NotificationCenter"]; export const Modal = M["Modal"]; export const CommandPalette = M["CommandPalette"]; export const Footer = M["Footer"]; export const Hero = M["Hero"]; export const Clickable = M["Clickable"]; export const Hoverable = M["Hoverable"]; export const Pressable = M["Pressable"]; export default M;
+const M = Object.assign({}, (globalThis.__ggui__&&globalThis.__ggui__["primitives"]||window["__GGUI_PRIMITIVES"]||{}),(globalThis.__ggui__&&globalThis.__ggui__["components"]||window["__GGUI_COMPONENTS"]||{}),(globalThis.__ggui__&&globalThis.__ggui__["compositions"]||window["__GGUI_COMPOSITIONS"]||{}),(globalThis.__ggui__&&globalThis.__ggui__["interact"]||window["__GGUI_INTERACT"]||{})); export const Container = M["Container"]; export const Card = M["Card"]; export const Stack = M["Stack"]; export const Row = M["Row"]; export const Grid = M["Grid"]; export const Box = M["Box"]; export const Divider = M["Divider"]; export const Spacer = M["Spacer"]; export const Text = M["Text"]; export const Heading = M["Heading"]; export const Button = M["Button"]; export const Input = M["Input"]; export const TextArea = M["TextArea"]; export const Select = M["Select"]; export const Checkbox = M["Checkbox"]; export const Toggle = M["Toggle"]; export const RadioGroup = M["RadioGroup"]; export const Slider = M["Slider"]; export const Badge = M["Badge"]; export const Spinner = M["Spinner"]; export const Skeleton = M["Skeleton"]; export const Avatar = M["Avatar"]; export const Alert = M["Alert"]; export const Progress = M["Progress"]; export const Image = M["Image"]; export const Icon = M["Icon"]; export const Link = M["Link"]; export const Tooltip = M["Tooltip"]; export const Table = M["Table"]; export const Tabs = M["Tabs"]; export const Toast = M["Toast"]; export const Accordion = M["Accordion"]; export const MotionKeyframes = M["MotionKeyframes"]; export const useMotion = M["useMotion"]; export const useAnimationKey = M["useAnimationKey"]; export const TINT_STEPS = M["TINT_STEPS"]; export const SearchField = M["SearchField"]; export const FormField = M["FormField"]; export const MenuItem = M["MenuItem"]; export const Tag = M["Tag"]; export const Dropdown = M["Dropdown"]; export const Autocomplete = M["Autocomplete"]; export const Breadcrumb = M["Breadcrumb"]; export const Pagination = M["Pagination"]; export const EmptyState = M["EmptyState"]; export const Stat = M["Stat"]; export const Stepper = M["Stepper"]; export const Markdown = M["Markdown"]; export const MarkdownInline = M["MarkdownInline"]; export const renderRichTextInlines = M["renderRichTextInlines"]; export const Header = M["Header"]; export const Sidebar = M["Sidebar"]; export const CardGrid = M["CardGrid"]; export const CommentThread = M["CommentThread"]; export const DataTable = M["DataTable"]; export const ChatWindow = M["ChatWindow"]; export const NavigationBar = M["NavigationBar"]; export const FileUploader = M["FileUploader"]; export const NotificationCenter = M["NotificationCenter"]; export const Modal = M["Modal"]; export const CommandPalette = M["CommandPalette"]; export const Footer = M["Footer"]; export const Hero = M["Hero"]; export const Clickable = M["Clickable"]; export const Hoverable = M["Hoverable"]; export const Pressable = M["Pressable"]; export default M;

package/dist/shims/primitives.js

@@ -1 +1 @@
-const M = Object.assign({}, (globalThis.__ggui__&&globalThis.__ggui__["primitives"]||window["__GGUI_PRIMITIVES"]||{}),(globalThis.__ggui__&&globalThis.__ggui__["components"]||window["__GGUI_COMPONENTS"]||{}),(globalThis.__ggui__&&globalThis.__ggui__["compositions"]||window["__GGUI_COMPOSITIONS"]||{}),(globalThis.__ggui__&&globalThis.__ggui__["interact"]||window["__GGUI_INTERACT"]||{})); export const Container = M["Container"]; export const Card = M["Card"]; export const Stack = M["Stack"]; export const Row = M["Row"]; export const Grid = M["Grid"]; export const Box = M["Box"]; export const Divider = M["Divider"]; export const Spacer = M["Spacer"]; export const Text = M["Text"]; export const Heading = M["Heading"]; export const Button = M["Button"]; export const Input = M["Input"]; export const TextArea = M["TextArea"]; export const Select = M["Select"]; export const Checkbox = M["Checkbox"]; export const Toggle = M["Toggle"]; export const RadioGroup = M["RadioGroup"]; export const Slider = M["Slider"]; export const Badge = M["Badge"]; export const Spinner = M["Spinner"]; export const Skeleton = M["Skeleton"]; export const Avatar = M["Avatar"]; export const Alert = M["Alert"]; export const Progress = M["Progress"]; export const Image = M["Image"]; export const Icon = M["Icon"]; export const Link = M["Link"]; export const Tooltip = M["Tooltip"]; export const Table = M["Table"]; export const Tabs = M["Tabs"]; export const Toast = M["Toast"]; export const Accordion = M["Accordion"]; export const MotionKeyframes = M["MotionKeyframes"]; export const useMotion = M["useMotion"]; export const useAnimationKey = M["useAnimationKey"]; export const SearchField = M["SearchField"]; export const FormField = M["FormField"]; export const MenuItem = M["MenuItem"]; export const Tag = M["Tag"]; export const Dropdown = M["Dropdown"]; export const Autocomplete = M["Autocomplete"]; export const Breadcrumb = M["Breadcrumb"]; export const Pagination = M["Pagination"]; export const EmptyState = M["EmptyState"]; export const Stat = M["Stat"]; export const Stepper = M["Stepper"]; export const Markdown = M["Markdown"]; export const MarkdownInline = M["MarkdownInline"]; export const renderRichTextInlines = M["renderRichTextInlines"]; export const Header = M["Header"]; export const Sidebar = M["Sidebar"]; export const CardGrid = M["CardGrid"]; export const CommentThread = M["CommentThread"]; export const DataTable = M["DataTable"]; export const ChatWindow = M["ChatWindow"]; export const NavigationBar = M["NavigationBar"]; export const FileUploader = M["FileUploader"]; export const NotificationCenter = M["NotificationCenter"]; export const Modal = M["Modal"]; export const CommandPalette = M["CommandPalette"]; export const Footer = M["Footer"]; export const Hero = M["Hero"]; export const Clickable = M["Clickable"]; export const Hoverable = M["Hoverable"]; export const Pressable = M["Pressable"]; export default M;
+const M = Object.assign({}, (globalThis.__ggui__&&globalThis.__ggui__["primitives"]||window["__GGUI_PRIMITIVES"]||{}),(globalThis.__ggui__&&globalThis.__ggui__["components"]||window["__GGUI_COMPONENTS"]||{}),(globalThis.__ggui__&&globalThis.__ggui__["compositions"]||window["__GGUI_COMPOSITIONS"]||{}),(globalThis.__ggui__&&globalThis.__ggui__["interact"]||window["__GGUI_INTERACT"]||{})); export const Container = M["Container"]; export const Card = M["Card"]; export const Stack = M["Stack"]; export const Row = M["Row"]; export const Grid = M["Grid"]; export const Box = M["Box"]; export const Divider = M["Divider"]; export const Spacer = M["Spacer"]; export const Text = M["Text"]; export const Heading = M["Heading"]; export const Button = M["Button"]; export const Input = M["Input"]; export const TextArea = M["TextArea"]; export const Select = M["Select"]; export const Checkbox = M["Checkbox"]; export const Toggle = M["Toggle"]; export const RadioGroup = M["RadioGroup"]; export const Slider = M["Slider"]; export const Badge = M["Badge"]; export const Spinner = M["Spinner"]; export const Skeleton = M["Skeleton"]; export const Avatar = M["Avatar"]; export const Alert = M["Alert"]; export const Progress = M["Progress"]; export const Image = M["Image"]; export const Icon = M["Icon"]; export const Link = M["Link"]; export const Tooltip = M["Tooltip"]; export const Table = M["Table"]; export const Tabs = M["Tabs"]; export const Toast = M["Toast"]; export const Accordion = M["Accordion"]; export const MotionKeyframes = M["MotionKeyframes"]; export const useMotion = M["useMotion"]; export const useAnimationKey = M["useAnimationKey"]; export const TINT_STEPS = M["TINT_STEPS"]; export const SearchField = M["SearchField"]; export const FormField = M["FormField"]; export const MenuItem = M["MenuItem"]; export const Tag = M["Tag"]; export const Dropdown = M["Dropdown"]; export const Autocomplete = M["Autocomplete"]; export const Breadcrumb = M["Breadcrumb"]; export const Pagination = M["Pagination"]; export const EmptyState = M["EmptyState"]; export const Stat = M["Stat"]; export const Stepper = M["Stepper"]; export const Markdown = M["Markdown"]; export const MarkdownInline = M["MarkdownInline"]; export const renderRichTextInlines = M["renderRichTextInlines"]; export const Header = M["Header"]; export const Sidebar = M["Sidebar"]; export const CardGrid = M["CardGrid"]; export const CommentThread = M["CommentThread"]; export const DataTable = M["DataTable"]; export const ChatWindow = M["ChatWindow"]; export const NavigationBar = M["NavigationBar"]; export const FileUploader = M["FileUploader"]; export const NotificationCenter = M["NotificationCenter"]; export const Modal = M["Modal"]; export const CommandPalette = M["CommandPalette"]; export const Footer = M["Footer"]; export const Hero = M["Hero"]; export const Clickable = M["Clickable"]; export const Hoverable = M["Hoverable"]; export const Pressable = M["Pressable"]; export default M;

package/dist/shims/templates.js

@@ -1 +1 @@
-const M = Object.assign({}, (globalThis.__ggui__&&globalThis.__ggui__["compositions"]||window["__GGUI_COMPOSITIONS"]||{}),(globalThis.__ggui__&&globalThis.__ggui__["primitives"]||window["__GGUI_PRIMITIVES"]||{}),(globalThis.__ggui__&&globalThis.__ggui__["components"]||window["__GGUI_COMPONENTS"]||{})); export const Container = M["Container"]; export const Card = M["Card"]; export const Stack = M["Stack"]; export const Row = M["Row"]; export const Grid = M["Grid"]; export const Box = M["Box"]; export const Divider = M["Divider"]; export const Spacer = M["Spacer"]; export const Text = M["Text"]; export const Heading = M["Heading"]; export const Button = M["Button"]; export const Input = M["Input"]; export const TextArea = M["TextArea"]; export const Select = M["Select"]; export const Checkbox = M["Checkbox"]; export const Toggle = M["Toggle"]; export const RadioGroup = M["RadioGroup"]; export const Slider = M["Slider"]; export const Badge = M["Badge"]; export const Spinner = M["Spinner"]; export const Skeleton = M["Skeleton"]; export const Avatar = M["Avatar"]; export const Alert = M["Alert"]; export const Progress = M["Progress"]; export const Image = M["Image"]; export const Icon = M["Icon"]; export const Link = M["Link"]; export const Tooltip = M["Tooltip"]; export const Table = M["Table"]; export const Tabs = M["Tabs"]; export const Toast = M["Toast"]; export const Accordion = M["Accordion"]; export const MotionKeyframes = M["MotionKeyframes"]; export const useMotion = M["useMotion"]; export const useAnimationKey = M["useAnimationKey"]; export const SearchField = M["SearchField"]; export const FormField = M["FormField"]; export const MenuItem = M["MenuItem"]; export const Tag = M["Tag"]; export const Dropdown = M["Dropdown"]; export const Autocomplete = M["Autocomplete"]; export const Breadcrumb = M["Breadcrumb"]; export const Pagination = M["Pagination"]; export const EmptyState = M["EmptyState"]; export const Stat = M["Stat"]; export const Stepper = M["Stepper"]; export const Markdown = M["Markdown"]; export const MarkdownInline = M["MarkdownInline"]; export const renderRichTextInlines = M["renderRichTextInlines"]; export const Header = M["Header"]; export const Sidebar = M["Sidebar"]; export const CardGrid = M["CardGrid"]; export const CommentThread = M["CommentThread"]; export const DataTable = M["DataTable"]; export const ChatWindow = M["ChatWindow"]; export const NavigationBar = M["NavigationBar"]; export const FileUploader = M["FileUploader"]; export const NotificationCenter = M["NotificationCenter"]; export const Modal = M["Modal"]; export const CommandPalette = M["CommandPalette"]; export const Footer = M["Footer"]; export const Hero = M["Hero"]; export const Clickable = M["Clickable"]; export const Hoverable = M["Hoverable"]; export const Pressable = M["Pressable"]; export default M;
+const M = Object.assign({}, (globalThis.__ggui__&&globalThis.__ggui__["compositions"]||window["__GGUI_COMPOSITIONS"]||{}),(globalThis.__ggui__&&globalThis.__ggui__["primitives"]||window["__GGUI_PRIMITIVES"]||{}),(globalThis.__ggui__&&globalThis.__ggui__["components"]||window["__GGUI_COMPONENTS"]||{})); export const Container = M["Container"]; export const Card = M["Card"]; export const Stack = M["Stack"]; export const Row = M["Row"]; export const Grid = M["Grid"]; export const Box = M["Box"]; export const Divider = M["Divider"]; export const Spacer = M["Spacer"]; export const Text = M["Text"]; export const Heading = M["Heading"]; export const Button = M["Button"]; export const Input = M["Input"]; export const TextArea = M["TextArea"]; export const Select = M["Select"]; export const Checkbox = M["Checkbox"]; export const Toggle = M["Toggle"]; export const RadioGroup = M["RadioGroup"]; export const Slider = M["Slider"]; export const Badge = M["Badge"]; export const Spinner = M["Spinner"]; export const Skeleton = M["Skeleton"]; export const Avatar = M["Avatar"]; export const Alert = M["Alert"]; export const Progress = M["Progress"]; export const Image = M["Image"]; export const Icon = M["Icon"]; export const Link = M["Link"]; export const Tooltip = M["Tooltip"]; export const Table = M["Table"]; export const Tabs = M["Tabs"]; export const Toast = M["Toast"]; export const Accordion = M["Accordion"]; export const MotionKeyframes = M["MotionKeyframes"]; export const useMotion = M["useMotion"]; export const useAnimationKey = M["useAnimationKey"]; export const TINT_STEPS = M["TINT_STEPS"]; export const SearchField = M["SearchField"]; export const FormField = M["FormField"]; export const MenuItem = M["MenuItem"]; export const Tag = M["Tag"]; export const Dropdown = M["Dropdown"]; export const Autocomplete = M["Autocomplete"]; export const Breadcrumb = M["Breadcrumb"]; export const Pagination = M["Pagination"]; export const EmptyState = M["EmptyState"]; export const Stat = M["Stat"]; export const Stepper = M["Stepper"]; export const Markdown = M["Markdown"]; export const MarkdownInline = M["MarkdownInline"]; export const renderRichTextInlines = M["renderRichTextInlines"]; export const Header = M["Header"]; export const Sidebar = M["Sidebar"]; export const CardGrid = M["CardGrid"]; export const CommentThread = M["CommentThread"]; export const DataTable = M["DataTable"]; export const ChatWindow = M["ChatWindow"]; export const NavigationBar = M["NavigationBar"]; export const FileUploader = M["FileUploader"]; export const NotificationCenter = M["NotificationCenter"]; export const Modal = M["Modal"]; export const CommandPalette = M["CommandPalette"]; export const Footer = M["Footer"]; export const Hero = M["Hero"]; export const Clickable = M["Clickable"]; export const Hoverable = M["Hoverable"]; export const Pressable = M["Pressable"]; export default M;

package/dist/zod-jitless.js

@@ -14,5 +14,5 @@
  * schema. The frame never wants zod codegen anyway; jitless validation
  * speed is a non-factor at frame scale.
  */
-import { z } from 'zod';
+import * as z from 'zod';
 z.config({ jitless: true });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ggui-ai/iframe-runtime",
-  "version": "0.28.0",
+  "version": "0.29.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",
@@ -41,13 +41,13 @@
     "qrcode-generator": "^2.0.4",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "zod": "^4.3.6",
-    "@ggui-ai/design": "0.28.0",
-    "@ggui-ai/gadgets": "0.28.0",
-    "@ggui-ai/live-channel": "0.28.0",
-    "@ggui-ai/preview-a2ui": "0.28.0",
-    "@ggui-ai/protocol": "0.28.0",
-    "@ggui-ai/wire": "0.28.0"
+    "zod": "^4.6.6",
+    "@ggui-ai/design": "0.29.0",
+    "@ggui-ai/gadgets": "0.29.0",
+    "@ggui-ai/preview-a2ui": "0.29.0",
+    "@ggui-ai/live-channel": "0.29.0",
+    "@ggui-ai/protocol": "0.29.0",
+    "@ggui-ai/wire": "0.29.0"
   },
   "peerDependencies": {
     "@modelcontextprotocol/sdk": "^1.27.0"
@@ -62,7 +62,7 @@
     "jsdom": "^24.0.0",
     "tsx": "^4.21.0",
     "typescript": "^5.0.0",
-    "vitest": "^3.2.6"
+    "vitest": "^4.1.11"
   },
   "repository": {
     "type": "git",