added new human ui

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

@@ -1,8 +1,8 @@
 import * as THREE from "three";
 import { useEffect, useMemo } from "react";
 import { useFrame, useThree } from "@react-three/fiber";
+import { SkeletonUtils } from "three-stdlib";
 import { useSelectedAssets, useSocketStore, useToggleView } from "../../../../store/builder/store";
-// import { setAssetsApi } from '../../../../services/factoryBuilder/asset/floorAsset/setAssetsApi';
 import * as Types from "../../../../types/world/worldTypes";
 import { detectModifierKeys } from "../../../../utils/shortcutkeys/detectModifierKeys";
 import { useParams } from "react-router-dom";
@@ -10,6 +10,8 @@ import { getUserData } from "../../../../functions/getUserData";
 import { useSceneContext } from "../../sceneContext";
 import { useVersionContext } from "../../../builder/version/versionContext";
 
+// import { setAssetsApi } from '../../../../services/factoryBuilder/asset/floorAsset/setAssetsApi';
+
 const CopyPasteControls = ({
     copiedObjects,
     setCopiedObjects,
@@ -109,7 +111,7 @@ const CopyPasteControls = ({
     const copySelection = () => {
         if (selectedAssets.length > 0) {
             const newClones = selectedAssets.map((asset: any) => {
-                const clone = asset.clone();
+                const clone = SkeletonUtils.clone(asset);
                 clone.position.copy(asset.position);
                 return clone;
             });

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

@@ -1,8 +1,8 @@
 import * as THREE from "three";
 import { useEffect, useMemo } from "react";
 import { useFrame, useThree } from "@react-three/fiber";
+import { SkeletonUtils } from "three-stdlib";
 import { useSelectedAssets, useSocketStore, useToggleView } from "../../../../store/builder/store";
-// import { setAssetsApi } from '../../../../services/factoryBuilder/asset/floorAsset/setAssetsApi';
 import * as Types from "../../../../types/world/worldTypes";
 import { detectModifierKeys } from "../../../../utils/shortcutkeys/detectModifierKeys";
 import { useParams } from "react-router-dom";
@@ -10,6 +10,8 @@ import { getUserData } from "../../../../functions/getUserData";
 import { useSceneContext } from "../../sceneContext";
 import { useVersionContext } from "../../../builder/version/versionContext";
 
+// import { setAssetsApi } from '../../../../services/factoryBuilder/asset/floorAsset/setAssetsApi';
+
 const DuplicationControls = ({
     duplicatedObjects,
     setDuplicatedObjects,
@@ -104,7 +106,7 @@ const DuplicationControls = ({
     const duplicateSelection = () => {
         if (selectedAssets.length > 0 && duplicatedObjects.length === 0) {
             const newClones = selectedAssets.map((asset: any) => {
-                const clone = asset.clone();
+                const clone = SkeletonUtils.clone(asset);
                 clone.position.copy(asset.position);
                 return clone;
             });

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) {