@almadar/ui 6.23.0 → 6.24.0

package/dist/runtime/index.cjs

@@ -7710,7 +7710,7 @@ function recordTransition(trace) {
     ...trace,
     id: `t-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`
   };
-  log4.debug("transition:recorded", { trait: trace.traitName, from: trace.from, to: trace.to, event: trace.event, effectCount: trace.effects.length });
+  log5.debug("transition:recorded", { trait: trace.traitName, from: trace.from, to: trace.to, event: trace.event, effectCount: trace.effects.length });
   getState().transitions.push(entry);
   if (getState().transitions.length > MAX_TRANSITIONS) {
     getState().transitions.shift();
@@ -7828,7 +7828,7 @@ function getTraitSnapshots() {
     try {
       snapshots.push(getter());
     } catch (err) {
-      log4.error("traitSnapshot getter failed", { trait: traitName, err: String(err) });
+      log5.error("traitSnapshot getter failed", { trait: traitName, err: String(err) });
     }
   }
   return snapshots;
@@ -7934,10 +7934,10 @@ function updateAssetStatus(url, status) {
     window.__orbitalVerification.assetStatus[url] = status;
   }
 }
-var log4, MAX_TRANSITIONS;
+var log5, MAX_TRANSITIONS;
 var init_verificationRegistry = __esm({
   "lib/verificationRegistry.ts"() {
-    log4 = logger.createLogger("almadar:bridge");
+    log5 = logger.createLogger("almadar:bridge");
     MAX_TRANSITIONS = 500;
     exposeOnWindow();
   }
@@ -16776,7 +16776,7 @@ var init_avl_elk_layout = __esm({
     elk = new ELK__default.default();
   }
 });
-var log5, SWIM_GUTTER, CENTER_W, BehaviorView;
+var log6, SWIM_GUTTER, CENTER_W, BehaviorView;
 var init_BehaviorView = __esm({
   "components/avl/molecules/BehaviorView.tsx"() {
     "use client";
@@ -16785,7 +16785,7 @@ var init_BehaviorView = __esm({
     init_AvlSwimLane();
     init_avl_atom_types();
     init_avl_elk_layout();
-    log5 = logger.createLogger("almadar:ui:avl:behavior-view");
+    log6 = logger.createLogger("almadar:ui:avl:behavior-view");
     SWIM_GUTTER = 120;
     CENTER_W = 360;
     BehaviorView = ({ data }) => {
@@ -16796,7 +16796,7 @@ var init_BehaviorView = __esm({
       const dataKey = React87.useMemo(() => JSON.stringify(traitData), [traitData]);
       React87.useEffect(() => {
         if (!traitData) return;
-        computeTraitLayout(traitData).then(setLayout).catch((err) => log5.error("compute-trait-layout-failed", { error: err instanceof Error ? err : String(err) }));
+        computeTraitLayout(traitData).then(setLayout).catch((err) => log6.error("compute-trait-layout-failed", { error: err instanceof Error ? err : String(err) }));
       }, [dataKey]);
       if (!traitData) {
         return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg border border-[var(--color-border)] bg-[var(--color-card)] p-4 text-center text-[var(--color-muted-foreground)] text-sm", children: t("avl.noTraitData") });
@@ -18716,7 +18716,7 @@ function translateProgram(source, language, lang) {
   }
   return source;
 }
-var dynamicallyLoaded, codeLanguageLoader, orbStyleOverrides, orbStyle, loloStyleOverrides, loloStyle, log6, CODE_LANGUAGES, CODE_LANGUAGE_SET, DIFF_STYLES, DIFF_STYLE_FALLBACK, LINE_PROPS_FN, HIDDEN_LINE_NUMBERS, HIGHLIGHT_CAPACITY_BYTES, MONO_FONT_FAMILY, VIEWER_LINE_NUMBER_STYLE, CodeBlock;
+var dynamicallyLoaded, codeLanguageLoader, orbStyleOverrides, orbStyle, loloStyleOverrides, loloStyle, log7, CODE_LANGUAGES, CODE_LANGUAGE_SET, DIFF_STYLES, DIFF_STYLE_FALLBACK, LINE_PROPS_FN, HIDDEN_LINE_NUMBERS, HIGHLIGHT_CAPACITY_BYTES, MONO_FONT_FAMILY, VIEWER_LINE_NUMBER_STYLE, CodeBlock;
 var init_CodeBlock = __esm({
   "components/core/molecules/markdown/CodeBlock.tsx"() {
     init_cn();
@@ -18855,7 +18855,7 @@ var init_CodeBlock = __esm({
       "lolo-op-async": { color: syntax.ORB_COLORS.dark.async }
     };
     loloStyle = { ...dark__default.default, ...loloStyleOverrides };
-    log6 = logger.createLogger("almadar:ui:markdown-code");
+    log7 = logger.createLogger("almadar:ui:markdown-code");
     CODE_LANGUAGES = [
       "text",
       "json",
@@ -19494,7 +19494,7 @@ var init_CodeBlock = __esm({
             eventBus.emit("UI:COPY_CODE", { language: activeLanguage, success: true });
             setTimeout(() => setCopied(false), 2e3);
           } catch (err) {
-            log6.error("Failed to copy code", { error: err instanceof Error ? err : String(err) });
+            log7.error("Failed to copy code", { error: err instanceof Error ? err : String(err) });
             eventBus.emit("UI:COPY_CODE", { language: activeLanguage, success: false });
           }
         };
@@ -19944,7 +19944,7 @@ function loadMermaid() {
   mermaidModule ?? (mermaidModule = import('mermaid').then((m) => m.default));
   return mermaidModule;
 }
-var log7, mermaidModule, MermaidDiagram;
+var log8, mermaidModule, MermaidDiagram;
 var init_MermaidDiagram = __esm({
   "components/core/molecules/markdown/MermaidDiagram.tsx"() {
     init_Box();
@@ -19952,7 +19952,7 @@ var init_MermaidDiagram = __esm({
     init_CodeBlock();
     init_mermaidSource();
     init_cn();
-    log7 = logger.createLogger("almadar:ui:mermaid-diagram");
+    log8 = logger.createLogger("almadar:ui:mermaid-diagram");
     mermaidModule = null;
     MermaidDiagram = React87__namespace.default.memo(
       ({ code, className }) => {
@@ -19986,14 +19986,14 @@ var init_MermaidDiagram = __esm({
                 container.innerHTML = svg;
                 container.dataset.mermaidRepaired = String(index > 0);
                 setUnrenderable(false);
-                if (index > 0) log7.debug("mermaid:repaired", { candidate: index });
+                if (index > 0) log8.debug("mermaid:repaired", { candidate: index });
                 return;
               } catch (err) {
                 firstError ?? (firstError = err instanceof Error ? err : new Error(String(err)));
               }
             }
             if (!active) return;
-            log7.warn("mermaid:unrenderable", { error: firstError?.message ?? "", code });
+            log8.warn("mermaid:unrenderable", { error: firstError?.message ?? "", code });
             setUnrenderable(true);
           })();
           return () => {
@@ -23364,14 +23364,14 @@ function useSafeEventBus2() {
     } };
   }
 }
-var log8, lookStyles4, ButtonGroup;
+var log9, lookStyles4, ButtonGroup;
 var init_ButtonGroup = __esm({
   "components/core/molecules/ButtonGroup.tsx"() {
     "use client";
     init_cn();
     init_atoms();
     init_useEventBus();
-    log8 = logger.createLogger("almadar:ui:button-group");
+    log9 = logger.createLogger("almadar:ui:button-group");
     lookStyles4 = {
       "right-aligned-buttons": "",
       "floating-bar": "fixed bottom-section left-1/2 -translate-x-1/2 shadow-elevation-toast bg-card p-card-sm rounded-container",
@@ -23452,7 +23452,7 @@ var init_ButtonGroup = __esm({
           {
             variant: "ghost",
             onClick: () => {
-              log8.debug("Filter clicked", { field: filter.field });
+              log9.debug("Filter clicked", { field: filter.field });
             },
             children: filter.label
           },
@@ -31255,9 +31255,9 @@ function debug(...args) {
   const [first, ...rest] = args;
   const message = typeof first === "string" ? first : "<debug>";
   if (rest.length === 0 && typeof first === "string") {
-    log9.debug(message);
+    log10.debug(message);
   } else {
-    log9.debug(message, { args: rest.length > 0 ? formatArgs(rest) : formatArgs([first]) });
+    log10.debug(message, { args: rest.length > 0 ? formatArgs(rest) : formatArgs([first]) });
   }
 }
 function debugGroup(label) {
@@ -31285,11 +31285,11 @@ function toLogMetaValue(v) {
   }
   return String(v);
 }
-var NAMESPACE, log9;
+var NAMESPACE, log10;
 var init_debug = __esm({
   "lib/debug.ts"() {
     NAMESPACE = "almadar:ui:debug";
-    log9 = logger.createLogger(NAMESPACE);
+    log10 = logger.createLogger(NAMESPACE);
     logger.createLogger("almadar:ui:debug:input");
     logger.createLogger("almadar:ui:debug:collision");
     logger.createLogger("almadar:ui:debug:physics");
@@ -34567,13 +34567,13 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect68, useRef: useRef69, useCallback: useCallback96, useState: useState102 } = React87__namespace.default;
+      const { useEffect: useEffect69, useRef: useRef70, useCallback: useCallback97, useState: useState103 } = React87__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 }) {
         const map = useMap();
-        const prevRef = useRef69({ centerLat, centerLng, zoom });
-        useEffect68(() => {
+        const prevRef = useRef70({ centerLat, centerLng, zoom });
+        useEffect69(() => {
           const prev = prevRef.current;
           if (prev.centerLat !== centerLat || prev.centerLng !== centerLng || prev.zoom !== zoom) {
             map.setView([centerLat, centerLng], zoom);
@@ -34584,7 +34584,7 @@ var init_MapView = __esm({
       }
       function MapClickHandler({ onMapClick }) {
         const map = useMap();
-        useEffect68(() => {
+        useEffect69(() => {
           if (!onMapClick) return;
           const handler = (e) => {
             onMapClick(e.latlng.lat, e.latlng.lng);
@@ -34612,8 +34612,8 @@ var init_MapView = __esm({
         showAttribution = true
       }) {
         const eventBus = useEventBus2();
-        const [clickedPosition, setClickedPosition] = useState102(null);
-        const handleMapClick = useCallback96((lat, lng) => {
+        const [clickedPosition, setClickedPosition] = useState103(null);
+        const handleMapClick = useCallback97((lat, lng) => {
           if (showClickedPin) {
             setClickedPosition({ lat, lng });
           }
@@ -34622,7 +34622,7 @@ var init_MapView = __esm({
             eventBus.emit(`UI:${mapClickEvent}`, { latitude: lat, longitude: lng });
           }
         }, [onMapClick, mapClickEvent, eventBus, showClickedPin]);
-        const handleMarkerClick = useCallback96((marker) => {
+        const handleMarkerClick = useCallback97((marker) => {
           onMarkerClick?.(marker);
           if (markerClickEvent) {
             eventBus.emit(`UI:${markerClickEvent}`, { ...marker });
@@ -49209,7 +49209,7 @@ function getAllEvents(traits2) {
 function EventDispatcherTab({ traits: traits2, schema }) {
   const eventBus = useEventBus();
   const { t } = hooks.useTranslate();
-  const [log11, setLog] = React87__namespace.useState([]);
+  const [log12, setLog] = React87__namespace.useState([]);
   const prevStatesRef = React87__namespace.useRef(/* @__PURE__ */ new Map());
   React87__namespace.useEffect(() => {
     for (const trait of traits2) {
@@ -49273,9 +49273,9 @@ function EventDispatcherTab({ traits: traits2, schema }) {
       /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "small", weight: "medium", className: "text-muted-foreground mb-1", children: t("debug.otherEvents") }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1", children: unavailableEvents.map((event) => /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "default", size: "sm", className: "opacity-50", children: event }, event)) })
     ] }),
-    log11.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    log12.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "small", weight: "medium", className: "text-muted-foreground mb-1", children: t("debug.recentTransitions") }),
-      /* @__PURE__ */ jsxRuntime.jsx(Stack, { gap: "xs", children: log11.map((entry, i) => /* @__PURE__ */ jsxRuntime.jsxs(Typography, { variant: "small", className: "font-mono text-xs", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Stack, { gap: "xs", children: log12.map((entry, i) => /* @__PURE__ */ jsxRuntime.jsxs(Typography, { variant: "small", className: "font-mono text-xs", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary", children: entry.traitName }),
         " ",
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: entry.from }),
@@ -53024,7 +53024,25 @@ var init_UISlotRenderer = __esm({
 
 // hooks/index.ts
 init_useEventBus();
-var log2 = logger.createLogger("almadar:ui:shared-entity-store");
+logger.createLogger("almadar:ui:ui-slots");
+var ALL_SLOTS = core.UI_SLOTS.filter(
+  (slot) => !slot.includes(".") && slot !== "hud" && slot !== "screen"
+);
+ALL_SLOTS.reduce(
+  (acc, slot) => {
+    acc[slot] = null;
+    return acc;
+  },
+  {}
+);
+ALL_SLOTS.reduce(
+  (acc, slot) => {
+    acc[slot] = {};
+    return acc;
+  },
+  {}
+);
+var log3 = logger.createLogger("almadar:ui:shared-entity-store");
 var EMPTY_ENTITY_STATE = {};
 function createSharedEntityStore() {
   const states = /* @__PURE__ */ new Map();
@@ -53054,7 +53072,7 @@ function createSharedEntityStore() {
       try {
         callback();
       } catch (error) {
-        log2.error("Shared entity subscriber error", {
+        log3.error("Shared entity subscriber error", {
           entityId,
           error: error instanceof Error ? error : String(error)
         });
@@ -53085,7 +53103,7 @@ function runTickFrame(entityId, orderedWriters, store) {
   store.commit(entityId, scratch);
   return scratch;
 }
-var log3 = logger.createLogger("almadar:ui:effects:client-handlers");
+var log4 = logger.createLogger("almadar:ui:effects:client-handlers");
 function createClientEffectHandlers(options) {
   const { eventBus, slotSetter, navigate, navigateBack, callService, liveEntity, persistDelegated, callServiceDelegated } = options;
   return {
@@ -53094,7 +53112,7 @@ function createClientEffectHandlers(options) {
       eventBus.emit(prefixedEvent, payload, source);
     },
     persist: async () => {
-      log3.debug("persist is server-side only, ignored on client");
+      log4.debug("persist is server-side only, ignored on client");
     },
     // Bridge mode: the server runs every persist and the response
     // carries its outcome — tell the executor so the placeholder above is
@@ -53104,7 +53122,7 @@ function createClientEffectHandlers(options) {
     // @almadar/runtime EffectHandlers.set types value:unknown — should be FieldValue (upstream fix queued)
     set: ((_entityId, field, value) => {
       if (!liveEntity) {
-        log3.warn("set is server-side only, ignored on client (no live entity)");
+        log4.warn("set is server-side only, ignored on client (no live entity)");
         return;
       }
       liveEntity[field] = value;
@@ -53140,10 +53158,10 @@ function createClientEffectHandlers(options) {
         window.location.href = path;
         return;
       }
-      log3.warn("No navigate handler, ignoring", { path });
+      log4.warn("No navigate handler, ignoring", { path });
     }),
     navigateBack: navigateBack ?? (() => {
-      log3.warn("No navigate-back handler, ignoring");
+      log4.warn("No navigate-back handler, ignoring");
     })
   };
 }
@@ -53397,6 +53415,13 @@ function effectsCallOp(effects, ops) {
   }
   return false;
 }
+function diffDroppedTraitNames(prev, next) {
+  const dropped = [];
+  for (const name of prev) {
+    if (!next.has(name)) dropped.push(name);
+  }
+  return dropped;
+}
 function classifySharedTick(tick) {
   const writes = effectsCallOp(tick.effects, SHARED_ENTITY_WRITE_OPS);
   const renders = effectsCallOp(tick.effects, SHARED_ENTITY_RENDER_OPS);
@@ -53599,6 +53624,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
   const uiSlotsRef = React87.useRef(uiSlots);
   const embeddedTraitsRef = React87.useRef(options?.embeddedTraits);
   const optionsRef = React87.useRef(options);
+  const prevActiveTraitNamesRef = React87.useRef(/* @__PURE__ */ new Set());
   React87.useEffect(() => {
     traitBindingsRef.current = traitBindings;
   }, [traitBindings]);
@@ -53727,6 +53753,18 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
     };
   }, [traitBindings]);
   React87.useEffect(() => {
+    const nextActiveTraitNames = new Set(
+      traitBindings.map((b) => b.trait.name).filter((n) => !!n)
+    );
+    const dropped = diffDroppedTraitNames(prevActiveTraitNamesRef.current, nextActiveTraitNames);
+    if (dropped.length > 0) {
+      for (const traitName of dropped) {
+        for (const slot of ALL_SLOTS) {
+          uiSlotsRef.current.clearBySource(slot, traitName);
+        }
+      }
+    }
+    prevActiveTraitNamesRef.current = nextActiveTraitNames;
     const newManager = managerRef.current;
     newManager.resetAll();
     setTraitStates(newManager.getAllStates());
@@ -53774,7 +53812,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
     };
   }, [traitBindings]);
   const executeTransitionEffects = React87.useCallback(async (params) => {
-    const { binding, previousState, newState, payload, flushEvent, syncOnly, log: log11, callsitePayload } = params;
+    const { binding, previousState, newState, payload, flushEvent, syncOnly, log: log12, callsitePayload } = params;
     const traitName = binding.trait.name;
     const linkedEntity = binding.linkedEntity || "";
     const entityId = payload?.entityId;
@@ -53911,7 +53949,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
         if (sharedKey !== void 0) {
           sharedWrites.push({ field, value });
         }
-        log11.debug("set:write", {
+        log12.debug("set:write", {
           traitName,
           field,
           value: JSON.stringify(value),
@@ -53983,7 +54021,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
           core.mergeEntityFrame(sharedEntityStore.getSnapshot(sharedKey), sharedWrites)
         );
       }
-      log11.debug("effects:executed", () => ({
+      log12.debug("effects:executed", () => ({
         traitName,
         transition: `${previousState}->${newState}`,
         event: flushEvent,
@@ -53993,7 +54031,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
         slotsTouched: Array.from(pendingSlots.keys()).join(",")
       }));
       for (const [slot, patterns] of pendingSlots) {
-        log11.debug("flush:slot", {
+        log12.debug("flush:slot", {
           traitName,
           slot,
           patternCount: patterns.length,
@@ -54011,7 +54049,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
         publishBindingSnapshot(traitName, liveEntity);
       }
     } catch (error) {
-      log11.error("effects:error", {
+      log12.error("effects:error", {
         traitName,
         transition: `${previousState}->${newState}`,
         event: flushEvent,
@@ -54021,7 +54059,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
     }
     return { emitted: emittedDuringExec, serverEffectResults };
   }, [eventBus, flushSlot, sharedEntityStore, publishBindingSnapshot, orbitalsByTrait, viewer]);
-  const reRenderCallsiteCaptureChildren = React87.useCallback(async (traitName, callsitePayload, entityByTrait, log11, visited = /* @__PURE__ */ new Set()) => {
+  const reRenderCallsiteCaptureChildren = React87.useCallback(async (traitName, callsitePayload, entityByTrait, log12, visited = /* @__PURE__ */ new Set()) => {
     const children = callsiteCaptureChildrenByTrait?.get(traitName);
     if (!children || children.size === 0) return;
     const mgr = managerRef.current;
@@ -54035,7 +54073,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
       if (lifecycleEvent === void 0) continue;
       const [entry] = mgr.sendEvent(lifecycleEvent, {}, void 0, entityByTrait, void 0, childName);
       if (!entry || !entry.result.executed) continue;
-      log11.debug("callsite-capture-child:rerender", {
+      log12.debug("callsite-capture-child:rerender", {
         referrer: traitName,
         child: childName,
         lifecycleEvent,
@@ -54049,10 +54087,10 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
         payload: {},
         flushEvent: lifecycleEvent,
         syncOnly: false,
-        log: log11,
+        log: log12,
         callsitePayload
       });
-      await reRenderCallsiteCaptureChildren(childName, callsitePayload, entityByTrait, log11, visited);
+      await reRenderCallsiteCaptureChildren(childName, callsitePayload, entityByTrait, log12, visited);
     }
   }, [callsiteCaptureChildrenByTrait, executeTransitionEffects]);
   const runTickEffects = React87.useCallback((tick, binding) => {
@@ -55375,7 +55413,7 @@ function BrowserPlayground({
 
 // runtime/OrbitalPluginHost.tsx
 init_useEventBus();
-var log10 = logger.createLogger("almadar:ui:plugin-host");
+var log11 = logger.createLogger("almadar:ui:plugin-host");
 var UI_SLOT_SET = new Set(core.UI_SLOTS);
 function isUISlot(value) {
   return UI_SLOT_SET.has(value);
@@ -55454,7 +55492,7 @@ function buildMockEffectHandlers(opts) {
   const handlers = {
     renderUI: (slot, pattern, props, priority) => {
       if (!isUISlot(slot)) {
-        log10.warn("renderUI:unknown-slot", { pluginId, slot });
+        log11.warn("renderUI:unknown-slot", { pluginId, slot });
         return;
       }
       if (pattern === null) {
@@ -55466,19 +55504,19 @@ function buildMockEffectHandlers(opts) {
     }
   };
   if (denySet.has("navigate")) {
-    handlers.navigate = (path) => log10.warn("navigate:denied", { pluginId, path });
+    handlers.navigate = (path) => log11.warn("navigate:denied", { pluginId, path });
   } else if (navigateRef.current) {
     handlers.navigate = (path) => navigateRef.current?.(path);
   }
   if (denySet.has("persist")) {
     handlers.persist = async (action, entityType) => {
-      log10.warn("persist:denied", { pluginId, action, entityType });
+      log11.warn("persist:denied", { pluginId, action, entityType });
       return void 0;
     };
   }
   if (denySet.has("call-service")) {
     handlers.callService = async (service, action) => {
-      log10.warn("call-service:denied", { pluginId, service, action });
+      log11.warn("call-service:denied", { pluginId, service, action });
       return null;
     };
   }