@miragon/mcp-toolkit-ui 0.10.1

package/dist/app/widget-fixture.js

@@ -0,0 +1,273 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useMemo, useRef, useSyncExternalStore, } from "react";
+import { useWidget } from "mcp-use/react";
+import { AppQueryProvider } from "../providers/query-provider.js";
+import { HostBridgeProvider, createStandaloneHostBridge } from "./host-bridge.js";
+/**
+ * Key `mcp-use` writes the serialized model-context string under when it flushes
+ * to `window.openai.setWidgetState`. Mirrors `MODEL_CONTEXT_KEY` in
+ * `mcp-use/react` (not exported, so duplicated here). The harness intercepts
+ * `setWidgetState` and reads this field to surface what the model would see.
+ */
+const MODEL_CONTEXT_KEY = "__model_context";
+/**
+ * Pure, host-free registry of fake tool implementations. Drives every
+ * `callTool` path the harness exposes (`window.openai.callTool`, the toolkit's
+ * `AppQueryProvider` bridge). Kept free of React/DOM so its semantics are unit
+ * testable in a plain Node environment.
+ *
+ * Resolution rules:
+ * - A registered **function** entry is called with `args` and its return value
+ *   (awaited) is wrapped into a {@link FixtureToolResult}.
+ * - A registered **value** entry is returned as-is when it already looks like a
+ *   tool response (has `structuredContent`/`content`), otherwise wrapped under
+ *   `structuredContent` so widgets that read structured data Just Work.
+ * - An **unknown** tool rejects with a descriptive error. This is the
+ *   error-friendly path: the rejection flows into the widget's own error state
+ *   (TanStack Query `error`, `mcp-use` `isError`) instead of crashing the
+ *   harness, and the message names the missing tool so the gap is obvious.
+ */
+export class FixtureCallToolRegistry {
+    entries = new Map();
+    constructor(initial) {
+        if (initial) {
+            for (const [name, entry] of Object.entries(initial))
+                this.register(name, entry);
+        }
+    }
+    /** Register (or overwrite) the fixture for a tool name. */
+    register(name, resultOrHandler) {
+        this.entries.set(name, resultOrHandler);
+        return this;
+    }
+    /** True if a fixture is registered for `name`. */
+    has(name) {
+        return this.entries.has(name);
+    }
+    /** Registered tool names, for diagnostics / the harness log. */
+    names() {
+        return [...this.entries.keys()];
+    }
+    /**
+     * Resolve a tool call against the registered fixtures. Always returns a
+     * promise so callers can `await` uniformly regardless of whether the fixture
+     * was a static value or an async handler.
+     */
+    async call(name, args = {}) {
+        if (!this.entries.has(name)) {
+            throw new Error(`[widget-fixture] No fixture registered for tool "${name}". ` +
+                `Registered: ${this.names().length ? this.names().join(", ") : "(none)"}.`);
+        }
+        const entry = this.entries.get(name);
+        const raw = typeof entry === "function" ? await entry(args) : entry;
+        return toToolResult(raw);
+    }
+}
+/**
+ * Wrap an arbitrary fixture value into a {@link FixtureToolResult}. Values that
+ * already carry `structuredContent` or `content` are passed through untouched
+ * so a fixture can opt into the full envelope; everything else is placed under
+ * `structuredContent` (the field `parseToolResult` reads first) and mirrored
+ * into a `content` text block so `mcp-use`'s text-oriented decoder also sees it.
+ */
+function toToolResult(raw) {
+    if (raw != null && typeof raw === "object" && ("structuredContent" in raw || "content" in raw)) {
+        return raw;
+    }
+    return {
+        structuredContent: raw,
+        content: [{ type: "text", text: typeof raw === "string" ? raw : JSON.stringify(raw) }],
+    };
+}
+const FixtureHostContext = createContext(null);
+/**
+ * Access the active fixture registry from inside a {@link WidgetFixtureHost}.
+ * Returns `null` outside a harness — callers should treat that as "no fixture
+ * host present" rather than an error.
+ */
+export function useFixtureHost() {
+    return useContext(FixtureHostContext);
+}
+/**
+ * Default host-context globals a widget sees in the harness. Chosen to be
+ * harmless and inert: inline display, light theme, desktop, no safe-area
+ * insets. Overridable per-mount via {@link WidgetFixtureHostProps.globals}.
+ */
+const DEFAULT_GLOBALS = {
+    theme: "light",
+    displayMode: "inline",
+    locale: "en-US",
+    maxHeight: 4096,
+    safeArea: { insets: { top: 0, right: 0, bottom: 0, left: 0 } },
+    userAgent: {
+        device: { type: "desktop" },
+        capabilities: { hover: true, touch: false },
+    },
+};
+/**
+ * Build the `window.openai` shim the `mcp-use` React hooks read from. Routes
+ * `callTool` through the fixture registry and reports every other bridge verb
+ * to `onHostAction`. Returns `null` outside a browser-like environment (SSR)
+ * so the harness degrades to a plain render rather than throwing.
+ */
+function buildOpenAiShim(registry, toolOutput, toolInput, globals, onHostAction, onModelContext) {
+    if (typeof window === "undefined")
+        return null;
+    return {
+        ...DEFAULT_GLOBALS,
+        ...globals,
+        toolInput,
+        toolOutput,
+        toolResponseMetadata: null,
+        widgetState: null,
+        callTool: async (name, args) => {
+            onHostAction?.({ type: "callTool", name, args });
+            return registry.call(name, args);
+        },
+        sendFollowUpMessage: (args) => {
+            onHostAction?.({ type: "sendFollowUpMessage", prompt: args.prompt });
+            return Promise.resolve();
+        },
+        openExternal: (payload) => {
+            onHostAction?.({ type: "openExternal", href: payload.href });
+        },
+        requestDisplayMode: (args) => {
+            onHostAction?.({ type: "requestDisplayMode", mode: args.mode });
+            return Promise.resolve({ mode: args.mode });
+        },
+        setWidgetState: (state) => {
+            onHostAction?.({ type: "setWidgetState", state });
+            // `mcp-use` flushes the serialized `<ModelContext>` tree through
+            // setWidgetState under MODEL_CONTEXT_KEY — surface it as the model view.
+            const ctx = state?.[MODEL_CONTEXT_KEY];
+            if (typeof ctx === "string")
+                onModelContext?.(ctx);
+            return Promise.resolve();
+        },
+        notifyIntrinsicHeight: () => Promise.resolve(),
+    };
+}
+/**
+ * Renders nothing but mounts a `useWidget()` so `mcp-use` registers its
+ * model-context flush handler — even for widgets that never call `useWidget`
+ * themselves (e.g. a simple `({ keys })` card). Without this, a widget's
+ * `<ModelContext>` would render but never flush, and `onModelContext` would
+ * stay silent. The flush routes through our `setWidgetState` shim above.
+ */
+function ModelContextPump() {
+    useWidget();
+    return null;
+}
+/**
+ * Build the `WidgetProps` envelope the harness passes to the widget. Seeds a
+ * single pipeline step from `data` (keyed by `dataType` when given) and uses
+ * `data` as the `keys` map, so widgets that read `keys[...]` and adapted
+ * widgets that scan `context.steps` are both satisfied from one fixture.
+ *
+ * Exported for unit testing the envelope shape without rendering React.
+ */
+export function buildFixtureWidgetProps(data, dataType) {
+    const steps = {};
+    if (dataType) {
+        steps.fixture = {
+            _app: "fixture",
+            _step: "fixture",
+            _dataType: dataType,
+            data,
+            keys: data,
+        };
+    }
+    const context = { steps, keys: data, errors: [] };
+    return { keys: data, context };
+}
+/**
+ * Storybook-style harness for MCP widgets. Renders a single widget with fixture
+ * data and a mocked host environment so it can be developed in isolation —
+ * without booting a real MCP host or backend.
+ *
+ * ### What it mocks
+ * - **`window.openai`** — the `mcp-use` Apps-SDK bridge `useWidget`/`useCallTool`
+ *   read from. Installed on mount, removed on unmount. `callTool` is routed to a
+ *   {@link FixtureCallToolRegistry} built from `tools`; `sendFollowUpMessage`,
+ *   `openExternal`, etc. are reported to `onHostAction`.
+ * - **The toolkit `AppQueryProvider`** — so widgets that fetch via `useToolQuery`
+ *   (e.g. generated `use*` hooks) resolve against the same registry.
+ * - **`ModelContext`** — a flush handler captures the serialized context string
+ *   and forwards it to `onModelContext`, so you can *see* what the model would.
+ * - **A {@link HostBridge}** — a `createStandaloneHostBridge` over the same
+ *   registry and callbacks, provided via `HostBridgeProvider`, so widgets
+ *   written against `useHostBridge` (the host-portable pattern) are simulated
+ *   from the same single source as the `window.openai` shim above.
+ *
+ * ### Boundaries
+ * `mcp-use`'s hooks select their provider from `window.openai` presence; this
+ * harness deliberately drives the Apps-SDK path (sets `window.openai`) rather
+ * than the `postMessage` bridge, which only activates inside a cross-origin
+ * iframe. The shim is intentionally minimal — it is not a host, and host
+ * features beyond the bridge verbs above are out of scope.
+ */
+export function WidgetFixtureHost({ widget: Widget, data = {}, dataType, tools, globals, onModelContext, onHostAction, }) {
+    // One registry per `tools` identity. Rebuilt when the fixture map changes so
+    // edits in the playground take effect without a full remount.
+    const registry = useMemo(() => new FixtureCallToolRegistry(tools), [tools]);
+    // Latest callbacks without re-installing the shim on every render. Updated in
+    // an effect (not during render) so the shim's closures always see the newest
+    // handler while the `window.openai` install effect stays stable.
+    const onHostActionRef = useRef(onHostAction);
+    const onModelContextRef = useRef(onModelContext);
+    useEffect(() => {
+        onHostActionRef.current = onHostAction;
+        onModelContextRef.current = onModelContext;
+    });
+    const widgetProps = useMemo(() => buildFixtureWidgetProps(data, dataType), [data, dataType]);
+    // Install the `window.openai` shim for the lifetime of this mount. Wake any
+    // already-mounted `mcp-use` hooks via the `set_globals` event they listen for.
+    useEffect(() => {
+        if (typeof window === "undefined")
+            return;
+        const shim = buildOpenAiShim(registry, data ?? null, data ?? {}, globals ?? {}, (action) => onHostActionRef.current?.(action), (text) => onModelContextRef.current?.(text));
+        if (!shim)
+            return;
+        const prev = window.openai;
+        window.openai = shim;
+        window.dispatchEvent(new CustomEvent("openai:set_globals", { detail: { globals: shim } }));
+        return () => {
+            ;
+            window.openai = prev;
+        };
+    }, [registry, data, globals]);
+    const callTool = useMemo(() => async (name, args) => registry.call(name, args ?? {}), [registry]);
+    // A standalone host bridge over the same registry + callbacks, so portable
+    // widgets written against `useHostBridge` (rather than the `mcp-use` host
+    // hooks) are simulated from the *same* source as the `window.openai` shim.
+    // It logs through the same `HostActionLog` channel, so the playground's
+    // activity log shows tool calls, follow-ups, and links identically whether the
+    // widget uses the mcp-use path or the host bridge. Reading globals.theme keeps
+    // the bridge's reported theme in sync with the shim. Depends on the callback
+    // props directly (not the refs) — a fresh Provider value on callback change is
+    // fine for a dev harness, and keeps the bridge's closures pure of ref reads.
+    const bridgeTheme = (globals?.theme ?? DEFAULT_GLOBALS.theme) === "dark" ? "dark" : "light";
+    const bridge = useMemo(() => createStandaloneHostBridge({
+        callTool: (name, args) => {
+            onHostAction?.({ type: "callTool", name, args });
+            return registry.call(name, args);
+        },
+        getData: () => data ?? null,
+        onFollowup: (prompt) => onHostAction?.({ type: "sendFollowUpMessage", prompt }),
+        onOpenExternal: (href) => onHostAction?.({ type: "openExternal", href }),
+        onModelContext: (text) => onModelContext?.(text),
+        theme: bridgeTheme,
+    }), [registry, data, bridgeTheme, onHostAction, onModelContext]);
+    const value = useMemo(() => ({ registry }), [registry]);
+    // Mount the model-context pump only on the client. The pump calls `mcp-use`'s
+    // `useWidget`, whose `useSyncExternalStore` lacks a server snapshot and throws
+    // under `react-dom/server` — gating it keeps the harness (and any widget
+    // rendered through it) SSR-safe. `useSyncExternalStore` with a `false` server
+    // snapshot is the idiomatic "are we on the client?" check (no setState-in-effect).
+    const isClient = useSyncExternalStore(() => () => { }, () => true, () => false);
+    // Spread `widgetProps` (keys/context) AND a `data` alias so both adapted
+    // widgets and raw `({ data })` widgets read their fixture from one mount.
+    const RenderWidget = Widget;
+    return (_jsxs(FixtureHostContext.Provider, { value: value, children: [isClient && _jsx(ModelContextPump, {}), _jsx(HostBridgeProvider, { bridge: bridge, children: _jsx(AppQueryProvider, { callTool: callTool, children: _jsx(RenderWidget, { ...widgetProps, data: data }) }) })] }));
+}
+//# sourceMappingURL=widget-fixture.js.map

