@almadar/ui 6.54.0 → 6.55.0

package/dist/{chunk-ERXIHZW3.js → chunk-D2E44ODB.js}

@@ -313,23 +313,37 @@ function tokenOfDesignClass(className) {
 function isArbitraryClass(className) {
   return /^[a-z0-9:@/-]*-\[[^\]\s]+\]$/i.test(className);
 }
-function arbitraryClassesOf(schema) {
-  const found = /* @__PURE__ */ new Set();
-  const visit = (value) => {
-    if (Array.isArray(value)) {
-      value.forEach(visit);
-      return;
+function collectClasses(value, found) {
+  if (Array.isArray(value)) {
+    for (const item of value) collectClasses(item, found);
+    return;
+  }
+  if (value === null || typeof value !== "object") return;
+  for (const [key, child] of Object.entries(value)) {
+    if (key === "className" && typeof child === "string") {
+      for (const cls of child.split(/\s+/)) if (cls && isArbitraryClass(cls)) found.add(cls);
+    } else {
+      collectClasses(child, found);
     }
-    if (value === null || typeof value !== "object") return;
-    for (const [key, child] of Object.entries(value)) {
-      if (key === "className" && typeof child === "string") {
-        for (const cls of child.split(/\s+/)) if (cls && isArbitraryClass(cls)) found.add(cls);
-      } else {
-        visit(child);
-      }
+  }
+}
+function classesOfPart(part) {
+  const found = /* @__PURE__ */ new Set();
+  collectClasses(JSON.parse(JSON.stringify(part)), found);
+  return [...found];
+}
+var classesByOrbital = /* @__PURE__ */ new WeakMap();
+function arbitraryClassesOf(schema) {
+  const { orbitals, _metadata: _provenance, ledger: _identities, ...rest } = schema;
+  const found = new Set(classesOfPart(rest));
+  for (const orbital of orbitals ?? []) {
+    let classes = classesByOrbital.get(orbital);
+    if (!classes) {
+      classes = classesOfPart(orbital);
+      classesByOrbital.set(orbital, classes);
     }
-  };
-  visit(JSON.parse(JSON.stringify(schema)));
+    for (const cls of classes) found.add(cls);
+  }
   return [...found].sort();
 }
 

package/dist/{chunk-FJDS4SVD.js → chunk-F4ZTPKZL.js}

@@ -1,6 +1,6 @@
-import { Icon, Button, Switch, Input } from './chunk-U2FGMHQP.js';
-import { VStack, HStack } from './chunk-Z5IYJU44.js';
-import { Typography } from './chunk-4UP6BZ4R.js';
+import { Icon, Button, Switch, Input } from './chunk-XZKGRSIO.js';
+import { VStack, HStack } from './chunk-Y53Q55H5.js';
+import { Typography } from './chunk-HCSJHRC4.js';
 import { cn } from './chunk-64WACXM7.js';
 import React from 'react';
 import { useTranslate } from '@almadar/ui/hooks';

package/dist/{chunk-U3CGKPOK.js → chunk-FQM37C56.js}

@@ -1,18 +1,18 @@
-import { useTranslate, useRenderI18n, runTickFrame } from './chunk-4HC5HRHB.js';
+import { useTranslate, useRenderI18n, runTickFrame } from './chunk-QGH4NAQO.js';
 import { ALL_SLOTS } from './chunk-VHTJRS2N.js';
-import { LoadingState, ErrorState, UISlotRenderer } from './chunk-U2FGMHQP.js';
-import { Box } from './chunk-Z5IYJU44.js';
-import { Typography } from './chunk-4UP6BZ4R.js';
+import { LoadingState, ErrorState, UISlotRenderer } from './chunk-XZKGRSIO.js';
+import { Box } from './chunk-Y53Q55H5.js';
+import { Typography } from './chunk-HCSJHRC4.js';
 import { beginPending, endPending } from './chunk-JRW33U35.js';
 import { useEventBus } from './chunk-6EV3OEBQ.js';
 import { registerTrait, unregisterTrait, perfTimeAsync } from './chunk-KQXXO42S.js';
-import { bindTraitStateGetter, registerTraitSnapshot, recordTransition, recordingTransport, recordServerResponse } from './chunk-O7OLVVBR.js';
+import { bindTraitStateGetter, registerTraitSnapshot, recordTransition, recordingTransport, recordServerResponse } from './chunk-Q47ZN2DW.js';
 import { isNotificationSlot } from './chunk-PEST66PN.js';
 import React, { useState, useMemo, useEffect, useRef, useCallback, useSyncExternalStore } from 'react';
 import { schemaToIR, getPage, clearSchemaCache as clearSchemaCache$1, traitsEmbeddedByEvent, traitReferencesCallsitePayload, configReferencesCallsitePayload, TRAIT_MOUNT_ERROR_TESTID, traitsEmbeddedByEffects, applyListenPayloadMapping, buildResolvedTraitConfigs, collectCallsiteCaptureChildren, orbitalInlineEntities, storesRowsInBrowser, walkSExpr, isRenderBindingMarker, containsEntityBinding, isSExpr, isEventPayloadValue, RENDER_BINDING_MARKER } from '@almadar/core';
 import { createLogger } from '@almadar/logger';
 import { collectListenerTargets, LIFECYCLE_EVENTS, TraitMountError, InMemoryPersistence, loadLazyPage, createInProcessTransport, buildTraitIndex, createMemoryCircuitStore, createLocalStoreTransport, createResidenceTransport, createClientKernel, createTickScheduler, isValidCronExpression, parseDurationString, UNMOUNT_EVENT, createClientEffectHandlers, EffectExecutor, isSExpression, collectDeclaredConfigDefaults, createContextFromBindings, openBrowserStore, browserStoreName, normalizeCallSiteConfigToValues } from '@almadar/runtime';
-import { useUser, useArbitraryClassStyles, getAllPages, matchPathAmong, CurrentPagePathProvider, NavStackProvider, OrbitalProvider, useNavStack, VerificationProvider, EntitySchemaProvider, OrbitalThemeProvider, ServerBridgeProvider, useServerBridge, EntityBindingContext, AwaitingSkeletonContext } from '@almadar/ui/providers';
+import { useUser, useHasServerBridge, useArbitraryClassStyles, getAllPages, matchPathAmong, CurrentPagePathProvider, NavStackProvider, OrbitalProvider, ServerBridgeProvider, useNavStack, VerificationProvider, EntitySchemaProvider, OrbitalThemeProvider, useServerBridge, EntityBindingContext, AwaitingSkeletonContext } from '@almadar/ui/providers';
 import { evaluateListenPayloadExpr, evaluate, createMinimalContext, evaluateGuard, executeEffects } from '@almadar/evaluator';
 import { getPatternDefinition } from '@almadar/core/patterns';
 import { isKnownStdOperator } from '@almadar/std/registry';
@@ -186,10 +186,12 @@ function restrictTraitIndex(full, activeNames) {
   return { byName, allEntities: full.allEntities, orbitals: full.orbitals };
 }
 function useCircuitKernel(traitBindings, options) {
+  const hostRunsProgram = options.transport?.hostsBrowserStore === true;
   const fullTraitIndex = useMemo(
-    () => buildTraitIndex(options.orbitals, options.traitConfigsByName),
-    [options.orbitals, options.traitConfigsByName]
+    () => buildTraitIndex(options.orbitals, options.traitConfigsByName, { hostRunsProgram }),
+    [options.orbitals, options.traitConfigsByName, hostRunsProgram]
   );
+  const appTraitNames = useMemo(() => new Set(fullTraitIndex.byName.keys()), [fullTraitIndex]);
   const activeTraitKey = traitBindings.map((b) => b.trait.name).filter((n) => !!n).sort().join("\0");
   const traitIndex = useMemo(
     () => restrictTraitIndex(fullTraitIndex, new Set(activeTraitKey === "" ? [] : activeTraitKey.split("\0"))),
@@ -332,18 +334,19 @@ function useCircuitKernel(traitBindings, options) {
       store: rawKernel.store,
       dispatch: (request, hooks) => rawKernel.dispatch(stamp(request), hooks),
       dispatchMount: (seeds, hooks, base = {}) => rawKernel.dispatchMount(seeds, hooks, stamp(base)),
-      dispatchProgress: (request) => rawKernel.dispatchProgress(stamp(request))
+      dispatchProgress: (request) => rawKernel.dispatchProgress(stamp(request)),
+      foldHostDispatch: (request, response) => rawKernel.foldHostDispatch(request, response)
     };
   }, [rawKernel, locale]);
-  return { kernel, store, traitIndex, transport: effectiveTransport };
+  return { kernel, store, traitIndex, appTraitNames, transport: effectiveTransport };
 }
 var log2 = createLogger("almadar:ui:circuit:bus-ingress");
-function useBusIngress(traitBindings, traitIndex, settle, eventBus) {
+function useBusIngress(traitBindings, traitIndex, settle, eventBus, appTraitNames) {
   useEffect(() => {
     const unsubscribes = [];
     const subscribedQualified = /* @__PURE__ */ new Set();
     const subscribedBare = /* @__PURE__ */ new Set();
-    const deliveredHere = (source) => source?.dispatched === true && source.trait !== void 0 && traitIndex.byName.has(source.trait);
+    const deliveredHere = (source) => source?.dispatched === true && source.trait !== void 0 && (traitIndex.byName.has(source.trait) || appTraitNames.has(source.trait));
     const claims = /* @__PURE__ */ new WeakMap();
     const claim = (source, traitName, eventKey) => {
       if (source === void 0) return true;
@@ -440,7 +443,7 @@ function useBusIngress(traitBindings, traitIndex, settle, eventBus) {
     return () => {
       for (const unsub of unsubscribes) unsub();
     };
-  }, [traitBindings, traitIndex, settle, eventBus]);
+  }, [traitBindings, traitIndex, settle, eventBus, appTraitNames]);
 }
 var lambdaLog = createLogger("almadar:ui:fn-form-lambda");
 function patternPropsSchema(patternType) {
@@ -515,7 +518,7 @@ function resolveLambdaBindings(body, params, item, index) {
   return body;
 }
 var LazySlotContentRenderer = React.lazy(
-  () => import('./UISlotRenderer-QUEG6WFM.js').then((m) => ({ default: m.SlotContentRenderer }))
+  () => import('./UISlotRenderer-QTHFT6Z4.js').then((m) => ({ default: m.SlotContentRenderer }))
 );
 function deferLambdaEntityExprs(value) {
   if (typeof value === "string") {
@@ -1167,7 +1170,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
   const { t } = useTranslate();
   const userContext = options.user ?? contextViewer ?? void 0;
   const observer = useMemo(() => createCircuitVerificationObserver(), []);
-  const { kernel, store, traitIndex, transport } = useCircuitKernel(traitBindings, {
+  const { kernel, store, traitIndex, appTraitNames, transport } = useCircuitKernel(traitBindings, {
     orbitals: options.orbitals,
     ...options.traitConfigsByName !== void 0 ? { traitConfigsByName: options.traitConfigsByName } : {},
     ...options.transport !== void 0 ? { transport: options.transport } : {},
@@ -1331,6 +1334,15 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
       }
     }, { clientId: getTabClientId() });
   }, [transport, traitIndex, progressAndSettle, dispatchAndSettle]);
+  useEffect(() => {
+    if (!transport?.subscribeHostDispatches) return;
+    return transport.subscribeHostDispatches((_orbitalName, request, response) => {
+      const traitName = request.targetTrait;
+      if (traitName === void 0 || !traitIndex.byName.has(traitName)) return;
+      const composedBefore = new Map(store.callsitePayloads);
+      void kernel.foldHostDispatch(request, response).then((outcome) => settleOutcome(traitName, request.event, request.payload, outcome, composedBefore));
+    });
+  }, [transport, traitIndex, kernel, store, settleOutcome]);
   const mountAndSettle = useCallback(async (seeds, payload) => {
     const composedBefore = new Map(store.callsitePayloads);
     let beforeLocalPaint;
@@ -1364,7 +1376,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
       await afterSettle(seed.trait, seed.event, payload, seed.local.transitioned, [...seed.local.clientEffectsByTrait ?? [], ...serverRepaints], composedBefore);
     }
   }, [kernel, slotFlush, traitIndex, store, eventBus, options.navigate, options.navigateBack, afterSettle]);
-  useBusIngress(traitBindings, traitIndex, dispatchAndSettle, eventBus);
+  useBusIngress(traitBindings, traitIndex, dispatchAndSettle, eventBus, appTraitNames);
   const sendEvent = useCallback((eventKey, payload) => {
     const normalized = normalizeEventKey(eventKey);
     for (const [traitName] of traitIndex.byName) {
@@ -1547,6 +1559,7 @@ function TraitInitializer({ traits, routeParams, mountKey, orbitals, onNavigate,
   return /* @__PURE__ */ jsx(EntityBindingContext.Provider, { value: entityBindingSource, children: /* @__PURE__ */ jsx(AwaitingSkeletonContext.Provider, { value: awaitingSkeletonSource, children }) });
 }
 var CONTENT_STAGE_WIDTH = 480;
+var NO_ORBITALS = [];
 function FitToBox({ children, mode = "box" }) {
   const outerRef = useRef(null);
   const innerRef = useRef(null);
@@ -1729,7 +1742,7 @@ function SchemaRunner({ schema, serverUrl, transport, getAccessToken, mockData,
   }, [schema, pageName]);
   const activeOrbitalTheme = useMemo(() => resolvePreviewTheme(schema, pageName), [schema, pageName]);
   const { locale } = useTranslate$1();
-  const browserStore = useBrowserStore(schema.name ?? "app", schema.orbitals, locale);
+  const browserStore = useBrowserStore(schema.name ?? "app", transport?.hostsBrowserStore === true ? NO_ORBITALS : schema.orbitals, locale);
   const inner = /* @__PURE__ */ jsx(VerificationProvider, { enabled: true, children: /* @__PURE__ */ jsx(
     EntitySchemaProvider,
     {
@@ -1762,9 +1775,6 @@ function SchemaRunner({ schema, serverUrl, transport, getAccessToken, mockData,
   if (browserStore.status === "failed") {
     return /* @__PURE__ */ jsx(ErrorState, { "data-testid": "browser-store-error", message: browserStore.error.message });
   }
-  if (serverUrl || transport) {
-    return /* @__PURE__ */ jsx(ServerBridgeProvider, { schema, serverUrl, transport, getAccessToken, children: inner });
-  }
   return inner;
 }
 function resolvePreviewTheme(schema, pageName) {
@@ -1811,6 +1821,7 @@ function OrbPreview({
     if (localFallback) return;
     setLocalFallback(true);
   }, [localFallback]);
+  const hasOuterBridge = useHasServerBridge();
   const parseResult = useMemo(() => {
     let parsed;
     if (typeof schema === "string") {
@@ -2011,91 +2022,96 @@ function OrbPreview({
     navLog.info("interceptor:installed", { pageCount: pages.length, paths: pages.map((p) => p.page.path) });
     return () => el.removeEventListener("click", handler, true);
   }, [pages, handleNavigate, isolated, hostHrefBase]);
+  const withBridge = (node) => (serverUrl || transport) && !hasOuterBridge ? /* @__PURE__ */ jsx(ServerBridgeProvider, { schema: parseResult.schema, serverUrl, transport, getAccessToken, children: node }) : node;
   if (lazyRoute) {
-    return /* @__PURE__ */ jsxs(Box, { ref: containerRef, className: `overflow-auto ${className ?? ""}`, style: { height }, children: [
-      lazyLoad.status === "loading" && /* @__PURE__ */ jsx(LoadingState, {}),
-      lazyLoad.status === "error" && /* @__PURE__ */ jsx(ErrorState, { "data-testid": "lazy-page-error", message: lazyLoad.error }),
-      lazyLoad.status === "ready" && /* @__PURE__ */ jsx(
-        OrbPreview,
-        {
-          schema: lazyLoad.schema,
-          autoMock,
-          height: "100%",
-          className: "border-0",
-          serverUrl,
-          transport,
-          getAccessToken,
-          initialPagePath: lazyRoute.path,
-          user,
-          isolated,
-          fit,
-          onPageChange: announcePage,
-          themeOverride,
-          lazyLoader,
-          onUnmatchedNavigate: handleNavigate
-        },
-        lazyRoute.page.orbRef
-      )
-    ] });
-  }
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      ref: containerRef,
-      className: `${fit ? "overflow-hidden" : "overflow-auto"} border border-[var(--color-border)] rounded-[var(--radius-md)] ${className ?? ""}`,
-      style: { height },
-      children: [
-        localFallback && /* @__PURE__ */ jsx(Box, { className: "px-3 py-2 bg-[var(--color-warning)] bg-opacity-10 border-b border-[var(--color-warning)] flex items-center gap-2", children: /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-[var(--color-warning-foreground)] flex-1", children: t("orbPreview.serverUnreachable") }) }),
-        inHostRouter ? /* @__PURE__ */ jsx(HostHrefBaseProbe, { onBase: setHostHrefBase }) : null,
-        /* @__PURE__ */ jsx(CurrentPagePathProvider, { value: currentPagePath, children: /* @__PURE__ */ jsxs(
-          NavStackProvider,
+    return withBridge(
+      /* @__PURE__ */ jsxs(Box, { ref: containerRef, className: `overflow-auto ${className ?? ""}`, style: { height }, children: [
+        lazyLoad.status === "loading" && /* @__PURE__ */ jsx(LoadingState, {}),
+        lazyLoad.status === "error" && /* @__PURE__ */ jsx(ErrorState, { "data-testid": "lazy-page-error", message: lazyLoad.error }),
+        lazyLoad.status === "ready" && /* @__PURE__ */ jsx(
+          OrbPreview,
           {
-            pages: navPages,
-            currentPath: concreteCurrentPath,
-            navigate: handleNavigate,
-            storageKey: `almadar:navstack:${parseResult.schema.name ?? "preview"}`,
-            children: [
-              /* @__PURE__ */ jsx(NavStackRefBridge, { apiRef: navStackRef }),
-              /* @__PURE__ */ jsx(OrbitalProvider, { initialData: effectiveMockData, skipTheme: true, verification: true, isolated, user, children: /* @__PURE__ */ jsx(UISlotProvider, { children: fit ? /* @__PURE__ */ jsx(FitToBox, { mode: fit === "content" ? "content" : "box", children: /* @__PURE__ */ jsx(
-                SchemaRunner,
-                {
-                  schema: parseResult.schema,
-                  serverUrl,
-                  transport,
-                  getAccessToken,
-                  mockData: effectiveMockData,
-                  pageName: currentPage,
-                  routeParams,
-                  onNavigate: handleNavigateEffect,
-                  onNavigateBack: handleNavigateBack,
-                  onLocalFallback: handleLocalFallback,
-                  localFallbackTimeoutMs,
-                  persistence,
-                  themeOverride
-                }
-              ) }) : /* @__PURE__ */ jsx(
-                SchemaRunner,
-                {
-                  schema: parseResult.schema,
-                  serverUrl,
-                  transport,
-                  getAccessToken,
-                  mockData: effectiveMockData,
-                  pageName: currentPage,
-                  routeParams,
-                  onNavigate: handleNavigateEffect,
-                  onNavigateBack: handleNavigateBack,
-                  onLocalFallback: handleLocalFallback,
-                  localFallbackTimeoutMs,
-                  persistence,
-                  themeOverride
-                }
-              ) }) })
-            ]
-          }
-        ) })
-      ]
-    }
+            schema: lazyLoad.schema,
+            autoMock,
+            height: "100%",
+            className: "border-0",
+            serverUrl,
+            transport,
+            getAccessToken,
+            initialPagePath: lazyRoute.path,
+            user,
+            isolated,
+            fit,
+            onPageChange: announcePage,
+            themeOverride,
+            lazyLoader,
+            onUnmatchedNavigate: handleNavigate
+          },
+          lazyRoute.page.orbRef
+        )
+      ] })
+    );
+  }
+  return withBridge(
+    /* @__PURE__ */ jsxs(
+      Box,
+      {
+        ref: containerRef,
+        className: `${fit ? "overflow-hidden" : "overflow-auto"} border border-[var(--color-border)] rounded-[var(--radius-md)] ${className ?? ""}`,
+        style: { height },
+        children: [
+          localFallback && /* @__PURE__ */ jsx(Box, { className: "px-3 py-2 bg-[var(--color-warning)] bg-opacity-10 border-b border-[var(--color-warning)] flex items-center gap-2", children: /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-[var(--color-warning-foreground)] flex-1", children: t("orbPreview.serverUnreachable") }) }),
+          inHostRouter ? /* @__PURE__ */ jsx(HostHrefBaseProbe, { onBase: setHostHrefBase }) : null,
+          /* @__PURE__ */ jsx(CurrentPagePathProvider, { value: currentPagePath, children: /* @__PURE__ */ jsxs(
+            NavStackProvider,
+            {
+              pages: navPages,
+              currentPath: concreteCurrentPath,
+              navigate: handleNavigate,
+              storageKey: `almadar:navstack:${parseResult.schema.name ?? "preview"}`,
+              children: [
+                /* @__PURE__ */ jsx(NavStackRefBridge, { apiRef: navStackRef }),
+                /* @__PURE__ */ jsx(OrbitalProvider, { initialData: effectiveMockData, skipTheme: true, verification: true, isolated, user, children: /* @__PURE__ */ jsx(UISlotProvider, { children: fit ? /* @__PURE__ */ jsx(FitToBox, { mode: fit === "content" ? "content" : "box", children: /* @__PURE__ */ jsx(
+                  SchemaRunner,
+                  {
+                    schema: parseResult.schema,
+                    serverUrl,
+                    transport,
+                    getAccessToken,
+                    mockData: effectiveMockData,
+                    pageName: currentPage,
+                    routeParams,
+                    onNavigate: handleNavigateEffect,
+                    onNavigateBack: handleNavigateBack,
+                    onLocalFallback: handleLocalFallback,
+                    localFallbackTimeoutMs,
+                    persistence,
+                    themeOverride
+                  }
+                ) }) : /* @__PURE__ */ jsx(
+                  SchemaRunner,
+                  {
+                    schema: parseResult.schema,
+                    serverUrl,
+                    transport,
+                    getAccessToken,
+                    mockData: effectiveMockData,
+                    pageName: currentPage,
+                    routeParams,
+                    onNavigate: handleNavigateEffect,
+                    onNavigateBack: handleNavigateBack,
+                    onLocalFallback: handleLocalFallback,
+                    localFallbackTimeoutMs,
+                    persistence,
+                    themeOverride
+                  }
+                ) }) })
+              ]
+            }
+          ) })
+        ]
+      }
+    )
   );
 }
 OrbPreview.displayName = "OrbPreview";
@@ -2111,7 +2127,9 @@ function BrowserPlayground({
   onPageChange,
   viewer,
   messages,
-  locale
+  locale,
+  lazyLoader,
+  schemaPath
 }) {
   const [runtime] = useState(
     () => new OrbitalServerRuntime({ mode, debug: false, ...viewer !== void 0 ? { defaultUser: viewer } : {} })
@@ -2127,10 +2145,18 @@ function BrowserPlayground({
   const registrationReady = useMemo(() => {
     const orbitalNames = schema.orbitals.map((o) => o.name);
     playgroundLog.debug("register:start", { schema: schema.name, orbitalNames });
-    return runtime.register(schema, messages !== void 0 ? { messages } : {}).then(() => {
+    const lazyPages = schema.lazyPages ?? [];
+    const lazy = lazyPages.length > 0 && lazyLoader !== void 0 ? Promise.all(lazyPages.map(async (page) => {
+      const loaded = await loadLazyPage(lazyLoader, page, schemaPath);
+      if (!loaded.success) throw new Error(loaded.error);
+      return loaded.data;
+    })) : Promise.resolve([]);
+    return lazy.then(
+      (lazySchemas) => runtime.register(schema, { ...messages !== void 0 ? { messages } : {}, lazy: lazySchemas })
+    ).then(() => {
       playgroundLog.debug("register:done", { schema: schema.name, orbitalNames });
     });
-  }, [runtime, schema, messages]);
+  }, [runtime, schema, messages, lazyLoader, schemaPath]);
   const teardownTimerRef = useRef(null);
   useEffect(() => {
     if (teardownTimerRef.current !== null) {
@@ -2152,7 +2178,8 @@ function BrowserPlayground({
         return runtime.processOrbitalEvent(orbitalName, request);
       },
       {
-        onRegister: (s) => runtime.register(s),
+        // The program (lazy behaviors included) is registered above; the bridge only waits for it.
+        onRegister: () => registrationReady,
         onUnregister: () => {
           runtime.unregisterAll();
         }
@@ -2177,6 +2204,8 @@ function BrowserPlayground({
       fit,
       onPageChange,
       user: viewer ?? null,
+      lazyLoader,
+      schemaPath,
       isolated: true
     }
   );

package/dist/{chunk-4UP6BZ4R.js → chunk-HCSJHRC4.js}

@@ -1,5 +1,5 @@
 import { cn, domPassthrough } from './chunk-64WACXM7.js';
-import { formatValue } from './chunk-MCKFWPT2.js';
+import { formatValue } from './chunk-RNY5LJXJ.js';
 import React from 'react';
 import { useFormatContext } from '@almadar/ui/hooks';
 

package/dist/{chunk-N2V4LHFQ.js → chunk-HRCR53OW.js}

@@ -188,6 +188,7 @@ var en_default = {
   "template.ourTeam": "Our Team",
   "template.caseStudies": "Case Studies",
   "versionDiff.compare": "Compare",
+  "versionDiff.changes": "Changes",
   "versionDiff.to": "to",
   "versionDiff.beforeRevision": "Before revision",
   "versionDiff.afterRevision": "After revision",
@@ -914,6 +915,7 @@ var en_default = {
   "gridPicker.moreRefine": "+{{count}} more \u2014 refine your search",
   "graphCanvas.noNodes": "No nodes to display.",
   "codeBlock.noCode": "No code to display.",
+  "codeBlock.region": "Code",
   "fab.action": "Action",
   "fab.closeActions": "Close actions",
   "fab.openActions": "Open actions",
@@ -1230,7 +1232,14 @@ var en_default = {
   "agentActivity.earlierConversations": "Earlier conversations ({{count}})",
   "agentActivity.earlierActivity": "Earlier activity",
   "tabs.scrollStart": "Scroll tabs back",
-  "tabs.scrollEnd": "Scroll tabs forward"
+  "tabs.scrollEnd": "Scroll tabs forward",
+  "agentChat.workedThrough": "Worked through {{count}} steps",
+  "agentChat.newMessages": "New messages",
+  "agentChat.copy": "Copy reply",
+  "agentChat.copied": "Copied",
+  "agentChat.today": "Today",
+  "agentChat.yesterday": "Yesterday",
+  "agentChat.emptyDescription": "Ask in your own words \u2014 the assistant can look things up and make changes for you."
 };
 
 export { en_default };

package/dist/{chunk-O7OLVVBR.js → chunk-Q47ZN2DW.js}

@@ -1,5 +1,25 @@
 import { createLogger } from '@almadar/logger';
 
+// lib/keyMapEvent.ts
+function isEditableTarget(target) {
+  if (!(target instanceof HTMLElement)) return false;
+  const tag = target.tagName;
+  if (tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT") return true;
+  if (target.isContentEditable || target.contentEditable === "true") return true;
+  const attr = target.getAttribute("contenteditable");
+  return attr === "" || attr === "true" || attr === "plaintext-only";
+}
+function keyMapCode(e) {
+  let code = e.code;
+  if (e.altKey) code = `Alt+${code}`;
+  if (e.shiftKey) code = `Shift+${code}`;
+  if (e.metaKey || e.ctrlKey) code = `Mod+${code}`;
+  return code;
+}
+function resolveKeyMapEvent(map, e) {
+  if (!map || isEditableTarget(e.target)) return void 0;
+  return map[keyMapCode(e)] ?? map[e.code];
+}
 var log = createLogger("almadar:bridge");
 var MAX_TRANSITIONS = 500;
 function getState() {
@@ -174,7 +194,9 @@ function recordOrbitalResponse(orbitalName, request, response) {
 }
 function recordingTransport(transport) {
   const subscribe = transport.subscribe?.bind(transport);
+  const subscribeHostDispatches = transport.subscribeHostDispatches?.bind(transport);
   return {
+    ...transport.hostsBrowserStore !== void 0 ? { hostsBrowserStore: transport.hostsBrowserStore } : {},
     register: (schema) => transport.register(schema),
     unregister: () => transport.unregister(),
     send: async (orbitalName, request) => {
@@ -182,7 +204,8 @@ function recordingTransport(transport) {
       recordOrbitalResponse(orbitalName, request, response);
       return response;
     },
-    ...subscribe !== void 0 ? { subscribe } : {}
+    ...subscribe !== void 0 ? { subscribe } : {},
+    ...subscribeHostDispatches !== void 0 ? { subscribeHostDispatches } : {}
   };
 }
 function updateBridgeHealth(health) {
@@ -388,25 +411,4 @@ function clearVerification() {
 }
 exposeOnWindow();
 
-// lib/keyMapEvent.ts
-function isEditableTarget(target) {
-  if (!(target instanceof HTMLElement)) return false;
-  const tag = target.tagName;
-  if (tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT") return true;
-  if (target.isContentEditable || target.contentEditable === "true") return true;
-  const attr = target.getAttribute("contenteditable");
-  return attr === "" || attr === "true" || attr === "plaintext-only";
-}
-function keyMapCode(e) {
-  let code = e.code;
-  if (e.altKey) code = `Alt+${code}`;
-  if (e.shiftKey) code = `Shift+${code}`;
-  if (e.metaKey || e.ctrlKey) code = `Mod+${code}`;
-  return code;
-}
-function resolveKeyMapEvent(map, e) {
-  if (!map || isEditableTarget(e.target)) return void 0;
-  return map[keyMapCode(e)] ?? map[e.code];
-}
-
 export { bindCanvasCapture, bindEventBus, bindLastDrawables, bindTraitStateGetter, clearVerification, getAllChecks, getBridgeHealth, getSnapshot, getSummary, getTraitSnapshots, getTransitions, getTransitionsForTrait, isEditableTarget, keyMapCode, recordOrbitalResponse, recordServerResponse, recordTransition, recordingTransport, registerCheck, registerTraitSnapshot, resolveKeyMapEvent, serverEffectTraces, subscribeToVerification, updateAssetStatus, updateBridgeHealth, updateCheck, waitForTransition };

package/dist/{chunk-4HC5HRHB.js → chunk-QGH4NAQO.js}

@@ -1,5 +1,5 @@
-import { DEFAULT_CURRENCY } from './chunk-MCKFWPT2.js';
-import { en_default } from './chunk-N2V4LHFQ.js';
+import { DEFAULT_CURRENCY } from './chunk-RNY5LJXJ.js';
+import { en_default } from './chunk-HRCR53OW.js';
 import React, { createContext, useEffect, useContext, useMemo, useRef, useSyncExternalStore } from 'react';
 import { mergeEntityFrame } from '@almadar/core';
 import { createLogger } from '@almadar/logger';

package/dist/{chunk-MCKFWPT2.js → chunk-RNY5LJXJ.js}

@@ -1,4 +1,4 @@
-import { en_default } from './chunk-N2V4LHFQ.js';
+import { en_default } from './chunk-HRCR53OW.js';
 
 // lib/format.ts
 var { $meta: _meta, ...coreMessages } = en_default;

package/dist/{chunk-Z7JWXIRE.js → chunk-SGJHVPHC.js}

@@ -1,5 +1,5 @@
-import { avlBlend, AVL_INK, EFFECT_CATEGORY_COLORS, OPERATOR_CATEGORY_COLORS, avlTint, Box, VStack, effectCategoryOf } from './chunk-Z5IYJU44.js';
-import { Typography } from './chunk-4UP6BZ4R.js';
+import { avlBlend, AVL_INK, EFFECT_CATEGORY_COLORS, OPERATOR_CATEGORY_COLORS, avlTint, Box, VStack, effectCategoryOf } from './chunk-Y53Q55H5.js';
+import { Typography } from './chunk-HCSJHRC4.js';
 import { Vector3, QuadraticBezierCurve3, MathUtils, Quaternion } from 'three';
 import { EntityPersistenceSchema } from '@almadar/core';
 import { getStdOperatorMeta } from '@almadar/std/registry';

package/dist/{chunk-6O37FCX4.js → chunk-V3FGTQUE.js}

@@ -133,7 +133,38 @@ var SURFACE_VARS = [
   { cssVar: "--surface-backdrop", key: "backdrop" },
   { cssVar: "--surface-card-image", key: "cardImage" },
   { cssVar: "--surface-page-image", key: "pageImage" },
-  { cssVar: "--surface-page-image-size", key: "pageImageSize" }
+  { cssVar: "--surface-page-image-size", key: "pageImageSize" },
+  { cssVar: "--surface-diagram", key: "diagram" }
+];
+var DIAGRAM_VARS = [
+  { cssVar: "--diagram-stroke-thin", key: "strokeThin" },
+  { cssVar: "--diagram-stroke-normal", key: "strokeNormal" },
+  { cssVar: "--diagram-stroke-bold", key: "strokeBold" },
+  { cssVar: "--diagram-line-cap", key: "lineCap" },
+  { cssVar: "--diagram-line-join", key: "lineJoin" },
+  { cssVar: "--diagram-dash", key: "dash" },
+  { cssVar: "--diagram-dot", key: "dot" },
+  { cssVar: "--diagram-fill-style", key: "fillStyle" },
+  { cssVar: "--diagram-fill-opacity", key: "fillOpacity" },
+  { cssVar: "--diagram-roughness", key: "roughness" },
+  { cssVar: "--diagram-glow", key: "glow" },
+  { cssVar: "--diagram-shadow", key: "shadow" },
+  { cssVar: "--diagram-marker", key: "marker" },
+  { cssVar: "--diagram-label-font", key: "labelFont" },
+  { cssVar: "--diagram-label-size", key: "labelSize" },
+  { cssVar: "--diagram-label-weight", key: "labelWeight" },
+  { cssVar: "--diagram-label-case", key: "labelCase" },
+  { cssVar: "--diagram-corner", key: "corner" }
+];
+var SCENE_VARS = [
+  { cssVar: "--material-roughness", key: "materialRoughness" },
+  { cssVar: "--material-metalness", key: "materialMetalness" },
+  { cssVar: "--material-flat", key: "materialFlat" },
+  { cssVar: "--material-outline", key: "materialOutline" },
+  { cssVar: "--light-ambient", key: "lightAmbient" },
+  { cssVar: "--light-key", key: "lightKey" },
+  { cssVar: "--light-key-color", key: "lightKeyColor" },
+  { cssVar: "--scene-fog", key: "fog" }
 ];
 var LEGACY_PREFIXES = {
   colors: "--color-",
@@ -194,6 +225,10 @@ function themeTokensToCssVars(tokens, mode = "light", darkVariant) {
   emitGeometry(pickGeometry, vars);
   const pickSurface = isDark && darkVariant?.surface ? darkVariant.surface : tokens.surface;
   applyFlat(pickSurface, SURFACE_VARS, vars);
+  const pickDiagram = isDark && darkVariant?.diagram ? darkVariant.diagram : tokens.diagram;
+  applyFlat(pickDiagram, DIAGRAM_VARS, vars);
+  const pickScene = isDark && darkVariant?.scene ? darkVariant.scene : tokens.scene;
+  applyFlat(pickScene, SCENE_VARS, vars);
   return vars;
 }
 function emitDensity(density, vars) {
@@ -287,4 +322,4 @@ function resolveThemeForRuntime(theme) {
   return theme;
 }
 
-export { DENSITY_ELEMENT_VARS, DENSITY_SPACING_VARS, ELEVATION_VARS, GEOMETRY_VARS, ICONOGRAPHY_VARS, LEGACY_PREFIXES, MOTION_DURATION_KEYS, MOTION_EASING_KEYS, MOTION_INTENT_VARS, MOTION_SHAPE_VARS, SURFACE_VARS, TYPE_FAMILY_VARS, TYPE_HEADING_VARS, TYPE_INTENT_VARS, TYPE_SIZE_KEYS, enterKeyframe, resolveThemeForRuntime, themeTokensToCssVars };
+export { DENSITY_ELEMENT_VARS, DENSITY_SPACING_VARS, DIAGRAM_VARS, ELEVATION_VARS, GEOMETRY_VARS, ICONOGRAPHY_VARS, LEGACY_PREFIXES, MOTION_DURATION_KEYS, MOTION_EASING_KEYS, MOTION_INTENT_VARS, MOTION_SHAPE_VARS, SCENE_VARS, SURFACE_VARS, TYPE_FAMILY_VARS, TYPE_HEADING_VARS, TYPE_INTENT_VARS, TYPE_SIZE_KEYS, enterKeyframe, resolveThemeForRuntime, themeTokensToCssVars };