Improved UX for object placement

app.py

@@ -176,7 +176,7 @@ def get_chat_client(provider: str = "openai"):
     return chat_client
 
 
-def chat_response(message, history, crosshair_position=None, provider="openai"):
+def chat_response(message, history, provider="openai"):
     """Handle chat messages using LLM with tool calling"""
     global current_scene_id
 
@@ -187,7 +187,8 @@ def chat_response(message, history, crosshair_position=None, provider="openai"):
 I'm an AI assistant that can help you build 3D scenes using natural language.
 
 **What I can do:**
-- Add objects: "add a red cube at 2, 1, 0"
+- Add objects: "add a red cube" (spawns in front of you, Minecraft-style!)
+- Add at position: "add a blue sphere at 2, 1, 0"
 - Change lighting: "set lighting to night"
 - Configure player: "set speed to 10" or "make the player move half as fast"
 - Add lights: "add a point light above the cube"
@@ -205,14 +206,14 @@ I'm an AI assistant that can help you build 3D scenes using natural language.
 - Press C in viewer to toggle FPS/Orbit camera
 - WASD to move, Space to jump in FPS mode
 - Click in viewer to enable mouse-look
+- Objects spawn in front of your camera when no position is specified!
 
 **LLM Provider:** Currently using {provider.upper()}
 """.format(provider=provider), None
 
     try:
         client = get_chat_client(provider)
-        # Pass crosshair position to chat client for context-aware object placement
-        response, action_data = client.chat(message, crosshair_position=crosshair_position)
+        response, action_data = client.chat(message)
         return response, action_data
     except Exception as e:
         import traceback
@@ -400,11 +401,6 @@ with gr.Blocks(title="GCP - Game Context Protocol") as demo:
                 if (event.data && event.data.action === 'objectDeselected') {
                     window.selectedObjectId = null;
                 }
-
-                if (event.data && event.data.action === 'crosshairPosition') {
-                    // Store crosshair position in window for JS access
-                    window.crosshairPosition = event.data.data;
-                }
             });
 
             // Initialize toast container on load
@@ -420,9 +416,6 @@ with gr.Blocks(title="GCP - Game Context Protocol") as demo:
         </script>
     """)
 
-    # State for crosshair position (received from JS via window.crosshairPosition)
-    crosshair_state = gr.State("")
-
     # State for selected LLM provider
     provider_state = gr.State("openai")
 
@@ -553,12 +546,9 @@ with gr.Blocks(title="GCP - Game Context Protocol") as demo:
         else:
             user_message = content
 
-        # Crosshair position is passed via JS (see js parameter on .then())
-        # It will be injected by the JS code that runs before this function
-        crosshair_pos_dict = None
-
-        # Process command with crosshair context and selected provider
-        bot_message, action_result = chat_response(user_message, [], crosshair_pos_dict, provider)
+        # Process command with selected provider
+        # Objects will spawn in front of camera automatically (Minecraft-style)
+        bot_message, action_result = chat_response(user_message, [], provider)
         history.append({"role": "assistant", "content": bot_message})
 
         # Handle action_result

chat_client.py

