Merge branch 'main' into realTimeVisulization

app/src/store/store.ts

@@ -70,9 +70,8 @@ export const useZones = create<any>((set: any) => ({
   zones: [],
   setZones: (callback: any) =>
     set((state: any) => ({
-      zones:
-        typeof callback === 'function' ? callback(state.zones) : callback
-    }))
+      zones: typeof callback === "function" ? callback(state.zones) : callback,
+    })),
 }));
 
 interface ZonePointsState {
@@ -314,9 +313,7 @@ export const useActiveUsers = create<any>((set: any) => ({
   setActiveUsers: (callback: (prev: any[]) => any[] | any[]) =>
     set((state: { activeUsers: any[] }) => ({
       activeUsers:
-        typeof callback === "function"
-          ? callback(state.activeUsers)
-          : callback,
+        typeof callback === "function" ? callback(state.activeUsers) : callback,
     })),
 }));
 
@@ -356,12 +353,33 @@ export const useSelectedPath = create<any>((set: any) => ({
 }));
 
 interface SimulationPathsStore {
-  simulationStates: (Types.ConveyorEventsSchema | Types.VehicleEventsSchema | Types.StaticMachineEventsSchema | Types.ArmBotEventsSchema)[];
+  simulationStates: (
+    | Types.ConveyorEventsSchema
+    | Types.VehicleEventsSchema
+    | Types.StaticMachineEventsSchema
+    | Types.ArmBotEventsSchema
+  )[];
   setSimulationStates: (
     paths:
-      | (Types.ConveyorEventsSchema | Types.VehicleEventsSchema | Types.StaticMachineEventsSchema | Types.ArmBotEventsSchema)[]
-      | ((prev: (Types.ConveyorEventsSchema | Types.VehicleEventsSchema | Types.StaticMachineEventsSchema | Types.ArmBotEventsSchema)[]
-      ) => (Types.ConveyorEventsSchema | Types.VehicleEventsSchema | Types.StaticMachineEventsSchema | Types.ArmBotEventsSchema)[])
+      | (
+          | Types.ConveyorEventsSchema
+          | Types.VehicleEventsSchema
+          | Types.StaticMachineEventsSchema
+          | Types.ArmBotEventsSchema
+        )[]
+      | ((
+          prev: (
+            | Types.ConveyorEventsSchema
+            | Types.VehicleEventsSchema
+            | Types.StaticMachineEventsSchema
+            | Types.ArmBotEventsSchema
+          )[]
+        ) => (
+          | Types.ConveyorEventsSchema
+          | Types.VehicleEventsSchema
+          | Types.StaticMachineEventsSchema
+          | Types.ArmBotEventsSchema
+        )[])
   ) => void;
 }
 
@@ -372,7 +390,7 @@ export const useSimulationStates = create<SimulationPathsStore>((set) => ({
       simulationStates:
         typeof paths === "function" ? paths(state.simulationStates) : paths,
     })),
-}))
+}));
 
 export const useNavMesh = create<any>((set: any) => ({
   navMesh: null,
@@ -456,6 +474,11 @@ export const useTileDistance = create<any>((set: any) => ({
     })),
 }));
 
+export const usePlayAgv = create<any>((set, get) => ({
+  PlayAgv: [],
+  setPlayAgv: (updateFn: (prev: any[]) => any[]) =>
+    set({ PlayAgv: updateFn(get().PlayAgv) }),
+}));
 // Define the Asset type
 type Asset = {
   id: string;
@@ -474,4 +497,4 @@ type ZoneAssetState = {
 export const useZoneAssetId = create<ZoneAssetState>((set) => ({
   zoneAssetId: null,
   setZoneAssetId: (asset) => set({ zoneAssetId: asset }),
-}));
+}));

app/src/store/useZoneStore.ts

@@ -14,7 +14,7 @@ interface SelectedZoneState {
   zoneName: string;
   activeSides: Side[];
   panelOrder: Side[];
-
+  points: []
   lockedPanels: Side[];
   zoneId: string;
   zoneViewPortTarget: number[];
@@ -37,6 +37,7 @@ export const useSelectedZoneStore = create<SelectedZoneStore>((set) => ({
     activeSides: [], // Empty array
     panelOrder: [], // Empty array
     lockedPanels: [], // Empty array
+    points: [],
     zoneId: "",
     zoneViewPortTarget: [],
     zoneViewPortPosition: [],