added event handler

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

@@ -3,7 +3,7 @@ import * as THREE from "three";
 import { useSelectedFloorItem, useObjectPosition, useObjectRotation, useActiveTool, useSocketStore } from "../../../../store/builder/store";
 import { useThree } from "@react-three/fiber";
 
-import { useEffect, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { detectModifierKeys } from "../../../../utils/shortcutkeys/detectModifierKeys";
 import { upsertProductOrEventApi } from "../../../../services/simulation/products/UpsertProductOrEventApi";
 // import { setAssetsApi } from "../../../../services/factoryBuilder/asset/floorAsset/setAssetsApi";
@@ -15,6 +15,7 @@ import { useVersionContext } from "../../../builder/version/versionContext";
 
 export default function TransformControl() {
     const state = useThree();
+    const ref = useRef(null);
     const [transformMode, setTransformMode] = useState<"translate" | "rotate" | null>(null);
     const { selectedFloorItem, setSelectedFloorItem } = useSelectedFloorItem();
     const { setObjectPosition } = useObjectPosition();
@@ -186,6 +187,7 @@ export default function TransformControl() {
         <>
             {(selectedFloorItem && transformMode) &&
                 <TransformControls
+                    ref={ref}
                     showX={transformMode === "translate"}
                     showY={transformMode === "rotate"}
                     showZ={transformMode === "translate"}

app/src/modules/scene/scene.tsx

@@ -69,7 +69,7 @@ export default function Scene({ layout }: { readonly layout: 'Main Layout' | 'Co
                 onCreated={(e) => {
                     e.scene.background = layout === 'Main Layout' ? null : new Color(0x19191d);
                 }}
-                gl={{ outputColorSpace: SRGBColorSpace, powerPreference: "high-performance", antialias: true, preserveDrawingBuffer: true }}
+                gl={{ outputColorSpace: SRGBColorSpace, powerPreference: "high-performance", antialias: true }}
             >
                 <Setup />
                 <Collaboration />

app/src/modules/scene/sceneContext.tsx

@@ -45,6 +45,7 @@ type SceneContextValue = {
     craneStore: CraneStoreType;
 
     humanEventManagerRef: React.RefObject<HumanEventManagerState>;
+    craneEventManagerRef: React.RefObject<CraneEventManagerState>;
 
     clearStores: () => void;
 
@@ -83,6 +84,7 @@ export function SceneProvider({
     const craneStore = useMemo(() => createCraneStore(), []);
 
     const humanEventManagerRef = useRef<HumanEventManagerState>({ humanStates: [] });
+    const craneEventManagerRef = useRef<CraneEventManagerState>({ craneStates: [] });
 
     const clearStores = useMemo(() => () => {
         assetStore.getState().clearAssets();
@@ -103,6 +105,7 @@ export function SceneProvider({
         humanStore.getState().clearHumans();
         craneStore.getState().clearCranes();
         humanEventManagerRef.current.humanStates = [];
+        craneEventManagerRef.current.craneStates = [];
     }, [assetStore, wallAssetStore, wallStore, aisleStore, zoneStore, undoRedo2DStore, floorStore, eventStore, productStore, materialStore, armBotStore, machineStore, conveyorStore, vehicleStore, storageUnitStore, humanStore, craneStore]);
 
     const contextValue = useMemo(() => (
@@ -125,6 +128,7 @@ export function SceneProvider({
             humanStore,
             craneStore,
             humanEventManagerRef,
+            craneEventManagerRef,
             clearStores,
             layout
         }