feat: Add human mechanics and event handling, including UI components and action management

app/src/modules/builder/asset/assetsGroup.tsx

@@ -251,6 +251,7 @@ function AssetsGroup({ plane }: { readonly plane: RefMesh }) {
                                             rotation: [item.rotation.x, item.rotation.y, item.rotation.z],
                                             state: "idle",
                                             type: "human",
+                                            speed: 1,
                                             point: {
                                                 uuid: item.eventData.point?.uuid || THREE.MathUtils.generateUUID(),
                                                 position: [item.eventData.point?.position[0] || 0, item.eventData.point?.position[1] || 0, item.eventData.point?.position[2] || 0],

app/src/modules/builder/asset/functions/addAssetModel.ts

@@ -369,6 +369,7 @@ async function handleModelLoad(
                 rotation: newFloorItem.rotation,
                 state: "idle",
                 type: "human",
+                speed: 1,
                 point: {
                     uuid: THREE.MathUtils.generateUUID(),
                     position: [data.points[0].x, data.points[0].y, data.points[0].z],

app/src/modules/simulation/events/points/functions/handleAddEventToProduct.ts

@@ -30,7 +30,7 @@ export const handleAddEventToProduct = ({
             projectId: projectId || '',
             eventDatas: event
         }).then((data) => {
-            // console.log(data);
+            console.log(data);
         })
 
         if (clearSelectedAsset) {

app/src/modules/simulation/human/human.tsx

@@ -1,6 +1,27 @@
 import HumanInstances from './instances/humanInstances'
+import { useEffect, useState } from "react";
+import { useSelectedEventSphere } from "../../../store/simulation/useSimulationStore";
+import { usePlayButtonStore } from "../../../store/usePlayButtonStore";
+import { useSceneContext } from "../../scene/sceneContext";
 
 function Human() {
+    const { humanStore } = useSceneContext();
+    const { getHumanById } = humanStore();
+    const { selectedEventSphere } = useSelectedEventSphere();
+    const { isPlaying } = usePlayButtonStore();
+    const [isHumanSelected, setIsHumanSelected] = useState(false);
+
+    useEffect(() => {
+        if (selectedEventSphere) {
+            const selectedVehicle = getHumanById(selectedEventSphere.userData.modelUuid);
+            if (selectedVehicle) {
+                setIsHumanSelected(true);
+            } else {
+                setIsHumanSelected(false);
+            }
+        }
+    }, [getHumanById, selectedEventSphere])
+
     return (
         <>
 

app/src/modules/simulation/human/instances/instance/humanInstance.tsx

@@ -1,4 +1,5 @@
 import { useEffect } from 'react'
+import HumanUi from './humanUi';
 
 function HumanInstance({ human }: { human: HumanStatus }) {
 
@@ -8,6 +9,9 @@ function HumanInstance({ human }: { human: HumanStatus }) {
 
     return (
         <>
+
+            <HumanUi human={human} />
+
         </>
     )
 }

app/src/modules/simulation/human/instances/instance/humanUi.tsx

@@ -0,0 +1,10 @@
+import React from 'react'
+
+function HumanUi({ human }: { human: HumanStatus }) {
+    return (
+        <>
+        </>
+    )
+}
+
+export default HumanUi