@almadar/ui 4.37.0 → 4.38.0

package/dist/avl/index.cjs

@@ -50547,11 +50547,15 @@ function formatPayloadTooltip(fields) {
   );
   return `{ ${parts.join(", ")} }`;
 }
+
+// components/molecules/avl/OrbPreviewNode.tsx
+init_logger();
 function entityNameOf(ref) {
   if (!ref) return void 0;
   if (typeof ref === "string") return ref;
   return "name" in ref ? ref.name : void 0;
 }
+var eventHandleLog = createLogger("almadar:ui:orb-preview-handle");
 var ScreenSizeContext = React119.createContext("tablet");
 var PatternSelectionContext = React119.createContext({ selected: null, select: () => {
 } });
@@ -50578,12 +50582,21 @@ var TARGET_HANDLE_STYLE = {
   border: "2px solid var(--color-card)"
 };
 function eventHandleStyle(source) {
+  const hint = Number.isFinite(source.positionHint) ? source.positionHint : 0.5;
+  if (hint !== source.positionHint) {
+    eventHandleLog.warn("non-finite positionHint on PatternEventSource", {
+      event: source.event,
+      patternType: source.patternType,
+      label: source.label,
+      positionHint: source.positionHint
+    });
+  }
   return {
     background: "#F97316",
     width: 10,
     height: 10,
     border: "2px solid var(--color-card)",
-    top: `${source.positionHint * 100}%`,
+    top: `${hint * 100}%`,
     right: -5
   };
 }
@@ -50999,9 +51012,17 @@ var OrbPreviewNodeInner = (props) => {
 };
 var OrbPreviewNode = React119__namespace.default.memo(OrbPreviewNodeInner);
 OrbPreviewNode.displayName = "OrbPreviewNode";