@@ -99,16 +99,16 @@ TOOLS = [
         "type": "function",
         "function": {
             "name": "add_object",
-            "description": "Add a 3D object to the scene",
+            "description": "Add a 3D object to the scene. If no position (x, y, z) is specified, the object will spawn in front of the player's camera (Minecraft-style placement).",
             "parameters": {
                 "type": "object",
                 "properties": {
                     "scene_id": {"type": "string", "description": "ID of the scene"},
                     "object_type": {"type": "string", "enum": ["cube", "sphere", "cylinder", "plane", "cone", "torus"], "description": "Type of object"},
                     "name": {"type": "string", "description": "Name for the object"},
-                    "x": {"type": "number", "description": "X position"},
-                    "y": {"type": "number", "description": "Y position"},
-                    "z": {"type": "number", "description": "Z position"},
+                    "x": {"type": "number", "description": "X position (optional - omit to place in front of player)"},
+                    "y": {"type": "number", "description": "Y position (optional - auto-calculated to sit on ground)"},
+                    "z": {"type": "number", "description": "Z position (optional - omit to place in front of player)"},
                     "scale_x": {"type": "number", "description": "X scale (default: 1)"},
                     "scale_y": {"type": "number", "description": "Y scale (default: 1)"},
                     "scale_z": {"type": "number", "description": "Z scale (default: 1)"},
@@ -644,11 +644,16 @@ You help users create and modify 3D scenes using natural language. You have acce
 - Managing lights (ambient, directional, point, spot)
 - Updating materials (color, metalness, roughness, opacity, glow)
 - Setting backgrounds and fog effects
-- Post-processing effects (bloom, SSAO, color grading, vignette)
-- Camera effects (depth of field, motion blur, chromatic aberration)
 
 The current scene ID is: {scene_id}
 
+IMPORTANT - Object Placement:
+When users ask to create/add an object WITHOUT specifying a position, DO NOT provide x, y, z coordinates.
+Simply omit the position parameters entirely and the object will automatically spawn in front of the player
+(Minecraft-style placement based on camera direction).
+
+Only provide x, y, z when the user explicitly specifies a location (e.g., "add a cube at 5, 0, 3").
+
 When users ask to modify something relatively (like "half the speed" or "make it twice as big"),
 ALWAYS first get the current state using the appropriate get_* function, then calculate the new value,
 then apply it.
@@ -892,14 +897,12 @@ Be concise but helpful. After making changes, briefly confirm what was done."""
         else:
             return {"error": f"Unknown tool: {name}"}
 
-    def chat(self, user_message: str, crosshair_position: Optional[Dict[str, float]] = None) -> tuple[str, Optional[Dict[str, Any]]]:
+    def chat(self, user_message: str) -> tuple[str, Optional[Dict[str, Any]]]:
         """
         Process a user message and return the response.
 
         Args:
             user_message: The user's message
-            crosshair_position: Optional dict with x, y, z coordinates where the crosshair
-                               is pointing on the floor. Used for context-aware object placement.
 
         Returns:
             tuple: (response_text, action_data)
@@ -912,27 +915,14 @@ Be concise but helpful. After making changes, briefly confirm what was done."""
             "content": user_message
         })
 
-        # Build system prompt with crosshair context
-        system_prompt = self.system_prompt
-        if crosshair_position:
-            system_prompt += f"""
-
-IMPORTANT - Current crosshair position:
-The player is looking at position ({crosshair_position['x']}, {crosshair_position['y']}, {crosshair_position['z']}) on the floor.
-When the user asks to create/add an object WITHOUT specifying a position (e.g., "add a cube", "create a sphere"),
-place it at the crosshair position: x={crosshair_position['x']}, y={crosshair_position['y']}, z={crosshair_position['z']}.
-The y coordinate should be adjusted based on object size (e.g., y=0.5 for a cube of scale 1 so it sits on the floor).
-
-If the user DOES specify a position (e.g., "add a cube at 0, 0, 0"), use their specified position instead."""
-
         # Track actions for frontend
         actions = []
 
         # Route to appropriate provider
         if self.provider == "gemini":
-            return self._chat_gemini(user_message, system_prompt, actions)
+            return self._chat_gemini(user_message, self.system_prompt, actions)
         else:
-            return self._chat_openai(user_message, system_prompt, actions)
+            return self._chat_openai(user_message, self.system_prompt, actions)
 
     def _chat_openai(self, user_message: str, system_prompt: str, actions: List) -> tuple[str, Optional[Dict[str, Any]]]:
         """Handle chat with OpenAI GPT"""

frontend/game_viewer.html

@@ -232,13 +232,11 @@
                     }
                     sceneData = await response.json();
                 }
-                console.log('Scene data loaded:', sceneData);
 
                 // Apply world size from scene data
                 if (sceneData.world_width) {
                     WORLD_SIZE = sceneData.world_width;
                     WORLD_HALF = WORLD_SIZE / 2;
-                    console.log('World size set to:', WORLD_SIZE);
                 }
 
                 // Apply player configuration from scene data
@@ -310,13 +308,9 @@
             outlinePass.hiddenEdgeColor.set('#ff4400');  // Darker orange for hidden edges
             composer.addPass(outlinePass);
 
-            console.log('OutlinePass configured - orange outline ready');
-
             const outputPass = new OutputPass();
             composer.addPass(outputPass);
 
-            console.log('PostProcessing composer initialized with OutlinePass');
-
             // Add lights from scene data
             // Best practices: Combine ambient (low intensity) + directional (sun) + point lights (accents)
             sceneData.lights.forEach(lightData => {
@@ -362,7 +356,6 @@
                 if (light) {
                     light.name = lightData.name || lightData.type;
                     scene.add(light);
-                    console.log('Added light:', lightData.type, lightData.name, 'intensity:', lightData.intensity);
                 }
             });
 
@@ -442,7 +435,12 @@
             renderer.domElement.addEventListener('mousedown', (event) => {
                 if (controlMode === 'fps' && event.button === 0) {
                     isMouseLocked = true;
-                    renderer.domElement.requestPointerLock();
+                    // Wrap in try-catch to handle SecurityError when user exits lock quickly
+                    try {
+                        renderer.domElement.requestPointerLock();
+                    } catch (e) {
+                        isMouseLocked = false;
+                    }
                 }
             });
 
@@ -474,15 +472,13 @@
             });
 
             document.addEventListener('pointerlockerror', () => {
-                console.error('Pointer lock failed');
+                // Silently handle pointer lock errors - common when user clicks away quickly
                 isMouseLocked = false;
             });
 
-            console.log('FPS controls initialized - click in viewer to enable mouse-look');
         }
 
         function setupPhysics() {
-            console.log('Setting up physics world...');
 
             // Create physics world
             physicsWorld = new CANNON.World();
@@ -675,7 +671,6 @@
                 }
             });
 
-            console.log('Physics world created with ground, walls, and player');
         }
 
         function toggleControlMode() {
@@ -698,8 +693,6 @@
 
                 // Show crosshair
                 if (crosshair) crosshair.style.display = 'block';
-
-                console.log('Switched to FPS controls - click in viewer to enable mouse-look, WASD to move');
             } else {
                 // Switch to Orbit
                 if (document.pointerLockElement) {
@@ -715,8 +708,6 @@
                 if (outlinePass) outlinePass.selectedObjects = [];
                 selectedObject = null;
                 selectedObjectId = null;
-
-                console.log('Switched to Orbit controls');
             }
         }
 
@@ -745,7 +736,6 @@
         }
 
         function renderGameObjects() {
-            console.log('Rendering', sceneData.objects.length, 'game objects...');
 
             sceneData.objects.forEach(obj => {
                 // Validate object is within bounds
@@ -832,7 +822,6 @@
                                                 child.material = newMaterial;
                                             }
                                         });
-                                        console.log(`Applied unlit material to model: ${obj.name}`);
                                     }
 
                                     model.userData = {
@@ -849,9 +838,6 @@
                                     // Track animated models
                                     if (obj.metadata?.animate) {
                                         animatedModels.push(model);
-                                        console.log(`Loaded animated model: ${obj.name} from ${modelUrl}`);
-                                    } else {
-                                        console.log(`Loaded model: ${obj.name} from ${modelUrl}`);
                                     }
                                 },
                                 undefined,
@@ -918,11 +904,7 @@
                 physicsWorld.addBody(physicsBody);
                 objectBodies.set(obj.id, physicsBody);
 
-                console.log('Added object:', obj.name || obj.id, obj.type, 'with physics collider');
             });
-
-            // Camera position is managed by physics system in FPS mode
-            console.log('Scene objects loaded. Camera controlled by player physics body.');
         }
 
         function onWindowResize() {
@@ -960,10 +942,6 @@
                     selectedObjectId = newSelected.userData.id;
                     outlinePass.selectedObjects = [selectedObject];
 
-                    console.log('🎯 Object selected:', selectedObjectId, newSelected.userData.type,
-                                `distance: ${intersects[0].distance.toFixed(2)}m`,
-                                `outline array length: ${outlinePass.selectedObjects.length}`);
-
                     // Send selection to parent (for chat commands)
                     if (window.parent) {
                         window.parent.postMessage({
@@ -979,7 +957,6 @@
             } else {
                 // No object in view
                 if (selectedObject) {
-                    console.log('🎯 Object deselected');
                     outlinePass.selectedObjects = [];
                     selectedObject = null;
                     selectedObjectId = null;
@@ -1187,15 +1164,9 @@
          * Toggle grid helper visibility
          */
         function toggleGrid(enabled) {
-            if (gridHelper) {
-                gridHelper.visible = enabled;
-                console.log('Grid helper:', enabled ? 'enabled' : 'disabled');
-            }
+            if (gridHelper) gridHelper.visible = enabled;
         }
 
-        /**
-         * Toggle wireframe mode for all objects
-         */
         function toggleWireframe(enabled) {
             wireframeEnabled = enabled;
             scene.traverse((object) => {
@@ -1203,17 +1174,10 @@
                     object.material.wireframe = enabled;
                 }
             });
-            console.log('Wireframe mode:', enabled ? 'enabled' : 'disabled');
         }
 
-        /**
-         * Toggle stats (FPS counter) display
-         */
         function toggleStats(enabled) {
-            if (stats) {
-                stats.dom.style.display = enabled ? 'block' : 'none';
-                console.log('Stats:', enabled ? 'enabled' : 'disabled');
-            }
+            if (stats) stats.dom.style.display = enabled ? 'block' : 'none';
         }
 
         /**
@@ -1240,8 +1204,6 @@
                     sceneName: sceneData?.name || 'scene'
                 }
             }, '*');
-
-            console.log('Screenshot captured and sent to parent window');
         }
 
         /**
@@ -1308,8 +1270,6 @@
                     action: 'objectInspect',
                     data: objectInfo
                 }, '*');
-
-                console.log('Object selected:', objectInfo);
             }
         }
 
@@ -1324,7 +1284,6 @@
             // if (event.origin !== window.location.origin) return;
 
             const { action, data } = event.data;
-            console.log('📨 Received postMessage:', action, data);
 
             switch (action) {
                 case 'addObject':
@@ -1375,42 +1334,26 @@
                 // Player configuration actions
                 case 'setPlayerSpeed':
                     WALK_SPEED = data.walk_speed || 5.0;
-                    console.log('Player speed set to:', WALK_SPEED);
                     break;
                 case 'setJumpForce':
                     JUMP_VELOCITY = data.jump_force || 5.0;
-                    console.log('Jump force set to:', JUMP_VELOCITY);
                     break;
                 case 'setGravity':
-                    if (world) {
-                        world.gravity.set(0, data.gravity || -9.82, 0);
-                        console.log('Gravity set to:', data.gravity);
-                    }
+                    if (world) world.gravity.set(0, data.gravity || -9.82, 0);
                     break;
                 case 'setCameraFov':
                     if (camera) {
                         camera.fov = data.fov || 75;
                         camera.updateProjectionMatrix();
-                        console.log('Camera FOV set to:', camera.fov);
                     }
                     break;
                 case 'setMouseSensitivity':
                     MOUSE_SENSITIVITY = data.sensitivity || 0.002;
-                    if (data.invert_y !== undefined) {
-                        // Store invert_y preference (used in mouse movement handler)
-                        window.INVERT_Y = data.invert_y;
-                    }
-                    console.log('Mouse sensitivity set to:', MOUSE_SENSITIVITY);
+                    if (data.invert_y !== undefined) window.INVERT_Y = data.invert_y;
                     break;
                 case 'setPlayerDimensions':
-                    // Update player dimensions
                     if (data.height) PLAYER_HEIGHT = data.height;
                     if (data.radius) PLAYER_RADIUS = data.radius;
-                    if (data.eye_height) {
-                        // Update camera Y offset relative to player body
-                        // This will take effect on next frame
-                    }
-                    console.log('Player dimensions updated:', { height: PLAYER_HEIGHT, radius: PLAYER_RADIUS });
                     break;
                 // Skybox actions
                 case 'addSkybox':
@@ -1449,6 +1392,60 @@
             }
         });
 
+        /**
+         * Calculate spawn position in front of camera (Minecraft-style placement)
+         * Distance is calculated based on object size so larger objects spawn further away
+         *
+         * @param {Object} scale - Object scale {x, y, z}
+         * @param {boolean} snapToGround - Whether to snap object to ground plane
+         * @returns {THREE.Vector3} - The calculated spawn position
+         */
+        function getForwardSpawnPosition(scale = {x: 1, y: 1, z: 1}, snapToGround = true) {
+            const dir = new THREE.Vector3();
+            camera.getWorldDirection(dir);
+
+            // Calculate object's bounding size (largest dimension)
+            const objectSize = Math.max(scale.x || 1, scale.y || 1, scale.z || 1);
+
+            // Base distance + object size + small buffer
+            // This ensures the object spawns in front of player without clipping
+            const baseDistance = 2.0;  // Minimum distance from player
+            const sizeMultiplier = 1.2; // Extra padding based on size
+            const distance = baseDistance + (objectSize * sizeMultiplier);
+
+            // Start from camera position and move forward
+            const spawnPos = new THREE.Vector3()
+                .copy(camera.position)
+                .add(dir.clone().multiplyScalar(distance));
+
+            // Snap to ground if requested
+            if (snapToGround) {
+                // Cast ray downward to find ground
+                const downRay = new THREE.Raycaster(
+                    new THREE.Vector3(spawnPos.x, spawnPos.y + 20, spawnPos.z), // Start above
+                    new THREE.Vector3(0, -1, 0) // Point down
+                );
+
+                // Find ground mesh (look for the floor plane)
+                const groundObjects = scene.children.filter(obj =>
+                    obj.userData.isGround || obj.name === 'ground' || obj.name === 'floor'
+                );
+
+                if (groundObjects.length > 0) {
+                    const hits = downRay.intersectObjects(groundObjects);
+                    if (hits.length > 0) {
+                        spawnPos.y = hits[0].point.y;
+                    } else {
+                        spawnPos.y = 0;
+                    }
+                } else {
+                    spawnPos.y = 0;
+                }
+            }
+
+            return spawnPos;
+        }
+
         /**
          * Dynamically add an object to the scene
          */
@@ -1458,9 +1455,31 @@
                 return;
             }
 
+            // If position is at origin (0,0,0) or use_camera_position flag is set,
+            // spawn in front of the camera (Minecraft-style)
+            const isDefaultPosition =
+                objData.position.x === 0 &&
+                objData.position.y === 0 &&
+                objData.position.z === 0;
+
+            if (objData.use_camera_position || isDefaultPosition) {
+                const scale = objData.scale || {x: 1, y: 1, z: 1};
+                const spawnPos = getForwardSpawnPosition(scale, true);
+
+                // Offset Y by half the object height so it sits on ground
+                const halfHeight = (scale.y || 1) / 2;
+                spawnPos.y += halfHeight;
+
+                objData.position = {
+                    x: spawnPos.x,
+                    y: spawnPos.y,
+                    z: spawnPos.z
+                };
+            }
+
             // Validate object is within bounds
             if (Math.abs(objData.position.x) > WORLD_HALF || Math.abs(objData.position.z) > WORLD_HALF) {
-                console.error(`Cannot add object at (${objData.position.x}, ${objData.position.z}) - outside 10x10 world bounds`);
+                console.error(`Cannot add object at (${objData.position.x}, ${objData.position.z}) - outside world bounds`);
                 return;
             }
 
@@ -1542,7 +1561,6 @@
             // Add highlight effect
             animateObjectHighlight(mesh);
 
-            console.log('Added object dynamically:', objData.name || objData.id);
         }
 
         /**
@@ -1574,7 +1592,6 @@
             // Remove from scene data
             sceneData.objects = sceneData.objects.filter(obj => obj.id !== object_id);
 
-            console.log('Removed object dynamically:', object_id);
         }
 
         /**
@@ -1619,7 +1636,6 @@
             // Update scene data
             sceneData.lights = lights;
 
-            console.log('Updated lighting dynamically');
         }
 
         /**
@@ -1703,7 +1719,6 @@
         // ==================== Rendering & Lighting Handler Functions ====================
 
         function addLightToScene(lightData) {
-            console.log('💡 addLightToScene called with:', lightData);
             let light;
 
             if (lightData.light_type === 'ambient') {
@@ -1760,18 +1775,14 @@
             if (light) {
                 light.name = lightData.name;
                 scene.add(light);
-                console.log('💡 Light added to scene:', lightData.name, 'type:', lightData.light_type, 'intensity:', lightData.intensity);
             } else {
-                console.error('❌ Failed to create light:', lightData);
+                console.error('Failed to create light:', lightData);
             }
         }
 
         function removeLightFromScene(lightName) {
             const light = scene.getObjectByName(lightName);
-            if (light) {
-                scene.remove(light);
-                console.log('Removed light:', lightName);
-            }
+            if (light) scene.remove(light);
         }
 
         function updateSceneLight(lightName, updates) {
@@ -1784,48 +1795,23 @@
                 light.position.set(updates.position.x, updates.position.y, updates.position.z);
             }
             if (updates.cast_shadow !== undefined) light.castShadow = updates.cast_shadow;
-
-            console.log('Updated light:', lightName);
         }
 
         function updateObjectMaterial(objectId, materialData) {
-            console.log('updateObjectMaterial called with:', objectId, materialData);
             const obj = scene.children.find(child => child.userData.id === objectId);
-            if (!obj || !obj.material) {
-                console.error('Object not found or has no material:', objectId);
-                return;
-            }
+            if (!obj || !obj.material) return;
 
-            console.log('Found object:', obj.userData.name, 'Current color:', obj.material.color.getHexString());
-
-            if (materialData.color) {
-                obj.material.color.set(materialData.color);
-                console.log('Set color to:', materialData.color);
-            }
-            if (materialData.metalness !== undefined) {
-                obj.material.metalness = materialData.metalness;
-                console.log('Set metalness to:', materialData.metalness);
-            }
-            if (materialData.roughness !== undefined) {
-                obj.material.roughness = materialData.roughness;
-                console.log('Set roughness to:', materialData.roughness);
-            }
+            if (materialData.color) obj.material.color.set(materialData.color);
+            if (materialData.metalness !== undefined) obj.material.metalness = materialData.metalness;
+            if (materialData.roughness !== undefined) obj.material.roughness = materialData.roughness;
             if (materialData.opacity !== undefined) {
                 obj.material.opacity = materialData.opacity;
                 obj.material.transparent = materialData.opacity < 1.0;
-                console.log('Set opacity to:', materialData.opacity);
-            }
-            if (materialData.emissive) {
-                obj.material.emissive = new THREE.Color(materialData.emissive);
-                console.log('Set emissive to:', materialData.emissive);
-            }
-            if (materialData.emissive_intensity !== undefined) {
-                obj.material.emissiveIntensity = materialData.emissive_intensity;
-                console.log('Set emissive intensity to:', materialData.emissive_intensity);
             }
+            if (materialData.emissive) obj.material.emissive = new THREE.Color(materialData.emissive);
+            if (materialData.emissive_intensity !== undefined) obj.material.emissiveIntensity = materialData.emissive_intensity;
 
             obj.material.needsUpdate = true;
-            console.log('Material updated successfully! New color:', obj.material.color.getHexString());
         }
 
         function setSceneBackground(bgData) {
@@ -1847,25 +1833,20 @@
                 scene.background = new THREE.Color(bgData.background_color);
             }
 
-            console.log('Updated background');
         }
 
         function setSceneFog(fogData) {
             if (!fogData.enabled) {
                 scene.fog = null;
-                console.log('Fog disabled');
                 return;
             }
 
             const color = new THREE.Color(fogData.color);
-
             if (fogData.type === 'exponential') {
                 scene.fog = new THREE.FogExp2(color, fogData.density);
             } else {
                 scene.fog = new THREE.Fog(color, fogData.near, fogData.far);
             }
-
-            console.log('Fog enabled:', fogData.type);
         }
 
         // ==================== Skybox Handlers ====================
@@ -1895,9 +1876,6 @@
 
             // Update scene background to use sky
             scene.background = null; // Sky will render as background
-
-            console.log('🌤️ Skybox added:', skyboxData.preset || 'custom',
-                       `elevation=${skyboxData.sun_elevation}°`);
         }
 
         function handleRemoveSkybox() {
@@ -1908,7 +1886,6 @@
             // Revert to solid background
             const bgColor = sceneData?.environment?.background_color || '#87CEEB';
             scene.background = new THREE.Color(bgColor);
-            console.log('🌤️ Skybox removed');
         }
 
         // ==================== Particle System Handlers ====================
@@ -1987,7 +1964,6 @@
                 endColor: new THREE.Color(config.color_end || config.color_start || '#ffffff')
             });
 
-            console.log('✨ Particles added:', id, config.preset);
         }
 
         function handleRemoveParticles(particleId) {
@@ -1997,7 +1973,6 @@
                 system.geometry.dispose();
                 system.points.material.dispose();
                 particleSystems.delete(particleId);
-                console.log('✨ Particles removed:', particleId);
             }
         }
 
@@ -2109,7 +2084,6 @@
             uiContainer.appendChild(element);
             uiElements.set(id, element);
 
-            console.log('📝 UI text rendered:', id);
         }
 
         function handleRenderBar(barData) {
@@ -2190,14 +2164,12 @@
             uiContainer.appendChild(container);
             uiElements.set(id, container);
 
-            console.log('📊 UI bar rendered:', id);
         }
 
         function handleRemoveUIElement(elementId) {
             if (uiElements.has(elementId)) {
                 uiContainer.removeChild(uiElements.get(elementId));
                 uiElements.delete(elementId);
-                console.log('🗑️ UI element removed:', elementId);
             }
         }
 
@@ -2236,7 +2208,6 @@
                 obj.userData.toonEnabled = true;
                 obj.userData.toonSettings = data;
 
-                console.log('🎨 Toon material applied to:', data.object_id);
             } else {
                 // Revert to standard material
                 const existingColor = obj.material?.color?.getHex() || 0xffffff;
@@ -2251,7 +2222,6 @@
                 obj.material = standardMaterial;
                 obj.userData.toonEnabled = false;
 
-                console.log('🎨 Reverted to standard material:', data.object_id);
             }
         }
 
@@ -2328,15 +2298,9 @@
                     // Add to scene data for tracking
                     if (!sceneData.objects) sceneData.objects = [];
                     sceneData.objects.push(brickData);
-
-                    console.log('🧱 Brick added:', brickData.brick_type, 'at', position);
-                },
-                (xhr) => {
-                    console.log(`Loading brick: ${(xhr.loaded / xhr.total * 100).toFixed(0)}%`);
                 },
-                (error) => {
-                    console.error('Error loading brick:', error);
-                }
+                undefined,
+                (error) => console.error('Error loading brick:', error)
             );
         }