3dWidget dnd and 2d widgets backend api updated

app/src/modules/builder/groups/floorItemsGroup.tsx

@@ -1,5 +1,5 @@
 import { useFrame, useThree } from "@react-three/fiber";
-import { useActiveTool, useCamMode, useDeletableFloorItem, useDeleteModels, useFloorItems, useLoadingProgress, useRenderDistance, useselectedFloorItem, useSelectedItem, useSocketStore, useToggleView, useTransformMode } from "../../../store/store";
+import { useActiveTool, useAsset3dWidget, useCamMode, useDeletableFloorItem, useDeleteModels, useFloorItems, useLoadingProgress, useRenderDistance, useselectedFloorItem, useSelectedItem, useSocketStore, useToggleView, useTransformMode } from "../../../store/store";
 import assetVisibility from "../geomentries/assets/assetVisibility";
 import { useEffect } from "react";
 import * as THREE from "three";
@@ -33,7 +33,6 @@ const FloorItemsGroup = ({ itemsGroup, hoveredDeletableFloorItem, AttachedObject
     const { setLoadingProgress } = useLoadingProgress();
     const { activeModule } = useModuleStore();
     const { socket } = useSocketStore();
-
     const loader = new GLTFLoader();
     const dracoLoader = new DRACOLoader();
 
@@ -306,6 +305,8 @@ const FloorItemsGroup = ({ itemsGroup, hoveredDeletableFloorItem, AttachedObject
         };
     }, [deleteModels, transformMode, controls, selectedItem, state.camera, state.pointer, activeTool, activeModule]);
 
+
+
     useFrame(() => {
         if (controls)
             assetVisibility(itemsGroup, state.camera.position, renderDistance);

app/src/modules/builder/groups/wallItemsGroup.tsx

@@ -224,6 +224,7 @@ const WallItemsGroup = ({ currentWallItem, AssetConfigurations, hoveredDeletable
         const onDrop = (event: any) => {
 
             if (!event.dataTransfer?.files[0]) return
+            
             pointer.x = (event.clientX / window.innerWidth) * 2 - 1;
             pointer.y = -(event.clientY / window.innerHeight) * 2 + 1;
             raycaster.setFromCamera(pointer, camera);

app/src/modules/scene/scene.tsx

@@ -19,6 +19,8 @@ import DroppedObjects from "../../components/ui/componets/DroppedFloatingWidgets
 
 // import Simulation from "./simulationtemp/simulation";
 import ZoneCentreTarget from "../../components/ui/componets/zoneCameraTarget";
+import ProductionCapacity from "../../components/layout/3D-cards/cards/ProductionCapacity";
+import Dropped3dWidgets from "../../components/ui/componets/Dropped3dWidget";
 
 export default function Scene() {
 
@@ -43,6 +45,7 @@ export default function Scene() {
         }}
 
       >
+        <Dropped3dWidgets/>
         <Controls />
         <TransformControl />
         <SelectionControls />

app/src/modules/simulation/simulation.tsx

@@ -14,7 +14,7 @@ function Simulation() {
     const [processes, setProcesses] = useState([]);
 
     useEffect(() => {
-        console.log('simulationPaths: ', simulationPaths);
+     
     }, [simulationPaths]);
 
     // useEffect(() => {