multiple action state updated

app/src/modules/simulation/events/points/creator/pointsCreator.tsx

@@ -31,8 +31,6 @@ function PointsCreator() {
                 selectedEventSphere.userData.modelUuid
             );
 
-
-            
             if (eventData) {
                 setSelectedEventData(eventData, selectedEventSphere.userData.pointUuid);
             } else {
@@ -215,7 +213,6 @@ function PointsCreator() {
                                                 );
                                             }}
                                             onPointerMissed={() => {
-                                                // clearSelectedEventSphere();
                                                 setTransformMode(null);
                                             }}
                                             position={new THREE.Vector3(...event.point.position)}

app/src/modules/simulation/roboticArm/instances/animator/roboticArmAnimator.tsx

@@ -55,11 +55,9 @@ function RoboticArmAnimator({
         for (let i = 0; i < segments; i++) {
             // Calculate angle for current segment
             const angle = (i / segments) * Math.PI * 2;
-
             // Calculate x and z coordinates (y remains the same for a flat ring)
             const x = Math.cos(angle) * radius;
             const z = Math.sin(angle) * radius;
-
             points.push([x, 1.5, z]);
         }
         return points;

app/src/modules/simulation/roboticArm/instances/armInstance/roboticArmInstance.tsx

@@ -8,7 +8,9 @@ import { useThree } from "@react-three/fiber";
 import { useFloorItems } from '../../../../../store/store';
 import useModuleStore from '../../../../../store/useModuleStore';
 import * as THREE from "three";
-import { useSelectedAction } from '../../../../../store/simulation/useSimulationStore';
+import { useSelectedAction, useSelectedProduct } from '../../../../../store/simulation/useSimulationStore';
+import { useProductStore } from '../../../../../store/simulation/useProductStore';
+
 
 function RoboticArmInstance({ armBot }: { armBot: ArmBotStatus }) {
 
@@ -24,6 +26,8 @@ function RoboticArmInstance({ armBot }: { armBot: ArmBotStatus }) {
     let startTime: number;
     //zustand
     const { addCurrentAction, setArmBotActive, setArmBotState, removeCurrentAction } = useArmBotStore();
+    const { products, getActionByUuid } = useProductStore();
+    const { selectedProduct } = useSelectedProduct();
     const { floorItems } = useFloorItems();
     const { activeModule } = useModuleStore();
     const { isPlaying } = usePlayButtonStore();
@@ -117,7 +121,7 @@ function RoboticArmInstance({ armBot }: { armBot: ArmBotStatus }) {
             isPausedRef.current = false
             startTime = 0
             if (targetBones) {
-                let curve = createCurveBetweenTwoPoints(targetBones.position, restPosition)
+                let curve = createCurveBetweenTwoPoints(targetBones.position, targetBones.position)
                 if (curve) {
                     setPath(curve.points.map(point => [point.x, point.y, point.z]));
                 }
@@ -145,9 +149,8 @@ function RoboticArmInstance({ armBot }: { armBot: ArmBotStatus }) {
             else if (armBot && !armBot.isActive && armBot.state === "idle" && currentPhase === "rest" && !armBot.currentAction) {
                 logStatus(armBot.modelUuid, "Waiting to trigger CurrentAction")
                 const timeoutId = setTimeout(() => {
-                    let actionId=armBot.point.actions[0].actionUuid
+                    addCurrentAction(armBot.modelUuid, selectedAction?.actionId);
-                    addCurrentAction(armBot.modelUuid,actionId);
+                    console.log('selectedAction?.actionId: ', selectedAction?.actionId);
-                    // addCurrentAction(armBot.modelUuid, selectedAction?.actionId);
                 }, 3000);
                 return () => clearTimeout(timeoutId);
             }
@@ -157,6 +160,8 @@ function RoboticArmInstance({ armBot }: { armBot: ArmBotStatus }) {
                     setArmBotActive(armBot.modelUuid, true);
                     setArmBotState(armBot.modelUuid, "running");
                     setCurrentPhase("rest-to-start");
+                    let actiondata = getActionByUuid(selectedProduct.productId, selectedAction.actionId)
+                    console.log('actiondata: ', actiondata);
                     const startPoint = armBot.point.actions[0].process.startPoint;
                     if (startPoint) {
                         let curve = createCurveBetweenTwoPoints(restPosition, new THREE.Vector3(startPoint[0], startPoint[1], startPoint[2]));

app/src/modules/simulation/roboticArm/roboticArm.tsx

@@ -172,7 +172,6 @@ function RoboticArm() {
     }, [selectedProduct, products]);
 
     useEffect(() => {
-
     }, [armBots])
 
     useEffect(() => {

app/src/modules/simulation/ui/arm/PickDropPoints.tsx

@@ -24,10 +24,7 @@ const PickDropPoints: React.FC<PickDropProps> = ({
   handlePointerDown,
   isSelected,
 }) => {
-  
-
   const groupRef = useRef<THREE.Group>(null);
-
   return (
     <group
       ref={groupRef}

app/src/modules/simulation/ui/arm/armBotUI.tsx

@@ -1,5 +1,5 @@
 import React, { useCallback, useEffect, useState } from 'react';
-import { useSelectedEventData, useSelectedEventSphere, useSelectedProduct } from '../../../../store/simulation/useSimulationStore';
+import { useSelectedAction, useSelectedEventData, useSelectedEventSphere, useSelectedProduct } from '../../../../store/simulation/useSimulationStore';
 import { useArmBotStore } from '../../../../store/simulation/useArmBotStore';
 import { useGLTF } from '@react-three/drei';
 import { useThree } from '@react-three/fiber';
@@ -24,6 +24,7 @@ const ArmBotUI = () => {
   const { selectedProduct } = useSelectedProduct();
   const { armBots, updateStartPoint, updateEndPoint } = useArmBotStore();
   const { scene } = useThree();
+  const { selectedAction } = useSelectedAction();
 
   const armUiPick = useGLTF(armPick) as any;
   const armUiDrop = useGLTF(armDrop) as any;
@@ -37,32 +38,29 @@ const ArmBotUI = () => {
     if (selectedEventData?.data.type === "roboticArm") {
       const selectedArmBot = getEventByModelUuid(selectedProduct.productId, selectedEventData.data.modelUuid);
 
-      if (selectedArmBot) {
+      if (selectedArmBot?.type === "roboticArm") {
-        if (selectedArmBot.type === "roboticArm") {
-
         setSelectedArmBotData(selectedArmBot);
-
         const defaultPositions = getDefaultPositions(selectedArmBot.modelUuid);
-
+        const matchingAction = armBots?.flatMap((robot: ArmBotStatus) => robot.point.actions)
-          selectedArmBot?.point?.actions?.forEach((action: any) => {
+          .find((action) => action.actionUuid === selectedAction.actionId);
-            if (action.actionType === "pickAndPlace") {
+        if (matchingAction) {
-              const startPoint = action.process.startPoint;
+          const startPoint = matchingAction.process.startPoint;
           const pickPosition = (!startPoint || (Array.isArray(startPoint) && startPoint.every(v => v === 0)))
             ? defaultPositions.pick
             : startPoint;
-              const endPoint = action.process.endPoint;
+
+          const endPoint = matchingAction.process.endPoint;
           const dropPosition = (!endPoint || (Array.isArray(endPoint) && endPoint.every(v => v === 0)))
             ? defaultPositions.drop
             : endPoint;
-              setStartPosition(pickPosition);
-              setEndPosition(dropPosition)
 
-            }
+          setStartPosition(pickPosition);
-          });
+          setEndPosition(dropPosition);
         }
       }
     }
-  }, [selectedEventData, selectedProduct, getEventByModelUuid]);
+  }, [selectedEventData, selectedProduct, getEventByModelUuid, selectedAction]);
+
 
   function getDefaultPositions(modelUuid: string): Positions {
     const modelData = getEventByModelUuid(selectedProduct.productId, modelUuid);
@@ -118,13 +116,10 @@ const ArmBotUI = () => {
 
             if (actionType === "pick") {
               updatedProcess.startPoint = getLocalPosition(modelUuid, worldPositionArray);
-              // updatedProcess.startPoint = worldPositionArray
               setStartPosition(updatedProcess.startPoint)
-
               updateStartPoint(modelUuid, actionUuid, updatedProcess.startPoint);
             } else if (actionType === "drop") {
               updatedProcess.endPoint = getLocalPosition(modelUuid, worldPositionArray);
-              // updatedProcess.endPoint = worldPositionArray
               setEndPosition(updatedProcess.endPoint)
               updateEndPoint(modelUuid, actionUuid, updatedProcess.endPoint);
             }
@@ -150,10 +145,11 @@ const ArmBotUI = () => {
   if (!selectedArmBotData || !Array.isArray(selectedArmBotData.point?.actions)) {
     return null; // avoid rendering if no data yet
   }
-
   return (
     <>
-      {selectedArmBotData.point.actions.map((action: any) => (
+      {selectedArmBotData.point.actions.map((action: any) => {
+        if (action.actionUuid === selectedAction.actionId) {
+          return (
             <React.Fragment key={action.actionUuid}>
               <group
                 position={new THREE.Vector3(...selectedArmBotData.position)}
@@ -181,9 +177,14 @@ const ArmBotUI = () => {
                 />
               </group>
             </React.Fragment>
-      ))}
+          );
+        } else {
+          return null; // important! must return something
+        }
+      })}
     </>
   );
+
 };
 
 export default ArmBotUI;