@almadar/ui 4.54.9 → 4.54.10

package/dist/avl/index.cjs

@@ -62099,30 +62099,39 @@ var TraitCardNodeInner = (props) => {
             /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "h6", weight: "semibold", children: traitName }),
             linkedEntity ? /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "secondary", children: linkedEntity }) : null
           ] }),
-          traitLevelData ? /* @__PURE__ */ jsxRuntime.jsx(
-            "svg",
-            {
-              viewBox: `0 0 ${SCENE_WIDTH} ${SCENE_HEIGHT}`,
-              style: { width: "100%", height: "auto", display: "block" },
-              children: /* @__PURE__ */ jsxRuntime.jsx(
-                AvlTraitScene,
-                {
-                  data: traitLevelData,
-                  onTransitionClick: (idx) => {
-                    const t = transitions[idx];
-                    if (!t) return;
-                    selectTransition({
-                      orbitalName,
-                      traitName,
-                      transitionEvent: t.event,
-                      fromState: t.fromState,
-                      toState: t.toState,
-                      index: idx
-                    });
+          traitLevelData ? (
+            // `nodrag` + `nowheel` tell xyflow to skip its drag/wheel
+            // handlers on this element, so transition-arc clicks inside
+            // the SVG actually reach React's onClick handlers instead of
+            // being swallowed by the node-drag behavior. `nopan` keeps the
+            // ReactFlow canvas from panning when the user scrolls or
+            // pans within the trait card.
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "svg",
+              {
+                viewBox: `0 0 ${SCENE_WIDTH} ${SCENE_HEIGHT}`,
+                className: "nodrag nopan nowheel",
+                style: { width: "100%", height: "auto", display: "block" },
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  AvlTraitScene,
+                  {
+                    data: traitLevelData,
+                    onTransitionClick: (idx) => {
+                      const t = transitions[idx];
+                      if (!t) return;
+                      selectTransition({
+                        orbitalName,
+                        traitName,
+                        transitionEvent: t.event,
+                        fromState: t.fromState,
+                        toState: t.toState,
+                        index: idx
+                      });
+                    }
                   }
-                }
-              )
-            }
+                )
+              }
+            )
           ) : /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "small", color: "muted", children: "No state machine" })
         ] })
       ]

package/dist/avl/index.js

@@ -62053,30 +62053,39 @@ var TraitCardNodeInner = (props) => {
             /* @__PURE__ */ jsx(Typography, { variant: "h6", weight: "semibold", children: traitName }),
             linkedEntity ? /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: linkedEntity }) : null
           ] }),
-          traitLevelData ? /* @__PURE__ */ jsx(
-            "svg",
-            {
-              viewBox: `0 0 ${SCENE_WIDTH} ${SCENE_HEIGHT}`,
-              style: { width: "100%", height: "auto", display: "block" },
-              children: /* @__PURE__ */ jsx(
-                AvlTraitScene,
-                {
-                  data: traitLevelData,
-                  onTransitionClick: (idx) => {
-                    const t = transitions[idx];
-                    if (!t) return;
-                    selectTransition({
-                      orbitalName,
-                      traitName,
-                      transitionEvent: t.event,
-                      fromState: t.fromState,
-                      toState: t.toState,
-                      index: idx
-                    });
+          traitLevelData ? (
+            // `nodrag` + `nowheel` tell xyflow to skip its drag/wheel
+            // handlers on this element, so transition-arc clicks inside
+            // the SVG actually reach React's onClick handlers instead of
+            // being swallowed by the node-drag behavior. `nopan` keeps the
+            // ReactFlow canvas from panning when the user scrolls or
+            // pans within the trait card.
+            /* @__PURE__ */ jsx(
+              "svg",
+              {
+                viewBox: `0 0 ${SCENE_WIDTH} ${SCENE_HEIGHT}`,
+                className: "nodrag nopan nowheel",
+                style: { width: "100%", height: "auto", display: "block" },
+                children: /* @__PURE__ */ jsx(
+                  AvlTraitScene,
+                  {
+                    data: traitLevelData,
+                    onTransitionClick: (idx) => {
+                      const t = transitions[idx];
+                      if (!t) return;
+                      selectTransition({
+                        orbitalName,
+                        traitName,
+                        transitionEvent: t.event,
+                        fromState: t.fromState,
+                        toState: t.toState,
+                        index: idx
+                      });
+                    }
                   }
-                }
-              )
-            }
+                )
+              }
+            )
           ) : /* @__PURE__ */ jsx(Typography, { variant: "small", color: "muted", children: "No state machine" })
         ] })
       ]

package/package.json

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