Update app.py

app.py

@@ -750,13 +750,6 @@ async def websocket_handler(websocket, path):
                                     st.session_state.current_world_file = new_filename
                             log_action(sender_username, "delete", {"obj_id": obj_id})
 
-                elif msg_type == "player_position":
-                    pos_data = payload.get("position")
-                    rot_data = payload.get("rotation")
-                    if pos_data:
-                        broadcast_payload = json.dumps({"type": "player_moved", "payload": {"username": sender_username, "id": client_id, "position": pos_data, "rotation": rot_data}})
-                        await broadcast_message(broadcast_payload, exclude_id=client_id)
-
                 elif msg_type == "tool_selected":
                     tool_type = payload.get("tool_type")
                     if tool_type in PRIMITIVE_MAP.values() or tool_type == "None":
@@ -921,47 +914,55 @@ def render_sidebar():
         st.markdown("---")
         st.header("🏗️ Build Tools")
         st.caption("Select an object to place.")
-        # Hidden selectbox to sync tool state
-        tool_options = ['None'] + list(PRIMITIVE_MAP.values())
-        selected_tool = st.selectbox("Selected Tool", options=tool_options, index=tool_options.index(st.session_state.get('selected_object', 'None')), key="tool_select", label_visibility="collapsed")
-        if selected_tool != st.session_state.selected_object:
-            st.session_state.selected_object = selected_tool
-            run_async(lambda: streamlit_js_eval(
-                f"updateSelectedObjectType({json.dumps(selected_tool)});",
-                key=f"update_tool_js_{selected_tool}"
-            ))
-
-        cols = st.columns(5)
-        col_idx = 0
-        current_tool = st.session_state.get('selected_object', 'None')
+        
+        # Inject JavaScript buttons for tools
+        tool_buttons_html = """
+        <style>
+            .tool-button {
+                width: 40px;
+                height: 40px;
+                margin: 2px;
+                font-size: 20px;
+                cursor: pointer;
+                border: 2px solid #ccc;
+                background-color: #f9f9f9;
+            }
+            .tool-button.selected {
+                border-color: #007bff;
+                background-color: #e7f3ff;
+            }
+            .tool-grid {
+                display: grid;
+                grid-template-columns: repeat(5, 1fr);
+                gap: 2px;
+            }
+        </style>
+        <div class="tool-grid">
+        """
         for emoji, name in PRIMITIVE_MAP.items():
-            button_key = f"primitive_{name}"
-            button_type = "primary" if current_tool == name else "secondary"
-            if cols[col_idx % 5].button(emoji, key=button_key, help=name, type=button_type, use_container_width=True):
-                # Update tool via JavaScript without rerun
-                run_async(lambda name_arg=name: streamlit_js_eval(
-                    f"""
-                    updateSelectedObjectType('{name_arg}');
-                    websocket.send(JSON.stringify({{
-                        type: 'tool_selected',
-                        payload: {{ tool_type: '{name_arg}', username: window.USERNAME }}
-                    }}));
-                    """,
-                    key=f"update_tool_js_{name_arg}"
-                ))
-            col_idx += 1
-        st.markdown("---")
-        if st.button("🚫 Clear Tool", key="clear_tool", use_container_width=True):
-            run_async(lambda: streamlit_js_eval(
-                """
-                updateSelectedObjectType('None');
-                websocket.send(JSON.stringify({
+            tool_buttons_html += f"""
+            <button class="tool-button" id="tool_{name}" onclick="
+                document.querySelectorAll('.tool-button').forEach(btn => btn.classList.remove('selected'));
+                this.classList.add('selected');
+                updateSelectedObjectType('{name}');
+                websocket.send(JSON.stringify({{
                     type: 'tool_selected',
-                    payload: { tool_type: 'None', username: window.USERNAME }
-                }));
-                """,
-                key="update_tool_js_none"
-            ))
+                    payload: {{ tool_type: '{name}', username: window.USERNAME }}
+                }}));
+            " title="{name}">{emoji}</button>
+            """
+        tool_buttons_html += """
+        </div>
+        <button style="width: 100%; margin-top: 10px; padding: 5px;" onclick="
+            document.querySelectorAll('.tool-button').forEach(btn => btn.classList.remove('selected'));
+            updateSelectedObjectType('None');
+            websocket.send(JSON.stringify({
+                type: 'tool_selected',
+                payload: { tool_type: 'None', username: window.USERNAME }
+            }));
+        ">🚫 Clear Tool</button>
+        """
+        st.markdown(tool_buttons_html, unsafe_allow_html=True)
 
         st.markdown("---")
         st.header("🗣�� Voice & User")
@@ -990,7 +991,7 @@ def render_main_content():
 
     with tab_world:
         st.header("Shared 3D World")
-        st.caption("Place objects using the sidebar tools. Changes are shared live!")
+        st.caption("Click to place objects with the selected tool. Right-click to delete. Changes are shared live!")
         current_file_basename = st.session_state.get('current_world_file', None)
         if current_file_basename:
             parsed = parse_world_filename(os.path.join(SAVED_WORLDS_DIR, current_file_basename))