Update index.html

index.html

@@ -34,7 +34,7 @@
         let selectedObjectType = window.SELECTED_OBJECT_TYPE || "None";
         const plotWidth = window.PLOT_WIDTH || 50.0;
         const plotDepth = window.PLOT_DEPTH || 50.0;
-        const worldState = window.WORLD_STATE || { objects: {}, players: {}, action_history: [] };
+        const worldState = window.WORLD_STATE || { objects: {}, players: {}, action_history: [], selected_object: "None" };
 
         // Materials
         const groundMaterial = new THREE.MeshStandardMaterial({ color: 0x55aa55, roughness: 0.9, metalness: 0.1, side: THREE.DoubleSide });
@@ -157,6 +157,8 @@
                     console.warn(`Invalid player position for ${username}:`, pos);
                 }
             }
+            selectedObjectType = worldState.selected_object || "None";
+            console.log(`Loaded selected tool: ${selectedObjectType}`);
             const actionHistory = worldState.action_history || [];
             console.log(`Loaded ${actionHistory.length} action history entries`);
         }
@@ -613,6 +615,10 @@
         function updateSelectedObjectType(newType) {
             console.log("JS updateSelectedObjectType received:", newType);
             selectedObjectType = newType;
+            window.parent.postMessage({
+                type: 'tool_change',
+                payload: { username: myUsername, tool: newType }
+            }, '*');
         }
 
         function animate() {
@@ -639,10 +645,6 @@
                         console.log(`Updated player marker for ${username} to`, position);
                     }
                 });
-            }
-        });
-
-        init();
-    </script>
-</body>
-</html>
+            } else if (data.type === 'tool_change') {
+                selectedObjectType = data.payload.tool;
+                console.log(`Updated selected tool from message: