@almadar/ui 6.57.0 → 6.59.0

package/dist/runtime/index.cjs

@@ -79,6 +79,7 @@ var utilities = require('@dnd-kit/utilities');
 var emojilib = require('emojilib');
 var d3Force = require('d3-force');
 var react = require('@xyflow/react');
+var mock = require('@almadar/db/mock');
 var OrbitalServerRuntime = require('@almadar/runtime/OrbitalServerRuntime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -7663,6 +7664,7 @@ var init_Avatar = __esm({
               statusClasses[status],
               statusSizeClasses[size2]
             ),
+            role: "img",
             "aria-label": t("avatar.status", { status: t(`avatar.status.${status}`) })
           }
         ),
@@ -10299,6 +10301,7 @@ var init_AnimatedGraphic = __esm({
                 "div",
                 {
                   className: "w-full h-full [&>svg]:w-full [&>svg]:h-full",
+                  "aria-hidden": "true",
                   dangerouslySetInnerHTML: { __html: resolvedSvg }
                 }
               ) : children
@@ -18786,6 +18789,7 @@ var init_Tabs = __esm({
         }
       };
       const activeTabContent = safeItems.find((item) => item.id === activeTab)?.content;
+      const rendersPanel = activeTabContent !== void 0 && activeTabContent !== null;
       if (safeItems.length === 0) {
         return /* @__PURE__ */ jsxRuntime.jsx(Box, { ...domPassthrough(rest), className: cn("w-full", className), children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "small", color: "muted", className: "py-4", children: t("empty.noItems") }) });
       }
@@ -18836,7 +18840,7 @@ var init_Tabs = __esm({
                 id: tabId(item.id),
                 role: "tab",
                 "aria-selected": isActive,
-                "aria-controls": isActive ? panelId(item.id) : void 0,
+                "aria-controls": isActive && rendersPanel ? panelId(item.id) : void 0,
                 "aria-disabled": isDisabled,
                 tabIndex: isActive ? 0 : -1,
                 onClick: () => !isDisabled && handleTabChange(item.id, item.event),
@@ -18896,7 +18900,7 @@ var init_Tabs = __esm({
             )
           ] })
         ] }) : tablist,
