Update default epochs to 30 for all datasets and architectures

- Increase epochs slider maximum from 20 to 50
- Set default epochs value to 30 in UI
- Update all preset configurations (High Privacy, Balanced, High Utility) to use 30 epochs
- Update setOptimalParameters function to use 30 epochs
- Ensures consistent training duration across all dataset/architecture combinations

app/static/js/main.js

@@ -71,21 +71,21 @@ class DPSGDExplorer {
                 noiseMultiplier: 1.5,
                 batchSize: 256,
                 learningRate: 0.005,
-                epochs: 10
+                epochs: 30
             },
             'balanced': {
                 clippingNorm: 1.0,
                 noiseMultiplier: 1.0,
                 batchSize: 128,
                 learningRate: 0.01,
-                epochs: 8
+                epochs: 30
             },
             'high-utility': {
                 clippingNorm: 1.5,
                 noiseMultiplier: 0.5,
                 batchSize: 64,
                 learningRate: 0.02,
-                epochs: 5
+                epochs: 30
             }
         };
 
@@ -847,7 +847,7 @@ function setOptimalParameters() {
     document.getElementById('noise-multiplier').value = '1.0';  // Moderate noise for good privacy
     document.getElementById('batch-size').value = '256';  // Large batches for DP-SGD stability
     document.getElementById('learning-rate').value = '0.05';  // Balanced learning rate
-    document.getElementById('epochs').value = '15';  // Sufficient epochs for convergence
+    document.getElementById('epochs').value = '30';  // Sufficient epochs for convergence
     
     // Update displays
     updateClippingNormDisplay();

app/templates/index.html

@@ -141,11 +141,11 @@
                         <span class="tooltip-text">Number of complete passes through the dataset. More epochs improves learning but increases privacy budget consumption.</span>
                     </span>
                 </label>
-                <input type="range" id="epochs" class="parameter-slider" min="1" max="20" step="1" value="5">
+                <input type="range" id="epochs" class="parameter-slider" min="1" max="50" step="1" value="30">
                 <div class="slider-display">
                     <span>1</span>
-                    <span id="epochs-value">5</span>
-                    <span>20</span>
+                    <span id="epochs-value">30</span>
+                    <span>50</span>
                 </div>
             </div>
             
@@ -214,7 +214,7 @@
                 <div id="training-status" class="status-badge" style="display: none;">
                     <span class="pulse"></span>
                     <span style="font-weight: 500; color: #4caf50;">Training in progress</span>
-                    <span style="margin-left: auto; font-weight: 500;">Epoch: <span id="current-epoch">1</span> / <span id="total-epochs">5</span></span>
+                    <span style="margin-left: auto; font-weight: 500;">Epoch: <span id="current-epoch">1</span> / <span id="total-epochs">30</span></span>
                 </div>
             </div>