fix(visual): Destructure AO props in ProteinViewer

Author: AmirMohammad Cheraghali

src/components/ProteinViewer.tsx

@@ -125,6 +125,8 @@ export const ProteinViewer = forwardRef<ProteinViewerRef, ProteinViewerProps>(({
     onAddMeasurement,
     onHover,
     isLightMode,
+    quality = 'medium',
+    enableAmbientOcclusion = false,
     measurementTextColor = 'auto',
 }: ProteinViewerProps, ref: React.Ref<ProteinViewerRef>) => {
 
@@ -1916,6 +1918,33 @@ export const ProteinViewer = forwardRef<ProteinViewerRef, ProteinViewerProps>(({
         }
     };
 
+    // --- VISUAL ECSTASY: Stage Parameters Update ---
+    useEffect(() => {
+        if (!stageRef.current) return;
+        const stage = stageRef.current;
+
+        // NGL Stage Parameters for High Quality / Ambient Occlusion
+        const params: any = {
+            backgroundColor: backgroundColor,
+            quality: quality, // 'medium' or 'high'
+            lightIntensity: 1.0, // Standard key light
+        };
+
+        if (enableAmbientOcclusion) {
+            params.sampleLevel = 2; // -1/0 = off, 1 = low, 2 = medium, 4 = high
+            params.ambientColor = 0x202020; // Soft grey shadow rather than pitch black
+            params.ambientIntensity = 1.0;
+        } else {
+            params.sampleLevel = 0;
+            params.ambientIntensity = 0.0;
+        }
+
+        try {
+            stage.setParameters(params);
+        } catch (e) { console.warn("Failed to set stage params", e); }
+
+    }, [backgroundColor, quality, enableAmbientOcclusion]);
+
     useEffect(() => {
         updateRepresentation();
     }, [representation, coloring, customColors, showSurface, showLigands, showIons, colorPalette]);