@almadar/ui 6.22.0 → 6.24.0

package/dist/runtime/index.js

@@ -7636,7 +7636,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();
@@ -7754,7 +7754,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;
@@ -7860,10 +7860,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 = createLogger("almadar:bridge");
+    log5 = createLogger("almadar:bridge");
     MAX_TRANSITIONS = 500;
     exposeOnWindow();
   }
@@ -16702,7 +16702,7 @@ var init_avl_elk_layout = __esm({
     elk = new ELK();
   }
 });
-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";
@@ -16711,7 +16711,7 @@ var init_BehaviorView = __esm({
     init_AvlSwimLane();
     init_avl_atom_types();
     init_avl_elk_layout();
-    log5 = createLogger("almadar:ui:avl:behavior-view");
+    log6 = createLogger("almadar:ui:avl:behavior-view");
     SWIM_GUTTER = 120;
     CENTER_W = 360;
     BehaviorView = ({ data }) => {
@@ -16722,7 +16722,7 @@ var init_BehaviorView = __esm({
       const dataKey = useMemo(() => JSON.stringify(traitData), [traitData]);
       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__ */ 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") });
@@ -18642,7 +18642,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();
@@ -18781,7 +18781,7 @@ var init_CodeBlock = __esm({
       "lolo-op-async": { color: ORB_COLORS.dark.async }
     };
     loloStyle = { ...dark, ...loloStyleOverrides };
-    log6 = createLogger("almadar:ui:markdown-code");
+    log7 = createLogger("almadar:ui:markdown-code");
     CODE_LANGUAGES = [
       "text",
       "json",
@@ -19420,7 +19420,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 });
           }
         };
@@ -19870,7 +19870,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();
@@ -19878,7 +19878,7 @@ var init_MermaidDiagram = __esm({
     init_CodeBlock();
     init_mermaidSource();
     init_cn();
-    log7 = createLogger("almadar:ui:mermaid-diagram");
+    log8 = createLogger("almadar:ui:mermaid-diagram");
     mermaidModule = null;
     MermaidDiagram = React87__default.memo(
       ({ code, className }) => {
@@ -19912,14 +19912,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 () => {
@@ -23290,14 +23290,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 = createLogger("almadar:ui:button-group");
+    log9 = 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",
@@ -23378,7 +23378,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
           },
@@ -31181,9 +31181,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) {
@@ -31211,11 +31211,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 = createLogger(NAMESPACE);
+    log10 = createLogger(NAMESPACE);
     createLogger("almadar:ui:debug:input");
     createLogger("almadar:ui:debug:collision");
     createLogger("almadar:ui:debug:physics");
@@ -34493,13 +34493,13 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect68, useRef: useRef69, useCallback: useCallback96, useState: useState102 } = React87__default;
+      const { useEffect: useEffect69, useRef: useRef70, useCallback: useCallback97, useState: useState103 } = React87__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);
@@ -34510,7 +34510,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);
@@ -34538,8 +34538,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 });
           }
@@ -34548,7 +34548,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 });
@@ -49135,7 +49135,7 @@ function getAllEvents(traits2) {
 function EventDispatcherTab({ traits: traits2, schema }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const [log11, setLog] = React87.useState([]);
+  const [log12, setLog] = React87.useState([]);
   const prevStatesRef = React87.useRef(/* @__PURE__ */ new Map());
   React87.useEffect(() => {
     for (const trait of traits2) {
@@ -49199,9 +49199,9 @@ function EventDispatcherTab({ traits: traits2, schema }) {
       /* @__PURE__ */ jsx(Typography, { variant: "small", weight: "medium", className: "text-muted-foreground mb-1", children: t("debug.otherEvents") }),
       /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: unavailableEvents.map((event) => /* @__PURE__ */ jsx(Badge, { variant: "default", size: "sm", className: "opacity-50", children: event }, event)) })
     ] }),
-    log11.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
+    log12.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx(Typography, { variant: "small", weight: "medium", className: "text-muted-foreground mb-1", children: t("debug.recentTransitions") }),
-      /* @__PURE__ */ jsx(Stack, { gap: "xs", children: log11.map((entry, i) => /* @__PURE__ */ jsxs(Typography, { variant: "small", className: "font-mono text-xs", children: [
+      /* @__PURE__ */ jsx(Stack, { gap: "xs", children: log12.map((entry, i) => /* @__PURE__ */ jsxs(Typography, { variant: "small", className: "font-mono text-xs", children: [
         /* @__PURE__ */ jsx("span", { className: "text-primary", children: entry.traitName }),
         " ",
         /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: entry.from }),
@@ -52950,7 +52950,25 @@ var init_UISlotRenderer = __esm({
 
 // hooks/index.ts
 init_useEventBus();
-var log2 = createLogger("almadar:ui:shared-entity-store");
+createLogger("almadar:ui:ui-slots");
+var ALL_SLOTS = 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 = createLogger("almadar:ui:shared-entity-store");
 var EMPTY_ENTITY_STATE = {};
 function createSharedEntityStore() {
   const states = /* @__PURE__ */ new Map();
@@ -52980,7 +52998,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)
         });
@@ -53011,7 +53029,7 @@ function runTickFrame(entityId, orderedWriters, store) {
   store.commit(entityId, scratch);
   return scratch;
 }
-var log3 = createLogger("almadar:ui:effects:client-handlers");
+var log4 = createLogger("almadar:ui:effects:client-handlers");
 function createClientEffectHandlers(options) {
   const { eventBus, slotSetter, navigate, navigateBack, callService, liveEntity, persistDelegated, callServiceDelegated } = options;
   return {
@@ -53020,7 +53038,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
@@ -53030,7 +53048,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;
@@ -53066,10 +53084,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");
     })
   };
 }
@@ -53323,6 +53341,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);
@@ -53525,6 +53550,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
   const uiSlotsRef = useRef(uiSlots);
   const embeddedTraitsRef = useRef(options?.embeddedTraits);
   const optionsRef = useRef(options);
+  const prevActiveTraitNamesRef = useRef(/* @__PURE__ */ new Set());
   useEffect(() => {
     traitBindingsRef.current = traitBindings;
   }, [traitBindings]);
@@ -53653,6 +53679,18 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
     };
   }, [traitBindings]);
   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());
@@ -53700,7 +53738,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
     };
   }, [traitBindings]);
   const executeTransitionEffects = 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;
@@ -53837,7 +53875,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),
@@ -53909,7 +53947,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
           mergeEntityFrame(sharedEntityStore.getSnapshot(sharedKey), sharedWrites)
         );
       }
