socket added for 3d and floating Widget

app/src/components/ui/componets/RealTimeVisulization.tsx

@@ -144,12 +144,6 @@ const RealTimeVisulization: React.FC = () => {
       };
       console.log('newObject: ', newObject);
 
-      let response = await addingFloatingWidgets(
-        selectedZone.zoneId,
-        organization,
-        newObject
-      );
-
       // Only set zone if it’s not already in the store (prevents overwriting objects)
       const existingZone =
         useDroppedObjectsStore.getState().zones[selectedZone.zoneName];
@@ -159,12 +153,28 @@ const RealTimeVisulization: React.FC = () => {
           .setZone(selectedZone.zoneName, selectedZone.zoneId);
       }
 
-      // Add the dropped object to the zone if the API call is successful
-      if (response.message === "FloatWidget created successfully") {
-        useDroppedObjectsStore
-          .getState()
-          .addObject(selectedZone.zoneName, newObject);
+      let addFloatingWidget = {
+        organization: organization,
+        widget: newObject,
+        zoneId: selectedZone.zoneId
       }
+      console.log('newObject: ', newObject);
+
+      if (visualizationSocket) {
+        visualizationSocket.emit("v2:viz-float:add", addFloatingWidget)
+      }
+
+      // let response = await addingFloatingWidgets(
+      //   selectedZone.zoneId,
+      //   organization,
+      //   newObject
+      // );
+      // Add the dropped object to the zone if the API call is successful
+      // if (response.message === "FloatWidget created successfully") {
+      useDroppedObjectsStore
+        .getState()
+        .addObject(selectedZone.zoneName, newObject);
+      // }
 
       // Update floating widgets state
       setFloatingWidgets((prevWidgets) => ({
@@ -209,6 +219,11 @@ const RealTimeVisulization: React.FC = () => {
       {activeModule === "visualization" && selectedZone.zoneName !== "" && <DroppedObjects />}
       {activeModule === "visualization" && <SocketRealTimeViz />}
       {/* <DroppedObjects /> */}
+      {/* <RenderOverlay>
+        <EditWidgetOption
+          options={["Dublicate", "Vertical Move", "Horizontal Move", "Delete"]}
+        />
+      </RenderOverlay> */}
       {activeModule === "visualization" && (
         <>
           <DisplayZone