From e993ff61169d8aa6d85249a30c5773961cee73fe Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Tue, 7 Apr 2026 10:53:06 +0200
Subject: [PATCH] Add render control based on layout mode and active panel

---
 src/viewport-three/ViewportCanvas.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/viewport-three/ViewportCanvas.tsx b/src/viewport-three/ViewportCanvas.tsx
index 35bcad04..1efb105e 100644
--- a/src/viewport-three/ViewportCanvas.tsx
+++ b/src/viewport-three/ViewportCanvas.tsx
@@ -88,6 +88,7 @@ export function ViewportCanvas({
 }: ViewportCanvasProps) {
   const containerRef = useRef<HTMLDivElement | null>(null);
   const hostRef = useRef<ViewportHost | null>(null);
+  const shouldRenderPanel = layoutMode === "quad" || isActivePanel;
   const [viewportMessage, setViewportMessage] = useState<string | null>(null);
   const [hoveredWhiteboxLabel, setHoveredWhiteboxLabel] = useState<string | null>(null);
 
@@ -102,6 +103,7 @@ export function ViewportCanvas({
       const viewportHost = new ViewportHost();
       hostRef.current = viewportHost;
       viewportHost.setPanelId(panelId);
+      viewportHost.setRenderEnabled(shouldRenderPanel);
       viewportHost.mount(container);
       setViewportMessage(null);
 
@@ -116,6 +118,10 @@ export function ViewportCanvas({
     }
   }, []);
 
+  useEffect(() => {
+    hostRef.current?.setRenderEnabled(shouldRenderPanel);
+  }, [shouldRenderPanel]);
+
   useEffect(() => {
     hostRef.current?.setPanelId(panelId);
   }, [panelId]);