package/dist/app/widget-fixture.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-fixture.js","sourceRoot":"","sources":["../../src/app/widget-fixture.tsx"],"names":[],"mappings":"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"}

package/dist/app/widget-props-sheet.d.ts

@@ -0,0 +1,20 @@
+export interface WidgetPropsSheetLabels {
+    title?: string;
+    description?: string;
+    apply?: string;
+    cancel?: string;
+    reset?: string;
+    noProps?: string;
+    unsetOption?: string;
+}
+export interface WidgetPropsSheetProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    widgetId: string;
+    schema: Record<string, unknown> | undefined;
+    value: Record<string, unknown> | undefined;
+    onApply: (next: Record<string, unknown> | undefined) => void;
+    labels?: WidgetPropsSheetLabels;
+}
+export declare function WidgetPropsSheet({ open, onOpenChange, widgetId, schema, value, onApply, labels, }: WidgetPropsSheetProps): import("react").JSX.Element;
+//# sourceMappingURL=widget-props-sheet.d.ts.map

package/dist/app/widget-props-sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-props-sheet.d.ts","sourceRoot":"","sources":["../../src/app/widget-props-sheet.tsx"],"names":[],"mappings":"AAkDA,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAcD,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAAA;IAC3C,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAAA;IAC1C,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,KAAK,IAAI,CAAA;IAC5D,MAAM,CAAC,EAAE,sBAAsB,CAAA;CAChC;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,KAAK,EACL,OAAO,EACP,MAAM,GACP,EAAE,qBAAqB,+BA6EvB"}

