@almadar/ui 6.55.0 → 6.57.0

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

@@ -1,11 +1,11 @@
-import { useTranslate, useRenderI18n, runTickFrame } from './chunk-QGH4NAQO.js';
+import { useTranslate, useRenderI18n, runTickFrame } from './chunk-N7JIG57B.js';
 import { ALL_SLOTS } from './chunk-VHTJRS2N.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 { LoadingState, ErrorState, UISlotRenderer } from './chunk-PYJ2UQWM.js';
+import { Box } from './chunk-HA7CJWQX.js';
+import { Typography } from './chunk-4ZGXIW3B.js';
+import { beginPending, endPending } from './chunk-I5QOYW2Z.js';
+import { useEventBus } from './chunk-CHNC4UYE.js';
+import { registerTrait, unregisterTrait, perfTimeAsync } from './chunk-KJGVLXEN.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';
@@ -518,7 +518,7 @@ function resolveLambdaBindings(body, params, item, index) {
   return body;
 }
 var LazySlotContentRenderer = React.lazy(
-  () => import('./UISlotRenderer-QTHFT6Z4.js').then((m) => ({ default: m.SlotContentRenderer }))
+  () => import('./UISlotRenderer-NCGDIXN4.js').then((m) => ({ default: m.SlotContentRenderer }))
 );
 function deferLambdaEntityExprs(value) {
   if (typeof value === "string") {
@@ -953,6 +953,7 @@ function createSharedEntityWriter(binding, tick, traitStatesRef, emit, traitConf
 }
 function useClientTicks(traitBindings, store, traitIndex, options) {
   useEffect(() => {
+    if (options.hostRunsProgram === true) return;
     const scheduler = createTickScheduler();
     const traitStatesRef = { current: store.manager.getAllStates() };
     const refreshStates = () => {
@@ -1098,7 +1099,7 @@ function useClientTicks(traitBindings, store, traitIndex, options) {
       }
     }
     return () => scheduler.stopAll();
-  }, [traitBindings, store, traitIndex, options.eventBus, options.slotFlush, options.traitConfigsByName, options.navigate, options.navigateBack, options.user]);
+  }, [traitBindings, store, traitIndex, options.eventBus, options.slotFlush, options.traitConfigsByName, options.navigate, options.navigateBack, options.user, options.hostRunsProgram]);
 }
 var EMPTY_ENTITY = {};
 function useEntityBindingSource(store, traitIndex) {
@@ -1195,6 +1196,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
   useClientTicks(traitBindings, store, traitIndex, {
     eventBus,
     slotFlush,
+    hostRunsProgram: transport?.hostsBrowserStore === true,
     ...options.traitConfigsByName !== void 0 ? { traitConfigsByName: options.traitConfigsByName } : {},
     ...options.navigate !== void 0 ? { navigate: options.navigate } : {},
     ...options.navigateBack !== void 0 ? { navigateBack: options.navigateBack } : {},
@@ -1789,6 +1791,17 @@ function resolvePreviewTheme(schema, pageName) {
   }
   return schema.orbitals[0]?.theme ?? schema.theme;
 }
+function NavigateListener({ onNavigate }) {
+  const bus = useEventBus();
+  useEffect(
+    () => bus.on("UI:NAVIGATE", (event) => {
+      const url = event.payload?.url;
+      if (typeof url === "string" && url.length > 0) onNavigate(url);
+    }),
+    [bus, onNavigate]
+  );
+  return null;
+}
 function OrbPreview({
   schema,
   mockData,
@@ -1814,7 +1827,6 @@ function OrbPreview({
   }
   const { t } = useTranslate$1();
   const [localFallback, setLocalFallback] = useState(false);
-  const eventBus = useEventBus();
   const inHostRouter = useInRouterContext();
   const [hostHrefBase, setHostHrefBase] = useState("/");
   const handleLocalFallback = useCallback(() => {
@@ -1968,15 +1980,6 @@ function OrbPreview({
   const handleNavigateBack = useCallback(() => {
     navStackRef.current?.back();
   }, []);
-  useEffect(() => {
-    const unsubscribe = eventBus.on("UI:NAVIGATE", (event) => {
-      const url = event.payload?.url;
-      if (typeof url === "string" && url.length > 0) {
-        handleNavigate(url);
-      }
-    });
-    return unsubscribe;
-  }, [eventBus, handleNavigate]);
   if (!parseResult.ok) {
     return /* @__PURE__ */ jsx(Box, { className, style: { height }, children: /* @__PURE__ */ jsxs(Typography, { as: "pre", color: "error", variant: "small", className: "font-mono whitespace-pre-wrap break-all m-0 p-4", children: [
       "Parse error: ",
@@ -2071,41 +2074,44 @@ function OrbPreview({
               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
-                  }
-                ) }) })
+                /* @__PURE__ */ jsxs(OrbitalProvider, { initialData: effectiveMockData, skipTheme: true, verification: true, isolated, user, children: [
+                  /* @__PURE__ */ jsx(NavigateListener, { onNavigate: handleNavigate }),
+                  /* @__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
+                    }
+                  ) })
+                ] })
               ]
             }
           ) })
@@ -2191,7 +2197,7 @@ function BrowserPlayground({
   const i18n = useMemo(() => {
     if (viewerLocale === void 0 || messages === void 0) return void 0;
     const catalog = messages[viewerLocale] ?? {};
-    return { locale: viewerLocale, direction: localeDirection(viewerLocale), t: createTranslate(catalog), messages: catalog };
+    return { locale: viewerLocale, direction: localeDirection(viewerLocale), t: createTranslate(catalog, viewerLocale), messages: catalog };
   }, [viewerLocale, messages]);
   const preview = /* @__PURE__ */ jsx(
     OrbPreview,