"updated single flow"

app/src/store/store.ts

@@ -68,7 +68,10 @@ export const useWalls = create<any>((set: any) => ({
 
 export const useZones = create<any>((set: any) => ({
   zones: [],
-  setZones: (x: any) => set(() => ({ zones: x })),
+  setZones: (callback: any) =>
+    set((state: any) => ({
+      zones: typeof callback === "function" ? callback(state.zones) : callback,
+    })),
 }));
 
 interface ZonePointsState {
@@ -106,9 +109,9 @@ export const useMenuVisible = create<any>((set: any) => ({
   setMenuVisible: (x: any) => set(() => ({ menuVisible: x })),
 }));
 
-export const useDeleteModels = create<any>((set: any) => ({
-  deleteModels: false,
-  setDeleteModels: (x: any) => set(() => ({ deleteModels: x })),
+export const useDeleteTool = create<any>((set: any) => ({
+  deleteTool: false,
+  setDeleteTool: (x: any) => set(() => ({ deleteTool: x })),
 }));
 
 export const useToolMode = create<any>((set: any) => ({
@@ -164,9 +167,9 @@ export const useSelectedWallItem = create<any>((set: any) => ({
   setSelectedWallItem: (x: any) => set(() => ({ selectedWallItem: x })),
 }));
 
-export const useselectedFloorItem = create<any>((set: any) => ({
+export const useSelectedFloorItem = create<any>((set: any) => ({
   selectedFloorItem: null,
-  setselectedFloorItem: (x: any) => set(() => ({ selectedFloorItem: x })),
+  setSelectedFloorItem: (x: any) => set(() => ({ selectedFloorItem: x })),
 }));
 
 export const useDeletableFloorItem = create<any>((set: any) => ({
@@ -248,6 +251,11 @@ export const useActiveTool = create<any>((set: any) => ({
   setActiveTool: (x: any) => set({ activeTool: x }),
 }));
 
+export const useActiveSubTool = create<any>((set: any) => ({
+  activeSubTool: "cursor",
+  setActiveSubTool: (x: any) => set({ activeSubTool: x }),
+}));
+
 export const use2DUndoRedo = create<any>((set: any) => ({
   is2DUndoRedo: null,
   set2DUndoRedo: (x: any) => set({ is2DUndoRedo: x }),
@@ -349,6 +357,7 @@ interface SimulationPathsStore {
     | Types.ConveyorEventsSchema
     | Types.VehicleEventsSchema
     | Types.StaticMachineEventsSchema
+    | Types.ArmBotEventsSchema
   )[];
   setSimulationStates: (
     paths:
@@ -356,17 +365,20 @@ interface SimulationPathsStore {
           | 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;
 }
@@ -467,3 +479,22 @@ export const usePlayAgv = create<any>((set, get) => ({
   setPlayAgv: (updateFn: (prev: any[]) => any[]) =>
     set({ PlayAgv: updateFn(get().PlayAgv) }),
 }));
+// Define the Asset type
+type Asset = {
+  id: string;
+  name: string;
+  position?: [number, number, number]; // Optional: 3D position
+  rotation?: { x: number; y: number; z: number }; // Optional: Euler rotation
+};
+
+// Zustand store type
+type ZoneAssetState = {
+  zoneAssetId: Asset | null;
+  setZoneAssetId: (asset: Asset | null) => void;
+};
+
+// Zustand store
+export const useZoneAssetId = create<ZoneAssetState>((set) => ({
+  zoneAssetId: null,
+  setZoneAssetId: (asset) => set({ zoneAssetId: asset }),
+}));

app/src/store/useZone3DWidgetStore.ts

@@ -12,7 +12,9 @@ type ZoneWidgetStore = {
   zoneWidgetData: Record<string, WidgetData[]>;
   setZoneWidgetData: (zoneId: string, widgets: WidgetData[]) => void;
   addWidget: (zoneId: string, widget: WidgetData) => void;
+  tempWidget: (zoneId: string, widget: WidgetData) => void;
   updateWidgetPosition: (zoneId: string, widgetId: string, newPosition: [number, number, number]) => void;
+  tempWidgetPosition: (zoneId: string, widgetId: string, newPosition: [number, number, number]) => void;
   updateWidgetRotation: (zoneId: string, widgetId: string, newRotation: [number, number, number]) => void;
 };
 
@@ -31,6 +33,13 @@ export const useZoneWidgetStore = create<ZoneWidgetStore>((set) => ({
         [zoneId]: [...(state.zoneWidgetData[zoneId] || []), { ...widget, rotation: widget.rotation || [0, 0, 0] }],
       },
     })),
+  tempWidget: (zoneId: string, widget: WidgetData) =>
+    set((state: ZoneWidgetStore) => ({
+      zoneWidgetData: {
+        ...state.zoneWidgetData,
+        [zoneId]: [...(state.zoneWidgetData[zoneId] || []), { ...widget, rotation: widget.rotation || [0, 0, 0] }],
+      },
+    })),
 
   updateWidgetPosition: (zoneId: string, widgetId: string, newPosition: [number, number, number]) =>
     set((state: ZoneWidgetStore) => {
@@ -44,6 +53,18 @@ export const useZoneWidgetStore = create<ZoneWidgetStore>((set) => ({
         },
       };
     }),
+  tempWidgetPosition: (zoneId: string, widgetId: string, newPosition: [number, number, number]) =>
+    set((state: ZoneWidgetStore) => {
+      const widgets = state.zoneWidgetData[zoneId] || [];
+      return {
+        zoneWidgetData: {
+          ...state.zoneWidgetData,
+          [zoneId]: widgets.map((widget: WidgetData) =>
+            widget.id === widgetId ? { ...widget, position: newPosition } : widget
+          ),
+        },
+      };
+    }),
 
   updateWidgetRotation: (zoneId: string, widgetId: string, newRotation: [number, number, number]) =>
     set((state: ZoneWidgetStore) => {
@@ -59,13 +80,6 @@ export const useZoneWidgetStore = create<ZoneWidgetStore>((set) => ({
     }),
 }));
 
-// export type WidgetData = {
-//   id: string;
-//   type: string;
-//   position: [number, number, number];
-//   rotation?: [number, number, number];
-//   tempPosition?: [number, number, number];
-// };
 
 interface RightClickStore {
   rightClickSelected: string | null;