@bitbitpress/client 1.1.0-alpha.0 → 1.1.0-alpha.1

package/README.md

@@ -1141,3 +1141,227 @@ type InteractionResponseResponse = {
   appUserResponse: Record<string, unknown>;
 }
 ```
+
+## Synthesis Views
+
+A **synthesis view** is a UI that BitBit Press generates on the server for a
+named placement in your app (a feed card, a detail panel, a settings
+screen, etc.). You set up the view once in the BitBit CMS — choose a key
+name, write a prompt, point it at a synthesis config. Then in your app you
+mount it like this:
+
+```tsx
+<BitBitView client={client} keyName="story-card" />
+```
+
+The SDK fetches the generated UI, renders it using a small library of
+built-in primitives (`Row`, `Column`, `Text`, `Image`, `Button`, etc.), and
+splices in any of your own React components you've registered. As the user
+interacts with the UI, the SDK either routes the event to you (so your app
+handles navigation, mutations, etc.) or sends it back to the server so the
+agent can generate the next UI.
+
+The same surface is exported from both `@bitbitpress/client/react` and
+`@bitbitpress/client/react-native-expo`. This section uses the web names;
+the Expo entry is identical.
+
+### Quick start
+
+```tsx
+import { BitBitView } from '@bitbitpress/client/react';
+import client from '@/lib/bitbit-client';
+import { MyCard } from '@/components/my-card';
+
+export function Feed({ keyName }: { keyName: string }) {
+  return (
+    <BitBitView
+      client={client}
+      keyName={keyName}
+      components={{ MyCard }}
+      onEvent={(event) => console.log('host event', event)}
+    />
+  );
+}
+```
+
+That's enough to render any view whose generated UI uses only the SDK's
+built-in primitives, plus your `MyCard`.
+
+### Registering your own components
+
+In the CMS you can register a component as **"provided by your app"** —
+the server then refers to it by a name like `MyCard` in the generated UI,
+and the SDK looks it up in your registry to render it. The mapping from
+name to React component is what you pass in `components`:
+
+```tsx
+<BitBitView
+  client={client}
+  keyName="story-card"
+  components={{ MyCard, MyButton, MyAvatar }}
+/>
+```
+
+If you'll use the same component map across many views, register them
+once at the top of your app with `BitBitProvider` instead. Per-view
+`components` overrides still apply:
+
+```tsx
+import { BitBitProvider } from '@bitbitpress/client/react';
+
+<BitBitProvider components={{ MyCard, MyButton, MyAvatar }}>
+  <App />
+</BitBitProvider>
+```
+
+Components receive their bound props from the CMS contract you set up,
+plus a `children` prop when the view nested other components inside
+them. See [Handling events](#handling-events) below for how to also
+accept event callbacks.
+
+### Rendering pre-fetched UI
+
+If you already have the generated UI as a `uiData` array (for example,
+you cached the most recent response, or you're rendering a gallery of
+tiles fetched in one shot), use `BitBitViewRenderer` to skip the fetch:
+
+```tsx
+import { BitBitViewRenderer, type FlatUiNode } from '@bitbitpress/client/react';
+
+export function StaticTile({ uiData }: { uiData: FlatUiNode[] }) {
+  return <BitBitViewRenderer uiData={uiData} components={{ MyCard }} />;
+}
+```
+
+### Handling events
+
+Each event the view emits has a `handleWith` setting (chosen in the CMS):
+
+- **`HOST`** — the SDK forwards the event to your `onEvent` callback and
+  does nothing else. Use this for navigation, mutations, anything where
+  your app owns the consequence.
+- **`AGENT`** — the SDK sends the event back to the synthesis endpoint
+  with the prior UI as context, the agent returns a new UI, and the SDK
+  re-renders with it. Your `onEvent` is **not** called for AGENT events
+  (the handling is internal); they show up in the dev log if you need to
+  observe them. Nodes whose ids appear in both the old and new tree
+  preserve their React state, so a well-behaved view feels like a
+  partial update rather than a full reload.
+
+```tsx
+<BitBitView
+  client={client}
+  keyName="story-card"
+  onEvent={(event) => {
+    if (event.name === 'open-detail') {
+      navigation.push('Detail', { id: event.payload.id });
+    }
+  }}
+/>
+```
+
+The event object you receive is:
+
+```ts
+{
+  name: string;          // identifier from the CMS event binding
+  componentName: string; // name of the component that fired
+  slot: string;          // which slot on the component (e.g. 'onClick')
+  payload: object;       // anything the binding declared + anything the host passed
+}
+```
+
+The runtime also includes a `nodeId` (the internal id of the rendered
+instance) and `handleWith` (always `'HOST'` by the time your callback
+runs). Both are present for debugging and rarely need to be consumed.
+
+#### Events on your components
+
+If you registered a component with events in its CMS contract (e.g. an
+`onClick` slot), the SDK passes a callback for that slot as a prop. Call
+it from inside your component to fire the event through the BB pipeline,
+exactly as if it had come from a built-in primitive:
+
+```tsx
+function MyCard({
+  title,
+  onClick,
+}: {
+  title: string;
+  onClick?: (payload?: unknown) => void;
+}) {
+  return <Pressable onPress={() => onClick?.()}>{title}</Pressable>;
+}
+```
+
+Anything you pass (a plain object) is merged with the payload the CMS
+binding declared before the event fires.
+
+### When a component name isn't registered
+
+If the generated UI references a component name you haven't registered,
+the SDK falls back to a placeholder. The default behavior depends on
+your environment:
+
+- **Development** (`process.env.NODE_ENV !== 'production'`) — renders a
+  labeled marker (`⚠ Unknown component: X`) so you can see what's
+  missing.
+- **Production** — renders nothing. Avoids visible debug artifacts in
+  real user UIs as you grow the registry over time.
+
+Override with `renderUnknown`, or set `dev` to force development behavior
+in environments where `NODE_ENV` doesn't reflect what you want (for
+example, a CMS preview tool that ships as a production build but should
+still surface missing components):
+
+```tsx
+<BitBitView client={client} keyName={keyName} dev /> // always show warnings
+<BitBitView
+  client={client}
+  keyName={keyName}
+  renderUnknown={(name) => <YourPlaceholder name={name} />}
+/>
+```
+
+### Performance: speculative preloading
+
+The SDK can prefetch the next UI for AGENT events whose payload it can
+predict ahead of time, so the user's click lands on a cached response
+with no server roundtrip. This is on by default. To disable:
+
+```tsx
+<BitBitView client={client} keyName={keyName} preloadNextUi={false} />
+```
+
+### Dev diagnostics
+
+In dev mode (or when you pass `dev={true}`), the SDK prints every event
+to the console, prefixed with `[BB]`:
+
+```
+[BB] event MyCard.onClick → AGENT { name: 'open-detail', payload: { id: '…' }, ... }
+```
+
+These logs are completely stripped in production builds — no SDK chatter
+in real user devices.
+
+### Custom rendering (advanced)
+
+If you want to render the UI tree yourself but still use the SDK's fetch +
+AGENT continuation + preload cache, use the hook directly:
+
+```tsx
+import { useEventDrivenView } from '@bitbitpress/client/react';
+
+const { uiData, loading, error, handleEvent } = useEventDrivenView(
+  client,
+  keyName,
+  onHostEvent,
+  contentInputs,
+  viewInputs,
+);
+```
+
+`uiData` is the same array `BitBitViewRenderer` consumes; wire
+`handleEvent` as your custom renderer's event callback to keep AGENT
+events flowing through the SDK.

package/dist/react/index.d.ts

@@ -2,35 +2,54 @@ import { type RenderUnknown, type SynthesisViewTreeProps } from '../synthesisVie
 import type { ComponentMap, ContentInput, SynthesisViewEvent, SynthesizeViewFetcher } from '../synthesisView/types.js';
 export { type BitBitContextValue, BitBitProvider } from '../synthesisView/context.js';
 export { createComponentMap, type GlobModules, type RequireContext, } from '../synthesisView/createComponentMap.js';
-export type { ComponentMap, ContentInput, FlatUiKeyNameNode, FlatUiNode, FlatUiPrimitiveNode, SynthesisViewEvent, SynthesizeViewFetcher, ViewInputs, } from '../synthesisView/types.js';
+export type { ComponentMap, ContentInput, FlatUiKeyNameNode, FlatUiNode, FlatUiPrimitiveNode, SynthesisViewEvent, SynthesisViewEventInput, SynthesizeViewFetcher, ViewEventHandleWith, ViewInputs, } from '../synthesisView/types.js';
+export { type UseEventDrivenViewOptions, type UseEventDrivenViewResult, useEventDrivenView, } from '../synthesisView/useEventDrivenView.js';
 export { bitBitBuiltins } from './primitives.js';
 export type BitBitViewRendererProps = Omit<SynthesisViewTreeProps, 'renderUnknown' | 'defaultComponents'> & {
-    /** Override how unregistered components render. Defaults to a labeled marker. */
+    /** Override how unregistered components render. Defaults to a dev-only
+     *  marker (see {@link isDevEnvironment}). */
     renderUnknown?: RenderUnknown;
+    /** Force the in-dev warning behavior regardless of `process.env.NODE_ENV`.
+     *  Set true in CMS / preview hosts (e.g. BitBitPress's own admin UI) so
+     *  unknown components stay visible even when those hosts are built in
+     *  production mode. Defaults to env-derived. */
+    dev?: boolean;
 };
 /** Web renderer for a pre-fetched `uiData` array. BB built-in primitives are
  *  registered automatically; pass `components` to add or override entries by
  *  name. Use `<BitBitView>` if you want it to fetch for you. */
-export declare function BitBitViewRenderer({ renderUnknown, ...rest }: BitBitViewRendererProps): import("react").FunctionComponentElement<SynthesisViewTreeProps>;
+export declare function BitBitViewRenderer({ renderUnknown, dev, onEvent, ...rest }: BitBitViewRendererProps): import("react").FunctionComponentElement<SynthesisViewTreeProps>;
 export type BitBitViewProps = {
     /** A BitBitPressClient (or anything with `user.synthesizeViewItem`). */
     client: SynthesizeViewFetcher;
     keyName: string;
     contentInputs?: ContentInput[];
     components?: ComponentMap;
+    /** Fires for `HOST` events the component contract declared. `AGENT`
+     *  events are handled internally — the SDK rounds-trips to the synthesis
+     *  endpoint and swaps the UI in place; customers don't see them unless
+     *  they explicitly opt in via the contract. */
     onEvent?: (event: SynthesisViewEvent) => void;
     renderUnknown?: RenderUnknown;
+    /** Force the in-dev warning behavior regardless of `process.env.NODE_ENV`.
+     *  See {@link BitBitViewRendererProps.dev}. */
+    dev?: boolean;
     /** Force a dark/light mode. Defaults to the browser's
      *  `prefers-color-scheme` (live-updates if the user toggles their OS
      *  theme). */
     darkMode?: boolean;
+    /** When true (default), speculatively prefetches the agent's next-UI for
+     *  AGENT events whose payloads don't need runtime input. Real clicks land
+     *  on the cached response with zero server roundtrip. Set false to
+     *  disable. */
+    preloadNextUi?: boolean;
 };
 /**
  * Web view: fetches a synthesis view by `keyName` and renders it in place.
- * Renders nothing while loading. Multiple `<BitBitView>` mounts within a
- * short window are coalesced into a single batched request.
+ * AGENT-handled events drive the next UI back through the agent
+ * (preloaded when possible). HOST events fire to `onEvent`.
  */
-export declare function BitBitView({ client, keyName, contentInputs, components, onEvent, renderUnknown, darkMode, }: BitBitViewProps): import("react").DetailedReactHTMLElement<{
+export declare function BitBitView({ client, keyName, contentInputs, components, onEvent, renderUnknown, dev, darkMode, preloadNextUi, }: BitBitViewProps): import("react").DetailedReactHTMLElement<{
     'data-bitbit-error': boolean;
     style: {
         color: "#b00020";

package/dist/react/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,sBAAsB,EAC5B,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,qBAAqB,EAEtB,MAAM,2BAA2B,CAAC;AAInC,OAAO,EAAE,KAAK,kBAAkB,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACtF,OAAO,EACL,kBAAkB,EAClB,KAAK,WAAW,EAChB,KAAK,cAAc,GACpB,MAAM,wCAAwC,CAAC;AAChD,YAAY,EACV,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,UAAU,EACV,mBAAmB,EACnB,kBAAkB,EAClB,qBAAqB,EACrB,UAAU,GACX,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAsBjD,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,sBAAsB,EACtB,eAAe,GAAG,mBAAmB,CACtC,GAAG;IACF,iFAAiF;IACjF,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B,CAAC;AAYF;;gEAEgE;AAChE,wBAAgB,kBAAkB,CAAC,EAAE,aAAa,EAAE,GAAG,IAAI,EAAE,EAAE,uBAAuB,oEAMrF;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,wEAAwE;IACxE,MAAM,EAAE,qBAAqB,CAAC;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;kBAEc;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,OAAO,EACP,aAAa,EACb,UAAU,EACV,OAAO,EACP,aAAa,EACb,QAAQ,GACT,EAAE,eAAe;;;;;;;2FAwBjB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,sBAAsB,EAC5B,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,qBAAqB,EAEtB,MAAM,2BAA2B,CAAC;AAInC,OAAO,EAAE,KAAK,kBAAkB,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACtF,OAAO,EACL,kBAAkB,EAClB,KAAK,WAAW,EAChB,KAAK,cAAc,GACpB,MAAM,wCAAwC,CAAC;AAChD,YAAY,EACV,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,UAAU,EACV,mBAAmB,EACnB,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,EACrB,mBAAmB,EACnB,UAAU,GACX,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,KAAK,yBAAyB,EAC9B,KAAK,wBAAwB,EAC7B,kBAAkB,GACnB,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAsBjD,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,sBAAsB,EACtB,eAAe,GAAG,mBAAmB,CACtC,GAAG;IACF;iDAC6C;IAC7C,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;oDAGgD;IAChD,GAAG,CAAC,EAAE,OAAO,CAAC;CACf,CAAC;AA6BF;;gEAEgE;AAChE,wBAAgB,kBAAkB,CAAC,EACjC,aAAa,EACb,GAAG,EACH,OAAO,EACP,GAAG,IAAI,EACR,EAAE,uBAAuB,oEAQzB;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,wEAAwE;IACxE,MAAM,EAAE,qBAAqB,CAAC;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B;;;mDAG+C;IAC/C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;mDAC+C;IAC/C,GAAG,CAAC,EAAE,OAAO,CAAC;IACd;;kBAEc;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;mBAGe;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,OAAO,EACP,aAAa,EACb,UAAU,EACV,OAAO,EACP,aAAa,EACb,GAAG,EACH,QAAQ,EACR,aAAa,GACd,EAAE,eAAe;;;;;;;2FAgCjB"}

package/dist/react/index.js

@@ -1,9 +1,11 @@
 import { createElement, useEffect, useState } from 'react';
+import { devLog, isDevEnvironment } from '../synthesisView/devLog.js';
 import { SynthesisViewTree, } from '../synthesisView/engine.js';
-import { useSynthesisView } from '../synthesisView/useSynthesisView.js';
+import { useEventDrivenView } from '../synthesisView/useEventDrivenView.js';
 import { bitBitBuiltins } from './primitives.js';
 export { BitBitProvider } from '../synthesisView/context.js';
 export { createComponentMap, } from '../synthesisView/createComponentMap.js';
+export { useEventDrivenView, } from '../synthesisView/useEventDrivenView.js';
 export { bitBitBuiltins } from './primitives.js';
 /** Track the browser's `prefers-color-scheme` and re-render on change. Returns
  *  `null` during SSR or when the API isn't available — callers fall back to
@@ -24,30 +26,44 @@ function useSystemDarkMode() {
     }, []);
     return isDark;
 }
-const defaultRenderUnknown = (name) => createElement('span', {
+const renderUnknownWarning = (name) => createElement('span', {
     'data-bitbit-unknown': name,
     style: { color: '#b00020', fontFamily: 'monospace', fontSize: 12 },
 }, `⚠ Unknown component: ${name}`);
+/** Silent in production: an unknown name renders nothing rather than splashing
+ *  a debug marker in the customer's real app. */
+const renderUnknownSilent = () => null;
+/** Wrap `onEvent` so each emission prints to the console with the dispatch
+ *  routing inline. Routed through {@link devLog} so the message is auto-
+ *  prefixed with `[BB]` and stripped to a no-op outside dev. */
+function withDevEventLog(dev, onEvent) {
+    return (event) => {
+        devLog(dev, `event ${event.componentName}.${event.slot} → ${event.handleWith}`, event);
+        onEvent?.(event);
+    };
+}
 /** Web renderer for a pre-fetched `uiData` array. BB built-in primitives are
  *  registered automatically; pass `components` to add or override entries by
  *  name. Use `<BitBitView>` if you want it to fetch for you. */
-export function BitBitViewRenderer({ renderUnknown, ...rest }) {
+export function BitBitViewRenderer({ renderUnknown, dev, onEvent, ...rest }) {
+    const isDev = dev ?? isDevEnvironment();
     return createElement(SynthesisViewTree, {
         ...rest,
         defaultComponents: bitBitBuiltins,
-        renderUnknown: renderUnknown ?? defaultRenderUnknown,
+        renderUnknown: renderUnknown ?? (isDev ? renderUnknownWarning : renderUnknownSilent),
+        onEvent: isDev ? withDevEventLog(dev, onEvent) : onEvent,
     });
 }
 /**
  * Web view: fetches a synthesis view by `keyName` and renders it in place.
- * Renders nothing while loading. Multiple `<BitBitView>` mounts within a
- * short window are coalesced into a single batched request.
+ * AGENT-handled events drive the next UI back through the agent
+ * (preloaded when possible). HOST events fire to `onEvent`.
  */
-export function BitBitView({ client, keyName, contentInputs, components, onEvent, renderUnknown, darkMode, }) {
+export function BitBitView({ client, keyName, contentInputs, components, onEvent, renderUnknown, dev, darkMode, preloadNextUi, }) {
     const systemDark = useSystemDarkMode();
     const resolvedDark = darkMode ?? systemDark ?? undefined;
     const viewInputs = resolvedDark !== undefined ? { darkMode: resolvedDark } : undefined;
-    const { uiData, loading, error } = useSynthesisView(client, keyName, contentInputs, viewInputs);
+    const { uiData, loading, error, handleEvent } = useEventDrivenView(client, keyName, onEvent, contentInputs, viewInputs, { preloadNextUi });
     if (loading)
         return null;
     if (error) {
@@ -61,8 +77,9 @@ export function BitBitView({ client, keyName, contentInputs, components, onEvent
     return createElement(BitBitViewRenderer, {
         uiData,
         components,
-        onEvent,
+        onEvent: handleEvent,
         renderUnknown,
+        dev,
     });
 }
 //# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"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"}

package/dist/react-native-expo/index.d.ts

@@ -2,15 +2,18 @@ import { type RenderUnknown, type SynthesisViewTreeProps } from '../synthesisVie
 import type { ComponentMap, ContentInput, SynthesisViewEvent, SynthesizeViewFetcher } from '../synthesisView/types.js';
 export { type BitBitContextValue, BitBitProvider } from '../synthesisView/context.js';
 export { createComponentMap, type GlobModules, type RequireContext, } from '../synthesisView/createComponentMap.js';
-export type { ComponentMap, ContentInput, FlatUiKeyNameNode, FlatUiNode, FlatUiPrimitiveNode, SynthesisViewEvent, SynthesizeViewFetcher, ViewInputs, } from '../synthesisView/types.js';
+export type { ComponentMap, ContentInput, FlatUiKeyNameNode, FlatUiNode, FlatUiPrimitiveNode, SynthesisViewEvent, SynthesisViewEventInput, SynthesizeViewFetcher, ViewEventHandleWith, ViewInputs, } from '../synthesisView/types.js';
+export { type UseEventDrivenViewOptions, type UseEventDrivenViewResult, useEventDrivenView, } from '../synthesisView/useEventDrivenView.js';
 export { bitBitBuiltins } from './primitives.js';
 export type BitBitViewRendererProps = Omit<SynthesisViewTreeProps, 'renderUnknown' | 'defaultComponents'> & {
     /**
-     * Override how unregistered components render. Defaults to nothing — most
-     * uses won't hit it because the BB built-in primitives cover every name a
-     * default tree references. Pass one to surface unknown components in dev.
+     * Override how unregistered components render. Defaults are env-derived:
+     * a dev-only warning marker when `process.env.NODE_ENV !== 'production'`,
+     * silent in production builds. Set `dev` to force the warning behavior.
      */
     renderUnknown?: RenderUnknown;
+    /** Force the in-dev warning behavior regardless of `process.env.NODE_ENV`. */
+    dev?: boolean;
 };
 /**
  * React Native (Expo) renderer for a pre-fetched `uiData` array. BB built-in
@@ -19,24 +22,32 @@ export type BitBitViewRendererProps = Omit<SynthesisViewTreeProps, 'renderUnknow
  * on Expo packages (`expo-linear-gradient`, etc.). Use `<BitBitView>` if you
  * want it to fetch for you.
  */
-export declare function BitBitViewRenderer({ renderUnknown, ...rest }: BitBitViewRendererProps): import("react").FunctionComponentElement<SynthesisViewTreeProps>;
+export declare function BitBitViewRenderer({ renderUnknown, dev, onEvent, ...rest }: BitBitViewRendererProps): import("react").FunctionComponentElement<SynthesisViewTreeProps>;
 export type BitBitViewProps = {
     /** A BitBitPressClient (or anything with `user.synthesizeViewItem`). */
     client: SynthesizeViewFetcher;
     keyName: string;
     contentInputs?: ContentInput[];
     components?: ComponentMap;
+    /** Fires for `HOST` events the component contract declared. `AGENT`
+     *  events are handled internally — the SDK round-trips to the synthesis
+     *  endpoint and swaps the UI in place. */
     onEvent?: (event: SynthesisViewEvent) => void;
     renderUnknown?: RenderUnknown;
+    /** Force the in-dev warning behavior regardless of `process.env.NODE_ENV`.
+     *  See {@link BitBitViewRendererProps.dev}. */
+    dev?: boolean;
     /** Force a dark/light mode. Defaults to the system appearance via RN's
      *  `useColorScheme` (re-renders when the user toggles their OS theme). */
     darkMode?: boolean;
+    /** When true (default), speculatively prefetches AGENT events with
+     *  payload-less contracts so real clicks render with zero roundtrip. */
+    preloadNextUi?: boolean;
 };
 /**
  * React Native (Expo) view: fetches a synthesis view by `keyName` and renders
- * it in place. Renders nothing while loading or on error (RN has no text
- * host). Multiple `<BitBitView>` mounts within a short window are coalesced
- * into a single batched request.
+ * it in place. AGENT events drive next UIs back through the agent (preloaded
+ * when possible). HOST events fire `onEvent`.
  */
-export declare function BitBitView({ client, keyName, contentInputs, components, onEvent, renderUnknown, darkMode, }: BitBitViewProps): import("react").FunctionComponentElement<BitBitViewRendererProps> | null;
+export declare function BitBitView({ client, keyName, contentInputs, components, onEvent, renderUnknown, dev, darkMode, preloadNextUi, }: BitBitViewProps): import("react").FunctionComponentElement<BitBitViewRendererProps> | null;
 //# sourceMappingURL=index.d.ts.map

package/dist/react-native-expo/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react-native-expo/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,sBAAsB,EAC5B,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,qBAAqB,EAEtB,MAAM,2BAA2B,CAAC;AAInC,OAAO,EAAE,KAAK,kBAAkB,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACtF,OAAO,EACL,kBAAkB,EAClB,KAAK,WAAW,EAChB,KAAK,cAAc,GACpB,MAAM,wCAAwC,CAAC;AAChD,YAAY,EACV,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,UAAU,EACV,mBAAmB,EACnB,kBAAkB,EAClB,qBAAqB,EACrB,UAAU,GACX,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,sBAAsB,EACtB,eAAe,GAAG,mBAAmB,CACtC,GAAG;IACF;;;;OAIG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B,CAAC;AAyCF;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,aAAa,EAAE,GAAG,IAAI,EAAE,EAAE,uBAAuB,oEAOrF;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,wEAAwE;IACxE,MAAM,EAAE,qBAAqB,CAAC;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;8EAC0E;IAC1E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,OAAO,EACP,aAAa,EACb,UAAU,EACV,OAAO,EACP,aAAa,EACb,QAAQ,GACT,EAAE,eAAe,4EAcjB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react-native-expo/index.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,sBAAsB,EAC5B,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,qBAAqB,EAEtB,MAAM,2BAA2B,CAAC;AAInC,OAAO,EAAE,KAAK,kBAAkB,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACtF,OAAO,EACL,kBAAkB,EAClB,KAAK,WAAW,EAChB,KAAK,cAAc,GACpB,MAAM,wCAAwC,CAAC;AAChD,YAAY,EACV,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,UAAU,EACV,mBAAmB,EACnB,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,EACrB,mBAAmB,EACnB,UAAU,GACX,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,KAAK,yBAAyB,EAC9B,KAAK,wBAAwB,EAC7B,kBAAkB,GACnB,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,sBAAsB,EACtB,eAAe,GAAG,mBAAmB,CACtC,GAAG;IACF;;;;OAIG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,8EAA8E;IAC9E,GAAG,CAAC,EAAE,OAAO,CAAC;CACf,CAAC;AA6DF;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,aAAa,EACb,GAAG,EACH,OAAO,EACP,GAAG,IAAI,EACR,EAAE,uBAAuB,oEASzB;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,wEAAwE;IACxE,MAAM,EAAE,qBAAqB,CAAC;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B;;8CAE0C;IAC1C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;mDAC+C;IAC/C,GAAG,CAAC,EAAE,OAAO,CAAC;IACd;8EAC0E;IAC1E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;4EACwE;IACxE,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,OAAO,EACP,aAAa,EACb,UAAU,EACV,OAAO,EACP,aAAa,EACb,GAAG,EACH,QAAQ,EACR,aAAa,GACd,EAAE,eAAe,4EAsBjB"}

package/dist/react-native-expo/index.js

@@ -1,12 +1,15 @@
 import { createElement } from 'react';
-import { useColorScheme } from 'react-native';
+import { Text, useColorScheme } from 'react-native';
+import { devLog, isDevEnvironment } from '../synthesisView/devLog.js';
 import { SynthesisViewTree, } from '../synthesisView/engine.js';
-import { useSynthesisView } from '../synthesisView/useSynthesisView.js';
+import { useEventDrivenView } from '../synthesisView/useEventDrivenView.js';
 import { bitBitBuiltins } from './primitives.js';
 export { BitBitProvider } from '../synthesisView/context.js';
 export { createComponentMap, } from '../synthesisView/createComponentMap.js';
+export { useEventDrivenView, } from '../synthesisView/useEventDrivenView.js';
 export { bitBitBuiltins } from './primitives.js';
-const defaultRenderUnknown = () => null;
+const renderUnknownWarning = (name) => createElement(Text, { style: { color: '#b00020', fontFamily: 'monospace', fontSize: 12 } }, `⚠ Unknown component: ${name}`);
+const renderUnknownSilent = () => null;
 const DEFAULT_FONT_SIZE = 16;
 /** Extract the primary family name from a CSS-shape `fontFamily` value.
  *  Web takes the full fallback chain (`'"Inter-Regular", "Inter", ...'`);
@@ -40,6 +43,15 @@ function normalizeRNStyle(value) {
     }
     return changed ? out : value;
 }
+/** Wrap `onEvent` so each emission prints to the console with the dispatch
+ *  routing inline. Routed through {@link devLog} so the message is auto-
+ *  prefixed with `[BB]` and stripped to a no-op outside dev. */
+function withDevEventLog(dev, onEvent) {
+    return (event) => {
+        devLog(dev, `event ${event.componentName}.${event.slot} → ${event.handleWith}`, event);
+        onEvent?.(event);
+    };
+}
 /**
  * React Native (Expo) renderer for a pre-fetched `uiData` array. BB built-in
  * primitives are registered automatically; pass `components` to add or
@@ -47,32 +59,34 @@ function normalizeRNStyle(value) {
  * on Expo packages (`expo-linear-gradient`, etc.). Use `<BitBitView>` if you
  * want it to fetch for you.
  */
-export function BitBitViewRenderer({ renderUnknown, ...rest }) {
+export function BitBitViewRenderer({ renderUnknown, dev, onEvent, ...rest }) {
+    const isDev = dev ?? isDevEnvironment();
     return createElement(SynthesisViewTree, {
         ...rest,
         defaultComponents: bitBitBuiltins,
         normalizeStyle: normalizeRNStyle,
-        renderUnknown: renderUnknown ?? defaultRenderUnknown,
+        renderUnknown: renderUnknown ?? (isDev ? renderUnknownWarning : renderUnknownSilent),
+        onEvent: isDev ? withDevEventLog(dev, onEvent) : onEvent,
     });
 }
 /**
  * React Native (Expo) view: fetches a synthesis view by `keyName` and renders
- * it in place. Renders nothing while loading or on error (RN has no text
- * host). Multiple `<BitBitView>` mounts within a short window are coalesced
- * into a single batched request.
+ * it in place. AGENT events drive next UIs back through the agent (preloaded
+ * when possible). HOST events fire `onEvent`.
  */
-export function BitBitView({ client, keyName, contentInputs, components, onEvent, renderUnknown, darkMode, }) {
+export function BitBitView({ client, keyName, contentInputs, components, onEvent, renderUnknown, dev, darkMode, preloadNextUi, }) {
     const systemScheme = useColorScheme();
     const resolvedDark = darkMode ?? (systemScheme === 'dark' ? true : systemScheme === 'light' ? false : undefined);
     const viewInputs = resolvedDark !== undefined ? { darkMode: resolvedDark } : undefined;
-    const { uiData, loading, error } = useSynthesisView(client, keyName, contentInputs, viewInputs);
+    const { uiData, loading, error, handleEvent } = useEventDrivenView(client, keyName, onEvent, contentInputs, viewInputs, { preloadNextUi });
     if (loading || error || !uiData.length)
         return null;
     return createElement(BitBitViewRenderer, {
         uiData,
         components,
-        onEvent,
+        onEvent: handleEvent,
         renderUnknown,
+        dev,
     });
 }
 //# sourceMappingURL=index.js.map

package/dist/react-native-expo/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react-native-expo/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react-native-expo/index.ts"],"names":[],"mappings":"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"}

package/dist/synthesisView/devLog.d.ts

@@ -0,0 +1,10 @@
+/** True when the bundle was built outside production. Read at runtime so
+ *  bundlers can DCE the dev-log path during minification. Guarded for
+ *  environments where `process` is undefined (some edge runtimes). */
+export declare function isDevEnvironment(): boolean;
+/** Single sink for every diagnostic log shipped from the SDK. Auto-prefixes
+ *  with `[BB]` and silently no-ops outside dev so customer production builds
+ *  don't carry SDK chatter. Pass `dev` explicitly to override env detection
+ *  (e.g. CMS preview hosts that ship as prod bundles but want diagnostics). */
+export declare function devLog(dev: boolean | undefined, ...args: unknown[]): void;
+//# sourceMappingURL=devLog.d.ts.map

package/dist/synthesisView/devLog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"devLog.d.ts","sourceRoot":"","sources":["../../src/synthesisView/devLog.ts"],"names":[],"mappings":"AAAA;;sEAEsE;AACtE,wBAAgB,gBAAgB,IAAI,OAAO,CAM1C;AAED;;;+EAG+E;AAC/E,wBAAgB,MAAM,CAAC,GAAG,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,CAKzE"}

package/dist/synthesisView/devLog.js

@@ -0,0 +1,23 @@
+/** True when the bundle was built outside production. Read at runtime so
+ *  bundlers can DCE the dev-log path during minification. Guarded for
+ *  environments where `process` is undefined (some edge runtimes). */
+export function isDevEnvironment() {
+    try {
+        return typeof process !== 'undefined' && process.env?.NODE_ENV !== 'production';
+    }
+    catch {
+        return false;
+    }
+}
+/** Single sink for every diagnostic log shipped from the SDK. Auto-prefixes
+ *  with `[BB]` and silently no-ops outside dev so customer production builds
+ *  don't carry SDK chatter. Pass `dev` explicitly to override env detection
+ *  (e.g. CMS preview hosts that ship as prod bundles but want diagnostics). */
+export function devLog(dev, ...args) {
+    const isDev = dev ?? isDevEnvironment();
+    if (!isDev)
+        return;
+    // eslint-disable-next-line no-console
+    console.log('[BB]', ...args);
+}
+//# sourceMappingURL=devLog.js.map

package/dist/synthesisView/devLog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"devLog.js","sourceRoot":"","sources":["../../src/synthesisView/devLog.ts"],"names":[],"mappings":"AAAA;;sEAEsE;AACtE,MAAM,UAAU,gBAAgB;IAC9B,IAAI,CAAC;QACH,OAAO,OAAO,OAAO,KAAK,WAAW,IAAI,OAAO,CAAC,GAAG,EAAE,QAAQ,KAAK,YAAY,CAAC;IAClF,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,KAAK,CAAC;IACf,CAAC;AACH,CAAC;AAED;;;+EAG+E;AAC/E,MAAM,UAAU,MAAM,CAAC,GAAwB,EAAE,GAAG,IAAe;IACjE,MAAM,KAAK,GAAG,GAAG,IAAI,gBAAgB,EAAE,CAAC;IACxC,IAAI,CAAC,KAAK;QAAE,OAAO;IACnB,sCAAsC;IACtC,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC;AAC/B,CAAC"}

package/dist/synthesisView/engine.js

@@ -81,7 +81,14 @@ function renderPrimitiveNode(node, context) {
                 if (componentPayload && typeof componentPayload === 'object') {
                     Object.assign(payload, componentPayload);
                 }
-                emit({ name: event.name, payload, nodeId: node.id });
+                emit({
+                    name: event.name,
+                    payload,
+                    slot,
+                    nodeId: node.id,
+                    componentName: node.component,
+                    handleWith: event.handleWith ?? 'AGENT',
+                });
             };
         }
     }
@@ -101,6 +108,25 @@ function renderPrimitiveNode(node, context) {
 function renderKeyNameNode(node, context) {
     const Component = context.components[node.component];
     const props = { ...(node.props ?? {}) };
+    if (node.events && context.onEvent) {
+        const emit = context.onEvent;
+        for (const [slot, event] of Object.entries(node.events)) {
+            props[slot] = (componentPayload) => {
+                const payload = { ...(event.payload ?? {}) };
+                if (componentPayload && typeof componentPayload === 'object') {
+                    Object.assign(payload, componentPayload);
+                }
+                emit({
+                    name: event.name,
+                    payload,
+                    slot,
+                    nodeId: node.id,
+                    componentName: node.component,
+                    handleWith: event.handleWith ?? 'AGENT',
+                });
+            };
+        }
+    }
     const childIds = nodeChildIds(node);
     if (childIds) {
         props.children = childIds.map((childId) => renderNode(childId, context));

package/dist/synthesisView/engine.js.map

@@ -1 +1 @@
-{"version":3,"file":"engine.js","sourceRoot":"","sources":["../../src/synthesisView/engine.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"engine.js","sourceRoot":"","sources":["../../src/synthesisView/engine.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAyBhD,SAAS,YAAY,CAAC,KAA+B;IACnD,MAAM,GAAG,GAAG,IAAI,GAAG,EAAsB,CAAC;IAC1C,IAAI,CAAC,KAAK;QAAE,OAAO,GAAG,CAAC;IACvB,KAAK,MAAM,CAAC,IAAI,KAAK;QAAE,IAAI,CAAC,IAAI,OAAO,CAAC,CAAC,EAAE,KAAK,QAAQ;YAAE,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;IAC3E,OAAO,GAAG,CAAC;AACb,CAAC;AAED,SAAS,YAAY,CAAC,IAAgB;IACpC,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC;QAAE,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvD,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ;QAAE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACxD,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,MAAM,uBAAuB,GAAG,IAAI,GAAG,CAAS;IAC9C,IAAI;IACJ,MAAM;IACN,WAAW;IACX,UAAU;IACV,OAAO;IACP,QAAQ;CACT,CAAC,CAAC;AAEH,SAAS,qBAAqB,CAAC,IAAyB;IACtD,MAAM,GAAG,GAA4B,EAAE,CAAC;IACxC,KAAK,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;QAC1C,IAAI,uBAAuB,CAAC,GAAG,CAAC,CAAC,CAAC;YAAE,SAAS;QAC7C,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IACb,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAiBD;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAChC,MAAM,EACN,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,OAAO,EACP,aAAa,GACU;IACvB,MAAM,QAAQ,GAAG,gBAAgB,EAAE,CAAC;IACpC,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAChD,MAAM,KAAK,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;IACnC,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;IAC7B,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IACzB,MAAM,OAAO,GAAkB;QAC7B,KAAK;QACL,UAAU,EAAE,EAAE,GAAG,iBAAiB,EAAE,GAAG,QAAQ,EAAE,UAAU,EAAE,GAAG,UAAU,EAAE;QAC5E,cAAc;QACd,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,OAAO;QACrC,aAAa;KACd,CAAC;IACF,OAAO,aAAa,CAAC,QAAQ,EAAE,IAAI,EAAE,UAAU,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AACpE,CAAC;AAED,SAAS,UAAU,CAAC,EAAU,EAAE,OAAsB;IACpD,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IACnC,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvB,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;QAC7B,OAAO,iBAAiB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAC1C,CAAC;IAED,OAAO,mBAAmB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;AAC5C,CAAC;AAED,SAAS,mBAAmB,CAAC,IAAyB,EAAE,OAAsB;IAC5E,MAAM,KAAK,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAE1C,IAAI,IAAI,CAAC,MAAM,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;QACnC,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC;QAC7B,KAAK,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;YACxD,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,gBAA0B,EAAE,EAAE;gBAC3C,MAAM,OAAO,GAA4B,EAAE,GAAG,CAAC,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC,EAAE,CAAC;gBACtE,IAAI,gBAAgB,IAAI,OAAO,gBAAgB,KAAK,QAAQ,EAAE,CAAC;oBAC7D,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,gBAA2C,CAAC,CAAC;gBACtE,CAAC;gBACD,IAAI,CAAC;oBACH,IAAI,EAAE,KAAK,CAAC,IAAI;oBAChB,OAAO;oBACP,IAAI;oBACJ,MAAM,EAAE,IAAI,CAAC,EAAE;oBACf,aAAa,EAAE,IAAI,CAAC,SAAS;oBAC7B,UAAU,EAAE,KAAK,CAAC,UAAU,IAAI,OAAO;iBACxC,CAAC,CAAC;YACL,CAAC,CAAC;QACJ,CAAC;IACH,CAAC;IAED,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,IAAI,OAAO,CAAC,cAAc,EAAE,CAAC;QACxD,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACpD,CAAC;IAED,MAAM,QAAQ,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACpC,IAAI,QAAQ,EAAE,CAAC;QACb,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAC3E,CAAC;IAED,MAAM,SAAS,GAAG,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACrD,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,aAAa,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC;IAC9D,CAAC;IACD,OAAO,aAAa,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,EAAE,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;AAC1F,CAAC;AAED,SAAS,iBAAiB,CAAC,IAAuB,EAAE,OAAsB;IACxE,MAAM,SAAS,GAAG,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACrD,MAAM,KAAK,GAA4B,EAAE,GAAG,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,EAAE,CAAC;IACjE,IAAI,IAAI,CAAC,MAAM,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;QACnC,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC;QAC7B,KAAK,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;YACxD,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,gBAA0B,EAAE,EAAE;gBAC3C,MAAM,OAAO,GAA4B,EAAE,GAAG,CAAC,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC,EAAE,CAAC;gBACtE,IAAI,gBAAgB,IAAI,OAAO,gBAAgB,KAAK,QAAQ,EAAE,CAAC;oBAC7D,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,gBAA2C,CAAC,CAAC;gBACtE,CAAC;gBACD,IAAI,CAAC;oBACH,IAAI,EAAE,KAAK,CAAC,IAAI;oBAChB,OAAO;oBACP,IAAI;oBACJ,MAAM,EAAE,IAAI,CAAC,EAAE;oBACf,aAAa,EAAE,IAAI,CAAC,SAAS;oBAC7B,UAAU,EAAE,KAAK,CAAC,UAAU,IAAI,OAAO;iBACxC,CAAC,CAAC;YACL,CAAC,CAAC;QACJ,CAAC;IACH,CAAC;IACD,MAAM,QAAQ,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACpC,IAAI,QAAQ,EAAE,CAAC;QACb,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAC3E,CAAC;IACD,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,aAAa,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC;IAC9D,CAAC;IACD,OAAO,aAAa,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,EAAE,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;AAC1F,CAAC"}

package/dist/synthesisView/types.d.ts

@@ -19,10 +19,20 @@ export type FlatUiPrimitiveNode = {
     /** Single nested-node id shorthand. */
     child?: string;
     /** Host-facing event bindings. Component-emitted payloads (e.g.
-     *  `TextField` `{value}`) merge over the static payload at fire time. */
+     *  `TextField` `{value}`) merge over the static payload at fire time.
+     *  `handleWith` is lifted from the component contract by the flattener so
+     *  the SDK can route the event without re-fetching the catalog:
+     *   - `HOST` — fires `onEvent` to the customer.
+     *   - `AGENT` (default) — `<BitBitView>` round-trips to the synthesis
+     *     endpoint with the event as continuation context; the agent emits
+     *     the next UI. The customer's `onEvent` still fires for observability.
+     *   - `payloadSchema` (when present) opts the event out of speculative
+     *     preload — the payload requires runtime input. */
     events?: Record<string, {
         name: string;
         payload?: Record<string, unknown>;
+        handleWith?: ViewEventHandleWith;
+        payloadSchema?: unknown;
     }>;
     /** Other fields (`text`, `src`, `title`, …) are static props on the node. */
     [prop: string]: unknown;
@@ -36,12 +46,46 @@ export type FlatUiKeyNameNode = {
     /** Projected children (ids in the same array). */
     children?: string[];
     child?: string;
+    /** Host-facing event bindings — same shape and semantics as on
+     *  {@link FlatUiPrimitiveNode}. The SDK wires each slot into a prop
+     *  callback on the host component so customer code can fire BB events
+     *  (`AGENT` continuations, `HOST` dispatches) without grabbing the
+     *  provider context manually. */
+    events?: Record<string, {
+        name: string;
+        payload?: Record<string, unknown>;
+        handleWith?: ViewEventHandleWith;
+        payloadSchema?: unknown;
+    }>;
 };
 export type FlatUiNode = FlatUiPrimitiveNode | FlatUiKeyNameNode;
+export type ViewEventHandleWith = 'AGENT' | 'HOST';
 export type SynthesisViewEvent = {
+    /** Host-facing event name — what the view-author bound the slot to. */
     name: string;
+    /** Resolved payload — static `payload` from the binding merged with any
+     *  runtime payload the primitive emitted (e.g. `TextField` `{value}`). */
     payload: Record<string, unknown>;
+    /** Slot that fired (e.g. `onPress`). Useful when several slots are bound
+     *  to the same host event name. */
+    slot: string;
+    /** The flat-uid of the node that fired. SDK-internal mostly; useful for
+     *  the CMS preview to disambiguate multiple instances. */
     nodeId: string;
+    /** Catalog name of the component the event was fired from. */
+    componentName: string;
+    /** Routing the component contract declared. `null` defaults to `AGENT`. */
+    handleWith: ViewEventHandleWith;
+};
+/** Sent to the synthesis endpoint as `viewInputs.event` when an `AGENT` event
+ *  fires. The agent gets the prior UI + event as continuation context and
+ *  emits the next UI in response. */
+export type SynthesisViewEventInput = {
+    name: string;
+    componentName: string;
+    payload?: Record<string, unknown>;
+    sourceNodeId?: string;
+    priorUiData: FlatUiNode[];
 };
 /** Maps component names → React implementations. Used both for BB
  *  primitives and for the host-registered `KEY_NAME` components. */
@@ -53,6 +97,11 @@ export type ContentInput = {
 export type ViewInputs = {
     /** Provide the dark mode setting of the current UI to the agent. */
     darkMode?: boolean;
+    /** Event continuation. Set by the SDK on AGENT-handled events (and on
+     *  speculative preload calls); the agent re-renders given the prior UI
+     *  plus this event. Customers don't pass this — `<BitBitView>` manages it
+     *  internally. */
+    event?: SynthesisViewEventInput;
 };
 /**
  * Minimal structural shape `<BitBitView>` needs to fetch a view. A

package/dist/synthesisView/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/synthesisView/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C;;;;;;;;GAQG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,WAAW,CAAC;IAClB,mEAAmE;IACnE,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;6EACyE;IACzE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,CAAC,CAAC;IAC7E,6EAA6E;IAC7E,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,UAAU,CAAC;IACjB,8EAA8E;IAC9E,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,mBAAmB,GAAG,iBAAiB,CAAC;AAEjE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;oEACoE;AACpE,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;AAElF,MAAM,MAAM,YAAY,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE3D,MAAM,MAAM,UAAU,GAAG;IACvB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;GAGG;AACH,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE;QACJ,kBAAkB,CAAC,IAAI,EAAE;YACvB,OAAO,EAAE,MAAM,CAAC;YAChB,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;YAC/B,UAAU,CAAC,EAAE,UAAU,CAAC;SACzB,GAAG,OAAO,CAAC;YACV,MAAM,EAAE,OAAO,EAAE,CAAC;SACnB,CAAC,CAAC;KACJ,CAAC;CACH"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/synthesisView/types.ts"],"names":[],"mappings":"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"}

package/dist/synthesisView/useEventDrivenView.d.ts

@@ -0,0 +1,32 @@
+import type { ContentInput, FlatUiNode, SynthesisViewEvent, SynthesizeViewFetcher, ViewInputs } from './types.js';
+export type UseEventDrivenViewOptions = {
+    /** When true (default), speculatively prefetches the agent's next-UI for
+     *  every AGENT event whose payload is fully derivable from the rendered
+     *  tree (i.e. the contract declared no `payloadSchema`). On the real
+     *  click, the SDK swaps in the prefetched response without a server hop. */
+    preloadNextUi?: boolean;
+};
+export type UseEventDrivenViewResult = {
+    uiData: FlatUiNode[];
+    loading: boolean;
+    error: string | null;
+    /** Wire this to `<BitBitViewRenderer onEvent={...}>`. Routes the event
+     *  based on its `handleWith`:
+     *   - `HOST` — fires the supplied `onHostEvent` callback.
+     *   - `AGENT` — re-fetches with the event as continuation context (cache
+     *     hit if a speculative preload landed first), swaps `uiData` in
+     *     place. The customer's `onHostEvent` is NOT fired for AGENT events. */
+    handleEvent: (event: SynthesisViewEvent) => void;
+};
+/**
+ * Live-view hook on top of `useSynthesisView`. Owns:
+ *   - the live `uiData` (swaps in place on AGENT events),
+ *   - a per-tree preload cache so deterministic event sequences are 0ms,
+ *   - an event dispatcher the renderer calls back into.
+ *
+ * Resets state whenever the underlying view (keyName / contentInputs)
+ * changes — speculative entries from a stale tree aren't relevant to a
+ * different view.
+ */
+export declare function useEventDrivenView(client: SynthesizeViewFetcher, keyName: string, onHostEvent: ((event: SynthesisViewEvent) => void) | undefined, contentInputs?: ContentInput[], baseViewInputs?: ViewInputs, options?: UseEventDrivenViewOptions): UseEventDrivenViewResult;
+//# sourceMappingURL=useEventDrivenView.d.ts.map

package/dist/synthesisView/useEventDrivenView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEventDrivenView.d.ts","sourceRoot":"","sources":["../../src/synthesisView/useEventDrivenView.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,YAAY,EACZ,UAAU,EAEV,kBAAkB,EAElB,qBAAqB,EACrB,UAAU,EACX,MAAM,YAAY,CAAC;AAGpB,MAAM,MAAM,yBAAyB,GAAG;IACtC;;;gFAG4E;IAC5E,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB;;;;;gFAK4E;IAC5E,WAAW,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAClD,CAAC;AA4DF;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,qBAAqB,EAC7B,OAAO,EAAE,MAAM,EACf,WAAW,EAAE,CAAC,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC,GAAG,SAAS,EAC9D,aAAa,CAAC,EAAE,YAAY,EAAE,EAC9B,cAAc,CAAC,EAAE,UAAU,EAC3B,OAAO,CAAC,EAAE,yBAAyB,GAClC,wBAAwB,CAuG1B"}

package/dist/synthesisView/useEventDrivenView.js

@@ -0,0 +1,157 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { useSynthesisView } from './useSynthesisView.js';
+function isPrimitive(node) {
+    return node.kind === 'PRIMITIVE';
+}
+/** Stable string key for an event's cache entry. Speculation + real fire
+ *  produce the same key when the runtime payload matches the declared one. */
+function buildEventKey(componentName, eventName, sourceNodeId, payload) {
+    // Sort keys so payload order doesn't matter.
+    const payloadStr = payload
+        ? JSON.stringify(Object.keys(payload)
+            .sort()
+            .reduce((acc, k) => {
+            acc[k] = payload[k];
+            return acc;
+        }, {}))
+        : '';
+    return `${componentName}:${eventName}:${sourceNodeId}:${payloadStr}`;
+}
+/** Walks the rendered tree and pulls out AGENT events with empty
+ *  `payloadSchema` — those have payloads that don't depend on user input,
+ *  so the SDK can fabricate the request and prefetch the agent's response. */
+function findPreloadCandidates(uiData) {
+    const out = [];
+    for (const node of uiData) {
+        if (!isPrimitive(node) || !node.events)
+            continue;
+        for (const [, event] of Object.entries(node.events)) {
+            const handleWith = event.handleWith ?? 'AGENT';
+            if (handleWith !== 'AGENT')
+                continue;
+            // Skip events that need runtime payload — we can't fabricate the value.
+            if (event.payloadSchema)
+                continue;
+            out.push({
+                key: buildEventKey(node.component, event.name, node.id, event.payload),
+                event: {
+                    name: event.name,
+                    componentName: node.component,
+                    payload: event.payload,
+                    sourceNodeId: node.id,
+                    priorUiData: uiData,
+                },
+            });
+        }
+    }
+    return out;
+}
+/**
+ * Live-view hook on top of `useSynthesisView`. Owns:
+ *   - the live `uiData` (swaps in place on AGENT events),
+ *   - a per-tree preload cache so deterministic event sequences are 0ms,
+ *   - an event dispatcher the renderer calls back into.
+ *
+ * Resets state whenever the underlying view (keyName / contentInputs)
+ * changes — speculative entries from a stale tree aren't relevant to a
+ * different view.
+ */
+export function useEventDrivenView(client, keyName, onHostEvent, contentInputs, baseViewInputs, options) {
+    const fetched = useSynthesisView(client, keyName, contentInputs, baseViewInputs);
+    // Live tree: starts as the fetched one, replaced on AGENT events.
+    const [liveUiData, setLiveUiData] = useState(fetched.uiData);
+    // Preload cache scoped to the current view; reset on every base refetch.
+    const preloadCacheRef = useRef(new Map());
+    const inFlightRef = useRef(new Map());
+    // Keep `onHostEvent` reachable inside the stable `handleEvent` callback
+    // without making the callback identity churn on every render.
+    const onHostEventRef = useRef(onHostEvent);
+    onHostEventRef.current = onHostEvent;
+    const baseViewInputsRef = useRef(baseViewInputs);
+    baseViewInputsRef.current = baseViewInputs;
+    // When the base fetch produces new uiData (initial load, or a view change),
+    // adopt it and drop any stale speculations.
+    useEffect(() => {
+        setLiveUiData(fetched.uiData);
+        preloadCacheRef.current = new Map();
+        inFlightRef.current = new Map();
+    }, [fetched.uiData]);
+    const preload = options?.preloadNextUi ?? true;
+    /** Fire one speculative event lookup and stash the result. Idempotent on
+     *  the cache key — concurrent triggers share the in-flight promise. */
+    const speculate = useCallback(async (candidate) => {
+        if (preloadCacheRef.current.has(candidate.key)) {
+            return preloadCacheRef.current.get(candidate.key) ?? [];
+        }
+        const existing = inFlightRef.current.get(candidate.key);
+        if (existing)
+            return existing;
+        const promise = client.user
+            .synthesizeViewItem({
+            keyName,
+            contentInputs,
+            viewInputs: { ...baseViewInputsRef.current, event: candidate.event },
+        })
+            .then((res) => {
+            const next = Array.isArray(res.uiData) ? res.uiData : [];
+            preloadCacheRef.current.set(candidate.key, next);
+            inFlightRef.current.delete(candidate.key);
+            return next;
+        })
+            .catch(() => {
+            inFlightRef.current.delete(candidate.key);
+            return [];
+        });
+        inFlightRef.current.set(candidate.key, promise);
+        return promise;
+    }, 
+    // contentInputs object identity changes are tolerated by the
+    // fetch path; we only need a fresh `keyName` to invalidate.
+    [client, keyName, contentInputs]);
+    // Preload pump: whenever the live tree changes, look up speculatable
+    // events and prefetch them in the background. Cap so a giant gallery
+    // doesn't blow up the LLM budget.
+    useEffect(() => {
+        if (!preload)
+            return;
+        const candidates = findPreloadCandidates(liveUiData).slice(0, MAX_SPECULATIONS);
+        for (const candidate of candidates)
+            void speculate(candidate);
+    }, [liveUiData, preload, speculate]);
+    const handleEvent = useCallback((event) => {
+        if (event.handleWith === 'HOST') {
+            onHostEventRef.current?.(event);
+            return;
+        }
+        const key = buildEventKey(event.componentName, event.name, event.nodeId, event.payload);
+        const cached = preloadCacheRef.current.get(key);
+        if (cached) {
+            setLiveUiData(cached);
+            return;
+        }
+        // Cache miss → live call. The result joins the cache so a repeat
+        // event-sequence step is 0ms.
+        const candidate = {
+            key,
+            event: {
+                name: event.name,
+                componentName: event.componentName,
+                payload: event.payload,
+                sourceNodeId: event.nodeId,
+                priorUiData: liveUiData,
+            },
+        };
+        void speculate(candidate).then((next) => {
+            if (next.length > 0)
+                setLiveUiData(next);
+        });
+    }, [liveUiData, speculate]);
+    return {
+        uiData: liveUiData,
+        loading: fetched.loading,
+        error: fetched.error,
+        handleEvent,
+    };
+}
+const MAX_SPECULATIONS = 8;
+//# sourceMappingURL=useEventDrivenView.js.map

package/dist/synthesisView/useEventDrivenView.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bitbitpress/client",
-  "version": "1.1.0-alpha.0",
+  "version": "1.1.0-alpha.1",
   "description": "BitBitPress TypeScript client library",
   "type": "module",
   "main": "./dist/index.js",