3d widget editoption function added.

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

@@ -23,6 +23,8 @@ import SocketRealTimeViz from "../../../modules/visualization/realTimeVizSocket.
 import RenderOverlay from "../../templates/Overlay";
 import ConfirmationPopup from "../../layout/confirmationPopup/ConfirmationPopup";
 import DroppedObjects from "./DroppedFloatingWidgets";
+import EditWidgetOption from "../menu/EditWidgetOption";
+import { useRightClickSelected } from "../../../store/useZone3DWidgetStore";
 
 type Side = "top" | "bottom" | "left" | "right";
 
@@ -55,8 +57,9 @@ const RealTimeVisulization: React.FC = () => {
   const [droppedObjects, setDroppedObjects] = useState<any[]>([]);
   const [zonesData, setZonesData] = useState<FormattedZoneData>({});
   const { selectedZone, setSelectedZone } = useSelectedZoneStore();
-  const { zones } = useZones();
 
+
+  const { rightClickSelected, setRightClickSelected } = useRightClickSelected()
   const [openConfirmationPopup, setOpenConfirmationPopup] = useState(false);
 
   const [floatingWidgets, setFloatingWidgets] = useState<
@@ -93,7 +96,7 @@ const RealTimeVisulization: React.FC = () => {
           {}
         );
         setZonesData(formattedData);
-      } catch (error) {}
+      } catch (error) { }
     }
 
     GetZoneData();
@@ -178,7 +181,6 @@ const RealTimeVisulization: React.FC = () => {
         .getState()
         .addObject(selectedZone.zoneName, newObject);
       // }
-
       // Update floating widgets state
       setFloatingWidgets((prevWidgets) => ({
         ...prevWidgets,
@@ -192,9 +194,10 @@ const RealTimeVisulization: React.FC = () => {
           ],
         },
       }));
-    } catch (error) {}
+    } catch (error) { }
   };
 
+  function handleRightClickSel(){}
   return (
     <div
       ref={containerRef}
@@ -206,11 +209,6 @@ const RealTimeVisulization: React.FC = () => {
         left: isPlaying || activeModule !== "visualization" ? "0%" : "",
       }}
     >
-      {/* <RenderOverlay>
-        <EditWidgetOption
-          options={["Dublicate", "Vertical Move", "Horizontal Move", "Delete"]}
-        />
-      </RenderOverlay> */}
       {openConfirmationPopup && (
         <RenderOverlay>
           <ConfirmationPopup
@@ -235,12 +233,11 @@ const RealTimeVisulization: React.FC = () => {
       </div>
       {activeModule === "visualization" && selectedZone.zoneName !== "" && <DroppedObjects />}
       {activeModule === "visualization" && <SocketRealTimeViz />}
-      {/* <DroppedObjects /> */}
-      {/* <RenderOverlay>
-        <EditWidgetOption
-          options={["Dublicate", "Vertical Move", "Horizontal Move", "Delete"]}
-        />
-      </RenderOverlay> */}
+
+      {activeModule === "visualization" && widgetSubOption === "3D" && rightClickSelected && <EditWidgetOption
+        options={["Duplicate", "Vertical Move", "Horizontal Move", "Delete"]} 
+      />}
+
       {activeModule === "visualization" && (
         <>
           <DisplayZone