2024 dec 30 method update

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

app.py

@@ -347,59 +347,62 @@ class StreamlitTutorial:
     
     
     def get_input_elements(self) -> List[Tuple[str, str]]:
-        """Cross-validated collection of input widgets with unique keys"""
+        """
+        Cross-validated collection of input widgets with unique keys
+        """
         return [
             ("Text Input", """st.text_input('Enter your name', 
-    key='input_example_1_a',
+    key='text_input_demo_1',
     placeholder='John Doe')"""),
             
             ("Text Area", """st.text_area('Enter long text',
-    key='area_example_1_b', 
+    key='text_area_demo_1', 
     height=100,
     placeholder='Write something...')"""),
             
             ("Number Input", """st.number_input('Enter a number',
-    key='number_example_1_c',
+    key='number_input_demo_1',
     min_value=0,
     max_value=100,
     value=50,
     step=5)"""),
             
             ("Slider", """st.slider('Select value',
-    key='slider_example_1_d',
+    key='slider_demo_1',
     min_value=0,
     max_value=100,
     value=50,
     step=5)"""),
             
             ("Select Box", """st.selectbox('Choose an option',
-    key='select_example_1_e',
+    key='select_box_demo_1',
     options=['Option 1', 'Option 2', 'Option 3'],
     index=0)""")
         ]
-        
-    
-    def render_input_elements(self, col: st.delta_generator.DeltaGenerator) -> None:
-        """Cross-validated rendering method with proper key handling"""
-        with col:
-            st.markdown("### 📝 Code Examples")
-            for idx, (title, code) in enumerate(self.get_input_elements()):
-                # Create unique container key
-                example_container_key = f"example_container_{idx}"
-                output_container_key = f"output_container_{idx}"
+
+def render_input_elements(self, col: st.delta_generator.DeltaGenerator) -> None:
+    """
+    Renders input examples with unique keys for both examples and live output
+    """
+    with col:
+        st.markdown("### 📝 Code Examples")
+        for idx, (title, code) in enumerate(self.get_input_elements()):
+            with st.container(border=True, key=f"demo_container_{idx}"):
+                st.markdown(f"**{title}**")
+                st.code(code)
+                st.markdown("Live output:")
                 
-                with st.container(border=True, key=example_container_key):
-                    st.markdown(f"**{title}**")
-                    st.code(code)
-                    st.markdown("Live output:")
-                    
-                    with st.container(border=True, key=output_container_key):
-                        try:
-                            # Execute the code with unique keys
-                            exec(code)
-                        except Exception as e:
-                            st.error(f"Error: {str(e)}")       
-            
+                with st.container(border=True, key=f"output_container_{idx}"):
+                    try:
+                        # Create runtime version with unique key
+                        runtime_code = code.replace('demo_1', f'runtime_{idx}')
+                        exec(runtime_code)
+                    except Exception as e:
+                        st.error(f"Error: {str(e)}")
+    
+    
+    
+