+
+// components/molecules/avl/EventFlowEdge.tsx
+init_logger();
+var edgeLog = createLogger("almadar:ui:event-flow-edge");
 var EventFlowEdgeInner = (props) => {
   const {
     id,
+    source,
+    target,
+    sourceHandleId,
+    targetHandleId,
     sourceX,
     sourceY,
     targetX,
@@ -51013,6 +51034,24 @@ var EventFlowEdgeInner = (props) => {
   const data = props.data;
   const isBackward = data?.isBackward ?? false;
   const isCrossOrbital = data?.isCrossOrbital ?? false;
+  if (!Number.isFinite(sourceX) || !Number.isFinite(sourceY) || !Number.isFinite(targetX) || !Number.isFinite(targetY)) {
+    edgeLog.warn("non-finite edge coordinates", {
+      edgeId: id,
+      source,
+      target,
+      sourceHandleId,
+      targetHandleId,
+      sourceX,
+      sourceY,
+      targetX,
+      targetY,
+      sourcePosition,
+      targetPosition,
+      eventName: data?.event,
+      fromState: data?.fromState,
+      toState: data?.toState
+    });
+  }
   const [edgePath2, labelX, labelY] = react.getBezierPath({
     sourceX,
     sourceY,
@@ -51081,6 +51120,8 @@ EventFlowEdge.displayName = "EventFlowEdge";
 init_Box();
 init_Typography();
 init_Badge();
+init_logger();
+var behaviorHandleLog = createLogger("almadar:ui:behavior-compose-handle");
 var LAYER_COLORS2 = {
   Infrastructure: "#3B82F6",
   Services: "#F59E0B",
@@ -51098,12 +51139,19 @@ var TARGET_HANDLE_STYLE2 = {
   border: "2px solid var(--color-card)"
 };
 function eventHandleStyle2(source) {
+  const hint = Number.isFinite(source.positionHint) ? source.positionHint : 0.5;
+  if (hint !== source.positionHint) {
+    behaviorHandleLog.warn("non-finite positionHint on ConnectableEvent", {
+      event: source.event,
+      positionHint: source.positionHint
+    });
+  }
   return {
     background: "#F97316",
     width: 10,
     height: 10,
     border: "2px solid var(--color-card)",
-    top: `${source.positionHint * 100}%`,
+    top: `${hint * 100}%`,
     right: -5
   };
 }
@@ -52574,6 +52622,7 @@ var AvlTransitionScene = ({
 AvlTransitionScene.displayName = "AvlTransitionScene";
 
 // components/organisms/avl/AvlOrbitalsCosmicZoom.tsx
+init_logger();
 init_Box();
 init_Stack();
 init_Typography();
@@ -52596,6 +52645,7 @@ function layoutOrbitals(count, containerW, containerH) {
   }));
 }
 var avlOczWireId = 0;
+var cosmicWireLog = createLogger("almadar:ui:cosmic-zoom-wire");
 var EventWireOverlay = ({
   orbitalViews,
   crossLinks,
@@ -52674,6 +52724,23 @@ var EventWireOverlay = ({
             const offset = 25 + wireIdx * 18;
             const { cpx, cpy } = curveControlPoint(x1, y1, x2, y2, offset);
             const pathD = `M${x1},${y1} Q${cpx},${cpy} ${x2},${y2}`;
+            if (!Number.isFinite(x1) || !Number.isFinite(y1) || !Number.isFinite(x2) || !Number.isFinite(y2) || !Number.isFinite(cpx) || !Number.isFinite(cpy)) {
+              cosmicWireLog.warn("non-finite cosmic wire coordinates", {
+                eventName: link.eventName,
+                emitterOrbital: link.emitterOrbital,
+                listenerOrbital: link.listenerOrbital,
+                fromPos,
+                toPos,
+                orbitalR,
+                wireIdx,
+                x1,
+                y1,
+                x2,
+                y2,
+                cpx,
+                cpy
+              });
+            }
             const t = 0.5;
             const lx = (1 - t) * (1 - t) * x1 + 2 * (1 - t) * t * cpx + t * t * x2;
             const ly = (1 - t) * (1 - t) * y1 + 2 * (1 - t) * t * cpy + t * t * y2;

package/dist/avl/index.js

@@ -50501,11 +50501,15 @@ function formatPayloadTooltip(fields) {
   );
   return `{ ${parts.join(", ")} }`;
 }
+
+// components/molecules/avl/OrbPreviewNode.tsx
+init_logger();
 function entityNameOf(ref) {
   if (!ref) return void 0;
   if (typeof ref === "string") return ref;
   return "name" in ref ? ref.name : void 0;
 }
+var eventHandleLog = createLogger("almadar:ui:orb-preview-handle");
 var ScreenSizeContext = createContext("tablet");
 var PatternSelectionContext = createContext({ selected: null, select: () => {
 } });
@@ -50532,12 +50536,21 @@ var TARGET_HANDLE_STYLE = {
   border: "2px solid var(--color-card)"
 };
 function eventHandleStyle(source) {
+  const hint = Number.isFinite(source.positionHint) ? source.positionHint : 0.5;
+  if (hint !== source.positionHint) {
+    eventHandleLog.warn("non-finite positionHint on PatternEventSource", {
+      event: source.event,
+      patternType: source.patternType,
+      label: source.label,
+      positionHint: source.positionHint
+    });
+  }
   return {
     background: "#F97316",
     width: 10,
     height: 10,
     border: "2px solid var(--color-card)",
-    top: `${source.positionHint * 100}%`,
+    top: `${hint * 100}%`,
     right: -5
   };
 }
@@ -50953,9 +50966,17 @@ var OrbPreviewNodeInner = (props) => {
 };
 var OrbPreviewNode = React119__default.memo(OrbPreviewNodeInner);
 OrbPreviewNode.displayName = "OrbPreviewNode";
+
+// components/molecules/avl/EventFlowEdge.tsx
+init_logger();
+var edgeLog = createLogger("almadar:ui:event-flow-edge");
 var EventFlowEdgeInner = (props) => {
   const {
     id,
+    source,
+    target,
+    sourceHandleId,
+    targetHandleId,
     sourceX,
     sourceY,
     targetX,
@@ -50967,6 +50988,24 @@ var EventFlowEdgeInner = (props) => {
   const data = props.data;
   const isBackward = data?.isBackward ?? false;
   const isCrossOrbital = data?.isCrossOrbital ?? false;
+  if (!Number.isFinite(sourceX) || !Number.isFinite(sourceY) || !Number.isFinite(targetX) || !Number.isFinite(targetY)) {
+    edgeLog.warn("non-finite edge coordinates", {
+      edgeId: id,
+      source,
+      target,
+      sourceHandleId,
+      targetHandleId,
+      sourceX,
+      sourceY,
+      targetX,
+      targetY,
+      sourcePosition,
+      targetPosition,
+      eventName: data?.event,
+      fromState: data?.fromState,
+      toState: data?.toState
+    });
+  }
   const [edgePath2, labelX, labelY] = getBezierPath({
     sourceX,
     sourceY,
@@ -51035,6 +51074,8 @@ EventFlowEdge.displayName = "EventFlowEdge";
 init_Box();
 init_Typography();
 init_Badge();
+init_logger();
+var behaviorHandleLog = createLogger("almadar:ui:behavior-compose-handle");
 var LAYER_COLORS2 = {
   Infrastructure: "#3B82F6",
   Services: "#F59E0B",
@@ -51052,12 +51093,19 @@ var TARGET_HANDLE_STYLE2 = {
   border: "2px solid var(--color-card)"
 };
 function eventHandleStyle2(source) {
+  const hint = Number.isFinite(source.positionHint) ? source.positionHint : 0.5;
+  if (hint !== source.positionHint) {
+    behaviorHandleLog.warn("non-finite positionHint on ConnectableEvent", {
+      event: source.event,
+      positionHint: source.positionHint
+    });
+  }
   return {
     background: "#F97316",
     width: 10,
     height: 10,
     border: "2px solid var(--color-card)",
-    top: `${source.positionHint * 100}%`,
+    top: `${hint * 100}%`,
     right: -5
   };
 }
@@ -52528,6 +52576,7 @@ var AvlTransitionScene = ({
 AvlTransitionScene.displayName = "AvlTransitionScene";
 
 // components/organisms/avl/AvlOrbitalsCosmicZoom.tsx
+init_logger();
 init_Box();
 init_Stack();
 init_Typography();
@@ -52550,6 +52599,7 @@ function layoutOrbitals(count, containerW, containerH) {
   }));
 }
 var avlOczWireId = 0;
+var cosmicWireLog = createLogger("almadar:ui:cosmic-zoom-wire");
 var EventWireOverlay = ({
   orbitalViews,
   crossLinks,
@@ -52628,6 +52678,23 @@ var EventWireOverlay = ({
             const offset = 25 + wireIdx * 18;
             const { cpx, cpy } = curveControlPoint(x1, y1, x2, y2, offset);
             const pathD = `M${x1},${y1} Q${cpx},${cpy} ${x2},${y2}`;
+            if (!Number.isFinite(x1) || !Number.isFinite(y1) || !Number.isFinite(x2) || !Number.isFinite(y2) || !Number.isFinite(cpx) || !Number.isFinite(cpy)) {
+              cosmicWireLog.warn("non-finite cosmic wire coordinates", {
+                eventName: link.eventName,
+                emitterOrbital: link.emitterOrbital,
+                listenerOrbital: link.listenerOrbital,
+                fromPos,
+                toPos,
+                orbitalR,
+                wireIdx,
+                x1,
+                y1,
+                x2,
+                y2,
+                cpx,
+                cpy
+              });
+            }
             const t = 0.5;
             const lx = (1 - t) * (1 - t) * x1 + 2 * (1 - t) * t * cpx + t * t * x2;
             const ly = (1 - t) * (1 - t) * y1 + 2 * (1 - t) * t * cpy + t * t * y2;

package/package.json

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