Update app.py

app.py

@@ -78,6 +78,7 @@ def respond(
     top_p,
     mood
 ):
+    # Update system message with mood prompt
     mood_prompt = mood_prompts.get(mood, "")
     full_system_message = f"{system_message} {mood_prompt}".strip()
 
@@ -106,18 +107,26 @@ def respond(
         response += token
         yield response
 
+# Define individual components
+mood_choice = gr.Dropdown(choices=list(mood_prompts.keys()), label="Mood", value="Casual")
+system_message = gr.Textbox(value="", label="System message", visible=False)
+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", visible=False)
+
+# Integrate components into the interface
 demo = gr.ChatInterface(
     respond,
-
-    Moodchoice_inputs=[
-        gr.Textbox(value="", label="System message", visible=False),
-        gr.Slider(minimum=1, maximum=2048, value=512, step=1, label="Max new tokens", visible=False),
-        gr.Slider(minimum=0.1, maximum=4.0, value=0.7, step=0.1, label="Temperature", visible=False),
-        gr.Slider(minimum=0.1, maximum=1.0, value=0.95, step=0.05, label="Top-P", visible=False),
-        gr.Dropdown(choices=list(mood_prompts.keys()), label="Mood Choices", value="Casual"),
+    additional_inputs=[
+        system_message,
+        max_tokens,
+        temperature,
+        top_p,
     ],
+    interactive=True,
     css=css,
     theme="allenai/gradio-theme",
+    secondary_inputs=[mood_choice],  # Adding mood_choice separately for visibility
 )
 
 if __name__ == "__main__":