Pre-filled example

app.py

@@ -70,12 +70,23 @@ with gr.Blocks(theme=gr.themes.Default(primary_hue="blue")) as demo:
     with gr.Row():
         # Left column
         with gr.Column():
-            user_input = gr.Textbox(label="👤 User Instruction or Question (Optional)", placeholder="Enter user input here...", interactive=True)
-            llm_response = gr.Textbox(label="🤖 LLM Response (to be evaluated)", placeholder="Enter the LLM response to be evaluated here...", interactive=True)
+            user_input = gr.Textbox(
+                label="👤 User Instruction or Question (Optional)", 
+                placeholder="Enter user input here...", 
+                value="Where can I apply to this position?",
+                interactive=True
+            )
+            llm_response = gr.Textbox(
+                label="🤖 LLM Response (to be evaluated)", 
+                placeholder="Enter the LLM response to be evaluated here...", 
+                value="You can find the instructions from our Careers page.",
+                interactive=True
+            )
             evaluator_dropdown = gr.Dropdown(
                 label="🔎 Select Evaluator",
-                choices=[],  # Will be populated after client initialization
-                interactive=True
+                choices=ROOT_EVALUATORS,
+                interactive=True,
+                value="Politeness",
             )
         
         # Right column
@@ -87,7 +98,7 @@ with gr.Blocks(theme=gr.themes.Default(primary_hue="blue")) as demo:
     api_key.change(
         fn=initialize_client,
         inputs=[api_key],
-        outputs=[evaluator_dropdown]
+        outputs=[]  # Remove evaluator_dropdown from outputs
     )
     
     # Button to trigger the process