Update app.py

app.py

@@ -98,6 +98,7 @@ def respond(
         yield f"Error: {str(e)}"
 
 with gr.Blocks() as demo:
+    # First, define all input components we'll need
     with gr.Row():
         with gr.Column():
             model_dropdown = gr.Dropdown(
@@ -111,6 +112,41 @@ with gr.Blocks() as demo:
                 label="Select Prompt Strategy"
             )
     
+    # Define parameter components before using them in ChatInterface
+    override_params = gr.Checkbox(
+        label="Override Template Parameters",
+        value=False,
+        visible=False  # Initially hidden
+    )
+    
+    max_tokens = gr.Slider(
+        minimum=1,
+        maximum=2048,
+        value=512,
+        step=1,
+        label="Max new tokens",
+        visible=False
+    )
+    
+    temperature = gr.Slider(
+        minimum=0.1,
+        maximum=4.0,
+        value=0.7,
+        step=0.1,
+        label="Temperature",
+        visible=False
+    )
+    
+    top_p = gr.Slider(
+        minimum=0.1,
+        maximum=1.0,
+        value=0.95,
+        step=0.05,
+        label="Top-p (nucleus sampling)",
+        visible=False
+    )
+
+    # Now we can use all components in ChatInterface
     chatbot = gr.ChatInterface(
         fn=respond,
         additional_inputs=[
@@ -126,37 +162,15 @@ with gr.Blocks() as demo:
     # Parameters and Prompt Details section below the chat
     with gr.Row():
         with gr.Column():
-            # Parameter Controls
-            override_params = gr.Checkbox(
-                label="Override Template Parameters",
-                value=False
-            )
+            # Make override params visible here
+            override_params.visible = True
             
             with gr.Column(visible=False) as param_controls:
-                max_tokens = gr.Slider(
-                    minimum=1,
-                    maximum=2048,
-                    value=512,
-                    step=1,
-                    label="Max new tokens"
-                )
-                temperature = gr.Slider(
-                    minimum=0.1,
-                    maximum=4.0,
-                    value=0.7,
-                    step=0.1,
-                    label="Temperature"
-                )
-                top_p = gr.Slider(
-                    minimum=0.1,
-                    maximum=1.0,
-                    value=0.95,
-                    step=0.05,
-                    label="Top-p (nucleus sampling)"
-                )
+                max_tokens.visible = True
+                temperature.visible = True
+                top_p.visible = True
 
         with gr.Column():
-            # Prompt Details
             with gr.Accordion("Current Prompt Details", open=False):
                 system_prompt_display = gr.TextArea(
                     label="System Prompt",