From 0b9f23ba4f2eeedfe20aa3a541c0f872122635a4 Mon Sep 17 00:00:00 2001
From: Jerald-Golden-B <jerald@hexrfactory.com>
Date: Thu, 17 Jul 2025 17:15:53 +0530
Subject: [PATCH] tab switch simulation paused implemented

---
 .../components/ui/simulation/simulationPlayer.tsx    | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/app/src/components/ui/simulation/simulationPlayer.tsx b/app/src/components/ui/simulation/simulationPlayer.tsx
index f7586f8..e2ec99f 100644
--- a/app/src/components/ui/simulation/simulationPlayer.tsx
+++ b/app/src/components/ui/simulation/simulationPlayer.tsx
@@ -109,12 +109,24 @@ const SimulationPlayer: React.FC = () => {
     isDragging.current = false;
   };
 
+  const handleVisibility = () => {
+    if (document.visibilityState !== 'visible' && isPlaying) {
+      setIsPaused(!isPaused);
+      if (isPaused) {
+        setIsPlaying(true);
+      }
+      echo.warn(`Simulation is ${isPaused ? "Resumed" : "Paused"}`);
+    }
+  }
+
   useEffect(() => {
     document.addEventListener("mousemove", handleMouseMove);
     document.addEventListener("mouseup", handleMouseUp);
+    document.addEventListener('visibilitychange', handleVisibility);
     return () => {
       document.removeEventListener("mousemove", handleMouseMove);
       document.removeEventListener("mouseup", handleMouseUp);
+      document.removeEventListener('visibilitychange', handleVisibility);
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);