canvas state

static/difficulty-select.html

@@ -607,19 +607,6 @@
                 window.location.href = '/game-modes';
             }
         });
-
-        // Add hover sound effects (you'd need actual audio files)
-        document.querySelectorAll('.difficulty-card').forEach(card => {
-            card.addEventListener('mouseenter', () => {
-                // Play hover sound
-                console.log('🔊 Hover sound effect');
-            });
-            
-            card.addEventListener('click', () => {
-                // Play click sound
-                console.log('🔊 Click sound effect');
-            });
-        });
     </script>
 </body>
 </html>

static/index.html

@@ -1020,21 +1020,6 @@
         </footer>
 
         <script>
-        // Form handling
-        document.getElementById('betaForm').addEventListener('submit', function(e) {
-            e.preventDefault();
-            const email = this.querySelector('input[type="email"]').value;
-
-            // Simulate API call
-            setTimeout(() => {
-                document.getElementById('successMessage').style.display = 'block';
-                this.style.display = 'none';
-
-                // Track conversion (in real app, send to analytics)
-                console.log('Beta signup:', email);
-            }, 500);
-        });
-
         // Smooth scrolling
         document.querySelectorAll('a[href^="#"]').forEach(anchor => {
             anchor.addEventListener('click', function (e) {

static/states/CanvasState.js

@@ -12,7 +12,6 @@ export class CanvasState {
      */
     enter(app) {
         // Override in concrete states
-        console.log(`Entering ${this.constructor.name}`);
     }
 
     /**
@@ -21,7 +20,6 @@ export class CanvasState {
      */
     exit(app) {
         // Override in concrete states
-        console.log(`Exiting ${this.constructor.name}`);
     }
 
     /**

static/states/CanvasStateMachine.js

@@ -31,12 +31,10 @@ export class CanvasStateMachine {
         const newState = this.states[stateName];
         
         if (!newState) {
-            console.error(`Unknown state: ${stateName}`);
             return;
         }
         
         if (this.currentState === newState) {
-            console.log(`Already in ${stateName} state`);
             return;
         }
         
@@ -50,8 +48,6 @@ export class CanvasStateMachine {
         this.currentState = newState;
         this.currentState.enter(this.app);
         
-        console.log(`State transition: ${previousState?.getStateName() || 'none'} -> ${newState.getStateName()}`);
-        
         // Notify any listeners about state change
         this.onStateChanged(previousState, newState);
     }

static/states/ConnectionState.js

@@ -50,13 +50,11 @@ export class ConnectionState extends CanvasState {
             // First click - start connection
             app.connectionStart = node;
             node.group.classList.add('selected');
-            console.log('Connection started from:', node.type);
             
         } else if (app.connectionStart === node) {
             // Clicked same node - cancel connection
             app.connectionStart.group.classList.remove('selected');
             app.connectionStart = null;
-            console.log('Connection cancelled');
             
         } else {
             // Second click - complete connection
@@ -69,7 +67,6 @@ export class ConnectionState extends CanvasState {
     handleNodeDoubleClick(app, node) {
         // In connection mode, double-click does nothing
         // Properties panel is disabled in this state
-        console.log('Properties panel disabled in connection mode');
     }
 
     handleCanvasClick(app, event) {
@@ -77,7 +74,6 @@ export class ConnectionState extends CanvasState {
         if (app.connectionStart) {
             app.connectionStart.group.classList.remove('selected');
             app.connectionStart = null;
-            console.log('Connection cancelled by canvas click');
         }
         
         // Don't clear node selections in connection mode
@@ -101,8 +97,6 @@ export class ConnectionState extends CanvasState {
         Connection.tlsCheckbox.checked = false;
         Connection.capacityInput.value = '1000';
         Connection.modal.style.display = 'block';
-        
-        console.log(`Connection setup: ${startNode.type} -> ${endNode.type}`);
     }
 
     getCursor() {

static/success.html

@@ -648,8 +648,6 @@ input[name="tab"] {
           window.location.href = '/game-modes';
         }
       });
-
-      console.log("✅ SYSTEM SUCCESS SCREEN DISPLAYED");
     </script>
   </div>
 </body>