@almadar/ui 5.146.2 → 5.146.3

package/dist/avl/index.cjs

@@ -55863,7 +55863,9 @@ function FlowCanvasInner({
   behaviorEntries,
   behaviorWires,
   userType = "builder",
-  themeManifest
+  themeManifest,
+  nodePositions,
+  onPositionsChange
 }) {
   const { t } = hooks.useTranslate();
   const NODE_TYPES2 = React94.useMemo(() => ({
@@ -55950,9 +55952,15 @@ function FlowCanvasInner({
   const [nodes, setNodes, onNodesChange] = react.useNodesState(activeNodes);
   const [edges, setEdges, onEdgesChange] = react.useEdgesState(activeEdges);
   const reactFlow = react.useReactFlow();
+  const savedPositionsRef = React94__namespace.default.useRef(nodePositions);
+  savedPositionsRef.current = nodePositions;
+  const nodesRef = React94__namespace.default.useRef(nodes);
+  nodesRef.current = nodes;
   React94.useEffect(() => {
     setEdges([]);
-    setNodes(activeNodes);
+    const saved = savedPositionsRef.current;
+    const merged = saved ? activeNodes.map((n) => saved[n.id] ? { ...n, position: saved[n.id] } : n) : activeNodes;
+    setNodes(merged);
     setEdges(activeEdges);
     requestAnimationFrame(() => {
       reactFlow.fitView({ duration: 300, padding: 0.25 });
@@ -56102,6 +56110,14 @@ function FlowCanvasInner({
       targetTraitName: tgtData.traitName
     });
   }, [nodes, onEventWire, eventBus]);
+  const handleNodeDragStop = React94.useCallback(() => {
+    if (!onPositionsChange) return;
+    const positions = {};
+    for (const n of nodesRef.current) {
+      positions[n.id] = { x: n.position.x, y: n.position.y };
+    }
+    onPositionsChange(positions);
+  }, [onPositionsChange]);
   const screenSizeKeys = ["mobile", "tablet", "laptop", "wide"];
   const traitCardSelectionValue = React94.useMemo(() => ({
     selectTransition: (sel) => {
@@ -56133,6 +56149,7 @@ function FlowCanvasInner({
               onNodeDoubleClick: handleNodeDoubleClick,
               onNodeClick: handleNodeClick,
               onConnect: handleConnect,
+              onNodeDragStop: handleNodeDragStop,
               minZoom: 0.1,
               maxZoom: 2,
               fitView: true,

package/dist/avl/index.d.cts

@@ -1655,6 +1655,24 @@ interface FlowCanvasProps {
      * originates from the synthesized `__design_system__` schema.
      */
     themeManifest?: ThemeDefinition;
+    /**
+     * Persisted node positions keyed by node id. When the node set changes
+     * (level/schema switch), any id present here overrides the computed layout
+     * position, restoring a user's manual drag arrangement. Node ids are unique
+     * per view level, so a single flat map covers overview + expanded.
+     */
+    nodePositions?: Record<string, {
+        x: number;
+        y: number;
+    }>;
+    /**
+     * Fired on node drag-stop with the full {id → position} map of the current
+     * node set, so the consumer can persist the arrangement across reloads.
+     */
+    onPositionsChange?: (positions: Record<string, {
+        x: number;
+        y: number;
+    }>) => void;
 }
 declare const FlowCanvas: React__default.FC<FlowCanvasProps>;
 

package/dist/avl/index.d.ts

@@ -1655,6 +1655,24 @@ interface FlowCanvasProps {
      * originates from the synthesized `__design_system__` schema.
      */
     themeManifest?: ThemeDefinition;
+    /**
+     * Persisted node positions keyed by node id. When the node set changes
+     * (level/schema switch), any id present here overrides the computed layout
+     * position, restoring a user's manual drag arrangement. Node ids are unique
+     * per view level, so a single flat map covers overview + expanded.
+     */
+    nodePositions?: Record<string, {
+        x: number;
+        y: number;
+    }>;
+    /**
+     * Fired on node drag-stop with the full {id → position} map of the current
+     * node set, so the consumer can persist the arrangement across reloads.
+     */
+    onPositionsChange?: (positions: Record<string, {
+        x: number;
+        y: number;
+    }>) => void;
 }
 declare const FlowCanvas: React__default.FC<FlowCanvasProps>;
 

package/dist/avl/index.js

@@ -55787,7 +55787,9 @@ function FlowCanvasInner({
   behaviorEntries,
   behaviorWires,
   userType = "builder",
-  themeManifest
+  themeManifest,
+  nodePositions,
+  onPositionsChange
 }) {
   const { t } = useTranslate();
   const NODE_TYPES2 = useMemo(() => ({
@@ -55874,9 +55876,15 @@ function FlowCanvasInner({
   const [nodes, setNodes, onNodesChange] = useNodesState(activeNodes);
   const [edges, setEdges, onEdgesChange] = useEdgesState(activeEdges);
   const reactFlow = useReactFlow();
+  const savedPositionsRef = React94__default.useRef(nodePositions);
+  savedPositionsRef.current = nodePositions;
+  const nodesRef = React94__default.useRef(nodes);
+  nodesRef.current = nodes;
   useEffect(() => {
     setEdges([]);
-    setNodes(activeNodes);
+    const saved = savedPositionsRef.current;
+    const merged = saved ? activeNodes.map((n) => saved[n.id] ? { ...n, position: saved[n.id] } : n) : activeNodes;
+    setNodes(merged);
     setEdges(activeEdges);
     requestAnimationFrame(() => {
       reactFlow.fitView({ duration: 300, padding: 0.25 });
@@ -56026,6 +56034,14 @@ function FlowCanvasInner({
       targetTraitName: tgtData.traitName
     });
   }, [nodes, onEventWire, eventBus]);
+  const handleNodeDragStop = useCallback(() => {
+    if (!onPositionsChange) return;
+    const positions = {};
+    for (const n of nodesRef.current) {
+      positions[n.id] = { x: n.position.x, y: n.position.y };
+    }
+    onPositionsChange(positions);
+  }, [onPositionsChange]);
   const screenSizeKeys = ["mobile", "tablet", "laptop", "wide"];
   const traitCardSelectionValue = useMemo(() => ({
     selectTransition: (sel) => {
@@ -56057,6 +56073,7 @@ function FlowCanvasInner({
               onNodeDoubleClick: handleNodeDoubleClick,
               onNodeClick: handleNodeClick,
               onConnect: handleConnect,
+              onNodeDragStop: handleNodeDragStop,
               minZoom: 0.1,
               maxZoom: 2,
               fitView: true,

package/package.json

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