package/dist/app/widget-props-sheet.js

@@ -0,0 +1,87 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button } from "../primitives/button.js";
+import { Input } from "../primitives/input.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../primitives/select.js";
+import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, } from "../primitives/sheet.js";
+import { Switch } from "../primitives/switch.js";
+const DEFAULT_LABELS = {
+    title: "Configure widget",
+    description: "Set per-instance props for this widget.",
+    apply: "Apply",
+    cancel: "Cancel",
+    reset: "Reset",
+    noProps: "This widget takes no per-instance props.",
+    unsetOption: "(unset)",
+};
+const UNSET_SENTINEL = "__unset__";
+export function WidgetPropsSheet({ open, onOpenChange, widgetId, schema, value, onApply, labels, }) {
+    const L = { ...DEFAULT_LABELS, ...labels };
+    const obj = (schema ?? {});
+    const [draft, setDraft] = useState(value ?? {});
+    // Reset the form to the saved value on the open→true transition so a
+    // user who closes the sheet without applying gets their unsaved edits
+    // discarded next time. Render-time state update with a "prev" tracker
+    // is the React-recommended alternative to a setState-in-effect.
+    const [prevOpen, setPrevOpen] = useState(open);
+    if (open !== prevOpen) {
+        setPrevOpen(open);
+        if (open)
+            setDraft(value ?? {});
+    }
+    const properties = obj.properties ?? {};
+    const propEntries = Object.entries(properties);
+    const handleApply = () => {
+        const cleaned = {};
+        for (const [k, v] of Object.entries(draft)) {
+            if (v === "" || v === undefined || v === null)
+                continue;
+            cleaned[k] = v;
+        }
+        onApply(Object.keys(cleaned).length > 0 ? cleaned : undefined);
+        onOpenChange(false);
+    };
+    return (_jsx(Sheet, { open: open, onOpenChange: onOpenChange, children: _jsxs(SheetContent, { className: "w-[400px] sm:max-w-md", children: [_jsxs(SheetHeader, { children: [_jsx(SheetTitle, { children: L.title }), _jsxs(SheetDescription, { children: [_jsx("span", { className: "bg-muted rounded px-1 font-mono text-xs", children: widgetId }), " \u2014", " ", L.description] })] }), _jsx("div", { className: "flex flex-col gap-4 px-4 py-4", children: propEntries.length === 0 ? (_jsx("p", { className: "text-muted-foreground text-sm", children: L.noProps })) : (propEntries.map(([key, prop]) => (_jsx(PropertyField, { name: key, prop: prop, value: draft[key], unsetLabel: L.unsetOption, onChange: (v) => setDraft((prev) => {
+                            if (v === undefined) {
+                                const rest = {};
+                                for (const [k, val] of Object.entries(prev)) {
+                                    if (k !== key)
+                                        rest[k] = val;
+                                }
+                                return rest;
+                            }
+                            return { ...prev, [key]: v };
+                        }) }, key)))) }), _jsxs("div", { className: "flex items-center justify-end gap-2 border-t px-4 py-3", children: [_jsx(Button, { variant: "ghost", onClick: () => setDraft({}), children: L.reset }), _jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), children: L.cancel }), _jsx(Button, { onClick: handleApply, children: L.apply })] })] }) }));
+}
+function PropertyField({ name, prop, value, unsetLabel, onChange, }) {
+    const id = `prop-${name}`;
+    if (prop.type === "string" && Array.isArray(prop.enum)) {
+        const options = prop.enum.filter((v) => typeof v === "string");
+        const current = typeof value === "string" && value !== "" ? value : UNSET_SENTINEL;
+        return (_jsx(FieldShell, { id: id, name: name, description: prop.description, children: _jsxs(Select, { value: current, onValueChange: (v) => onChange(v === UNSET_SENTINEL ? undefined : v), children: [_jsx(SelectTrigger, { id: id, children: _jsx(SelectValue, { placeholder: unsetLabel }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: UNSET_SENTINEL, children: unsetLabel }), options.map((opt) => (_jsx(SelectItem, { value: opt, children: opt }, opt)))] })] }) }));
+    }
+    if (prop.type === "string") {
+        const current = typeof value === "string" ? value : "";
+        return (_jsx(FieldShell, { id: id, name: name, description: prop.description, children: _jsx(Input, { id: id, value: current, onChange: (e) => onChange(e.target.value === "" ? undefined : e.target.value) }) }));
+    }
+    if (prop.type === "number" || prop.type === "integer") {
+        const current = typeof value === "number" ? String(value) : "";
+        return (_jsx(FieldShell, { id: id, name: name, description: prop.description, children: _jsx(Input, { id: id, type: "number", value: current, onChange: (e) => {
+                    const raw = e.target.value;
+                    if (raw === "")
+                        return onChange(undefined);
+                    const parsed = prop.type === "integer" ? Number.parseInt(raw, 10) : Number.parseFloat(raw);
+                    if (Number.isFinite(parsed))
+                        onChange(parsed);
+                } }) }));
+    }
+    if (prop.type === "boolean") {
+        const current = value === true;
+        return (_jsx(FieldShell, { id: id, name: name, description: prop.description, children: _jsx(Switch, { id: id, checked: current, onCheckedChange: (checked) => onChange(checked || undefined) }) }));
+    }
+    return (_jsx(FieldShell, { id: id, name: name, description: prop.description, children: _jsxs("p", { className: "text-muted-foreground text-xs italic", children: ["Unsupported type \"", prop.type ?? "(none)", "\" \u2014 edit raw JSON to set this field."] }) }));
+}
+function FieldShell({ id, name, description, children, }) {
+    return (_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx("label", { htmlFor: id, className: "text-sm font-medium", children: name }), children, description ? _jsx("p", { className: "text-muted-foreground text-xs", children: description }) : null] }));
+}
+//# sourceMappingURL=widget-props-sheet.js.map