-        activeTabContent !== void 0 && activeTabContent !== null && /* @__PURE__ */ jsxRuntime.jsx(
+        rendersPanel && /* @__PURE__ */ jsxRuntime.jsx(
           Box,
           {
             role: "tabpanel",
@@ -25073,8 +25077,10 @@ var init_AvlFieldType = __esm({
       pattern: "hexagon",
       node: "hexagon",
       event: "hexagon",
+      EventAddress: "hexagon",
       SExpr: "hexagon",
       array: "bars",
+      tuple: "bars",
       relation: "link"
     };
     AvlFieldType = ({
@@ -34207,8 +34213,11 @@ function DataGrid({
                   children: [
                     imageField && (() => {
                       const imgUrl = resolveImageUrl(core.getNestedValue(itemData, imageField));
-                      if (!imgUrl) return null;
-                      return /* @__PURE__ */ jsxRuntime.jsx(Box, { className: asRows ? "w-12 h-12 flex-shrink-0 overflow-hidden rounded-container" : "w-full aspect-video overflow-hidden rounded-t-container", children: /* @__PURE__ */ jsxRuntime.jsx(
+                      const mediaClass = asRows ? "w-12 h-12 flex-shrink-0 overflow-hidden rounded-container" : "w-full aspect-video overflow-hidden rounded-t-container";
+                      if (!imgUrl) {
+                        return /* @__PURE__ */ jsxRuntime.jsx(Box, { "data-media-placeholder": true, "aria-hidden": "true", className: cn(mediaClass, "flex items-center justify-center bg-muted text-muted-foreground"), children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: "image", size: asRows ? "sm" : "lg" }) });
+                      }
+                      return /* @__PURE__ */ jsxRuntime.jsx(Box, { className: mediaClass, children: /* @__PURE__ */ jsxRuntime.jsx(
                         "img",
                         {
                           src: imgUrl,
@@ -34241,7 +34250,7 @@ function DataGrid({
                                 Typography,
                                 {
                                   variant: titleField?.variant === "h3" && !asRows ? "h3" : "h4",
-                                  className: "font-semibold truncate min-w-0",
+                                  className: cn("font-semibold min-w-0", asRows ? "truncate" : "line-clamp-2 break-words"),
                                   children: titleDisplay
                                 }
                               )
@@ -34370,24 +34379,33 @@ var init_DataGrid = __esm({
     DataGrid.displayName = "DataGrid";
   }
 });
-function renderIconInput2(icon, props) {
-  return typeof icon === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: icon, ...props }) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { icon, ...props });
-}
-function formatValue2(value, format, fmt2, relationOptions) {
-  const relationDisplay = resolveRelationCellDisplay(value, relationOptions);
-  if (relationDisplay !== void 0) return relationDisplay;
-  return formatValue(value, format, fmt2);
-}
-function groupData(items, field) {
+
+// lib/groupRows.ts
+function groupRows(items, field, format, fmt2 = {}) {
   const groups = /* @__PURE__ */ new Map();
   for (const item of items) {
-    const key = String(core.getNestedValue(item, field) ?? "");
+    const raw = core.getNestedValue(item, field);
+    const key = format ? formatValue(raw ?? void 0, format, fmt2) : String(raw ?? "");
     const group = groups.get(key);
     if (group) group.push(item);
     else groups.set(key, [item]);
   }
   return Array.from(groups.entries()).map(([label, groupItems]) => ({ label, items: groupItems }));
 }
+var init_groupRows = __esm({
+  "lib/groupRows.ts"() {
+    init_format();
+    init_getNestedValue();
+  }
+});
+function renderIconInput2(icon, props) {
+  return typeof icon === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: icon, ...props }) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { icon, ...props });
+}
+function formatValue2(value, format, fmt2, relationOptions) {
+  const relationDisplay = resolveRelationCellDisplay(value, relationOptions);
+  if (relationDisplay !== void 0) return relationDisplay;
+  return formatValue(value, format, fmt2);
+}
 function DataList({
   entity,
   fields,
@@ -34398,6 +34416,7 @@ function DataList({
   gap = "none",
   variant = "default",
   groupBy,
+  groupFormat,
   senderField,
   senderLabelField,
   currentUser,
@@ -34505,9 +34524,9 @@ function DataList({
     e.stopPropagation();
     fireRowAction(action, itemData, String(itemData.id ?? ""));
   };
-  const renderItemActions = (itemData, onPrimary = false) => {
+  const renderItemActions = (itemData, onPrimary = false, only) => {
     if (!itemActions || itemActions.length === 0) return null;
-    const shown = rowActions(itemActions, itemData);
+    const shown = only ?? rowActions(itemActions, itemData);
     if (shown.length === 0) return null;
     const inline = maxInlineActions != null ? shown.slice(0, maxInlineActions) : shown;
     const overflow = maxInlineActions != null ? shown.slice(maxInlineActions) : [];
@@ -34591,7 +34610,7 @@ function DataList({
   const isMessage = variant === "message";
   if (isMessage) {
     const items2 = [...data];
-    const groups2 = groupBy ? groupData(items2, groupBy) : [{ label: "", items: items2 }];
+    const groups2 = groupBy ? groupRows(items2, groupBy, groupFormat, fmt2) : [{ label: "", items: items2 }];
     const contentField = (fieldDefs.find((f3) => f3.variant === "body") ?? titleField)?.name ?? "";
     const senderLabel = (itemData, raw) => {
       if (!senderLabelField) return raw;
@@ -34688,7 +34707,7 @@ function DataList({
     ] });
   }
   const items = [...data];
-  const groups = groupBy ? groupData(items, groupBy) : [{ label: "", items }];
+  const groups = groupBy ? groupRows(items, groupBy, groupFormat, fmt2) : [{ label: "", items }];
   const idFieldName = dndItemIdField ?? "id";
   const renderItem = (itemData, index, isLast) => {
     const dndId = itemData[idFieldName] ?? `__idx_${index}`;
@@ -34699,7 +34718,11 @@ function DataList({
     const divider = (isCard || isCompact) && !isLast ? /* @__PURE__ */ jsxRuntime.jsx(Box, { className: cn("border-b border-border/40", isCompact ? "mx-4" : "mx-6") }) : null;
     if (hasRenderProp) {
       const id2 = itemData.id || String(index);
-      const actions = renderItemActions(itemData);
+      const allActions = itemActions ? rowActions(itemActions, itemData) : [];
+      const primaryActions = allActions.filter((a) => a.variant === "primary");
+      const otherActions = allActions.filter((a) => a.variant !== "primary");
+      const primary = primaryActions.length > 0 ? renderItemActions(itemData, false, primaryActions) : null;
+      const actions = otherActions.length > 0 ? renderItemActions(itemData, false, otherActions) : null;
       return wrapDnd(
         /* @__PURE__ */ jsxRuntime.jsxs(
           Box,
@@ -34720,6 +34743,7 @@ function DataList({
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(Box, { className: cn(onOpen && "relative"), children: itemRenderer(itemData, index) }),
+              primary && /* @__PURE__ */ jsxRuntime.jsx(HStack, { justify: "end", className: cn("relative px-4 pb-3", STRETCHED_ABOVE), children: primary }),
               actions && /* @__PURE__ */ jsxRuntime.jsxs(Box, { onClick: (e) => e.stopPropagation(), className: "absolute top-2 right-2 z-10 opacity-0 group-hover/rowactions:opacity-100 focus-within:opacity-100 [@media(pointer:coarse)]:opacity-100 transition-opacity duration-fast", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "rounded-container border border-border bg-card/95 backdrop-blur-sm shadow-elevation-popover surface-material p-0.5 [@media(pointer:coarse)]:hidden", children: actions }),
                 /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "hidden [@media(pointer:coarse)]:block rounded-container border border-border bg-card/95 backdrop-blur-sm shadow-elevation-popover surface-material p-0.5", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -34727,7 +34751,7 @@ function DataList({
                   {
                     position: "bottom-end",
                     trigger: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "ghost", size: "sm", "aria-label": t("common.actions"), "data-testid": "action-overflow", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: "more-horizontal", size: "xs" }) }),
-                    items: rowActions(itemActions ?? [], itemData).map((action) => ({
+                    items: otherActions.map((action) => ({
                       label: action.label,
                       icon: action.icon,
                       variant: action.variant === "danger" ? "danger" : "default",
@@ -34918,6 +34942,7 @@ var init_DataList = __esm({
     init_format();
     init_relationLabel();
     init_getNestedValue();
+    init_groupRows();
     init_useEventBus();
     init_useRowActions();
     init_Box();
@@ -35352,7 +35377,7 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect82, useRef: useRef90, useCallback: useCallback100, useState: useState111 } = React98__namespace.default;
+      const { useEffect: useEffect82, useRef: useRef90, useCallback: useCallback101, useState: useState111 } = React98__namespace.default;
       const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
       const { useEventBus: useEventBus2 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
       function MapUpdater({ centerLat, centerLng, zoom }) {
@@ -35401,7 +35426,7 @@ var init_MapView = __esm({
         const contentSurface = providers.useContentSurface(surface);
         const eventBus = useEventBus2();
         const [clickedPosition, setClickedPosition] = useState111(null);
-        const handleMapClick = useCallback100((lat, lng) => {
+        const handleMapClick = useCallback101((lat, lng) => {
           if (showClickedPin) {
             setClickedPosition({ lat, lng });
           }
@@ -35410,7 +35435,7 @@ var init_MapView = __esm({
             eventBus.emit(`UI:${mapClickEvent}`, { latitude: lat, longitude: lng });
           }
         }, [onMapClick, mapClickEvent, eventBus, showClickedPin]);
-        const handleMarkerClick = useCallback100((marker) => {
+        const handleMarkerClick = useCallback101((marker) => {
           onMarkerClick?.(marker);
           if (markerClickEvent) {
             eventBus.emit(`UI:${markerClickEvent}`, { ...marker });
@@ -36011,16 +36036,6 @@ function asFieldValue(v) {
   if (t === "object") return v;
   return void 0;
 }
-function groupData2(items, field) {
-  const groups = /* @__PURE__ */ new Map();
-  for (const item of items) {
-    const key = String(core.getNestedValue(item, field) ?? "");
-    const group = groups.get(key);
-    if (group) group.push(item);
-    else groups.set(key, [item]);
-  }
-  return Array.from(groups.entries()).map(([label, groupItems]) => ({ label, items: groupItems }));
-}
 function TableView({
   entity,
   columns,
@@ -36331,7 +36346,7 @@ function TableView({
     return dnd.isZone ? /* @__PURE__ */ jsxRuntime.jsx(dnd.SortableItem, { id: row[idField] ?? id, children: rowInner }, id) : /* @__PURE__ */ jsxRuntime.jsx(React98__namespace.default.Fragment, { children: rowInner }, id);
   };
   const items = Array.from(data);
-  const groups = groupBy ? groupData2(items, groupBy) : [{ label: "", items }];
+  const groups = groupBy ? groupRows(items, groupBy) : [{ label: "", items }];
   let runningIndex = 0;
   const body = /* @__PURE__ */ jsxRuntime.jsx(Box, { role: "rowgroup", children: groups.map((group, gi) => /* @__PURE__ */ jsxRuntime.jsxs(React98__namespace.default.Fragment, { children: [
     group.label && /* @__PURE__ */ jsxRuntime.jsx(Divider, { label: group.label, className: gi > 0 ? "mt-3" : "mt-0" }),
@@ -36370,6 +36385,7 @@ var init_TableView = __esm({
     init_format();
     init_relationLabel();
     init_getNestedValue();
+    init_groupRows();
     init_useEventBus();
     init_useRowActions();
     init_Box();
@@ -58089,6 +58105,22 @@ function useBusIngress(traitBindings, traitIndex, settle, eventBus, appTraitName
       });
       unsubscribes.push(unsub);
     }
+    const routedBareEvents = /* @__PURE__ */ new Set();
+    for (const binding of traitBindings) {
+      for (const listen of binding.trait.listens ?? []) {
+        if (listen.source !== void 0 && listen.source.kind !== "any") routedBareEvents.add(listen.event);
+      }
+    }
+    for (const eventKey of routedBareEvents) {
+      const unsub = eventBus.on(`UI:${eventKey}`, (event) => {
+        if (deliveredHere(event.source) || event.source?.trait === void 0) return;
+        for (const target of runtime.collectListenerTargets(traitIndex, event.source, eventKey, event.payload)) {
+          log5.debug("listen-bare:fire", { event: eventKey, source: event.source.trait, listener: target.listenerTrait, triggers: target.triggers });
+          dispatch(target.listenerTrait, target.triggers, target.payload, event.source);
+        }
+      });
+      unsubscribes.push(unsub);
+    }
     return () => {
       for (const unsub of unsubscribes) unsub();
     };
@@ -58999,9 +59031,16 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
   React98.useEffect(() => {
     if (!transport?.subscribe) return;
     return transport.subscribe((emitted, target) => {
-      for (const t2 of runtime.collectListenerTargets(traitIndex, emitted.source, emitted.event, emitted.payload)) {
-        void (target === "origin" ? progressAndSettle(t2.listenerTrait, t2.triggers, t2.payload) : dispatchAndSettle(t2.listenerTrait, t2.triggers, t2.payload));
+      const listeners7 = runtime.collectListenerTargets(traitIndex, emitted.source, emitted.event, emitted.payload);
+      if (target !== "origin") {
+        for (const t2 of listeners7) void dispatchAndSettle(t2.listenerTrait, t2.triggers, t2.payload);
+        return;
       }
+      const caller = emitted.source?.trait;
+      if (caller !== void 0 && traitIndex.byName.has(caller) && !listeners7.some((t2) => t2.listenerTrait === caller && t2.triggers === emitted.event)) {
+        void progressAndSettle(caller, emitted.event, emitted.payload);
+      }
+      for (const t2 of listeners7) void progressAndSettle(t2.listenerTrait, t2.triggers, t2.payload);
     }, { clientId: getTabClientId() });
   }, [transport, traitIndex, progressAndSettle, dispatchAndSettle]);
   React98.useEffect(() => {
@@ -59011,7 +59050,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
       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));
-    });
+    }, { clientId: getTabClientId() });
   }, [transport, traitIndex, kernel, store, settleOutcome]);
   const mountAndSettle = React98.useCallback(async (seeds, payload) => {
     const composedBefore = new Map(store.callsitePayloads);
@@ -59072,6 +59111,13 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
     prevActiveTraitNamesRef.current = nextActiveTraitNames;
   }, [traitBindings, uiSlots]);
   const mountedRef = React98.useRef(null);
+  const aliveRef = React98.useRef(true);
+  React98.useEffect(() => {
+    aliveRef.current = true;
+    return () => {
+      aliveRef.current = false;
+    };
+  }, []);
   const mountKey = `${options.mountKey ?? ""}\0${JSON.stringify(Object.entries(options.initPayload ?? {}).sort(([a], [b]) => a.localeCompare(b)))}`;
   React98.useEffect(() => {
     const prev = mountedRef.current;
@@ -59102,6 +59148,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
         const failed = err instanceof runtime.TraitMountError ? err.trait : traits2.join(", ");
         const cause = err instanceof runtime.TraitMountError ? err.original : err;
         stateLog.warn("mount:failed", { traits: traits2, failed, error: message, stack: cause instanceof Error ? cause.stack : void 0 });
+        if (!aliveRef.current) return;
         uiSlots.render({
           target: "main",
           pattern: "error-state",
@@ -59337,6 +59384,7 @@ function TraitInitializer({ traits: traits2, routeParams, mountKey, orbitals, on
 }
 var CONTENT_STAGE_WIDTH = 480;
 var NO_ORBITALS = [];
+var LazyPageOfRegisteredProgram = React98.createContext(false);
 function FitToBox({ children, mode = "box" }) {
   const outerRef = React98.useRef(null);
   const innerRef = React98.useRef(null);
@@ -59452,19 +59500,10 @@ function SchemaRunner({ schema, serverUrl, transport, getAccessToken, mockData,
     ),
     [schema, ir]
   );
-  const traitLinkedEntitiesMap = React98.useMemo(() => {
-    const map = /* @__PURE__ */ new Map();
-    if (ir) {
-      for (const page of ir.pages.values()) {
-        for (const binding of page.traits) {
-          if (binding.linkedEntity) {
-            map.set(binding.trait.name, binding.linkedEntity);
-          }
-        }
-      }
-    }
-    return map;
-  }, [ir]);
+  const traitLinkedEntitiesMap = React98.useMemo(
+    () => ir ? ui.buildTraitLinkedEntities(ir) : /* @__PURE__ */ new Map(),
+    [ir]
+  );
   const orbitalsByTraitMap = React98.useMemo(
     () => new Map(Object.entries(orbitalsByTrait)),
     [orbitalsByTrait]
@@ -59608,7 +59647,7 @@ function OrbPreview({
     if (localFallback) return;
     setLocalFallback(true);
   }, [localFallback]);
-  const hasOuterBridge = providers.useHasServerBridge();
+  const isLazyPageOfRegisteredProgram = React98.useContext(LazyPageOfRegisteredProgram);
   const parseResult = React98.useMemo(() => {
     let parsed;
     if (typeof schema === "string") {
@@ -59632,7 +59671,7 @@ function OrbPreview({
   const persistence = React98.useMemo(() => {
     if (!parsedSchema || serverUrl || transport) return void 0;
     if (!autoMock) return void 0;
-    const adapter = new runtime.InMemoryPersistence();
+    const adapter = new mock.InMemoryPersistence();
     adapter.seed(effectiveMockData);
     return adapter;
   }, [parsedSchema, serverUrl, transport, autoMock, effectiveMockData]);
@@ -59800,13 +59839,13 @@ 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__ */ jsxRuntime.jsx(providers.ServerBridgeProvider, { schema: parseResult.schema, serverUrl, transport, getAccessToken, children: node }) : node;
+  const withBridge = (node) => (serverUrl || transport) && !isLazyPageOfRegisteredProgram ? /* @__PURE__ */ jsxRuntime.jsx(providers.ServerBridgeProvider, { schema: parseResult.schema, serverUrl, transport, getAccessToken, children: node }) : node;
   if (lazyRoute) {
     return withBridge(
       /* @__PURE__ */ jsxRuntime.jsxs(Box, { ref: containerRef, className: `overflow-auto ${className ?? ""}`, style: { height }, children: [
         lazyLoad.status === "loading" && /* @__PURE__ */ jsxRuntime.jsx(LoadingState, {}),
         lazyLoad.status === "error" && /* @__PURE__ */ jsxRuntime.jsx(ErrorState, { "data-testid": "lazy-page-error", message: lazyLoad.error }),
-        lazyLoad.status === "ready" && /* @__PURE__ */ jsxRuntime.jsx(
+        lazyLoad.status === "ready" && /* @__PURE__ */ jsxRuntime.jsx(LazyPageOfRegisteredProgram.Provider, { value: true, children: /* @__PURE__ */ jsxRuntime.jsx(
           OrbPreview,
           {
             schema: lazyLoad.schema,
@@ -59826,7 +59865,7 @@ function OrbPreview({
             onUnmatchedNavigate: handleNavigate
           },
           lazyRoute.page.orbRef
-        )
+        ) })
       ] })
     );
   }
@@ -59923,21 +59962,28 @@ function BrowserPlayground({
       runtime$1.resumeTicks();
     }
   }, [runtime$1, paused]);
-  const registrationReady = React98.useMemo(() => {
-    const orbitalNames = schema.orbitals.map((o) => o.name);
-    playgroundLog.debug("register:start", { schema: schema.name, orbitalNames });
+  const lazySchemas = React98.useMemo(() => {
     const lazyPages = schema.lazyPages ?? [];
-    const lazy6 = lazyPages.length > 0 && lazyLoader !== void 0 ? Promise.all(lazyPages.map(async (page) => {
+    if (lazyPages.length === 0 || lazyLoader === void 0) return Promise.resolve([]);
+    return Promise.all(lazyPages.map(async (page) => {
       const loaded = await runtime.loadLazyPage(lazyLoader, page, schemaPath);
       if (!loaded.success) throw new Error(loaded.error);
       return loaded.data;
-    })) : Promise.resolve([]);
-    return lazy6.then(
-      (lazySchemas) => runtime$1.register(schema, { ...messages !== void 0 ? { messages } : {}, lazy: lazySchemas })
-    ).then(() => {
-      playgroundLog.debug("register:done", { schema: schema.name, orbitalNames });
+    }));
+  }, [schema.lazyPages, lazyLoader, schemaPath]);
+  const registerProgram = React98.useCallback((program) => {
+    const orbitalNames = program.orbitals.map((o) => o.name);
+    playgroundLog.debug("register:start", { schema: program.name, orbitalNames });
+    return lazySchemas.then((lazy6) => runtime$1.register(program, { ...messages !== void 0 ? { messages } : {}, lazy: lazy6 })).then(() => {
+      playgroundLog.debug("register:done", { schema: program.name, orbitalNames });
     });
-  }, [runtime$1, schema, messages, lazyLoader, schemaPath]);
+  }, [runtime$1, lazySchemas, messages]);
+  const latestRegistration = React98.useRef(Promise.resolve());
+  const registrationReady = React98.useMemo(() => {
+    const ready = registerProgram(schema);
+    latestRegistration.current = ready;
+    return ready;
+  }, [registerProgram, schema]);
   const teardownTimerRef = React98.useRef(null);
   React98.useEffect(() => {
     if (teardownTimerRef.current !== null) {
@@ -59955,18 +60001,22 @@ function BrowserPlayground({
   const transport = React98.useMemo(
     () => runtime.createInProcessTransport(
       async (orbitalName, request) => {
-        await registrationReady;
+        await latestRegistration.current;
         return runtime$1.processOrbitalEvent(orbitalName, request);
       },
       {
-        // The program (lazy behaviors included) is registered above; the bridge only waits for it.
-        onRegister: () => registrationReady,
+        // Registers what the bridge hands over (lazy behaviors included): a bridge that unregistered first gets it back.
+        onRegister: (program) => {
+          const ready = registerProgram(program);
+          latestRegistration.current = ready;
+          return ready;
+        },
         onUnregister: () => {
           runtime$1.unregisterAll();
         }
       }
     ),
-    [runtime$1, registrationReady]
+    [runtime$1, registerProgram, registrationReady]
   );
   const viewerLocale = locale ?? schema.locales?.[0];
   const i18n$1 = React98.useMemo(() => {

package/dist/runtime/index.d.ts

@@ -1,9 +1,9 @@
-import { EventPayload, OrbitalDefinition, ServiceParams, TraitConfig, UserContext, ResolvedTraitBinding, ResolvedPage, ResolvedEntity, ResolvedTrait, ResolvedIR, OrbitalSchema, PatternConfig, ResolvedPatternProps, EventSource, SExpr, EntityData, MessageCatalogs } from '@almadar/core';
+import { EventPayload, OrbitalDefinition, PersistenceAdapter, ServiceParams, TraitConfig, UserContext, ResolvedTraitBinding, ResolvedPage, ResolvedEntity, ResolvedTrait, ResolvedIR, OrbitalSchema, PatternConfig, ResolvedPatternProps, EventSource, SExpr, EntityData, MessageCatalogs } from '@almadar/core';
 export { ResolvedEntity, ResolvedIR, ResolvedPage, ResolvedTrait, ResolvedTraitBinding } from '@almadar/core';
-import { TraitState, EventTransport, PersistenceAdapter, AccessTokenProvider, SchemaLoader } from '@almadar/runtime';
+import { TraitState, EventTransport, AccessTokenProvider, SchemaLoader } from '@almadar/runtime';
 export { AccessTokenProvider, ClientEventBus, CreateClientEffectHandlersOptions, SlotSetter, createClientEffectHandlers } from '@almadar/runtime';
-import { E as EntityBindingSource, A as AwaitingSkeletonSource, S as ServerBridgeTransport } from '../AwaitingSkeletonContext-DPgW__WV.js';
-export { a as EntitySchemaContextValue, b as EntitySchemaProvider, c as EntitySchemaProviderProps, d as ServerBridgeContextValue, e as ServerBridgeProvider, T as TraitContext, f as TraitContextValue, g as TraitInstance, h as TraitProvider, i as TraitProviderProps, u as useEntitySchema, j as useEntitySchemaOptional, k as useServerBridge, l as useTrait, m as useTraitContext } from '../AwaitingSkeletonContext-DPgW__WV.js';
+import { E as EntityBindingSource, A as AwaitingSkeletonSource, S as ServerBridgeTransport } from '../AwaitingSkeletonContext-Bh399p1x.js';
+export { a as EntitySchemaContextValue, b as EntitySchemaProvider, c as EntitySchemaProviderProps, d as ServerBridgeContextValue, e as ServerBridgeProvider, T as TraitContext, f as TraitContextValue, g as TraitInstance, h as TraitProvider, i as TraitProviderProps, u as useEntitySchema, j as useEntitySchemaOptional, k as useServerBridge, l as useTrait, m as useTraitContext } from '../AwaitingSkeletonContext-Bh399p1x.js';
 import { c as useUISlots } from '../UISlotContext-CS487Uoc.js';
 export { PERF_NAMESPACE, PerfEntry, PreparedPreviewSchema, adjustSchemaForMockData, buildMockData, clearPerf, perfEnd, perfStart, perfTime, prepareSchemaForPreview, wrapCallbackForEvent } from '@almadar/runtime/ui';
 import React__default, { ReactNode } from 'react';

package/dist/runtime/index.js

@@ -1,10 +1,10 @@
-export { BrowserPlayground, OrbPreview, adjustSchemaForMockData, buildMockData, clearSchemaCache, prepareSchemaForPreview, useResolvedSchema, useTraitStateMachine } from '../chunk-RHP5WL55.js';
+export { BrowserPlayground, OrbPreview, adjustSchemaForMockData, buildMockData, clearSchemaCache, prepareSchemaForPreview, useResolvedSchema, useTraitStateMachine } from '../chunk-QJIAJ6EH.js';
 export { assertUniqueSlotsPerHost } from '../chunk-O2EIWXWE.js';
 import '../chunk-N7JIG57B.js';
-import '../chunk-VHTJRS2N.js';
+import '../chunk-L3MTZ3RH.js';
 import '../chunk-YYYHH5BA.js';
-export { wrapCallbackForEvent } from '../chunk-PYJ2UQWM.js';
-import '../chunk-HA7CJWQX.js';
+export { wrapCallbackForEvent } from '../chunk-E6MWYQVZ.js';
+import '../chunk-J755QADM.js';
 import '../chunk-4ZGXIW3B.js';
 import '../chunk-I5QOYW2Z.js';
 import '../chunk-XJTHMW4G.js';

package/dist/ssr/index.cjs

@@ -5836,6 +5836,7 @@ var Avatar = ({
           statusClasses[status],
           statusSizeClasses[size]
         ),
+        role: "img",
         "aria-label": t("avatar.status", { status: t(`avatar.status.${status}`) })
       }
     ),
@@ -6903,6 +6904,7 @@ var AnimatedGraphic = React17__namespace.default.forwardRef(
             "div",
             {
               className: "w-full h-full [&>svg]:w-full [&>svg]:h-full",
+              "aria-hidden": "true",
               dangerouslySetInnerHTML: { __html: resolvedSvg }
             }
           ) : children

package/dist/ssr/index.js

@@ -5815,6 +5815,7 @@ var Avatar = ({
           statusClasses[status],
           statusSizeClasses[size]
         ),
+        role: "img",
         "aria-label": t("avatar.status", { status: t(`avatar.status.${status}`) })
       }
     ),
@@ -6882,6 +6883,7 @@ var AnimatedGraphic = React17__default.forwardRef(
             "div",
             {
               className: "w-full h-full [&>svg]:w-full [&>svg]:h-full",
+              "aria-hidden": "true",
               dangerouslySetInnerHTML: { __html: resolvedSvg }
             }
           ) : children

package/dist/{verificationRegistry-CD7Xb40L.d.ts → verificationRegistry-B3dj1Zl8.d.ts}

@@ -1,4 +1,4 @@
-import { D as DrawableNode } from './paintDispatch-_6EhJCiL.js';
+import { D as DrawableNode } from './paintDispatch-Cp1_S93j.js';
 import { OrbitalVerificationAPI, TraitStateSnapshot, EventPayload, BusEvent, VerificationCheck, BridgeHealth, VerificationSnapshot, VerificationSummary, TransitionTrace, OrbitalEventRequest, OrbitalEventResponse, ServerResponseTrace, EffectTrace, CheckStatus, ServerEffectResult, AssetLoadStatus } from '@almadar/core';
 import { EventTransport } from '@almadar/runtime';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "6.57.0",
+  "version": "6.59.0",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "sideEffects": [
@@ -126,12 +126,13 @@
     "access": "public"
   },
   "dependencies": {
-    "@almadar/core": "^10.119.0",
-    "@almadar/evaluator": "^2.55.0",
-    "@almadar/logger": "^1.16.0",
-    "@almadar/runtime": "^6.104.0",
-    "@almadar/std": "^16.244.0",
-    "@almadar/syntax": "^1.19.0",
+    "@almadar/core": "^10.121.0",
+    "@almadar/db": "^0.1.1",
+    "@almadar/evaluator": "^2.56.0",
+    "@almadar/logger": "^1.17.0",
+    "@almadar/runtime": "^6.106.0",
+    "@almadar/std": "^16.246.0",
+    "@almadar/syntax": "^1.19.1",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
@@ -191,7 +192,7 @@
     }
   },
   "devDependencies": {
-    "@almadar-io/behaviors": "^0.16.191",
+    "@almadar-io/behaviors": "^0.16.194",
     "@almadar/eslint-plugin": "^2.21.0",
     "@react-three/drei": "^10.7.7",
     "@react-three/fiber": "^9.6.0",