added new human ui

app/src/modules/scene/controls/selectionControls/selectionControls.tsx

@@ -17,6 +17,8 @@ import { useParams } from "react-router-dom";
 import { getUserData } from "../../../../functions/getUserData";
 import { useSceneContext } from "../../sceneContext";
 import { useVersionContext } from "../../../builder/version/versionContext";
+import { useProductContext } from "../../../simulation/products/productContext";
+import { upsertProductOrEventApi } from "../../../../services/simulation/products/UpsertProductOrEventApi";
 
 const SelectionControls: React.FC = () => {
     const { camera, controls, gl, scene, raycaster, pointer } = useThree();
@@ -37,6 +39,8 @@ const SelectionControls: React.FC = () => {
     const { toolMode } = useToolMode();
     const { selectedVersionStore } = useVersionContext();
     const { selectedVersion } = selectedVersionStore();
+    const { selectedProductStore } = useProductContext();
+    const { selectedProduct } = selectedProductStore();
     const { projectId } = useParams();
 
     const isDragging = useRef(false);
@@ -48,6 +52,21 @@ const SelectionControls: React.FC = () => {
     const isShiftSelecting = useRef(false);
     const { userId, organization } = getUserData();
 
+    const updateBackend = (
+        productName: string,
+        productUuid: string,
+        projectId: string,
+        eventData: EventsSchema
+    ) => {
+        upsertProductOrEventApi({
+            productName: productName,
+            productUuid: productUuid,
+            projectId: projectId,
+            eventDatas: eventData,
+            versionId: selectedVersion?.versionId || '',
+        });
+    };
+
     useEffect(() => {
         if (!camera || !scene || toggleView) return;
 
@@ -284,7 +303,16 @@ const SelectionControls: React.FC = () => {
                 const response = socket.emit("v1:model-asset:delete", data);
 
                 eventStore.getState().removeEvent(selectedMesh.uuid);
-                productStore.getState().deleteEvent(selectedMesh.uuid);
+                const updatedEvents = productStore.getState().deleteEvent(selectedMesh.uuid);
+
+                updatedEvents.forEach((event) => {
+                    updateBackend(
+                        selectedProduct.productName,
+                        selectedProduct.productUuid,
+                        projectId || '',
+                        event
+                    );
+                })
 
                 if (response) {