reverting to original scale when selected zoom region is None

app.py

@@ -501,41 +501,56 @@ def app(share=False):
                     console.log('Plot element exists');
                 }
                 
-                // Try to parse regions
-                try {
-                    const precomputed_regions = JSON.parse(regions_json_str);
-                    console.log('Regions parsed successfully');
-                    console.log('Available regions:', Object.keys(precomputed_regions));
-                    
-                    if (region_name !== "None" && precomputed_regions[region_name]) {
-                        const region = precomputed_regions[region_name];
-                        const bbox = region.bbox;
-                        console.log('Bbox to apply:', bbox);
+                if (region_name === "None") {
+                    // Reset to original zoom when None is selected
+                    console.log('Resetting zoom to original view...');
+                    if (window.Plotly && plotDiv) {
+                        window.Plotly.relayout(plotDiv, {
+                            'xaxis.autorange': true,
+                            'yaxis.autorange': true
+                        }).then(() => {
+                            console.log('✓ Reset to auto-range completed successfully');
+                        }).catch(err => {
+                            console.log('✗ Reset failed:', err);
+                        });
+                    }
+                }
+                else{// Try to parse regions
+                    try {
+                        const precomputed_regions = JSON.parse(regions_json_str);
+                        console.log('Regions parsed successfully');
+                        console.log('Available regions:', Object.keys(precomputed_regions));
                         
-                        if (window.Plotly && plotDiv) {
-                            console.log('Calling Plotly.relayout...');
-                            
-                            const update = {
-                                'xaxis.range': [bbox.xaxis[0], bbox.xaxis[1]],
-                                'yaxis.range': [bbox.yaxis[0], bbox.yaxis[1]],
-                                'xaxis.autorange': false,
-                                'yaxis.autorange': false
-                            };
-                            console.log('Update object:', update);
+                        if (region_name !== "None" && precomputed_regions[region_name]) {
+                            const region = precomputed_regions[region_name];
+                            const bbox = region.bbox;
+                            console.log('Bbox to apply:', bbox);
                             
-                            window.Plotly.relayout(plotDiv, update)
-                                .then(() => console.log('✓ Relayout completed successfully'))
-                                .catch(err => console.log('✗ Relayout failed:', err));
+                            if (window.Plotly && plotDiv) {
+                                console.log('Calling Plotly.relayout...');
+                                
+                                const update = {
+                                    'xaxis.range': [bbox.xaxis[0], bbox.xaxis[1]],
+                                    'yaxis.range': [bbox.yaxis[0], bbox.yaxis[1]],
+                                    'xaxis.autorange': false,
+                                    'yaxis.autorange': false
+                                };
+                                console.log('Update object:', update);
+                                
+                                window.Plotly.relayout(plotDiv, update)
+                                    .then(() => console.log('✓ Relayout completed successfully'))
+                                    .catch(err => console.log('✗ Relayout failed:', err));
+                            } else {
+                                console.log('Missing requirements - Plotly:', !!window.Plotly, 'PlotDiv:', !!plotDiv);
+                            }
                         } else {
-                            console.log('Missing requirements - Plotly:', !!window.Plotly, 'PlotDiv:', !!plotDiv);
+                            console.log('Region not found or None selected');
                         }
-                    } else {
-                        console.log('Region not found or None selected');
+                    } catch(e) {
+                        console.log('Error in region processing:', e);
                     }
-                } catch(e) {
-                    console.log('Error in region processing:', e);
                 }
-                
+                    
                 console.log('=== ZOOM DEBUG END ===');
                 return [region_name, regions_json_str];
             }