3dWidget dnd and 2d widgets backend api updated

app/src/store/store.ts

@@ -30,9 +30,12 @@ export const useSocketStore = create<any>((set: any, get: any) => ({
   },
 }));
 
-export const useLoadingProgress = create<{ loadingProgress: number; setLoadingProgress: (x: number) => void }>((set) => ({
-    loadingProgress: 1,
-    setLoadingProgress: (x: number) => set({ loadingProgress: x }),
+export const useLoadingProgress = create<{
+  loadingProgress: number;
+  setLoadingProgress: (x: number) => void;
+}>((set) => ({
+  loadingProgress: 1,
+  setLoadingProgress: (x: number) => set({ loadingProgress: x }),
 }));
 
 export const useOrganization = create<any>((set: any) => ({
@@ -312,19 +315,34 @@ export const useSelectedPath = create<any>((set: any) => ({
 }));
 
 interface Path {
-    modeluuid: string;
-    modelName: string;
-    points: {
-        uuid: string;
-        position: [number, number, number];
-        rotation: [number, number, number];
-        actions: { uuid: string; name: string; type: string; material: string; delay: number | string; spawnInterval: number | string; isUsed: boolean }[] | [];
-        triggers: { uuid: string; name: string; type: string; isUsed: boolean }[] | [];
-        connections: { source: { pathUUID: string; pointUUID: string }; targets: { pathUUID: string; pointUUID: string }[] };
-    }[];
-    pathPosition: [number, number, number];
-    pathRotation: [number, number, number];
-    speed: number;
+  modeluuid: string;
+  modelName: string;
+  points: {
+    uuid: string;
+    position: [number, number, number];
+    rotation: [number, number, number];
+    actions:
+      | {
+          uuid: string;
+          name: string;
+          type: string;
+          material: string;
+          delay: number | string;
+          spawnInterval: number | string;
+          isUsed: boolean;
+        }[]
+      | [];
+    triggers:
+      | { uuid: string; name: string; type: string; isUsed: boolean }[]
+      | [];
+    connections: {
+      source: { pathUUID: string; pointUUID: string };
+      targets: { pathUUID: string; pointUUID: string }[];
+    };
+  }[];
+  pathPosition: [number, number, number];
+  pathRotation: [number, number, number];
+  speed: number;
 }
 
 interface SimulationPathsStore {
@@ -333,8 +351,8 @@ interface SimulationPathsStore {
 }
 
 export const useSimulationPaths = create<SimulationPathsStore>((set) => ({
-    simulationPaths: [],
-    setSimulationPaths: (paths: Path[]) => set({ simulationPaths: paths }),
+  simulationPaths: [],
+  setSimulationPaths: (paths: Path[]) => set({ simulationPaths: paths }),
 }));
 
 export const useIsConnecting = create<any>((set: any) => ({
@@ -365,4 +383,7 @@ export const useEditPosition = create<EditPositionState>((set) => ({
   setEdit: (value) => set({ Edit: value }), // Properly updating the state
 }));
 
-
+export const useAsset3dWidget = create<any>((set: any) => ({
+  widgetSelect: "",
+  setWidgetSelect: (x: any) => set({ widgetSelect: x }),
+}));

app/src/store/useZoneStore.ts

@@ -14,6 +14,7 @@ interface SelectedZoneState {
   zoneName: string;
   activeSides: Side[];
   panelOrder: Side[];
+
   lockedPanels: Side[];
   zoneId: string;
   zoneViewPortTarget: number[];