feat: Implement human simulation features

- Added human event handling in the simulation, including the ability to add, update, and remove human instances.
- Introduced a new Human store to manage human states and actions.
- Updated the simulation context to include human management.
- Enhanced the Points and TriggerConnector components to support human interactions.
- Refactored existing components to integrate human-related functionalities.
- Added HumanInstance and HumanInstances components for rendering human entities in the simulation.
- Updated TypeScript definitions to include human-related types and actions.

app/src/modules/scene/sceneContext.tsx

@@ -16,6 +16,7 @@ import { createMachineStore, MachineStoreType } from '../../store/simulation/use
 import { createConveyorStore, ConveyorStoreType } from '../../store/simulation/useConveyorStore';
 import { createVehicleStore, VehicleStoreType } from '../../store/simulation/useVehicleStore';
 import { createStorageUnitStore, StorageUnitStoreType } from '../../store/simulation/useStorageUnitStore';
+import { createHumanStore, HumanStoreType } from '../../store/simulation/useHumanStore';
 
 type SceneContextValue = {
 
@@ -35,6 +36,7 @@ type SceneContextValue = {
     conveyorStore: ConveyorStoreType;
     vehicleStore: VehicleStoreType;
     storageUnitStore: StorageUnitStoreType;
+    humanStore: HumanStoreType;
 
     clearStores: () => void;
 
@@ -67,6 +69,7 @@ export function SceneProvider({
     const conveyorStore = useMemo(() => createConveyorStore(), []);
     const vehicleStore = useMemo(() => createVehicleStore(), []);
     const storageUnitStore = useMemo(() => createStorageUnitStore(), []);
+    const humanStore = useMemo(() => createHumanStore(), []);
 
     const clearStores = useMemo(() => () => {
         assetStore.getState().clearAssets();
@@ -83,7 +86,8 @@ export function SceneProvider({
         conveyorStore.getState().clearConveyors();
         vehicleStore.getState().clearVehicles();
         storageUnitStore.getState().clearStorageUnits();
-    }, [assetStore, wallAssetStore, wallStore, aisleStore, zoneStore, floorStore, eventStore, productStore, materialStore, armBotStore, machineStore, conveyorStore, vehicleStore, storageUnitStore]);
+        humanStore.getState().clearHumans();
+    }, [assetStore, wallAssetStore, wallStore, aisleStore, zoneStore, floorStore, eventStore, productStore, materialStore, armBotStore, machineStore, conveyorStore, vehicleStore, storageUnitStore, humanStore]);
 
     const contextValue = useMemo(() => (
         {
@@ -101,10 +105,11 @@ export function SceneProvider({
             conveyorStore,
             vehicleStore,
             storageUnitStore,
+            humanStore,
             clearStores,
             layout
         }
-    ), [assetStore, wallAssetStore, wallStore, aisleStore, zoneStore, floorStore, eventStore, productStore, materialStore, armBotStore, machineStore, conveyorStore, vehicleStore, storageUnitStore, clearStores, layout]);
+    ), [assetStore, wallAssetStore, wallStore, aisleStore, zoneStore, floorStore, eventStore, productStore, materialStore, armBotStore, machineStore, conveyorStore, vehicleStore, storageUnitStore, humanStore, clearStores, layout]);
 
     return (
         <SceneContext.Provider value={contextValue}>