package/dist/app/widget-props-sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-props-sheet.js","sourceRoot":"","sources":["../../src/app/widget-props-sheet.tsx"],"names":[],"mappings":"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"}

package/dist/app/widget-renderer.d.ts

@@ -0,0 +1,87 @@
+import { Component, type ComponentType, type ReactNode, type ErrorInfo } from "react";
+import type { LayoutConfig, PipelineContext, WidgetProps } from "@miragon/mcp-toolkit-core";
+export type WidgetComponent = ComponentType<WidgetProps>;
+/**
+ * Catches render-time crashes from a single widget so one broken widget
+ * can't take down the entire iframe view (or the builder canvas/preview).
+ *
+ * Exported so the visual builder's canvas + preview render sites reuse the
+ * same isolation the rendered `WidgetRenderer` already had — every place a
+ * widget component is rendered goes through {@link RenderedWidget}, which
+ * wraps the component in this boundary.
+ */
+export declare class WidgetErrorBoundary extends Component<{
+    widgetId: string;
+    children: ReactNode;
+}, {
+    error: Error | null;
+}> {
+    state: {
+        error: Error | null;
+    };
+    static getDerivedStateFromError(error: Error): {
+        error: Error;
+    };
+    componentDidCatch(error: Error, info: ErrorInfo): void;
+    render(): string | number | bigint | boolean | import("react").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
+}
+/**
+ * True when the pipeline context carries no widget data at all — no step
+ * results and no keys. A widget rendered against an empty context typically
+ * paints an empty shell (Finding [4]); callers use this to swap in a
+ * "data appears after refresh" hint instead.
+ *
+ * Intentionally coarse (per-view, not per-widget): the toolkit can't know
+ * which slice each widget reads without running its adapter, so it only
+ * degrades when there is provably nothing for any widget to show.
+ */
+export declare function contextHasNoData(context: PipelineContext): boolean;
+/**
+ * The single render site for a layout cell's widget, shared across the
+ * rendered view (`RowsRenderer`), the builder canvas, and the builder
+ * preview so all three isolate crashes identically:
+ *   - missing component → "not bundled" fallback,
+ *   - render crash → caught by {@link WidgetErrorBoundary} (Finding [1]),
+ *   - (builder only, opt-in) empty pipeline context → a dezent
+ *     "no data yet" hint (Finding [4]).
+ *
+ * The empty-state hint is gated behind `showEmptyHint` and defaults off so
+ * the shipped rendered view is unchanged: self-fetching control widgets
+ * there render correctly against an empty key-only context. The builder's
+ * canvas/preview opt in because their live context is empty until the first
+ * catalogue refresh resolves, and an empty widget shell reads as broken.
+ *
+ * `notBundledClassName` lets each surface match its own chrome (the builder
+ * uses denser padding/text than the rendered view).
+ */
+export declare function RenderedWidget({ widget: Widget, widgetId, props, cellProps, showEmptyHint, notBundledClassName, }: {
+    widget: WidgetComponent | undefined;
+    widgetId: string;
+    props: WidgetProps;
+    cellProps?: Record<string, unknown>;
+    showEmptyHint?: boolean;
+    notBundledClassName?: string;
+}): import("react").JSX.Element;
+export interface WidgetRendererProps {
+    layout: LayoutConfig;
+    keys: Record<string, unknown>;
+    stepData?: Record<string, {
+        data: unknown;
+        keys: Record<string, unknown>;
+        _app: string;
+        _dataType: string;
+    }>;
+    errors: {
+        stepId: string;
+        reason: string;
+    }[];
+    /**
+     * Map of widget ID to React component. Consumers provide this so that the
+     * renderer can dispatch layout entries like `{widget: "camunda7:incident-panel"}`
+     * to the concrete component. The map is usually aggregated from each module's
+     * widget exports at the consumer's `main.tsx` entry point.
+     */
+    widgets: Record<string, WidgetComponent>;
+}
+export declare function WidgetRenderer({ layout, keys, stepData, errors, widgets }: WidgetRendererProps): import("react").JSX.Element;
+//# sourceMappingURL=widget-renderer.d.ts.map

