debug: Add comprehensive logging to track button clicks and state updates

Add debug logging throughout the event flow to diagnose button click issues:

Controls component (controls.gx):
- Log when toggle button is clicked
- Log before/after sending command to channel

App component (app.gx):
- Log when command processing goroutine starts
- Log each received command
- Log state changes (rotationX, rotationY, autoRotate, speed)
- Log when state is sent to controlState channel

Code generator (codegen.go):
- Log when state listener receives updates from channel
- Log after app.Update() is called

This will help identify where the event flow breaks:
1. Click event fires
2. Command sent to channel
3. Command received and processed
4. State updated
5. State sent to controlState channel
6. Controls receives state update
7. app.Update() triggers re-render

Author: claude

examples/calculator/calculator_gen.go

@@ -17,18 +17,23 @@ func App() (Component) {
 	}()
 
 	go func() {
+		log("[App] Command processing goroutine started")
 		for cmd := range commands {
 			log(fmt.Sprintf("[App] Received command: %s", cmd.String()))
 
 			switch cmd.Type {
 			case "rotX":
 				rotationX += float64(cmd.Value)
+				log(fmt.Sprintf("[App] Updated rotationX to: %.2f", rotationX))
 			case "rotY":
 				rotationY += float64(cmd.Value)
+				log(fmt.Sprintf("[App] Updated rotationY to: %.2f", rotationY))
 			case "autoRotate":
 				autoRotate = !autoRotate
+				log(fmt.Sprintf("[App] Toggled autoRotate to: %t", autoRotate))
 			case "speed":
 				speed = float64(cmd.Value)
+				log(fmt.Sprintf("[App] Updated speed to: %.2f", speed))
 			}
 
 			state := ControlState{AutoRotate: autoRotate, Speed: float32(speed)}
@@ -39,6 +44,7 @@ func App() (Component) {
 				log("[App] Channel full, skipping state update")
 			}
 		}
+		log("[App] Command processing goroutine ended")
 	}()
 
 	renderUpdate := func(delta float64, rendererInterface interface{}) {

examples/counter/counter_gen.go

@@ -45,7 +45,11 @@ type ControlState struct {
 					ID("btn-toggle"),
 					Class("control-button toggle"),
 					OnClick(func(e Event) {
-						commands <- ControlCommand{Type: "autoRotate"}
+						log("[Controls] Toggle button clicked!")
+						cmd := ControlCommand{Type: "autoRotate"}
+						log(fmt.Sprintf("[Controls] Sending command: %s", cmd.String()))
+						commands <- cmd
+						log("[Controls] Command sent to channel")
 					})
 				) {
 					if currentState.AutoRotate {

examples/webgpu-cube/app.gx

@@ -3920,7 +3920,36 @@ func (g *Generator) generateChannelListenerMethods(comp *guixast.Component) []as
 			}
 
 			// Build list of assignments to update in the listener
-			updateStmts := []ast.Stmt{}
+			updateStmts := []ast.Stmt{
+				// Add logging to trace state updates
+				&ast.ExprStmt{
+					X: &ast.CallExpr{
+						Fun: ast.NewIdent("log"),
+						Args: []ast.Expr{
+							&ast.BinaryExpr{
+								X: &ast.BasicLit{
+									Kind:  token.STRING,
+									Value: `"[` + comp.Name + `] Received update from ` + param.Name + ` channel: "`,
+								},
+								Op: token.ADD,
+								Y: &ast.CallExpr{
+									Fun: &ast.SelectorExpr{
+										X:   ast.NewIdent("fmt"),
+										Sel: ast.NewIdent("Sprintf"),
+									},
+									Args: []ast.Expr{
+										&ast.BasicLit{
+											Kind:  token.STRING,
+											Value: `"%+v"`,
+										},
+										ast.NewIdent("val"),
+									},
+								},
+							},
+						},
+					},
+				},
+			}
 
 			// If there's an explicit variable, update it
 			if varName != "" {
@@ -3971,6 +4000,18 @@ func (g *Generator) generateChannelListenerMethods(comp *guixast.Component) []as
 								},
 							},
 						},
+						// Add logging after update
+						&ast.ExprStmt{
+							X: &ast.CallExpr{
+								Fun: ast.NewIdent("log"),
+								Args: []ast.Expr{
+									&ast.BasicLit{
+										Kind:  token.STRING,
+										Value: `"[` + comp.Name + `] Called app.Update() after ` + param.Name + ` update"`,
+									},
+								},
+							},
+						},
 					},
 				},
 			})