2024 dec 30:fix error

Signed-off-by: Milind Kamat <36366961+milindkamat0507@users.noreply.github.com>

app.py

@@ -367,12 +367,10 @@ class StreamlitTutorial:
     
     
     
-    
     def render_playground(self, col: st.delta_generator.DeltaGenerator, snippets: Dict[str, str]) -> None:
         """
         Renders interactive coding playground with live execution.
-        Manages code input, snippets, and real-time output display.
-
+        
         Arguments:
             col: Streamlit column object for rendering
             snippets: Dictionary of available code snippets
@@ -380,59 +378,69 @@ class StreamlitTutorial:
         with col:
             st.markdown("### 💻 Practice Playground")
             
-            # Code input area with session state
+            # Code input area
             code_input = st.text_area(
                 "Try Streamlit commands:",
                 key="playground_input",
-                height=200,
                 value=st.session_state.get('code_input', ''),
+                height=200,
                 placeholder="Example:\nst.title('My Title')"
             )
 
-            # Quick Snippets
+            # Quick Snippets section
             st.markdown("#### Quick Snippets")
-            col1, col2 = st.columns([3, 1])
-            with col1:
+            
+            # Split into two columns with better ratio for button alignment
+            snippet_col, button_col = st.columns([4, 1])
+            
+            with snippet_col:
                 selected_snippet = st.selectbox(
                     "Choose snippet:",
                     list(snippets.keys()),
-                    key="snippet_select"
+                    label_visibility="collapsed"
                 )
-            with col2:
-                if st.button("Add", key="add_snippet"):
-                    new_code = snippets[selected_snippet]
+                
+            with button_col:
+                if st.button("Add", type="primary", use_container_width=True):
                     if 'code_input' not in st.session_state:
-                        st.session_state.code_input = new_code
+                        st.session_state.code_input = snippets[selected_snippet]
                     else:
-                        st.session_state.code_input = st.session_state.code_input + "\n" + new_code
+                        # Add new line only if there's existing code
+                        existing_code = st.session_state.code_input.strip()
+                        new_code = snippets[selected_snippet]
+                        st.session_state.code_input = f"{existing_code}\n{new_code}" if existing_code else new_code
                     st.rerun()
 
-            # Control buttons
-            run_col, reset_col, copy_col = st.columns(3)
+            # Control buttons in equal columns
+            col1, col2, col3 = st.columns(3)
             
-            with run_col:
-                run = st.button("▶️ Run", key="run_button")
-            with reset_col:
-                if st.button("🔄 Reset", key="reset_button"):
+            with col1:
+                if st.button("▶️ Run", use_container_width=True):
+                    try:
+                        if code_input.strip():
+                            exec(code_input)
+                    except Exception as e:
+                        st.error(f"Error: {str(e)}")
+            
+            with col2:
+                if st.button("🔄 Reset", use_container_width=True):
                     st.session_state.code_input = ""
                     st.rerun()
-            with copy_col:
-                if st.button("💾 Copy", key="copy_button"):
+            
+            with col3:
+                if st.button("💾 Copy", use_container_width=True):
                     st.code(code_input)
 
             # Live output section
             st.markdown("#### 🎨 Live Output")
             with st.container(border=True):
-                if run and code_input:
+                if code_input.strip():
                     try:
-                        # Create a new local namespace for execution
-                        local_dict = {}
-                        # Execute in the local namespace
-                        exec(code_input, globals(), local_dict)
+                        exec(code_input)
                     except Exception as e:
                         st.error(f"Error: {str(e)}")
 
-            # Tips & Help
+            # Tips section
             with st.expander("💡 Tips & Help"):
                 st.markdown("""
                 **Quick Tips:**
@@ -441,6 +449,7 @@ class StreamlitTutorial:
                 - Click Run to see results
                 - Reset to clear all code
                 """)
+