package/dist/app/widget-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-renderer.d.ts","sourceRoot":"","sources":["../../src/app/widget-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AACrF,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAU,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAMnG,MAAM,MAAM,eAAe,GAAG,aAAa,CAAC,WAAW,CAAC,CAAA;AAExD;;;;;;;;GAQG;AACH,qBAAa,mBAAoB,SAAQ,SAAS,CAChD;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,EACzC;IAAE,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;CAAE,CACxB;IACU,KAAK,EAAE;QAAE,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;KAAE,CAAkB;IACzD,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK;;;IAGnC,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS;IAG/C,MAAM;CAYhB;AAED;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,eAAe,GAAG,OAAO,CAElE;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EAAE,MAAM,EACd,QAAQ,EACR,KAAK,EACL,SAAS,EACT,aAAqB,EACrB,mBAAkG,GACnG,EAAE;IACD,MAAM,EAAE,eAAe,GAAG,SAAS,CAAA;IACnC,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,WAAW,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACnC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B,+BAgBA;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,YAAY,CAAA;IACpB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC7B,QAAQ,CAAC,EAAE,MAAM,CACf,MAAM,EACN;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAClF,CAAA;IACD,MAAM,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC5C;;;;;OAKG;IACH,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAA;CACzC;AA0CD,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,mBAAmB,+BAmC9F"}