-      log11.debug("effects:executed", () => ({
+      log12.debug("effects:executed", () => ({
         traitName,
         transition: `${previousState}->${newState}`,
         event: flushEvent,
@@ -53919,7 +53957,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,
@@ -53937,7 +53975,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,
@@ -53947,7 +53985,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
     }
     return { emitted: emittedDuringExec, serverEffectResults };
   }, [eventBus, flushSlot, sharedEntityStore, publishBindingSnapshot, orbitalsByTrait, viewer]);
-  const reRenderCallsiteCaptureChildren = useCallback(async (traitName, callsitePayload, entityByTrait, log11, visited = /* @__PURE__ */ new Set()) => {
+  const reRenderCallsiteCaptureChildren = 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;
@@ -53961,7 +53999,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,
@@ -53975,10 +54013,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 = useCallback((tick, binding) => {
@@ -55301,7 +55339,7 @@ function BrowserPlayground({
 
 // runtime/OrbitalPluginHost.tsx
 init_useEventBus();
-var log10 = createLogger("almadar:ui:plugin-host");
+var log11 = createLogger("almadar:ui:plugin-host");
 var UI_SLOT_SET = new Set(UI_SLOTS);
 function isUISlot(value) {
   return UI_SLOT_SET.has(value);
@@ -55380,7 +55418,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) {
@@ -55392,19 +55430,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;
     };
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "6.22.0",
+  "version": "6.24.0",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "sideEffects": [