@almadar/ui 4.15.4 → 4.15.6

package/dist/runtime/index.js

@@ -2041,11 +2041,11 @@ function refId(obj) {
   refIds.set(obj, id);
   return id;
 }
-var slotLog, refIds, nextRefId;
+var slotLog2, refIds, nextRefId;
 var init_slot_types = __esm({
   "runtime/ui/slot-types.ts"() {
     init_logger();
-    slotLog = createLogger("almadar:ui:slot-render");
+    slotLog2 = createLogger("almadar:ui:slot-render");
     refIds = /* @__PURE__ */ new WeakMap();
     nextRefId = 1;
   }
@@ -18480,6 +18480,17 @@ function DataGrid({
     };
     eventBus.emit(`UI:${action.event}`, payload);
   };
+  const hasRenderProp = typeof children === "function";
+  useEffect(() => {
+    if (data.length > 0 && !hasRenderProp && (!fields || fields.length === 0)) {
+      const renderItemRaw = schemaRenderItem;
+      const isFnLambda = Array.isArray(renderItemRaw) && renderItemRaw.length >= 3 && (renderItemRaw[0] === "fn" || renderItemRaw[0] === "lambda");
+      dataGridLog.warn("renderItem-unresolved", {
+        rowCount: data.length,
+        renderItemIsFnLambda: isFnLambda
+      });
+    }
+  }, [data, hasRenderProp, schemaRenderItem, fields]);
   const gridTemplateColumns = cols ? void 0 : `repeat(auto-fit, minmax(min(${minCardWidth}px, 100%), 1fr))`;
   const colsClass = cols ? {
     1: "grid-cols-1",
@@ -18498,17 +18509,6 @@ function DataGrid({
   if (data.length === 0) {
     return /* @__PURE__ */ jsx(Box, { className: "text-center py-12", children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", children: t("empty.noItems") || "No items found" }) });
   }
-  const hasRenderProp = typeof children === "function";
-  useEffect(() => {
-    if (data.length > 0 && !hasRenderProp && (!fields || fields.length === 0)) {
-      const renderItemRaw = schemaRenderItem;
-      const isFnLambda = Array.isArray(renderItemRaw) && renderItemRaw.length >= 3 && (renderItemRaw[0] === "fn" || renderItemRaw[0] === "lambda");
-      dataGridLog.warn("renderItem-unresolved", {
-        rowCount: data.length,
-        renderItemIsFnLambda: isFnLambda
-      });
-    }
-  }, [data, hasRenderProp, schemaRenderItem, fields]);
   const allIds = data.map((item, i) => item.id || String(i));
   const allSelected = allIds.length > 0 && allIds.every((id) => selectedIds.has(id));
   const someSelected = selectedIds.size > 0;
@@ -19344,7 +19344,7 @@ var init_FilterGroup = __esm({
           eventBus.emit("UI:FILTER", {
             entity,
             field,
-            value: value === "all" ? null : value,
+            value: value === "all" || value === null ? "" : value,
             query
           });
         },
@@ -20156,7 +20156,7 @@ var init_SearchInput = __esm({
         /* @__PURE__ */ jsx(
           Input,
           {
-            type: "search",
+            type: "text",
             value: searchValue,
             onChange: handleChange,
             placeholder: resolvedPlaceholder,
@@ -37835,7 +37835,7 @@ function SlotContentRenderer({
 }) {
   const entityProp = content.props.entity;
   if (content.pattern === "form-section") {
-    slotLog.debug("SlotContentRenderer:form-section-render", {
+    slotLog2.debug("SlotContentRenderer:form-section-render", {
       contentId: content.id,
       sourceTrait: content.sourceTrait,
       entityRefId: refId(entityProp),
@@ -38046,6 +38046,10 @@ var init_UISlotRenderer = __esm({
 
 // hooks/index.ts
 init_useEventBus();
+
+// hooks/useUISlots.ts
+init_logger();
+createLogger("almadar:ui:useUISlots");
 var ALL_SLOTS = [
   "main",
   "sidebar",
@@ -38248,6 +38252,7 @@ init_traitRegistry();
 init_verificationRegistry();
 var crossTraitLog = createLogger("almadar:ui:cross-trait");
 var flushLog = createLogger("almadar:ui:slot-flush");
+var stateLog = createLogger("almadar:ui:state-transitions");
 function toTraitDefinition(binding) {
   return {
     name: binding.trait.name,
@@ -38680,21 +38685,29 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
         const executor = new EffectExecutor({ handlers: trackingHandlers, bindings: bindingCtx, context: effectContext });
         try {
           await executor.executeAll(result.effects);
-          console.log(
-            "[TraitStateMachine] After executeAll, pendingSlots:",
-            Object.fromEntries(pendingSlots.entries())
-          );
+          stateLog.info("transition:render-ui-dispatched", {
+            traitName,
+            fromState: result.previousState,
+            toState: result.newState,
+            event: eventKey,
+            slotsTouched: Array.from(pendingSlots.keys()).join(","),
+            patternTypes: Array.from(pendingSlots.entries()).map(
+              ([slot, patterns]) => `${slot}:[${patterns.map((p2) => p2.pattern?.type ?? "null").join(",")}]`
+            ).join(";")
+          });
           void slotSource;
           for (const [slot, patterns] of pendingSlots) {
             flushSlot(traitName, slot, patterns);
           }
         } catch (error) {
-          console.error(
-            "[TraitStateMachine] Effect execution error:",
-            error,
-            "| effects:",
-            JSON.stringify(result.effects)
-          );
+          stateLog.error("transition:effect-error", {
+            traitName,
+            fromState: result.previousState,
+            toState: result.newState,
+            event: eventKey,
+            error: error instanceof Error ? error.message : String(error),
+            effectCount: result.effects.length
+          });
         }
       } else if (!result.executed) {
         if (result.guardResult === false) {
@@ -38840,13 +38853,20 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
         if (eventKey === "INIT" || eventKey === "LOAD" || eventKey === "$MOUNT") {
           continue;
         }
-        const unsub = eventBus.on(`UI:${orbitalName}.${traitName}.${eventKey}`, (event) => {
+        const selfBusKey = `UI:${orbitalName}.${traitName}.${eventKey}`;
+        crossTraitLog.debug("self:subscribe", { traitName, busKey: selfBusKey, eventKey });
+        const unsub = eventBus.on(selfBusKey, (event) => {
           if (event.source && event.source.fromBridge) {
+            crossTraitLog.debug("self:fire-skipped-bridge-echo", { traitName, busKey: selfBusKey, eventKey });
             return;
           }
+          crossTraitLog.info("self:fire", { traitName, busKey: selfBusKey, eventKey });
           enqueueAndDrain(eventKey, event.payload);
         });
-        unsubscribes.push(unsub);
+        unsubscribes.push(() => {
+          crossTraitLog.debug("self:unsubscribe", { traitName, busKey: selfBusKey, eventKey });
+          unsub();
+        });
       }
     }
     for (const binding of traitBindings) {
@@ -38864,18 +38884,23 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
         const sourceOrbital = listen.source?.orbital ?? ownOrbital;
         if (!sourceOrbital) continue;
         const busKey = `UI:${sourceOrbital}.${sourceTrait}.${listen.event}`;
-        crossTraitLog.debug("listen:subscribed", { busKey, targetTrait: binding.trait.name, triggers: listen.triggers });
+        crossTraitLog.debug("listen:subscribed", { busKey, targetTrait: binding.trait.name, sourceOrbital, sourceTrait, listenEvent: listen.event, triggers: listen.triggers });
         const unsub = eventBus.on(busKey, (event) => {
           crossTraitLog.info("listen:fired", { busKey, targetTrait: binding.trait.name, triggers: listen.triggers });
           enqueueAndDrain(listen.triggers, event.payload);
         });
-        unsubscribes.push(unsub);
+        unsubscribes.push(() => {
+          crossTraitLog.debug("listen:unsubscribe", { busKey, targetTrait: binding.trait.name, triggers: listen.triggers });
+          unsub();
+        });
       }
     }
     return () => {
+      crossTraitLog.debug("cleanup:start", { unsubscribeCount: unsubscribes.length });
       for (const unsub of unsubscribes) {
         unsub();
       }
+      crossTraitLog.debug("cleanup:done", {});
     };
   }, [traitBindings, eventBus, enqueueAndDrain]);
   return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "4.15.4",
+  "version": "4.15.6",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "main": "./dist/components/index.js",
@@ -121,7 +121,7 @@
     "@almadar/core": "^7.5.1",
     "@almadar/evaluator": ">=2.9.2",
     "@almadar/patterns": ">=2.17.1",
-    "@almadar/runtime": "^5.8.3",
+    "@almadar/runtime": "^5.8.4",
     "@almadar/std": ">=6.4.1",
     "@almadar/syntax": ">=1.3.1",
     "@xyflow/react": "12.10.1",