package/dist/app/widget-renderer.js

@@ -0,0 +1,105 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Component } from "react";
+import { normalizeLayout } from "@miragon/mcp-toolkit-core";
+import { GridLayout, GridItem } from "../components/GridLayout.js";
+import { Card, CardContent } from "../primitives/card.js";
+import { Tabs, TabsList, TabsTrigger, TabsContent } from "../primitives/tabs.js";
+/**
+ * Catches render-time crashes from a single widget so one broken widget
+ * can't take down the entire iframe view (or the builder canvas/preview).
+ *
+ * Exported so the visual builder's canvas + preview render sites reuse the
+ * same isolation the rendered `WidgetRenderer` already had — every place a
+ * widget component is rendered goes through {@link RenderedWidget}, which
+ * wraps the component in this boundary.
+ */
+export class WidgetErrorBoundary extends Component {
+    state = { error: null };
+    static getDerivedStateFromError(error) {
+        return { error };
+    }
+    componentDidCatch(error, info) {
+        console.error(`Widget ${this.props.widgetId} crashed:`, error, info);
+    }
+    render() {
+        if (this.state.error) {
+            return (_jsx(Card, { children: _jsxs(CardContent, { className: "text-muted-foreground py-3 text-sm", children: ["Widget \"", this.props.widgetId, "\" failed to render."] }) }));
+        }
+        return this.props.children;
+    }
+}
+/**
+ * True when the pipeline context carries no widget data at all — no step
+ * results and no keys. A widget rendered against an empty context typically
+ * paints an empty shell (Finding [4]); callers use this to swap in a
+ * "data appears after refresh" hint instead.
+ *
+ * Intentionally coarse (per-view, not per-widget): the toolkit can't know
+ * which slice each widget reads without running its adapter, so it only
+ * degrades when there is provably nothing for any widget to show.
+ */
+export function contextHasNoData(context) {
+    return Object.keys(context.steps).length === 0 && Object.keys(context.keys).length === 0;
+}
+/**
+ * The single render site for a layout cell's widget, shared across the
+ * rendered view (`RowsRenderer`), the builder canvas, and the builder
+ * preview so all three isolate crashes identically:
+ *   - missing component → "not bundled" fallback,
+ *   - render crash → caught by {@link WidgetErrorBoundary} (Finding [1]),
+ *   - (builder only, opt-in) empty pipeline context → a dezent
+ *     "no data yet" hint (Finding [4]).
+ *
+ * The empty-state hint is gated behind `showEmptyHint` and defaults off so
+ * the shipped rendered view is unchanged: self-fetching control widgets
+ * there render correctly against an empty key-only context. The builder's
+ * canvas/preview opt in because their live context is empty until the first
+ * catalogue refresh resolves, and an empty widget shell reads as broken.
+ *
+ * `notBundledClassName` lets each surface match its own chrome (the builder
+ * uses denser padding/text than the rendered view).
+ */
+export function RenderedWidget({ widget: Widget, widgetId, props, cellProps, showEmptyHint = false, notBundledClassName = "text-muted-foreground rounded border border-dashed p-4 text-center text-xs", }) {
+    if (!Widget) {
+        return _jsxs("div", { className: notBundledClassName, children: ["Widget \"", widgetId, "\" not bundled."] });
+    }
+    if (showEmptyHint && contextHasNoData(props.context)) {
+        return (_jsx("div", { className: notBundledClassName, children: "No data for this widget yet \u2014 it appears after a refresh." }));
+    }
+    return (_jsx(WidgetErrorBoundary, { widgetId: widgetId, children: _jsx(Widget, { ...props, widgetProps: cellProps }) }));
+}
+function RowsRenderer({ rows, props, widgets, }) {
+    return (_jsx("div", { className: "flex flex-col gap-4", children: rows.map((row, rowIdx) => (_jsx(GridLayout, { children: row.row.map((cell, cellIdx) => {
+                const WidgetComponent = widgets[cell.widget];
+                // Keep the rendered view's original behaviour of skipping cells
+                // whose component isn't bundled (no placeholder in the shipped
+                // view), while still routing the resolvable ones through the
+                // shared `RenderedWidget` for error-boundary + empty-state.
+                if (!WidgetComponent)
+                    return null;
+                // Use a composite key so the same widget can appear in multiple
+                // cells of one row (e.g. side-by-side scoped dashboards) without
+                // colliding on React's reconciliation key.
+                return (_jsx(GridItem, { span: cell.span ?? 12, children: _jsx(RenderedWidget, { widget: WidgetComponent, widgetId: cell.widget, props: props, cellProps: cell.props }) }, `${cell.widget}-${cellIdx}`));
+            }) }, rowIdx))) }));
+}
+export function WidgetRenderer({ layout, keys, stepData, errors, widgets }) {
+    const steps = {};
+    if (stepData) {
+        for (const [id, result] of Object.entries(stepData)) {
+            steps[id] = { ...result, _step: id };
+        }
+    }
+    const pipelineContext = {
+        steps,
+        keys,
+        errors,
+    };
+    const widgetProps = { keys, context: pipelineContext };
+    const normalized = normalizeLayout(layout);
+    if ("tabs" in normalized) {
+        return (_jsxs(Tabs, { defaultValue: normalized.tabs[0]?.label, children: [_jsx(TabsList, { children: normalized.tabs.map((tab) => (_jsx(TabsTrigger, { value: tab.label, children: tab.label }, tab.label))) }), normalized.tabs.map((tab) => (_jsx(TabsContent, { value: tab.label, children: _jsx(RowsRenderer, { rows: tab.rows, props: widgetProps, widgets: widgets }) }, tab.label)))] }));
+    }
+    return _jsx(RowsRenderer, { rows: normalized.rows, props: widgetProps, widgets: widgets });
+}
+//# sourceMappingURL=widget-renderer.js.map

package/dist/app/widget-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-renderer.js","sourceRoot":"","sources":["../../src/app/widget-renderer.tsx"],"names":[],"mappings":"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"}